@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: 'Babylon5';src: url('fonts/Babylon5.woff2') format('woff2'),url('fonts/Babylon5.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Aero';src: url('fonts/Aero.woff2') format('woff2'),url('fonts/Aero.woff') format('woff');font-weight: 500;font-style: italic;font-display: swap;}
@font-face {font-family: 'Orbitron';src: url('fonts/Orbitron-Bold.woff2') format('woff2'),url('fonts/Orbitron-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
p{margin: 0 0 20px;line-height: 200%;color:unset;}

*{padding:0; margin:0; box-sizing: border-box;}
html,body{min-width: 1200px; width: 100%; overflow-x: hidden;}
a , .btn{
  transition: .30s ease;
}
.services div img:hover, #about .flex img:hover, #services-sec .service img:hover, .work.flex img:hover {
  scale: 1.08;
}

.services div img, #about .flex img, #services-sec .service img, .work.flex img {
  transition: .30s ease;
}

a:hover, .btn:hover {
  scale: 1.08;
}
body.home {
  background-color: #0D0D0D;
}
header,footer{display: block !important;}
header{position: relative;}
#header .phone a {
  font-size: 21px;
  color: white;
  font-family: aero;
  text-decoration: none;
  letter-spacing: 1px !important;
  margin: 0 5px;
}

#header .navi ul li a {
  letter-spacing: 1px;
  font-size: 18px;
  color: white;
  font-family: orbitron;
  font-weight: 100 !important;
  text-decoration: none;
}
#header #pull {
  display: none;
}
#header .navi ul {
  list-style: none;
  justify-content: space-between;
  display: flex;
  column-gap: 30px;
}
#header .navi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
#header .logo img {
  max-width: 300px;
  width: 100%;
}

#header {
  padding: 30px 5%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
#banner .content {
  background: url('/public/images/common/banner.png') no-repeat;
  min-height: 1020px;
  background-size: cover;
  background-position: bottom;
}

.services div img {
  margin: 0 5px;
}

#banner .content {
  position: relative;
}
.services {
  position: absolute;
  bottom: 70px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1700px;
  margin: auto;
  left: 0;
  right: 0;
}
.services .flex div {
  position: relative;
}

.services .flex h3 {
  font-family: 'Aero';
  font-size: 15px;
  text-align: center;
  max-width: 140px;
  position: absolute;
  color: white;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 15px;
  font-weight: 200;
}
.services .flex {
  display: flex;
}
.services .flex .cont {
  margin: 0 5px;
}

.services .flex img {
  width: 100%;
}
.services .flex {
  max-width: 410px;
  width: 100%;
  display: flex;
}
.text p {
  color: #EB1717;
  font-size: 20px;
  font-family: poppins;
  letter-spacing: 2px;
  font-weight: 500;
}
.text h3 {
  font-size: 21px;
  font-family: barlow;
  letter-spacing: 2px;
}
.text h1 {
  max-width: 1000px;
  font-family: orbitron;
  font-size: 66px;
  margin: 20px auto;
}
.text {
  position: relative;
  top: 180px;
  text-align: center;
  color: white;
}
#content form label, #content form span {
  color: black;
}

#content form {
  position: relative;
  background: none;
  max-width: 100%;
  padding: 0px 4%;
  border-radius: 30px;
  color: black;
}
form textarea {
  height: 220px;
}
::placeholder {
  font-size: 15px;
  font-family: poppins;
  color: #444444;
}
form {
  position:relative;
  background: #111111;
  max-width: 880px;
  padding: 80px 4%;
  border-radius: 30px;
}
form input[type='text'], form textarea {
  border-radius: 6px;
  margin-bottom:0;
  width: 100%;
  padding: 20px 4%;
}

form p {
  color: #EEEEEE;
  font-size: 14px;
  font-family: poppins;
  margin-bottom: 40px;
}
form h2 {
  color: #FF0000;
  font-size: 50px;
  font-family: orbitron;
  font-weight: 100;
  margin: 20px 0;
}
form h3 {
  color: #EEEEEE;
  font-family: barlow;
  letter-spacing: 5px;
  font-weight: 600;
  font-size: 17px;
}
form img {
  margin: 0 0 20px auto;
  display: block;
  right: 30px;
  top: 30px;
  position: absolute;
}

.consent label {
  margin: 0 0 px;
  color: white;
  font-family: poppins;
  font-size: 15px;
  display: block;
}

.flex.captcha .btn {
  font-size: 18px;
  background: linear-gradient(180deg, rgba(206, 4, 4, 1) 0%, rgba(225, 38, 38, 1) 64%, rgba(206, 4, 4, 1) 100%);
  color: white;
  font-family: orbitron;
  border: none;
  padding: 23px 8%;
}

