@font-face{font-family: "socialico"; src: url("fonts/socialico-webfont.woff.woff2") format("woff2"), url("fonts/socialico-webfont.woff.woff") format("woff");}
@font-face {
  font-family: 'Formula1 Display';
  src: url('fonts/Formula1-Display-Regular.woff2') format('woff2'),
      url('fonts/Formula1-Display-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Formula1 Display';
  src: url('fonts/Formula1-Display-Bold.woff2') format('woff2'),
      url('fonts/Formula1-Display-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Formula1 Display Wide';
  src: url('fonts/Formula1-Display-Wide.woff2') format('woff2'),
      url('fonts/Formula1-Display-Wide.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
* {box-sizing: border-box;}
html{overflow-x: hidden;}
body {max-width: 100%;min-width: 1200px;margin: 0 auto;text-align: left; color: #FFF; font-size: 18px; overflow-x: hidden; font-family: 'Poppins', sans-serif; background: #000;}
a {color:inherit;text-decoration: none; transition: all ease-out 0.3s;}
a.email{word-break: break-all;}
a:hover {text-decoration: none; color: #FF2626;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0 0 20px; line-height: 120%; color: #FF2626; font-family: 'Formula1 Display'; font-weight: 500; letter-spacing: 1px;}
h1{font-size: 44px;}
h2{font-size: 44px;}
h3{font-size: 35px;}  
h4{font-size: 31px;}
h5{font-size: 27px;}
h6{font-size: 18px;}
ul{padding-left: 25px; margin-top: 0;}
p{margin: 0 0 20px;}
.row {max-width: 1620px;margin: 0 auto; padding: 0 10px; width: 100%;}

/*button*/
.btn{width: 221px; height: 50px; border: 0; font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 700; color:#FFF; padding: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;align-items: center; line-height: 1; transition: all ease 0.3s; text-align: center; column-gap: 10px; background: url('../images/common/btn.png') center center no-repeat; border-radius: 50px; font-weight: 500; border: 0;}
.btn:hover{color: #FFF;}

/*image*/
img{display: block; max-width: 100%;}
.img-responsive{width: 100%;}

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

.d-flex{display: flex; gap: 20px;}
.a-center{align-items: center;}
.a-start{align-items: flex-start;}
.a-end{align-items: flex-end;}
.j-between{justify-content: space-between;}
.j-center{justify-content: center;}

.service-img{max-width: 50%;}

.half{width: calc(100% / 2);}
.thirds{width: calc(100% / 3);}

/*typography*/
.text-primary{ color: #FF2626; }
.text-bold{ font-weight: 700; }
.text-uppercase{ text-transform: uppercase }
.text-center{ text-align: center !important; }
.text-left{ text-align: left; }
.text-right{ text-align: 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-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:10px auto 0;}

/*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 img{height: 225px; width: 225px; object-fit: cover;}
#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: url('../images/common/hd-bg.png') center center no-repeat; min-height: 1267px; background-size: cover; position: relative;}
#header .row{max-width: 100%; padding: 0;}
#header .content{display: flex; justify-content: space-between;}
#header .more{width: 1226px; max-width: 100%;}
#header .txt{width: 730px; max-width: 100%; margin: 0 0 0 auto; margin-right: 70px;}
#header .txt h4{color: #F0F0F0; margin: 0}
#header .txt h2{margin-bottom: 10px;}
#header .txt p{font-size: 20px; margin-bottom: 30px;}
#header .info{background: url('../images/common/nav-bg.png') left center no-repeat; min-height: 73px; background-size: cover; gap: 10px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 70px;}
#header .phone{display: flex; align-items: center; justify-content: space-between; gap: 5px; font-family: 'Formula1 Display'; font-size: 14px;}
#header .phone a{font-weight: 500; font-size: 18px;}
#header .social{display: flex; justify-content: space-between; width: 140px; list-style: none; padding: 0; margin: 35px 0 60px auto; margin-right: 45px;}
#header .logo{margin: 40px 0 0 85px;}
#header nav a#pull {display: none;}
#header nav ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 690px; max-width: 100%;}
#header nav ul li a{font-size: 14px; text-align: center; color: #FFF; font-weight: 400; font-family: 'Formula1 Display'; display: block; text-transform: uppercase; letter-spacing: 1px;}
#header nav ul li a:hover, #header nav ul li.active-menu a{color: #FFF;}

/*banner*/

/*content*/
#welcome{background: url('../images/common/wc-bg.png') center center no-repeat; min-height: 1422px; background-size: cover; margin-top: -440px; padding-top: 440px;}
#welcome .content{max-width: 1560px;}
#welcome .txt{width: 890px; max-width: 100%; margin: 0 0 0 auto;}
#welcome .txt h1{margin: 0;}
#welcome .txt p:first-of-type{font-size: 22px; width: 860px;}
#welcome .txt p strong{color: #FF2626;}
#welcome .txt p:last-of-type{line-height: 30px; margin-bottom: 40px;}
#welcome .imgs{width: 1220px; max-width: 100%; display: flex; align-items: center; gap: 10px; justify-content: space-between; margin: 36px 0 0 auto;}

#services{background: url('../images/common/sv-bg.png') center center no-repeat; background-size: cover; min-height: 1408px; text-align: center; display: flex; align-items: center; position: relative; padding-top: 200px; margin-top: -173px;}
#services .row{max-width: 1560px;}
#services .content{margin-bottom: 110px;}
#services img{margin: 0 auto;}
#services .item{position: relative;}
#services h3{font-weight: 400; letter-spacing: 0.2em; margin-bottom: 70px;}
#services h4{font-weight: 500; background: url('../images/common/sv-tt.png') center center no-repeat; background-size: cover; min-height: 93px; width: 349px; display: flex; align-items: center; padding: 10px 10px 10px 60px; position: absolute; right: 0; top: 0;}
#services .content{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#services .item a{position: absolute; bottom: 0; left: 0;}
#services .sv-img{margin-bottom: -205px;}


.services .row{max-width: 1560px !important;}
.services img{margin: 0 auto;}
.services .item{position: relative;}
.services h3{font-weight: 400; letter-spacing: 0.2em; margin-bottom: 70px;}
.services h4{font-weight: 500; background: url('../images/common/sv-tt.png') center center no-repeat; background-size: cover; min-height: 93px; width: 349px; display: flex; align-items: center; padding: 10px 10px 10px 60px; position: absolute; right: 0; top: 0;}
.services .content{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.services .item a{position: absolute; bottom: 0; left: 0;}
.services .sv-img{margin-bottom: -205px;}

#about{background: url('../images/common/ab-bg.png') center left no-repeat; min-height: 1347px; padding-top: 420px; margin-bottom: -445px;}
#about .txt{width: 790px; max-width: 100%; margin: 0 0 0 auto;}
#about .txt h4{margin-bottom: 10px; color: #F0F0F0;}
#about .txt p{font-size: 17px; line-height: 30px;}
#about .txt p:last-of-type{margin-bottom: 50px;}

#gallery{background: url('../images/common/g-bg.png') center center no-repeat; min-height: 1408px; padding-top: 210px;}
#gallery .row{max-width: 1707px;}
#gallery h2{text-align: center; margin-bottom: 50px;}
#gallery img{margin: 0 auto;}
#gallery .img{position: relative;}
#gallery .g-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#testimonials{background: url('../images/common/tt-bg.png') bottom right no-repeat; min-height: 1280px; margin-bottom: -375px; padding-top: 385px;}
#testimonials .content{display: flex; gap: 10px; justify-content: space-between; margin-top: -270px;}
#testimonials .txt{width: 700px; max-width: 100%;}
#testimonials .txt .top{display: flex; gap: 20px; justify-content: space-between; margin-bottom: 75px; width: max-content; align-items: center; margin-top: -20px;}
#testimonials .txt h3{margin: 0; color: #F0F0F0;}
#testimonials .txt h2{margin: 0;}
#testimonials .txt p{font-family: 'Formula1 Display'; line-height: 30px; font-size: 16px;}
#testimonials .txt p:last-of-type{font-size: 19px; margin-bottom: 40px;}
#testimonials .txt p:first-of-type{margin-top: 20px;}

/*form*/
.ctc-form {margin: 0 auto;text-align: center; font-family: 'Poppins', sans-serif;}
.ctc-form input[type="text"], .ctc-form textarea {border: 0; border-radius: 0; font-size: 16px;height: 60px;display: block;width: 100%;padding: 10px 20px;box-sizing: border-box;margin: 0 auto 10px; font-weight: 400; background: transparent; background: #DDDDDD; font-family: 'Poppins', sans-serif; color: #000;}
.ctc-form textarea {height: 150px;padding-top:10px; width: 100%;}
.ctc-form ::placeholder{color: #444;}
.ctc-form label{font-size: 15px;}
.ctc-form .flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; column-gap: 10px; align-items: center; justify-content: space-between;}
.ctc-form .flex label{width: 100%;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha {padding: 0;}
.ctc-form .g-recaptcha div {line-height: 0;  margin: 0 auto;}
.ctc-form .ctc-hide {display: none;}
.ctc-form .cap{margin-bottom: 10px;}
.ctc-form .consent{margin-bottom: 10px;}
.mobile{display: none;}

/*footer*/
#footer{background: url('../images/common/ft-bg.png') center center no-repeat; background-size: cover; min-height: 1483px; margin-bottom: 35px;}
#footer .row{max-width: 1520px;}
#footer .form{background: url('../images/common/ct-bg.png') center center no-repeat; background-size: cover; width: 1504px; max-width: 100%; min-height: 652px; margin: -75px auto 75px; display: flex; justify-content: center; align-items: center; padding: 10px;}
#footer .form .in{width: 1360px;}
#footer .form h2{margin: 0 0 10px; text-align: center; color: #FF2626;}
#footer .form p{margin: 0 auto 20px; text-align: center; color: #FFF; line-height: 145%; font-size: 16px; max-width: 770px;}
#footer .form .consent{text-align: left; font-size: 14px; color: #FFF; margin: 0;}
#footer .form .btn{margin: 0;}
#footer .content{display: flex; justify-content: space-between; margin-bottom: 210px; align-items: center;}
#footer .content .info{width: 600px; max-width: 100%;}
#footer .info .item{font-family: 'Formula1 Display'; font-weight: 400; font-size: 20px; color: #FFF; margin-bottom: 40px;}
#footer .info .item:nth-of-type(1){font-size: 27px;}
#footer .info .item:nth-of-type(3){line-height: 150%; max-width: 290px; margin-bottom: 0;}
#footer .social{display: flex; justify-content: space-between; width: 220px; list-style: none; padding: 0; margin-bottom: 50px;}
#footer .bot{display: flex; justify-content: space-between; align-items: flex-end;}
#footer .b2t{width: 350px; display: flex; justify-content: flex-end; margin-bottom: 100px;}
#footer .copy{font-family: 'Poppins'; font-weight: 400; font-size: 14px; line-height: 120%; color: #FFF; text-align: center; letter-spacing: 0.06em;}
#footer .copy img{vertical-align: middle; display: inline-block; max-width: 40px; min-height: 29px; margin-left: 5px;}
#footer .ctc-form{margin-top: -20px;}
#footer .payment-methods .flex {display: flex; align-items: center; gap: 7px;}
#footer .payment-methods img {max-width: 32px;}
#footer .block {display: block;}

/*inner pages*/
/* .inner .services#content .row{max-width:1760px;}
.inner .services .content{display: flex; align-items: center; justify-content: space-between; text-align: center;}
.inner .services .content .item{width: 560px; max-width: 100%; text-align: center;}
.inner .services .content .item .in{width: 485px; min-height: 525px; background: #FFF; padding: 350px 20px 20px; margin: 0 auto;}
.inner .services .content img{margin: 0 auto -335px;}
.inner .services .content h5{font-weight: 600;}
.inner .services .content p{font-size: 20px; color: #333; line-height: 160%; margin: 0 auto; max-width: 340px; text-align: center !important;}
.inner .services .content a{color: #31CCD6; display: block; font-weight: 500; font-size: 16px; display: block; width: max-content; margin: 10px auto 0; text-decoration: underline;} */

.inner .services .content2 .top {display: flex; justify-content: space-between; gap: 20px; margin: 60px 0;}
.inner .services .content2 .package-con {display: flex; justify-content: space-around;}
.inner #content .packages h2, .inner #content .packages p {text-align: center;}
.inner .services .packages p {font-size: 30px; margin-top: -17px;}
.inner .services .package-con p, .services .other-services p {font-size: 18px; font-weight: 700;}
.services .other-services { width: 100%; max-width: 400px; margin: 20px auto; text-align: center; }
.services .other-services .flex { display: inline-flex; }
.services .other-services img {width: 100%; max-width: 50px;}
.inner #content {min-height: 300px;padding: 40px 0 120px; position: relative; z-index: 3;}
.inner #content .row{max-width:1220px;margin:0 auto;}
.inner #content ul li{text-align: left;}
.inner #content h1{padding: 0;margin: 0 0 20px;line-height: 120%; color: #FF2626; text-align: center;}
.inner #content h2{padding: 0;margin: 0 0 20px;line-height: 120%; color: #FF2626; text-align: left; text-transform: initial;}
.inner #content h3{padding: 0;margin: 0 0 20px;line-height: 120%; color: #FF2626; text-align: left;}
.inner #content p{text-align: left;}
.inner .test .item{border-radius: 15px; background: #FFF; padding: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: left;}
.inner .test .item:not(:last-of-type){margin-bottom: 20px;}
.inner .test h2{margin-bottom: 40px; color: #FF2626;}
.inner .test span{display: flex; align-items: flex-start; column-gap: 5px; margin-bottom: 10px; font-weight: 600; font-size: 18px;}
.inner .test small{color: #FFDB58; font-weight: 700; font-size: 20px; line-height: 1;}
.inner .test p{font-style: italic; line-height: 32px; letter-spacing: 0.03em; color: #333;}
.inner .test strong{color: #333;}
.inner .flex{display: flex; align-items: center; gap: 10px;}
.inner .flex .txt{width: 800px;}
.inner .flex .img{width: 100%;}
.inner .flex h6{margin: 0;}
.inner .imgs{display: flex;flex-wrap: wrap;gap: 20px;}
.inner .imgs img{height: 285px; width: 285px; object-fit: cover;}
.inner .imgs .after{position: relative;}
.inner .imgs .after:after{position: absolute; content: 'After'; bottom: 10px; left: 0; right: 0; font-size: 20px; color: #FFF; text-align: center; font-family: 'Poppins', sans-serif;  text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.inner .imgs .before{position: relative;}
.inner .imgs .before:after{position: absolute; content: 'Before'; bottom: 10px; left: 0; right: 0; font-size: 20px; color: #FFF; text-align: center; font-family: 'Poppins', sans-serif; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.inner blockquote strong{display: block; text-align: right;}

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto 20px;}
.inPrivacyBox p {text-align: justify!important;}
/* form label{display: none;} */
.ctc-form label{font-size: 0;}


/** Responsive
-------------------------------------------------------*/

/*@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 1199px){
 body {min-width: 320px;}
  h1,h2,h3,h4,h5,h6{text-align: center !important; letter-spacing: initial !important; margin-bottom: 20px !important;}
  h1,h2{font-size: 35px !important;}
  h3{font-size: 30px !important;}
  h4{font-size: 25px !important;}
  h1 span,h2 span{letter-spacing: initial !important;}
  h1 small,h2 small{letter-spacing: initial !important;}
  p{letter-spacing: initial !important; margin-bottom: 20px !important;}
  li{font-size: 20px;}
  a{word-break: break-word;}
  .desktop{display: none;}
  .mobile{display: block; margin-left: auto; margin-right: auto;}
  .ctc-form .flex{flex-wrap: wrap;}
  .inner #content h1{font-size: 35px !important;}
  .inner #content h2{font-size: 30px !important;}
  .inner #content h3{font-size: 25px !important;}
  .inner #content h4{font-size: 20px !important;}
  .inner #content h5{font-size: 18px !important;}
  .inner #content h6{font-size: 16px !important;}
  .inner #content{padding: 20px 0;}
  .btns{justify-content: center !important;}
  .btn{max-width: 100%; margin: 0 auto;}
  #header {padding: 40px 0 0; position: relative; z-index: 2;}
  #header nav {display: block;height: auto;position: fixed;width: 100%;top: 0;box-shadow: 0 0 5px rgb(0 0 0 / 70%); left: 0;}
  #header nav ul {  display: none; height: auto;border-bottom:5px solid #FF2626; padding: 10px; margin: 0; width: 100%; border-radius: 0; background: #202020;}
  #header nav ul li { width: 100%;position: relative; }
  #header nav ul li a {float:none; padding: 10px 20px; border-radius: 0; width: 100%; display: block; color: #FFF; font-size: 18px; padding: 0; height: auto; line-height: 180%; text-align: left;}
  #header ul li:hover a, #header ul li.active-menu a{background: none; color: #FF2626;}
  #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: #FF2626; height: 40px;padding: 10px 15px; width: 100%; position: relative; font-size: 20px;}
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
  .btns{flex-wrap: wrap; gap: 10px;}
  .cta{box-shadow: 0 0 5px #000; background: #FF2626  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;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;}
  #welcome .imgs, #footer .bot, .content{flex-direction: column; justify-content: center; align-items: center;}
  #about .txt{width: 100%;}
  #services, #testimonials, #welcome, #about, #gallery{min-height: 1px; padding: 20px 0; margin: 0;}
  #testimonials .txt .top{flex-direction: column; margin: 0 auto 20px;}
  #footer{padding: 20px 0;}
  #footer .content{margin-bottom: 20px;}
  #footer .b2t{justify-content: center; margin-bottom: 20px;}
  #footer .social{margin: 0 auto 20px;}
  #footer .info .item:nth-of-type(3){margin: 0 auto;}
  #footer .content .info{margin-top: 20px;text-align: center;}
  #footer{min-height: 1px; margin: 0;}
  #footer .form{margin: 0 auto 20px;}
  #services .sv-img{margin: 0 auto;}
  #header .phone{display: none;}
  #header .social{margin: 20px auto;}
  #header .info{padding: 0; min-height: initial;}
  #header .txt{padding: 0 10px;}
  #header{min-height: 1px;}
  #welcome .txt{width: 100%;}
  #services .content{margin-bottom: 20px;}
} */