@import url('//fonts.googleapis.com/css2?family=El+Messiri:wght@700&family=Manrope:wght@200..800&display=swap');

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#wrapper{overflow: hidden;}
body{line-height: 1.8 !important;}
.uppercase, h6, th, span.widget-title{letter-spacing: 0 !important;}
.h1,h1{font-size: 60px !important;line-height: 1.2 !important;font-weight: 400;}
.subtitle{font-family: "El Messiri", sans-serif;}
.subtitle p{margin-bottom: 0;}
.simple-list li{list-style: none;margin-left: 0 !important;position: relative;padding-left: 26px;}
.simple-list li::before{content: '';display: block;position: absolute;left: 0;top: 15px;width: 6px;height: 6px;background-color: var(--primary-color);}
@media (max-width: 1366px){
	.h1,h1{font-size: 50px !important;}
}
@media (max-width: 849px){
	.h1,h1{font-size: 40px !important;}
}
@media (max-width: 549px){
	.h1,h1{font-size: 34px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.nav>li.html{font-size: 1em !important;}
.header-top .nav>li{margin: 0 24.5px;}
.header-top .nav>li>a{font-size: .89em;}
.header-top .nav-small.nav>li.html>a{color: #fff;font-weight: 700;}
.header-top .nav-small.nav>li.html>a[href*="tel"]{position: relative;padding-left: 32px;}
.header-top .nav-small.nav>li.html>a[href*="tel"]::before,.nav-sidebar a[href*="tel"]::before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -11px;width: 22px;height: 22px;background: url("../img/true-form-construction-phone.svg") no-repeat 0 0;background-size: contain;opacity: 1 !important;}
.header-main .nav>li>a{font-size: .88em;}
.header-main .nav-uppercase>li>a{letter-spacing: 0;}
.header-main .nav-spacing-xlarge>li{margin: 0 25px;}
.off-canvas-center.mfp-bg.mfp-ready{opacity: .95 !important;}
.header-top .flex-right{padding-right: 20px;}
@media (min-width: 1200px) and (hover: hover){
	.header-top .nav-small.nav>li.html>a[href*="tel"]:hover::before,.btn[href*="tel"]:hover .icon-phone,.plain[href*="tel"]:hover .icon-box-img img{-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
}
@media (min-width: 1200px){
	#logo img{max-height: 51px !important;}
	.header-wrapper:not(.stuck) .header-main{z-index: 20 !important;}
	.header-wrapper:not(.stuck) .header-main .logo-left .logo{top: -28px;position: relative;}
	.header-wrapper:not(.stuck) .header-main .nav.nav-right::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: rgba(255,255,255,.1);}
	.header-top .flex-right,.header-main .flex-right{position: absolute;right: 0;}
}
@media (min-width: 550px) and (max-width: 1199px){
	.header-main{height: 70px !important;}
}
@media (max-width: 1600px){
	.header-top .nav>li{margin: 0 15px;}
	.header-main .nav-spacing-xlarge>li{margin: 0 10px;}
	.header-top .nav>li>a,.header-main .nav>li>a{font-size: .8em;}
}
@media (max-width: 1366px){
	.header-top .nav>li{margin: 0 10px;}
	.header-main .nav>li>a{font-size: .7em;}
}
@media (max-width: 1199px){
    .header .hide-for-medium{display: none;}
	.header .show-for-medium{display: block !important;}
	.medium-logo-center .flex-left{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;}
	.medium-logo-center .flex-right{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
	.medium-logo-center .logo{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;text-align: center;}	
	.nav-sidebar a[href*="tel"]::before{position: static;margin-top: 0;margin-right: 10px;width: 30px;height: 30px;}
	.off-canvas-center .nav-vertical>li>a{font-size: 1.2em !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HERO BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.hero-banner .res-text{font-size: 1em !important;}
.hero-banner .col-inner{width: auto;}
.hero-banner .banner-bg .overlay::before,.hero-banner .banner-bg .overlay::after{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 100%;}
.hero-banner .banner-bg .overlay::before{max-width: 1426px;background: linear-gradient(65.9deg, rgba(0, 0, 0, 0.8) 0%, rgba(22, 22, 22, 0) 68.92%);}
.hero-banner .banner-bg .overlay::after{max-width: 1285px;background: linear-gradient(62.84deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 65.92%);}
.hero-banner .h1,.hero-banner h1{margin-bottom: .23em !important;margin-top: 0 !important;}
.hero-banner .thin-font{font-weight: 250 !important;}
.hero-banner .text p{margin-bottom: 1.6em !important;margin-top: 0 !important;}
.hero-banner .button{margin-bottom: 0 !important;margin-top: 0 !important;}
.hero-banner .btn.primary.is-outline{border-color: rgba(255,255,255,.1) !important;color: var(--primary-color) !important;}
.hero-banner .btn .icon-phone{width: 22px;height: 22px;position: relative;}
.hero-banner .btn .icon-phone::before,.hero-banner .btn .icon-phone::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.hero-banner .btn .icon-phone::before{background-image: url("../img/true-form-construction-phone-dark.svg");}
.hero-banner .btn .icon-phone::after{background-image: url("../img/true-form-construction-phone-white.svg");opacity: 0;}
@media (min-width: 1200px) and (hover: hover){
	.hero-banner .btn .icon-phone::before,.hero-banner .btn .icon-phone::after{-webkit-transition: .2s;transition: .2s;}
    .hero-banner .btn:hover .icon-phone::before{opacity: 0;}
    .hero-banner .btn:hover .icon-phone::after{opacity: 1;}
}
@media (max-width: 549px){
	.hero-banner .button{width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTON */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header-button .button:not(.is-outline),.btn:not(.is-outline){border: none !important;background: linear-gradient(94.09deg, #F3CE92 -1.6%, var(--primary-color) 100%);}
.header-button .button,.btn{padding: 0 2.33em !important;line-height: 3.481em !important;min-height: 3.481em !important;letter-spacing: 0 !important;margin-bottom: 0 !important;}
.header-button .button.is-small,.btn.is-small{font-size: .83em !important;}
.header-button .button.primary:not(:hover),.btn.primary:not(:hover){color: #252525;}
.header-button .button{min-height: 55px !important;line-height: 55px !important;}
.btn.is-outline{border-width: 1px !important;border-color: var(--primary-color) !important;line-height: 3.35em !important;}
.btn.primary.is-outline::before{content: '';display: block;position: absolute;left: -1px;top: -1px;right: -1px;bottom: -1px;z-index: -1;background: linear-gradient(94.09deg, #F3CE92 -1.6%, var(--primary-color) 100%);opacity: 0;}
@media (min-width: 1200px) and (hover: hover){
	.btn.primary.is-outline::before,.plain.back-to-top{-webkit-transition: .2s;transition: .2s;}
	.btn.primary.is-outline:hover{border-color: transparent !important;color: #252525 !important;background-color: transparent;}
	.btn.primary.is-outline:hover::before{opacity: 1;}
}
@media (min-width: 1200px) and (max-width: 1600px){
	.header-button .button{padding: 0 1.5em !important;}
}
@media (min-width: 1200px) and (max-width: 1366px){
	.header-button .button.is-small{font-size: .7em;}
}