@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:22px; font-weight:400; font-size:15px; letter-spacing:.5px; font-family: 'Fira Sans', sans-serif;}
p{ margin-bottom:15px;}
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(255,255,255,.85); top:0;}
.fixed-header{position:fixed; z-index:99;  box-shadow:0 0 10px rgba(0,0,0,.3); background-color:rgba(255,255,255,1); }
.homeheader header{ left:0; }

.mainkinkss{ padding:7px 0;}

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


/* homepage   */
#homepagee{ height:100vh; 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;  z-index:9; transform:translateY(-50%); top: 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); }













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

.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}
.headerinner a{ color:#000; font-size:25px;}
.headerinner i{ font-size:20px;}



#sidelinks #menu_dir ul{ display:block !important}
#sidelinks #menu_dir ul li{ margin-left:0 !important; padding:7px 0;}
#sidelinks ul li{ list-style:none}
#sidelinks ul li+li{ margin-top:15px}
#sidelinks ul li a{ color:#000; text-transform:uppercase}
.banners{position: relative; overflow:hidden}
.banners .bannercontenthome{color: #333;position: relative;z-index: 10; display: flex;justify-content: center;flex-direction: column;align-items: center;  background-color:#fff; }

.bg_offwhite{ background-color:#fff !important}




.topbanner_bg{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-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}


.lefttranssp{background-image: linear-gradient(to right, rgba(0,0,0,.95), rgba(0,0,0,0)); }



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

.mainbannerss h1{ font-size:55px; line-height:65px; font-weight:bold; color:#fff;}
.mainhead-2{ font-size:45px; line-height:55px; font-weight:bold; margin:0 0 15px 0; padding:0}

.mainhead-3{ font-size:30px; line-height:40px; font-weight:bold; margin:0 0 15px 0; padding:0; text-transform:uppercase; color:#000;}
.mainhead-3 span{ text-transform:none}
.text-greens{ color:#ff4035 !important}
.leftborder{ border-left:4px #ff4035 solid; padding:0 0 0 20px; }
.leftborder p{ color:#000}
.ourgallery{ position:relative}
.ourgallery .thumbbb{/* position:absolute; bottom:-30px; left:5%; right:5%; */margin:0;/* border:2px #f5f5f5 solid;*/ padding:20px 0 0}
/*.biggallery .slick-slide div{ padding:2px 2px 0 2px; background-color:#fff;}	
*/.biggallery .slick-slide div img{ display:block}


.tabledesign{ border:1px rgba(255,255,255,.5) solid; margin:10px 0 15px 0;}
.tabledesign thead td{ background-color:rgba(255,255,255,.3); font-weight:700; font-size:15px; padding:15px 10px;}
.tabledesign td{ border:1px rgba(255,255,255,.3) solid; padding:10px 10px; font-size:13px;}
.tabledesign tr:nth-of-type(2n+2) td{background-color:rgba(255,255,255,.2);}




.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:10px;}


.aboutusec.aboutusecbg-1{ background:url(../images/second_bg.jpg) no-repeat right center}
.aboutusec.aboutusecbg-2{ background: url(../images/gallery-4.jpg) no-repeat right center; background-size:contain}

.aboutusec .aboutusecinner{ min-height:100vh; position:relative}
.aboutusec .aboutusecinner .leftwhitespp{ background:#fff url(../images/treebg.png) no-repeat center center; height:100%; position:absolute; left:0; top:0; bottom:0; width:50%; z-index:1 }
.centersection{ background-color:#fff; padding:40px 20px; position:relative; z-index:9; width:40%; box-shadow:0 0 20px rgba(0,0,0,.3); border-radius:10px; text-align:center; border-bottom:4px #548235 solid;}


.rightcontentss{ background-color:rgba(64,131,1,.85); padding:50px 30px; margin:20px; }
.rightcontentss h4{line-height:40px;}



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(255,255,255,.88); color:#000; border-top:2px rgba(255,255,255,.3) solid;min-height:calc(100vh - 80px); position:relative}
.formsectoij .form-dfield{ margin-bottom:20px;}
.formsectoij  .form-dfield .imcfield{ width:100%; background-color:transparent; padding:10px 0; border:0; border-bottom:1px rgba(0,0,0,.3) solid; color:#000; opacity:1;}
.formsectoij .form-dfield .imcfield::placeholder {color:#000;  opacity: .8;}
.formsectoij .form-dfield .imcfield:-ms-input-placeholder {color:#000;}
.formsectoij .form-dfield .imcfield::-ms-input-placeholder {color:#000;}
.formsectoij .form-dfield .submitt{ background-color:#ff4035; color:#eee;  padding:10px 40px; font-size:14px; text-transform:uppercase; border:2px 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(255,255,255,.5);}
 .consdetails{ position:relative; padding:0 0 10px 80px; line-height:25px; margin-bottom:10px;}
 .consdetails i{ width: 50px;height: 50px;border-radius: 50%;line-height: 50px;color: #fff;text-align: center;font-size: 21px;background-color: #ff4035;position: absolute;left: 0;top: 0;border-bottom: 2px rgba(255,255,255,.5) solid;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);}
 .consdetails a{ color:#000;}

.topsocial a{ color:#000; 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;}

.listboxx ul li{ list-style:none}
.listboxx ul li div{ text-align:center; background-color:rgba(255,255,255,.1); padding:25px 10px; border-radius:0 10px; font-size:15px; line-height:20px; height:100%; position:relative }
.listboxx ul li div:after{ left:0; top:0; border-left:1px #ff4035 solid;border-top:1px #ff4035 solid; }
.listboxx ul li div:before{ bottom:0; right:0;border-bottom:1px #ff4035 solid;border-right:1px #ff4035 solid;}
.listboxx ul li div:after,.listboxx ul li div:before{ position:absolute;height:30px; width:30px; content:""}



.sliceofpridesec{}
/*.leftasliceofpride{ background: url(../images/sliceofpride.jpg) no-repeat left center; background-size:cover; position:absolute; top:0; left:0; bottom:0; width:70% }*/


.mapsection .overmapsss{ position:absolute; top:50%; transform:translateY(-50%) ; left:0; right:0;}

.overmapsss-inner{ background-color:rgba(64,131,1,.8); padding:50px 30px;}
.mapomg{ padding:40px 15px;}
.mapomg.mapimg_bg1{ background-color:#dee4d5}
.mapomg.mapimg_bg2{ background-color:#dcd5d3}



.pacjakeee{ padding:30px;}
.pacjakeee.pacjakeee_bg1{ background-color:#dee4d5}
.pacjakeee.pacjakeee_bg2{ background-color:#dcd5d3}


.leftquotestt{ background:url(../images/gallery-2.jpg) no-repeat center center; background-size:cover;}
.leftquotestt .blackinner,.rightsquotestt .blackinner{ background-color:rgba(0,0,0,.5); min-height:0; padding:60px 30px;}
.leftquotestt .leftquotestsubinner{ border-left:4px #fff solid; padding:0 0 0 40px; margin:100px 0; }
.leftquotestt .leftquotestsubinner h2{color:#fff; font-weight:700; line-height:40px;}
.rightsquotestt{ background:url(../images/gallery-4.jpg) no-repeat center center; background-size:cover;}
.rigthquotessubinner{background-color:rgba(64,131,1,.9); padding:50px 30px; line-height:35px; font-size:18px; border:8px rgba(255,255,255,.4) solid; border-radius:30px 0;}

.leadershipps{ background-color:rgba(0,0,0,.1); border-radius:20px; border: 1px  rgba(0,0,0,.1) solid}
.leadershipps .leadershipps-content{ padding:15px; text-align:center}
.leadershipps img{ border-radius:20px;}
.leadershipps .leadershipps-content p{ margin-bottom:5px;}
.sistercomncern{background-color:#fff; border-radius:20px; padding:35px 25px 15px 15px;; height:100%; border-bottom:2px #ff4035  solid}

.focusss{background-color:#f5f5f5; border-radius:20px; padding:30px 15px 20px 15px; height:100%; border-bottom:2px #ff4035  solid}
.focusss .focusss-thumb{ width:80px; margin:0 auto 10px auto}


.banners .bannercontenthome{ padding:60px 0 40px 0;}


.listytyty ul li{ line-height:26px;}
.listytyty ul li h5{ margin:0; padding:0}



@media(min-width:768px){
#homepagee{ height:100vh; }
.contactus a+a{ margin-left:15px;}
.headerinner .clintlogo{ width:200px;}
.mainbannerss h1{ font-size:60px; line-height:70px;}
.compamyasstes{ padding:25px 15px; }
.compamyasstes .counttext{ font-size:25px;margin-bottom:15px;}
}

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

.banners .bannercontenthome{ padding:60px 0 40px 0 }

#back-top{bottom:10px;}
.mainbannerss h1{ font-size:100px; line-height:110px;}
.mainhead-3{ font-size:55px; line-height:57px; font-weight:bold; margin:0 0 8px 0; padding:0}
.mapomg{ padding:40px 15%;}
.leftquotestt .blackinner,.rightsquotestt .blackinner{ min-height:100vh; padding:50px 90px;}
.leftquotestt .leftquotestsubinner{  margin: 0; }
.listboxx ul li div{ padding:35px 15px;  font-size:18px; line-height:30px;  }
	
}
	
	
@media(min-width:1200px){
.onvideoovercontent h1{ font-size:45px; line-height:55px;}
.downloadlinks{font-size:16px;}

.mainkinkss nav li + li{ margin-left:20px;}
.mainkinkss nav li a{ font-size:16px;}

.headerinner .clintlogo{ width:220px; }

}


@media(min-width:1366px){



.mainkinkss nav li + li{ margin-left:35px;}
.mainkinkss nav li a{ font-size:17px;}



}






.sidewarper{z-index:999999;background-color:rgba(255,255,255,.95);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:#ff4035;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}




/*#d1,
#d2,
#d3 {
  width: 100%;
  min-height:100vh;
  min-width: 100%;
  display: block;
}*/
.inner-d{ position:relative; background-color:rgba(0,0,0,.4);}