.flex.captcha {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.socials a img{
  filter: invert(1);
}

.socials {
  display: flex;
  justify-content: center;
  margin: 70px auto 50px;
  justify-content: center;
  column-gap: 20px;
}

a.img-box h2 {
  font-family: orbitron;
}

a.img-box h3 {
  font-size: 15px;
  font-family: poppins;
  font-weight: 400;
  margin-bottom: 10px;
}
a.img-box {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 50px;
  color: white;
  text-decoration:none;
}
a.img-box.location h2, a.img-box.mail h2 {
  font-size: 17px;
}

a.img-box.phone h2 {
  font-size: 30px;
}

p.copy {
  color: white;
  text-align: center;
  font-size: 16px;
  font-family: poppins;
  margin: 0;
}

img.cards {
  margin: 70px auto 30px;
  display: block;
}

div#footer .row {
  background: url(/public/images/common/footer.png) no-repeat;
  min-height: 1000px;
  background-size: cover;
  display: flex;
  justify-content: center;
  column-gap: 120px;
  padding-top: 80px;
  padding-bottom: 40px;
  align-items: end;
  flex-wrap: wrap
}
.btm ul li a {
  color: white;
  font-size: 18px;
  text-decoration: none;
  font-family: orbitron;
}

.btm ul {
  display: flex;
  column-gap: 30px;
  list-style-type: none;
  color: white;
}
.btm {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto 0;
  max-width: 1450px;
}


/*first*/
#about {
  padding: 180px 5% 160px;
  background: url(/public/images/common/about.png) no-repeat;
  background-size: cover;
  margin-top: -50px;
}
#about .flex div {
  position: relative;
}

#about .flex h3 {
  text-align: center;
  color: white;
  position: absolute;
  bottom: 25px;
  margin: auto;
  left: 0;
  right: 0;
  font-size: 17px;
  font-family: 'Aero';
  font-style: normal;
  font-weight: 200;
  letter-spacing: 1px;
}

#about .text h3 {
  font-size: 16px;
  font-family: poppins;
  font-weight: 500;
  letter-spacing: 5px;
}
#about .text h2 span {
  display: block;
}
#about .text h2 {
  font-size: 50px;
  font-family: orbitron;
  margin: 40px 0;
}
#about .text p {
  font-size: 16px;
  color: white;
  font-family: poppins;
  font-weight: 400;
  letter-spacing: 0;
}
#about .text {
  max-width: 660px;
  text-align: left;
  margin: 0 50px 0 auto;
  top:0;
}
#about .flex {
  display: flex;
  column-gap: 30px;
  justify-content: flex-end;
  margin-top: 100px;
}

#about .flex img {
  width: 100%;
  max-width: 210px;
}


/*second*/

#services-sec .service {
  position: relative;
}

#services-sec .service .flex h2 {
  font-family: orbitron;
  color: white;
  font-size: 60px;
  position: absolute;
  left: 0;
  rotate: -90deg;
  top: 50%;
  transform: translateY(-50%);
}
#services-sec .service .flex h3 {
  color: white;
  text-align: center;
  margin: 20px 0;
  font-size: 25px;
  font-family: orbitron;
}
#services-sec .service .flex {
  padding-top: 100px;
  justify-content: center;
  display: flex;
  column-gap: 30px;
}
div#services-sec {
  background: url(/public/images/common/b1.png) no-repeat;
  background-size: cover;
  padding: 40px 0 100px;
}
#services-sec .service img {
  display: block;
  margin: 40px auto 0;
}

.years .text .flex {
  display: flex;
  column-gap: 50px;
}
.years .text .flex a {
  color: #FF0000;
  font-size: 21px;
  text-decoration: none;
  font-family: 'Orbitron';
  font-weight: 500;
  letter-spacing: 2px;
}
.years .text p {
  font-size: 17px;
  letter-spacing: 0;
  font-family: 'Poppins';
  color: white;
  max-width: 550px;
  margin: 40px 0;
}
.years .text h4 {
  font-size: 25px;
  font-family: 'Orbitron';
  font-weight: 300;
  letter-spacing: 13px;
}
.years .text h2 {
  font-size: 77px;
  font-family: 'Orbitron';
  font-weight: 500;
  margin-bottom: 10px;
}
.years .text h3 {
  font-size: 25px;
  font-family: 'Orbitron';
  letter-spacing: 0;
  font-weight: 100;
}
.years .text {
  text-align: left;
  top: 0;
}
.years .text {
  margin-top: 190px;
}

.years {
  display: flex;
  justify-content: start;
  column-gap: 90px;
  /* margin-bottom: -490px; */
  margin: 120px 0 -90px;
}
.years .text .flex a img {
  margin: 0 5px;
}
.years img {
  margin-bottom: -390px;
}


/*third*/
.testi-abt { margin: 350px auto 0; max-width: 1700px; display: flex; justify-content: space-around; gap: 20px; flex-wrap: wrap; }
.testimonial, .about {
  width: 100%;
  max-width: 800px;
}
.testimonial p a {
  color: white;
  text-decoration: none;
}

