* { 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;}
p {margin-bottom: 30px;}
p, li {font-size: 18px; padding: 0; margin-top: 0; line-height: 1.8;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; padding:0; margin-top: 0; line-height: 1; margin-bottom: 30px; font-family: 'Rajdhani', sans-serif;}
h1,h2 {font-size: 80px;}
h3 {font-size: 64px;}
h4 {font-size: 50px;}
h5 {font-size: 35px; font-weight: 700;}
h6 {font-size: 16px; font-weight: 700;}
.dwn {display: block;}
.row {max-width: 1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}

.cnIcon {padding-left: 35px; position: relative;}
.cnIcon:before {font-family: "FontAwesome", sans-serif; color: #E3241C; width: 25px; height: 25px; left: 0; top: 0; position: absolute; text-align: center;}
.cnAddress:before {content: "\f041";}
.cnPhone:before {content: "\f095";}
.cnHour:before {content: "\f017";}
.cnEmail:before {content: "\f0e0";}

.red {color: #E3241C!important;}
.black {color: #111111!important;}
.iconCircle {width: 35px; height: 35px; line-height: 35px; background: #E3241C; border-radius: 50%; text-align: center;}

.social {font-size: 18px!important;}
.social a {margin: 0 10px;}
.social a i {color: #2C2C2C; transition: all ease 0.5s;}
.social a:first-of-type {margin-left: 0;}
.social a:last-of-type {margin-right: 0;}
.social a:hover i {color: #63C176; transform: rotate(360deg);}

.textCenter {text-align: center;}

/*button*/
.btn {font-family: 'Rajdhani', sans-serif; font-size: 16px; font-weight: 700; color: #fff!important; background: #E3241C; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #111111; 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;}
.btnBlack {background: #111111;}
.btnBlack:before {background: #E3241C;}

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

/*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;}

/*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: center;}
.ctc-form input:not([type="submit"]):not([type="checkbox"]),.ctc-form textarea {font-family: "Open Sans", sans-serif; height:45px;display: block;width: 100%; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 10px;}
.ctc-form textarea {height: 120px; padding-top:10px;}
.ctc-form button {display: block; font-family: "Rajdhani"; text-transform: uppercase; font-weight: 700; padding: 15px 40px; color: #fff; background: #E3241C; border-radius: 5px; border: none;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto 10px;}
.ctc-flex {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px;}
.ctc-two {width: calc(50% - 10px); margin: 0 5px;}
.ctc-hide {display: none;}

/*gallery*/
#content .gallery-container {text-align: center; max-width: 1100px; margin-left: auto; margin-right: auto;}
#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: #E3241C; 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 {position: absolute; padding: 0; width: 100%; z-index: 9999;}
#header nav a#pull {display: none}
#header nav ul {margin: 0;padding: 0}
#header nav ul li {display: inline-block;vertical-align: middle; margin: 0 30px; line-height: 1.2; position: relative;}
#header nav ul li:first-of-type {margin-left: 0;}
#header nav ul li:last-of-type {margin-right: 0;}
#header nav ul li a {font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 16px; color: #fff; position: relative; padding: 20px 0;}
#header nav ul li a:before {width: 100%; height: 0; background: #E3241C; position: absolute; content: ""; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all ease 0.5s;}
#header nav ul li.active-menu a:before, #header nav ul li a:hover:before {height: 5px;}
#header .row {display: flex; justify-content: space-between; align-items: center; max-width: 1820px; margin: 0 auto; padding-top: 10px;}
#header p {margin-bottom: 0;}
.hdLogo {max-width: 285px;}
.hdLogo img {width: 100%; display: block;}
.hdRight {display: flex; justify-content: flex-end; align-items: center;}
.hdRight * {color: #fff;}
.hdContact {margin-left: 50px;}
.hdPhone {font-weight: 700;}

/*banner*/
#banner, .bnImg {position: relative; height: 100vh; min-height: 600px; overflow: hidden;}
#banner .row {max-width: 100%; width: 100%!important; padding-left: 0; padding-right: 0;}
.bnSlider .slick-dots {bottom: 20px;}
.bnSlider .slick-dots li, .bnSlider .slick-dots li button, .bnSlider .slick-dots li button:before {width: 15px!important; height: 15px!important;}
.bnSlider .slick-dots li button {padding: 0!important;}
.bnSlider .slick-dots li button:before {font-size: 10px; color: #fff!important; line-height: 15px!important;}
.bnImg {position: relative;}
.bnImg:before {width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.6),rgba(0,0,0,0.1)); position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.bnImg img {width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: block; object-fit: cover; object-position: center center;}
.bnBox {position: absolute; bottom: 14%; max-width: 1600px; margin: 0 auto; left: 0; right: 0; text-align: center; padding-left: 15px; padding-right: 15px; z-index: 10;}
.bnBox * {color: #fff;}
.bnBox h2 {text-shadow: 0 0 10px #111;}
.bnBoxContent {max-width: 530px; margin-right: auto; text-align: left;}
.bnBtn .btn {margin: 0 20px 20px 0;}

/*content*/
.cnHome {background: url("../images/content/abtBg.jpg")no-repeat center center; background-size: cover; padding: 80px 0;}
.cnRow .row {display: flex; justify-content: space-between; align-items: center;}
.cnFullRow .row {max-width: 100%; padding: 0;}
.cnSmallBox {max-width: 940px; margin-left: auto; margin-right: auto;}
.cnBoxContent {background: rgba(255,255,255,0.8); max-width: 1000px; margin-left: auto; margin-right: 0; padding: 20px; min-height: 670px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.cnBoxContentRow {max-width: 760px; margin: 0 auto;}
.cnMinRemove {min-height: 0!important;}
.cnTitle {position: relative; padding-bottom: 20px;}
.cnTitle:before {width: 120px; height: 5px; background: #E3241C; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; content: "";}

/*motto*/
#motto {padding: 80px 0; background: #fff; text-align: center;}

/*service*/
.srvRow {display: flex; justify-content: space-between; align-items: stretch;}
.srvRowReverse {flex-direction: row-reverse;}
.srvImg, .srvDesc {width: 50%;}
.srvImg img {width: 100%; height: 100%; min-height: 650px; object-fit: cover; display: block;}
.srvImg img:hover {filter: brightness(80%);}
.srvDesc {display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.srvDescBox {max-width: 680px;}

/*install*/
#install {background: url("../images/content/installBg.jpg")no-repeat center center; background-size: cover; padding: 80px 0;}
#install .cnBoxContent {margin-left: 0; margin-right: auto;}

/*promo*/
#promo {padding-top: 100px;}
.promoBox {background: url("../images/content/promoBg.jpg")no-repeat center center; background-size: cover; padding: 20px 80px; margin-bottom: -150px; position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; z-index: 1;}
.promoBox:before {width: 45%; height: 100%; background: url("../images/content/promoOver.png")no-repeat; background-size: 100% 100%; position: absolute; content: ""; top: 0; right: 0; z-index: -1;}
.promoBox * {color: #fff;}
.promoBox h2, .promoBox h5, .promoBox h4 {margin-bottom: 0;}
.promoBox h5 {font-weight: 400;}
.promoBox .btn {margin-top: 30px;}
.promoBoxLeft {width: 60%;}
.promoBoxRight {width: 40%; margin-top: -50px;}
.promoBoxRight img {width: 100%; max-width: 438px; display: block; margin: 0 auto;}

/*testimonial*/
#testimonial {background: url("../images/content/testiBg.jpg")no-repeat center center; background-size: cover; padding: 260px 0 100px; text-align: center;}
#testimonial .btn {margin-top: 50px;}
.testiStar {font-size: 20px; letter-spacing: 5px; margin-bottom: 10px; line-height: 1.2;}
.testiName {font-size: 25px;}

/*footer*/
#footer {background: #fff; border-top: 1px solid #ddd;}
.ftTop {padding: 60px 0;}
.ftTop .row {display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftAbout {width: 35%;}
.ftAbout img {width: 80%; max-width: 345px; display: block; margin-bottom: 30px;}
.ftAbout p {max-width: 420px;}
.ftNav {width: 20%;}
.ftNav ul {list-style: none; padding: 0; margin: 0;}
.ftNav ul li {margin-bottom: 20px; line-height: 1.2;}
.ftNav ul li a:hover, .ftContact a:hover {color: #E3241C;}
.ftContact {width: 25%;}
.ftContact p {line-height: 1.2; margin-bottom: 20px;}
.ftBot {padding: 25px 0; border-top: 1px solid #ddd;}
.ftCopy p {text-align: center; line-height: 1.2; margin-bottom: 0;}

/*inner pages*/
.inner #content {min-height: 600px; padding: 40px 0}
.inner #content h1.pageTitle {text-transform: uppercase; text-align: center;}
.inner #banner, .inner .bnImg {max-height: 400px; min-height: 200px; height: 20.83vw;}
.inner .bnBox {display: none;}

.inConMap .row {max-width: 100%; padding-left: 0; padding-right: 0; display: flex;}
.inConMap iframe {border: none; display: block; height: 500px!important; width: 100%!important;}
.inMapLeft, .inMapRight {width: 50%;}

.inTestiRow {text-align: left; padding: 30px; background: #fff; border: 1px solid #ddd; border-left: 5px solid #E3241C; margin-bottom: 30px;}
.inTestiRow .testiName {margin-bottom: 0!important;}

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


/** Responsive
-------------------------------------------------------*/
@media screen and (max-width: 1440px){
  h1,h2 {font-size: 70px;}
  h3 {font-size: 58px;}
  h4 {font-size: 46px;}
  h5 {font-size: 32px;}

  #header nav ul li {margin: 0 20px;}

  .promoBox {padding: 20px;}

  .ftNav {width: 15%;}
  .ftContact {width: 35%;}
}

@media screen and (max-width: 1200px){
  h1,h2 {font-size: 62px;}
  h3 {font-size: 50px;}
  h4 {font-size: 42px;}
  h5 {font-size: 30px;}

  #header nav ul li {margin: 0 10px;}
  .hdLogo {max-width: 240px;} 
}

@media screen and (max-width: 1024px){
  h1,h2 {font-size: 54px;}
  h3 {font-size: 44px;}
  h4 {font-size: 38px;}
  h5 {font-size: 28px;}
  p, li {font-size: 16px;}

  body {min-width: 320px}
  .cta{background: #E3241C url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #013f9a ;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}
  
  #header {padding: 10px; position: fixed; top: 0; z-index: 100; background: rgba(0,0,0,0.8); box-sizing: border-box;}
  #header .row {width: 100%; box-sizing: border-box; padding: 0;}
  #header nav {display:block; height: auto; width: 100%;}
  #header nav ul { width: 100%; display: none; height: auto; padding: 20px 0 0;}
  #header nav ul li { width: 100%;position: relative; margin: 0 0 10px;}
  #header nav ul li:last-of-type {margin-bottom: 0;}
  #header nav ul li.active-menu a, #header nav ul li a:hover {background: #E3241C;}
  #header nav ul li a { display: block; float:none; padding: 10px;}
  #header nav ul li a:before {display: none;}
  #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: flex; justify-content: space-between; align-items: center; color: #fff; width: 100%; max-width: 100%; position: relative;}
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; background-size: 100% 100%; width: 30px; height: 30px; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
  .hdRight, .hdNav {width: 100%;}
  .hdLogo, .hdContact {display: none;}
  .hdMobileLogo {max-width: 100px;}

  .bnBoxContent {max-width: 100%; text-align: center;}
  .bnBtn .btn {margin: 5px;}

  .cnHome, #install {padding: 50px 0;}
  .cnBoxContent {min-height: 480px;}
  .cnBoxContentRow {text-align: center;}

  #promo {padding-top: 60px;}

  #testimonial {padding: 230px 0 60px;}

  .ftTop {padding: 30px 0;}
  .ftAbout {width: 100%; text-align: center; margin-bottom: 30px;}
  .ftAbout img {margin: 0 auto 15px;}
  .ftAbout p {max-width: 100%;}
  .ftNav {width: 25%;}
  .ftContact {width: 50%;}

  .inConMap iframe {height: 360px!important;}
}

@media screen and (max-width: 800px){
  h1,h2 {font-size: 46px;}
  h3 {font-size: 38px;}
  h4 {font-size: 32px;}
  h5 {font-size: 25px;}

  .btn {padding: 10px 30px;}
  
  #motto {padding: 50px 0;}

  .cnBoxContent {padding: 15px;}

  .srvRow {flex-direction: column; margin-bottom: 30px;}
  .srvImg, .srvDesc {width: 100%; text-align: center;}
  .srvImg img {min-height: 280px;}

  .promoBox {padding: 40px 15px 15px;}
  .promoBox:before {height: 45%; width: 100%; bottom: 0; top: auto;}
  .promoBoxLeft {width: 100%; text-align: center; margin-bottom: 30px;}
  .promoBoxRight {width: 100%; margin-top: 0; text-align: center;}
  .promoBoxRight img {max-width: 260px; width: 80%;}

  #testimonial {padding: 200px 0 30px;}
  #testimonial .btn {margin-top: 30px;}

  .ftNav {width: 20%;}
  .ftContact {width: 60%;}

  .inConMap iframe {height: 300px!important;}
}

@media screen and (max-width: 600px){
  h1,h2 {font-size: 42px;}
  h3 {font-size: 34px;}
  h4 {font-size: 28px;}
  h5 {font-size: 22px;}
  h6 {font-size: 15px;}
  p, li {line-height: 1.6;}

  .ctc-flex {margin: 0;}
  .ctc-two {width: 100%; margin: 0;}

  .ftTop h6 {margin-bottom: 15px;}
  .ftNav {width: 50%; margin-bottom: 30px; text-align: center;}
  .ftNav ul li {margin-bottom: 10px;}
  .ftContact {width: 100%; text-align: center;}
  .ftContact .cnIcon {padding-left: 0; padding-top: 20px;}
  .ftContact .cnIcon:before {top: 0; left: 0; right: 0; margin: 0 auto;}

  .inTestiRow {border: 1px solid #ddd; border-top: 5px solid #E3241C; text-align: center; padding: 20px;}
}

@media screen and (max-width: 480px){
  h1,h2 {font-size: 38px;}
  h3 {font-size: 30px;}
  h4 {font-size: 26px;}
  h5 {font-size: 20px;}
  h6 {font-size: 14px;}

  #motto {padding: 30px 0;}
  .cnHome, #install {padding: 30px 0;}

  .inConMap iframe {height: 260px!important;}
}