html{overflow-x: hidden;}
body {margin:0px; padding:0px; font-family: 'NeoSansStdRegular'; transition:none; font-size: 30px; line-height: 60px; color: #333; }
a, a:hover, a:focus, button, button:hover {outline:none; border:none;  text-decoration:none;transition: all .5s ease;}
li {list-style-type:none; outline:none;}
header {height:auto; position:relative;}
/*NavBar Css Start*/
.animated-header .navbar-right{ margin-top: 15px;}
nav#home ul#nav li:first-child{ margin:0; padding:0;}
nav#home ul#nav li:first-child a{ margin:0; padding:0;}
#navigation {-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s; padding:15px 0; background-color:rgba(1, 56, 101, 0.9);}
#navigation.animated-header {padding: 30px 0; background-color: rgba(1, 56, 101, 0.5);}
.navbar-inverse .navbar-brand {margin:0px; padding:0px 0 0 0;}
#navigation.animated-header .navbar-inverse .navbar-brand {padding-top:0px;}
#navigation .navbar-brand img {width:80%; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;}
.navbar-inverse .navbar-nav > li  {padding-left:15px; padding-right:15px; padding-top:0px; font-family: 'NeoSansStdRegular';}
.navbar-inverse .navbar-nav > li > a { font-size:20px; color: #fff; text-align:center; padding:10px 0px; letter-spacing:0.5px; position:relative;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color:#15B4D2;}
.navbar-inverse .navbar-nav > li > a::after {content: ''; display: block; width: 0; height: 2px; background: #15B4D2; color:#15B4D2; margin:0px; transition: width .3s; position:absolute; left:0; bottom: 0;}
.navbar-inverse .navbar-nav > li > a:hover::after, .navbar-inverse .navbar-nav > li > a:focus::after {width: 100%; transition: width .3s; color:#15B4D2;}
.navbar-inverse .navbar-nav > li > a.current, .navbar-inverse .navbar-nav > li > a.current:focus { color:#fff;}
.navbar-inverse .navbar-nav > li > a.current::after, .navbar-inverse .navbar-nav > li > a.current:focus::after {width: 100%; transition: width .3s; color:#3bebeb;}
.navbar-inverse .navbar-nav > li.li_get{ margin-top:3px; padding-right: 0;}
.navbar-inverse .navbar-nav > li.li_get a {padding:5px 10px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > li.li_get a:hover, .navbar-inverse .navbar-nav > li.li_get a:focus, .navbar-inverse .navbar-nav > li.li_get a.current{color:#fff; background:#3bebeb; border:1px solid #3bebeb;}
.navbar-inverse .navbar-nav > li.li_get a::after, .navbar-inverse .navbar-nav > li.li_get a:hover::after, .navbar-inverse .navbar-nav > li.li_get a:active::after, .navbar-inverse .navbar-nav > li.li_get a:focus::after{content:attr(x); display: block; width: 0; height: 2px; background: #3bebeb; color:#3bebeb; margin-top:0px; transition: width .3s; }
/*NavBar Css end*/
.main-banner { width:100%; position:relative; background:url(../images/banner_bg.jpg) no-repeat center center; background-size:100% 100%; height:750px; display: flex; justify-content: center;  align-items: center; color:#fff; text-align: center;}
.main-banner span {
background: rgba(125,185,232,1);
background: -moz-linear-gradient(left, rgba(125,185,232,0.50) 0%, rgba(5,196,171,0.50) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(125,185,232,0.50)), color-stop(100%, rgba(5,196,171,0.50)));
background: -webkit-linear-gradient(left, rgba(125,185,232,0.50) 0%, rgba(5,196,171,0.50) 100%);
background: -o-linear-gradient(left, rgba(125,185,232,0.50) 0%, rgba(5,196,171,0.50) 100%);
background: -ms-linear-gradient(left, rgba(125,185,232,0.50) 0%, rgba(5,196,171,0.50) 100%);
background: linear-gradient(to right, rgba(125,185,232,0.50) 0%, rgba(5,196,171,0.50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#05c4ab', GradientType=1 );
text-shadow: 0px 4px 4px rgba(0,07,0, 0.5);padding: 22px 40px 15px 40px;border-radius: 100px; font-family: 'NeoSansStdBlackItalic'; font-size: 56px; letter-spacing: 1.75px;border: 1px solid rgba(151, 151, 151, .5);}
.d-flex { display: -webkit-box;display: -ms-flexbox;display: flex;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.half-sec { width: 50%; float: left; }
h2 { margin: 0; padding: 0 0 20px 0; font-size: 56px; color: #15B4D2; }
h2 span { color: #0FEB7B; display: block; }
h3 { margin: 0; padding: 0 0 30px 0; font-size: 46px; color: #333; }
h4 { margin: 0; padding:20px 0; font-size:35px; color: #15B4D2; }
h4 span { color: #0FEB7B;}
.img-wrap { order: 2;}
h1, h2, h3, h4, h5, h6 { font-family: 'NeoSansStdBold'; }
.pl-100 { padding-left: 100px;}
.pr-100 { padding-right: 100px;}

.full-img { width: 100%;}
.blue-btn {font-family: 'NeoSansStdBold'; color: #fff; font-size: 26px; padding:16px 46px; border-radius: 40px;background: rgba(22,178,213,1);background: -moz-linear-gradient(left, rgba(22,178,213,1) 0%, rgba(5,196,171,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(22,178,213,1)), color-stop(100%, rgba(5,196,171,1)));background: -webkit-linear-gradient(left, rgba(22,178,213,1) 0%, rgba(5,196,171,1) 100%);background: -o-linear-gradient(left, rgba(22,178,213,1) 0%, rgba(5,196,171,1) 100%);background: -ms-linear-gradient(left, rgba(22,178,213,1) 0%, rgba(5,196,171,1) 100%);background: linear-gradient(to right, rgba(22,178,213,1) 0%, rgba(5,196,171,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16b2d5', endColorstr='#05c4ab', GradientType=1 );max-width: 265px;margin:auto;}
.blue-btn:hover { background: rgba(22,178,213,1); color: #fff; } 
.btn-white { font-family: 'NeoSansStdBold'; background: #fff; border: 0; border-radius: 50px; padding: 18px 30px 12px 30px; color: #15B4D2; font-size: 25px;  }
.btn-white:hover { background: #022C4E; color: #fff; } 
#aboutsec { width: 100%; background: #022C4E; }
.about-text { padding: 50px 100px 50px 130px; color: #fff; }
#getapp { width: 100%; }
.get-text { padding: 50px 130px 50px 100px;}
.get-text h2 { font-family: 'NeoSansStdRegular';}
.get-text a { margin: 0 20px; }
.get-text a img { width: 42px;}
.get-text p { margin: 0 0 30px 0; }
.cta { background:url(../images/cta-bg.jpg) center top no-repeat; background-size: cover; padding: 140px 0; text-align: center; color: #fff;   }
.cta p{ margin:40px 200px 70px 200px;}
#compatibility { width: 100%; padding: 120px 0; }
#compatibility p { margin-bottom: 80px;} 
.badu-img { max-width: 280px; margin-bottom: 15px;}
.sep-sec { padding: 80px 0; font-family: 'NeoSansStdMediumItalic'; font-size: 22px; border-bottom: #E7E7E7 solid 1px; }
#equipment { width: 100%; padding:0 0 150px 0; }
#equipment .equipment-row { margin-top: 100px; }
#equipment .equipment-row h2 { padding-bottom: 30px;}
#contactsec {background: #15B4D2; color: #fff }
#contactsec .contactform{ padding:0 100px 0 140px; }
#contactsec iframe { width: 100%; height: 680px; margin-bottom: -22px; }
#contactsec h2 { color: #fff; padding-bottom: 50px;}
#contactsec .contactform .form-group {position: relative;margin-bottom:46px;  line-height: 20px;  }
#contactsec .contactform .form-group .form-control-placeholder {position: absolute;top: 0px;padding: 0 5px;transition: all 200ms;opacity:1;  font-size: 20px; font-weight: normal;  }
#contactsec .contactform .form-group .form-control:focus + .form-control-placeholder,
#contactsec .contactform .form-group .form-control:valid + .form-control-placeholder {
font-size:14px;transform: translate3d(0, -100%, 0);opacity: 1;    }
#contactsec .contactform .form-group .form-control { height: 40px; padding:0px 5px; color: #fff; font-size: 20px; background-color: transparent!important; border-width: 0 0 1px 0; border-color: #43C3DB; box-shadow: none; border-radius: 0; }
#contactsec .contactform .form-group .form-control:focus { border-color:#43C3DB; box-shadow: none;  } 
@-webkit-keyframes autofill { to { background: transparent; }}
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
#contactsec .contactform .form-group textarea.form-control { height: 140px; font-size: 16px; padding: 10px 5px;}
footer { background: #022C4E; padding: 20px 0; font-size: 18px;  line-height: 30px;  color: #A9A9A9;}
footer p  { margin: 0; padding: 0;}
footer a { color: #A9A9A9; text-decoration:none;}
footer a:hover { color: #fff; text-decoration:none;}
footer .col-md-5 { text-align: right;}
.social-ic { width: 24px; height: 24px; margin: 0px 5px 0 0px; background: url('../images/social_sprites.png') no-repeat; display: inline-block; }
.bg-ic_fb{ background-position: -10px -10px}
.bg-ic_tw{ background-position: -54px -10px}
.bg-ic_in{ background-position: -98px -10px}
.bg-ic_yu{ background-position: -142px -10px;margin: 0;}
.bg-ic_fb:hover{ background-position: -10px -34px}
.bg-ic_tw:hover{ background-position: -54px -34px}
.bg-ic_in:hover{ background-position: -98px -34px}
.bg-ic_yu:hover{ background-position: -142px -34px}

a.login-btn { font-size: 20px; color: #fff; text-decoration: none;line-height: 40px;float: right;margin-left: 10px;}

@media (min-width: 1600px) {
.container {width:100%; max-width:1480px;}
}
@media (min-width: 1900px) {
.container {width:100%; max-width:1680px;}
}
@media (max-width:1599px){
body { font-size: 22px; line-height: 48px;}
.navbar-inverse .navbar-nav > li > a{ font-size: 20px;}
h2 { font-size: 48px;}
h3 { font-size: 38px;}
h4 { font-size: 28px;}
.main-banner{ height:580px;}
.main-banner span { font-size: 46px; }
.get-text a img {  width: 36px;}
.cta, #compatibility { padding: 100px 0;}
.cta h2 { font-size: 42px;} 
.cta p { margin: 40px 100px 70px 100px;}
.sep-sec { padding: 60px 0; font-size: 18px;}
#equipment .equipment-row {margin-top: 80px;}
.pl-100 {padding-left: 80px;}
.pr-100 {padding-right: 80px;}
#equipment { padding-bottom: 100px;}
.about-text {padding: 30px 80px;}
.get-text {padding: 30px 100px;}
footer { font-size: 16px; line-height: 28px;}
}
@media (max-width:1024px){
body {font-size: 17px;line-height: 36px;}
#navigation.animated-header { padding: 20px 0;}
.navbar-inverse .navbar-nav > li { padding-left:10px; padding-right:10px; padding-top: 5px;}
.navbar-inverse .navbar-nav > li > a {font-size:15px;}
.navbar-inverse .navbar-nav > li.li_get a{ font-size: 15px;}
.main-banner { height:480px;}
.main-banner span {font-size: 38px;}
.about-text, .get-text {padding: 20px 50px;}
h2 {font-size: 38px;line-height: 42px;padding-bottom: 10px;}
h3 {font-size: 30px; padding-bottom: 15px;}
h4 {font-size: 22px;}
.cta, #compatibility {padding: 60px 0;}
.cta p {margin: 20px 50px 50px 50px;}
.badu-img {max-width: 180px; }
#contactsec .contactform .form-group .form-control { font-size: 16px;}
.sep-sec {padding: 40px 0;font-size: 16px;}
#compatibility p {margin-bottom: 50px;}
.pl-100 {padding-left: 15px;}
.pr-100 {padding-right: 15px;}
#equipment .equipment-row h2 {padding-bottom: 10px;}
#contactsec iframe { height: 520px;}
#contactsec .contactform {  padding: 20px 46px;}
#contactsec .contactform .form-group textarea.form-control { height: 80px;}
#contactsec .contactform .form-group:last-child { margin-bottom: 0;}
#equipment { padding-bottom: 80px;}
footer { font-size: 14px; line-height: 26px;}
}
@media (max-width:991px){
body { font-size: 16px; line-height: 28px;}
.navbar-header{width:40%;}
#navigation .navbar-brand img {padding-top:5px;}
.animated-header .navbar-right {margin-top: 0;}
#navigation { padding: 10px 0;}
#navigation.animated-header .navbar-brand img {padding-top:4px;}
.navbar-nav>li>a {padding-bottom:0px}
.navbar-inverse .navbar-nav > li {padding-left: 7px;padding-right: 7px; padding-top: 5px;}
.main-banner{ height:400px;}
.about-text, .get-text {padding: 15px;}
h2 {font-size: 28px;line-height: 32px;padding-bottom: 10px;}
h3 {font-size: 26px;}
.get-text a {margin: 0 10px;}
.get-text a img {width: 28px;}
.cta h2 {font-size: 28px;}
.cta p { margin: 15px 15px 50px 15px;}
.blue-btn {font-size: 22px;padding: 12px 46px;}
h4 {font-size: 18px;}
#equipment .equipment-row { margin-top: 20px;}
#equipment {padding-bottom: 50px;}
footer {font-size: 12px;line-height: 22px;}
#contactsec iframe {height: 420px;}
#contactsec h2 { padding-bottom: 20px;}
#contactsec .contactform .form-group { margin-bottom: 26px;}
.social-ic { margin-top: 10px;}
}

@media (max-width:767px){
.main-banner {height: 280px; }
.navbar-inverse .navbar-toggle {margin:5px 0 0 0px; border-color: #fff;}
.navbar-collapse { border-top: 1px solid rgba(0, 0, 0, 0);}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {border:1px solid #fff}
#navigation {padding:5px 0 0px;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background:#022C4E}
#navigation.animated-header .navbar-brand img {padding-top: 10px;}
#navigation.animated-header .navbar-brand img {width: 180px;}
#navigation .navbar-brand img { padding-top: 10px; transition: all 0.8s ease 0s; width: 160px;}
#navigation.animated-header {padding:5px 0px;}
#navigation.animated-header {background:#022C4E}
.navbar-inverse .navbar-nav > li {margin:0px 0px;}
.navbar-inverse .navbar-nav > li > a, .li_get a {font-size:15px;}
.navbar-inverse .navbar-nav > li > a::after {display:none;}
.navbar-inverse .navbar-collapse {text-align:center}
.navbar-header { width:auto; padding:0px 15px;}
a.login-btn { float: none;font-size: 16px;margin: 20px 0 0 0;line-height: 20px;display: block;}
#main {display:none}
.half-sec { width: 100%;}
.main-banner span {font-size: 18px;padding: 16px;}
.d-flex { display: block}
.about-text, .get-text { padding: 30px 15px; text-align: center}
.cta h2, h2 {font-size: 24px;}
h3 {font-size: 20px; line-height: 32px;}
.cta, #compatibility {padding: 50px 0;}
.badu-img { margin-bottom: 0;}
#contactsec .contactform {padding: 15px 15px 30px 15px;}
#contactsec iframe { margin-bottom: 0;}
.btn-white { font-size: 18px;}
footer, footer .text-right{ text-align: center;}
#equipment { text-align: center;}
#equipment h2 { padding-top: 20px;}
}
.footer-center{display: flex;align-items: center;}
@media (max-width: 767px){
.flex-50{flex:0 0 50%}
.flex-100{flex: 0 0 100%;}
.switch-btn {right: 25px;}
.footer-center{flex-wrap: wrap;}}
@media (min-width: 1200px){
    .d-md-flex{
        display: flex;
    }
}