/* HEADER */
header .container{max-width: 100%;padding: 0 30px;}
.mainheader {position: absolute;top:0;width: 100%;z-index: 11;padding-top: 15px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s;}
/* .mainheader:after{content: "";position: absolute;top: 0;width: 100%;height: 200px;z-index: -1;background-image: linear-gradient(to bottom, rgb(1 8 32 / 80%) 25%, transparent 95%);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear; } */
.wrap{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.menu_link ul > li.hidden,.togglebtn,.menulogo{display: none}
.logo-left{max-width: 365px;position: relative;z-index: 1;}
.menu_link{position: relative;}
.menu_link >nav>ul{font-size: 0;margin: 0;}
.menu_link nav>ul > li{position: relative;display:inline-block;text-align: center;vertical-align: middle;margin: 0 25px 0;}
.menu_link nav > ul > li:first-child {margin-left: 0;}
.menu_link nav > ul > li:last-child {margin-right: 0;}
.menu_link nav>ul > li > a {font-size: 14px; color: #fff;padding:20px 0;display: block;position: relative;line-height: 100%;letter-spacing:0.3px;text-transform: uppercase;font-weight:500;font-family: 'DIN Pro';}
.menu_link nav>ul > li > a i.fa-home {font-size: 16px;}
.menudrop {z-index: 1;display: inline-block;width: 16px;text-align: center;vertical-align: middle;margin-left: 2px;margin-top: -1px;line-height: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;font-size: 16px;}
.menu_link nav>ul > li > a:after{content: "";position: absolute;bottom: -10px;left:0;right:0;margin: 0 auto;height: 2px;width: 100%;opacity: 0; background: #21AB74;border-radius: 1px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear; }
.menu_link nav>ul > li > a:hover:after, .menu_link nav>ul > li.active > a:after{bottom: 15px;opacity: 1;}	
.menu_link nav>ul > li:first-child > a:after{content: none;}
.menu_link nav > ul > li a:hover img, .menu_link nav > ul > li.active a img{filter: invert(51%) sepia(96%) saturate(384%) hue-rotate(104deg) brightness(89%) contrast(81%);}
.headul {display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.headul .btn-list{align-items: center;margin: 0 -10px;}
.headul .btn-list li {padding: 0px 10px;margin-bottom: 0;}
.headul .btn-list li .btn_call .call_icon{background: transparent;width: auto;height: auto;margin: 0 10px 0 0;}
.headul .btn-list li a{background: transparent;border-color: #fff;color: #fff;min-height: 50px;min-width: 176px;}
.menu_link ul > li:hover > a > i.fa-angle-down {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.mobileview{display: none;}
.headul .btn-list li [class*="btn_"]:hover{background: #fff;color: #21AB74;}
.headul .btn-list li [class*="btn_"]:hover span img{filter: invert(51%) sepia(100%) saturate(338%) hue-rotate(104deg) brightness(88%) contrast(89%);}
.headul .btn-list li .btn_call{font-size: 14px;font-weight: bold;}

/* DROP DOWN */
.menu_link .submenu{padding: 40px;left: 0;position: absolute;top: 100%;min-width: 290px;text-align: left;border-radius: 4px;z-index: 10;background: #fff;opacity: 0; visibility: hidden;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transform: scaleY(0);transform: scaleY(0);transform-origin: 0 0;background: #ffffff;box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 23%);}
.menudrop{z-index: 1;display: inline-block;width: 16px;text-align: center;vertical-align: middle;margin-left: 2px;margin-top: 0px;line-height: 100%;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;font-size: 16px;position: absolute;}
.menu_link li:hover .submenu {opacity: 1;visibility: visible;-webkit-transform: scaleY(1);transform: scaleY(1);}
.sub_menulink{margin: 0;}
.sub_menulink li{margin-bottom: 0;line-height: 100%;}
.sub_menulink li:not(:last-child){margin-bottom: 22px;}
.sub_menulink li a{font-size: 14px;font-weight: 500;font-family: 'DIN Pro';position: relative;line-height: 100%;letter-spacing: 0.3px;padding-left: 20px;display: block;text-transform: uppercase;}
.sub_menulink li a:before{content: "";position: absolute;width: 5px;height: 5px;background: #21AB74;border-radius: 100%;top: 5px;left: 0;}
.menu_link .submenu.service_dropdown{min-width: 350px;}
.sub_menulink li a:hover, .sub_menulink li.active a{color:  #21AB74;}

/* Menu Overlay */
.fixed-header .mainheader:after{height: auto;}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
 }
 
 @keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
 }

/*--| FIXED HEADER |--*/
.fixed-header .mainheader{width: 100%;z-index:1001; position: fixed;box-shadow: 0 2px 7px rgb(0 0 0 / 10%);padding:10px 0; -webkit-animation-duration: 0.7s;-webkit-animation-name: headfadeIn;animation-name: headfadeIn;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;background: rgb(0 0 0 / 80%);}
@-webkit-keyframes headfadeIn { 0% { opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);} 100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes headfadeIn {0% { opacity: 0; -webkit-transform: translateY(-50px);transform: translateY(-50px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
.logo-left .disblock{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
/* .fixed-header .logo-left .disblock{display: block;width: 65px;} */
/* START RESPONISVE */
@media screen and (max-width: 1500px){
	.menu_link nav>ul > li{margin: 0 15px 0;}
}

@media screen and (max-width: 1439px){
	header .container{padding: 0 15px;}
	.logo-left {max-width: 200px;}
}
@media screen and (max-width: 1366px){

}
@media screen and (max-width: 1280px){
	.menu_link nav>ul > li > a{letter-spacing: normal;}
	.headul .btn-list li a{min-width: 150px;}
	.headul .btn-list{margin: 0 -5px;}
	.headul .btn-list li {padding: 0px 5px;}
}
@media screen and (max-width: 1199px){
	.headul .btn-list li .btn_theme {font-size: 0;min-width: 40px;padding: 0;min-height: 40px;}
	.headul .btn-list li .btn_call .call_icon{margin: 0;}
	.headul .btn-list li .btn_get:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/svg/edit-icon.svg) no-repeat;margin: auto;width: 22px;height: 20px;background-position: 100%;background-size: contain;}
	.headul .btn-list li .btn_get span.arrow{display: none;}
	.headul .btn-list li .btn_call .call_icon img{width: 15px;}
}
@media screen and (max-width: 991px){
		/*	toggle */
	.overlay {position: fixed;top: 0;right: 0;z-index: 11;width: 100%;height: 100%;display: none;background-color: rgb(0 0 0 / 75%);cursor: pointer;}
	html.menuhidden {position: fixed;overflow-y: hidden}
	.togglebtn span {position: relative;display: inline-block;margin-top: 8px;vertical-align: top;left: 0;}
	.togglebtn span::before {top: -7px;}
	.togglebtn span::after {top: 7px;}
	.togglebtn span::before,.togglebtn span::after {content: "";position: absolute;left:0;}
	.togglebtn span,.togglebtn span::before,.togglebtn span::after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 16px;height: 2px;border-radius:1px;}
	.togglebtn span{width: 16px;}
	.togglebtn{position: fixed;right: 15px;top:20px;display: block;width: 40px;height: 40px;cursor: pointer;z-index: 1001;padding: 9px 0px;border-radius: 4px;text-align: center;background: transparent;border: 1px solid #fff;margin-right: 0;}	
	.togglebtn.active span::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top: 0;}
	.togglebtn.active span::after {-webkit-transition-delay: 0.09s;top: 0;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);}
	.togglebtn.active span { background: transparent;width: 20px;}
	.togglebtn.active {border: 1px solid transparent;right: 18px;top: 24px;padding: 10px 11px;margin-right: 0;}
	.togglebtn.active span::before, .togglebtn.active span::after{background: #fff;}
	.togglebtn.active:before {content: none;}
	.togglebtn span,.togglebtn span::before,.togglebtn span::after {background-color: #fff;}	
	aside{display: none;}
	.menu_link .fa-angle-down.menudrop ,.menu_link .submenu .menudrop {display: block;top: 0;font-size: 20px;height: 38px;width: 35px;border-radius: 0;line-height: 40px;right: 0;bottom: 0;margin: auto;position: absolute;background: transparent;text-align: center;}
	/* .menu_link ul > li:hover > a > i.fa-angle-down.openedmenu {-webkit-transform:rotate(90deg);transform: rotate(90deg);} */
	.menu_link ul > li:hover > a > i.fa-angle-down.closemenu {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
	.menu_link ul > li.hidden{display: block;}
	.menulogo {display: block;background: #21AB74;width: 100%;padding:20px;border-bottom: 1px solid rgb(255 255 255 / 8%);}
	.menu_link .submenu .menudrop {color: #fff}
	.menu_link {float: none;padding: 0;position: fixed;top: 0;height: 100%;width: 375px;background: #fff;margin: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease;overflow-y: auto;right: 0;z-index: 1000;transform: translateX(100%);-webkit-transform: translateX(100%);}
	.menu_link.active {transform: translateX(0%);-webkit-transform: translateX(0%);}
	.menu_link .submenu {-webkit-transform: none;transform: none;display: none;visibility: unset;background:rgb(33 171 116 / 7%);opacity: unset;width: 100%;position: relative;padding-bottom: 0;left: auto;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;min-width: inherit;border: 0;padding: 0;max-width: 100%;text-align: center;}
	.menu_link nav > ul > li {display: block;text-align: left;width: 100%;height: auto;padding: 0;}
	.menu_link li:hover .submenu {display: none;-webkit-transform: none;transform: none;opacity: inherit}
	.menudrop.openedmenu::before {content: "\f105 ";}
	.menu_link ul > li:hover > a > i.fa.fa-caret-down {-webkit-transform: none;-ms-transform: none;-o-transform: none;-moz-transform: none;transform: none;}
	.menu_link >nav>ul{padding-right: 0;width: 100%;}
	.menu_link nav{width: 100%;padding:20px 30px 0;}
	.menu_link nav>ul > li{margin:0;}
	.menu_link nav>ul > li > a {font-size: 15px;letter-spacing: 0.3px;padding: 18px 0;border-bottom:1px solid rgb(0 0 0 / 7%);text-align: left;color: #44525F;}
	.menu_link nav>ul > li:last-child > a{border-bottom: 0;}
	.menulogo a.disblock{max-width: 235px;display: block;}
	.fixed-header .mainheader{animation-name: inherit;animation-duration: inherit;animation-fill-mode: inherit;}
	.menu_link nav>ul > li > a:after{content: none;}
	.logo-left{display: block;}
	.sub_menulink{flex-wrap: wrap;}
	.menu_link .submenu{width: 100%;border-radius: 0;padding:15px 25px;}
	.menu_link nav > ul > li a img{display: none;}
	.mobileview {display: block;}
	.headul{padding-right: 50px;}

	.mainheader{padding: 10px 0;}
	.togglebtn{top:15px;}
	.sub_menulink li a{text-align: left;color: #44525F;padding: 8px 0;font-size: 13px;}
	.sub_menulink li a:before{content: none;}
	.menu_link .submenu.service_dropdown {min-width:100%;}
	.mobile_cta{display: block;border-top: 1px solid rgb(0 0 0 / 7%);margin-top: 30px;padding: 30px;}
	.mobile_cta .cta_inner .title_xlg{color: #44525F;line-height: 35px;font-size: 26px;}
	.mobile_cta .cta_inner{text-align: left;}
	.mobile_cta .cta_inner [class*="btn_"]{min-width: 145px;letter-spacing: normal;}
	.mobile_cta .cta_inner .btn-list{justify-content: flex-start;}
	.sub_menulink li:not(:last-child) {margin-bottom: 0;}
	.mainheader:before{content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;background-image: linear-gradient(rgb(0 0 0 / 50%) 11%, transparent 68%);height: 85px;}
}

@media screen and (max-width: 480px){
	.logo-left {max-width: 150px;}
	.togglebtn{top:14px;}
	.headul .btn-list li .btn_theme{min-width: 35px;min-height: 35px;}
	.togglebtn{top: 10px;width: 35px;height: 35px;padding: 8px 0px;}
	.headul {padding-right: 44px;}
	.headul .btn-list li .btn_call .call_icon {margin: 0 0 0 3px;}

	.mobile_cta{padding: 30px 20px;}
	.menu_link{width: 100%;}
	.mobile_cta .cta_inner .title_xlg{line-height: 28px;font-size: 22px;margin-bottom: 15px;}

	.mobile_cta .cta_inner .btn-list{margin: 0 -3px;}
	.mobile_cta .cta_inner .btn-list li{padding: 0 3px;}
	.mobile_cta .cta_inner [class*="btn_"]{padding: 6px 10px;min-width: 130px;}
	.mobile_cta .cta_inner .btn_call .call_icon {width: 25px;height: 25px;padding: 5px;}
}
@media screen and (max-width: 360px){
	
	
}