.about { color: #fff; }
.testimonial p, .about p {
  font-size: 16px;
  font-family: poppins;
  font-style: italic;
  margin-top: 10px;
  color: white;
  max-width: 740px;
}
.testimonial .flex.title h3, .about h3 {
  font-size: 20px;
  letter-spacing: 5px;
  font-family: orbitron;
  font-weight: 300;
}
.testimonial .flex.kim h2 {
  margin-top: 10px;
  font-weight: 300;
  font-size: 20px;
  font-family: orbitron;
  letter-spacing: 1.5px;
}
.testimonial .flex.kim {
  margin: 50px 0 20px;
  color: white;
  display: flex;
  align-items: center;
  column-gap: 30px;
  max-width: 840px;
}
.testimonial .flex.title h2, .about h2 {
  margin: 5px 0 0;
  font-size: 50px;
  font-family: orbitron;
}
.testimonial .flex.kim h3 {
  font-size: 15px;
  font-family: orbitron;
  font-weight: 200;
  margin-top: 5px;
  letter-spacing: 1px;
}
.testimonial .flex.title {
  display: flex;
  align-items: center;
  color: white;
  column-gap: 30px;
}
.testimonial .flex.kim h3 {
  font-size: 15px;
  font-family: orbitron;
  font-weight: 200;
  margin-top: 5px;
}
.work.flex a, .about a {
  display: block;
  font-size: 18px;
  background: linear-gradient(180deg, rgba(206, 4, 4, 1) 0%, rgba(225, 38, 38, 1) 64%, rgba(206, 4, 4, 1) 100%);
  color: white;
  font-family: orbitron;
  border: none;
  padding: 23px 4%;
  text-align: center;
  max-width: 260px;
  margin: -15px auto 0;
  z-index: 1;
  position: relative;
  text-decoration: none;
}

.about a { margin: 0 !important; }

.work.flex {
  column-gap: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.work.flex img {
  width: 100%;
}

.work.flex h2 {
  font-family: orbitron;
  color: white;
  font-size: 70px;
  position: absolute;
  left: 0;
  rotate: -90deg;
  /* top: 50%; */
 transform: translateY(-50%); 
  z-index: 2;
}
.works {
  background: url(/public/images/common/b2.png) no-repeat;
  background-size: cover;
  padding: 150px 0 300px;
  margin-bottom: -290px;
}
.delivery {
  max-width: 1100px;
  margin-top: 150px;
}
.delivery p {
  font-family: poppins;
  color: white;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 30px;
}

.delivery h2 {
  font-size: 70px;
  color: white;
  text-align: center;
  font-family: orbitron;
  margin-bottom: 20px;
}

.title-ct { display: flex; flex-wrap: wrap; gap: 50px; }

.call-text img {
  width: 100%;
  max-width: 40px;
  position: unset;
  margin: 0;
}

.call-text .item { display: flex; align-items: center; gap: 20px; margin-bottom: 10px; }
.call-text p { margin: 0 !important; font-size:18px; font-family: orbitron; }

@media (max-width: 1600px){
  .work.flex {
    margin: 0 auto;
    max-width: 900px;
  }
  .work.flex h2{
    font-size: 50px;
  }
}

@media (max-width:1600px){
  #header .phone a {font-size: 16px;}
  #header .navi ul li a{font-size: 15px;}
  #header .navi ul{column-gap: 20px;}
  #header .navi{flex-wrap: wrap;}
  #services-sec .service .flex {
    margin: 0 40px 0 auto;
    max-width: 1100px;}
    #services-sec .service .flex h2{left: -3rem;}
    #services-sec .service img {
      width: 100%;
    }
    #services-sec img.navi {
      max-width: 500px;
  }
  .services {
    padding: 0 5%;
  }
  #about .text {
    max-width: 1000px;
    margin: 0 auto;
  }
  .years img {
    object-fit: contain;
    max-width: 500px;
    margin-bottom: -390px;
  }
  .years{margin: 0 auto;}
  /* .testimonial {
    max-width: 1300px;
    margin: 150px auto 0;
    padding: 0 5%;
} */
div#footer .row{column-gap: 50px;}
form{max-width: 1000px;}
}

@media (max-width: 1400px){
  #services-sec .service .flex h2{left: -10rem;}
  .years .text h2 {
    font-size: 60px;
  }
  .work.flex h2 {
    font-size: 50px;
    left: -7rem;
}
}

