html,
body { height: 100%; }
body,
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.icon-bar { background-color: #fff; }
.navbar-trans { background-color: #031315; color: #fff; }
.navbar-trans li>a:hover,
.navbar-trans li>a:focus,
.navbar-trans li.active { background-color: #38afef; }
.navbar-trans a { color: #fefefe; }
.navbar-trans .form-control:focus { border-color: #eee; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(100,100,100,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(100,100,100,0.6); }
.navbar-trans li.active { background: none; }
.navbar-header .btn-success { padding: 6px 1em; position: absolute; right: 57px; top: 8px; display: none; }
.navbar-brand { overflow: visible; width: 151px; }
.modal-dialog { font-weight: normal; }
.modal-dialog .media > .pull-left { max-width: 18%; }
.modal-dialog .media-list .media-object { width: 100%; }
section { padding-top: 10px; padding-bottom: 10px; }
.v-center { padding-top: 10%; font-size: 70px; }
.well { border-color: transparent; }
a.list-group-item.active,
[class*='-info'] { background-color: #168ccc; color: #fff; }
#section1 { background-color: #168ccc; color: #dedeff; padding-top: 0; padding-bottom: 0; min-height: 0; position: relative; }
.butwrap { position: absolute; width: 100%; text-align: center; bottom: 3em; }
.butwrap a { min-width: 13em; }
#section2 { background-color: #e5e5ef; color: #686868; }
#section2 .row { padding: 1em 0 2em 0; }
#section2 h1 { font-size: 28px; }
#section2 img { margin: 0 1em; }
#section3 { background-color: #fff; padding-top: 40px; padding-bottom: 40px; }
#section3 h4 { color: #168ccc; }
#section3 .media-list { margin: 2em auto; max-width: 750px; }
#section3 .media-heading { margin: 0 0 1em; font-size: 24px; }
#section3 .media { margin-bottom: 2em; font-size: 20px; }
#section3 .media > .pull-left { margin-right: 8%; }
#section4 { background-color: #e5e5ef; color: #444; }
#section4 h4 { color: #38afef; }
#section4 .panel { margin-bottom: 30px; }
#section4 .panel-body { padding-bottom: 30px; }
#section4 .panel-heading { margin-bottom: 1em; }
#section4 .panel-info { min-height: 0px; background: none; color: #444; }
#section4 big { text-align: center; display: block; font-weight: bold; margin-top: 1em; }
#section4 big a { color: #444; }
#section5 { padding-top: 40px; padding-bottom: 40px; }
#section6 { color: #ddd; padding-bottom: 6em; padding-top: 4em; }
#section6 .inner { display: inline-block; max-width: 72%; vertical-align: middle; }
#section6 .btn-success { margin: 1em; min-width: 200px; }
#section6 .bar-blue { background-color: #27b3ce; height: 4em; margin-top: 2em; position: absolute; width: 100%; }
#section7 { }
footer { background-color: #031315; color: #ddd; padding-top: 10px; padding-bottom: 10px; }
footer a { padding: 3px; color: #fff; }
footer .nav>li>a:hover { background-color: transparent; color: #fff; }
.jumbotron { background: url(../images/Main-Image.jpg) center center no-repeat; background-size: cover; color: #fff; font-size: 1.5em; margin: 0; max-height: 600px; min-height: 82%; overflow: hidden; padding: 48px 0 0; position: relative; }
.jumbotron .img-responsive { min-width: 100%; display: block; }
.jumbotron h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35); font-size: 1.1em; font-weight: bold; left: 5%; padding: 0.2em 0.5em; position: absolute; top: 15%; width: 90%; }
.jumbotron h5 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35); font-size: 0.6em; left: 5%; font-style: italic; padding: 0.2em 0.5em; position: absolute; top: 39%; }
.jumbotron .text-center { bottom: 27%; width: 100%; position: absolute; }
.jumbotron a { font-size: 20px; padding: 0.3em 2em; }
#request-demo-ok,
#contactus-form-ok{display: none;}


@media (min-width:480px) {
.navbar-header .btn-success { right: 66px; font-weight: bold; padding: 6px 2em; }
}

@media (max-width:767px) {
#section6 .text-block { margin-top: 0; text-align: center; }
#section6 p { font-size: 0.2em; margin: 0; }
}

@media (min-width:768px) {
.navbar-header .btn-success { display: block; }
.navbar-brand { overflow: visible; width: auto; }
.jumbotron h1 { font-size: 1.1em; }
.jumbotron { font-size: 2.5em; }
#section4 .panel-heading { min-height: 105px; }
#section4 ul { min-height: 160px; }
#section4 .panel-info { min-height: 200px; }
#section6 .btn-success { font-size: 1.5em; padding: 0.5em 1em; }
}

@media (min-width:992px) {
#section4 .panel-body { min-height: 380px; }
.jumbotron h1 { font-size: 1.3em; }
.jumbotron { font-size: 2.9em; }
#section4 .panel-heading { min-height: 0px; }
#section4 .panel-info,
#section4 ul { min-height: 160px; }
#section4 ul { margin: 0 auto; width: 240px; padding-right: 30px; }
#section4 ul li { }
}

@media (min-width:1200px) {
#section4 .panel-body { min-height: 340px; }
.jumbotron h1 { font-size: 1.3em; }
.jumbotron { font-size: 3.5em; }
}