html{color: #464646; font-size: 16px; font-family: 'Poppins', sans-serif; overflow-x:hidden;}
html,body{ overflow-x:hidden; font-family: 'Poppins', sans-serif; background:#000;  color:#fff; }

.container-fluid{ max-width: 1300px; position: relative;}
.container-full{ width: 100%; }

a{ color: #464646;transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s; text-decoration:none;}
a:hover,a:focus{ color: #00b2e1;transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s; text-decoration:none;}

h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px; line-height: 1; font-weight: normal; font-family: 'Poppins', sans-serif;}

h2{font-size:60px; margin-bottom:0.5em; font-weight:200; }
h4{font-size:32px; color: #00b2e1; font-style: italic; font-weight: 200;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem; padding-left: 1.2rem;}

.titlebx h3{margin-bottom:2em; font-size:40px; font-weight:200;}
.blackshed {position: absolute;z-index: 1;top: 0;width: 41.5%;bottom:0;left:0;background: black;height: 100%;}

p{color: #909090; line-height: 27px; font-weight:400;}

.has-relative{ position: relative; z-index: 99; }
.navbar-toggle .icon-bar{ background: #e5351f;}
.navbar-toggle{ margin-right:0; margin-top:6px;}
.pright{position: relative;right: -9%;top: 0;transform: translate(0,0);max-width: 100%;}

.setbg{ background-size: cover;background-position: center center; }

.section{ position: relative; padding: 5.625em 0 }

header{padding: 1em; font-size: 0.875em ; transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; position: absolute; width: 100%;z-index:999;}
.navbar-brand{height: auto; display: block; max-width:200px; padding:5px 0px 0; z-index: 2; position: relative;}
.navbar{ margin-bottom: 0; border: 0; padding:0em 0; }
.navbar-nav>li>a{ padding:0.7em 1.5em; line-height: normal; font-weight:400;  color:#fff; font-size:14px;}
.navbar-nav>li>a:hover{ color: #00b2e1; }
.nav>li>a:hover, .nav>li>a:focus{ background: transparent }
.navbar-nav li{float:left;}


.hero{ position:relative; overflow: hidden;}
.banner{background: #000000;}
.banner img{width:100%;}
.hero .swiper-slide{width:100% !important; }
.hero .caption{position:absolute; right:16%; top:50%; z-index:99; transform: translate(0, -50%);}
.hero .caption h1{color:#fff; font-size:108px; font-weight:900;}
.hero .caption p{font-size:18px; color:#fff; font-weight:300;  }
.hero .swiper-pagination {position: absolute !important;}
.hero .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;}

.videobx::after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:rgb(0 0 0 / 70%);opacity: 0.8;}
.burger {float: right; margin-top: 1px; isplay: inline-block; width: 50px;	height: 50px;padding: 0;outline: none;	cursor: pointer;	z-index: 99999;	position: relative;		border: none;  }
.burger.borderround{border: 2px solid #000000; border-radius: 50px; -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;transition: all 0.1s ease;transition-duration: 50ms;-webkit-transition-duration: 50ms; transition-delay: 0.3s;}
.isNavOpen {overflow: hidden;}
.burger-svg__base {fill: transparent;}
.burger-svg__bars {fill: #fff;}
.burger:hover .burger-svg__bars{fill: #00b2e1;}   

.videobox span{position: absolute; left:47%; bottom:30%; text-align:center; color: #fff; z-index:9; }

.bluebg{background:#1A1A1B;}
/*.bluebg p{ color:#fff;}*/
.bluebg h4{font-size:18px; color:#fff; margin: 0px 0px 10px; font-style: unset; font-weight: 300; line-height:27px; }
.bluebg .media-left{margin-right:10px;}

.whtbg h4{font-size:18px; font-weight:300; margin:20px 0; color:#fff; font-style: unset; }
.whtbg{padding:0em 0 0; }
.titlebx a{color:#448de9; margin-top:1em; }

.step { margin-bottom: 20px;}
.step h4{font-size:18px; font-weight:200; margin: 0px 0 10px; color:#fff; font-style:unset;  }
.step h3{font-size:48px; font-weight:200; color:#fff; font-style:unset;  }

.social-media { position: absolute; bottom:10%; left:5px; font-size: 1.2em; z-index: 99;}
.social-media a{color: #fff; display: block; padding: 0.1em 1em;}

.digital h4{font-size: 16px; font-weight: bold; margin:0px 0; color:#fff; bottom: 1em; left:1em; position: absolute;}
.digital{ padding:0em 0 0; }

.footerlinks{margin:4em 0 0; }
figcaption{display: inline-block; text-align: left; color:#fff; }
.mouse {position: absolute;z-index: 1;bottom:1%;right: 0; left: 19px; width: 24px;}

.dropdown-menu>li>a {display: block;padding:10px 20px; clear: both;border-bottom: 1px solid #eaeaea;color: #333;white-space: nowrap;}
.dropdown-menu{padding: 0rem 0; font-size:14px !important; }
.dropdown-menu>li{width:100%; text-align: left !important; }
.dropdown-item:focus, .dropdown-item:hover{  color: #fff;text-decoration: none;background-color: #00b2e1;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top:-6px;}
.dropdown-menu > li > a:hover:after {text-decoration: underline;} 
.dropdown:hover .dropdown-menu {display: block;margin-top: 0; /* remove the gap so it doesn't close*/}

footer{background:#212121; padding:5em 0;  }
footer .social{ margin-bottom: 10px;}
footer .social ul,footer .social li{ list-style:none; margin:0; padding:0; display:inline-block}
footer .social a{padding: 0.2em;display: block;color: #fff ;border: 2px solid #fff;border-radius:0px;width:40px;height: 40px;text-align: center}
footer h3{font-size:18px; font-weight:300; margin-bottom:25px;}
footer .footerlinks ul{ list-style:none; margin:0px; padding:0px;}
footer .footerlinks li{ list-style:none; line-height: 30px;}
footer .footerlinks li a{color:#fff; font-size:14px;}
footer .footerlinks li a:hover{ color:#00b2e1;}
footer .social ul{ list-style:none; margin:0px; padding:0px;}
footer .social li{ list-style:none; line-height: 30px;}
footer .social li a{ font-size:14px; color:#fff;}
footer .social li a:hover{ color:#00b2e1;}
footer span{color:#00b2e1; display: block;}

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:200px;overflow-x:none;overflow-y:auto;font-size:15px;background:#fff ;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #dfdfdf;-moz-box-shadow:inset 0 0 5px 5px #dfdfdf;box-shadow:inset 5px 0 5px 0px rgba(0,0,0,0.05)}.sidr .sidr-inner{padding:0 0 0px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}
.sidr-inner li{ list-style:none; border-bottom:1px solid #d2d3d5; display: block;width: 100%;}
.sidr-inner li a{ text-transform:uppercase; font-size:14px;padding:10px 20px; display:block; color:#909090; font-weight:600;}
.sidr-inner li.active a{ background:none; color:#0055a3;}
.sidr-inner li a:hover{ background:none; color:#0055a3;}
.sidr-inner .navbar-form{ margin:0px; padding:10px 20px; border:0px;}
.sidr-inner .navbar-form .form-control{ border:1px solid #d2d3d5; color:#000;}
.sidr-inner .navbar-form .btn{ color:#d2d3d5; right:20px; top:10px;}


/*-----------inner--------------*/
.inner-aboutbx h2{ font-size:29px;margin-bottom: 0.5em;font-weight:400;line-height:40px;}
hr {margin-top: 3rem;margin-bottom: 3rem;border: 0;border-top: 3px solid rgb(255 255 255 / 10%);}
.mediabx-mar{margin-top:3em;}

.darkblbg h4{font-size:20px; color:#fff; margin: 0px 0px 10px; font-style: unset; font-weight: 300;}
.darkblbg .media-left{margin-right:10px;}
.darkblbg .mediabx-mar{margin-top:3em;}

.card{background-color:#212121;}
.inner-aboutbx ul{padding:0em 1em; margin: 0;}
.inner-aboutbx ul li{font-weight:400; font-size:14px; color: #909090; line-height:27px;  }
.btn-lemon {padding: .9rem .75rem; background: #00b2e1; color: #fff; border-radius:0px; font-size:16px;}
.form-control {box-shadow: none;border: 1px solid #4e4e50;padding: 0.8em;height: auto;background: #3e3e40a6;}
label{font-size:14px;}



.btn-open:after {color:#00b2e1;content:"\f0c9"; font-family: "FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;color:#fff; }
.btn-open:hover:after {color:#00b2e1;}

.btn-close{z-index: 999; position: relative; font-size: 24px;}
.btn-close:after {color:#00b2e1;content:"\f00d";font-family: "FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;color:#fff; }
.btn-close:hover:after {color: #00b2e1;}
/*overlay*/
.overlay {display:none; top:0;height:100%;width:100%;background:#333; overflow:hidden;left: 0;  position: fixed;}

.wrap {color:#e9e9e9;text-align:center;max-width:90%;margin:0 auto;}
.wrap ul.wrap-nav {border-bottom:1px solid #575757;text-transform:capitalize;padding:150px 0px 100px;}
.wrap ul.wrap-nav li {display:inline-block;vertical-align:top;width:13%;position:relative;}
.wrap ul.wrap-nav li a {color:#00b2e1;display:block;padding:8px 0;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.wrap ul.wrap-nav li a:hover {color:#f0f0f0;}
.wrap ul.wrap-nav ul {padding:20px 0;}
.wrap ul.wrap-nav ul li {display:block;width:100%;color:#e9e9e9;}
.wrap ul.wrap-nav ul li a {color:#f0f0f0;}
.wrap ul.wrap-nav ul li a:hover {color:#00b2e1;}

.social {font-size:25px;}
.social p {margin:0;padding:20px 0 5px 0;line-height:30px;}
.social p a {color:#34B484;text-decoration:none;margin:0;padding:0;}
.social-icon {width:80px;height:50px;background:#e9e9e9;color:#333;display:inline-block;margin:0 20px;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.social-icon:hover {background:#00b2e1;color:#fff;}
.social-icon i {margin-top:12px;}

.img-icon {max-height:70px; }
.media-left img {max-height:60px; }
.cta-bar{background: black;padding: 3em;border-radius: 5px;}
.cta-bar h2{color: #FFFFFF; font-size:36px; margin-bottom: 0em; line-height:48px; }
.cta-btn {color: #FFFFFF; font-weight: 600; transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s;}
.cta-btn span:nth-child(2){padding: 0.5em 0.822em 0.5em; background: #FFFFFF; border-radius: 100%; display: inline-block; color: #db3e3b; margin-left: 0.8em;}
.cta-btn:hover{color: #FFFFFF;}
.cta-btn:hover span:nth-child(2){color: #FFFFFF; background: #db3e3b;}
.btn-white {z-index: 99;position: relative;text-transform: uppercase;color: #fff;font-weight: 600;font-size: 13px;border-radius: 50px;padding: 10px 20px;letter-spacing: 0.1em;border: 1px solid #fff;text-align: center;}







/*Responsive Setting*/
@media only screen and (min-width: 2500px) {

}

@media only screen and (min-width: 1900px) {


}

@media only screen and (max-width: 1600px) {



}



@media only screen and (max-width: 1440px) {
.videobox span {right: 36%;}
.hero .caption{right:3%;}
}
	

}

@media only screen and (max-width: 1366px) {

.videobox span {left:40%; bottom:17%; display: none;}



}

@media only screen and (max-width: 1280px) {



}

@media only screen and (max-width: 1200px) {



}



@media only screen and (max-width: 1090px) {





}



@media only screen and (max-width: 1042px) {



}



@media only screen and (max-width: 1024px) {
.navbar-collapse {display: none;}
.navbar-expand-lg .navbar-nav{display: none;}
.button {position: absolute;right: 3%;top: 30%; font-size:24px; }
.r169:before {padding-top:100% !important;}


}

@media only screen and (max-width: 991px) {



}

@media only screen and (max-width: 950px){





}



@media only screen and (max-width: 770px){





}



@media only screen and (max-width: 768px) and (min-width: 1024px) {



}



@media only screen and (max-width: 768px) {
.hero .caption{position: absolute;right:5%; top:35%; z-index:2; transform:translate(0, 0%);}
.button {position: absolute;right:3%;top: 30%;font-size: 24px;}
.wrap ul.wrap-nav li{width:25%;}
.videobox span{position: absolute; left:3%; bottom: 21%;}
.social-media a {color: #fff;display: block;padding: 0.5em 1em;float: right}
.hero .caption{top:20%; right:5%;}
.r169:before {padding-top:100% !important;}


}

@media only screen and (max-width: 767px) {
.r169:before {padding-top:100% !important;}	
h4 {font-size: 20px;}	
.bluebg h4 {font-size: 16px;}
.step h3 {font-size: 18px;}
.step h4 {font-size: 13px;}
footer h3 {font-size: 13px;}	

.overlay {display:none; top:0;height:100%;width:100%;background:#333; overflow:scroll;left: 0;  position: fixed;}
.titlebx h3 {margin-bottom: 0.5em; font-size:18px;}	
.step {margin-bottom: 0px;}	
.section{padding:2.0em 0;}	
.step h3{font-size: 24px; margin-bottom: 1em;}	
footer span{margin-bottom: 10px;}	
.footerlinks {margin: 1em 0 0;}
footer h3{margin-bottom:10px;}

.videobox span{left: 5%;}
.social-media{float: right;  width:100%;}
.hero .caption h1{font-size:50px;}
.social-media a{float:right;}
.wrap ul.wrap-nav li{width: 49%;}
.wrap{width:97%;}
.btn-close {z-index: 999; position:absolute; top:1px;right:3%; font-size:24px;}
.wrap ul.wrap-nav ul {padding: 0px 0;}
.button {position: absolute;right:3%;top:0%;font-size: 24px;}
.wrap ul.wrap-nav{padding:67px 0px 0px;}
.social{padding:0px;}
.social-icon{margin:0 20px 20px;}
h2 {font-size: 24px;}
.hero .caption{top:20%; right:5%; left:7%;}
.inner-aboutbx{margin-top:10px;}
.navbar-brand {max-width:150px; padding:0px 0px 0;}

}



@media only screen and (max-width: 640px) {
.hero .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}
.mouse{display: none;}

}

@media only screen and (max-width: 500px) {



}

@media only screen and (max-width: 480px) {

.r169:before {padding:100% !important;}

}

@media only screen and (max-width: 420px) {

.hero .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}

}

@media only screen and (max-width: 384px) {



}

@media only screen and (max-width: 375px) {



}



@media only screen and (max-width: 320px) {
.r169:before {padding-top:100% !important;}
.navbar-brand {max-width:150px; padding:0px 0px 0;}


}