@media (max-width: 1300px){
  #banner .content{min-height: 900px;}
  #about .text p {font-size: 18px;}
  #about {
    padding: 50px 5%;
    background: url(/public/images/common/about.png) no-repeat;
    background-position-x: -90px;
  }
  #services-sec .service .flex h2 {
    font-size: 50px;
    left: -8rem;
  }
  .years .text {
    margin-top: 90px;
  }
  .delivery h2 {
    font-size: 50px;
  }
  .btm {
    padding: 0 3%;
  }
  .btm ul li a {
    font-size: 15px;
  }
  .infos {
    margin-top: 50px;
    width: 100%;
}
.socials {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.infos a.img-box {
  max-width: 400px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  align-self: center;
  align-content: center;
  margin: 0 auto;
  text-align: center;
}
.infos img {
  margin: 0 auto;
  display: block;
}
}

@media (max-width: 1200px){
  .infos a.img-box{max-width: 390px;}
  .delivery {
    margin: 150px auto 0;
    max-width: 1100px;
    /* margin-top: 150px; */
  }
}

@media (max-width: 1024px) {
  #header {
    padding: 30px 0;
  }
  #header #pull {
    text-decoration: none;
    text-align: left;
    display: block;
    color: white;
    font-family: POPPINS;
    background-color: #FF0000;
    padding: 5px 3%;
    margin: 20px 0;
}
#banner .text {
  position: relative;
  top: 220px;
}
#header .navi ul {
  background: black;
  z-index: 2;
  position: absolute;
  width: 100%;
  text-align: left;
  padding: 0 5%;
}
#header .navi ul li {
  margin-bottom: 15px;
  font-weight: 600;
}
#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%);}
#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: unset;
  transform: unset;
}

  html, body{min-width: 320px;}
  .infos a.img-box {
    margin: 10px 0;
    max-width: 100%;
}
.btm {
  display: block;
  text-align: center;
}

.btm ul {
  display: none;
}
.text h1{
  font-size: 50px;
}
#banner .content {
  min-height: 700px;
}
#header .navi {
  display: block;
  text-align: center;
}
#header .navi ul {
  display: none;
}
#about .flex {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  margin-top: 50px;
}
#about .flex img {
  width: 100%;
  max-width: 200px;
}
#about .text {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
#about .text h2 {
  font-size: 40px;

  margin: 10px 0;
}
#services-sec .service .flex h2 {
  text-align: center;
    margin: 0 auto;
  position: relative;
  font-size: 50px;
  left: 0;
  top: unset;
  transform: unset;
  rotate: none;
  width: 100%;
}
#services-sec .service .flex {
  padding-top: 50px;
  flex-wrap: wrap;
  margin: 0 auto;
  /* max-width: 1100px; */
}
#services-sec .service .flex div {
  max-width: 270px;
}
#services-sec .service .flex h3{font-size: 18px;}
img.red-car {
  display: none;
}
.years {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.years .text {
  text-align: center;
}
.years .text .flex {
  display: flex;
  column-gap: 50px;
  justify-content: center;
}
.years .text p{margin: 20px auto; max-width: 750px;}
.testimonial {
  /* text-align: center; */
  max-width: 1300px;
  margin: 90px auto 0;
}
.testi-abt { margin: 0 auto; }
.testimonial .flex.title, .testimonial .flex.kim {justify-content: center;}
.testimonial p, .about p {margin:0 auto;}
.about h2, .about h3 { text-align: center; }
.about a { margin: 20px auto 0 !important; }

.work.flex h2 {
  position: relative;
  font-size: 50px;
  left: 0;
  width: 100%;
  rotate: none;
  text-align: center;
}
.work.flex {
  display: block;
}
.delivery {
  margin: 50px auto 0;
}
.works{padding: 50px 0 250px;background-position-x: 320px;}
.services div {
  display: flex;
}
.services {
  flex-wrap: nowrap;
  padding: 0 5%;
  justify-content: center;
}

}


@media (max-width: 767px){
  #about .flex h3{bottom: 40px;}
  .text h1 {
    font-size: 30px;
    margin: 10px auto;
}
.services {
  text-align: center;
  display: flex;
}
.services div {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.services .flex .cont {
  margin: 5px;
}
.services .flex {
  max-width: 210px;
  width: 100%;
  display: flex;
}
.services {
  position: absolute;
  bottom: 70px;
}
.text p {
  line-height: 130%;
}
#about .text h2 {
  font-size: 30px;
}
#about {
  background-position-x: -1290px;
}
#about .flex {
  display: flex;
  flex-wrap: wrap;
}
#about .flex img {
  display: inline-block;
  width: 100%;
  max-width: 260px;
  margin: 0 auto 20px;
}
#services-sec .service .flex {
  padding-top: 0px;
}
#services-sec .service .flex h2{font-size: 40px;}
.years .text h2 {
  font-size: 45px;
}
.years .text p {
  padding: 0 5%;
}
.years .text .flex {
  display: flex;
  column-gap: 50px;
  flex-direction: column;
  justify-content: center;
}
.testimonial {
  margin: 50px auto 0;
}
.testimonial .flex.title, .testimonial .flex.kim {
  display: block;
  text-align: center;
}
.testimonial .flex.kim {
  margin: 0px 0 20px;
}
.testimonial .flex.title h2 {
  margin: 5px 0 0;
  font-size: 40px;
}
.testimonial p, .about p {
  margin: 0 auto;
  text-align: center;
}

