* { 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: 'Poppins', 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;}
p, li {font-size: 15px; padding: 0; margin-top: 0; line-height: 1.6;}
h1,h2,h3,h4,h5 {padding:0; margin-top: 0; line-height: 1.2; margin-bottom: 30px;}
h3 {color: #333333; font-size: 30px;}
h4 {color: #333333; font-size: 25px;}

.row {max-width: 1600px; margin: 0 auto; position: relative; }
.red{ color: #C50000; font-weight: 700; }
.center{ text-align: center; }

/*button*/
.btn, .ctc-form button { background: linear-gradient(to right, #C40200, #FDD83F); color: #fff!important; font-size: 15px; font-weight: 400; letter-spacing: 2px; line-height: 120%; padding: 19px 24px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #C50000; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*floats*/
.fl {float:left;}
.fr {float:right;}

/*socials*/
.socials{ text-align: center; }
.socials a { border: 1px solid #fff; border-radius: 50%; height: 34px; font-size: 16px; color: #FFFFFF; display: inline-block; line-height: 34px; width: 34px; margin-right: 10px;}
.socials a:hover{ background: #fff; color: #333; }
.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; }
/*contact form messages*/
form .messages p {display: none;font-family: Arial !important;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: 15px; font-weight: 400;}
.ctc-form input:not([type="submit"]):not([type="checkbox"]),.ctc-form textarea { border: 1px solid #D6D6D6; color: #333; font-family: "Poppins", sans-serif; font-size: 14px; height: 55px; display: block; line-height: 120%; width: 100%; padding: 5px 10px; margin-bottom: 10px;}
.ctc-form textarea {height: 190px; padding-top:10px;}
.ctc-form button{ border: 0; display: block; max-width: 193px; margin: 20px 0 0; width: 100%; }
.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;}

h1 {font-size: 100px;font-weight: 100;color:#000;}

/*header*/
#header {position: absolute; padding: 15px 0; z-index: 2; width: 100%; z-index: 9999; transition: all .2s linear;}
#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:last-of-type {margin-right: 0;}
#header nav ul li a { color: #fff; font-size: 18px; line-height: 120%; position: relative; padding-bottom: 20px; }
#header nav ul li:hover a:after, #header nav ul li.active-menu a:after{ content: ""; border-bottom: 6px solid #C40200; margin: 0 auto; width: 54px; position: absolute; left: 0; right: 0; bottom: 0; }
#header nav ul li.active-menu a, #header nav ul li a:hover {color:#fff;}

.hdPhone a{ position: relative; }
.hdPhone a:before{ content: ""; background: url(../images/common/icons.png) no-repeat center left -3px; height: 57px; width: 57px; display: inline-block; vertical-align: middle; margin-right: 20px;}
.hdPhone a{ color: #fff; font-size: 18px; font-weight: 700; line-height: 120%; }

.inner #header{ background: #333;  }

#header.sticky, .inner #header{ background: #333; position: fixed; left: 0; right: 0; }
#header.sticky * { transition: all .3s linear; }
#header.sticky .hdLogo, .inner #header .hdLogo{ max-width: 300px; }

/*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 center; filter: brightness(50%); width: 100%;}
.bnBox{ position: relative; }
.bnBox{ position: absolute; bottom: 30%; left: 0; right: 0; text-align: left; }
.bnBox h2 { color: #fff; font-size: 40px; font-weight: 700; line-height: 1; }
.bnBox h2 small{ display: block; font-size: 20px; letter-spacing: 5px;}
.bnBox h2 .big{ display: block; font-size: 85px; }
.bnBox p{ border-left: 6px solid #C40200; color: #fff; font-size: 20px; line-height: 120%; max-width: 570px; margin: 30px 0 40px; width: 100%; padding-left: 30px;}
#banner .slick-dots{ bottom: 25px; }

/* Content Top */
.content-top{ padding: 70px 0; }
.content-top .row{ max-width: 1760px; }
.content-top dl{ margin: 0 auto; width: 33%; text-align: center; }
.content-top dd, .services-page .col h3{ color: #333; font-size: 30px; font-weight: 700; line-height: 120%; margin: 20px auto 0; text-align: center; position: relative;}
.content-top dd a:after{ content: ""; background: url(../images/common/icons.png) no-repeat bottom -12px right -3px; display: block; height: 40px; width: 40px; margin: 20px auto 0;}

/* Content */
#content .content-area{ background: #fff; padding: 50px 0 170px; }
#content h1, #content h2{ color: #333333; font-size: 45px; font-weight: 700; line-height: 120%; margin: 0 auto 10px;}
#content h1 small{ color: #C40200; display: block; font-size: 25px; }
#content p{ color: #333; font-size: 15px; line-height: 180%; }
#content .ctleft{ order: 1; width: 56%; position: relative; }
#content .ctright{ order: 2; width: 44%; }
.abt2{ position: absolute; right: 80px; bottom: -90px; }

/* Contact */
.contact{ background: #F7F7F7; }
.contact .flex-row-center{ align-items: unset; }
#content .contact h2{ margin-bottom: 50px; }
.contact .col{ width: 49%; }
.contact .cnleft{ padding: 50px 60px 80px 100px;}
.contact .cnright{ position: relative; padding-bottom: 45.25%; }
.contact .cnright iframe{ height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; }
/*footer*/
#footer { background: url(../images/common/footerbg.jpg) no-repeat center top; }
#footer h5{ color: #fff; font-size: 20px; font-weight: 700; line-height: 120%; margin: 0 auto 20px; }
#footer p{ margin: 0; }
.ftop{ border-bottom: 1px solid rgba(255,255,255,.25); padding: 60px 0; }
.ftop ul{ display: block; list-style: none; margin: 0; padding: 0; }
.ftop li, .ftop a, .ftop p{ color: #fff; font-size: 15px; line-height: 220%; margin: 0; }
.ftCopy{ padding: 30px 0 20px; }
.ftCopy p { color: #fff; font-size: 13px; letter-spacing: 2px; line-height: 140%; text-align: center;}
#footer .socials{ margin-top: 20px; }

/*inner pages*/
.inner #content {padding: 60px 0; }
.inner #content h1 { margin-bottom: 50px; text-align: center;}
.inner #content p{ margin: 20px auto; }
.inner .bnImg img {max-height: 250px; min-height: 250px; height: 20.83vw;}
.inner .bnBox {display: none;}
.inner .ctc-form{ text-align: center; }
.inner .ctc-form button{ margin-left: auto; margin-right: auto; }

/* Services page */
.services-page .col{ width: 33%; }
.services-page .box{ box-sizing: border-box; background: #C40200; color: #fff; max-width: 400px; margin: 30px auto; padding: 20px; width: 100%; }
.services-page .box .box-inner{ border: 1px dashed #fff; box-sizing: border-box; padding: 20px; }
.services-page .box h3, .services-page .box span, .services-page .box p{ color: #fff !important; }
.services-page .box h3{ margin: 0; }
.services-page .box h3 small{ display: block; font-size: 16px; letter-spacing: 5px; }
.services-page .box p{ margin-bottom: 0 !important; }


/* Employment page */
.employment-page article{ text-align: center; }
.employment-page article ul{ display: inline-block; text-align: left; }

/* Contact Page */
.contact-page .col2{ width: 48%; }
/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto;}
.inPrivacyBox p {text-align: justify!important;}


/** Responsive
-------------------------------------------------------*/
@media screen and (max-width: 1600px){
  .row{ box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
  #header nav ul li{ margin-right: 40px; }
  .abt2{ right: 25px; }
  #content .contact h2{ margin-bottom: 30px; }
  .contact .cnleft{ padding-top: 30px; padding-bottom: 50px; }
}
@media screen and (max-width: 1440px){
  .hdLogo{ width: 35%; }
  #header nav ul li{ margin-right: 30px; }
  .hdPhone a:before { margin-right: 10px; }
  .bnBox{ bottom: 20%; }
  #content .ctleft{ width: 50%; }
  .abt2{ right: -25px; width: 70%; }
  #content h1 small{ font-size: 20px; }
  .contact .cnleft{ padding: 40px 10px; }
}
@media screen and (max-width: 1200px){
  #header nav ul li{ margin-right: 20px; }
  #header nav ul li a, .hdPhone a{ font-size: 16px; }
  .bnBox h2{ font-size: 30px; }
  .bnBox h2 small{ letter-spacing: 3px; }
  .bnBox h2 .big{ font-size: 70px; }
  .bnBox p{ font-size: 18px; max-width: 520px;}
  .content-top{ padding: 30px 0; }
  .content-top dd, .services-page .col h3, .contact-page .col2 h3{ font-size: 25px; }
  #content h1, #content h2, .inner #content h1{ font-size: 40px; }
  #content h1 small{ font-size: 17px; }
  #content .content-area{ padding: 30px 0 100px; }
  #footer h5{ font-size: 18px; }
}
@media screen and (max-width: 1024px){
  #header nav ul li{ margin-right: 10px; }
  #header nav ul li a, .hdPhone a{ font-size: 15px; }
  #header nav ul li:hover a:after, #header nav ul li.active-menu a:after{ width: 44px; }
  .hdPhone a:before{ background-size: 70px; background-position: center left; height: 40px; width: 40px; }
  .bnBox h2{ font-size: 25px; }
  .bnBox h2 small{ font-size: 18px; letter-spacing: 1px; }
  .bnBox h2 .big{ font-size: 55px; }
  .bnBox p{ font-size: 16px; max-width: 470px; padding-left: 15px;}
  .content-top dd, .services-page .col h3{ font-size: 20px; margin: 10px auto 0;}
  .content-top dd a:after { background-size: 70px; background-position: bottom -5px right; height: 30px; width: 30px; margin: 10px auto 0; }
  #content p{ line-height: 150%; }
  #content h1, #content h2, .inner #content h1{ font-size: 35px; }
  #content h1 small{ font-size: 14px; }
  .ctc-form input:not([type="submit"]):not([type="checkbox"]), .ctc-form textarea{ height: 45px; }
  .ctc-form textarea{ height: 120px; }
  .ftop{ padding: 30px 0; }
  .ftlogo{ width: 28%; }
  #footer h5{ font-size: 16px; }

  .contact-page .col2 h3{ font-size: 20px; }
}

@media screen and (max-width: 800px){
  #header, .inner #header{ background: #333; padding: 10px 0; position: static; }
  #header .row{  padding: 0;}
  #header .hdNav{ order: 3; padding-right: 10px; width: 10%;}
  .hdLogo{ order: 1; padding-left: 10px; width: 60%;}
  .hdLogo img{ max-width: 315px; margin: 0; width: 100%; }
  .hdPhone{ order: 2; width: 30%; text-align: center;}
  #header nav {display:block; height: auto; width: 100%;}
  #header nav ul { background: #333; width: 100%; display: none; position: absolute; left: 0; right: 0; top: 80px; z-index: 999;}
  #header nav ul li {width: 100%; position: relative; }
  #header nav ul li a { box-sizing: border-box; display: block; padding: 10px 20px; }
  #header nav ul li:hover a:after, #header nav ul li.active-menu a:after{ display: none; }
  #header nav ul li:hover a, #header nav ul li.active-menu a{ background: #C40200; }
  #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; 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; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

  .bnBox{ background: #000; padding: 30px 0; position: static; }
  .bnBox h2{ font-size: 20px; margin: 0 0 10px; }
  .bnBox h2 small{ font-size: 16px; }
  .bnBox h2 .big{ font-size: 40px; }
  .bnBox p{ font-size: 15px; max-width: 100%; margin: 10px auto 20px; }
  .bnBox { text-align: center; }
  .bnImg img { height: auto !important; min-height: auto !important; }

  #main{ padding-top: 0 !important; }
  .content-top dd, .services-page .col h3{ font-size: 18px; }

  #content .ctright, #content .ctleft, .contact .cnleft, .contact .cnright{ width: 100%; }
  #content .ctright{ order: 1; margin-bottom: 30px; }
  .abt2{ bottom: 0; right: 0; width: 50%; }
  #content h1 small{ font-size: 18px; line-height: 120%; }
  #content p{ margin-bottom: 20px; }
  #content .content-area{ padding: 30px 0; }
  #content .ctleft{ text-align: center; }
  .contact .cnleft{ padding: 30px 10px; }
  .contact .cnright{ padding-bottom: 56.25%; }
  #footer{ background-size: cover; }
  .ftlogo { margin: 0 auto 20px; width: 100%; text-align: center; }
  .btn, .ctc-form button{ font-size: 14px; letter-spacing: 1px; padding: 14px; }
  .ctc-form{ text-align: center; }
  .ctc-form button{ margin-left: auto; margin-right: auto; }

  .contact-page .col2{ margin: 0 auto 15px; width: 100%; text-align: center;}
  .services-page .col{ width: 32%; }
  .services-page .col ul{ padding-left: 20px; }
  .services-page .col ul li{ font-size: 14px; line-height: 1.4; }

  .inner #content{ padding: 30px 0; }
  .inner #content h1{ margin-bottom: 30px; }
}
@media screen and (max-width: 600px){
  .hdLogo{ width: 55%; }
  .hdPhone a:before{ background-size: 40px; background-position: center left; height: 22px; width: 22px; margin-right: 5px; }
  .hdPhone a{ font-size: 14px; }

  #banner .slick-dots{ bottom: 10px; }
  .content-top dd{ font-size: 15px; }
  #footer h5{ margin: 0 auto 10px; }
  .ftop{ padding-bottom: 0; }
  .ftop div{ margin-bottom: 20px; text-align: center;}
  .ftop div.svc-list, .ftop div.links{ flex: 0 0 50%; }
  .ftop div.ctinfo{ flex: 0 0 100%; }
  .ftop div.svc-list{ box-sizing: border-box; padding: 0 10px; }
  .ftop li, .ftop a, .ftop p{ line-height: 180%; }
  .ftCopy{ padding: 20px 0; }

  .services-page .col{ margin: 0 auto 15px; width: 100%; text-align: center;}
  .services-page .col ul{ display: inline-block; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; max-width: 534px; margin: 15px auto 0; padding-left: 20px; text-align: left; }

}
@media screen and (max-width: 480px){
  #header .hdNav{ width: 15%;}
  .hdLogo{ width: 47%;}
  .hdPhone{ width: 35%;}
  .hdPhone a{ font-size: 12px; }
  .hdPhone a:before{ background-size: 30px; background-position: center left; height: 18px; width: 18px; margin-right: 5px; }
  #header nav ul{ top: auto; }
  .content-top dl{ margin: 0 auto 15px; width: 100%; }
  .content-top dd{ font-size: 18px; }
  .ftop li, .ftop a, .ftop p{ font-size: 14px; }
  .ftCopy p{ letter-spacing: 1px; }

  .services-page .col ul{ column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
}