@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
@font-face{font-family:Broadway-Regular;src:url(Broadway-Regular.ttf)}
button{ outline: 0 !important }
body{  line-height:24px; font-size:16px; letter-spacing:.5px;       font-family: 'Fira Sans', sans-serif; background-color:#333;}
p{ margin-bottom:15px ; line-height:25px;}
h1,h2,h3,h4,h5,h6{  font-family: 'Teko';}

header{  -webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out;position: absolute; left:0; right:0; z-index:99; position:absolute; left:0;background-color:rgba(0,0,0,.55); top:0;}
.fixed-header{position:fixed; z-index:99;  box-shadow:0 0 10px rgba(0,0,0,.5);  }
.homeheader header{ left:0; }

.mainkinkss{ padding:7px 0;}

.mainkinkss nav ul{ display: flex;align-items: center; margin:0; padding:0}
.mainkinkss nav ul li{ list-style:none; color:#fff; text-transform: capitalize; cursor:pointer; position:relative; padding:10px 0;}
.mainkinkss nav ul li + li{ margin-left:15px;}
.mainkinkss nav ul li a{ font-family: 'Teko'; font-size:17px; color:#fff; text-transform:uppercase; font-weight:500}

.contactus{ padding:7px 0;}
.contactus a+a{ margin-left:10px;}

.headerinner{-webkit-box-pack:center!important;	-ms-flex-pack:center!important;	justify-content:center!important}
.fixed-header .headerinner {-webkit-box-pack:justify!important;	-ms-flex-pack:justify!important;justify-content:space-between!important}
.headerinner .clintlogo{ width:150px; display:none}
.fixed-header .headerinner .clintlogo{  display: block}
.alliocnss a{ font-size:24px;}


#sidelinks  ul{ display:block !important}
#sidelinks  ul li{ margin-left:0 !important; padding:7px 0; list-style:none}
#sidelinks  ul li a{ color:#fff}

.banners{position: relative;}
.banners .bannercontenthome{color: #fff;position: relative;z-index: 10; display: flex;justify-content: center;flex-direction: column;align-items: center; min-height:100vh; padding:50px 0 30px 0; background-color:rgba(0,0,0,.5)}


/* homepage   */
#homepagee{ height:85vh; background: url(../images/mainbanner-4.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative}
#homepagee .overlayyy{position:absolute; top:0; left:0; right:0; bottom:0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); opacity:.5; z-index:5}
#homepagee video{ width:100vw; height:100vh; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;object-fit: cover;}
#homepagee .onvideoovercontent{position:absolute; bottom:5%; z-index:9; /*transform:translateY(-50%); */left:0; right:0; text-align:center;  }
.onvideoovercontent h1{ font-weight:900}

.voideologo{position:absolute; top:100px; left:0; right:0; z-index:8}
.voideologo img{ width:200px;}
.mb-bilgoo img{ width:200px;}
.oversideconss{position:absolute; top:0; bottom:0; right:0; width:300px; padding:20px; z-index:99; color:#fff;background-color:rgba(0,0,0,.8); font-size:18px; line-height:28px; }
.oversideconss a{ color:#000; text-decoration:none}

.downloadlinks{ background-color:#ff4136; color:#fff !important; padding:7px 30px; border-radius:40px; display:inline-block; text-transform:uppercase; text-decoration:none; font-size:15px;transition: .3s ease-out;}
.downloadlinks:hover{transform:translateY(-10px); }





.inner-d{ min-height:100vh; position:relative; background-color:rgba(0,0,0,.4);}



.backbg-1{background: url(../images/banner-1.jpg) no-repeat center center fixed; background-size:cover}
.backbg-2{background: url(../images/banner-2.jpg) no-repeat center center fixed; background-size:cover}
.backbg-3{background: url(../images/banner-3.jpg) no-repeat center center fixed; background-size:cover}
.backbg-4{background: url(../images/banner-4.jpg) no-repeat left center fixed; background-size:cover}
.backbg-5{background: url(../images/banner-5.jpg) no-repeat center center fixed; background-size:cover}
.teams-bg{background: url(../images/teams-bg.jpg) no-repeat center center fixed; background-size:cover}
.client-bg{background: url(../images/banner-4.jpg) no-repeat center center fixed; background-size:cover}
.project-bg{background: url(../images/project-bg.jpg) no-repeat center center fixed; background-size:cover}


.blacktrans{ background-color:rgba(0,0,0,.4);}
.mln_sec{ height:auto !important}
.mln_ht100vh{ min-height:100vh}

.mainbannerss h1{ font-size:55px; line-height:65px; font-weight:bold;}



.mainhead-3{ font-size:25px; line-height:35px; font-weight:bold; margin:0 0 15px 0; padding:0}
.mainhead-3 span{ color:#d00202}

.compamyasstes{background-color:rgba(0,0,0,.5); padding:25px 5px; border-radius:12px; border:1px rgba(255,255,255,.3) solid; height:100%}
.compamyasstes .counttext{ font-size:20px; font-weight:bold; margin-bottom:2px;}
.compamyasstes .counttext span{ font-family: 'Teko'; font-size:40px; line-height:50px;}
.smalllistt  ul{ padding:0 0 0 15px;}
.smalllistt ul li{ margin-bottom:8px;}

.liatnumber,.liatnumber p{ font-size:15px; line-height:25px;}
.liatnumber ol{ padding:0 0 0 18px;}
.liatnumber ol li{ padding: 0 0 8px 3px;}

.biglists  ul{ padding:0; margin:0 -5px;}
.biglists  ul li{ margin-bottom:10px; list-style:none; padding:0 5px;}
.ourserty{ padding:20px 10px; text-align:center; background-color:rgba(0,0,0,.4); border:1px rgba(255,255,255,.5) solid; border-bottom:3px rgba(255,255,255,.3) solid; height:100%; font-size:15px; border-radius:10px;}

.leadership{ background-color:rgba(0,0,0,.6); border-radius:12px; border-bottom:2px rgba(255,255,255,.5) solid;}
.leadership .leadership-content{ padding:20px; text-align:center}





.projectsec{ position:relative; overflow:hidden}
.projectsec .projectcontent{ position: relative; bottom:0; left:0; right:0;background-color:rgba(0,0,0,.7); color:#fff; padding:10px;transition: .5s ease-out; font-size:13px; line-height:18px;}

/*.projectsec:hover .projectcontent{ bottom:0; }
.chtimpeslider.slick-slider .slick-track .slick-slide.slick-current .projectcontent{ transform:scale(1) }

*/

.projectsssss a{ color:#fff; font-size:18px; line-height:25px;  font-family: 'Teko'; padding:2px 0 2px 20px; border-left:5px #fff solid }
.projectsssss a.active{  border-left:5px #f00 solid }

.projectsssss a+a{ margin-top:10px;}


footer{ background: url(../images/contactusbg.jpg) no-repeat center top fixed ; background-size:cover; position:relative}
.footerinner{padding:80px 0 0 0; background-color:rgba(0,0,0,.2); color:#fff; border-top:2px rgba(255,255,255,.3) solid}
.formsectoij .form-dfield{ margin-bottom:20px;}
.formsectoij  .form-dfield .imcfield{ width:100%; background-color:transparent; padding:10px 0; border:0; border-bottom:1px rgba(255,255,255,.3) solid; color:#fff; opacity:1;}
.formsectoij .form-dfield .imcfield::placeholder {color:#fff;  opacity: .8;}
.formsectoij .form-dfield .imcfield:-ms-input-placeholder {color:#fff;}
.formsectoij .form-dfield .imcfield::-ms-input-placeholder {color:#fff;}
.formsectoij .form-dfield .submitt{ background-color:#000; color:#eee;  padding:10px 40px; font-size:14px; text-transform:uppercase; border:1px rgba(255,255,255,.3) solid;}
 .copyrightss{ border-top:1px rgba(255,255,255,.3)  dashed; padding:5px 0 2px 0 ; font-size:13px; background-color:rgba(0,0,0,.3)}
 .consdetails{ position:relative; padding:0 0 10px 60px; line-height:25px; margin-bottom:10px;}
 .consdetails i{ width: 40px;height: 40px;border-radius: 50%;line-height: 40px;color: #000;text-align: center;font-size: 21px;background-color: rgba(255,255,255,.6);position: absolute;left: 0;top: 0;border-bottom: 2px #f5f5f5 solid;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);}
 .consdetails a{ color:#fff;}

.topsocial a{ color:#fff; border:1px rgba(255,255,255,.4) solid;  border-radius:5px; width:23px; display: inline-block; text-align:center;}
.topsocial a+a{ margin-left:2px;}


 
#back-top{ position:fixed; right:0; left:0; margin:0 auto; bottom:80px; cursor:pointer; z-index:99; width:50px; height:50px; line-height:50px; border-radius:50%; border:1px rgba(255,255,255,.3) solid; margin:0 auto; text-align:center; display:inline-block; background-color:rgba(0,0,0,.6)}
#back-top i{ color:#fff; font-size:25px;}



@media(min-width:768px){
.contactus a+a{ margin-left:15px;}
.headerinner .clintlogo{ width:200px;}
.mainbannerss h1{ font-size:70px; line-height:80px;}
.projectsec .projectcontent{ position:absolute;font-size:16px; line-height:25px; }
.projectsssss a{ font-size:25px; line-height:32px;  }
.projectsssss a+a{ margin-top:20px;}
.liatnumber,.liatnumber p{ font-size:19px; line-height:32px;}
.liatnumber ol{ padding:0 0 0 18px;}
.liatnumber ol li{ padding: 0 0 14px 3px;}
.ourserty{ padding:30px 20px; font-size:18px;}

.biglists  ul{  margin:0 -15px;}
.biglists  ul li{ margin-bottom:20px;  padding:0 15px;}


}

@media(min-width:992px){
.headerinner .clintlogo{ width:220px; }

.banners .bannercontenthome{ padding:90px 0 50px 0;;}

#back-top{bottom:10px;}
.mainbannerss h1{ font-size:100px; line-height:110px;}
.mainhead-3{ font-size:52px; line-height:60px; font-weight:bold; margin:0 0 15px 0; padding:0}

	
}
	
	
@media(min-width:1200px){

.mainbannerss h1{ font-size:155px; line-height:170px;}





}



/*.chtimpeslider.slick-slider .slick-track{ margin:0 -15px;}
.chtimpeslider.slick-slider .slick-track .slick-slide{ padding:15px 15px;transition: .3s ease-out;}
.chtimpeslider.slick-slider .slick-track .slick-slide.slick-current{ transform:scale(1.05) }*/




.sidewarper{z-index:999999;background-color:rgba(0,0,0,.9);position:fixed;height:100%;overflow:scroll;overflow-x:hidden;left:-1000px;top:0;bottom:0}
#slidesection{width:250px}
#slidesection .overscroll{padding:10px 25px}
#slidesection .topclose{background-color:#ecbf48;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 25px;display:block}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer}
#slidesection .topclose a i{ float:right; margin-top:5px;}
#slidesection .topclose a strong{ color:#fff}

#slide{cursor:pointer}
.accordion-toggle{cursor:pointer;margin:0;display:block;position:relative}
.accordion-toggle span{position:absolute;right:5px;top:10px;background-color:#ecbf48;text-align:center;line-height:20px;color:#fff;z-index:999;width:20px;height:20px}.accordion-toggle .disinb{display:inline-block!important}.accordion-content ul{background-color:#333}.accordion-content ul li{border:0!important}.accordion-content ul a{padding:5px 10px!important}.accordion-content{display:none}







.owl-carousel{ position:relative}
.owl-nav{ position: absolute;}
.owl-nav .owl-next{ float:left}
.owl-nav .owl-prev{ float:right}
.owl-carousel.bottomright .owl-nav{ bottom:-50px; right:25%  }
.owl-carousel.centermobil .owl-nav{ top:auto; left:0; right:0; margin:0 auto; transform:translateY(0) ; width:90px; padding:10px 0 0;}

@media(min-width:768px){
.owl-carousel.centermobil .owl-nav{ top:50%; bottom:auto; left:-50px; right:-50px;  transform:translateY(-50%) ; width: auto; padding:0}
#homepagee{ height:100vh; }


}




.owl-dots { padding:20px 0 0 ;
	text-align:center;
	
}
.owl-dots button {
	background-color: transparent;
	border:0;
	padding:0;
}
.owl-dots .owl-dot span { position:relative;width:15px;	height:15px;	background-color: transparent; border-radius:50%;
	display:inline-block;	margin:0 2px;border: 1px solid #8f8f8f;	}
.owl-dots .owl-dot span:after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; content:""; border-radius:50%; background-color:#8f8f8f; margin:2px;  }	
	
	
.owl-dots .owl-dot.active span {border: 1px solid #c20003}
.owl-dots .owl-dot.active span:after{ background-color:#c20003 }	



.owl-carousel .owl-nav button {
	background-color:transparent;
	border:0;
	padding:0
}
:focus{ outline:0 !important}


.owl-nav button+button{ margin-left:10px;}
.owl-nav button span { background-color:#fff; border:1px #c20003 solid; width:40px; height:40px; line-height:40px; color:#000; border-radius:50%; text-align:center; display:block; font-size:20px;transition: .2s ease-out;}
.owl-nav button:hover span { background-color:#c20003;  color:#fff;border:1px #c20003 solid; }


.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
 
  z-index: 1;
}
.owl-carousel .owl-stage {
	border:0;
	height:auto;
	position: relative;
	-ms-touch-action: pan-Y;
	padding:0;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
	display:block;
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	display: none;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("../img/owl/owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {	display: none;}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}