@font-face {
  font-family: Fontawesome webfont;
  src: url('../fonts/fontawesome-webfont.woff2') format("woff2"), url('../fonts/fontawesome-webfont.eot') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff') format("woff"), url('../fonts/fontawesome-webfont.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --gold: #006ef6;
  --black-2: #111;
  --blue: #0059c7;
  --medium-blue-2: #9c6d0e;
  --black: black;
  --white: white;
  --white-smoke: #f3f3f3;
  --black-6: #2d2e2f;
  --black-3: #e0aa3c;
  --black-7: black;
  --saddle-brown: #855900;
  --medium-blue: #1017bd;
  --dim-grey: #68696f;
  --white-smoke-2: #eaecee;
  --black-4: #01072059;
  --black-5: #00030ccc;
  --maroon: #720000;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--gold);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.herosection {
  background-image: linear-gradient(#00000080, #00000080), url('../images/corporal-clean-auto-detailing--paint-protection-15.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
}

.herosection.about {
  background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black-2), #fff0 30%), linear-gradient(to bottom, #0000008c, #0000008c), url('../images/corporal-clean-auto-detailing--paint-protection-15.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.home {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--blue), #0000 30%), linear-gradient(to bottom, #0009, #0009), url('../images/wrap_n_shine_57072739_353877421922001_5759076678799525919_n.jpg');
  color: var(--medium-blue-2);
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  height: 700px;
}