div#services-sec {
  background: url(/public/images/common/b1.png) no-repeat;
  background-size: cover;
  padding: 40px 0 30px;
}
.work.flex h2 {
  position: relative;
  font-size: 40px;
}
.delivery h2 {
  font-size: 40px;
  line-height: 110%;
}
.delivery p {
  font-size: 20px;
  padding: 0 5%;
}
form h3, form h2, form p {
  text-align: center;
}
.flex.captcha .btn{
  padding: 23px 2%;
}
.infos img {
  padding: 0 5%;
  max-width: 500px;
}
#services-sec .service img {
  display: block;
  margin: 10px auto 0;
}
#banner .content {
  min-height: 800px;
}
.years .text h4 {
  font-size: 20px;
  letter-spacing: 2px;
}

.years .text h2 {
  margin: 0;
  font-size: 35px;
}

.title-ct { justify-content: center; gap: 10px; }

}


@media (max-width: 480px){
  .flex.captcha .btn {
    display: block;
    margin: 0 auto;
  }
  .testimonial .flex.title h2 {
    font-size: 30px;
  }
  .services div img {
    max-width: 140px;
  }
  #banner .content {
    padding: 0 4%;
  }
  #services-sec .service img {
    display: block;
    margin: 10px auto 0;
}
.years .text {
  margin-top: 30px;
}
.delivery h2 {
  font-size: 30px;
}
.delivery p {
  font-size: 20px;
  padding: 0 5%;
  line-height: 130%;
}
form h2 {

  font-size: 35px;
  margin: 10px 0;
}
form p {
  margin: 0 auto;
  max-width: 300px;
}
.infos img {
  padding: 0 5%;
  max-width: 300px;
}
form {
  min-width: 320px;
}
.socials a img {
  max-width: 40px;
}
.works {
  padding: 50px 0 190px;
}
.years .text h3 {
  font-size: 20px;
}
div#services-sec{padding: 0px 0 30px;}
#about .text p {
  font-size: 18px;
  line-height: 190%;
}
}

@media (max-width: 350px){
  .services div img {
    max-width: 130px;
}


}
.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;text-align: left; color: #333; font-size: 16px; overflow-x: hidden; font-family: 'Montserrat', sans-serif;}
a {color:inherit;text-decoration: none; transition: all ease-out 0.3s; word-break: break-all;}
a:hover {text-decoration: none; color: #CC0000;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0 0 20px; line-height: 120%; font-weight: 400; font-family: 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
h1{font-size: 81px;}
h2{font-size: 81px;}
h3{font-size: 76px;}  
h4{font-size: 70px;}
h5{font-size: 64px;}
h6{font-size: 49px;}
p{line-height: 200%;}
ul{padding-left: 25px; margin-top: 0;}
p{margin: 0 0 20px;}
small{font-family: 'Orbitron';}
.row {max-width: 1510px;margin: 0 auto; padding: 0 15px; width: 100%;}


a.btn, button{width: 215px; height:65px; border: 0; font-weight: 700; font-size: 16px; 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; border-radius: 0; column-gap: 10px; background: linear-gradient(180deg, rgba(255,0,0,1) 45%, rgba(222,0,0,1) 45%, rgba(255,0,0,1) 100%); letter-spacing: 0.15em; font-family: 'Orbitron';}
a.btn:hover, button:hover{background: linear-gradient(0deg, rgba(255,0,0,1) 45%, rgba(222,0,0,1) 45%, rgba(255,0,0,1) 100%);}


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


.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;}


.text-primary{ color: #CC0000; }
.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; }


.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;}

