/*********************************************************************************

	Template Name: Salina - Construction Bootstrap4 Template 
	Template URI: https: //themeforest.net/user/
	Description: A perfect construction template for build beautiful and unique construction websites. It comes with nice and clean design. 
	Author: Author Name 
	Author URI: Author URI 
	Version: 1.0

	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/

.header-top-area-inner ul li a i {
    color: #f5821f;
}

.header-top-area-inner ul li i {
    color: #f5821f;
}

.header-top-area-inner ul li a:hover {
	color: #f5821f;
}

.sa-navigation ul li:hover > a {
	background: #f5821f;
	color: #242424;
}

.banner-slider-active .cr-navigation {
    border: 3px solid #f5821f;
    color: #f5821f;
}

#scrollUp {
    background: #f5821f;
    border: 1px solid #f5821f;
}

.cr-btn, a.cr-btn, button.cr-btn {
    background: #f5821f;
    border-color: #f5821f;
}

.cr-btn.cr-btn-theme-black, a.cr-btn.cr-btn-theme-black, button.cr-btn.cr-btn-theme-black {
    color: #242424;
}

.bg-theme {
    background: #f5821f !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #242424;
}

.section-title h2 {
	color: #242424;
}

.section-title h3::before {
	background: #f5821f;
}

.projects-filters button:hover, .projects-filters button.is-checked, .projects-filters button.active, .projects-filters a:hover, .projects-filters a.is-checked, .projects-filters a.active, .projects-filters-tab button:hover, .projects-filters-tab button.is-checked, .projects-filters-tab button.active, .projects-filters-tab a:hover, .projects-filters-tab a.is-checked, .projects-filters-tab a.active {
    background: #f5821f;
    color: #242424;
}

.single-project .single-project-content a.cr-loadmore-btn {
	background: #242424;
	border-color: #242424;
}

.single-project .project-tags li a:hover {
	color: #f5821f;
}

.single-project:hover .project-tags li a {
	color: #242424;
}

.single-project.single-project-2 .single-project-thumb::before {
	background: #f5821f;
}

.brand-logos-slider .cr-navigation:hover {
	background: #f5821f;
	border-color: #f5821f;
}
  
.single-project:hover .single-project-content {
	background: #f5821f;
}

.team-member:hover h5 {
	color: #f5821f;
}

.funfact2 .funfact2-icon {
    background: #f5821f;
}

.cr-btn.cr-btn-transparent,
a.cr-btn.cr-btn-transparent,
button.cr-btn.cr-btn-transparent {
  color: #f5821f;
}

.cr-btn.cr-btn-transparent:hover,
a.cr-btn.cr-btn-transparent:hover,
button.cr-btn.cr-btn-transparent:hover {
  background: #f5821f;
}

.cr-btn.cr-loadmore-btn:hover,
a.cr-btn.cr-loadmore-btn:hover,
button.cr-btn.cr-loadmore-btn:hover {
  background: #f5821f;
  border-color: #f5821f;
}

.cr-btn.cr-btn-transparent.cr-btn-black, a.cr-btn.cr-btn-transparent.cr-btn-black, button.cr-btn.cr-btn-transparent.cr-btn-black {
    color: #242424;
}

.widgets.footer-widgets .widget-title::after {
	background: #f5821f;
}

.widgets.footer-widgets .widget-quick-links ul li a:hover {
	color: #f5821f;
}

.footer-copyright a:hover {
	color: #f5821f;
}

.cr-breadcrumb {
    padding-top: 10px;
    padding-bottom: 8px;
}

/* TITLE */
.main_title {
    margin: 0 auto 50px;
}

.main_title h2,.main_title h3 {
	font-family: "Raleway", sans-serif;
	font-weight: 800;
	color: #242424;
	font-size: 30px;
	margin: 0 0 10px;
	padding: 0;
}

.main_title span,.main_title span em {
	margin: auto;
	height: 2px;
	display: block;
}

.main_title p {
	font-size: 18px;
	font-weight: 300;
	opacity: 1;
}

.main_title h2 strong,.main_title h3 strong {
	font-family: "Raleway", sans-serif;
	color: #f5821f;
	font-weight: 800;
}

.main_title span {
	width: 80px;
	background-color: #f5821f;
}

.main_title span em {
	width: 60px;
	background-color: #f5821f;
}

/* END TITLE */

.bg-misi {
	background-color: #242424;
	color: #ffffff;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

.contact-infobox span.contact-infobox-icon::before {
    border: 2px solid #f5821f;
}

.contact-infobox a:hover {
	color: #f5821f;
}
  
.contact-infobox:hover span.contact-infobox-icon {
	background: #f5821f;
}

.validation-invalid-label {
    color: #fe2854;
}

.validation-valid-label {
    color: #38cb89;
}