.herosection.paintcorrection {
  background-image: linear-gradient(to bottom, var(--blue), #fff0 30%), linear-gradient(to bottom, #00000080, #00000080), url('../images/wrap_n_shine_46329976_1095803713913471_5327202271932718169_n.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.herosection.windowtinting {
  background-image: url('../images/car-window-tinting.jpg');
  background-position: 50%;
  background-size: cover;
}

.herosection.ppf {
  background-image: linear-gradient(#000, #fff0 30%), linear-gradient(#00000080, #00000080), url('../images/corporal-clean-auto-detailing--paint-protection-16.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.herosection.tint {
  background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black-2), #fff0 30%), linear-gradient(to bottom, #000000a6, #000000a6), url('../images/auto-window-tinting.jpg');
}

.herosection.detailing {
  background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black), #fff0 30%), linear-gradient(to bottom, #00000080, #00000080), url('../images/corporal-clean-auto-detailing--paint-protection-7.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.detailing.new {
  background-image: linear-gradient(to right, #000000d9, #0c0b0b00), linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black), #fff0 30%), linear-gradient(to bottom, #0006, #0006), url('../images/ej3-car-detailing-denver.jpg');
  background-position: 0 0, 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.herosection.contact {
  flex-direction: column;
  justify-content: center;
  height: 900px;
  padding-top: 175px;
}

.herosection.coating {
  background-image: linear-gradient(#00000026, #00000026), linear-gradient(#00000073, #00000073), url('../images/corporal-clean-auto-detailing--paint-protection-2.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.herosection.paintcorrection {
  background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #00000080, #00000080), url('../images/paint-correction-before-and-after.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.denver {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0009, #0009), url('../images/denver-colorado.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
}

.herosection.commercecity {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0009, #0009), url('../images/commerce-city-car-detailing.jpeg');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, cover;
}

.herosection.aurora {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0009, #0009), url('../images/aurora.jpeg');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, auto;
}

.herosection.centennial {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0009, #0009), url('../images/centennial-co.jpeg');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, auto;
}

.herosection.coatingbenefit {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0000001a, #0000001a), url('../images/cquartzuk-coating.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.cquartzuk {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0000001a, #0000001a), url('../images/cquartzuk-coating.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.cquartzprofessional {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #0000004d, #0000004d), url('../images/cquartz-professional-o.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
}

.herosection.dquartz {
  background-image: linear-gradient(to bottom, #00000026, #00000026), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #000000a6, #000000a6), url('../images/cquartz-d.quartz-o.jpg');
  background-position: 0 0, 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
}

.hero_button {
  background-color: var(--medium-blue-2);
  color: var(--black-2);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  padding: 19px 50px 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 800;
  display: inline-block;
  box-shadow: 1px 1px 5px #000;
}

.hero_button.white {
  color: var(--black-2);
  background-color: #fff;
}

.hero_button.notauto {
  color: #fff;
  background-color: #e22a2a;
  margin-left: 0;
  margin-right: 0;
}

.hero_button.yellow {
  background-color: var(--blue);
  color: var(--black);
  padding-left: 50px;
  padding-right: 50px;
  box-shadow: 1px 1px 5px #00000080;
}

.navbar {
  background-color: var(--black);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.container {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.navlink {
  color: var(--white);
  text-align: center;
  text-shadow: none;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.navlink:hover {
  border-bottom: 1px solid var(--blue);
}

.navlink.w--current {
  border-bottom: 1px solid var(--gold);
  color: var(--white);
}

.navlink.phone {
  background-image: url('../images/Telephone-White.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: flex-start;
  padding-left: 25px;
  display: block;
}

.navlink.phone:hover {
  background-image: url('../images/telephone-white_1.svg');
  background-position: 4px 52%;
  background-size: 18px;
}

.navlink.call {
  background-image: url('../images/telephone-white_1.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 17px;
  padding-left: 21px;
}

.nav-button {
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  text-transform: none;
  padding: 14px 20px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.nav-button.full {
  background-color: var(--black-2);
  color: #fff;
  border-color: #e91b1b;
  font-size: 15px;
  font-weight: 700;
}

.nav-button.full:hover {
  border-color: #0979ff;
}

.nav-button.white {
  background-color: var(--white);
  color: var(--black-2);
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.home-featured-services {
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: -20px auto 50px;
  display: flex;
  position: relative;
}

.box {
  border: 1px solid var(--white);
  background-image: linear-gradient(to top, #000000e6, #0000), linear-gradient(#0000001a, #0000001a), url('../images/corporal-clean-auto-detailing--paint-protection-1.jpg');
  background-position: 0 0, 0 0, 0%;
  background-size: auto, auto, cover;
  min-width: 250px;
  max-width: 265px;
  height: 250px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  box-shadow: 0 0 7px 1px #0000005c;
}

.box._2 {
  background-image: linear-gradient(to top, #000000e6, #0000), url('../images/ceramic-coating.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.box._3 {
  background-image: linear-gradient(to top, #000000e6, #0000), linear-gradient(#00000040, #00000040), url('../images/paint-correction-before-and-after.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.box._4 {
  background-image: linear-gradient(to top, #000000e6, #0000), linear-gradient(#0000, #0000), url('../images/corporal-clean-auto-detailing--paint-protection-17.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.feature-services-title {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 1px 3px #000;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.paragraph {
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  text-shadow: 0 1px 3px #000;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}

.section-title {
  color: var(--black-2);
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  margin: 0 auto 40px;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 41px;
  display: block;
}

.section-title.white {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.section-title.left {
  color: var(--white);
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.section-title.left.black {
  color: var(--black-2);
}

.section-title._2 {
  margin-top: 40px;
}

.section-paragraph {
  color: #fff;
  text-align: left;
  width: 850px;
  margin: 10px auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16.5px;
  font-weight: 300;
  line-height: 28px;
  display: block;
}

._6-benefits-wrapper {
  color: #013d85;
  flex-wrap: wrap;
  place-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.benefit {
  justify-content: space-between;
  align-items: center;
  width: 30%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.benefit.vertical {
  text-align: center;
  flex-direction: column;
}

.benefits-description {
  color: var(--white);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 66%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
}

.benefits-description.white {
  color: #fff;
  font-family: Rubik;
}

.benefits-description.w100 {
  width: 100%;
}

.benefits-description.black {
  color: var(--black);
}

.section-review {
  background-color: #131212;
  padding-top: 80px;
  padding-bottom: 60px;
}

.section-review.image-bg {
  background-image: linear-gradient(#06080f80, #06080f80), url('../images/wrap_n_shine_50799827_252166025705083_8844796569458333959_n.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.section-review.hide {
  display: none;
}

.review-wrapper--home {
  background-color: #0000;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 75px;
  padding-top: 0;
  padding-bottom: 0;
}

.review-box {
  flex-direction: row;
  align-items: center;
  width: 90%;
  margin: 35px auto;
  display: flex;
}

.review-box.reverse {
  flex-direction: row-reverse;
}

.review-author--info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

._5-stars {
  margin-bottom: 10px;
}

.review-author {
  color: #fff;
  text-shadow: 1px 1px 2px #000000bf;
  margin-bottom: 1px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.review-source {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  text-shadow: 1px 1px 4px #000000bf;
  font-family: Roboto, sans-serif;
  font-size: 12.5px;
  font-weight: 300;
  line-height: 15px;
}

.review-text-wrapper {
  background-image: linear-gradient(#fff, #fff), url('../images/Quote-Icon-light-grey.svg');
  background-position: 0 0, 25px 25px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 25px;
  border-radius: 8px 0;
  width: 80%;
  height: auto;
  margin-top: 0;
  padding-top: 31px;
  padding-bottom: 25px;
}

.reviews-text {
  color: var(--black-2);
  width: 90%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 16.5px;
  font-weight: 400;
  line-height: 28px;
}

.review-links-wrapper {
  justify-content: center;
  align-items: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-reviewsection {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  color: #e22a2a;
  justify-content: space-between;
  margin-left: 15px;
  margin-right: 15px;
  padding: 17px 30px;
  text-decoration: none;
  display: block;
}

.button-reviewsection.facebook {
  border-radius: 2px;
}

.button-reviewsection.facebook:hover {
  background-image: linear-gradient(#2d426d, #2d426d);
}

.button-reviewsection.google {
  background-image: linear-gradient(#f4bd0d, #f4bd0d);
}

.button-reviewsection.google:hover {
  background-image: url('../images/Google-White.svg'), linear-gradient(#bb9007, #bb9007);
  background-position: 23px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 27px, auto;
}

.button-reviewsection.yelp {
  background-image: linear-gradient(#c41200, #c41200);
  align-items: center;
}

.button-reviewsection.yelp:hover {
  background-image: linear-gradient(#8f0f02, #8f0f02);
}

.button-text-reviewsection {
  color: var(--black-2);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.contactform-topwrap {
  text-align: center;
  background-image: linear-gradient(#03010080, #03010080), url('../images/corporal-clean-auto-detailing--paint-protection-1.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 85px;
  padding-bottom: 90px;
}

.form-box-wrapper {
  background-image: linear-gradient(#0000, #0000);
  border-radius: 3px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  margin: -65px auto 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  position: static;
  inset: 0;
}

.form-box-wrapper.contact-us {
  background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
  margin-top: -225px;
}

.form-embeded {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start center;
  align-items: center;
  width: 85%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.submit-button {
  background-color: var(--gold);
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-width: 2px;
  border-color: #fff;
  width: 260px;
  margin-left: 45px;
  padding: 23px 30px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 800;
  display: block;
  box-shadow: 0 2px 8px #00000078;
}

.submit-button:hover {
  color: var(--gold);
  background-color: #fff;
}

.embeded-form-input-field {
  color: var(--black-2);
  letter-spacing: .2px;
  background-color: #fff;
  border: 0 #000;
  border-radius: 0;
  width: 40%;
  height: 60px;
  margin-bottom: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 16.5px;
  font-weight: 400;
}

.embeded-form-input-field.message {
  width: 82%;
  height: 135px;
  margin-bottom: 30px;
  padding-bottom: 79px;
}

.embeded-form-input-field.message-footer {
  height: 80px;
}

.embeded-form-input-field.footer {
  height: 45px;
  font-family: Helvetica;
}

.embeded-form-input-field.w80 {
  width: 82%;
}

.form-wrapper {
  margin-bottom: 0;
  padding-top: 0;
}

.hero-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #00000080;
  width: 80%;
  margin: 0 auto 40px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 56px;
  display: block;
}

.hero-title._2 {
  margin-top: -35px;
  font-size: 30px;
}

.section-pricingtables {
  padding-top: 60px;
  padding-bottom: 75px;
}

.pt-title {
  color: var(--white);
  text-align: center;
  text-transform: none;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.pt-title.black {
  color: var(--black);
}

.pt-title.imagepackage {
  text-align: left;
  margin-bottom: 0;
}

.pt-title.imagepackage.small {
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
}

.pt-button {
  background-color: var(--gold);
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 25px auto 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.pt-button.premium {
  border-color: var(--black-2);
  background-color: var(--black-2);
  color: #fff;
}

.submit-button-2 {
  color: #fff;
  background-color: #303030;
  border: 2px #303030;
  border-radius: 3px;
  width: 155px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: block;
}

.submit-button-2:hover {
  background-color: #1f1f1f;
}

.submit-button-2._02 {
  background-color: #4b4b4b;
  margin-top: 26px;
}

.submit-button-2._02:hover {
  background-color: #3f3f3f;
}

.download-app-section {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 0;
}

.services-box-container {
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.service-wrapper {
  width: 300px;
  margin-left: 25px;
  margin-right: 25px;
  box-shadow: 0 0 6px #00000026;
}

.image-text-block {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/Car-Wash-03.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 160px;
  display: flex;
}

.image-text-block._01 {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/brush.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-text-block._02 {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/1700.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-text-block._03 {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/1700-1133.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.service-text---sec-03 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  display: block;
}

.learn-more-block {
  color: #fff;
  background-color: #fff;
  border: 1px solid #ddd;
  padding-top: 30px;
  padding-bottom: 30px;
}

.learn-more-button {
  color: #b45f1a;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  display: block;
}

.learn-more-button.facebook {
  color: #325aaf;
  font-size: 21px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.learn-more-button.instagram {
  color: #575757;
  font-weight: 400;
  text-decoration: none;
}

.learn-more-button.twitter {
  color: #00aced;
  font-weight: 400;
  text-decoration: none;
}

.footer-section {
  border-top: 1px solid var(--black-2);
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(#000 4%, #07040400 38%), linear-gradient(#000c, #000c), url('../images/corporal-clean-auto-detailing--paint-protection-12.jpg');
  background-position: 0 0, 0 0, 50% 30%;
  background-size: auto, auto, cover;
  padding-top: 50px;
}

.container-footer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 991px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-block {
  width: 27%;
}

.footer-title {
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  margin-bottom: 34px;
  font-family: Helvetica;
  font-size: 23px;
  font-weight: 700;
  line-height: 22px;
}

.footer-title.review {
  margin-bottom: 15px;
}

.footer-text {
  color: #e5e8e9;
  text-align: left;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.footer-text._01, .footer-text._02, .footer-text._03, .footer-text._04 {
  padding-left: 25px;
}

.image-2 {
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.review-text-footer {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 100;
}

.review-text-footer.footer-name {
  margin-top: 10px;
  font-weight: 700;
}

.footer-button {
  text-align: center;
  letter-spacing: .5px;
  background-color: #fc9000;
  border-radius: 3px;
  width: 60%;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0;
  font-family: Helvetica;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.footer-button:hover {
  background-color: #9b541a;
}

.footercontactform {
  padding: 0 7px;
}

.social-media-footer {
  border-top: 1px solid #747474;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 92px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 0;
  display: flex;
}

.copy-right-text {
  color: #a8a8a8;
  text-align: left;
  letter-spacing: .5px;
  width: 30%;
  margin-top: 9px;
  margin-bottom: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Helvetica;
  font-weight: 100;
}

.footer-social-wrapper {
  text-align: left;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 70%;
  margin-bottom: 8px;
  padding-right: 0;
  display: flex;
}

.footer-social-link {
  color: #a8a8a8;
  margin-left: 15px;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 28px;
  text-decoration: none;
}

.body {
  background-color: var(--black);
}

.section-contactnfo {
  background-color: #e9e9e9;
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/wrap-n-shine-auto-spa.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 85px;
  padding-bottom: 85px;
}

.contact-info-wrapper {
  border: 2px solid var(--blue);
  background-color: #fff0;
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 45px;
}

.contact-info-title {
  color: #fff;
  text-align: center;
  text-transform: none;
  text-shadow: 1px 1px 6px #000;
  margin-bottom: 45px;
  font-family: Rubik;
  font-size: 24px;
  font-weight: 700;
}

.info-text {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 9px #000;
  border-bottom: 2px solid #e0e0e0;
  width: 85%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  font-family: Rubik;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.info-text._02 {
  font-family: Rubik;
}

.info-text._03 {
  color: #fff;
  background-image: none;
}

.info-text._04 {
  background-image: none;
  font-weight: 500;
}

.hashtag-detailing-text {
  color: #303030;
  text-align: center;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
}

.hashtag-detailing-text.white {
  color: #fff;
  text-transform: none;
  margin-bottom: 18px;
  font-size: 49px;
  line-height: 45px;
}

.section-contactuspage {
  padding-bottom: 60px;
}

.section-text-image-sidebyside {
  background-color: #fff;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: block;
  position: static;
}

.section-text-image-sidebyside.orange {
  background-color: #fc9000;
}

.sideimage-textwrap {
  z-index: 999;
  background-color: #0000;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.plink {
  color: #fff;
  padding-left: 0;
  text-decoration: underline;
}

.link-2 {
  color: #fff;
  text-decoration: none;
}

.gallery-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 991px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pop-up-modal {
  z-index: 99999;
  background-image: linear-gradient(#000c, #000c);
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.pop-up-modal-form-block {
  background-image: url('../images/car-wash-app.png'), linear-gradient(#eee, #eee);
  background-position: 99% -176%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 210px, auto;
  border-radius: 3px;
  width: 590px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.form-wrapper-2 {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.popupform-input-text {
  color: #999;
  letter-spacing: .5px;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  height: 50px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-left: 17px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 300;
}

.submit-button-3 {
  color: #fff;
  background-color: #fc9000;
  border-radius: 3px;
  width: 100%;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 14px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.div-block {
  float: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-bottom: 9px;
  margin-left: auto;
  display: flex;
  position: relative;
}

.image-8 {
  float: none;
}

.fixed-navbar {
  z-index: 9999;
  background-color: #181818;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.social-media-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-sidebyside {
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.image-sidebyside.paintcorrection {
  background-image: url('../images/paint-correcting-lambo.jpeg');
  background-position: 100%;
  background-size: cover;
}

.image-sidebyside.green {
  background-color: #57e6c8;
}

.image-sidebyside.coating2 {
  background-image: url('../images/ceramic-coating-west-palm-beach.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-sidebyside.cardetailing {
  background-image: url('../images/corporal-clean-auto-detailing--paint-protection-13.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-sidebyside.paintcorrection2 {
  background-image: url('../images/paint-correction-west-palm-beach.jpg');
  background-position: 50% 20%;
  background-size: cover;
}

.html-embed {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.success-message {
  background-color: #0000;
}

.success-error-msg {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.link-5 {
  color: #fff;
  margin-left: 25px;
  margin-right: 25px;
  font-family: Fontawesome;
  font-size: 32px;
  text-decoration: none;
}

.benefits-icon {
  color: var(--blue);
  text-align: left;
  text-transform: lowercase;
  width: 40%;
  height: 35px;
  margin-right: 10px;
  padding-top: 7px;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 44px;
  font-style: normal;
}

.appinstall-subtitle {
  color: #fc9000;
  text-align: left;
  text-transform: none;
  font-family: Helvetica;
  font-size: 21px;
  font-weight: 200;
  line-height: 24px;
}

.image-9 {
  width: 75px;
  display: inline-block;
}

.brand.w--current {
  margin-right: 25px;
}

.section-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-horizontal-centered-wrapper {
  justify-content: center;
  align-items: center;
  width: 991px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.appinstall-text-wrap {
  width: 30%;
  margin-right: 100px;
}

.appinstall-text-wrap.w90 {
  width: 90%;
}

.appinstall-title {
  margin-bottom: 15px;
  font-family: Helvetica;
  font-size: 35px;
  font-weight: 700;
  line-height: 33px;
}

.iphone-app-image {
  margin-left: 0;
}

.appinstall-icon-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.uncentered-button {
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 3px solid #fff;
  border-radius: 3px;
  width: 220px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 700;
}

.uncentered-button:hover, .uncentered-button.reverse {
  color: #fc9000;
  background-color: #fff;
}

.uncentered-button.reverse:hover {
  color: #fff;
  background-color: #0000;
}

.pop-up-form-title {
  text-align: center;
  width: 90%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-family: Helvetica;
  font-size: 32px;
  font-weight: 100;
  line-height: 28px;
}

.form-3 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pop-up-form-subtitle {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Helvetica;
  font-size: 21px;
  font-weight: 200;
}

.dropdown-text {
  text-shadow: 0 1px 4px #0000004d;
}

.dropdown-toggle {
  color: #fff;
  letter-spacing: .5px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dropdown-toggle:hover {
  color: #e91b1b;
}

.dropdown-toggle.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-link {
  color: var(--black-2);
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  font-family: Inter, sans-serif;
  font-size: 17px;
}

.dropdown-link:hover {
  background-color: var(--blue);
  color: #fff;
  font-weight: 400;
}

.dropdown-link.w--current {
  background-color: var(--blue);
  color: var(--black-2);
}

.dropdown-list {
  margin-top: 12px;
}

.dropdown-list.w--open {
  margin-top: 0;
}

.gallery-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.instagramfeed-embed {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-social-icon {
  color: #8f8f8f;
  font-family: Fontawesome;
}

.container-flexh-ct-ct {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.black {
  background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
  background-color: var(--black-2);
}

.section.special {
  background-image: radial-gradient(circle farthest-corner at 50% -20%, #0d0e0e 59%, var(--black-6));
  padding: 100px 30px 80px;
}

.section.lightgrey {
  background-color: var(--white-smoke);
}

.section.hide {
  display: none;
}

.fullscreenpopup {
  z-index: 99999;
  background-color: #eee;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.fullscreenpopup-title {
  text-align: center;
  width: 820px;
  margin-bottom: 34px;
  font-family: Helvetica;
  font-size: 62px;
  font-weight: 700;
  line-height: 51px;
}

.text-span {
  color: #fc9000;
  font-weight: 100;
}

.fullscreenpopup-subtitle {
  color: #fc9000;
  text-align: center;
  font-family: Helvetica;
  font-size: 38px;
  font-weight: 100;
}

.fullscreenpopup-close-link {
  color: #333;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

.fullscreenpopup-close-text {
  font-family: Fontawesome;
  font-size: 30px;
}

.text-span-2 {
  font-weight: 700;
}

.scrollbox {
  z-index: 9999;
  background-image: linear-gradient(#00000080, #00000080), url('../images/exterior-steam-detailing.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 250px;
  margin-bottom: 25px;
  margin-right: 25px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 10px 3px #00000054;
}

.scrollbox-title {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-shadow: 1px 1px 8px #000000bf;
  margin-bottom: 10px;
  font-family: Helvetica;
  font-size: 31px;
  font-weight: 700;
  line-height: 30px;
}

.scrollbox-subtitle {
  color: #fc9000;
  text-align: center;
  letter-spacing: .5px;
  text-transform: none;
  text-shadow: 1px 1px 8px #000000bf;
  margin-bottom: 15px;
  font-family: Helvetica;
  font-size: 18.1px;
  font-weight: 300;
}

.sideimage-paragraph {
  color: var(--black-2);
  margin-bottom: 15px;
  font-family: Rubik;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.navhome-button {
  float: left;
  width: 130px;
  height: 40px;
  position: static;
}

.navhome-button.w--current {
  background-image: url('../images/new-image-auto-detailing-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.navmenu-mobile {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-navbar {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.banner-title {
  font-family: Helvetica;
  font-size: 35px;
  font-weight: 700;
  line-height: 33px;
}

.banner-title.white {
  color: #fff;
}

.banner-title.white.shadow {
  text-shadow: 1px 1px 6px #000;
  margin-bottom: 15px;
}

.section-banner {
  background-image: linear-gradient(#0003, #0003), url('../images/paint-protection-coating.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.banner-subtitle {
  color: #fc9000;
  margin-bottom: 0;
  font-family: Helvetica;
  font-size: 21px;
  font-weight: 200;
  line-height: 24px;
}

.banner-subtitle.shadow {
  text-shadow: 1px 1px 4px #000;
  margin-bottom: 0;
}

.scrollbox-close-link {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Helvetica;
  text-decoration: underline;
}

.text-span-3 {
  font-family: Fontawesome;
  font-size: 15.5px;
}

.map {
  filter: grayscale();
}

.footer-rows {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-column {
  text-align: left;
  padding-right: 55px;
}

.footer-title {
  border-bottom: 1px solid var(--blue);
  color: var(--white);
  text-align: left;
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.footer-link {
  color: #e5e8e9;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.footer-socialwrap {
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-sociallink {
  padding-left: 14px;
  padding-right: 14px;
  font-family: Fontawesome webfont, sans-serif;
  text-decoration: none;
}

.footer-socialicon {
  color: var(--blue);
  font-family: Fontawesome webfont, sans-serif;
  font-size: 30px;
}

.footer-certified {
  width: 90%;
  margin-bottom: 10px;
}

.footer-certified.stek {
  width: 110%;
}

.footer-certified.nanolex {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-disclaimer {
  border: 1px #000;
  border-top-color: #c6d1d8;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-copyright {
  color: #ffffff8c;
  text-align: left;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  display: block;
}

.map-section {
  text-align: center;
  padding: 15px;
}

.sideimage-column {
  height: 500px;
  padding-left: 0;
  padding-right: 0;
}

.sideimage-column._350px {
  height: 400px;
}

.sideimage-column._750px {
  height: 750px;
}

.sideimage-textcontainer {
  background-image: linear-gradient(to bottom, var(--black), var(--black));
  width: 100%;
  height: 100%;
}

.sideimage-textcontainer.darkgrey {
  background-image: linear-gradient(#202427, #202427);
}

.sideimage-textcontainer.black {
  background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
}

.sideimage-textcontainer.pink {
  background-image: linear-gradient(#fc1999, #fc1999);
}

.hidesection-interactiondiv {
  z-index: 9999;
  background-image: linear-gradient(#fff, #fff);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.contactsection {
  background-color: #0000;
  padding-bottom: 0;
}

.package-wrap {
  background-color: var(--blue);
  box-shadow: none;
  margin-bottom: 0;
  padding: 30px 20px 35px;
}

.package-wrap.premium {
  text-align: center;
  background-color: #e6b85c;
  background-image: linear-gradient(#0003, #0003), linear-gradient(120deg, #0084ff, #001a36);
  border-color: #e6b85c;
  border-top-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.package-wrap.black2 {
  background-color: var(--black-2);
  padding-top: 20px;
}

.package-wrap.black2.hide {
  display: none;
}

.package-wrap.lightgrey {
  background-color: var(--white-smoke);
}

.package-wrap.white {
  background-color: var(--white);
  box-shadow: none;
  padding-top: 20px;
}

.package-wrap.grey {
  background-image: linear-gradient(120deg, #c0c1c9, #fff);
}

.pt-column {
  padding-left: 5px;
  padding-right: 5px;
}

.package-row {
  width: 95%;
  max-width: 1200px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.package-row.last {
  margin-bottom: 80px;
}

.package-benefit {
  color: var(--black-2);
  text-align: center;
  margin-bottom: 10px;
  font-family: Rubik;
  line-height: 19px;
}

.package-checkmark {
  font-family: Fontawesome;
}

.div-block-11 {
  background-color: #e6b85c;
  border-bottom: 1px solid #c59c47;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 35px;
  margin-top: -34px;
}

.package-populartext {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Rubik;
  font-size: 12px;
  font-weight: 700;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.package-details {
  color: #243038;
  border: 1px #000;
  border-bottom: 1px solid #c6d1d8;
  margin-bottom: 8px;
  padding-bottom: 8px;
  font-family: Rubik;
  font-weight: 600;
}

.package-detailswrap {
  text-align: center;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

.package-specification {
  color: var(--black-2);
  margin-bottom: 6px;
  font-family: Rubik;
  font-size: 13px;
  font-weight: 300;
}

.div-block-14 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brand-2 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.footerlink {
  color: #111;
  text-decoration: none;
}

.herosection-titlewrap {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.herosection-titlewrap.contact {
  top: 40%;
}

.herosection-titlewrap.home {
  text-align: center;
  top: 45%;
  transform: translate(0, -45%);
}

.realimage-sidebyside {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.realimage-sidebyside.coatings {
  width: auto;
  height: 80%;
}

.link2 {
  color: #0979ff;
}

.sidebyside-video {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.gdpr-wrap {
  z-index: 9999;
  background-color: #181818;
  border-radius: 3px;
  width: 300px;
  height: 110px;
  margin-bottom: 15px;
  margin-left: 15px;
  padding: 10px 15px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
}

.package-coating-image {
  height: 200px;
  margin: -15px auto 10px;
  display: block;
}

.comparison-title {
  color: #111;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.comparison-title.services {
  text-align: left;
}

.comparison-title-wrap {
  height: 40px;
}

.comparison-column {
  padding-left: 0;
  padding-right: 0;
}

.comparison-content-wrap {
  background-color: #ebece4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 40px;
  margin-top: 5px;
  padding-left: 10px;
}

.comparison-content-wrap.center {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.comparison-content-wrap.right {
  border-radius: 0 5px 5px 0;
}

.comparison-content-wrap.white {
  background-color: #0000;
}

.comparison-text {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.comparison-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.comparison-icon {
  text-align: center;
  font-family: Fontawesome;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.tabs-menu {
  text-align: center;
}

.trust-fontawesome {
  font-family: Fontawesome webfont, sans-serif;
  font-size: 24px;
}

.trust-fontawesome.yellow {
  color: var(--blue);
  margin-left: auto;
  margin-right: auto;
}

.comparison-wrap {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.featured-service-text-wrap {
  position: relative;
  top: 80%;
  transform: translate(0, -30%);
}

.link-block {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.single-package-container {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.rich-text {
  color: #fff;
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 16.5px;
  line-height: 28px;
}

.rich-text.left {
  text-align: left;
}

.rich-text.left.black, .rich-text.black {
  color: var(--black-2);
}

.sbsi-video {
  margin-bottom: 30px;
}

.nav_dropdown {
  color: var(--white);
  text-shadow: none;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.nav_dropdown.hide {
  display: none;
}

.nav_phonelink {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: none;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
}

.nav_phonelink_fawesome {
  font-family: Fontawesome webfont, sans-serif;
  font-size: 27px;
}

.hero_subheading {
  color: var(--white);
  letter-spacing: 1px;
  text-shadow: 1px 1px 5px #000;
  margin-bottom: 50px;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 300;
}

.rt {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.rt p {
  margin-bottom: 15px;
}

.rt.bm40px {
  margin-bottom: 40px;
}

.rt.bm60px {
  margin-bottom: 60px;
}

.rt.black {
  color: var(--black-2);
}

.rt.black h2, .rt h2 {
  font-family: Inter, sans-serif;
}

.rt._90 {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.trust-container {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.trust-container.bm60px {
  margin-bottom: 60px;
}

.trust-container.w75 {
  width: 75%;
  max-width: 1400px;
}

.trust-wrap {
  border-left: 1px solid var(--blue);
  justify-content: center;
  align-items: center;
  width: 45%;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.trust-image {
  background-image: url('../images/Google-Reviews-White.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 70px;
}

.trust-image.yelp {
  background-image: url('../images/Yelp-Reviews-White.png');
}

.trust-image.fb {
  background-image: url('../images/facebook-reviews-white.png');
}

.trust-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
}

.trust-link {
  color: var(--blue);
  -webkit-text-stroke-color: var(--black-3);
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
}

.benefits-image {
  width: 80%;
  margin-bottom: 10px;
}

.benefits-image.small {
  width: 66%;
}

.sbs-title {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.sbs-title.black {
  color: var(--black-2);
  font-weight: 700;
}

.sbs-title.black.bigger {
  font-size: 36px;
}

.sbs-tcolumn {
  height: 500px;
  padding-left: 0;
  padding-right: 0;
}

.quote-subheading {
  color: var(--white);
  margin-bottom: 50px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.trust-section {
  background-image: linear-gradient(to bottom, var(--black-2), var(--black-2));
  justify-content: center;
  align-items: center;
  height: 170px;
  display: flex;
}

.flex-sbs-container {
  background-color: var(--black);
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flex-sbs-container.black {
  background-color: var(--black-2);
}

.sbs-iwrap {
  background-image: linear-gradient(#0000, #0000);
  align-self: stretch;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  overflow: hidden;
}

.sbs-iwrap.ppf1 {
  background-image: url('../images/paint-before-and-after-xpel-clear-bra.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  max-width: 400px;
  margin-bottom: 5px;
}

.sbs-iwrap.ppf2 {
  background-image: url('../images/corporal-clean-auto-detailing--paint-protection-9.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.sbs-iwrap.tint1 {
  background-image: linear-gradient(#0000, #0000), url('../images/window-tinting-ej3.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.sbs-iwrap.tint2 {
  background-image: url('../images/car-window-tint.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.sbs-iwrap.coating {
  background-image: url('../images/ceramic-pro-coating-southern-connecticut.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.sbs-iwrap.correction1 {
  background-image: url('../images/paint-correction.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  width: 40%;
}

.sbs-iwrap.correction2 {
  background-image: url('../images/wrap_n_shine_49484220_2199176526996841_2110606913011355674_n.jpg'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.sbs-iwrap.coating1 {
  background-image: url('../images/corporal-clean-auto-detailing--paint-protection-22.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.youtube-2 {
  align-self: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.sbs-twrap-flex {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 50px;
}

.sbs-twrap-flex.w50 {
  width: 50%;
}

.sbs-twrap-flex.w65 {
  width: 65%;
}

.sbs-twrap-flex.w60 {
  width: 60%;
}

.sbs-rt {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 26px;
}

.sbs-rt.black {
  color: var(--black-2);
}

.sbs-rt.black.bp40px {
  margin-bottom: 40px;
}

.sbs-rt.black a {
  color: var(--black-2);
}

.sbs-rt p {
  margin-bottom: 15px;
}

.sbs-rt.bm25px {
  margin-bottom: 25px;
}

.pt-rt {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 22px;
}

.pt-rt ul {
  padding-left: 0;
  list-style-type: none;
}

.pt-rt li {
  border-bottom: 1px solid #fff;
  padding-top: 9px;
  padding-bottom: 9px;
}

.pt-rt h4 {
  margin-top: 0;
  font-size: 16px;
}

.pt-rt.black {
  color: var(--black-2);
}

.pt-rt a {
  color: var(--gold);
  font-weight: 700;
}

.pt-subtitle {
  color: var(--black-7);
  text-align: center;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.pt-subtitle.white {
  color: var(--white);
}

.div-block-16 {
  background-image: linear-gradient(135deg, #e4472580, var(--black-2) 55%);
  justify-content: space-around;
  align-items: center;
  width: 94%;
  max-width: 1100px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-16.kenzo {
  padding-left: 0;
  padding-right: 0;
}

.div-block-16.black {
  background-image: linear-gradient(to bottom, #00000080, #00000080), linear-gradient(135deg, var(--gold), var(--black-2) 55%);
}

.div-block-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.div-block-17._2 {
  background-color: #f70004;
  background-image: linear-gradient(to bottom, #00000040, #00000040), linear-gradient(285deg, var(--saddle-brown), var(--black-3));
  margin-right: -27px;
  padding: 40px 50px;
}

.div-block-17.tint {
  background-image: url('../images/AdobeStock_212378853.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.text-block.last {
  margin-bottom: 39px;
}

.text-block-2 {
  color: var(--black-2);
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-2.white {
  color: var(--white);
}

.preparation-rt {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 27px;
}

.preparation-rt ul {
  color: var(--white);
  padding-left: 35px;
}

.preparation-rt li {
  margin-bottom: 12.5px;
}

.rt-image {
  margin-top: 40px;
  margin-bottom: 40px;
}

.hero-quote-heading {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 8px #000;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 40px;
}

.hero-quote-heading.small {
  font-size: 27.5px;
  line-height: 29px;
}

.hero-quote-heading.large {
  font-size: 50px;
  line-height: 50px;
}

.hero-quote-heading.medium {
  font-size: 40px;
  line-height: 45px;
}

.hero-benefits-wrap {
  margin-right: auto;
  padding: 20px 50px 6px 25px;
}

.hero-quote-columns {
  justify-content: center;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-quote-columns.p60 {
  top: 60%;
  transform: translate(0, -60%);
}

.text-block-22 {
  color: var(--black-2);
  text-align: center;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-field-4 {
  background-color: #faf9f9;
  border: 1px solid #000;
  border-radius: 0;
  height: 45px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  display: inline-block;
}

.text-field-4.contactpage {
  background-color: var(--white-smoke);
  margin-bottom: 12.5px;
}

.text-field-4.contactpage.message {
  height: 75px;
}

.text-block-23 {
  color: var(--black-2);
  text-align: center;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 26px;
  transform: translate(0);
}

.hero-quote-l {
  max-height: 600px;
  padding-right: 0;
}

.formoyens {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.formoyens.contactpage {
  position: static;
  transform: none;
}

.hero-quote-benefitscolumns {
  margin-bottom: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.submit-button-4 {
  background-color: var(--black-2);
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-image: none;
  border: 2px #fff;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 25px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: block;
  box-shadow: 0 2px 19px -1px #0000002e;
}

.hero-quote-lcolumn {
  padding-left: 0;
  padding-right: 30px;
}

.fontawesome-2 {
  font-family: Fontawesome webfont, sans-serif;
}

.fontawesome-2.yellow {
  color: var(--gold);
}

.fontawesome-2.green {
  color: #42c70e;
}

.text-block-24 {
  color: var(--white);
  letter-spacing: .2px;
  text-shadow: 1px 1px 9px #000;
  padding-left: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.text-block-24.hide {
  display: none;
}

.hero-quote-formblock {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  text-align: center;
  max-width: 350px;
  height: 510px;
  max-height: 530px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  padding: 30px 20px 25px;
  box-shadow: 1px 1px 8px #000;
}

.hero-quote-formblock.contactpage {
  max-width: 500px;
  height: auto;
  max-height: none;
  margin-left: 0;
}

.text-block-21 {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: capitalize;
  text-shadow: 1px 1px 6px #000;
  margin-bottom: 10px;
  padding-left: 15px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.cta {
  background-color: var(--blue);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 50px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 800;
  box-shadow: 1px 1px 5px #00000080;
}

.cta.center {
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.cta.center.bp40px {
  margin-bottom: 40px;
}

.cta.toppaddings {
  margin-top: 10px;
}

.cta.left {
  align-self: flex-start;
}

.sbs-vwrap {
  align-self: center;
  width: 37.5%;
}

.sbs-vwrap.black {
  align-self: stretch;
  padding-top: 15px;
}

.clearbra-quote-button {
  background-color: var(--blue);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 16px 30px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  position: relative;
}

.tabs-2 {
  width: 80%;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ppf-mockup-wrap-2 {
  text-align: center;
  padding-top: 50px;
}

.ppf-mockup-2 {
  height: 300px;
  margin-bottom: 30px;
}

.ppf-mockup-2.partial {
  filter: hue-rotate(315deg);
  background-image: url('../images/partial-front-ppf.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ppf-mockup-2.fullfrontalrockers {
  background-image: url('../images/full-car-ppf.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ppf-mockup-2.bumper {
  background-image: url('../images/bumper-only.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ppf-mockup-2.fullfront {
  background-image: url('../images/full-front.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ppf-mockup-2.alcarte {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.clearbra-selection-button-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3c3c3f;
  margin-right: 15px;
  padding: 11px 17px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.clearbra-selection-button-2:hover {
  color: #fff;
  background-color: #525252;
  font-weight: 600;
}

.clearbra-selection-button-2.w--current {
  background-color: var(--dim-grey);
  color: var(--white);
}

.ppf-price-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: 1.8px;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.ppf-package-title-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.square-benefit-left-column {
  padding-left: 0;
  padding-right: 2.5px;
}

.square-benefit-right-column {
  padding-left: 2.5px;
  padding-right: 0;
}

.div-block-18 {
  background-image: linear-gradient(#0009, #0009), url('../images/corporal-clean-auto-detailing--paint-protection-3.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 500px;
  margin-top: 5px;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-18.chips {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/paint-protection-film-s.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-18.value {
  background-image: linear-gradient(#0009, #0009), url('../images/exterior-detailing-M.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.div-block-18.stain {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/xpel-vs-spray-paint.jpg');
}

.div-block-18.xpel {
  background-image: linear-gradient(#0009, #0009), url('../images/CARPRO-Immortal.jpeg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.div-block-18.stek {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/wrap_n_shine_70411670_131267584924060_7839264303948830604_n.jpg');
}

.div-block-18.tint1 {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/window-tinting-computer-cut.jpeg');
}

.div-block-18.detailing {
  background-image: linear-gradient(#0009, #0009), url('../images/car-detailing-west-palm-beach.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-18.detailing1 {
  background-image: linear-gradient(#0009, #0009), url('../images/ej3-car-detailing-denver.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-18._1 {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/car-detailer-2.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-18._2 {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/wrap_n_shine_73085777_2438624529578733_2014184670873123761_n.jpg');
}

.div-block-18.coating1 {
  background-image: linear-gradient(#0009, #0009), url('../images/ceramic-coating-west-palm-beach-florida.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-18.coating2 {
  background-image: url('../images/cquartz-professional-coating-package.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-18.ppf {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/ppf-s.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-18.ppf2 {
  background-image: linear-gradient(#0009, #0009), url('../images/clear-bra-on-audi.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-18.dquartz {
  background-image: url('../images/cquartz-d.quartz-o.jpg'), linear-gradient(#0009, #0009);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.div-block-18.dquartz2 {
  background-image: linear-gradient(#0009, #0009), url('../images/ceramic-coating-west-palm-beach.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.square-benefit-title {
  color: var(--white);
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.div-block-19 {
  position: relative;
  top: 80%;
  transform: translate(0, -80%);
}

.div-block-19.hide {
  display: none;
}

.square-benefit-paragraph {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 29px;
}

.square-benefit-paragraph.mw450px {
  max-width: 450px;
}

.columns {
  padding-bottom: 5px;
}

.columns.hide {
  display: none;
}

.div-block-20 {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/53741178_1270881093061742_5816242633479028736_o.jpg');
  background-position: 0 0, 50% 20%;
  background-size: auto, cover;
  height: 500px;
  margin-bottom: 5px;
  padding-left: 40px;
  padding-right: 40px;
}

.hero-contactpage-contactinfo {
  background-color: var(--black-2);
  height: 100%;
  padding: 30px 35px;
}

.heading {
  color: var(--white);
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-25 {
  color: var(--white);
  margin-bottom: 17.5px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
}

.text-block-25.last {
  margin-bottom: 30px;
}

.map-embed-desktop {
  margin-left: auto;
  margin-right: auto;
}

.map-embed-tablet, .html-embed-2 {
  display: none;
}

.columns-2 {
  margin-bottom: 40px;
}

.link-6 {
  color: var(--white);
}

.herovideosection {
  background-image: linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #00000080, #00000080);
  height: 750px;
}

.div-block-21 {
  background-image: url('../images/IGL-Kenzo.jpg'), linear-gradient(to bottom, var(--white), var(--white));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 80%, auto;
  align-self: stretch;
  width: 50%;
}

.div-block-22 {
  background-image: linear-gradient(#11b04c, #11b04c);
  align-self: stretch;
  width: 50%;
  padding: 35px 30px;
}

.ctabuttonwrapper {
  text-align: center;
}

.coatingbenefitwrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}

.grid.about {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._1 {
  display: block;
}

.grid._3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grey {
  background-color: var(--black);
  padding-top: 40px;
  padding-bottom: 40px;
}

.packagepricingtext {
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.startingat {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.div-block-23 {
  border: 3px solid var(--blue);
}

.div-block-23.notpremium {
  border-style: none;
}

.packagescontainer {
  margin-bottom: 80px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: stretch center;
  width: 95%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.howitworkswrap {
  background-color: var(--white-smoke);
  padding: 30px 20px;
}

.howitworkswrap.yellow {
  background-color: var(--blue);
}

.howitworkstitle {
  color: var(--black);
  text-align: center;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-26 {
  color: var(--black-2);
  text-align: center;
  font-family: Open Sans, sans-serif;
}

.howitworksminiwrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-block-27 {
  color: var(--white);
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.textarea {
  color: var(--black-2);
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 16.5px;
}

.div-block-24 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-24.finest {
  padding: 85px 0;
}

.div-block-24._2 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.packageimagegrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.25fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-bottom: 20px;
  display: grid;
}

.footersitemap {
  color: #ffffff8c;
  text-decoration: none;
}

.text-block-28 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.hide {
  display: none;
}

.image-10 {
  width: 50%;
}

.flex-block {
  width: 80%;
  max-width: 1300px;
}

.newheroheading {
  color: var(--white);
  margin-bottom: 35px;
  font-family: Roboto, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.herobenefit {
  color: var(--white);
  text-shadow: 0 1px 12px #000c;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.sbsquotebenefit {
  color: var(--black-2);
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.form-4 {
  background-color: var(--gold);
  width: 90%;
  max-width: 400px;
  padding: 30px 20px;
}

.text-field-5 {
  border: 0 #000;
  margin-bottom: 13px;
}

.heading-2 {
  color: var(--black-2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
}

.singlepackagecontainer {
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.footerembed {
  margin-top: 42px;
}

.beforeafterimagecontainer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.beforeafterimagediv {
  height: 400px;
  overflow: hidden;
}

.beforeafterimagediv.beforecorrection {
  overflow: hidden;
}

.beforeafterimagediv.aftercorrection {
  background-image: url('../images/after-paint-correction.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.sbsgridcontainer {
  grid-column-gap: 0px;
  grid-row-gap: 6px;
  background-color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-25 {
  background-color: #ffffff40;
  margin-bottom: 40px;
}

.packagedisclaimertext {
  color: #fff;
  text-align: center;
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
}

.sbsgridtextdiv {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sectionyellow {
  background-color: var(--blue);
}

.sbsimage {
  min-width: 150%;
  min-height: 100%;
  margin-left: auto;
}

.text-span-4 {
  color: #fff;
  letter-spacing: 4px;
  text-shadow: none;
  background-color: #ca2929;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 22px;
  font-weight: 700;
}

.text-block-17 {
  color: #000;
  letter-spacing: 1px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.text-span-1 {
  color: #ca2929;
}

.text-span-1.black {
  color: #000;
}

.hero-quote-columns-2 {
  justify-content: center;
  width: 85%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.field-label {
  color: #000;
  margin-top: 25px;
  font-family: Montserrat, sans-serif;
}

.columns-9 {
  margin-bottom: 35px;
}

.columns-9.deal {
  margin-bottom: 20px;
}

.herosection-2 {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#00000080, #00000080), url('../images/ceramic-coating.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  height: auto;
  padding-top: 40px;
  padding-bottom: 55px;
}

.gif-video {
  z-index: 99999999;
  width: 200px;
  height: 350px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.gif-video.horizontal {
  width: 300px;
  height: 200px;
}

.form {
  transform: none;
}

.text-block-19 {
  color: #fff;
  text-align: center;
  text-transform: none;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 21px;
  transform: translate(0);
}

.text-block-19.deal {
  color: #000;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 34px;
}

.text-block-18 {
  color: #000;
  text-align: left;
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.radio-button-label {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.herotitle {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 55px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  line-height: 49px;
}

.crossline {
  color: #ca2929;
  text-decoration: line-through;
}

.hero-quote-formblock-2 {
  text-align: left;
  background-color: #e7e7e7d9;
  max-width: 420px;
  height: 100%;
  margin: 0 auto;
  padding: 35px 30px 25px;
}

.div-block-9 {
  background-image: url('../images/paint-protection3.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 85%;
  height: 50px;
}

.div-block-9.coating4 {
  background-image: url('../images/coatings-1.png');
}

.div-block-9.coating1 {
  background-image: url('../images/coatings-4.png');
  background-size: contain;
  border-radius: 5px;
}

.div-block-9.coating3 {
  background-image: url('../images/coating-1.png');
  background-size: contain;
}

.nospam {
  color: #000;
  text-align: center;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.column-14 {
  height: 70px;
}

.red {
  color: #ca2929;
}

.text-field-2 {
  border: 1px solid #d3d3d3;
  height: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.submit-button-5 {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #ca2929;
  background-image: none;
  border: 2px #fff;
  border-radius: 4px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 40px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: block;
  box-shadow: 0 2px 19px -1px #0000002e;
}

.hero-quote-lcolumn-2 {
  padding-left: 0;
  padding-right: 0;
}

.text-block-29 {
  color: #161c1d;
  text-align: center;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.hero-benefits-wrap-2 {
  background-color: #0000;
  margin-right: auto;
  padding-bottom: 1px;
  padding-left: 40px;
  padding-right: 0;
}

.hero-quote-l-2 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-26 {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.image-11 {
  padding-left: 0;
  padding-right: 0;
}

.image-12 {
  width: 100px;
  margin-bottom: 20px;
}

.invert {
  filter: contrast(200%) invert();
}

.section-2 {
  height: 100vh;
  padding-top: 150px;
}

.html-embed-3 {
  height: 80vh;
}

.image-13 {
  width: 100px;
}

.text-block-31 {
  color: #fff;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.cc-image {
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0059c7;
  border-radius: 3px;
  width: 230px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.button.red {
  background-color: #d80f27;
}

.cc {
  width: 90%;
  max-width: 1400px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-3 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-3.tp0px {
  padding-top: 0;
}

.section-title-2 {
  color: #202020;
  text-align: center;
  text-transform: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 600;
  line-height: 39px;
}

.cc-wrap {
  background-color: var(--white-smoke-2);
  margin-bottom: 20px;
  padding: 30px;
}

.cc-rt {
  color: var(--black);
  text-align: left;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
}

.grid-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.pricingtablewrap {
  border: 4px solid var(--gold);
  background-color: var(--white-smoke-2);
  padding: 10px 30px 30px;
}

.rich-text-block {
  color: var(--black-2);
  font-family: Inter, sans-serif;
}

.rich-text-block h3 {
  text-transform: uppercase;
}

html.w-mod-js [data-ix="popupform-ia"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="scroll-into-view"], html.w-mod-js [data-ix="scroll-into-view-block"], html.w-mod-js [data-ix="home-load-1"], html.w-mod-js [data-ix="home-load-2"], html.w-mod-js [data-ix="home-load-3"], html.w-mod-js [data-ix="home-load-4"], html.w-mod-js [data-ix="home-load-5"] {
  opacity: 0;
  transform: scale(.8);
}

html.w-mod-js [data-ix="scroll-section-left"] {
  opacity: 0;
  transform: translate(-1250px);
}

html.w-mod-js [data-ix="scroll-block-wrapper-left"], html.w-mod-js [data-ix="scroll-flex-wrapper-left"] {
  opacity: 0;
  display: block;
  transform: translate(-1250px);
}

html.w-mod-js [data-ix="fullscreenpopup-ia-show"], html.w-mod-js [data-ix="scrollbox-ia"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="scroll-text-appear"] {
  opacity: 0;
  transform: translate(0, 20px);
}

@media screen and (max-width: 991px) {
  .herosection {
    height: auto;
    padding-top: 100px;
    padding-bottom: 25px;
  }

  .herosection.about {
    height: 350px;
  }

  .herosection.home {
    height: 500px;
  }

  .herosection.contact {
    height: auto;
  }

  .hero_button.white {
    width: 200px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }

  .navbar {
    text-align: left;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .container {
    color: #fff;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .navlink {
    color: var(--white);
    text-align: center;
    text-shadow: none;
    border-bottom: 2px #d8d8d8;
    width: 100%;
    font-weight: 500;
    text-decoration: none;
    display: block;
  }

  .navlink.w--current {
    color: var(--black-2);
    border-bottom-style: none;
  }

  .navlink.phone {
    background-image: url('../images/circled-telephone--white.svg');
    background-position: 4px 4px;
    background-size: 38px;
    border-bottom-style: none;
    border-bottom-width: 0;
    justify-content: center;
    align-items: center;
    padding-top: 23px;
    padding-bottom: 23px;
    display: block;
  }

  .navlink.phone:hover {
    background-image: url('../images/circled-telephone--orange.svg');
    background-position: 2px 2px;
    background-size: 42px;
  }

  .nav-button {
    background-color: var(--blue);
    text-align: center;
    letter-spacing: 2px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: block;
  }

  .nav-button:hover {
    color: var(--black-2);
    background-color: #fff;
    border-color: #fff;
  }

  .nav-button.call {
    background-color: #fc9000;
  }

  .nav-button.call:hover {
    color: #fff;
    background-color: #fc9000;
    border-color: #fc9000;
  }

  .nav-button.full {
    color: #e22a2a;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 22px;
    position: static;
  }

  .nav-button.full:hover, .nav-button.full.w--current {
    color: #e22a2a;
    background-color: #fff;
  }

  .nav-menu {
    background-color: #fff;
    width: 400px;
    height: 100vh;
    padding-top: 7px;
    padding-left: 9px;
    display: block;
  }

  .home-featured-services {
    width: 95%;
    max-width: none;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .box {
    min-width: 0;
    margin-left: 3px;
    margin-right: 3px;
  }

  .box._3 {
    max-width: none;
  }

  .paragraph {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    line-height: 32px;
  }

  .section-title.white {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .section-title.left {
    margin-left: 0;
    margin-right: 0;
  }

  .section-title.left.white {
    font-weight: 500;
  }

  .section-paragraph {
    width: 95%;
  }

  ._6-benefits-wrapper {
    justify-content: center;
  }

  .benefit {
    width: 50%;
    margin-top: 0;
  }

  .benefit.first {
    margin-top: 0;
  }

  .benefits-description {
    text-align: left;
    background-image: none;
    display: block;
  }

  .benefits-description.w100 {
    text-align: center;
  }

  .section-review {
    padding-top: 95px;
  }

  .section-review.image-bg {
    padding-top: 60px;
  }

  .review-source {
    text-align: center;
  }

  .review-links-wrapper {
    width: auto;
  }

  .button-reviewsection {
    margin-left: 10px;
    margin-right: 10px;
  }

  .contactform-topwrap {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .form-box-wrapper {
    width: 85%;
  }

  .form-box-wrapper.contact-us {
    margin-top: -150px;
  }

  .embeded-form-input-field.message-footer {
    height: 115px;
  }

  .hero-title {
    width: 90%;
    font-size: 38px;
    line-height: 38px;
  }

  .section-pricingtables {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .download-app-section {
    background-image: url('../images/car-wash-app.png');
    background-position: 50% 428%;
    background-repeat: no-repeat;
    background-size: 210px;
    height: 600px;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .service-wrapper {
    width: 320px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-footer {
    flex-direction: column;
    align-items: center;
    width: auto;
  }

  .footer-block {
    width: 400px;
    margin-bottom: 50px;
    margin-right: 0;
  }

  .footer-text {
    margin-top: 17px;
    margin-bottom: 17px;
  }

  .footer-text._01 {
    background-position: 67px;
    padding-left: 0;
  }

  .footer-text._02 {
    background-position: 125px 0;
    padding-left: 0;
  }

  .footer-text._03 {
    background-position: 62px 0;
    padding-left: 0;
  }

  .footer-text._04 {
    background-position: 59px 0;
    padding-left: 0;
  }

  .footer-button {
    margin-top: 38px;
  }

  .footercontactform {
    padding-left: 0;
    padding-right: 0;
  }

  .social-media-footer {
    width: 90%;
    margin-top: 38px;
  }

  .copy-right-text {
    text-align: left;
    width: 40%;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-social-wrapper {
    justify-content: flex-end;
    width: 60%;
  }

  .footer-social-link {
    margin-left: 20px;
    margin-right: 20px;
  }

  .icon {
    font-size: 36px;
  }

  .section-contactnfo {
    background-image: linear-gradient(to bottom, null, null), url('../images/1700x-1133-1.1.jpg');
    background-position: 0 0, 50% 100%;
    background-attachment: scroll, scroll;
  }

  .info-text._02 {
    background-image: none;
  }

  .info-text._03 {
    background-position: 110px 31%;
    background-size: 18px;
  }

  .info-text._04 {
    background-position: 25px 29%;
  }

  .sideimage-textwrap {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    position: static;
    transform: none;
  }

  .gallery-wrapper {
    width: auto;
  }

  .menu-button {
    width: 50px;
    padding: 12px 7px;
    position: static;
  }

  .menu-button.w--open {
    background-color: #0000;
    width: 70%;
  }

  .pop-up-modal {
    z-index: 9990;
    padding-top: 11px;
    display: none;
    overflow: scroll;
  }

  .fixed-navbar {
    z-index: 999;
    display: block;
  }

  .nav-button-wrapper {
    justify-content: flex-end;
    align-items: center;
    width: auto;
    display: flex;
  }

  .image-sidebyside.green {
    height: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .image-sidebyside.coating2 {
    background-position: 50% 30%;
  }

  .section-container, .flex-horizontal-centered-wrapper {
    width: 95%;
  }

  .appinstall-text-wrap {
    width: 90%;
    margin-right: 0;
  }

  .dropdown-text {
    text-shadow: none;
  }

  .dropdown-toggle {
    border-bottom: 2px #d8d8d8;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
    font-size: 26px;
    font-weight: 300;
  }

  .dropdown-toggle:hover {
    color: #171f25;
  }

  .dropdown-link {
    background-color: var(--black-6);
    color: var(--white);
    text-align: center;
    border-bottom-style: none;
    display: block;
  }

  .dropdown-link.w--current {
    background-color: var(--black-6);
    color: var(--blue);
  }

  .instagramfeed-embed {
    width: 95%;
  }

  .container-flexh-ct-ct {
    flex-direction: column;
  }

  .scrollbox {
    display: none;
  }

  .navmenu-mobile {
    background-color: var(--black-2);
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    padding-top: 10px;
    padding-right: 0;
    display: flex;
    position: fixed;
  }

  .container-navbar {
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    padding-left: 18px;
    display: block;
  }

  .icon-2 {
    color: var(--white);
    text-shadow: 0 1px 3px #0000004d;
    font-size: 42px;
  }

  .menu-button-2 {
    margin-left: 10px;
    margin-right: 10px;
    padding: 18px 8px;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .banner-subtitle.shadow {
    margin-bottom: 20px;
  }

  .footer-certified, .footer-certified.ida, .footer-certified.stek {
    width: 150px;
  }

  .footer-certified.nanolex {
    margin-left: 0;
    margin-right: 0;
  }

  .sideimage-column {
    height: 300px;
    display: block;
  }

  .sideimage-textcontainer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hidesection-interactiondiv {
    display: none;
  }

  .package-wrap {
    margin-bottom: 15px;
  }

  .div-block-11 {
    margin-top: 0;
  }

  .package-detailswrap {
    margin-bottom: 40px;
  }

  .div-block-12 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    place-items: center;
    margin-top: 30px;
    display: flex;
  }

  .mnav-button {
    color: var(--black-2);
    background-color: #fff;
    border-radius: 200px;
    margin-left: 18px;
    padding: 8px 12px;
    font-family: Fontawesome webfont, sans-serif;
    font-size: 17px;
    text-decoration: none;
    box-shadow: 0 1px 3px #0006;
  }

  .mnav-button:active {
    background-color: var(--black-2);
    color: var(--black-3);
  }

  .mnav-button.home {
    color: var(--black-2);
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0 1px 3px #0000004d;
  }

  .mnav-button.open {
    background-color: var(--blue);
    color: var(--black-2);
  }

  .div-block-13 {
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px;
    display: flex;
  }

  .div-block-14 {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .brand-2 {
    width: 70px;
    margin-left: 18px;
    margin-right: auto;
  }

  .herosection-titlewrap {
    transform: translate(0, -50%);
  }

  .realimage-sidebyside {
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    transform: none;
  }

  .realimage-sidebyside.coatings {
    height: 100%;
  }

  .sidebyside-video {
    width: 60%;
    padding-top: 30px;
    position: static;
    transform: none;
  }

  .nav_dropdown {
    color: var(--white);
    text-align: center;
    text-shadow: none;
    width: 100%;
    font-weight: 500;
  }

  .nav_phonelink {
    display: none;
  }

  .trust-container.w75 {
    width: 95%;
  }

  .trust-image {
    width: 40%;
  }

  .sbs-tcolumn {
    height: auto;
  }

  .div-block-17.tint {
    background-position: 20%;
  }

  .hero-quote-heading {
    text-align: center;
    margin-top: 0;
  }

  .hero-benefits-wrap {
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-quote-columns {
    flex-direction: column;
    height: auto;
    position: static;
    transform: none;
  }

  .hero-quote-columns.p60 {
    transform: none;
  }

  .hero-quote-l {
    padding-left: 0;
  }

  .formoyens {
    position: static;
    transform: none;
  }

  .hero-quote-benefitscolumns {
    margin-bottom: 0;
  }

  .hero-quote-lcolumn {
    padding-right: 0;
  }

  .hero-quote-formblock {
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: static;
    transform: none;
  }

  .hero-quote-formblock.contactpage {
    width: 100%;
  }

  .clearbra-selection-button-2 {
    text-align: center;
    width: 100%;
  }

  .hero-contactpage-contactinfo {
    width: 100%;
  }

  .map-embed-desktop {
    display: none;
  }

  .map-embed-tablet {
    display: block;
  }

  .dropdown-list-2 {
    background-color: #0000;
  }

  .dropdown-list-2.w--open {
    position: static;
  }

  .herovideosection {
    height: auto;
    padding-top: 100px;
    padding-bottom: 25px;
  }

  .dropdown-2 {
    text-align: center;
    flex: none;
    width: 100%;
    display: inline;
    position: static;
  }

  .sbsimage {
    width: 100%;
    height: auto;
    margin-top: -68px;
    margin-left: 0;
  }

  .hero-quote-columns-2 {
    flex-direction: row;
    height: auto;
  }

  .form {
    position: static;
    transform: none;
  }

  .hero-quote-formblock-2 {
    width: 100%;
  }

  .hero-quote-lcolumn-2 {
    padding-right: 0;
  }

  .hero-benefits-wrap-2 {
    max-width: 100%;
    margin-right: 0;
  }

  .hero-quote-l-2 {
    padding-left: 0;
  }

  .div-block-26 {
    align-items: center;
  }

  .text-block-31, .cc {
    width: 90%;
  }

  .section-title-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 42px;
  }

  .grid-3 {
    flex-flow: column;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .herosection {
    padding-top: 90px;
  }

  .herosection.contact {
    padding-bottom: 100px;
  }

  .herosection.paintcorrection {
    background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, var(--black), #0000 30%), linear-gradient(to bottom, #00000080, #00000080), url('../images/paint-correction-before-and-after.jpg');
    background-position: 0 0, 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat, repeat;
    background-size: auto, auto, auto, auto;
  }

  .hero_button {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }

  .hero_button.white {
    width: 180px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navbar {
    align-items: center;
  }

  .nav-button {
    text-align: center;
    text-transform: uppercase;
  }

  .nav-menu {
    width: auto;
    height: 100vh;
  }

  .home-featured-services {
    flex-flow: column;
    margin-top: 15px;
  }

  .box {
    width: 100%;
    max-width: none;
    height: 200px;
    margin-top: 15px;
  }

  .section-title {
    margin-bottom: 25px;
    font-size: 28px;
  }

  .section-paragraph {
    width: 90%;
    font-size: 16px;
  }

  ._6-benefits-wrapper {
    flex-direction: row;
    justify-content: space-around;
  }

  .benefit {
    width: 49%;
  }

  .benefits-description {
    font-size: 17px;
  }

  .section-review {
    padding-top: 75px;
  }

  .section-review.image-bg {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .review-author--info {
    margin-left: 9px;
    margin-right: 9px;
  }

  .review-author {
    text-align: center;
  }

  .review-text-wrapper {
    background-image: url('../images/Quote-Icon-light-grey.svg'), linear-gradient(to bottom, null, null);
    background-position: 17px 16px, 0 0;
    background-size: 20px, auto;
  }

  .reviews-text {
    width: 85%;
    font-size: 14px;
    line-height: 25px;
  }

  .review-links-wrapper {
    flex-direction: row;
    justify-content: center;
  }

  .button-reviewsection {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 12px 10px;
  }

  .button-text-reviewsection {
    font-size: 18px;
  }

  .contactform-topwrap {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .form-box-wrapper {
    padding-top: 25px;
  }

  .form-box-wrapper.contact-us {
    height: auto;
    margin-top: -135px;
    padding-top: 30px;
  }

  .form-embeded {
    width: 90%;
  }

  .submit-button {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .embeded-form-input-field {
    width: 80%;
    height: 45px;
    padding-left: 20px;
    font-size: 16px;
  }

  .embeded-form-input-field.message {
    width: 80%;
    margin-bottom: 15px;
  }

  .embeded-form-input-field.w80 {
    width: 80%;
  }

  .hero-title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 34px;
  }

  .download-app-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .services-box-container {
    flex-direction: column;
    align-items: center;
  }

  .service-wrapper {
    width: 260px;
    margin-bottom: 22px;
  }

  .container-footer {
    padding-top: 8px;
  }

  .footer-block {
    width: 400px;
    margin-left: 0;
  }

  .footer-block.review {
    margin-left: 0;
  }

  .footer-text._01 {
    background-position: 81px 0;
    padding-left: 22px;
  }

  .footer-text._02 {
    background-position: 135px 0;
    padding-left: 22px;
    text-decoration: none;
  }

  .footer-text._03 {
    background-position: 73px 0;
    padding-left: 22px;
  }

  .footer-text._04 {
    background-position: 69px 0;
    padding-left: 22px;
  }

  .social-media-footer {
    margin-top: 0;
    padding-top: 0;
  }

  .copy-right-text {
    width: 50%;
    padding: 5px 3px;
  }

  .footer-social-wrapper {
    width: 50%;
  }

  .footer-social-link {
    margin-left: 5px;
    margin-right: 5px;
  }

  .body {
    background-color: #fff;
  }

  .section-contactnfo {
    background-image: linear-gradient(to bottom, null, null), url('../images/1700x-1133-1.1.jpg');
    background-position: 0 0, 100%;
  }

  .contact-info-wrapper {
    width: 95%;
  }

  .info-text._03 {
    background-position: 109px 30%;
    background-size: 19px;
  }

  .info-text._04 {
    font-weight: 400;
  }

  .hashtag-detailing-text {
    font-size: 40px;
  }

  .hashtag-detailing-text.white {
    margin-bottom: 14px;
  }

  .menu-button {
    width: 55%;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .menu-button.w--open {
    width: 50%;
    margin-right: 40px;
  }

  .pop-up-modal {
    padding-top: 6px;
    display: none;
    overflow: visible;
  }

  .pop-up-modal-form-block {
    width: 450px;
    display: block;
  }

  .form-wrapper-2 {
    width: 90%;
  }

  .nav-button-wrapper {
    padding-right: 25px;
  }

  .social-media-wrapper {
    align-items: center;
  }

  .image-sidebyside.green {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link-5 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 27px;
  }

  .appinstall-subtitle {
    font-weight: 300;
  }

  .section-container {
    width: 92.5%;
  }

  .appinstall-title {
    font-size: 28px;
    line-height: 28px;
  }

  .iphone-app-image {
    width: 25%;
  }

  .dropdown-link {
    background-color: #0000;
    border-bottom-style: none;
  }

  .footer-social-icon {
    font-size: 24px;
  }

  .section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .section.special {
    padding: 45px 10px;
  }

  .scrollbox {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .sideimage-paragraph {
    font-size: 13px;
    line-height: 21px;
  }

  .menu-button-2 {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  .footer-column {
    margin-bottom: 25px;
  }

  .footer-certified {
    width: 50%;
  }

  .footer-certified.stek {
    width: 150px;
  }

  .sideimage-column._350px {
    height: auto;
  }

  .package-row {
    margin-top: 30px;
  }

  .mnav-button.home {
    margin-right: 12.5px;
  }

  .brand-2 {
    width: 110px;
  }

  .herosection-titlewrap {
    top: 55%;
  }

  .herosection-titlewrap.home {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .realimage-sidebyside {
    width: 40%;
    position: relative;
    transform: translate(0, -50%);
  }

  .realimage-sidebyside.coatings {
    height: 250px;
    position: static;
    transform: none;
  }

  .sidebyside-video {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .video {
    margin-bottom: 20px;
  }

  .gdpr-wrap {
    margin-left: auto;
    margin-right: auto;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .div-block-15 {
    margin-left: auto;
  }

  .comparison-row {
    width: 700px;
  }

  .comparison-wrap {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: scroll;
  }

  .featured-service-text-wrap {
    transform: translate(0, -50%);
  }

  .single-package-container {
    width: 95%;
  }

  .sbsi-video {
    margin-bottom: 20px;
  }

  .hero_subheading {
    margin-bottom: 40px;
    font-size: 18px;
  }

  .rt {
    font-size: 15px;
    line-height: 27px;
  }

  .rt h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .trust-text {
    font-size: 14px;
    line-height: 24px;
  }

  .sbs-title {
    font-size: 24px;
    line-height: 28px;
  }

  .quote-subheading {
    width: 80%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .flex-sbs-container {
    flex-direction: column;
  }

  .sbs-iwrap {
    background-image: linear-gradient(#0000, #0000);
    width: 100%;
    height: 250px;
  }

  .sbs-iwrap.ppf1 {
    background-image: url('../images/paint-before-and-after-xpel-clear-bra.jpg'), linear-gradient(#0000, #0000);
    background-size: contain, auto;
    max-width: none;
    height: 450px;
  }

  .sbs-iwrap.tint1 {
    background-image: url('../images/wrap_n_shine_45866299_1056807084498199_2489828763523567352_n.jpg'), linear-gradient(#0000, #0000);
    background-position: 100% 16%, 0 0;
    background-size: 150%, auto;
  }

  .sbs-iwrap.tint2 {
    background-image: url('../images/58580573_1304498813033303_736405686593781760_o.jpg'), linear-gradient(to bottom, null, null);
    background-position: 50% 0, 0 0;
  }

  .sbs-iwrap.correction1 {
    width: 100%;
  }

  .youtube-2 {
    margin-bottom: 30px;
  }

  .sbs-twrap-flex {
    width: 95%;
    padding: 30px 0;
  }

  .sbs-twrap-flex.w50 {
    width: 90%;
  }

  .sbs-twrap-flex.w65 {
    width: 95%;
  }

  .sbs-twrap-flex.w60 {
    width: 92.5%;
  }

  .sbs-rt {
    line-height: 27px;
  }

  .div-block-16 {
    flex-direction: column;
    height: auto;
    margin-top: 0;
    padding-left: 35px;
    padding-right: 34px;
  }

  .div-block-17 {
    width: 100%;
    padding: 25px 0;
  }

  .div-block-17._2 {
    margin-right: 0;
    padding-left: 35px;
    padding-right: 35px;
  }

  .div-block-17.tint {
    height: 250px;
  }

  .preparation-rt ul {
    margin-bottom: 0;
  }

  .rt-image {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .hero-quote-heading {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
  }

  .hero-quote-heading.large {
    font-size: 30px;
    line-height: 30px;
  }

  .hero-benefits-wrap {
    margin-bottom: 25px;
  }

  .hero-quote-columns {
    width: 90%;
  }

  .text-field-4 {
    font-size: 16px;
  }

  .text-block-23 {
    font-size: 25px;
  }

  .hero-quote-l {
    padding-left: 0;
  }

  .hero-quote-benefitscolumns {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-quote-lcolumn {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-24 {
    font-size: 14px;
    line-height: 24px;
  }

  .hero-quote-formblock {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-quote-formblock.contactpage {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-21 {
    font-size: 16px;
  }

  .cta {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .sbs-vwrap {
    width: 100%;
  }

  .tabs-2 {
    width: 90%;
  }

  .ppf-mockup-2 {
    background-image: none;
    height: 280px;
  }

  .ppf-mockup-2.partial, .ppf-mockup-2.fullfrontalrockers {
    background-size: contain;
  }

  .square-benefit-left-column {
    padding-right: 0;
  }

  .square-benefit-right-column {
    height: auto;
    padding-left: 0;
  }

  .div-block-18 {
    height: 66vh;
  }

  .square-benefit-paragraph {
    font-size: 14.5px;
    line-height: 26px;
  }

  .div-block-20 {
    height: 66vh;
  }

  .hero-contactpage-contactinfo {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
  }

  .map-embed-tablet {
    display: none;
  }

  .html-embed-2 {
    display: block;
  }

  .columns-2 {
    width: 50%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .herovideosection {
    padding-top: 90px;
  }

  .div-block-21 {
    width: 100%;
    height: 300px;
  }

  .div-block-22 {
    width: 100%;
  }

  .grid-2 {
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .image-10 {
    width: 75%;
  }

  .footerembed {
    margin-top: 25px;
  }

  .beforeafterimagecontainer {
    flex-direction: column;
    display: flex;
  }

  .beforeafterimagediv {
    height: 250px;
  }

  .sbsgridcontainer {
    flex-flow: column;
    display: flex;
  }

  .sbsimage {
    min-width: 100%;
    margin-top: -8px;
  }

  .text-span-4 {
    font-size: 20px;
  }

  .text-block-17 {
    font-size: 16px;
  }

  .hero-quote-columns-2 {
    flex-direction: column;
    width: 90%;
  }

  .field-label {
    margin-top: 20px;
  }

  .columns-9 {
    margin-bottom: 25px;
  }

  .columns-9.deal {
    margin-bottom: 10px;
  }

  .herosection-2 {
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-19 {
    font-size: 25px;
  }

  .text-block-19.deal {
    margin-bottom: 25px;
    font-size: 30px;
  }

  .column-13 {
    height: auto;
  }

  .text-block-18 {
    font-size: 14px;
    line-height: 24px;
  }

  .herotitle {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 34px;
  }

  .hero-quote-formblock-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .text-field-2 {
    height: 40px;
  }

  .hero-quote-lcolumn-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-benefits-wrap-2 {
    padding-top: 35px;
    padding-right: 40px;
  }

  .hero-quote-l-2 {
    padding-left: 0;
  }

  .image-13 {
    width: 50px;
  }

  .section-3 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .section-title-2 {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
  }
}

@media screen and (max-width: 479px) {
  .herosection.about {
    background-position: 50% 0;
    background-size: contain;
  }

  .herosection.home {
    height: 70vh;
  }

  .herosection.contact {
    padding-bottom: 237px;
  }

  .container {
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .nav-button {
    font-size: 14px;
  }

  .nav-button.call {
    background-color: #0000;
    margin-right: 0;
  }

  .nav-menu {
    height: 150vh;
  }

  .home-featured-services {
    flex-direction: column;
  }

  .box._2 {
    height: 170px;
  }

  .feature-services-title {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .paragraph {
    font-size: 13px;
  }

  .section-title {
    width: 90%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 30px;
    display: block;
  }

  .section-paragraph {
    text-align: center;
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 21px;
  }

  ._6-benefits-wrapper {
    flex-direction: column;
    justify-content: center;
  }

  .benefit {
    width: 75%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .benefit.vertical {
    width: 100%;
    margin-bottom: 0;
  }

  .benefits-description {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .benefits-description.w100 {
    text-align: center;
  }

  .section-review {
    padding-top: 55px;
  }

  .review-wrapper--home {
    margin-bottom: 45px;
  }

  .review-box {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .review-box.reverse {
    flex-direction: column;
    margin-top: 15px;
  }

  .review-author--info {
    width: auto;
  }

  .review-text-wrapper {
    background-image: url('../images/Quote-Icon-light-grey.svg'), linear-gradient(to bottom, null, null);
    background-position: 12px 12px, 0 0;
    width: 90%;
    margin-top: 15px;
  }

  .reviews-text {
    font-size: 13px;
    line-height: 21px;
  }

  .review-links-wrapper {
    flex-direction: column;
  }

  .form-box-wrapper {
    width: 90%;
    margin-top: -75px;
  }

  .form-box-wrapper.contact-us {
    margin-top: -222px;
    padding-top: 20px;
  }

  .embeded-form-input-field {
    width: 90%;
    margin-bottom: 0;
  }

  .embeded-form-input-field.message {
    width: 90%;
    height: 130px;
    margin-bottom: 16px;
  }

  .embeded-form-input-field.w80 {
    width: 90%;
  }

  .hero-title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 28px;
  }

  .section-pricingtables {
    padding-bottom: 45px;
  }

  .download-app-section {
    padding-top: 55px;
    padding-bottom: 45px;
  }

  .service-wrapper {
    margin-bottom: 21px;
  }

  .container-footer {
    padding-bottom: 0;
  }

  .footer-block {
    width: 290px;
    margin-left: 0;
  }

  .footer-text._01 {
    background-position: 29px 0;
    padding-left: 30px;
  }

  .footer-text._02 {
    background-position: 81px 0;
    padding-left: 30px;
  }

  .footer-text._03 {
    background-position: 22px;
    padding-left: 30px;
  }

  .footer-text._04 {
    background-position: 19px 0;
    padding-left: 30px;
  }

  .review-text-footer.footer-name {
    font-size: 17px;
    font-weight: 500;
  }

  .footer-button {
    font-size: 16px;
  }

  .social-media-footer {
    flex-direction: column;
  }

  .copy-right-text {
    text-align: center;
    width: 90%;
    margin-bottom: 11px;
    padding-left: 0;
    font-size: 12px;
  }

  .footer-social-wrapper {
    justify-content: center;
    width: 40%;
    margin-bottom: 19px;
  }

  .footer-social-link {
    margin-left: 17px;
    margin-right: 17px;
  }

  .icon {
    font-size: 39px;
  }

  .section-contactnfo {
    background-image: linear-gradient(to bottom, null, null), url('../images/1700x-1133-1.1.jpg');
    background-position: 0 0, 50%;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .contact-info-title {
    line-height: 25px;
  }

  .contact-info-block {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .info-text {
    font-size: 18px;
    font-weight: 500;
  }

  .info-text._02 {
    background-position: 19px 33%;
    font-size: 18px;
  }

  .info-text._03 {
    background-position: 80px 26%;
    background-size: 18px;
  }

  .info-text._04 {
    background-position: 6px 8px;
  }

  .hashtag-detailing-text {
    text-transform: capitalize;
    font-size: 26px;
  }

  .hashtag-detailing-text.white {
    margin-bottom: 4px;
    font-size: 38px;
    line-height: 42px;
  }

  .link-2 {
    color: #fff;
    text-decoration: none;
  }

  .menu-button {
    width: auto;
    margin-left: -11px;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    position: static;
  }

  .menu-button.w--open {
    width: 25%;
    margin-right: 21px;
  }

  .pop-up-modal {
    padding-top: 0;
    display: none;
  }

  .pop-up-modal-form-block {
    background-image: url('../images/car-wash-app.png'), linear-gradient(to bottom, null, null);
    background-position: 100% 100%, 0 0;
    background-size: 150px, auto;
    width: 95%;
  }

  .popupform-input-text {
    margin-bottom: 5px;
  }

  .div-block {
    width: 35px;
    height: 35px;
  }

  .fixed-navbar {
    display: none;
  }

  .nav-button-wrapper {
    justify-content: flex-end;
    width: 90%;
    padding-right: 13px;
    display: flex;
  }

  .image-sidebyside {
    margin-bottom: 0;
  }

  .link-5 {
    font-size: 23px;
  }

  .appinstall-text-wrap {
    width: 87%;
    margin-right: 0;
  }

  .iphone-app-image {
    width: 125px;
    margin-bottom: 15px;
  }

  .dropdown-link.w--current {
    color: #57e6c8;
  }

  .container-flexh-ct-ct {
    flex-direction: column;
  }

  .container-flexh-ct-ct.reverselayout {
    flex-direction: column-reverse;
  }

  .scrollbox {
    width: 95%;
    height: 230px;
  }

  .scrollbox-title {
    font-size: 24px;
    line-height: 26px;
  }

  .scrollbox-subtitle {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .navmenu-mobile {
    padding-top: 10px;
  }

  .container-navbar {
    padding-left: 8px;
  }

  .menu-button-2 {
    margin-right: 4px;
    padding: 14px 6px;
  }

  .footer-column {
    margin-bottom: 15px;
  }

  .footer-certified.ida {
    margin-left: 0;
  }

  .pt-column, .package-detailswrap {
    padding-left: 0;
    padding-right: 0;
  }

  .mnav-button.home {
    margin-right: 10px;
  }

  .brand-2 {
    width: 110px;
    margin-left: 17px;
  }

  .brand-2.w--current {
    margin-left: 18px;
  }

  .herosection-titlewrap {
    top: 56%;
  }

  .herosection-titlewrap.contact {
    top: 35%;
  }

  .trust-fontawesome {
    font-size: 20px;
  }

  .trust-fontawesome.yellow {
    margin-left: auto;
    margin-right: auto;
  }

  .hero_subheading {
    margin-bottom: 30px;
    font-size: 16px;
  }

  .rt {
    font-size: 14.5px;
    line-height: 26px;
  }

  .rt.bm60px {
    margin-bottom: 40px;
  }

  .trust-container.bm60px {
    flex-direction: column;
    margin-bottom: 0;
  }

  .trust-container.w75 {
    flex-direction: column;
  }

  .trust-wrap {
    justify-content: space-around;
    width: 90%;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .trust-image {
    width: 33%;
  }

  .trust-text {
    flex-direction: column;
    margin-left: 0;
    margin-right: -10px;
  }

  .sbs-title {
    font-size: 22px;
    line-height: 26px;
  }

  .sbs-title.custom {
    text-transform: none;
  }

  .trust-section {
    height: auto;
    padding-top: 30px;
  }

  .sbs-iwrap.ppf1 {
    background-image: url('../images/paint-before-and-after-xpel-clear-bra.jpg'), linear-gradient(to bottom, null, null);
    background-size: cover, auto;
  }

  .sbs-twrap-flex {
    width: 92.5%;
  }

  .sbs-rt {
    font-size: 14.5px;
    line-height: 26px;
  }

  .div-block-16 {
    width: 92.5%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-17, .div-block-17._2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rt-image {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .hero-quote-heading {
    margin-bottom: 20px;
  }

  .hero-quote-heading.medium {
    font-size: 24px;
    line-height: 30px;
  }

  .hero-quote-columns {
    width: 95%;
  }

  .hero-quote-benefitscolumns {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .submit-button-4 {
    width: 160px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .hero-quote-formblock {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ppf-mockup-wrap-2 {
    padding-top: 25px;
  }

  .ppf-mockup-2 {
    background-image: none;
    height: 200px;
    margin-bottom: 20px;
  }

  .div-block-18 {
    height: auto;
    padding-top: 70px;
    padding-bottom: 20px;
  }

  .div-block-18.coating2 {
    background-image: url('../images/cquartz-professional-coating-package.png');
    background-size: auto 170%;
  }

  .square-benefit-title {
    font-size: 30px;
    line-height: 36px;
  }

  .div-block-19 {
    position: static;
    transform: none;
  }

  .div-block-20 {
    height: auto;
    padding-top: 70px;
    padding-bottom: 20px;
  }

  .hero-contactpage-contactinfo {
    padding-bottom: 1px;
  }

  .columns-2 {
    width: 75%;
    margin-bottom: 0;
  }

  .div-block-21 {
    height: 300px;
  }

  .grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid.hide {
    display: none;
  }

  .textarea {
    width: 90%;
  }

  .newheroheading {
    font-size: 40px;
    line-height: 40px;
  }

  .herobenefit {
    font-size: 20px;
    line-height: 28px;
  }

  .sbsquotebenefit {
    font-size: 20px;
  }

  .sbsquoteform {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sbsimage {
    min-width: 150%;
    margin-top: -51px;
  }

  .text-span-4 {
    letter-spacing: 0;
    font-size: 17px;
  }

  .text-block-17 {
    font-size: 16px;
  }

  .hero-quote-columns-2 {
    width: 100%;
  }

  .columns-9 {
    margin-bottom: 27.5px;
  }

  .herosection-2 {
    padding: 35px 10px 0;
  }

  .text-block-19.deal {
    font-size: 26px;
    line-height: 32px;
  }

  .text-block-18 {
    padding-left: 0;
  }

  .herotitle {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }

  .hero-quote-formblock-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-14 {
    height: 46px;
  }

  .text-field-2 {
    font-size: 16px;
  }

  .submit-button-5 {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .hero-benefits-wrap-2 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-3.tp0px {
    padding-top: 45px;
  }

  .section-title-2 {
    width: 90%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 28px;
    display: block;
  }

  .grid-3 {
    width: 94%;
  }
}

#w-node-_5aa1f984-2d04-be3a-901d-c79c9149be43-f81c20bd, #w-node-_5aa1f984-2d04-be3a-901d-c79c9149be75-f81c20bd, #w-node-_5aa1f984-2d04-be3a-901d-c79c9149beb8-f81c20bd, #w-node-_5aa1f984-2d04-be3a-901d-c79c9149bee1-f81c20bd, #w-node-_5881a690-8df1-ce4f-b148-d0d387b3d986-f81c20c7, #w-node-ef20e408-1043-1618-41c0-23b83ff151a9-f81c20c7, #w-node-_8ef9d2d2-3c47-55f5-7c1d-304db7dc2df7-f81c20c7, #w-node-ffb44a60-f630-dd17-06d6-50e6274c9d25-9d6b0251, #w-node-_5881a690-8df1-ce4f-b148-d0d387b3d986-f81c20cb, #w-node-ef20e408-1043-1618-41c0-23b83ff151a9-f81c20cb, #w-node-_8ef9d2d2-3c47-55f5-7c1d-304db7dc2df7-f81c20cb, #w-node-e55df3e1-3fab-bb10-f3c8-1dfd848815c9-f81c20cd, #w-node-_5881a690-8df1-ce4f-b148-d0d387b3d986-f81c20e1, #w-node-ef20e408-1043-1618-41c0-23b83ff151a9-f81c20e1, #w-node-_8ef9d2d2-3c47-55f5-7c1d-304db7dc2df7-f81c20e1, #w-node-_5881a690-8df1-ce4f-b148-d0d387b3d986-f81c2121, #w-node-ef20e408-1043-1618-41c0-23b83ff151a9-f81c2121, #w-node-_8ef9d2d2-3c47-55f5-7c1d-304db7dc2df7-f81c2121, #w-node-_615f46a6-e80f-88b0-6b37-5580abe871bc-f81c2121, #w-node-_89e1027f-c66d-dc98-0e75-b34b5cabaa32-f81c2121 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}