*{margin: 0; padding: 0;}
a:focus{color: #fff;}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Thin.otf), url(../fonts/Gotham-Thin.ttf) format('truetype'), url(../fonts/Gotham-Thin.eot) format('embedded-opentype');
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-ThinItalic.otf), url(../fonts/Gotham-ThinItalic.ttf) format('truetype'), url(../fonts/Gotham-ThinItalic.eot) format('embedded-opentype');
    font-weight: 100;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-XLight.otf), url(../fonts/Gotham-XLight.ttf) format('truetype'), url(../fonts/Gotham-XLight.eot) format('embedded-opentype');
    font-weight: 200;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-XLightItalic.otf), url(../fonts/Gotham-XLightItalic.ttf) format('truetype'), url(../fonts/Gotham-XLightItalic.eot) format('embedded-opentype');
    font-weight: 200;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Light.otf), 
	url(../fonts/Gotham-Light.ttf) format('truetype'), url(../fonts/Gotham-Light.eot) format('embedded-opentype');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-LightItalic.otf), url(../fonts/Gotham-LightItalic.ttf) format('truetype'), url(../fonts/Gotham-LightItalic.eot) format('embedded-opentype');
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Book.otf),
        url(../fonts/Gotham-Book.ttf) format('truetype'),
        url(../fonts/Gotham-Book.eot) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-BookItalic.otf),
        url(../fonts/Gotham-BookItalic.ttf) format('truetype'),
        url(../fonts/Gotham-BookItalic.eot) format('embedded-opentype');
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Medium.otf), 
        url(../fonts/Gotham-Medium.ttf) format('truetype'), 
        url(../fonts/Gotham-Medium.eot) format('embedded-opentype');
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-MediumItalic.otf),
        url(../fonts/Gotham-MediumItalic.ttf) format('truetype'),
        url(../fonts/Gotham-MediumItalic.eot) format('embedded-opentype');
    font-weight: 500;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Bold.otf), 
        url(../fonts/Gotham-Bold.ttf) format('truetype'),
        url(../fonts/Gotham-Bold.eot) format('embedded-opentype');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-BoldItalic.otf), 
        url(../fonts/Gotham-BoldItalic.ttf) format('truetype'),
        url(../fonts/Gotham-BoldItalic.eot) format('embedded-opentype');
    font-weight: 700;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Black.otf),
        url(../fonts/Gotham-Black.ttf) format('truetype'),
        url(../fonts/Gotham-Black.eot) format('embedded-opentype');
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-BlackItalic.otf), 
        url(../fonts/Gotham-BlackItalic.ttf) format('truetype'),
        url(../fonts/Gotham-BlackItalic.eot) format('embedded-opentype');
    font-weight: 800;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Ultra.otf),
        url(../fonts/Gotham-Ultra.ttf) format('truetype'),
        url(../fonts/Gotham-Ultra.eot) format('embedded-opentype');
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-UltraItalic.otf),
        url(../fonts/Gotham-UltraItalic.ttf) format('truetype'),
        url(../fonts/Gotham-UltraItalic.eot) format('embedded-opentype');
    font-weight: 900;
    font-style: italic
}
@font-face {
    font-family: adcfonticons;
    src: url(../fonts/adcfonticons.eot);
    src: url(../fonts/adcfonticonsd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/adcfonticons.woff) format("woff"), url(../fonts/adcfonticons.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.Gotham-Light {
    font-family: Gotham-Light
}

.Gotham-Thin {
    font-family: Gotham-Thin
}

.Gotham-XLight {
    font-family: Gotham-XLight
}

.Gotham-Medium {
    font-family: Gotham-Medium
}

.Gotham-BlackItalic {
    font-family: Gotham-BlackItalic
}

.Gotham-BoldItalic {
    font-family: Gotham-BoldItalic
}

.Gotham-BookItalic {
    font-family: Gotham-BookItalic
}

.Gotham-LightItalic {
    font-family: Gotham-LightItalic
}

.Gotham-MediumItalic {
    font-family: Gotham-MediumItalic
}

.Gotham-ThinItalic {
    font-family: Gotham-ThinItalic
}

.Gotham-UltraItalic {
    font-family: Gotham-UltraItalic
}

.Gotham-XLightItalic {
    font-family: Gotham-XLightItalic
}
video {width: 100%;}
.header{position: fixed;z-index: 1;margin: 0px 0;width: 100%;}
.logo{float: left;margin: 0; padding: 0;}
.logo figure{width: 120px; margin: 15px;padding: 0;}
/*--------------Menu-----------------*/
.wrapper{width:100%; height:100%;  position:relative; top:0; right:0; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
#nav-icon1 { width: 30px;  height: 30px;  position: relative;  margin:1px auto;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer; display:none;float:right;}
#nav-icon1 span{  display: block;  position: absolute;  height: 2px;  width: 100%;  background: #ffffff;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) {  top: 0px;}
#nav-icon1 span:nth-child(2) {  top: 9px;}
#nav-icon1 span:nth-child(3) {  top: 18px;}
.open #nav-icon1 span:nth-child(1) {  top: 10px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.open #nav-icon1 span:nth-child(2) {  opacity: 0;  left: -60px;}
.open #nav-icon1 span:nth-child(3) {  top: 10px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
/*--------------Menu-----------------*/
nav{float: left; padding: 0 20px; margin: 0;}
nav ul{list-style: none; padding: 0px; margin: 0px; display: block;}
nav ul li{float: left; padding:5px 10px; margin: 0; position: relative;}
.data_facility nav ul li{float: left; padding:20px 10px; margin: 0; position: relative;}
nav ul li a{text-shadow: none; padding-left: 0; padding-right: 0; color: #fff; background: 0 0; font-size: 12px;font-family: Gotham;
    text-decoration:none !important;padding-top: 15px; padding-bottom: 13px;}
nav ul li a span{font-size: 8px;}
.data_facility nav ul li a{padding:0;}
nav ul li:hover{background-color: rgba(51, 51, 51, .95);}nav ul li:hover a{color: #fff;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent;outline: 0;}
nav ul li ul{width: 200px; opacity: 0; visibility: hidden;background: rgba(255, 255, 255, .95);position: absolute; top:100%;left: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;box-shadow: 0 0 4px #ddd;}
nav ul li ul li{width: 100%; padding:7px 10px; margin: 0;display: block; float: left;color: #333;border-bottom: 1px solid #e5e5e5;}
.data_facility nav ul li ul li{padding:7px 10px;}
nav ul li ul li:hover{background-color: #e5e5e5;}
nav ul li ul li a{color: #333;text-decoration:none !important; font-family: Gotham;font-size: 12px;}
nav ul li:hover ul{opacity: 1; visibility: visible;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
nav ul li ul.sub li a{color: #333;}nav ul li ul.sub li:hover a{color: #333;}
.video-section{width: 100%;height:720px;/*height:100vh;*/ overflow: hidden;position: relative;}
.video-section video{width:100%;position: absolute; top: 0; left: 0;}
#section1 img{width: 100%;}
section.video_bg {position: relative; top: 0; left: 0;z-index: 0;}
section.video_bg:after {background: #000; width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;opacity: .6;z-index: 0;}
.video_content{width: 100%; padding: 0; margin: 0; display: block; position: absolute; top: 30%; left: 0; right: 0;text-align: center;z-index: 9999;}
.video_content h3{margin: 0;  letter-spacing: 1px; font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;  font-style: normal; font-weight: normal;font-size: 40px;color: #fff;padding: 0px 0 20px;}
.video_content h2{margin: 0;  letter-spacing: 1px;  font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;font-style: normal; font-weight: normal;font-size: 24px;color: #fff;padding: 0px 0 30px;}
.video_content a{background-color: #26aff2; color: #fff; padding: 8px 15px; text-align: center; margin: 0;text-decoration: none;}
.video_content a:hover{background: #023d5a;}
.promo-overlay{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0;background: rgba(0, 0, 0, 0.55);transform: scale(0.8);}
.video_bottom{display: block; margin: 0; padding: 0;}
.video_bottom ul{list-style: none; padding: 0; margin: 0px;display: block;}
.video_bottom ul li{width: 24.9%; padding: 0px; margin: 0; box-sizing: border-box; border: solid 4px #fff;float: left;position: relative;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;border-right: none;}
.video_bottom ul li a{text-decoration: none;}
.video_bottom ul li img{width: 100%;}
.promo-overlay{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0;background: rgba(0, 0, 0, 0.55);transform: scale(0.8);}
.promo-overlay p{width: 100%; height: 100%; text-align: center; vertical-align: middle;display: table;}
.promo-overlay p span{width: 100%; height: 100%; text-align: center; vertical-align: middle;display: table-cell;color: #fff;font-size: 14px; text-decoration: none;text-transform: capitalize;}
.video_bottom ul li:hover .promo-overlay{opacity: 1; visibility: visible;transform: scale(1);}
.transition{transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.data_facility header{background:#414143; }
.index header{background:transparent; position: absolute;}

h1,h2,h3,h4,h5,h6{margin:20px 0; }
h2{ font-size: 30px; font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif; font-style: normal; font-weight: 100;color: #a9a9a9; text-align:center; }
 p {color: #727272; line-height:25px; letter-spacing:0.5px; font-weight: 400;font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;    font-style: normal;font-size: 14px; text-align: justify;}
li{list-style:none; }
.check-list { margin-top: 10px}
.check-list li {position:relative;  margin: 0 0 15px 30px;text-align: left;}
.check-list li::before {position:absolute; top:5px; left:-30px; 
content:''; font-size:0; width:20px; height:20px; display:inline-block; 
background: url(../images/checkmark.svg) no-repeat;
background-size:20px; float:left;
margin:0;}
figure{margin-bottom:15px;}
.bg_gray {background:#f1f1f1; padding: 16px 16px;}
.bg_grayinner {background:#f1f1f1 !important;}
.bg_white { background: #fff; padding: 0px 16px;}
.font-size20{font-size: 20px; text-align: left;}
.pad0{padding: 0;}
.scalability img{ /* width: 100%; height: 100%; */}
.dtbl{display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.dtbl_cl{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;padding-top: 50px;}
.dynamic-densities{padding: 0 50px; margin: 0;display: block;}
.tab-sec{text-align: center; margin: 0; padding: 0;}
.tab-sec ul{display: inline-block;}
.tab-sec .nav-tabs{border-bottom: none;}
.tab-sec .nav-tabs>li{transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.tab-sec .nav-tabs>li>a{font-size: 20px;color: #000;border: none;border-bottom: solid 2px transparent;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.tab-sec .nav-tabs>li:hover a{color: #cdcdcd;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.tab-sec .nav-tabs>li.active a{border: none; border-bottom: solid 2px #21ACD3;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.nav-tabs>li>a:hover{border-color: #cdcdcd;}
.countdown{margin: 0 auto;  padding: 0;  display: block;}
.counter{width: 100%;  text-align: center; margin-left: 0;font-size: 145px;color: #18C2BE; line-height: 1.5em;  background: -webkit-linear-gradient(left, #71BF94, #66B0CF); -webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: -25px;font-style: normal;font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif; font-weight: 300;}
.tab_img{position: relative;}
.tab_para {position: absolute;  right: 130px;  background: #fff;  padding: 10px;  top: calc(50% - 115px);}
.tab_para h2{font-size: 23px;color: #333; font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif; font-weight: 400;}
.tab_para p{font-weight: 300;font-size: 16px; color: #333; font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif; font-style: normal;   font-style: normal; text-align: center; width: 100%;  padding: 0; margin: 0;}
/*----------Contact Page-------------*/
.contact label{color: #a9a9a9;  width: 100%; font-style: normal;font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;
font-weight: 500; font-size: 14px;}
.contact_fields input{border-radius: 0;  border-width: 1px;  -webkit-appearance: none;  -moz-appearance: none;  background-color: transparent;border-color: transparent;  box-shadow: none;width: 100%; padding: 6px 12px;   border: 1px solid #ccc;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .4s,-webkit-box-shadow ease-in-out .4s;  -o-transition: border-color ease-in-out .4s,box-shadow ease-in-out .4s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .4s;height: 40px; outline: 2px solid #f4f4f4;border: solid 1px #414143;transition: all 0.4s ease-in-out;}
.contact_fields input:focus{outline: 3px solid #414143;transition: all 0.4s ease-in-out;border: solid 1px #414143;}
.contact_fields textarea{border-radius: 0;  border-width: 1px;  -webkit-appearance: none;  -moz-appearance: none;  background-color: transparent;border-color: transparent;  box-shadow: none;width: 100%; padding: 6px 12px;   border: 1px solid #ccc;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .4s,-webkit-box-shadow ease-in-out .4s;  -o-transition: border-color ease-in-out .4s,box-shadow ease-in-out .4s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .4s;height: 80px; outline: 2px solid #f4f4f4;border: solid 1px #414143;transition: all 0.4s ease-in-out;}
.contact_fields textarea:focus{outline: 3px solid #414143;transition: all 0.4s ease-in-out;border: solid 1px #414143;}
.contact_fields{margin: 15px 0;}
.contact_fields label span.red{color: #f00;}
.submit button{padding: 7px 30px; text-align: center; margin:0 10px 10px;float: right;background: #26aff2; color: #fff; border: none; border-radius: 0;font-size: 14px;}
.contact_addtess{display: block; padding: 0; margin: 0;}
.contact_addtess h4{font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;    font-weight: 700;color: #909090; }
.contact_addtess h5{font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;   font-weight: 700;color: #c8c8c8;font-size: 18px;}
.contact_addtess ul{list-style: none; padding: 0; margin: 0;}
.contact_addtess ul li{display: flex; margin: 0;padding: 0 0 15px 0; font-size: 17px;}
.contact_addtess ul li strong{width: 20%; padding: 0; margin: 0;float: left;color: #646464; font-weight: normal;}
.contact_addtess ul li a{width: 75%;padding: 0; margin: 0; text-align: left;color: #646464;float: left;font-size: 15px;text-decoration: none;}
.contact_addtess ul li:hover strong, .contact_addtess ul li:hover a{color: #26aff2;}
.video_modle button.close { color: #fff;  opacity: 0.5;  border: double 3px #fff;  width: 32px;  height: 32px;  /* border-radius: 50%; */ line-height: 26px; margin: 0;  padding: 0;  text-align: center;}
.video_modle .modal-header{padding: 0; border: none;}
.video_modle .modal-content{background-color: #2f2b28;}
.side_bar{display: none; }
.fotter{width: 100%; display: block; padding:12px 0; margin: 0; background: #fff; }
.copyright p{float: left; padding: 0 0px;  color: #9EA0A3; font-size: 14px; font-weight: normal;margin: 0; line-height: 40px;padding-right: 10px;}
.copyright p span{border-right: thin solid #9EA0A3;padding: 0 5px;font-size: 13px;}.copyright p a{text-decoration: none;}.copyright ul{list-style: none; padding: 0; margin: 0; display: block;}
.copyright ul li{float: left; padding: 0 10px; margin: 0; }.copyright ul li a img{width: 18px;margin-top: 10px;}.copyright ul li a{color: red;font-size: 14px;text-decoration: none;font-weight: normal; font-size: 14px;}.foter_right p{font-size: 13px; padding: 0;margin: 0; text-align: right; padding: 0; display: block;font-family: "Gotham A", "Gotham B", Gotham, Arial, sans-serif;line-height: 40px;}.foter_right p a{color: #21ACD3; padding: 0; margin: 0;text-decoration: none;}
.copyright ul li a img.gplus{width: 19px;}
.pad50{padding: 50px 0;}
.pad25{padding:30px 0;}
.abouttitl{padding: 20px 0 10px 0; font-size: 32px;}

@media only screen and (max-width:1400px){
.conatiner_full .container{width: 100%;}
[id*=section] .container{width: 100%;}
[id*=section].bg_white{padding: 0;}
}
@media only screen and (max-width: 480px) {
    h2.wow{font-size: 22px; }
    .FixedHeightContainer h2{font-size: 22px; }
    .bg_grayinner h2{font-size: 18px;}
    h2.font-size20{font-size: 18px;}
    .copyright{padding: 0 0 0px 10px; margin-bottom: 5px; display: inline-block;}
    .bg_white {padding: 16px 16px;}
}