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

.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}
html.suspended {background: rgba(0,0,0,0.6); overflow-x: hidden;}
* {box-sizing: border-box;}
/*html{overflow-x: hidden;}*/
body {max-width: 100%;min-width: 1200px;margin: 0 auto; color: #333; font-size: 16px; overflow-x: hidden; font-family: 'Poppins', sans-serif; }
a {color:inherit;text-decoration: none; transition: all ease-out 0.3s; word-break: break-all;}
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0 0 20px; line-height: 120%; font-weight: 400; background: -webkit-linear-gradient(#FEEFAD, #FEA601, #FFA200); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Babylon5';} 
h2 span{color: #1F1F2D;}
h1{font-size: 53px;}
h2{font-size: 53px;}
h3{font-size: 48px;}  
h4{font-size: 40px;}
h5{font-size: 26px;}
h6{font-size: 18px;}
ul{padding-left: 25px; margin-top: 0;}
p{margin: 0 0 20px; line-height: 120%; font-weight: 500;}
.row{max-width: 1420px;margin: 0 auto; padding: 0 10px; width: 100%;}

/*button*/
.btn{display: flex; min-width: 205px; min-height: 60px; border: 0; font-weight: 500; font-size: 15px; color: #FFF; transition: all ease 0.3s; align-items: center; justify-content: center; column-gap: 10px; background: -webkit-linear-gradient(#FEEFAD, #FEA601, #FFA200); padding: 10px 30px; border-radius: 60px; font-family: 'Montserrat', sans-serif; max-width: max-content; text-transform: uppercase; letter-spacing: 0.2em;}
.btn:hover{background: -webkit-linear-gradient(#FFA200,#FEA601, #FEEFAD);}

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

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

.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; justify-content: space-between; row-gap: 20px; column-gap: 20px;}

/*typography*/
.text-primary{ color: #FFA200; }
.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: 0 auto;}
/*.home form [type="submit"]{margin: 0 auto;}*/

/*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; background-size: cover; min-height: 1041px; position: relative;}
#header .row{max-width: 1820px;}
#header .content{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;}
#header .txt{margin-top: 50px; color: #FFF; width: 395px; max-width: 100%;}
#header .more{width: 1371px; max-width: 100%;}
#header .txt p:first-of-type{font-size: 26px; letter-spacing: 0.03em; margin-bottom: 0; font-family: 'Barlow', sans-serif;}
#header .txt p:nth-of-type(2){font-size: 62px; margin-bottom: 0; font-family: 'Barlow', sans-serif;}
#header .txt p:last-of-type{font-size: 52px; margin-bottom: 30px; font-family: 'Barlow', sans-serif; font-weight: 700; background: -webkit-linear-gradient(#FEEFAD, #FEA601, #FFA200); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#header .info{display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 1000px; max-width: 100%; margin: 0 0 40px auto;}
#header .phone{display: flex; align-items: center; justify-content: space-between; gap: 15px; font-family: 'Barlow', sans-serif; font-weight: 800; font-size: 24px; color: #FFF;}
#header .logo img{margin: 0 auto 40px;}
#header .banner{margin-bottom: -90px;}
#header .btn{background: transparent; border: 1px solid #FFF;}
#header .btn:hover{background: #333; border: 1px solid #333; color: #FFF;}
#header nav{width: 760px; max-width: 100%; margin: 0 auto;}
#header nav a#pull {display: none;}
#header ul{list-style: none; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin: 0 auto;}
#header ul li a{font-size: 15px; font-weight: 500; color: #FFF; display: block; font-family: 'Barlow', sans-serif; letter-spacing: 0.03em; text-transform: uppercase; padding: 20px; border-top: 10px solid transparent;}
#header ul li:hover a, #header ul li.active-menu a{border-color: #FFA200;}

/*banner*/

/*content*/
#welcome{padding: 260px 0 40px; background: url('../images/common/wc-bg.jpg') center left no-repeat; min-height: 949px; margin-top: -50px;}
#welcome .content{width: 595px; max-width: 100%; margin: 0 0 0 auto;}
#welcome p{line-height: 188%; margin-bottom: 50px;}

#services{padding: 60px 0 40px; background: url('../images/common/sv-bg.png') center center no-repeat; background-size: cover;; min-height: 1150px; position: relative; margin-top: -130px;}
#services .content{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;}
#services .txt{width: 700px; max-width: 100%;}
#services ul{column-count: 2; font-size: 18px; font-weight: 600; line-height: 208%; margin-bottom: 70px; color: #FFF;}
#services .imgs{margin: 35px 0 0 auto;}

#about{padding: 160px 0 0;}
#about .content{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#about .txt{width: 595px; max-width: 100%;}
#about p:first-of-type{margin: 0; font-size: 83px; font-weight: 300; color: #999999;}
#about p:last-of-type{margin: 0 0 30px; line-height: 188%;}
#about .phone{font-weight: 500; font-size: 21px; letter-spacing: 0.2em; display: flex; align-items: center; gap: 5px;}
#about .phone a{font-weight: 800; font-size: 32px; letter-spacing: initial;}

#testimonials{padding: 110px 0 40px; background: url('../images/common/tt-bg.png') center center no-repeat; background-size: cover; min-height: 1069px;}
#testimonials .top{margin-bottom: 75px;}
#testimonials .top h3{margin-bottom: 10px;}
#testimonials .top .content{display: flex; align-items: flex-end; justify-content: flex-start; gap: 30px;}
#testimonials .bot .content{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#testimonials .bot .row{max-width: 1590px;}
#testimonials .arrow{width: 32px;}
#testimonials .items{display: inline-flex; align-items: flex-start; justify-content: space-between; width: 1440px; max-width: 100%;}
#testimonials .item{width: 730px; max-width: 100%; min-height: 345px; background-color: #FFF; border-radius: 15px; box-shadow: 0 0 13px rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center; padding: 20px;}
#testimonials .item .name{display: flex; align-items: center; justify-content: flex-start; gap: 10px; font-size: 21px; font-weight: 600; font-family: 'Barlow', sans-serif; margin-bottom: 20px;}
#testimonials .item .in{width: 605px; max-width: 100%;}
#testimonials .item p{line-height: 163%; font-weight: 500; font-style: italic; margin: 0;}
#testimonials .item:last-of-type{margin: 90px 0 0 -20px;}

#gallery{padding: 70px 0 180px;}
#gallery p{font-size: 25px; letter-spacing: 0.3em; margin: 0; font-weight: 600;}
#gallery .content:nth-of-type(1){margin: 0 0 30px;}
#gallery h3{margin-bottom: 40px;}
#gallery .content{display: flex; align-items: center; justify-content: center; gap: 20px;}

/*form*/
.ctc-form {margin: 0 auto;text-align: center; font-family: 'Montserrat', sans-serif;}
.ctc-form input[type="text"], .ctc-form textarea {border: 0;border-bottom: 0; border-radius: 0; font-size: 14px; font-weight: 500; height: 60px;display: block;width: 100%;padding: 10px 20px;box-sizing: border-box;margin: 0 0 10px; background: #FFF; font-family: 'Montserrat', sans-serif; color: #000; background: #F3F3F3;}
.ctc-form input[type="text"], .ctc-form textarea {border: 1px solid #333;}
.ctc-form label{height: auto;}
.ctc-form textarea {height: 180px;padding-top: 10px; width: 100%;}
.ctc-form ::placeholder{color: #000;}
.ctc-form .flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; gap: 10px; align-items: center; justify-content: center;}
.ctc-form .flex label{width: 100%;}
.ctc-form span{display: none;}
.ctc-form label{font-size: 0;}
.ctc-form .recap {display: inline-block;}
.ctc-form .flex .captcha{width: auto;}
.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: 10px 0; font-size: 16px;}
.ctc-form .btn{margin: 10px auto 0;}

/*footer*/
#footer{padding: 0 0 40px; background: url('../images/common/ft-bg.png') center center no-repeat; background-size: cover; min-height: 1069px; color: #FFF;}
#footer .content{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;}
#footer .items{width: 240px; max-width: 100%; margin: 0 auto;}
#footer .item{display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-bottom: 50px; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 16px;}
#footer .item span{color: #888888; font-size: 14px; font-weight: 600; display: block; margin-bottom: 5px; font-family: 'Montserrat', sans-serif;}
#footer .item:first-of-type a{font-size: 24px;}
#footer .item:nth-of-type(3){margin-bottom: 80px;}
#footer .logo img{margin: 0 auto 30px; max-width: 254px;}
#footer .social{width: 200px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto  40px;}
#footer .txt{width: 1070px; max-width: 100%;}
#footer .info{width: 480px; max-width: 100%; margin-top: 220px;}
#footer .form{background: #FFF; min-height: 935px; display: flex; align-items: center; justify-content: center; padding: 20px; box-shadow: 0 0 17px rgba(0,0,0,0.55); width: 890px; max-width: 100%; margin-bottom: 75px;}
#footer .form .in{width: 735px; max-width: 100%;}
#footer .form .consent{text-align: left; color: #333;}
#footer .form .flex{justify-content: space-between;}
#footer .form .btn{margin: 0;}
#footer nav{width: 610px; max-width: 100%; margin: 0;}
#footer ul{list-style: none; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin: 0;}
#footer ul li a{font-size: 15px; font-weight: 400; text-transform: uppercase; display: block; font-family: 'Barlow', sans-serif; letter-spacing: 0.02em;}
#footer ul li:hover a, #footer ul li.active-menu a{color: #FFA200;}
#footer .bot{background: #000; padding: 10px 0;}
#footer .copy{font-size: 16px; line-height: 120%; text-align: center; font-weight: 400; font-family: 'Barlow', sans-serif;}
#footer .copy img{vertical-align: middle; display: inline-block; height: 55px; margin-left: 5px;}

/*inner pages*/
.inner #content {min-height: 300px;padding: 120px 0 40px; text-align: center; min-height: 400px;}
.inner #content .row{max-width:1230px;margin:0 auto;}
.inner #content ul li{text-align: left;}
.inner #content h1{padding: 0;margin: 0 0 20px;line-height: 120%; text-transform: uppercase;}
.inner #content h2{padding: 0;margin: 0 0 20px;line-height: 120%;}
.inner #content h3{padding: 0;margin: 0 0 20px;line-height: 120%;}
.inner #content p{text-align: left;}
.inner .test .item{border-radius: 0; background: #FFF; color: #000; padding: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: left; border-top: 5px solid #333;}
.inner .test .item:not(:last-of-type){margin-bottom: 20px;}
.inner .test .item span:first-of-type{color: yellow;}
.inner .test h2{margin-bottom: 40px; color: #333}
.inner .test span{display: flex; align-items: flex-start; column-gap: 5px; margin-bottom: 10px; font-weight: 600; font-size: 18px;}
.inner .test p{font-style: italic; line-height: 32px; letter-spacing: 0.03em;}
.inner .svc .item{border-radius: 0; background: #FFF; padding: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: left; border-top: 5px solid #333;}
.inner .svc .item:not(:last-of-type){margin-bottom: 20px;}
.inner .svc h2{margin-bottom: 40px; color: #333}
.inner .svc span{display: flex; align-items: flex-start; column-gap: 5px; margin-bottom: 10px; font-weight: 600; font-size: 18px;}
.inner .svc p:last-of-type{margin: 0;}
.inner .google{margin: 0 auto 20px; display: block;}

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

.flexbox{display: flex; align-items: flex-start; column-gap: 30px; row-gap: 20px; justify-content: center;}
.flexbox .item{max-width: 50%;}
.flexbox img{height: 300px; object-fit: cover; width: 100%; margin: 0 auto 20px;}
.flexbox .btn{margin: 0 auto;}

.m-a{margin: 0 auto;}
.r-i{margin: 0 auto 20px;}
.mobile{display: none;}

.svc-list {text-align: left;display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; row-gap: 20px; flex-wrap: wrap;}
.svc-list > div {width: 590px; max-width: 100%;}
.inner #content .svc-item h3 {padding: 10px 0;background-color: #FFF;font-size: 28px;font-weight: 700;text-align: center;margin: 0;-webkit-background-clip: initial;-webkit-text-fill-color: initial;}
.svc-item ul {padding: 0;margin: 20px 0 !important;list-style: none;}
.svc-content {padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #333;color: #FFF; min-height: 275px;}
.svc-content p:last-of-type{margin: 0;}

.services-page ul{
  columns: 2;
  padding-left: 300px;
  margin: 0;
}
/** Responsive
-------------------------------------------------------*/
@media screen and (max-width: 1199px){
  #testimonials .item .in, #testimonials .item, #header .info{width: auto;}
  #welcome{background-size: 48% 100%; margin-top: -85px;}
  #header ul li a{padding: 10px;}
}

@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; line-height: 120% !important;}
  h1 span,h2 span{letter-spacing: initial !important;}
  h1 small,h2 small{letter-spacing: initial !important;}
  small{text-align: center; display: block;}
  .btn{margin: 0 auto !important;}
  p{letter-spacing: initial !important; line-height: 150% !important;}
  a{word-break: break-word;}
  .desktop{display: none;}
  .mobile{display: block;}
  .btn{margin-left: auto; margin-right: auto;}
  .btns{flex-wrap: wrap; justify-content: center !important; align-items: center !important; margin: 0 auto;}
  .btns .btn{margin: 0 !important;}
  .ctc-form .flex{flex-wrap: wrap; gap: 0;}
  .inner #content{padding: 40px 0;}
  .btn{margin: 0 auto;}
  #header {padding: 60px 15px 20px; position: relative; z-index:999;}
  #header .row{flex-wrap: wrap; padding: 0;}
  #header nav {display: block;height: auto;position: fixed;width: 100%;top: 0;box-shadow: 0 0 5px rgb(0 0 0 / 70%); left: 0; margin: 0;}
  #header nav ul {  display: none; height: auto;border-bottom:5px solid #333; margin: 0; width: 100%; border-radius: 0; background: #111;}
  #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; height: auto; min-height: auto; text-align: left; background: none; line-height: initial;}
  #header ul li:hover a, #header ul li.active-menu a{background: none;  height: auto;}
  #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: #000; height: 40px;padding: 10px 15px; width: 100%; position: relative; font-size: 20px; line-height: 1; z-index: 999;}
  #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%);}
  .cta{box-shadow: 0 0 5px #000; background: #333  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;}
  #header .info, #about .phone, #header .phone, .content{justify-content: center !important; align-items: center !important; flex-wrap: wrap; gap: 20px !important;}
  #gallery, #testimonials, #about, #footer, #welcome, #services{padding: 40px 0; margin: 0; min-height: auto;}
  #header{min-height: auto;}
  #about p:first-of-type, #header .txt p:nth-of-type(2){font-size: 40px; text-align: center;}
  #header .txt p:last-of-type{font-size: 35px; text-align: center;}
  #welcome .content{margin: 0; background: rgba(255 255 255 / 50%); padding: 10px; margin: 0 auto;}
  #services .txt{background: rgba(0 0 0 / 50%); padding: 10px; margin: 0 auto;}
  #welcome{background-size: cover;}
  #services ul, #testimonials .item:last-of-type{margin: 0;}
  #testimonials .items{flex-direction: column;}
  #header .banner, #testimonials .top, #footer .info{margin: 0;}
  #welcome p, #footer .form,#footer .item:nth-of-type(3),#footer .item{margin-bottom: 20px;}
  #footer ul{display: none;}
  #footer .form{min-height: auto;}
  #about p:first-of-type, #gallery p{text-align: center;}
  #footer .form{margin: 0 auto;}
}