.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

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

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
}

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

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

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

li {
  border-bottom: 1px solid #2e2e2e;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

.navbar-block {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #7a7a7a;
}

.logo {
  width: 10%;
  margin-right: 25px;
}

.nav-link {
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.nav-link.black {
  color: #333;
}

.nav-button {
  margin-left: 20px;
  padding: 10px 20px 9px;
  float: right;
  border: 2px none #4f7c3d;
  border-radius: 33px;
  background-color: #4f7c3d;
  background-image: linear-gradient(225deg, #06499b, #0952e6);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.nav-button._02 {
  margin-left: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-style: solid;
  border-color: #0061d6;
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.nav-button._02:hover {
  background-color: #0061d6;
  color: #fff;
}

.nav-button._02.scroll {
  color: #0061d6;
}

.nav-button._01 {
  width: 145px;
  margin-top: 1px;
  margin-left: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: transparent;
  background-image: linear-gradient(47deg, #0050c8, #07316e);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.nav-button._01:hover {
  background-image: linear-gradient(120deg, #2c3e50, #3498db), linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.nav-button.scroll {
  margin-top: 1px;
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 14px;
}

.home-hero-section {
  height: 920px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 15, 19, 0.5)), to(rgba(14, 15, 19, 0.5))), url('../images/inside-our-ceramic-coating-shop-in-raleigh-nc.jpg');
  background-image: linear-gradient(180deg, rgba(14, 15, 19, 0.5), rgba(14, 15, 19, 0.5)), url('../images/inside-our-ceramic-coating-shop-in-raleigh-nc.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.home-hero-section.about {
  display: block;
  height: 700px;
  padding-top: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 8, 10, 0.75)), to(rgba(10, 8, 10, 0.75))), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg');
  background-image: linear-gradient(180deg, rgba(10, 8, 10, 0.75), rgba(10, 8, 10, 0.75)), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.home-hero-section.home {
  height: 700px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/ceramic-car-coating-raleigh-durham.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/ceramic-car-coating-raleigh-durham.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.hero-title {
  margin-top: 0px;
  margin-bottom: 6px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 42px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.hero-title.shadow {
  text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

.hero-title.home {
  font-size: 54px;
  text-shadow: 0 1px 35px rgba(0, 0, 0, 0.5);
}

.hero-title.contact {
  margin-bottom: 30px;
}

.hero-subtitle {
  margin-top: 27px;
  margin-bottom: 35px;
  font-family: 'Open Sans', sans-serif;
  color: #e3e5eb;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 35px #000;
}

.hero-subtitle.shadow {
  text-transform: none;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

.blue-gradient-button {
  display: block;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 6px;
  background-image: linear-gradient(225deg, #001584, #005bdb);
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.service-section {
  margin-top: -84px;
  padding-top: 99px;
  padding-bottom: 70px;
  background-image: linear-gradient(180deg, #0e0f13 15%, rgba(23, 24, 32, 0.53)), linear-gradient(180deg, rgba(22, 23, 29, 0.4), rgba(22, 23, 29, 0.4)), url('../images/audi-after-ceramic-coating-service.jpg'), linear-gradient(225deg, #16171d, #3c3e42);
  background-position: 0px 0px, 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, auto, cover, auto;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.section-title {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: 'Open Sans', sans-serif;
  color: #16171d;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}

.section-title.white {
  color: #fbfcff;
  text-transform: none;
}

.section-title.white.no-skew {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.section-title.white.align-left {
  text-align: left;
}

.section-title.white.hide {
  display: none;
}

.section-title.no-skew {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.section-title.bm50px {
  margin-bottom: 50px;
}

.featuredservices-wrap {
  width: 300px;
  height: 300px;
  margin-bottom: 25px;
  padding-top: 194px;
  border-radius: 4px;
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/ceramic-coating-curring-on-tesla.jpg'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/ceramic-coating-curring-on-tesla.jpg'), linear-gradient(180deg, #fff, #f6f6f6);
  background-position: 0px 0px, 0px 50%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  box-shadow: -1px 3px 22px -2px rgba(0, 0, 0, 0.26);
  text-decoration: none;
}

.featuredservices-wrap:hover {
  box-shadow: 0 17px 27px 4px rgba(0, 0, 0, 0.14);
}

.featuredservices-wrap._2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/paint-protection-film-being-installed-on-porsche-993.jpg'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/paint-protection-film-being-installed-on-porsche-993.jpg'), linear-gradient(180deg, #fff, #f6f6f6);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, repeat, repeat;
}

.featuredservices-wrap._3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg'), linear-gradient(180deg, #fff, #f6f6f6);
  background-position: 0px 0px, 0% 50%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
}

.featuredservice-title {
  margin-bottom: 8px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.featuredservice-subtitle {
  padding-right: 19px;
  padding-left: 19px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
  text-align: center;
  text-decoration: underline;
}

.review-section {
  position: relative;
  z-index: 5;
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 85px;
  padding-bottom: 105px;
  background-color: #f4f9ff;
  background-image: linear-gradient(45deg, #252733, #5c5d63 79%);
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.review-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 600px;
  max-width: 1150px;
  min-height: 500px;
  min-width: 900px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.slide {
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
}

.slider {
  width: 720px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 27px -9px #a3a1a1;
}

.icon {
  margin-right: 10px;
  margin-left: 10px;
  color: #333;
  font-size: 30px;
}

.icon-2 {
  margin-right: 10px;
  margin-left: 39px;
  color: #333;
  font-size: 30px;
}

.review-text {
  display: block;
  margin-right: auto;
  margin-bottom: 21px;
  margin-left: auto;
  font-family: 'Open Sans', sans-serif;
  color: #16171d;
  font-size: 14px;
  line-height: 21px;
  font-style: italic;
  font-weight: 300;
}

.review-block {
  position: relative;
  top: 50%;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.review-author {
  width: 55%;
  padding-left: 2px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
}

.image {
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}

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

.link {
  margin-top: -22px;
  margin-right: 0px;
  float: right;
  font-family: Montserrat, sans-serif;
  color: #333;
  font-size: 17px;
  font-weight: 600;
  text-decoration: underline;
}

.review-wrapper-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 165px;
  height: 500px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.review-wrapper-03._01 {
  margin-right: 0px;
  margin-left: 0px;
}

.author---5-stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: 160px;
  margin-top: 13px;
  margin-bottom: 13px;
  padding: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 31px -9px hsla(0, 0%, 62.7%, 0.79);
  text-decoration: none;
}

.author---5-stars:hover {
  margin-top: 3px;
  box-shadow: 0 0 31px -9px rgba(65, 65, 65, 0.79);
}

.review-author-02 {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}

.contact-section {
  padding-top: 90px;
  padding-bottom: 90px;
  background-image: linear-gradient(235deg, #0051c2 20%, #001584);
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.form--text-wrapper {
  display: block;
  width: 991px;
  margin-right: auto;
  margin-left: auto;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.contact-subtitle {
  margin-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #fbfcff;
  font-size: 19px;
  font-weight: 300;
  text-align: center;
}

.form-wrapper {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.form-textfield {
  height: 40px;
  padding-left: 15px;
  border: 0px solid #000;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeecec), to(#eeecec));
  background-image: linear-gradient(180deg, #eeecec, #eeecec);
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.form-textfield.message {
  height: 70px;
  margin-bottom: 20px;
  padding-right: 184px;
}

.submit-button {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 25px;
  border: 2px none #fff;
  border-radius: 4px;
  background-color: #005bdb;
  background-image: linear-gradient(225deg, #252733, #5c5d63);
  box-shadow: 0 2px 19px -1px rgba(0, 0, 0, 0.18);
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.submit-button._2 {
  background-image: linear-gradient(225deg, #001584, #005bdb);
}

.gallery-section {
  position: static;
  display: block;
  padding-top: 85px;
  padding-bottom: 125px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #fff;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.gallery-section.gallery {
  margin-top: -74px;
}

.gallery-block {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1100px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.footer-section {
  overflow: hidden;
  margin-top: -70px;
  padding-top: 181px;
  padding-bottom: 0px;
  background-color: #16171d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0.8)), to(rgba(22, 23, 29, 0.8))), url('../images/distinctive-detailing-llc.jpg');
  background-image: linear-gradient(180deg, rgba(22, 23, 29, 0.8), rgba(22, 23, 29, 0.8)), url('../images/distinctive-detailing-llc.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.intro-section {
  margin-top: 0px;
  padding-top: 70px;
  padding-bottom: 60px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16171d), to(#16171d));
  background-image: linear-gradient(180deg, #16171d, #16171d);
  box-shadow: 0 0 50px 3px rgba(0, 0, 0, 0.17);
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.intro-section.medium-gray {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5c5d63), to(#5c5d63));
  background-image: linear-gradient(180deg, #5c5d63, #5c5d63);
}

.footer-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #006aff;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-text {
  margin-bottom: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #fbfcff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.footer-text-field {
  padding-left: 20px;
  border: 2px solid #fff;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.footer-submit {
  display: block;
  width: 125px;
  margin-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 2px solid #005bdb;
  border-radius: 4px;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.copyright-wrapper {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 150px;
  margin-top: 80px;
  margin-bottom: -43px;
  padding-top: 27px;
  padding-bottom: 27px;
  background-color: #16171d;
  -webkit-transform: skew(0deg, -2deg);
  -ms-transform: skew(0deg, -2deg);
  transform: skew(0deg, -2deg);
}

.copyright-text {
  width: 900px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 2deg);
  -ms-transform: skew(0deg, 2deg);
  transform: skew(0deg, 2deg);
  font-family: 'Open Sans', sans-serif;
  color: #f4f9ff;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.package-section {
  position: relative;
  margin-top: -68px;
  padding-top: 90px;
  padding-bottom: 60px;
  background-color: #16171d;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
  text-align: center;
}

.package-wrap {
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 0px;
  padding-bottom: 25px;
  border-radius: 10px;
  background-color: #1a1b22;
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.41);
  text-align: center;
}

.package-wrap.swissvax {
  background-color: #fff;
}

.starting-at {
  margin-top: -15px;
  margin-bottom: -6px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
  text-transform: none;
}

.price-tag {
  margin-top: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-family: Montserrat, sans-serif;
  color: #cbcdd8;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

.price-tag.black {
  color: #000;
}

.package-stepstext {
  margin-right: auto;
  margin-bottom: 7px;
  margin-left: auto;
  padding-right: 20px;
  padding-bottom: 7px;
  padding-left: 20px;
  border-bottom: 1px solid #2e2e2e;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: Montserrat, sans-serif;
  color: #c2c4cf;
  font-size: 15px;
  text-align: center;
}

.package-stepstext.black {
  color: #000;
}

.package-stepstext ul {
  padding-left: 0px;
  list-style-type: none;
}

.package-gradientwrap {
  padding: 35px 15px 60px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-image: linear-gradient(45deg, #696a70 24%, #252733);
}

.package-gradientwrap.modal {
  margin-bottom: 27px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.package-gradientwrap.premium {
  background-image: linear-gradient(45deg, #005bdb, #001584);
}

.package-gradientwrap.cquartzfinest {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(225deg, #d7ae65 13%, #897045 96%);
}

.package-gradientwrap.cquartzuk {
  background-image: linear-gradient(45deg, #312019, #ca5959 79%);
}

.package-gradientwrap.cqpro {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(225deg, #babfc7, #596677 93%);
}

.package-gradientwrap.swissvax {
  margin-top: -40px;
  background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(45deg, #ebebeb, #fff 81%);
}

.paragraph {
  margin-bottom: 0px;
  margin-left: 51px;
  padding-left: 18px;
  border-left: 2px solid #4b6cb7;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  font-weight: 300;
  text-shadow: 1px 1px 4px #000;
}

.about-section {
  position: relative;
  margin-top: -94px;
  padding-top: 105px;
  padding-bottom: 105px;
  background-color: #16171d;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.paragraph-2 {
  width: 90%;
  max-width: 1000px;
  margin: 26px auto 0px;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 26px;
  font-weight: 300;
  text-align: left;
}

.pop-up-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  display: none;
  overflow: scroll;
  padding-top: 17px;
  background-color: rgba(0, 13, 22, 0.75);
}

.pop-up-form-wrapper {
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 10px;
  border-radius: 17px;
  background-color: #fff;
}

.modal-form-block {
  display: block;
  width: 85%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.submit-button-2 {
  display: block;
  width: 155px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 24px;
  background-image: linear-gradient(118deg, #3498db 21%, #2c3e50);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.submit-button-2:hover {
  background-image: linear-gradient(118deg, #2c3e50 21%, #3887bf);
}

.text-field--modal {
  height: 43px;
  margin-bottom: 8px;
  border-radius: 15px;
  font-family: Montserrat, sans-serif;
  color: #818181;
  font-size: 16px;
}

.text-field--modal.msg {
  height: 125px;
  margin-bottom: 15px;
}

.field-label---modal {
  font-family: Montserrat, sans-serif;
  color: #818181;
  font-size: 16px;
}

.checkbox-field {
  margin-bottom: 15px;
}

.text-block {
  margin-bottom: 9px;
  font-family: Montserrat, sans-serif;
  color: #818181;
}

.close-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 55px;
  margin-top: -71px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.x-icon {
  width: 20px;
}

.x-icon:hover {
  width: 22px;
}

.contact-section--page {
  position: relative;
  z-index: 22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -65px;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #16171d;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.fixed-navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #182848;
}

.plink {
  color: #569dff;
  text-decoration: underline;
}

.map-2 {
  height: 550px;
  margin-top: -60px;
  margin-bottom: -67px;
}

.brand-2 {
  width: 9%;
  margin-right: 25px;
}

.brand-2.w--current {
  width: 11%;
}

.nabbar-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1400px;
  min-width: 991px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 23px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nabbar-link-wrapper.scroll {
  padding-top: 0px;
  padding-bottom: 0px;
}

.nav-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  float: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-menu-2.scroll {
  margin-top: 9px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.menu-button-2 {
  display: block;
}

.html-embed {
  width: 100%;
  -webkit-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
}

.featuredservices-row {
  display: block;
  width: 90%;
  max-width: 1100px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.featuredservices-column {
  height: auto;
  text-align: center;
}

.button {
  border-radius: 4px;
  background-image: linear-gradient(45deg, #005bdb, #001584), linear-gradient(180deg, #696a70, #696a70);
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.18);
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button.blue {
  background-color: #d7e7f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#868b92), to(#868b92));
  background-image: linear-gradient(180deg, #868b92, #868b92);
  color: #fff;
}

.button.grey {
  border-radius: 0px 4px 4px 0px;
  background-image: linear-gradient(45deg, #5c5d63 15%, #94959e);
}

.button.grey.swissvax {
  background-image: linear-gradient(45deg, #000 15%, #5a5a5a);
}

.button.cqfr {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: linear-gradient(45deg, #d7ae65, #897045), linear-gradient(180deg, #696a70, #696a70);
}

.button.cqpro {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: linear-gradient(45deg, #9098a5, #4c5968 98%), linear-gradient(180deg, #696a70, #696a70);
}

.button.cquk {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: linear-gradient(45deg, #ca5959, #312019), linear-gradient(180deg, #696a70, #696a70);
}

.button.pt {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.button.pt.swissvax {
  background-image: linear-gradient(45deg, #e21920, #a80e12), linear-gradient(180deg, #696a70, #696a70);
}

.sbsi-row {
  display: block;
  width: 90%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.sbsi-title {
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fbfcff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: left;
  text-transform: none;
}

.sbsi-title.center {
  text-align: center;
}

.section-leftparagraph {
  margin-bottom: 25px;
  font-family: 'Open Sans', sans-serif;
  color: #fbfcff;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
}

.sbsi-text-column {
  height: 400px;
  padding-right: 50px;
}

.footer-row {
  display: block;
  width: 93%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.footer-column {
  padding-right: 20px;
  padding-left: 20px;
}

.footer-link {
  text-decoration: none;
}

.footer-socialwrap {
  width: 200px;
  margin-bottom: 15px;
}

.footer-sociallink {
  width: 55px;
  height: 55px;
  padding-top: 15px;
  border: 2px solid #005bdb;
  border-radius: 50px;
  font-family: Fontawesome, sans-serif;
  color: #fbfcff;
  text-align: center;
  text-decoration: none;
}

.text-span {
  font-family: Fontawesome, sans-serif;
  font-size: 15px;
}

.footer-fonttext {
  font-family: Fontawesome, sans-serif;
  font-size: 28px;
}

.package-rows {
  display: block;
  width: 90%;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.package-rows.last {
  margin-bottom: 0px;
}

.package-rows.hide {
  display: none;
}

.package-rows.top.tm100px {
  margin-top: 100px;
}

.package-benefit {
  min-height: 25px;
  margin-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}

.package-benefit.last {
  margin-bottom: 20px;
}

.package-benefit.black {
  color: #000;
}

.package-benefit p {
  margin-bottom: 20px;
}

.package-benefitcheck {
  font-family: Fontawesome, sans-serif;
  color: #c6cbd3;
  font-size: 13px;
}

.package-stepswrap {
  margin-top: -20px;
  margin-right: 0px;
  margin-bottom: 30px;
  padding-top: 28px;
  background-color: #1a1b22;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.package-stepswrap.swissvax {
  background-color: #fff;
}

.package-ctwrow {
  position: relative;
  left: 50%;
  max-width: 270px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.package-ctacolumn {
  text-align: center;
}

.package-ctacolumn.left {
  padding-left: 20px;
}

.package-ctacolumn.right {
  padding-right: 20px;
}

.package-image {
  display: block;
  height: 85px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}

.package-image.cquk {
  height: 22px;
  margin-bottom: 10px;
}

.package-image.cqfr {
  height: 45px;
}

.package-image.cqpro {
  height: 35px;
}

.text-block-2 {
  margin-bottom: 25px;
  padding-right: 20px;
  padding-left: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.text-block-2.black {
  color: #000;
}

.form-leftcolumn {
  padding-right: 5px;
  padding-left: 0px;
}

.form-rightcolumn {
  padding-right: 0px;
  padding-left: 5px;
}

.navbar-logo.scroll {
  width: 70px;
}

.scrollnavbar {
  position: fixed;
  display: none;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.18);
}

.dropdown-toggle {
  margin-right: 15px;
  margin-left: 15px;
  padding-right: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.icon-5 {
  margin-right: 0px;
  font-size: 15px;
  font-weight: 100;
}

.dropdown-list {
  background-color: #fff;
}

.dropdown-list.w--open {
  padding-top: 10px;
  border-radius: 10px;
  background-color: #0e0f13;
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.5);
}

.sbsi-video {
  top: 45%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.hero-wrap {
  position: relative;
  top: 40%;
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -45%);
  -ms-transform: translate(0px, -45%);
  transform: translate(0px, -45%);
}

.hero-wrap.home {
  top: 45%;
}

.center-paragraph {
  display: block;
  width: 90%;
  max-width: 992px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: Montserrat, sans-serif;
  color: #f0f1f6;
  font-size: 15px;
  line-height: 27px;
  font-weight: 400;
  text-align: left;
}

.center-paragraph.last {
  margin-bottom: 45px;
}

.center-paragraph.white {
  width: 90%;
  max-width: 1000px;
  color: #fff;
  font-size: 14.5px;
  line-height: 25px;
}

.center-paragraph.white.last {
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
}

.center-paragraph.white.center.pt {
  margin-bottom: 30px;
  line-height: 26px;
  text-align: center;
}

.center-paragraph a {
  color: #4291ff;
}

.center-paragraph h2 {
  font-family: 'Open Sans', sans-serif;
  line-height: 44px;
}

.center-paragraph h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px;
}

.center-paragraph figure {
  margin-top: 35px;
  margin-bottom: 35px;
}

.center-paragraph figcaption {
  color: #babfc7;
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
}

.center-paragraph p {
  margin-bottom: 15px;
}

.hero-section {
  height: 605px;
  padding-top: 90px;
}

.hero-section.car-detailing {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/distinctive-detailing--ceramic-coating-nc.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/distinctive-detailing--ceramic-coating-nc.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-section.contact {
  height: 700px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/honda-after-cquartz-ceramic-coating.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/honda-after-cquartz-ceramic-coating.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.hero-section.ceramic-coating {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.hero-section.paint-correction2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), url('../images/paint-correction-at-work-on-car.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/paint-correction-at-work-on-car.jpg');
  background-position: 0px 0px, 50% 35%;
  background-size: auto, cover;
}

.hero-section.paint-protection-film {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35))), url('../images/paint-protection-film-being-installed-on-porsche-993.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('../images/paint-protection-film-being-installed-on-porsche-993.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.hero-about-row {
  position: relative;
  top: 45%;
  display: block;
  width: 991px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -45%);
  -ms-transform: translate(0px, -45%);
  transform: translate(0px, -45%);
}

.column-2 {
  height: 100%;
}

.column-3 {
  padding-right: 0px;
}

.about-certification-image {
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.about-certification-image.w125 {
  width: auto;
  height: 125px;
}

.contactpage-container {
  width: 550px;
  padding: 25px 15px;
  border-radius: 15px;
  background-color: #252733;
  box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.18);
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.contactinfo-title {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
}

.contactinfo-text {
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.div-block-4 {
  display: block;
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 25px;
  border-radius: 15px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1));
  box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.18);
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.paragraph-3 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.footersite-link {
  color: #f4f9ff;
}

.nabbar-link-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  max-width: 1200px;
  min-width: 991px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 23px;
  padding-left: 23px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.nav-button-2 {
  margin-left: 20px;
  padding: 12px 22px;
  float: right;
  border: 2px none #4f7c3d;
  border-radius: 4px;
  background-image: linear-gradient(225deg, #001584 15%, #005bdb);
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.nav-button-2.call {
  display: none;
}

.menu-button-3 {
  display: block;
}

.brand-3 {
  width: 120px;
  margin-right: 0px;
}

.brand-3.w--current {
  width: 13%;
}

.dropdown-link-2 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.dropdown-link-2:hover {
  background-color: #005bdb;
}

.dropdown-link-2.w--current {
  color: #005bdb;
}

.dropdown-link-2.w--current:hover {
  color: #fff;
}

.navbar2-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e0f13), to(#0e0f13));
  background-image: linear-gradient(180deg, #0e0f13, #0e0f13);
}

.text-span-3 {
  font-family: Oswald, sans-serif;
  font-weight: 600;
}

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

.socialproof-wrap {
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 99999;
  display: none;
  width: 300px;
  height: 75px;
  margin-bottom: 15px;
  margin-left: 15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.25);
}

.image-2 {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.column-4 {
  height: 75px;
  padding-right: 5px;
  padding-left: 5px;
}

.text-block-4 {
  font-family: Montserrat, sans-serif;
  color: #0061d6;
  font-size: 15px;
  font-weight: 700;
}

.text-span-4 {
  font-weight: 400;
}

.column-5 {
  height: 75px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-5 {
  font-family: Montserrat, sans-serif;
}

.text-block-6 {
  font-family: Montserrat, sans-serif;
  color: #969696;
  font-size: 12px;
}

.link-block-4 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 19px;
  margin-top: 5px;
  margin-right: 5px;
  text-decoration: none;
}

.text-block-7 {
  font-family: Montserrat, sans-serif;
  color: #1e2835;
  font-size: 9px;
  line-height: 14px;
}

.sbsi-image-column {
  height: 400px;
}

.rt-sbsi {
  margin-bottom: 25px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}

.benefit-rows {
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 60px;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.benefit-rows.first {
  margin-bottom: -35px;
}

.benefit-column {
  padding-right: 12.5px;
  padding-left: 12.5px;
  text-align: center;
}

.benefit-container {
  top: 50%;
  height: 270px;
  margin-bottom: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #696a70;
  background-image: linear-gradient(225deg, #696a70, #383a44);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.12);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  text-align: center;
}

.benefit-wrap {
  position: relative;
  top: 50%;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.benefits-title {
  margin: 0px auto 15px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  font-weight: 600;
  text-transform: none;
}

.benefit-text {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 13.5px;
  line-height: 22px;
  text-align: center;
}

.section-cta {
  padding: 25px 75px;
  border-radius: 4px;
  background-image: linear-gradient(225deg, #001584, #005bdb);
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.section-cta.bm50px {
  margin-bottom: 50px;
}

.section-cta.center {
  position: relative;
  left: 50%;
  margin-right: auto;
  background-image: linear-gradient(225deg, #001584, #005bdb);
  -webkit-transform: translate(-50%, 0px) skew(0deg, 4deg);
  -ms-transform: translate(-50%, 0px) skew(0deg, 4deg);
  transform: translate(-50%, 0px) skew(0deg, 4deg);
}

.section-cta.tm-bm-35px {
  margin-top: 35px;
  margin-bottom: 35px;
}

.section-cta.bm35px {
  margin-bottom: 35px;
}

.section {
  padding-top: 80px;
  padding-bottom: 60px;
  background-color: #0e0f13;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
  text-align: center;
}

.section.correction1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16171d), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(12, 9, 12, 0.75)), to(rgba(12, 9, 12, 0.75))), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg');
  background-image: linear-gradient(180deg, #16171d, transparent 50%), linear-gradient(180deg, rgba(12, 9, 12, 0.75), rgba(12, 9, 12, 0.75)), url('../images/inside-our-paint-correction-shop-in-raleigh-nc.jpg');
  background-position: 0px 0px, 0px 0px, 50% 100%;
  background-size: auto, auto, cover;
}

.section.coating1 {
  padding-top: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0.7)), to(rgba(22, 23, 29, 0.7))), -webkit-gradient(linear, left top, left bottom, from(#16171d), to(rgba(22, 23, 29, 0))), url('../images/lamborghini-with-ceramic-car-coating.jpg');
  background-image: linear-gradient(180deg, rgba(22, 23, 29, 0.7), rgba(22, 23, 29, 0.7)), linear-gradient(180deg, #16171d, rgba(22, 23, 29, 0)), url('../images/lamborghini-with-ceramic-car-coating.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.section.home {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0.4)), to(rgba(22, 23, 29, 0.4))), -webkit-gradient(linear, left top, left bottom, from(#16171d), to(rgba(22, 23, 29, 0.26))), url('../images/distinctive-detailing-raleigh-nc_1.jpg');
  background-image: linear-gradient(180deg, rgba(22, 23, 29, 0.4), rgba(22, 23, 29, 0.4)), linear-gradient(180deg, #16171d, rgba(22, 23, 29, 0.26)), url('../images/distinctive-detailing-raleigh-nc_1.jpg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.section.bp30px {
  padding-bottom: 30px;
  background-color: #0e0f13;
}

.section.coating2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #16171d), to(hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0.7)), to(rgba(22, 23, 29, 0.7))), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
  background-image: linear-gradient(180deg, #16171d 35%, hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(22, 23, 29, 0.7), rgba(22, 23, 29, 0.7)), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
  background-position: 0px 0px, 0px 0px, 0% 50%;
  background-size: auto, auto, cover;
}

.section.darkgrey {
  background-color: #16171d;
}

.section.coating3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 15, 19, 0.9)), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0.7)), to(rgba(22, 23, 29, 0.7))), url('../images/our-ceramic-coating-installer-at-work.jpg');
  background-image: linear-gradient(180deg, rgba(14, 15, 19, 0.9), transparent), linear-gradient(180deg, rgba(22, 23, 29, 0.7), rgba(22, 23, 29, 0.7)), url('../images/our-ceramic-coating-installer-at-work.jpg');
  background-position: 0px 0px, 0px 0px, 30% 50%;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
}

.section.tm60px {
  margin-top: 40px;
}

.form-select {
  height: 40px;
  border: 0px solid #000;
  border-radius: 4px;
  background-color: #eeecec;
  font-family: 'Open Sans', sans-serif;
  color: #a0a0a0;
  font-size: 16px;
}

.gallery-row {
  display: block;
  width: 90%;
  margin: 50px auto 30px;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.gallery-column {
  padding-right: 15px;
  padding-left: 15px;
}

.gallery-image {
  width: 100%;
  margin-bottom: 30px;
}

.hero-reviews-column {
  width: 270px;
  margin-right: auto;
  margin-left: auto;
}

.hero-reviews-image {
  border-radius: 4px;
}

.nav-call-link {
  margin-left: 15px;
  padding-bottom: 11px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.sbs-columns {
  width: 90%;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.sbs-columns.last {
  margin-bottom: 70px;
}

.sbs-columns._0px-bm {
  margin-top: 80px;
  margin-bottom: 0px;
}

.sbs-rt {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 14.5px;
  line-height: 25px;
  text-align: left;
}

.sbs-rt h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  line-height: 43px;
  font-weight: 700;
}

.sbs-rt a {
  color: #408fff;
}

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

.sbs-icolumn {
  height: 350px;
  padding-right: 0px;
  padding-left: 0px;
}

.sbs-icolumn._450px {
  height: 450px;
}

.sbs-icolumn._500px {
  height: 500px;
}

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

.sbs-tcolumn._450px {
  height: 450px;
}

.sbs-tcolumn._500px {
  height: 500px;
}

.sbs-text-wrap {
  position: relative;
  top: 50%;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sbs-text-wrap.r {
  margin-right: 0px;
  text-align: left;
}

.sbs-text-wrap.l {
  margin-left: 0px;
}

.sbs-image {
  position: relative;
  top: 50%;
  display: block;
  max-height: 350px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sbs-image.r {
  margin-right: 0px;
}

.sbs-image.l {
  margin-left: 0px;
}

.templates-body {
  background-color: #16171d;
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
}

.center-image-container {
  overflow: hidden;
  width: 90%;
  height: 350px;
  max-width: 1100px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.center-image {
  width: 100%;
}

.center-image.correction1 {
  margin-top: -148px;
}

.benefits-columns {
  width: 90%;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.benefits-columns.top {
  margin-bottom: 25px;
}

.benefit-title {
  margin-bottom: 7.5px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
}

.benefits-wrap {
  text-align: center;
}

.benefits-text {
  font-family: Montserrat, sans-serif;
  color: #e2e2e2;
  font-weight: 400;
}

.benefits-text.hide {
  display: none;
}

.benefits-icon-wrap {
  height: 125px;
  margin-bottom: 30px;
}

.benefits-icon-wrap.ppf1 {
  background-image: url('../images/paint-protection-2.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf2 {
  background-image: url('../images/paint-protection-6.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf3 {
  background-image: url('../images/paint-protection-7.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf4 {
  background-image: url('../images/paint-protection-5.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf5 {
  background-image: url('../images/paint-protection-4.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf6 {
  background-image: url('../images/paint-protection-3.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf7 {
  background-image: url('../images/paint-protection.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.benefits-icon-wrap.ppf8 {
  background-image: url('../images/paint-protection-8.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.lightbox-link {
  position: relative;
  top: 50%;
  height: 100%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.clearbra-selection-button {
  position: static;
  margin-right: 10px;
  margin-left: 10px;
  padding: 11px 18px;
  border-radius: 4px;
  background-color: #5c5d63;
  background-image: linear-gradient(45deg, #5c5d63, #252733);
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

.clearbra-selection-button:hover {
  background-color: #005bdb;
  background-image: linear-gradient(45deg, #005bdb, #001584);
  color: #fff;
}

.clearbra-selection-button.w--current {
  background-color: #005bdb;
  background-image: linear-gradient(45deg, #005bdb, #001584);
  color: #fff;
}

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

.tabs-menu {
  margin-right: auto;
  margin-left: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: none;
  text-align: center;
}

.ppf-package-title {
  display: none;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.ppf-mockup {
  height: 350px;
  margin-bottom: 0px;
}

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

.ppf-mockup.fullwrap {
  background-image: url('../images/full-wrap-clear-bra.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

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

.ppf-price {
  display: none;
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.ppf-tabs {
  display: block;
  width: 80%;
  max-width: 1200px;
  margin: 35px auto 19px;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

._2squote-section {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

._2squote-container {
  position: relative;
  top: 50%;
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 10px;
  border-radius: 4px;
  background-color: #0e0f13;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

.section-2 {
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}

.text-span-6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}

.pt-image {
  width: 80%;
  margin-top: -50px;
}

.pt-image.tm-15px {
  margin-top: -15px;
}

.pt-image.tm-15px.bm25px {
  margin-bottom: 25px;
}

.sbs-video {
  position: relative;
  top: 50%;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.text-block-21 {
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  color: #161c1d;
  font-weight: 500;
}

.columns-10 {
  width: 80%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.hero-heading {
  display: block;
  width: 790px;
  margin: 0px auto 60px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 33px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.column-15 {
  height: 100%;
  padding-left: 0px;
}

.hero-heading-wrap {
  position: relative;
  top: 50%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.text-block-19 {
  margin-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #161c1d;
  font-size: 24px;
  line-height: 21px;
  font-weight: 700;
  text-transform: none;
}

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

.text-block-18 {
  padding-left: 15px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

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

.column-17 {
  padding-right: 0px;
}

.text-block-17 {
  margin-top: 0px;
  padding-left: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

.form-block-2 {
  width: 350px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 35px 20px;
  background-color: rgba(183, 185, 194, 0.9);
  text-align: center;
}

.form-block-2.center-image {
  margin-right: auto;
  margin-left: auto;
}

.form-block-2.body {
  position: relative;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  padding-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.submit-button-3 {
  display: block;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6001c), to(#d6001c));
  background-image: linear-gradient(180deg, #d6001c, #d6001c);
  color: #fff;
  text-transform: none;
}

.column-14 {
  height: 60px;
}

.div-block-10 {
  max-width: 500px;
  margin-top: 54px;
  margin-right: auto;
  margin-bottom: 54px;
  padding: 35px 20px 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 15, 19, 0.88)), to(rgba(14, 15, 19, 0.88)));
  background-image: linear-gradient(180deg, rgba(14, 15, 19, 0.88), rgba(14, 15, 19, 0.88));
}

.text-field-2 {
  display: inline-block;
  height: 42.5px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  font-family: 'Open Sans', sans-serif;
}

.text-field-2.body {
  width: 300px;
  margin-left: 10px;
}

.hero-subheading {
  width: 760px;
  margin: -20px auto 35px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0 1px 50px #000;
}

.hero-subheading.hide {
  display: none;
}

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

.div-block-9.coating2 {
  background-image: url('../images/paint-protection-3.png');
}

.div-block-9.coating3 {
  background-image: url('../images/paint-protection-2.png');
}

.div-block-9.coating1 {
  background-image: url('../images/paint-protection-6.png');
}

.image-3 {
  position: relative;
  left: 50%;
  width: 75px;
  margin-bottom: 15px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.text-block-22 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.sbs-inner-columns {
  margin-bottom: 30px;
}

.sbs-cta {
  padding: 20px 40px;
  border-radius: 4px;
  background-image: linear-gradient(45deg, #005bdb, #001584);
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.sbs-review-wrap {
  position: relative;
  top: 50%;
  width: 90%;
  padding: 30px 20px;
  border-radius: 5px;
  background-color: #f0efef;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sbs-review-wrap.center {
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-4 {
  width: 30%;
  margin-bottom: 10px;
}

.sbs-review-text {
  font-family: Montserrat, sans-serif;
  color: #2a2b33;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-weight: 500;
}

.sbs-review-text.link {
  display: inline-block;
  width: 100%;
  height: 20px;
  margin-top: 20px;
  color: #408fff;
}

.div-block-11 {
  width: 90%;
  max-width: 992px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.column-18 {
  padding-right: 20px;
  padding-left: 20px;
}

.text-block-23 {
  font-weight: 400;
  letter-spacing: 1px;
}

.navbar-submenu {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 140px;
  padding-bottom: 10px;
  background-color: #16171d;
}

.div-block-12 {
  position: relative;
  top: 100%;
  width: 71%;
  max-width: 806px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

.navbar-submenu-link {
  margin-right: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #bbb;
  font-size: 14.5px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.navbar-submenu-link.w--current {
  margin-right: 30px;
  color: #1979ff;
}

.link-block-5 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 20px;
  height: 20px;
  margin-top: 15px;
  margin-right: 15px;
}

.success-message {
  background-color: transparent;
}

.image-5 {
  margin-bottom: 30px;
}

.column-19 {
  padding-right: 0px;
  padding-left: 0px;
}

.rt-package-steps {
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  font-family: Montserrat, sans-serif;
  color: #c2c4cf;
  font-size: 15px;
}

.rt-package-steps ul {
  padding-left: 0px;
  list-style-type: none;
}

.rt-package-steps li {
  margin-bottom: 7px;
  padding-bottom: 7px;
}

.mapembed_desktop {
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.mapembed_mobile {
  display: none;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
}

.rich-text-block {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: skew(0deg, 4deg);
  -ms-transform: skew(0deg, 4deg);
  transform: skew(0deg, 4deg);
  color: #fff;
}

.column-20 {
  padding-right: 12.5px;
  padding-left: 12.5px;
}

.recaptacha_div.w300px {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}

html.w-mod-js *[data-ix="pop-up-modal"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="new-interaction"] {
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

html.w-mod-js *[data-ix="scroll-navbar-ia"] {
  display: none;
  opacity: 0;
  -webkit-transform: translate(0px, -69px);
  -ms-transform: translate(0px, -69px);
  transform: translate(0px, -69px);
}

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

@media screen and (max-width: 991px) {
  .nav-button._02 {
    margin-top: 14px;
  }
  .nav-button._01 {
    margin-top: 13px;
  }
  .home-hero-section {
    height: auto;
    padding-top: 115px;
    padding-bottom: 85px;
  }
  .hero-title.about {
    width: 60%;
    margin-right: auto;
    margin-bottom: 21px;
    margin-left: 0px;
    text-align: left;
  }
  .hero-title.home {
    font-size: 48px;
  }
  .hero-subtitle {
    margin-bottom: 24px;
  }
  .blue-gradient-button {
    color: #fff;
    text-decoration: none;
  }
  .blue-gradient-button.mobile-nav {
    width: 170px;
    margin: 45px 0px 7px 52px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
  }
  .service-section {
    margin-top: -47px;
    padding-top: 90px;
  }
  .section-title {
    width: 90%;
    margin-top: 1px;
    font-size: 32px;
    line-height: 32px;
  }
  .featuredservices-wrap {
    width: 340px;
  }
  .review-section {
    max-width: 991px;
    min-width: 768px;
    padding-top: 102px;
    padding-bottom: 102px;
  }
  .review-wrapper {
    width: auto;
    height: auto;
    min-width: 768px;
    margin-top: 33px;
  }
  .slider {
    width: 520px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .contact-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .form--text-wrapper {
    width: auto;
  }
  .form-textfield {
    margin-bottom: 8px;
  }
  .gallery-section {
    padding-top: 50px;
    padding-bottom: 75px;
    background-color: #fff;
  }
  .gallery-block {
    display: block;
  }
  .footer-section {
    margin-top: -40px;
    padding-top: 139px;
  }
  .intro-section {
    z-index: 3;
    margin-top: -50px;
    padding-bottom: 50px;
    background-color: #fff;
  }
  .footer-submit {
    margin-left: 0px;
  }
  .copyright-text {
    width: 700px;
  }
  .package-section {
    margin-top: -45px;
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .package-wrap {
    margin-bottom: 17px;
  }
  .package-gradientwrap.cquartzuk {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .paragraph {
    width: 70%;
    margin-right: auto;
    margin-left: 0px;
    font-size: 14px;
  }
  .about-section {
    z-index: 2;
    margin-top: -77px;
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .paragraph-2 {
    width: 80%;
  }
  .nav-link---phone-menu {
    position: relative;
    width: 150px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-bottom: 1px none #818181;
    font-family: Montserrat, sans-serif;
    color: #777;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    text-decoration: none;
  }
  .nav-link---phone-menu:hover {
    border-bottom-color: #3887bf;
    color: #3887bf;
  }
  .nav-link---phone-menu.w--current {
    border-bottom-color: #3887bf;
    color: #3887bf;
  }
  .contact-section--page {
    position: relative;
    margin-top: -56px;
    padding-top: 75px;
    padding-bottom: 68px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .map-2 {
    height: 500px;
  }
  .mobile-scroll-block {
    display: block;
    width: 320px;
    height: 400vh;
    background-color: #fff;
  }
  .mobile-nav-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .link-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    height: 70px;
    float: right;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nav-number-button {
    display: block;
    width: 170px;
    margin-left: 52px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 2px solid #777;
    border-radius: 24px;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #777;
    font-size: 15px;
    font-weight: 200;
  }
  .nabbar-link-wrapper {
    min-width: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
  }
  .nav-menu-2 {
    width: 100%;
    padding-top: 0px;
    float: none;
    background-color: hsla(0, 0%, 72.5%, 0.69);
  }
  .menu-button-2 {
    display: block;
    margin-right: auto;
  }
  .menu-button-2.w--open {
    background-color: transparent;
  }
  .icon-4 {
    color: #fff;
    font-size: 40px;
  }
  .package-benefit {
    margin-bottom: 10px;
  }
  .hero-wrap {
    top: 45%;
  }
  .center-paragraph {
    width: 90%;
    font-size: 14px;
    line-height: 26px;
  }
  .center-paragraph.white {
    text-align: left;
  }
  .hero-section.car-detailing {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url('../images/Swissvaxx-UTOPIA-2.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/Swissvaxx-UTOPIA-2.jpg');
    background-position: 0px 0px, 50% 50%;
  }
  .hero-section.ceramic-coating {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-size: auto, cover;
  }
  .hero-about-row {
    width: 90%;
  }
  .div-block-4 {
    width: 90%;
  }
  .paragraph-3 {
    font-size: 13px;
    line-height: 19px;
  }
  .nabbar-link-wrapper-2 {
    height: auto;
    min-width: auto;
    padding-right: 25px;
    padding-left: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dropdown-toggle-2 {
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .dropdown-toggle-2.w--open {
    padding-bottom: 10px;
  }
  .nav-link---phone-menu-2 {
    position: relative;
    width: 150px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-bottom: 1px none #818181;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
  }
  .nav-link---phone-menu-2:hover {
    border-bottom-color: #3887bf;
    color: #005bdb;
  }
  .nav-link---phone-menu-2.w--current {
    border-bottom-color: #3887bf;
    color: #696a70;
  }
  .menu-button-3 {
    display: block;
    margin-right: auto;
  }
  .menu-button-3.w--open {
    background-color: transparent;
  }
  .mobile-dropdown {
    margin-right: 0px;
    margin-left: 0px;
    font-family: Montserrat, sans-serif;
    color: #777;
    font-size: 17px;
  }
  .mobile-dropdown-link {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #f1f1f3;
    font-weight: 300;
  }
  .mobile-dropdown-link._1 {
    font-weight: 300;
  }
  .navbar2-2 {
    width: 100%;
    padding-left: 0px;
  }
  .mobile-scroll-block-2 {
    display: block;
    width: 320px;
    height: 400vh;
    padding-bottom: 76px;
    padding-left: 50px;
    background-color: #16171d;
  }
  .mobnav-cta {
    display: block;
    width: 170px;
    margin-top: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 6px;
    background-color: #005bdb;
    background-image: linear-gradient(24deg, #006aff, #022a8d);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .mobnav-cta._2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#696a70), to(#696a70));
    background-image: linear-gradient(180deg, #696a70, #696a70);
  }
  .dropdown-list-2 {
    background-color: transparent;
  }
  .dropdown-list-2.w--open {
    background-color: transparent;
  }
  .sbs-columns.m0px-bm {
    margin-bottom: 0px;
  }
  .clearbra-selection-button {
    width: 100%;
    text-align: center;
  }
  ._2squote-container {
    width: 90%;
  }
  .columns-10 {
    height: auto;
  }
  .hero-heading {
    width: 90%;
  }
  .column-15 {
    padding-right: 0px;
  }
  .hero-heading-wrap {
    top: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .column-17 {
    padding-left: 0px;
  }
  .form-block-2 {
    width: 100%;
  }
  .div-block-10 {
    max-width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .hero-subheading {
    width: 90%;
  }
  .navbar-submenu {
    height: auto;
    padding-top: 84px;
    padding-bottom: 10px;
  }
  .div-block-12 {
    width: 90%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  .home-hero-section {
    position: relative;
    margin-bottom: 0px;
  }
  .hero-title {
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 32px;
  }
  .hero-title.home {
    font-size: 32px;
    line-height: 32px;
  }
  .hero-subtitle {
    margin-top: 16px;
    font-size: 21px;
  }
  .service-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-title {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
  }
  .section-title.white.no-skew.mcenter {
    text-align: center;
  }
  .section-title.white.bm50px.mcenter {
    text-align: center;
  }
  .section-title.white.left {
    text-align: left;
  }
  .featuredservices-wrap {
    height: 200px;
    padding-top: 125px;
  }
  .featuredservice-title {
    font-size: 24px;
  }
  .review-section {
    max-width: 767px;
    min-width: 480px;
    padding-top: 78px;
    padding-bottom: 78px;
  }
  .review-wrapper {
    min-height: auto;
    min-width: 480px;
  }
  .slider {
    width: 420px;
    height: 300px;
    padding-top: 7px;
  }
  .review-block {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .contact-section {
    position: relative;
    z-index: 2;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-subtitle {
    font-size: 16px;
  }
  .form-wrapper {
    width: 85%;
  }
  .form-textfield {
    height: 35px;
    font-size: 16px;
  }
  .form-textfield.message {
    padding-right: 10px;
  }
  .gallery-section {
    position: relative;
    z-index: 2;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .gallery-section.gallery {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .gallery-block {
    display: block;
    width: 90%;
    margin-top: 21px;
  }
  .footer-section {
    position: relative;
    margin-top: -30px;
    padding-top: 109px;
  }
  .intro-section {
    margin-top: -33px;
    padding-top: 60px;
  }
  .footer-title {
    margin-bottom: 19px;
  }
  .copyright-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .copyright-text {
    width: 420px;
  }
  .package-section {
    position: static;
    margin-top: -34px;
  }
  .package-wrap {
    margin-bottom: 21px;
    padding-bottom: 25px;
  }
  .package-stepstext {
    font-size: 14px;
    line-height: 19px;
  }
  .package-gradientwrap.modal {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .paragraph {
    width: 90%;
    margin-left: -15px;
    font-size: 14px;
    line-height: 18px;
  }
  .about-section {
    margin-top: -33px;
    padding-top: 73px;
    padding-bottom: 73px;
  }
  .paragraph-2 {
    width: 90%;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }
  .pop-up-modal {
    padding-top: 6px;
  }
  .pop-up-form-wrapper {
    width: 90%;
  }
  .close-button {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    margin-top: -65px;
  }
  .x-icon {
    width: 19px;
  }
  .x-icon:hover {
    width: 21px;
  }
  .nav-link---phone-menu.w--current {
    color: #3887bf;
  }
  .map-2 {
    height: 350px;
  }
  .menu-button-2 {
    padding-top: 8px;
  }
  .sbsi-title {
    font-size: 28px;
    line-height: 32px;
  }
  .sbsi-text-column {
    height: auto;
    margin-bottom: 30px;
    padding-right: 0px;
  }
  .package-rows.top {
    margin-bottom: 0px;
  }
  .package-ctacolumn.left {
    margin-bottom: 15px;
    padding-left: 0px;
    text-align: right;
  }
  .package-ctacolumn.right {
    padding-right: 0px;
    text-align: left;
  }
  .form-leftcolumn {
    padding-right: 0px;
  }
  .form-rightcolumn {
    padding-left: 0px;
  }
  .hero-wrap {
    top: 37.5%;
    width: 90%;
  }
  .hero-wrap.home {
    top: 45%;
  }
  .center-paragraph {
    text-align: left;
  }
  .center-paragraph.white {
    font-size: 13.5px;
    line-height: 21px;
  }
  .center-paragraph.white.center {
    text-align: center;
  }
  .center-paragraph.white.center.pt {
    margin-bottom: 40px;
  }
  .center-paragraph h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .center-paragraph figcaption {
    font-size: 12px;
    line-height: 18px;
  }
  .hero-section {
    height: 400px;
  }
  .hero-section.contact {
    height: 650px;
  }
  .hero-section.ceramic-coating {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-position: 0px 0px, 0% 100%;
    background-size: auto, cover;
  }
  .about-certification-image.w125 {
    height: 100px;
  }
  .contactpage-container {
    width: 90%;
  }
  .contactinfo-text {
    font-size: 16px;
  }
  .nabbar-link-wrapper-2 {
    padding-right: 18px;
    padding-left: 0px;
  }
  .nav-button-2 {
    margin-left: 15px;
    padding: 8px 18px 7px;
    background-image: linear-gradient(180deg, #696a70, #696a70), linear-gradient(225deg, #001584 15%, #005bdb);
    font-size: 14px;
  }
  .nav-button-2.call {
    display: block;
    background-image: linear-gradient(225deg, #001584 15%, #005bdb);
  }
  .menu-button-3 {
    padding-left: 16px;
  }
  .navbar2-2 {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .mobile-scroll-block-2 {
    padding-left: 40px;
  }
  .sbsi-image-column {
    height: 380px;
  }
  .benefit-rows {
    margin-bottom: 40px;
  }
  .benefit-container {
    height: auto;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .benefit-wrap {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .section-cta {
    margin-bottom: 40px;
    padding: 17px 55px;
    font-size: 18px;
  }
  .section-cta.tm-bm-35px {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .section.correction1 {
    padding-top: 0px;
  }
  .section.coating1 {
    padding-bottom: 30px;
  }
  .section.home {
    padding-top: 44px;
  }
  .gallery-image {
    margin-bottom: 20px;
  }
  .hero-reviews-column {
    width: 180px;
  }
  .nav-call-link {
    display: none;
  }
  .fontawesome {
    font-family: Fontawesome, sans-serif;
  }
  .sbs-columns {
    margin-bottom: 40px;
  }
  .sbs-columns.last {
    margin-bottom: 50px;
  }
  .sbs-columns.m0px-bm {
    margin-bottom: 40px;
  }
  .sbs-rt {
    font-size: 13.5px;
    line-height: 21px;
  }
  .sbs-rt h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .sbs-rt.bm25px h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .sbs-icolumn._450px {
    height: 300px;
  }
  .sbs-icolumn._500px {
    height: 300px;
  }
  .sbs-icolumn.review {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sbs-tcolumn {
    height: auto;
  }
  .sbs-tcolumn._450px {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sbs-tcolumn._500px {
    height: auto;
  }
  .sbs-text-wrap {
    position: static;
    top: auto;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .sbs-text-wrap.r {
    margin-top: 30px;
  }
  .sbs-text-wrap.l {
    padding-bottom: 20px;
  }
  .sbs-image {
    max-height: 100%;
  }
  .sbs-image.l {
    position: static;
    overflow: hidden;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .center-image-container {
    height: 230px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .center-image.correction1 {
    margin-top: -104px;
  }
  .benefits-columns {
    width: 75%;
  }
  .benefits-columns.top {
    width: 80%;
  }
  .benefit-title {
    height: 50px;
  }
  .benefit-title.certification {
    height: auto;
  }
  .benefits-wrap {
    margin-bottom: 40px;
  }
  .benefits-wrap.mlast {
    margin-bottom: 0px;
  }
  .benefits-icon-wrap {
    height: 100px;
  }
  .clearbra-selection-button {
    width: 90%;
  }
  .ppf-mockup-wrap {
    padding-top: 10px;
  }
  .tabs-menu {
    width: auto;
  }
  .ppf-package-title {
    font-size: 25px;
    line-height: 29px;
  }
  .ppf-mockup {
    height: 250px;
    background-image: none;
  }
  .ppf-tabs {
    width: 90%;
  }
  .pt-image {
    width: 250px;
  }
  .sbs-video {
    position: static;
    height: 100%;
    max-height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
  }
  .sbs-video-image {
    height: 100%;
  }
  .columns-10 {
    width: 90%;
  }
  .hero-heading {
    margin-bottom: 20px;
    font-size: 29px;
    line-height: 33px;
  }
  .column-15 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .hero-heading-wrap {
    padding-top: 50px;
  }
  .text-block-19 {
    font-size: 25px;
  }
  .columns-9 {
    margin-bottom: 25px;
  }
  .text-block-18 {
    font-size: 14px;
    line-height: 24px;
  }
  .column-17 {
    padding-left: 0px;
  }
  .text-block-17 {
    font-size: 18px;
  }
  .form-block-2 {
    width: 66%;
    margin-right: auto;
    margin-left: auto;
  }
  .form-block-2.body {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .column-13 {
    height: auto;
  }
  .div-block-10 {
    margin-bottom: 25px;
    padding-right: 15px;
    padding-bottom: 1px;
  }
  .text-field-2.body {
    width: 275px;
  }
  .hero-subheading {
    margin-top: -5px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px;
  }
  .image-3 {
    width: 50px;
  }
  .text-block-22 {
    font-size: 16px;
  }
  .sbs-review-wrap {
    position: static;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .navbar-submenu {
    padding-right: 18px;
    padding-left: 18px;
  }
  .div-block-12 {
    width: 100%;
  }
  .navbar-submenu-link {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #bbb;
    font-size: 13px;
  }
  .navbar-submenu-link.w--current {
    margin-right: 10px;
  }
  .navbar-submenu-link.last {
    border-right-style: none;
  }
  .mapembed_desktop {
    display: none;
  }
  .mapembed_mobile {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .home-hero-section {
    padding-top: 51px;
    padding-bottom: 51px;
  }
  .home-hero-section.about {
    height: 800px;
  }
  .hero-title {
    font-size: 22px;
    line-height: 27px;
  }
  .hero-title.about {
    width: 88%;
    margin-bottom: 8px;
    margin-left: 18px;
  }
  .hero-title.home {
    font-size: 28px;
    line-height: 28px;
  }
  .hero-title.contact {
    margin-bottom: 20px;
  }
  .hero-subtitle {
    margin: 16px auto 22px;
    font-size: 16px;
    line-height: 16px;
  }
  .blue-gradient-button {
    width: 175px;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
  }
  .blue-gradient-button.mobile-nav {
    margin-top: 21px;
    margin-left: 45px;
    font-size: 17px;
  }
  .section-title {
    margin-top: 0px;
    font-size: 24px;
    line-height: 28px;
  }
  .featuredservices-wrap {
    width: 300px;
    height: 160px;
    margin-bottom: 28px;
    padding-top: 93px;
  }
  .featuredservice-title {
    font-size: 20px;
  }
  .review-section {
    max-width: 479px;
    min-width: 320px;
    padding-top: 75px;
    padding-bottom: 106px;
  }
  .review-wrapper {
    min-width: 320px;
    margin-top: 23px;
  }
  .slider {
    width: 95%;
    height: 310px;
    margin-top: 12px;
  }
  .icon {
    margin-left: 6px;
    font-size: 25px;
  }
  .icon-2 {
    margin-left: 45px;
    font-size: 25px;
  }
  .review-text {
    margin-bottom: 15px;
    padding-right: 0px;
    padding-left: 17px;
    font-size: 14px;
  }
  .review-block {
    width: 80%;
  }
  .review-author {
    width: 60%;
  }
  .link {
    display: block;
    margin-top: 0px;
    padding-left: 2px;
    float: none;
  }
  .contact-section {
    margin-bottom: -24px;
    padding-top: 66px;
    padding-bottom: 55px;
  }
  .contact-subtitle {
    margin-bottom: 26px;
  }
  .form-wrapper {
    width: 90%;
  }
  .submit-button {
    width: 160px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .gallery-section {
    margin-bottom: -30px;
    padding-bottom: 83px;
  }
  .gallery-section.gallery {
    padding-top: 51px;
  }
  .gallery-block {
    width: 300px;
    margin-top: 28px;
  }
  .footer-section {
    margin-top: 0px;
    padding-top: 92px;
  }
  .intro-section {
    margin-top: -45px;
    padding-top: 59px;
  }
  .footer-form-wrapper {
    width: 95%;
  }
  .copyright-wrapper {
    margin-top: 0px;
  }
  .copyright-text {
    width: 300px;
    padding-left: 21px;
    font-size: 11px;
    line-height: 17px;
  }
  .package-section {
    margin-top: -19px;
    padding-bottom: 20px;
  }
  .package-wrap {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .package-gradientwrap {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .paragraph {
    width: 100%;
    margin-left: 3px;
  }
  .about-section {
    margin-top: -50px;
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .paragraph-2 {
    width: 85%;
    font-size: 15px;
  }
  .pop-up-modal {
    position: fixed;
    z-index: 999999;
    display: none;
    padding-top: 4px;
  }
  .pop-up-form-wrapper {
    width: 100%;
  }
  .modal-form-block {
    width: 90%;
  }
  .close-button {
    width: 40px;
    height: 40px;
    margin-top: -51px;
  }
  .x-icon {
    width: 16px;
  }
  .x-icon:hover {
    width: 18px;
  }
  .nav-link---phone-menu {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 300;
  }
  .contact-section--page {
    margin-top: -20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .map-2 {
    height: 340px;
  }
  .link-block-3 {
    float: right;
  }
  .nav-number-button {
    margin-left: 45px;
  }
  .nav-number-button:hover {
    background-color: #777;
    color: #fff;
    text-shadow: 1px 1px 6px #696969;
  }
  .nabbar-link-wrapper {
    padding-right: 0px;
  }
  .menu-button-2 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .icon-4 {
    font-size: 35px;
  }
  .featuredservices-row {
    margin-top: 30px;
  }
  .package-rows {
    width: 90%;
  }
  .package-benefit {
    font-size: 15px;
    line-height: 23px;
  }
  .hero-wrap {
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }
  .center-paragraph {
    font-weight: 400;
  }
  .hero-section.contact {
    height: 550px;
    padding-top: 100px;
  }
  .hero-section.ceramic-coating {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/ceramic-coating-curing-on-lotus-in-raleigh-nc.jpg');
    background-position: 0px 0px, 8% 100%;
    background-size: auto, auto;
  }
  .column-3 {
    padding-left: 0px;
  }
  .div-block-4 {
    margin-bottom: 55px;
  }
  .paragraph-3 {
    font-size: 13px;
    line-height: 17px;
    text-align: center;
  }
  .nabbar-link-wrapper-2 {
    padding-right: 10px;
    padding-left: 0px;
  }
  .nav-button-2 {
    margin-left: 10px;
    padding: 6px 9px 5px;
    font-size: 13px;
    letter-spacing: 0px;
  }
  .menu-button-3 {
    padding: 9px 10px 9px 8px;
  }
  .mobile-scroll-block-2 {
    width: 100%;
    padding-left: 30px;
  }
  .sbsi-image-column {
    height: 240px;
  }
  .benefit-rows {
    width: 90%;
  }
  .benefit-wrap {
    width: 90%;
  }
  .benefits-title {
    font-size: 20px;
    line-height: 23px;
  }
  .benefit-text {
    line-height: 20px;
  }
  .section-cta {
    min-width: 275px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .gallery-column {
    padding-right: 0px;
    padding-left: 0px;
  }
  .gallery-image {
    margin-bottom: 20px;
  }
  .sbs-columns._0px-bm {
    margin-top: 40px;
  }
  .sbs-rt {
    font-size: 14px;
    line-height: 22px;
  }
  .sbs-rt h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .sbs-icolumn {
    height: 200px;
  }
  .sbs-icolumn._450px {
    height: 200px;
  }
  .sbs-icolumn._500px {
    height: 200px;
  }
  .center-image-container {
    height: 200px;
  }
  .center-image.correction1 {
    margin-top: 0px;
  }
  .benefits-columns {
    width: 90%;
    max-width: 340px;
  }
  .benefits-columns.top {
    width: 90%;
  }
  .benefit-title {
    font-size: 14px;
    line-height: 19px;
  }
  .benefits-wrap {
    margin-bottom: 0px;
  }
  .benefits-wrap.certification {
    margin-bottom: 30px;
  }
  .benefits-icon-wrap.ppf1 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf2 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf3 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf4 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf5 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf6 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf7 {
    height: 80px;
    margin-bottom: 20px;
  }
  .benefits-icon-wrap.ppf8 {
    height: 80px;
    margin-bottom: 20px;
  }
  .ppf-mockup {
    height: 200px;
    background-size: contain;
  }
  ._2squote-container {
    overflow: scroll;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .columns-10 {
    width: 90%;
  }
  .hero-heading {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
  }
  .hero-heading-wrap {
    padding-top: 85px;
  }
  .columns-9 {
    margin-bottom: 27.5px;
  }
  .text-block-17 {
    font-size: 16px;
  }
  .form-block-2 {
    width: 95%;
  }
  .form-block-2.body {
    width: 100%;
  }
  .column-14 {
    height: 46px;
  }
  .div-block-10 {
    padding-right: 10px;
    padding-left: 15px;
  }
  .text-field-2 {
    font-size: 16px;
  }
  .text-field-2.body {
    width: 250px;
  }
  .hero-subheading {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 22px;
  }
  .navbar-submenu {
    padding-top: 56px;
    padding-bottom: 6px;
  }
  .navbar-submenu-link {
    font-size: 12px;
    line-height: 25px;
  }
  .navbar-submenu-link.w--current {
    margin-right: 7px;
  }
}

@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome';
  src: url('../fonts/FontAwesome.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}