* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.suspension-contain {max-height: 980px; overflow:hidden; position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
body {max-width: 100%; margin: 0 auto; font-family: 'Open Sans', sans-serif;}
a {color:inherit; text-decoration: none;}
a:hover {text-decoration: none; color:inherit;}
a,img {transition: all ease 0.5s;}
img{max-width: 100%; height: auto;}
p {margin-bottom: 30px;}
h1,h2,h3,h4,h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; padding:0; margin: 0; line-height: 1.2;}
h1, h2{ color: #0270A3; font-size: 65px; }
h3 {font-size: 50px;}
h4 {font-size: 40px;}

.row {max-width: 1600px; margin: 0 auto; position: relative; }

/*button*/
.btn, .ctc-form button { background: #0370A3; color: #fff!important; display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 17px; line-height: 120%; max-width: 215px; margin: 0 auto; padding: 20px 0; text-align: center; transition: all ease 0.5s;}
.btn:hover { background: #000; color: #fff!important;}
/*floats*/
.fl {float:left;}
.fr {float:right;}

/*socials*/
.socials a { border: 0; border-radius: 50%; height: 40px; font-size: 40px; color: #000 !important; display: inline-block; line-height: 40px; width: 40px; margin-right: 40px;}
.socials a:hover{ color: #fff !important; }
.socials a:last-of-type {margin-right: 0;}

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/* flex */
.flex-row-center, .flex-row-start{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.flex-row-start{ align-items: flex-start; }
.flex-col-start{ align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }

/* columns */
.col33{ width: 32%; }
.col50{ width: 49%; }
/*contact form messages*/
form .messages p {display: none; font-family: 'Open Sans', sans-serif; font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
form [type="submit"] {margin:20px auto}

/*contact form*/
.ctc-form {margin: 0 auto; text-align: left;}
.ctc-form label{ color: #333; font-size: 16px; font-weight: 400;}
.ctc-form input:not([type="submit"]):not([type="checkbox"]),.ctc-form textarea { border: 1px solid #D6D6D6; color: #333; font-size: 15px; font-family: 'Open Sans', sans-serif; height: 60px; display: block; line-height: 120%; width: 100%; padding: 5px 10px; margin-bottom: 10px;}
.ctc-form textarea {height: 220px; padding-top:10px;}
.ctc-form button{ border: 0; display: block; max-width: 192px; margin: 20px auto 0; width: 100%; }
.ctc-form .full, .ctc-form .g-recaptcha{ flex: 0 0 100%; width: 100%; text-align: center;}
.ctc-form .recap {display: inline-block; }
.ctc-form .g-recaptcha div {margin: 0 auto 10px;}
.ctc-form .ctc-hide {display: none;}
.ctc-flex {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px;}
.ctc-two {width: calc(50% - 10px); margin: 0 5px;}

/*gallery*/
#content .gallery-container {text-align: center;}
#content .gallery {list-style-type: none;margin: 0;padding: 0;}
#content .gallery li {display: inline-block;}
#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;transition: border 0.5s ease-in-out 0s;}
#content .thumbnail:hover {transform: scale(1.02);}
#content .page_navigation {display: inline-block;}
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}
#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;}

/*header*/
#header { background-color: #fff; position: relative; padding: 5px 0 0; width: 100%; z-index: 9999;}
#header .row{ max-width: 1810px;}
#header .hdLogo img{ max-width: 398px; }
#header nav a#pull {display: none}
#header nav ul { list-style: none; margin: 0; padding: 0}
#header nav ul li { margin-right: 70px;}
#header nav ul li a { color: #333333; display: block; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; padding: 64px 0; position: relative; text-transform: uppercase; }
#header nav ul li a:hover:before, #header nav ul li a.active-menu:before{ content: ""; border-bottom: 7px solid #0370A3; margin: 0 auto; width: 57px; position: absolute; left: 0; right: 0; bottom: 0;}
#header nav .active-menu, #header nav ul li a:hover {color: #0370A3;}
.hdPhone a{ color: #333333; display: block; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 700; line-height: 120%;text-align: center;}
.hdPhone i{ background-color: #0470A3; border-radius: 50%; color: #fff; font-size: 20px; height: 66px; line-height: 66px; margin-right: 20px; transform: rotate(90deg); width: 66px; }

.inner #header{ background-color: #fff; border-bottom: 1px solid #d6d6d6; position: static;}

#header.sticky{ background: #fff; border-bottom: 1px solid #d6d6d6; position: fixed; left: 0; right: 0; }
#header.sticky *{ transition: all .5s ease-in-out; }
#header.sticky .hdLogo img{ max-width: 200px; }
#header.sticky nav ul li a{ padding: 32px 0; }
/*banner*/
#banner, .bnImg {position: relative; }
#banner .slider{ list-style: none; margin: 0; padding: 0;}
.bnImg img { margin: 0 auto; display: block; object-fit: cover; object-position: center top; width: 100%;}
.bnBox{ position: absolute; bottom: 28%; left: 0; right: 0; text-align: left; }
.bnBox h2 { color: #fff; font-size: 50px; font-weight: 700; line-height: 120%; margin: 0 0 30px; text-shadow: 1px 1px 0 #023F5B; text-align: center;}

/* Global */
#content p, #content ul li{ color: #212121; font-size: 20px; line-height: 150%; }

/* Mission */
#mission { background-color: #fff; padding: 100px 0; position: relative; z-index: 2;}
#mission h2{ box-sizing: border-box; border-right: 1px solid #D6D6D6; width: 35%;}
#mission p{ color: #333; margin: 0; width: 60%; }

/* Content */
.content-area{ position: relative; padding: 35px 0 100px; }
.content-area:before{ content: ""; background-color: #F7F7F7; height: 636px; max-width: 907px; width: 48%; position: absolute; left: 0; top: 0;}
.content-area .col50{ order: 2; position: relative; z-index: 2; }
.content-area .col50.image{ order: 1; padding-top: 60px; }
.content-area .image img{ box-shadow: 5px 5px 20px rgba(0,0,0,.65); }
.content-area .col50 ul{ display: block; list-style: none; margin: 50px auto; padding: 0; }
.content-area .col50 ul li{ align-items: center; display: flex; font-family: 'Montserrat', sans-serif; font-weight: 700; border-bottom: 1px solid #D6D6D6; padding: 10px 0;}
.content-area .col50 ul li:last-child{ border-bottom: 0; }
.content-area .col50 ul li .icon{ max-width: 58px; margin-right: 40px; width: 100%;}
.content-area .col50 .btn{ margin: 0; }

/* Contact */
#contact{ background: url(../images/common/contactbg.jpg) no-repeat center top; background-size: 100% auto; padding-top: 100px; }
#contact h2{ color: #fff; margin-bottom: 80px; text-align: center; }
#contact form{ background-color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.3); box-sizing: border-box; padding: 75px 120px; }
#contact form .col50{ width: 49.5%; }
/*footer*/
.footer-top{ padding-top: 60px; position: relative;}
#footer .col{ width: 25%; }
.ftPhone{ order: 1; }
#footer .col.ftlogo{ order: 2; width: 50%; text-align: center;}
.ftEmail{ order: 3; }
#footer p{ margin: 0; text-align: center; }
#footer p i{ background-color: #0470A3; border-radius: 50%; color: #fff; font-size: 20px; height: 60px; line-height: 66px; margin: 0 auto; width: 60px; }
#footer p .label{ color: #202020; display: block; font-size: 18px; line-height: 120%; margin: 20px  auto 10px;}
#footer p:not(.copyCvs) a{ color: #212121; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.ftPhone i{ transform: rotate(90deg);}
.ftCopy{ background-color: #0370A3; margin-top: 70px; padding: 10px 0; }
.ftCopy p{ color: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; }

/*inner pages*/
.inner #content {min-height: 600px; padding: 40px 0}
.inner #content h1 { margin-bottom: 40px; text-align: center;}
.inner #content h2{ font-size: 40px; margin-bottom: 20px; }
.inner .bnImg img {max-height: 400px; min-height: 300px; height: 20.83vw;}
.inner .bnBox {display: none;}
.inner .ctc-form{ text-align: center; }
.inner .ctc-form button{ margin-left: auto; margin-right: auto; }

/* Skills */
.box-wrap{ box-shadow: 0 0 10px #ccc; box-sizing: border-box; border-radius: 10px; margin-bottom: 30px; padding: 30px; }

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto;}
.inPrivacyBox p {text-align: justify!important;}


/** Responsive
-------------------------------------------------------*/
@media screen and (max-width: 1810px){
  #header .row{ width: 95%; }
}
@media screen and (max-width: 1600px){
  h1,h2{ font-size: 55px; }
  h3 {font-size: 40px;}
  h4 {font-size: 30px;}
  .row{ width: 95%; }
  #header nav ul li{ margin-right: 40px; }
  #footer .col.ftlogo{ width: 40%; }
}
@media screen and (max-width: 1440px){
  h1,h2{ font-size: 45px; }
  h3 {font-size: 30px;}
  h4 {font-size: 25px;}
  #header nav ul li{ margin-right: 20px; }
  .bnBox h2{ font-size: 40px; }
  .content-area .col50 ul{ padding-left: 30px; }
  #footer .col{ width: 30%; }
  #footer p .label{ font-size: 16px; }
  #footer p:not(.copyCvs) a{ font-size: 18px; }
}

@media screen and (max-width: 1200px){
  #header .hdLogo img{ max-width: 250px; }
  #header nav ul li{ margin-right: 15px; }
  .hdPhone a{ font-size: 22px; }
}
@media screen and (max-width: 1024px){
  h1,h2{ font-size: 35px; }
  h3 {font-size: 25px;}
  h4 {font-size: 20px;}
  #header nav ul li{ margin-right: 10px; }
  #header nav ul li a{ font-size: 16px; padding: 40px 0; }
  #header nav ul li a:hover:before, #header nav ul li a.active-menu:before{ width: 50px; }
  .hdPhone a{ font-size: 20px; }
  .hdPhone i{ height: 40px; line-height: 40px; width: 40px; margin-right: 10px; }
  .bnBox h2{ font-size: 35px; }
  .content-area{ padding-bottom: 50px; }
  #content p, #content ul li{ font-size: 18px; }
  .content-area .col50 ul li .icon{ margin-right: 20px; }
  #mission{ padding: 50px 0; }
  #contact{ padding-top: 50px; }
  #contact h2{ margin-bottom: 30px; }
  #contact form{ padding: 30px 50px; }
  .footer-top .flex-row-center{ align-items: flex-start; }
  #footer p .label{ font-size: 14px; }
  #footer p:not(.copyCvs) a{ font-size: 16px; }
}
@media screen and (max-width: 900px){
  h1,h2{ font-size: 32px; }
  h3 {font-size: 22px;}
  h4 {font-size: 18px;}
  #header .hdLogo img { max-width: 200px; }
  #header nav ul li a{ font-size: 14px; }
  #header nav ul li a:hover:before, #header nav ul li a.active-menu:before{ width: 45px; }
  .hdPhone a{ font-size: 18px; }
  .hdPhone i{ font-size: 14px; height: 30px; line-height: 30px; width: 30px; }
  .bnBox h2{ font-size: 30px; }
  #content p, #content ul li{ font-size: 16px; }
  .content-area .col50 ul li .icon{ margin-right: 10px; }
  #contact form{ padding: 20px; }
  .ftCopy{ margin-top: 30px; }
  .ftCopy p{ font-size: 16px; }
}
@media screen and (max-width: 768px){
  #header{ position: static;}
  #header .row{ width: 100%; }
  #header .hdLogo{ padding-left: 20px; }
  #header .hdNav{ order: 2;}
  .hdPhone{ order: 1; }
  #header nav {display: block; height: auto; margin: auto 20px; width: 40px;}
  #header nav ul { background: #fff; border-top: 1px solid #d6d6d6;width: 100%; display: none; margin: 0 auto; position: absolute; left: 0; right: 0; top: 88px; z-index: 999;}
  #header nav ul li {width: 100%; position: relative; }
  #header nav ul li a, #header.sticky nav ul li a { box-sizing: border-box; display: block; padding: 10px 20px; }
  #header nav ul li:hover a:before, #header nav ul li a.active-menu:before{ display: none; }
  #header nav ul li:hover a, #header nav ul li a.active-menu { background-color: #0470A3; color: #fff;  }
  #header nav a {text-align: left; width: 100%;}
  #header nav a strong {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
  #header nav a#pull {display: block; color: #fff; background-color: #0470A3; height: 40px;padding: 10px 0; width: 100%; position: relative;}
  #header nav a#pull:after {content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; margin: 0 auto;position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%);}
  .hdPhone a{ font-size: 18px; padding: 29px 0; }
  .bnBox{ bottom: 40px; }
  .bnBox h2{ font-size: 22px; }
  .bnBox .btn{ margin: 0 auto; }
  
  .btn, .ctc-form button { font-size: 16px; max-width: 170px; padding: 12px 0; }
  .col50{ width: 100%; }
  #content .flex-row-center, #content .flex-row-start, .footer-top .flex-row-center{ flex-direction: column; }
  #mission{ padding: 30px 0; text-align: center;}
  #mission h2, #mission p{ width: 100%; }
  #mission h2{ border-right: 0; }
  .content-area:before{ display: none; }
  .content-area .col50{ order: 1; }
  .content-area .col50.image{ order: 2; padding-top: 30px; text-align: center;}
  .home .content-area h1{ text-align: center; }
  .content-area .col50 ul{ margin: 20px auto; padding-left: 0; }
  #footer .col, #footer .col.ftlogo{ margin-bottom: 20px; width: 100%; }
  .ftPhone{ order: 2; }
  #footer .col.ftlogo{ order: 1; }
  .ftEmail{ order: 3; }
  #footer p .label{ margin: 10px 0 5px; }
  #footer p i{ font-size: 14px; height: 40px; line-height: 40px; width: 40px; }
}
@media screen and (max-width: 600px){
  .bnBox h2{ font-size: 20px; }
  #contact form .col50{ width: 100%; }
  .ctc-form textarea{ height: 120px; }
}
@media screen and (max-width: 480px){
  #header .hdLogo img, #header.sticky .hdLogo img{ max-width: 120px; }
  #header nav ul{ top: 72px; }
  .hdPhone a{ font-size: 12px; }
  .hdPhone i{ display: none; }
  .bnImg img{ min-height: 250px; }
  .ctc-form .g-recaptcha{ transform: scale(.8); }
  .ftCopy p{ font-size: 14px; }
}