@charset "UTF-8";

body {background: #5195cb; color: #fff; font-family: "Montserrat", Arial, Tahoma, sans-serif; color: #fff;}
a {color: #206393; transition: 0.5s;}
a:hover, a:active, a:focus {color: #fff; outline: none; text-decoration: none; opacity: .5;}
p {padding: 0; margin: 0 0 30px 0;}
ul{margin-bottom: 30px;}
h1, h2, h3, h4, h5, h6 {font-weight: 900; margin: 0 0 20px 0; padding: 0; text-transform: uppercase;}

.button {background-color: #5195cb; color: #fff; display: inline-flex; justify-content: center; align-items: center; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: 250ms all ease-in-out; font-size: 16px; border: none; font-weight: 700; letter-spacing: .1em; padding: 9px 15px; text-transform: uppercase; min-width: 180px; min-height: 51px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.button:focus, .button:active, .button:active:focus {outline: none; color: #fff; background-color: #206393;}
.button-effect {position: relative; z-index: 0; transition: background .4s, border-color .4s, color .4s;}
.button-effect::before {content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color: #206393; z-index: -1; opacity: 0; transform: scale3d(.7, 1, 1); transition: transform .4s, opacity .4s; transition-timing-function: cubic-bezier(.2, 1, .3, 1)}
.button-effect, .button-effect:before {transition-timing-function: cubic-bezier(.2, 1, .3, 1)}
.button-effect:hover {background-color: transparent; color: #fff;}
.button-effect:hover::before {opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1)}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logoLine{background-color: #214562; text-align: center;}
.logoLine *{color: #fff;}
.logoLine .logo{padding: 25px 0;}
.logoLine .logo h1{padding: 0; margin: 0; color: #fff;}
.logoLine .logo h2{padding: 0; margin: 0; font-weight: 700; color: #fff;}
.logoLine .contact-phone span{font-size: 28px; vertical-align: middle; display: block;}
.logoLine .contact-email span{font-size: 28px; vertical-align: middle; display: block;}
@media (max-width: 991px) {
  .logoLine .logo h1{font-size: 24px;}
  .logoLine .logo h2{font-size: 20px;}
  .logoLine .contact-phone{padding-bottom: 15px;}
  .logoLine .contact-email{padding-bottom: 15px;}
  .logoLine .contact-phone span{font-size: 18px; display: inline;}
  .logoLine .contact-email span{font-size: 18px; display: inline;}
}@media (max-width: 768px) {
  .logoLine {display: none !important;}
}

#header {padding: 20px 0; height: 84px; text-align: center; background-color: #5195cb; transition: all 0.5s; z-index: 997; box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);}
@media (max-width: 991px) {
  #header {padding: 20px 0;}
}
@media (max-width: 768px) {
  #header {padding: 0; height: 60px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;}
.nav-menu > li {display: inline-block;}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block;}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 22px;}
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 8px; font-family: FontAwesome; font-style: normal; font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}

/* Nav Menu Container */
#nav-menu-container {margin: 0;}
@media (max-width: 768px) {
  #nav-menu-container {display: none;}
}

/* Nav Menu Styling */
.nav-menu li{position: relative;}
.nav-menu li:before{content: "\f111"; position: absolute; left: 2px; top: 14px; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 10px; color: #214562;}
.nav-menu li:first-child:before{content: "";}
.nav-menu a {padding: 10px 25px; margin-left: 15px; text-decoration: none; text-transform: uppercase; display: inline-block; color: #fff; font-weight: 700; font-size: 16px; outline: none;}
.nav-menu a:hover, .nav-menu > .menu-active > a {color: #214562; background-color: #fff; opacity: 1;}
.nav-menu > li {margin-left: 0;}
@media (max-width: 991px) {
  .nav-menu a {padding: 10px 10px;}
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i {color: #fff;}
@media (max-width: 768px) {
  #mobile-nav-toggle {display: inline;}
  #mobile-nav-toggle{margin-top: 10px;}
}

/* Mobile Nav Styling */
.mobile-title{position: fixed; font-weight: 700; font-size: 16px; left: 20px; top: 10px; text-align: left; line-height: 120%;}
.mobile-title span{display: block; text-transform: uppercase;}
@media (min-width: 768px) {
  .mobile-title{display: none;}
}

#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(33, 69, 98, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s;}
#mobile-nav ul {padding: 0; margin: 0; list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff; font-size: 16px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none;}
#mobile-nav ul li a:hover {color: #fff;}
#mobile-nav ul li li {padding-left: 30px;}
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #214562;}
#mobile-nav ul .menu-item-active {color: #214562;}
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(33, 69, 98, 0.9); display: none;}

/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {width: 100%; background: #39688e; position: relative; text-align: center; padding: 3px 0 15px 0;}
#intro .intro-content {position: absolute; left: 15%; right: 15%; top: 30%; bottom: 10%; z-index: 10; display: block; margin: 0 auto; text-align: center;}
#intro .intro-content h2 {color: #fff; font-size: 64px; font-weight: 700; line-height: 130%; letter-spacing: 5px;}
#intro .intro-content p {color: #fff; margin-bottom: 30px; font-size: 30px; font-weight: 400; text-transform: uppercase;}
@media (min-width: 1300px) {
  #intro .intro-content {position: absolute; left: 15%; right: 15%;}
}
@media (min-width: 1800px) {
  #intro .intro-content {position: absolute; left: 25%; right: 25%;}
}
@media (max-width: 767px) {
  #intro .intro-content h2 {font-size: 34px;}
}
#intro .intro-content .btn-get-started {font-size: 15px; font-weight: bold; letter-spacing: 1px; display: inline-block; padding: 10px 32px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: 0.5s; margin: 10px; color: #fff; background: transparent; border: 2px solid #fff;}
#intro .intro-content .btn-get-started:hover {background: #fff; color: #000;}
#intro #intro-carousel {z-index: 8;}
#intro #intro-carousel::before {content: ''; background-color: rgba(0, 0, 0, 0.4); position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}
#intro #intro-carousel .item {width: 100%; height: 74vh; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition-property: opacity; transition-property: opacity;}

/* Arrows */
.owl-nav {position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1500px; margin-top: -79px; z-index: 10;}
@media (min-width: 1300px) {
  .owl-nav {margin-top: -50px;}
}
.owl-prev, .owl-next {position: absolute; top: 0; width: 71px; height: 71px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0px solid; line-height: 70px; text-align: center; z-index: 1000; cursor: pointer; opacity: 1; color: #fff; transition: 250ms;}
.owl-prev:before, .owl-next:before {position: relative; display: inline-block; font-family: "arrows"; font-size: 40px; font-weight: 700;}
.owl-prev:hover, .owl-next:hover {background: #fff; color: #1d1d1d; border-color: #fff;}
@media (min-width: 768px) {
  .owl-prev, .owl-next {display: block;}
}
.owl-prev:before {content: '\e009'; left: -3px;}
.owl-next:before {content: '\e008'; right: -3px;}
.owl-prev {left: 20px;}
.owl-next {right: 20px;}
@media (max-width: 767px) {
  .owl-prev, .owl-next {display: none;}
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

section{padding: 60px 0 60px 0;}

/* Sections Header
--------------------------------*/
.section-header {margin-bottom: 60px;}
.section-header h2 {font-size: 38px; color: #fff; text-transform: uppercase; font-weight: 700; position: relative; padding-bottom: 20px; text-align: center;}
.section-header h2::before {content: ''; position: absolute; display: block; width: 50px; height: 3px; background: #fff; bottom: 0; left: 50%; margin-left: -25px;}
.section-header p {padding: 0; margin: 0;}

/* About Section
--------------------------------*/
.about {padding: 80px 0 30px 0; text-align: center;}
.about p{margin-bottom: 55px; font-size: 28px;}
.about .icons .boxIcon{height: 200px; width: 200px; margin: 0 auto 20px auto;}
.about .icons h3 {color: #fff; font-weight: 700; font-size: 24px;}
.about .icons p{text-align: center; line-height: 180%; margin-bottom: 45px; font-size: 18px;}


/* Services Section
--------------------------------*/
.services{background-color: #fff;}
.services .section-header h2{color: #1e3d57;}
.services .section-header h2::before {background: #1e3d57;}
.services .displayTable￿{display: table;}
.services .displayTable￿ .row{display: table-row;}
.services .displayTable￿ .row .number{display: table-cell; font-size: 28px; font-weight: 900; padding: 0 15px 0 0; color: #b6cee6; letter-spacing: 2px; text-align: right;}
.services .displayTable￿ .row .text{display: table-cell; color: #1e3d57; padding-top: 0;}

/* Reference Section
--------------------------------*/
.reference {padding: 80px 0 30px 0; text-align: center;}
.reference p.maintext{font-size: 28px; max-width: 800px; margin: 0 auto 35px auto;}
.reference img{margin-bottom: 35px;}
.reference .number{font-size: 38px; font-weight: 900; margin-bottom: 0; color: #b6cee6; letter-spacing: 2px;}
.reference p{margin-bottom: 45px;}

/* Equipment Section
--------------------------------*/
.equipment{background-color: #fff; text-align: center; padding: 80px 0 40px 0;}
.equipment .section-header h2{color: #1e3d57;}
.equipment .section-header h2::before {background: #1e3d57;}
.equipment img {margin-bottom: 25px;}
.equipment h3 {color: #1e3d57; font-weight: 700; font-size: 24px; margin-bottom: 15px; line-height: 120%; padding-bottom: 0;}
.equipment p {color: #1e3d57; margin-bottom: 65px;}

/* Contact Section
--------------------------------*/
.contact{padding: 80px 0 80px 0; text-align: center;}
.contact h2{color: #fff;}
.contact h2::before {background: #fff;}
.contact h3{font-size: 24px; color: #fff; text-transform: none;}
.contact .map{width: 100%;}

.contact-form{padding-top: 10px; padding-bottom: 20px;}

.contact-form button[type="submit"] {transition: 0.4s; cursor: pointer;}
.contact-form .form-control {border: 1px solid rgba(225, 225, 227, 0.8); border-radius: 1px; box-shadow: none; font-size: 13px; height: auto; padding: 15px 20px 15px 20px; margin-bottom: 30px; text-align: left;}
.contact-form .form-control:focus{box-shadow: none !important; border: 1px solid rgba(22, 190, 182, 0.7);}
.contact-form .captcha input{}
.contact-form .captcha img{position: absolute; z-index: 1; right: 25px; top: 4px;}
.contact-form .help-block{position: absolute; top: -6px; right: 15px; padding: 5px; font-size: 12px; color: red; z-index: 2;}
.contact-form .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #777;}
.contact-form .has-success .form-control {border-color: #5bd1cc; -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow: none !important;}
.contact-form .has-success .input-group-addon {color: #015280; background-color: #317fab; border-color: #317fab;}
.contact-form .has-success .form-control-feedback {color: #015280;}
/* float label begin */
textarea + label, input + label {display: block; cursor: text; color: #777; transition: all.15s ease-out; -moz-transition: all.15s ease-out; -webkit-transition: all.15s ease-out; position: absolute; top: 12px; left: 40px; font-size: 1em; font-weight: 300;}
textarea:focus + label, input:focus + label, label.stay {top: -22px; left: 20px; opacity: .5; font-size: .9em; font-weight: 300; color: #fff; transition: all .15s ease-out;}

.alert {border-radius: 1px; margin-bottom: 30px; text-align: left;}
.alert .close {opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.alert .close:hover {opacity: 1;}
.alert-success {border-color: #8caad5; background-color: #d2def0;}
.alert-danger {border-color: #e39a9a; background-color: #f7d3d3;}
.alert-danger ul{list-style: none; margin: 0; padding: 0;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footerContact {background: #214562; padding-top: 80px; padding-bottom: 25px;}
.footerContact p{line-height: 180%;}
.footerContact a{color: #fff;}
.footerContact a:hover{color: #fff; opacity: .3;}
.footerContact .copyright {text-align: center; color: #fff; padding-top: 45px;}
@media (max-width: 991px) {
  .footerContact {text-align: center;}
  .footerContact .agree {padding-bottom: 25px;}
}

/* Back to top button */
.back-to-top {position: fixed; display: none; background: #5195cb; color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; right: 15px; bottom: 15px; transition: background 0.5s;}
@media (max-width: 768px) {
  .back-to-top {bottom: 15px;}
}
.back-to-top:focus {background: #5195cb; color: #fff; outline: none;}
.back-to-top:hover {background: #206393; color: #fff;}

/* Modal */
.modal-content{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 none; padding: 35px;}
.modal-content h2{color: #1e3d57;}
.modal-content p{color: #1e3d57;}
.modal-content .button{cursor: pointer;}
.modal .modal-footer{border: 0 none;}
.modal .date{float: right; margin-left: 20px;}
.modal .files{margin-bottom: 30px;}

@media (max-width: 991px) {
  .modal-content{padding: 5px;}
}