/* */
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: 200px; width: 200px; 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{color: #FFF; background: #CC0000; padding: 15px 0;}
#header .row{max-width: 1700px;}
#header .content{display: flex; align-items: stretch; justify-content: space-between;}
#header nav{display: flex; align-items: center;}
#header nav a#pull {display: none;}
#header ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 800px; max-width: 100%;}
#header ul li a{font-size: 14px; position: relative; letter-spacing: 0.15em; color: #FFF; font-weight: 700; font-family: 'Orbitron';}
#header ul li:hover a, #header ul li.active-menu a{color: #333;}
#header .phone{font-family: 'Aero'; font-size: 20px; display: flex; column-gap: 5px; row-gap: 5px;}
#header .phone a:hover{color: #333;}
*/

/*
#banner{background: url('../images/common/banner.jpg') center center no-repeat; background-size: cover; padding: 50px 0 140px;}
#banner .row{max-width: 1700px;}
#banner .bot{display: flex; align-items: flex-end; justify-content: space-between; column-gap: 30px; row-gap: 20px;}
#banner img{margin: 0 0 560px;}
#banner h5{margin: 0;}
#banner p{margin: 0; font-size: 39px; letter-spacing: 0.2em; color: #FFF; line-height: 1;}
#banner p strong{font-size: 32px; font-weight: 700; letter-spacing: initial;}
#banner .phone span{letter-spacing: 0.6em; font-weight: 700; font-size: 16px; display: block; color: #FFF; display: block; font-family: 'Orbitron';}
#banner .phone a{font-weight: 400; font-family: 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 49px;}
*/

/*
#welcome{padding-bottom: 110px;}
#welcome .row{max-width: 1480px;}
#welcome .content{display: flex; align-items: center; justify-content: space-between; column-gap: 30px; row-gap: 20px;}
#welcome .txt{width: 700px; max-width: 100%; padding-bottom: 120px;}
#welcome .txt p{margin-bottom: 0;}
#welcome .img{margin: -100px -90px 0 0;}
#welcome small{letter-spacing: 0.6em; font-weight: 700; font-size: 16px; display: block;}
#welcome span{letter-spacing: 0.2em; font-weight: 700; font-size: 22px; display: block; margin-bottom: 40px; font-family: 'Orbitron';}
#welcome h1{margin: 0;}
#welcome .bot{margin-top: -240px;}
#welcome .bot .content{width: 1150px; max-width: 100%;}
#welcome .item{background: linear-gradient(to bottom, #373737, #000000); min-height: 220px; width: 265px; display: flex; align-items: center; justify-content: center; transition: all ease 0.3s;}
#welcome .item:hover{background: linear-gradient(to bottom, #FF0000 45%, #DE0000 45%, #FF0000 100%);}
#welcome .item img{width: 130px; height: 70px; object-fit: scale-down; margin: 0 auto 20px;}
#welcome .item .in{width: 130px; font-weight: 700; display: block; font-size: 20px; color: #FFF; text-align: center;}
  
#experience{padding: 140px 0 170px; background: url('../images/common/e-bg.jpg') center center no-repeat; background-size: cover; color: #FFF;}
#experience h5{margin: 0;}
#experience small{letter-spacing: 0.6em; font-weight: 700; font-size: 32px; display: block; color: #FFF; margin-bottom: 30px;}
#experience p{font-weight: 400; margin-bottom: 40px; font-size: 22px;}
#experience .content{width: 630px; max-width: 100%; margin: 0 0 0 auto;}
#experience .phone span{letter-spacing: 0.6em; font-weight: 700; font-size: 16px; display: block; color: #FFF; display: block; font-family: 'Orbitron';}
#experience .phone a{font-weight: 400; font-family: 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 49px;}

#about{padding: 140px 0 170px; background: url('../images/common/a-bg.jpg') center center no-repeat; background-size: cover; color: #FFF;}
#about small{letter-spacing: 0.6em; font-weight: 700; font-size: 21px; display: block; color: #FFF;}
#about p{font-weight: 400; margin-bottom: 40px;}
#about .content{width: 650px; max-width: 100%;}

#services{padding: 80px 0 30px;}
#services .row{max-width: 1580px;}
#services .content{display: flex; align-items: flex-start; justify-content: space-between; column-gap: 30px; row-gap: 20px;}
#services .items{display: flex; align-items: center; justify-content: space-between; column-gap: 15px; row-gap: 15px; flex-wrap: wrap; width: 1110px; max-width: 100%;}
#services h3{margin: 0;}
#services .item{position: relative;}
#services .item h5{margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); letter-spacing: 0.05em; width: 100%; text-align: center; line-height: 1;}
#services .item span{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; font-size: 32px; width: 250px; font-family: 'Aero'; text-align: center;}
#services small{letter-spacing: 0.6em; font-weight: 700; font-size: 21px; display: block; margin-top: 30px;}

#reviews{padding: 30px 0 90px;}
#reviews .row{max-width: 1580px;}
#reviews .content{display: flex; align-items: center; justify-content: space-between; column-gap: 30px; row-gap: 20px;}
#reviews .txt{width: 965px; max-width: 100%;}
#reviews .txt p{margin-bottom: 30px; font-size: 15px;}
#reviews .txt h3{line-height: 100%;}
#reviews small{letter-spacing: 0.6em; font-weight: 700; font-size: 21px; display: block;}
#reviews span{display: flex; align-items: center; justify-content: flex-start; font-size: 18px;column-gap: 10px; font-weight: 700; color: #CC0000; margin-bottom: 10px;}

#gallery{padding: 60px 0 520px; background: url('../images/common/g-bg.jpg') center center no-repeat; background-size: cover; text-align: center;}
#gallery h4{margin-bottom: 40px;}
#gallery h5{line-height: 100%; margin: 0;}
#gallery h5 span{display: block;}
#gallery small{letter-spacing: 0.6em; font-weight: 700; font-size: 21px; display: block; color: #FFF;}
#gallery p{font-size: 39px; font-weight: 400; margin-bottom: 0; letter-spacing: 0.035em; color: #FFF;}
#gallery .content{display: flex; align-items: flex-start; justify-content: space-between; column-gap: 30px; row-gap: 20px; margin-bottom: 170px;}

#choose{text-align: center; margin: -355px 0 -100px; position: relative; z-index: 1;}
#choose .row{max-width: 1330px;}
#choose .content{display: flex; align-items: center; justify-content: space-between; column-gap: 30px; row-gap: 20px;}
#choose .item{background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(204,0,0,1) 100%); width: 350px; min-height: 245px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255 255 255 / 45%);}
#choose .item .in{width: 230px;}
#choose .item img{margin: 0 auto 10px; width: 120px; height: 120px; object-fit: scale-down;}
#choose .item span{display: block; color: #FFF; font-size: 24px; font-family: 'Aero';}
#choose small{letter-spacing: 0.6em; font-weight: 700; font-size: 21px; display: block; color: #FFF;}
#choose h4{margin: 0;}
#choose p{width: 890px; max-width: 100%; margin: 0 auto 30px; color: #FFF;}

#map iframe{display: block; width: 100%;}


.ctc-form {margin: 0 auto;text-align: center; font-family: 'Montserrat', sans-serif;}
.ctc-form input[type="text"], .ctc-form textarea {border: 0; border: 0; border-radius: 0; font-size: 15px;height: 50px;display: block;width: 100%;padding: 10px 20px;box-sizing: border-box;margin: 0 auto 10px; font-weight: 400; box-shadow: 0 0 2px rgba(0 0 0 / 20%);  background: #EAEAEA; font-family: 'Montserrat', sans-serif;}
.ctc-form textarea {height: 100px;padding-top: 10px; width: 100%;}
.ctc-form ::placeholder{color: #888;}
.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; row-gap: 0;}
.ctc-form .flex label{width: 100%;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha {padding: 0; margin-bottom: 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; font-size: 14px; text-align: left;}
.inner .ctc-form .consent{text-align: center;}
.inner .ctc-form input[type="text"], .inner .ctc-form textarea{background: #EEE;}

/*
#footer{padding: 0 0 20px; background: url('../images/common/ft-bg.jpg') top 230px center no-repeat; background-size: cover; color: #FFF;}
#footer .box{background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(204,0,0,1) 100%); display: flex; align-items: center; justify-content:  center; padding: 40px 20px; width: 100%; min-height: 500px; margin-bottom: 50px; position: relative; z-index: 1; margin-top: -230px;}
#footer .box .in{width: 1390px; margin: 0 auto; max-width: 100%;}
#footer .box small{letter-spacing: 0.6em; font-weight: 700; font-size: 16px; margin-bottom: 30px; display: block;}
#footer .box h4{margin: 0;}
#footer .box p{font-size: 15px; margin: 0 auto 30px; line-height: 180%; max-width: 100%; width: 705px;}
#footer .logo img{margin: 0 auto 30px;}
#footer .info{letter-spacing: 0.05em; color: #FFF; font-size: 18px; font-weight: 700; text-align: center; margin: 0 auto 30px; width: 100%;}
#footer .info a{font-size: 24px;}
#footer .info img{margin: 0 auto;}
#footer .info span{margin: 0 auto 5px; letter-spacing: 0.1em; color: #BFC1C1; font-size: 15px; display: block;}
#footer  ul{margin: 0 auto 10px; list-style: none; display: flex; align-items: center; justify-content: space-between; width: 570px; column-gap: 10px; row-gap: 10px; max-width: 100%; padding: 0;}
#footer  ul a{margin: 0; font-size: 15px; font-weight: 400; letter-spacing: 0.05em;}
#footer .logo img{margin: 0 auto 80px;}
#footer .copy{margin: 0; font-size: 14px; font-weight: 400; text-align: center; letter-spacing: 0.02em;}
#footer .copy img{vertical-align: middle; display: inline-block; height: 25px; margin-left: 5px;}

/*inner pages*/
.inner #content {min-height: 300px;padding: 60px 0 280px; text-align: center; position: relative; z-index: 3;font-family: 'Poppins';}
.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; padding: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: left; border-top: 5px solid #D90000;}
.inner .test .item:not(:last-of-type){margin-bottom: 20px;}
.inner .test h2{margin-bottom: 40px; color: #CC0000}
.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 .test .item p:last-of-type{margin:0;}

/*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: #D90000;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: #8D0000;color: #FFF; min-height: 275px;}
.svc-content p:last-of-type{margin: 0;}

/* Responsive
-------------------------------------------------------*/
/*
@media screen and (max-width: 1299px){
  #welcome .bot {
      margin-top: -140px;
  }
}

@media screen and (max-width: 1024px){
  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: 55px !important;}
  h3{font-size: 45px !important;}
  h4{font-size: 35px !important;}
  h5{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;}
  li{font-size: 20px;}
  a{word-break: break-word;}
  .btn{margin-left: auto; margin-right: auto;}
  .btns{flex-wrap: wrap; justify-content: center !important; align-items: center !important;}
  .ctc-form .flex{flex-wrap: wrap;}
  .inner #content{padding: 40px 0;}
  .btn{max-width: 100%; margin: 0 auto;}
  #header {padding: 60px 15px 20px; position: relative; z-index: 2; background: #000;}
  #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;}
  #header nav ul {  display: none; height: auto; border-bottom:5px solid #CC0000; padding: 10px; margin: 0; width: 100%; border-radius: 0; background: #212121;}
  #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; line-height: 180%; text-align: left;}
  #header ul li:hover a, #header ul li.active-menu a{background: none; color: #CC0000}
  #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: #CC0000; height: 40px;padding: 10px 15px; width: 100%; position: relative; font-size: 20px; line-height: 1;}
  #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: #CC0000  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 .phone, #banner .bot, #services .items, .content{flex-wrap: wrap; justify-content: center !important; align-items: center !important;}
  #choose, #gallery, #services, #experience, #footer, #reviews, #about, #we, #welcome{padding: 40px 0;}
  small{text-align: center; letter-spacing: initial !important;}
  #services small{margin: 0;}
  .mobile{display: block;}
  #reviews span{justify-content: center;}
  #welcome .bot{margin: 20px 0 0;}
  #banner{text-align: center; padding: 40px 0; background: #000;}
  #gallery .content{margin-bottom: 40px;}
  #footer ul, #banner .logo{display: none;}
  #header .logo img{margin: 0 auto 10px;}
  #choose{margin: 0;}
  #choose small, #choose p{color: #333;}
  #map iframe{height: 350px;}
  #footer .logo img, #footer .box{margin: 0 auto 20px;}
  #footer{background-position: center center;}
  #gallery p{font-size: 25px;}
  #experience .content, #about .content{margin: 0 auto;}
  #welcome .img{margin: 0;}
  #welcome .txt{padding: 0;}
  .phone{text-align: center;}
  .phone a{font-size: 35px !important;}
  #banner p{font-size: 35px;}
  .phone span{letter-spacing: initial !important;}
  #welcome span{margin-bottom: 20px; text-align: center;}
  .inner #content .svc-item h3{margin: 0 !important;}
}

/* MOBILE DESIGN */
#mobile-page p{margin: 0 !important;}
.mob-row{max-width: 930px; width: 100%; margin: 0 auto;}
#mob-banner{background: url('../images/content/bg-banner.jpg') top center no-repeat; background-size: cover; margin: 10px 0 0; padding-bottom: 130px;}
#mob-banner .bot{display: flex; justify-content: space-between;}
#mob-banner .con-logo{max-width: 424px; width: 100%; margin: 0 0 220px; padding: 5px 0 0;}
#mob-banner .con-logo img{ width: 100%;}
#mob-banner p.sub{font: 400 20px/120% 'Montserrat'; color: #FFFFFF; letter-spacing: 0.2em;}
#mob-banner p.tag{font: 400 40px/120% 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#mob-banner p.sub1{font: 700 20px/120% 'Montserrat'; color: #FFFFFF;}
#mob-banner .right{text-align: right;}
#mob-banner .right p.sub{font: 500 14px/120% 'Orbitron'; color: #FFFFFF;}
#mob-banner a{font: 400 30px/120% 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#mob-nav{background: url('../images/content/bg-nav.png') top center no-repeat; background-size: cover; padding-bottom: 20px;}
#mob-nav .mob-row{margin-top: -70px;}
#mob-nav .mob-row, #mob-nav .item{display: flex; justify-content: space-between; align-items: center;}
#mob-nav .left{max-width: 515px; width: 100%;}
#mob-nav .item div,#mob-nav .item div img{max-width: 242px; width: 100%; margin-bottom: 10px;}
#mob-nav .right{ text-align: center;}
#mob-nav p.top{font: 400 30px/120% 'Babylon5'; background: linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(222,0,0,1) 50%, rgba(255,0,0,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; padding-bottom: 35px;}
#mob-nav p.bot{font: 400 20px/120% 'Montserrat'; color: #FFFFFF;}

#mob-footer{background: url('../images/content/bg-footer.png') top center no-repeat; background-size: cover; padding: 165px 0 25px;}
#mob-footer .mob-row{display: flex; justify-content: center; gap: 125px; align-items: center;}

#switch{ background:#590204; text-align: center; padding: 15px 0;}
#switch a{font: 700 25px/120% 'Poppins'; color: #fff;}