@media only screen and (min-width: 1024px) {
  .lg-bg-primary {
    background-color: #B32C3E !important;
  }
}

.bg-primary {
  background-color: #B32C3E !important;
}

.text-primary {
  color: #B32C3E !important;
}

.text-primary-2 {
  color: #FF3F59 !important;
}

.text-error-2 {
  color: #FF3F59 !important;
}

.link-primary {
  color: #B32C3E !important;
}
.link-primary:hover {
  color: #FB7486 !important;
}

.btn-primary {
  background: #2A3F47 !important;
  color: #FFFFFF !important;
  border: 0.0625rem solid #2A3F47 !important;
}
.btn-primary:hover {
  border-color: #1a222a !important;
  background: #1a222a !important;
}
.btn-hallow {
  background: #FFFFFF !important;
  border: 0.0625rem solid #2A3F47 !important;
  color: #2A3F47 !important;
}
.btn-hallow:hover {
  border-color: #1a222a !important;
  color: #1a222a !important;
}

.hamburger-menu__button span {
  background-color: #B32C3E;
}
.hamburger-menu__button span:before, .hamburger-menu__button span:after {
  background-color: #B32C3E;
}
.hamburger-menu.active .hamburger-menu__close-text {
  top: 0;
}
.hamburger-menu.active .hamburger-menu__button span {
  background-color: rgba(0, 0, 0, 0);
}

.hero__title-main {
  color: #2A3F47;
}
.hero__title-sub {
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .hero__title-sub {
    color: #B32C3E;
  }
}
.hero__description-list {
  list-style: disc;
}
@media only screen and (min-width: 640px) {
  .hero__description-list {
    color: #B32C3E;
  }
}
.hero .background-fader-col:before {
  background: linear-gradient(0deg, rgb(42, 63, 71) 10%, rgba(42, 63, 71, 0) 100%);
}
@media only screen and (min-width: 640px) {
  .hero .background-fader-col:before {
    background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
    height: 30%;
  }
}

.HeroWithForm__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__wrapper {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__hero {
    background-size: cover;
  }
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__hero-cover:before {
    background: linear-gradient(0deg, rgba(42, 63, 71, 0) 0%, rgb(42, 63, 71) 100%);
  }
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__hero-cover:after {
    background: linear-gradient(45deg, rgba(27, 27, 27, 0) 0%, rgb(27, 27, 27) 100%);
  }
}
.HeroWithForm__etc {
  width: 100%;
  order: 1;
  padding: 0.75rem 0 0 0;
}
.HeroWithForm__etc .slider-item {
  height: 2.625rem;
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__etc {
    padding: 1.25rem 0 0.5rem 0;
  }
}
.HeroWithForm__content-wrapper {
  flex-direction: column;
}
@media only screen and (min-width: 1280px) {
  .HeroWithForm__content-wrapper {
    flex-direction: row;
  }
}
.HeroWithForm__content-text--mobile {
  padding: 1rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .HeroWithForm__content-text--mobile {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .HeroWithForm__content-text--mobile {
    display: none;
  }
}
.HeroWithForm .QuoteRequestForm--form-outer-wrapper {
  background: linear-gradient(45deg, #35A3CD 50%, #2A3F47 100%) !important;
  background: -o-linear-gradient(#35A3CD, #2A3F47) !important;
}
.HeroWithForm .QuoteRequestForm--form-outer-wrapper .form-section label {
  font-weight: 400;
}
.HeroWithForm .QuoteRequestForm--form-steps .form-step.active path {
  fill: #FF3F59 !important;
}

.TextBox__primary .content {
  color: #B32C3E;
}
@media only screen and (min-width: 1024px) {
  .TextBox__primary .content {
    background-color: #B32C3E;
    color: #FFFFFF;
  }
}

.CtaTextBox__schema-secondary:before {
  background: linear-gradient(0deg, #35A3CD 50%, #2A3F47 100%) !important;
  background: -o-linear-gradient(#35A3CD, #2A3F47) !important;
}

.Category__item:after {
  background: linear-gradient(0deg, rgb(42, 63, 71) 10%, rgba(42, 63, 71, 0) 100%) !important;
}

.IconAndText.schema-primary .IconAndText__content-box {
  background: #B32C3E;
}
.IconAndText.schema-primary .IconAndText__content-box:hover {
  background: #C9C6C6 !important;
}
.IconAndText.schema-primary .IconAndText__content-box:hover .IconAndText__icon-wrapper:before {
  background: repeating-linear-gradient(45deg, #B32C3E, #B32C3E 0.125rem, transparent 0.125rem, transparent 0.9375rem);
}
.IconAndText.schema-primary .IconAndText__content-box:hover .IconAndText__content {
  color: #B32C3E !important;
}
.IconAndText.schema-primary .IconAndText__content-box:hover .IconAndText__content:before {
  background: #B32C3E !important;
}
.IconAndText.schema-secondary .IconAndText__content-box {
  background: linear-gradient(45deg, #35A3CD 50%, #2A3F47 100%) !important;
  background: -o-linear-gradient(#35A3CD, #2A3F47) !important;
}
.IconAndText.schema-secondary .IconAndText__content-box:hover {
  background: #F3F3F3 !important;
}
.IconAndText.schema-secondary .IconAndText__content-box:hover .IconAndText__icon-wrapper:before {
  background: repeating-linear-gradient(45deg, #35A3CD, #35A3CD 0.125rem, transparent 0.125rem, transparent 0.9375rem);
}
.IconAndText.schema-secondary .IconAndText__content-box:hover .IconAndText__content {
  color: #35A3CD !important;
}
.IconAndText.schema-secondary .IconAndText__content-box:hover .IconAndText__content:before {
  background: #35A3CD !important;
}

.LogoAndText {
  background-color: #2a3f47 !important;
}
.LogoAndText-inner-wrapper:after {
  background-color: #f5edd1 !important;
}
.LogoAndText-inner-wrapper:before {
  background-color: #fecc16 !important;
}
.LogoAndText-content a {
  color: #52D1EB !important;
}
.LogoAndText-content a:hover {
  color: #15ADCC !important;
}

.TextAndForm .form-step.active path {
  fill: #FF3F59 !important;
}

.ReviewBox .slick-arrow {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.ReviewBox .slick-prev,
.ReviewBox .slick-next {
  background: #15ADCC !important;
}
.ReviewBox .slick-prev:active, .ReviewBox .slick-prev:visited, .ReviewBox .slick-prev:focus, .ReviewBox .slick-prev:hover,
.ReviewBox .slick-next:active,
.ReviewBox .slick-next:visited,
.ReviewBox .slick-next:focus,
.ReviewBox .slick-next:hover {
  background: #FFFFFF !important;
  border: 0.0625rem solid #15ADCC !important;
}
.ReviewBox .slick-prev:active:before, .ReviewBox .slick-prev:visited:before, .ReviewBox .slick-prev:focus:before, .ReviewBox .slick-prev:hover:before,
.ReviewBox .slick-next:active:before,
.ReviewBox .slick-next:visited:before,
.ReviewBox .slick-next:focus:before,
.ReviewBox .slick-next:hover:before {
  color: #15ADCC !important;
}

.mobile-navigation .navigation-item {
  border-color: #B32C3E;
}

.main-navigation ul li.active {
  border-bottom: 0.125rem solid #B32C3E;
}
.main-navigation ul li.active a {
  color: #B32C3E;
  line-height: normal;
}

.header .logo {
  max-width: 150px;
}

.Footer {
  background: #1a222a;
}