@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-size:15px; letter-spacing:.5px;       font-family: 'Roboto Condensed', sans-serif; background-color:#333;}
p{ margin-bottom:15px;}
h1,h2,h3,h4,h5,h6{      font-family: 'Roboto Condensed', sans-serif;}
.fixed-header{position:fixed; left:0; padding:0; right:0; top:0; z-index:99; background-color:rgba(0,0,0,.75); box-shadow:0 0 10px rgba(0,0,0,.3)}
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;}

.mainlinks ul{ padding:0; margin:0 -5px}
.mainlinks ul .m-links{ list-style:none; float:left; padding:0 5px;}
.mainlinks ul .m-links .m-items{ color:#fff; text-transform:uppercase; font-size:11px; font-weight:600; letter-spacing:.5px;}
.mobileiocn{ position:relative; padding: 0 0 0 40px;margin-top:30px;}
.mobileiocn .mobileiocnm{ position:absolute; left:0; top:0; font-size:30px; color:#fff;}
.mainmenuuu{ position:relative; padding:5px 10px;}
.mainmenuuu .clintlogo{ padding:0 5px; display:block; width:150px; margin:0 auto}
.slidermenuu{ position: fixed; top:0; left:0; min-height:0;  overflow:auto; background-color:rgba(0,0,0,.7); padding:0; z-index:9; width: auto;	 bottom:auto}
.mainmenuuu #slide{ position:absolute; right:20px; top:23px; font-size:30px; color:#fff;}
.slidermenuu ul{ padding:0; margin:0;  }
.slidermenuu ul li{ list-style:none}
.slidermenuu ul li+li{ border-top:1px rgba(255,255,255,.12) solid;}
.slidermenuu ul li a{ display:block; color:#fff; padding:13px 15px ; text-align:center; font-size:13px; line-height:20px;}


.banners{ min-height:100vh; position:relative; }
.banners:after{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgba(0,0,0,.3); z-index:1}
.banners .bannercontent{ position:absolute; left:0; right:0; top:55%; transform:translateY(-50%); color:#fff; z-index:10}
.banners .bannercontent .bannercontent-inner{ width:100%; margin:0 auto;  display: block}
.mainhd{ font-weight:700; font-size:45px; line-height:50px; margin-bottom:15px;font-family:Broadway-Regular; text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.mainhd-1{ font-weight:700; font-size:35px; line-height:40px; margin-bottom:15px;font-family:Broadway-Regular;}
.mainhd-1 span{ font-size:25px; line-height:30px; display:block}
.subhd{font-size:16px; line-height:25px;         font-family:Broadway-Regular;}
.backbg-1{background: url(../images/mainbanner-1.jpg) no-repeat center center fixed; background-size:cover}
.backbg-2{background: url(../images/mainbanner-2.jpg) no-repeat center center fixed; background-size:cover}
.backbg-3{background: url(../images/mainbanner-3.jpg) no-repeat center center fixed; background-size:cover}
.backbg-4{background: url(../images/mainbanner-4.jpg) no-repeat center center fixed; background-size:cover}
.backbg-5{background: url(../images/mainbanner-5.jpg) no-repeat center center fixed; background-size:cover}
.backbg-6{background: url(../images/mainbanner-6.jpg) no-repeat center center fixed; background-size:cover}
.backbg-7{background: url(../images/mainbanner-7.jpg) no-repeat center center fixed; background-size:cover}
.backbg-8{background: url(../images/mainbanner-8.jpg) no-repeat center center fixed; background-size:cover}
.backbg-9{background: url(../images/mainbanner-9.jpg) no-repeat center center fixed; background-size:cover}
.vimeo-wrapper {position:absolute;top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 0;   pointer-events: none; overflow: hidden;}
.vimeo-wrapper iframe { width: 100vw;height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh;   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);}
.embed-container {  position: relative;    padding-bottom: 56.25%;    height: 0; overflow: hidden;    max-width: 100%; height: auto;} 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0;left: 0;    width: 100%;   height: 100%;}


footer{ background: url(../images/footerbg.jpg) no-repeat center top  fixed; background-size:cover; position:relative}
.footerinner{padding:80px 0 0 0; background-color:rgba(0,0,0,.6); color:#fff}
.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;}
footer .copyrightss{ border-top:1px rgba(255,255,255,.3)  dashed; padding:10px 0 5px 0 ; background-color:rgba(0,0,0,.3)}
.contactusdetails .consdetails{ position:relative; padding:0 0 10px 60px; line-height:25px; margin-bottom:10px;}
.contactusdetails .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);}
.contactusdetails .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;}


.fixed-footer{ position:fixed; bottom:0; left:210px; right:0; z-index:9; background-color:rgba(0,0,0,.6)}
#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){
 .mainhd{font-size:55px; line-height:55px; margin-bottom:15px;}
 .mainhd-1{font-size:55px; line-height:60px; margin-bottom:15px;font-family:Broadway-Regular;}

 .subhd{font-size:20px; line-height:25px;}
.footerinner{padding:110px 0 0 0;}

}

@media(min-width:992px){

.mainmenuuu{  padding:0 0 0 210px;}
.slidermenuu{  min-height:100vh; bottom:0 ;width:210px;	}
.mainmenuuu .clintlogo{ padding:10px 5px; }

	

.mainhd{font-size:65px; line-height:65px; margin-bottom:15px;}
.mainhd-1{font-size:65px; line-height:65px; margin-bottom:15px;}
.mainhd-1 span{ font-size:40px; line-height:50px; display:block}

#back-top{bottom:10px;}
	
}
	
	
@media(min-width:1200px){
.mainlinks ul{ padding:0; margin:0 -5px}
.mainlinks ul .m-links{ padding:0 5px;}

.mobileiocn{ padding:0}
.mainhd{font-size:120px; line-height:120px; margin-bottom:10px;}
.mainhd-1{font-size:70px; line-height:80px; margin-bottom:10px;}
.mainhd-1 span{ font-size:50px; line-height:55px; display:block}

.subhd{font-size:40px; line-height:35px;}


}








.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:290px}
#slidesection .overscroll{padding:10px}
#slidesection .topclose{background-color:#ecbf48;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 30px;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}
#slidesection .overscroll #sidelinks{color:#fff; }
#slidesection .overscroll #sidelinks ul{ padding:0}
#slidesection .overscroll #sidelinks ul li{list-style:none;}
#slidesection .overscroll #sidelinks a{display:block;padding:7px 10px;color:#fff;font-weight:400}
#slidesection .overscroll #sidelinks li+li{border-top:1px rgba(255,255,255,.2) dashed}
#slidesection .overscroll #sidelinks a{color:#fff}
#slidesection .overscroll #sidelinks .subchild{background-color:#155aba;margin-top:10px}
#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}