@charset "UTF-8";
/*!
Theme Name:         Ford & Doonan
Description:        Ford & Doonan Website 
Version:            1.0.0
Author:             Caffeinate Digital
 Version: 1.0
*/
.lato-light {
  font-family: lato, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-ilight {
  font-family: lato, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-medium {
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.lato-bold {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-heavy {
  font-family: lato, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.lato-black {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}

body {
  background: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:focus {
  outline: none !important;
}

*:active {
  outline: none !important;
}

.container {
  max-width: 1920px;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 1500px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1200px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 480px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.upper {
  text-transform: uppercase;
}

.primary {
  color: #1C2952;
}

.secondary {
  color: #3888C9;
}

.white {
  color: #ffffff;
}

.blue {
  color: #144D8E;
}

a.btn, input[type=image], a.icon-btn img {
  transition: all 0.2s ease-in-out;
}
a.btn:hover, input[type=image]:hover, a.icon-btn img:hover {
  transform: scale(1.1);
  cursor: pointer;
}

img {
  max-width: 100%;
}

a[href="#"] {
  cursor: default;
}

a[href^=tel] {
  text-decoration: inherit;
  color: inherit;
}

.topline {
  width: 255px;
  height: 9px;
  background: #ffffff;
}
@media (max-width: 991px) {
  .topline {
    margin: 0 auto;
  }
}

.divider {
  background: url(/wp-content/uploads/2023/10/line.svg) no-repeat;
  background-position: center;
  width: 100%;
  max-width: 1920px;
  background-size: cover;
  height: auto;
  margin: auto;
  text-align: center;
}

.thank-you {
  min-height: 400px;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
  z-index: 999999 !important;
}

.pac-container {
  z-index: 1999999 !important;
}

.show-tab {
  display: none;
}

.hide-tab {
  display: block;
}

@media (max-width: 1400px) {
  .show-tab {
    display: block;
  }
  .hide-tab {
    display: none;
  }
}
@media (min-width: 992px) {
  .responsive-only {
    display: none !important;
  }
  .desktop-only {
    display: block;
  }
}
@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
  .show-mobile {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .responsive-only {
    display: block;
  }
  .desktop-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mobile-top {
    padding-top: 169.43px;
  }
  .hide-mobile {
    display: none !important;
  }
  .show-mobile {
    display: block;
  }
  .container {
    overflow: hidden;
  }
}
header article.main-header {
  position: relative;
  background: transparent linear-gradient(86deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
}
header article.main-header .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  /* Menu Start*/
  /* Styles for the mega menu */
  /* Menu End */
}
@media (max-width: 1500px) {
  header article.main-header .container {
    padding: 0 40px;
  }
}
@media (max-width: 1200px) {
  header article.main-header .container {
    padding: 0px 30px 0 15px;
  }
}
@media (max-width: 480px) {
  header article.main-header .container {
    padding: 0 15px;
  }
}
header article.main-header .container .left, header article.main-header .container .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
header article.main-header .container .tagline {
  padding-left: 100px;
}
@media (max-width: 1850px) {
  header article.main-header .container .tagline {
    padding-left: 60px;
    max-width: 360px;
  }
}
@media (max-width: 1650px) {
  header article.main-header .container .tagline {
    padding-left: 35px;
    max-width: 290px;
  }
}
@media (max-width: 1200px) {
  header article.main-header .container .tagline {
    max-width: 275px;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .tagline {
    display: none;
  }
}
header article.main-header .container .logo {
  width: 100%;
  max-width: 195px;
}
@media (max-width: 480px) {
  header article.main-header .container .logo {
    max-width: 160px;
  }
}
@media (max-width: 380px) {
  header article.main-header .container .logo {
    max-width: 130px;
  }
}
header article.main-header .container .contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 60px;
}
@media (max-width: 1650px) {
  header article.main-header .container .contact-info {
    padding-right: 25px;
  }
}
@media (max-width: 1500px) {
  header article.main-header .container .contact-info {
    padding-right: 25px;
  }
}
@media (max-width: 1200px) {
  header article.main-header .container .contact-info {
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  header article.main-header .container .contact-info {
    padding-right: 8px;
  }
}
@media (max-width: 380px) {
  header article.main-header .container .contact-info {
    padding-right: 5px;
  }
}
header article.main-header .container .contact-info .others {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
header article.main-header .container .contact-info .others div {
  padding: 0 10px;
  /*@include lgDown{
  	padding: 0 8px;
  }
  @media (max-width:800px){ 
  	padding: 0 5px; 
  }*/
}
@media (max-width: 1650px) {
  header article.main-header .container .contact-info .others div {
    padding: 0 8px;
  }
}
@media (max-width: 1400px) {
  header article.main-header .container .contact-info .others div {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  header article.main-header .container .contact-info .others div {
    padding: 0 5px;
  }
  header article.main-header .container .contact-info .others div#store {
    display: none;
  }
}
@media (max-width: 767px) {
  header article.main-header .container .contact-info .others div.req-btn {
    display: none;
  }
}
@media (max-width: 480px) {
  header article.main-header .container .contact-info .others div {
    width: 52px;
  }
}
@media (max-width: 380px) {
  header article.main-header .container .contact-info .others div {
    width: 45px;
    padding: 0 4px;
  }
}
@media (max-width: 767px) {
  header article.main-header .container .search-btn {
    display: none;
  }
}
header article.main-header .container .search-btn div {
  padding: 0 10px !important;
  cursor: pointer;
}
@media (max-width: 1650px) {
  header article.main-header .container .search-btn div {
    padding: 0 9px !important;
  }
}
@media (max-width: 1200px) {
  header article.main-header .container .search-btn div {
    padding: 0 8px !important;
  }
}
header article.main-header .container .search-btn .icon-search, header article.main-header .container .search-btn .icon-decline {
  transition: opacity 0.3s ease;
}
header article.main-header .container .line {
  border-left: 1px solid #ffffff;
  height: 148px;
}
@media (max-width: 480px) {
  header article.main-header .container .line {
    height: 120px;
  }
}
header article.main-header .container .menu-header {
  padding-left: 80px;
}
@media (max-width: 1650px) {
  header article.main-header .container .menu-header {
    padding-left: 40px;
  }
}
@media (max-width: 1500px) {
  header article.main-header .container .menu-header {
    padding-left: 40px;
  }
}
@media (max-width: 1200px) {
  header article.main-header .container .menu-header {
    padding-left: 30px;
  }
}
@media (max-width: 480px) {
  header article.main-header .container .menu-header {
    padding-left: 15px;
  }
}
@media (max-width: 380px) {
  header article.main-header .container .menu-header {
    padding-left: 5px;
  }
}
header article.main-header .container .bar {
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  margin: 4px 0;
}
header article.main-header .container .hamburger-icon, header article.main-header .container .close-icon {
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: relative;
}
@media (max-width: 480px) {
  header article.main-header .container .hamburger-icon, header article.main-header .container .close-icon {
    width: 36px;
    height: 36px;
  }
}
header article.main-header .container .hamburger-icon {
  display: block;
}
header article.main-header .container .close-icon {
  display: none;
}
header article.main-header .container .mega-menu {
  display: none;
  max-height: 0; /* Start with max-height set to 0 */
  overflow: hidden; /* Hide content that overflows */
  transition: max-height 0.3s ease-in-out; /* Add a transition for the max-height property */
}
header article.main-header .container .mega-menu.show {
  display: block;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12px;
  max-height: 370px; /* Adjust the maximum height as needed */
  max-height: -moz-max-content;
  max-height: -webkit-max-content;
  max-height: max-content;
  position: absolute;
  left: 0;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
  top: 160px;
  z-index: 100;
  width: 100%;
  max-width: 1860px;
  margin: auto;
  right: 0;
  width: 98%;
}
@media (max-width: 480px) {
  header article.main-header .container .mega-menu.show {
    top: 130px;
    width: 96%;
  }
}
header article.main-header .container .mega-menu .my-menu {
  padding: 50px 50px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  header article.main-header .container .mega-menu .my-menu {
    padding: 40px 20px 35px;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu .my-menu {
    padding: 10px 15px 10px;
  }
}
@media (max-width: 480px) {
  header article.main-header .container .mega-menu .my-menu {
    padding: 10px 10px 10px;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu .my-menu {
    flex-direction: column;
  }
}
header article.main-header .container .mega-menu .search-input-wrapper {
  display: none !important;
}
@media (max-width: 767px) {
  header article.main-header .container .mega-menu .search-input-wrapper {
    display: block !important;
    padding: 30px 20px 0;
    width: 100%;
  }
}
header article.main-header .container .mega-menu .button-menu {
  display: none;
}
@media (max-width: 767px) {
  header article.main-header .container .mega-menu .button-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 20px 0 0;
    flex-wrap: wrap;
  }
  header article.main-header .container .mega-menu .button-menu > div {
    padding: 10px;
  }
}
header article.main-header .container .mega-menu ul {
  list-style: none;
  padding: 6px 0 0;
  margin: 0;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu ul {
    padding: 0;
  }
}
header article.main-header .container .mega-menu ul li {
  position: relative;
}
header article.main-header .container .mega-menu ul li a {
  text-decoration: none;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  header article.main-header .container .mega-menu ul li a {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 1.2px;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu ul li a {
    width: auto;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  header article.main-header .container .mega-menu ul li.underline > a {
    border-bottom: 1px solid #ffffff;
  }
}
header article.main-header .container .mega-menu nav.main-menu {
  width: 20%;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu {
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu .nav-menu li {
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children::before {
    content: ">"; /* Unicode character for a right-pointing triangle (can be replaced with an image or other icon) */
    position: absolute;
    right: 10px;
    top: 31px;
    transform: translateY(-50%) rotate(90deg);
    cursor: pointer;
    transition: transform 0.3s ease; /* Add a smooth transition effect */
    color: #ffffff;
    font-size: 26px;
  }
  header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children:has(.show-submenu)::before {
    transform: translateY(-50%) rotate(-90deg);
  }
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu {
  display: none;
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li {
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li {
    padding: 0 0 7px;
  }
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li a {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(14px + 6 * (100vw - 380px) / 1600);
  font-size: calc(14px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: 1.5;
  letter-spacing: -webkit-calc(0.7px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.7px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li a {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
}
header article.main-header .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu.show-submenu {
  display: block;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu.main-menu-service ul li {
    border-bottom: 1px solid #ffffff;
  }
  header article.main-header .container .mega-menu nav.main-menu.main-menu-service ul li:last-child {
    border: 0 none;
  }
  header article.main-header .container .mega-menu nav.main-menu.main-menu-service ul ul.sub-menu li {
    border: none;
  }
}
header article.main-header .container .mega-menu nav.main-menu.main-menu-service .humm90 {
  display: none;
}
header article.main-header .container .mega-menu nav.main-menu.main-menu-infohub {
  padding: 0;
  width: 15%;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu.main-menu-infohub {
    width: 100%;
  }
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu.main-menu-infohub ul li {
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
  }
  header article.main-header .container .mega-menu nav.main-menu.main-menu-infohub ul li:last-child {
    border: 0 none;
  }
}
header article.main-header .container .mega-menu nav.main-menu.main-menu-store {
  width: 25%;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu.main-menu-store {
    width: 100%;
    border: 0 none;
  }
}
header article.main-header .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li {
  width: 50%;
  float: left;
}
header article.main-header .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li:nth-child(2n) {
  width: 50%;
}
@media (max-width: 991px) {
  header article.main-header .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li {
    width: 100%;
    float: none;
  }
}

#air-conditioning-mandurah article.main-header .container .mega-menu nav.main-menu.main-menu-service .humm90 {
  display: block;
}

@keyframes wavehat {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
.santa-main {
  top: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  margin-left: -8px;
}
@media screen and (min-width: 20rem) {
  .santa-main {
    top: 0.5rem;
    margin-left: -8px;
  }
}
@media screen and (min-width: 23.81rem) {
  .santa-main {
    top: 0.4rem;
    margin-left: -8px;
  }
}
@media screen and (min-width: 30.06rem) {
  .santa-main {
    top: 0.8rem;
    margin-left: -5px;
  }
}
@media screen and (min-width: 48rem) {
  .santa-main {
    top: 0.8rem;
    margin-left: -5px;
  }
}
@media screen and (min-width: 64rem) {
  .santa-main {
    top: 0.5rem;
    width: 3rem;
    height: 3rem;
    margin-left: -12px;
  }
}

.santa-cap {
  position: absolute;
  inset: 0px;
  background-image: url(https://www.fordanddoonan.com.au/wp-content/uploads/2024/12/xmas-hat-cap.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.cap-tail {
  width: 1rem;
  left: -0.3rem;
  position: absolute;
  height: 3.5rem;
  background-image: url(https://www.fordanddoonan.com.au/wp-content/uploads/2024/12/xmas-hat-pompom.png);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  top: 0px;
  transform-origin: right top;
  animation: 1.5s ease-in-out 0s infinite normal none running wavehat;
}
@media screen and (min-width: 20rem) {
  .cap-tail {
    width: 1rem;
    left: -0.3rem;
  }
}

footer {
  background: transparent linear-gradient(75deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
  position: relative;
}
footer article.main-footer .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  /* Menu Start*/
  /* Styles for the mega menu */
  /* Menu End */
}
@media (max-width: 1500px) {
  footer article.main-footer .container {
    padding: 0 40px;
  }
}
@media (max-width: 1200px) {
  footer article.main-footer .container {
    padding: 0px 30px;
  }
}
@media (max-width: 480px) {
  footer article.main-footer .container {
    padding: 0 15px;
  }
}
footer article.main-footer .container .top, footer article.main-footer .container .bottom {
  width: 100%;
}
footer article.main-footer .container .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 55px 0 70px;
}
@media (max-width: 1500px) {
  footer article.main-footer .container .bottom {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  footer article.main-footer .container .bottom {
    padding: 45px 0 60px;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .bottom {
    padding: 35px 0 50px;
  }
}
@media (max-width: 480px) {
  footer article.main-footer .container .bottom {
    padding: 35px 0 40px;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .bottom {
    flex-direction: column;
  }
}
footer article.main-footer .container .left, footer article.main-footer .container .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1500px) {
  footer article.main-footer .container .left {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 55px;
    margin-bottom: 55px;
  }
}
@media (max-width: 1200px) {
  footer article.main-footer .container .left {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .left {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  footer article.main-footer .container .left {
    flex-direction: column;
  }
}
footer article.main-footer .container .contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
}
@media (max-width: 767px) {
  footer article.main-footer .container .contact-info {
    padding-left: 0;
    flex-wrap: wrap;
    max-width: 300px;
  }
}
footer article.main-footer .container .contact-info div {
  padding: 0 14px;
}
@media (max-width: 1919.99px) {
  footer article.main-footer .container .contact-info div {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  footer article.main-footer .container .contact-info div#store {
    padding-top: 40px;
  }
}
@media (max-width: 480px) {
  footer article.main-footer .container .contact-info div#store {
    padding-top: 25px;
  }
}
footer article.main-footer .container .contact-info div.req-btn {
  display: none;
}
footer article.main-footer .container .socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 20px;
}
@media (max-width: 767px) {
  footer article.main-footer .container .socials {
    padding-right: 0;
  }
}
footer article.main-footer .container .socials div {
  padding: 0 14px;
}
@media (max-width: 1919.99px) {
  footer article.main-footer .container .socials div {
    padding: 0 12px;
  }
}
@media (min-width: 1500.01px) {
  footer article.main-footer .container .socials div:first-child {
    padding: 0 12px 0 0;
  }
}
@media (min-width: 1920px) {
  footer article.main-footer .container .socials div:first-child {
    padding: 0 12px 0 0;
  }
}
footer article.main-footer .container .line {
  border-left: 1px solid #ffffff;
  height: 46px;
}
@media (max-width: 767px) {
  footer article.main-footer .container .line {
    border: 0 none;
    height: 40px;
  }
}
@media (max-width: 480px) {
  footer article.main-footer .container .line {
    height: 25px;
  }
}
footer article.main-footer .container .copyright {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: -webkit-calc(16px + 6 * (100vw - 380px) / 1600);
  font-size: calc(16px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.32px + 0.12 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.32px + 0.12 * (100vw - 380px) / 1600);
  text-align: right;
}
@media (min-width: 1920px) {
  footer article.main-footer .container .copyright {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.44px;
  }
}
@media (max-width: 1500px) {
  footer article.main-footer .container .copyright {
    text-align: center;
  }
}
footer article.main-footer .container .copyright a {
  color: white;
  text-decoration: none;
}
footer article.main-footer .container .mega-menu {
  max-width: 1860px;
  margin: auto;
  display: block;
  width: 100%;
}
footer article.main-footer .container .mega-menu .my-menu {
  padding: 70px 0 55px;
  border-bottom: 1px solid #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  footer article.main-footer .container .mega-menu .my-menu {
    padding: 60px 0 35px;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu .my-menu {
    padding: 50px 0 0;
  }
}
@media (max-width: 480px) {
  footer article.main-footer .container .mega-menu .my-menu {
    padding: 40px 0 0;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu .my-menu {
    flex-direction: column;
  }
}
footer article.main-footer .container .mega-menu .button-menu {
  display: none;
}
footer article.main-footer .container .mega-menu ul {
  list-style: none;
  padding: 6px 0 0;
  margin: 0;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu ul {
    padding: 0;
  }
}
footer article.main-footer .container .mega-menu ul li {
  position: relative;
}
footer article.main-footer .container .mega-menu ul li a {
  text-decoration: none;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  footer article.main-footer .container .mega-menu ul li a {
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 1.2px;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu ul li a {
    width: auto;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  footer article.main-footer .container .mega-menu ul li.underline > a {
    border-bottom: 1px solid #ffffff;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu {
  width: 20%;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu {
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li {
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children::before {
    content: ">"; /* Unicode character for a right-pointing triangle (can be replaced with an image or other icon) */
    position: absolute;
    right: 10px;
    top: 31px;
    transform: translateY(-50%) rotate(90deg);
    cursor: pointer;
    transition: transform 0.3s ease; /* Add a smooth transition effect */
    color: #ffffff;
    font-size: 26px;
  }
  footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children:has(.show-submenu)::before {
    transform: translateY(-50%) rotate(-90deg);
  }
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu {
  display: none;
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li {
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li {
    padding: 0 0 7px;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li a {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(14px + 6 * (100vw - 380px) / 1600);
  font-size: calc(14px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: 1.5;
  letter-spacing: -webkit-calc(0.7px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.7px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu li a {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu .nav-menu li.menu-item-has-children ul.sub-menu.show-submenu {
  display: block;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-service ul li {
    border-bottom: 1px solid #ffffff;
  }
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-service ul li:last-child {
    border: 0 none;
  }
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-service ul ul.sub-menu li {
    border: none;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu.main-menu-service .humm90 {
  display: none;
}
footer article.main-footer .container .mega-menu nav.main-menu.main-menu-infohub {
  padding: 0;
  width: 15%;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-infohub {
    width: 100%;
  }
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-infohub ul li {
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
  }
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-infohub ul li:last-child {
    border: 0 none;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu.main-menu-store {
  width: 25%;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-store {
    width: 100%;
    border: 0 none;
  }
}
footer article.main-footer .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li {
  width: 50%;
  float: left;
}
footer article.main-footer .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li:nth-child(2n) {
  width: 50%;
}
@media (max-width: 991px) {
  footer article.main-footer .container .mega-menu nav.main-menu.main-menu-store .nav-menu li.menu-item-has-children ul.sub-menu li {
    width: 100%;
    float: none;
  }
}

h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(40px + 27 * (100vw - 380px) / 1600);
  font-size: calc(40px + 27 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(48px + 32 * (100vw - 380px) / 1600);
  line-height: calc(48px + 32 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2px + 1.35 * (100vw - 380px) / 1600);
  letter-spacing: calc(2px + 1.35 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  h1 {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 3.35px;
  }
}
@media (max-width: 991px) {
  h1 {
    text-align: center;
  }
}

h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}

h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}

h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}

h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  h5 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}

p {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}

.buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .buttons {
    flex-direction: column;
    justify-content: center;
  }
}

section.buttons-row .container {
  padding: 70px 15px;
}
section.buttons-row .container .buttons {
  justify-content: center;
}

.cta {
  margin-right: 50px;
}
.cta:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .cta {
    margin: 0 auto 20px;
  }
  .cta:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
}
.cta a {
  border-radius: 8px;
  opacity: 1;
  max-width: 100%;
  width: 354px;
  padding: 27px 20px;
  text-align: center;
  text-transform: uppercase;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 5 * (100vw - 380px) / 1600);
  line-height: calc(24px + 5 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.7px + 0.9 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.7px + 0.9 * (100vw - 380px) / 1600);
  border: 1px solid #ffffff;
  color: #ffffff;
}
.cta a:hover, .cta a:focus {
  border: 1px solid #ffffff;
  color: #ffffff;
}
@media (min-width: 1920px) {
  .cta a {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 3.6px;
  }
}
@media (max-width: 480px) {
  .cta a {
    width: 280px;
    padding: 20px;
  }
}
.cta a.btnalt {
  width: 288px;
  padding: 20px;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 5 * (100vw - 380px) / 1600);
  line-height: calc(24px + 5 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.7px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.7px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  .cta a.btnalt {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 3px;
  }
}
@media (max-width: 480px) {
  .cta a.btnalt {
    width: 280px;
  }
}
.cta a.btn-white {
  background: #ffffff;
  color: #144D8E;
}
.cta a.btn-white:hover, .cta a.btn-white:focus {
  background: #ffffff;
  color: #144D8E;
}
.cta a.btn-blue {
  background: #144D8E;
  color: #ffffff;
}
.cta a.btn-blue:hover, .cta a.btn-blue:focus {
  background: #144D8E;
  color: #ffffff;
}
.cta a.phone-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.cta a.phone-btn img {
  width: 25px;
  margin-right: 15px;
}
.cta a.btn-phoneblue {
  color: #144D8E;
  border-color: #144D8E;
}
.cta a.btn-phoneblue:hover, .cta a.btn-phoneblue:focus {
  color: #144D8E;
  border-color: #144D8E;
}
.cta a.btn-phonewhite {
  color: #ffffff;
  border-color: #ffffff;
}
.cta a.btn-phonewhite:hover, .cta a.btn-phonewhite:focus {
  color: #ffffff;
  border-color: #ffffff;
}
.cta a.btn-cost {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  width: -webkit-calc(360px + 179 * (100vw - 380px) / 1600);
  width: calc(360px + 179 * (100vw - 380px) / 1600);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1920px) {
  .cta a.btn-cost {
    width: 539px;
  }
}
@media (max-width: 380px) {
  .cta a.btn-cost {
    width: 290px;
  }
}
.cta a.btn-cost img {
  margin-right: 35px;
}
@media (max-width: 380px) {
  .cta a.btn-cost img {
    margin-right: 15px;
  }
}
.cta a.btn-cost:hover, .cta a.btn-cost:focus {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
.cta a.btn-position {
  width: -webkit-calc(360px + 145 * (100vw - 380px) / 1600);
  width: calc(360px + 145 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  .cta a.btn-position {
    width: 505px;
  }
}
@media (max-width: 380px) {
  .cta a.btn-position {
    width: 290px;
  }
}
.cta a.btn-thankyou {
  width: 350px;
}
.cta a.btn-dac {
  width: -webkit-calc(340px + 47 * (100vw - 380px) / 1600);
  width: calc(340px + 47 * (100vw - 380px) / 1600);
  border-color: #144D8E;
}
@media (min-width: 1920px) {
  .cta a.btn-dac {
    width: 387px;
  }
}
@media (max-width: 380px) {
  .cta a.btn-dac {
    width: 290px;
  }
}
.cta a.btn-franchise {
  width: 350px;
}
@media (max-width: 380px) {
  .cta a.btn-franchise {
    width: 288px;
  }
}
.cta a.btn-warranty {
  width: -webkit-calc(340px + 126 * (100vw - 380px) / 1600);
  width: calc(340px + 126 * (100vw - 380px) / 1600);
  border-color: #144D8E;
}
@media (min-width: 1920px) {
  .cta a.btn-warranty {
    width: 466px;
  }
}
@media (max-width: 380px) {
  .cta a.btn-warranty {
    width: 290px;
  }
}

section.benefits .buttons {
  justify-content: center;
}
section.benefits .buttons .cta {
  margin-right: 34px;
}
section.benefits .buttons .cta:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  section.benefits .buttons .cta {
    margin: 0 auto 15px;
  }
  section.benefits .buttons .cta:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
}

/* homepage */
.button-learn a {
  border-radius: 8px;
  opacity: 1;
  max-width: 100%;
  width: 254px;
  padding: 12px 24px;
  text-align: center;
  text-transform: uppercase;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 5 * (100vw - 380px) / 1600);
  line-height: calc(24px + 5 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.7px + 0.9 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.7px + 0.9 * (100vw - 380px) / 1600);
  border: 1px solid #F6F7F7;
  color: #ffffff !important;
}
.button-learn a:hover, .button-learn a:focus {
  border: 1px solid #F6F7F7;
}
@media (min-width: 1920px) {
  .button-learn a {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 3.6px;
  }
}
@media (max-width: 480px) {
  .button-learn a {
    padding: 10px 20px;
  }
}
.button-learn a.brochure-btn {
  width: 366px;
  max-width: 90%;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.7px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.7px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  .button-learn a.brochure-btn {
    font-size: 20px;
    letter-spacing: 3px;
  }
}

/* Store page*/
section.store-buttons .container {
  padding: 70px 15px 50px;
}
@media (max-width: 1200px) {
  section.store-buttons .container {
    padding-bottom: 70px;
  }
}
section.store-buttons .buttons {
  flex-wrap: wrap;
}
section.store-buttons .cta {
  margin-bottom: 20px;
}
section.store-buttons .cta:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  section.store-buttons .cta {
    margin: 0 auto 20px;
  }
  section.store-buttons .cta:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
}
section.store-buttons .cta a {
  width: 475px;
}
@media (max-width: 1200px) {
  section.store-buttons .cta a {
    width: 412px;
  }
}
@media (max-width: 480px) {
  section.store-buttons .cta a {
    width: 360px;
  }
}
@media (max-width: 380px) {
  section.store-buttons .cta a {
    width: 290px;
    word-break: break-word;
  }
}
section.store-buttons #es a {
  text-transform: inherit;
}

section.about-buttons .container {
  padding: 70px 15px 50px;
}
@media (max-width: 1200px) {
  section.about-buttons .container {
    padding-bottom: 70px;
  }
}
section.about-buttons .buttons {
  flex-wrap: wrap;
}
section.about-buttons .cta {
  margin-bottom: 20px;
}
section.about-buttons .cta:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  section.about-buttons .cta {
    margin: 0 auto 20px;
  }
  section.about-buttons .cta:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
}
section.about-buttons .cta a {
  width: 410px;
}
@media (max-width: 480px) {
  section.about-buttons .cta a {
    width: 360px;
  }
}
@media (max-width: 380px) {
  section.about-buttons .cta a {
    width: 290px;
    word-break: break-word;
  }
}
section.about-buttons #fr a {
  text-transform: inherit;
}

.pum .pum-container {
  top: 100px !important;
  max-width: 600px !important;
}

.pum .pum-content + .pum-close {
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.gform_validation_errors > h2.hide_summary {
  display: none !important;
}

.quote-info {
  max-width: 540px;
  border-radius: 30px;
  border: 0 none;
  padding: 0;
  margin: auto;
}
.quote-info .heading {
  padding: 0px 20px;
  background: transparent linear-gradient(78deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
  border-radius: 30px 30px 0 0;
}
.quote-info#inlineform, .quote-info#popupform {
  box-shadow: 21px 29px 40px #0B1F40;
  background: rgba(56, 136, 201, 0.8) !important;
  border: 2px solid #ffffff !important;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  max-width: 600px;
  width: 100%;
}
.quote-info#inlineform h3, .quote-info#popupform h3 {
  font-size: 45px !important;
  line-height: 56px !important;
  letter-spacing: 2.25px;
  margin: 0;
  text-transform: uppercase;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 49px 0;
}

.franchise-quote-info#inlineform h3 {
  font-size: 40px !important;
  line-height: 50px !important;
  letter-spacing: 2px;
}

section.quote {
  background: #ffffff;
}
section.quote .container {
  padding: 70px 15px;
}
section.quote .icon {
  margin-bottom: 30px;
}
section.quote .center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section.quote .center h3 {
  margin-bottom: 30px;
}
section.quote .gform_confirmation_wrapper {
  min-height: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
section.quote .gform_wrapper {
  max-width: 100%;
  margin: 30px auto;
}
section.quote .gform_wrapper .gfield_required {
  color: #ffffff;
}
section.quote .gform_wrapper div.validation_error, section.quote .gform_wrapper .gform_validation_errors {
  color: #FF4949;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  display: none;
}
section.quote .gform_wrapper .validation_message {
  color: #FF4949;
  padding: 0 10px;
  font-size: 12px;
  line-height: 18px;
  border: 0;
  background: transparent;
}
section.quote .gform_wrapper .gform_heading {
  display: none;
}
section.quote .gform_wrapper .gform_footer {
  text-align: left;
  padding: 0px 0 10px 0 !important;
  margin: 10px 0 0 0 !important;
  position: relative;
}
section.quote .gform_wrapper .gform_footer input[type=submit] {
  background: #ffffff;
  border: 0 none;
  padding: 13px !important;
  font-size: 20px !important;
  line-height: 25px;
  letter-spacing: 3px;
  width: 100%;
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 5px 0 0 !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  text-transform: uppercase;
  max-width: 370px;
}
section.quote .gform_wrapper .gform_footer .gform_ajax_spinner {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: transform(translateX(-50%));
}
section.quote .gform_wrapper .ginput_container {
  margin-top: 0;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  section.quote .gform_wrapper .ginput_complex span:first-child {
    margin-bottom: 26px;
  }
  section.quote .gform_wrapper .ginput_complex span:last-child {
    margin-bottom: 0 !important;
  }
}
section.quote .gform_wrapper input, section.quote .gform_wrapper textarea, section.quote .gform_wrapper select {
  padding: 13px 20px 13px !important;
  background: transparent;
  color: #ffffff;
  font-size: 18px !important;
  line-height: 24px;
  outline: 0 none;
  border: 1px solid #ffffff;
  border-radius: 8px;
  opacity: 1;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: inherit !important;
  min-height: 43px !important;
  letter-spacing: 1px;
}
section.quote .gform_wrapper input::-moz-placeholder, section.quote .gform_wrapper textarea::-moz-placeholder, section.quote .gform_wrapper select::-moz-placeholder {
  color: #ffffff;
  font-size: 18px;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "lato", sans-serif !important;
}
section.quote .gform_wrapper input::placeholder, section.quote .gform_wrapper textarea::placeholder, section.quote .gform_wrapper select::placeholder {
  color: #ffffff;
  font-size: 18px;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "lato", sans-serif !important;
}
section.quote .gform_wrapper select * {
  color: #000000;
}
section.quote .gform_wrapper select#input_14_8 option:nth-child(n+7), section.quote .gform_wrapper select#input_15_8 option:nth-child(n+7) {
  display: none;
}
section.quote .gform_wrapper .gfield_radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  section.quote .gform_wrapper .gfield_radio {
    margin: 20px 0 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
section.quote .gform_wrapper .gfield_radio .gchoice {
  padding-right: 20px !important;
}
section.quote .gform_wrapper .gfield_radio .gchoice label {
  color: #1C2952;
  font-size: 18px;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "lato", sans-serif !important;
  max-width: 100% !important;
  margin-top: 0;
  margin-left: 32px;
}
@media (max-width: 640px) {
  section.quote .gform_wrapper .gfield_radio .gchoice {
    width: 100%;
    padding: 0 !important;
  }
}
section.quote .gform_wrapper .gform_page_footer {
  border: 0 none;
  padding: 0 0 30px;
}
section.quote .gform_wrapper label.gfield_label {
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
section.quote .gform_wrapper .gform_drop_area {
  padding: 16px;
  background: #ffffff;
}
section.quote .gform_wrapper .gform_drop_area span.gform_drop_instructions {
  color: #818181;
  font-size: 16px;
}
section.quote .gform_wrapper .gform_drop_area button {
  position: relative;
  z-index: 1;
  background: #19B0E2;
  border: 0;
  color: white;
  font-size: 13px;
  border-radius: 8px;
  padding: 1px 15px;
  letter-spacing: 0.13px;
}
section.quote .gform_wrapper .gfield_description.gform_fileupload_rules {
  padding-top: 0;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.3;
}
section.quote.quote-main {
  background: transparent;
}
section.quote.quote-main .container-alt {
  padding: 30px 30px 30px;
}
@media (max-width: 640px) {
  section.quote.quote-main .container-alt {
    padding: 30px 15px;
  }
}
section.quote.quote-main .gform_wrapper {
  margin: 0px auto;
}
section.quote.quote-main .gform_wrapper .gform_footer input[type=submit] {
  max-width: -webkit-calc(100% - 16px);
  max-width: calc(100% - 16px);
  max-width: 100%;
}
@media (max-width: 640px) {
  section.quote.quote-main .gform_wrapper .gform_footer input[type=submit] {
    max-width: 100%;
  }
}
section.quote.quote-brochure {
  text-align: center;
}
@media (max-width: 640px) {
  section.quote.quote-brochure .container-alt {
    padding: 30px 8px;
  }
}
section.quote.quote-brochure .brochure {
  padding-bottom: 40px;
}
section.quote.quote-brochure .brochure h4 {
  color: #ffffff;
  padding-bottom: 20px;
  margin-bottom: 0;
}
section.quote .servicing_wrapper, section.quote .solar_wrapper {
  /*min-height: 450px;*/
}
section.quote .servicing_wrapper .form-heading, section.quote .solar_wrapper .form-heading {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 8px;
  margin: 0 10px;
}
@media (max-width: 767px) {
  section.quote .servicing_wrapper .form-heading, section.quote .solar_wrapper .form-heading {
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  section.quote .servicing_wrapper .form-heading, section.quote .solar_wrapper .form-heading {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 1.4px;
  }
}
section.quote .servicing_wrapper .form-heading span, section.quote .solar_wrapper .form-heading span {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  section.quote .servicing_wrapper .form-heading span, section.quote .solar_wrapper .form-heading span {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 1px;
  }
}
section.quote .servicing_wrapper .gform_page_fields, section.quote .solar_wrapper .gform_page_fields {
  min-height: 400px;
}
section.quote .servicing_wrapper .gform_ajax_spinner, section.quote .solar_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
section.quote .servicing_wrapper .gform_page_footer, section.quote .solar_wrapper .gform_page_footer {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-top: 20px;
}
section.quote .servicing_wrapper .gform_page_footer input, section.quote .solar_wrapper .gform_page_footer input {
  width: 212px;
  padding: 0;
  height: 66px;
  background: #ffffff;
  color: #144D8E !important;
  letter-spacing: 3px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 560px) {
  section.quote .servicing_wrapper .gform_page_footer, section.quote .solar_wrapper .gform_page_footer {
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
  }
  section.quote .servicing_wrapper .gform_page_footer input + input, section.quote .solar_wrapper .gform_page_footer input + input {
    margin-left: 0;
  }
}
section.quote .servicing_wrapper #gform_page_6_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_7_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_24_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_25_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_6_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_7_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_24_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_25_1 .gform_page_footer {
  justify-content: flex-end;
}
@media (max-width: 560px) {
  section.quote .servicing_wrapper #gform_page_6_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_7_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_24_1 .gform_page_footer, section.quote .servicing_wrapper #gform_page_25_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_6_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_7_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_24_1 .gform_page_footer, section.quote .solar_wrapper #gform_page_25_1 .gform_page_footer {
    justify-content: center;
  }
}
section.quote .servicing_wrapper input[type=radio],
section.quote .servicing_wrapper input[type=checkbox], section.quote .solar_wrapper input[type=radio],
section.quote .solar_wrapper input[type=checkbox] {
  display: none !important;
}
section.quote .servicing_wrapper .gfield_radio, section.quote .servicing_wrapper .gfield_checkbox, section.quote .solar_wrapper .gfield_radio, section.quote .solar_wrapper .gfield_checkbox {
  justify-content: center;
  text-align: center;
}
section.quote .servicing_wrapper .gfield_radio .gchoice label, section.quote .servicing_wrapper .gfield_checkbox .gchoice label, section.quote .solar_wrapper .gfield_radio .gchoice label, section.quote .solar_wrapper .gfield_checkbox .gchoice label {
  display: inline-block;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 15px 20px;
  margin: 0 auto 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 100%;
}
section.quote .servicing_wrapper input[type=radio]:checked + label,
section.quote .servicing_wrapper input[type=checkbox]:checked + label, section.quote .solar_wrapper input[type=radio]:checked + label,
section.quote .solar_wrapper input[type=checkbox]:checked + label {
  background-color: #ffffff;
  color: #144D8E;
}
section.quote .servicing_wrapper .half-radio .gfield_radio .gchoice, section.quote .servicing_wrapper .half-radio .gfield_checkbox .gchoice, section.quote .solar_wrapper .half-radio .gfield_radio .gchoice, section.quote .solar_wrapper .half-radio .gfield_checkbox .gchoice {
  width: 50%;
}
@media (max-width: 640px) {
  section.quote .servicing_wrapper .half-radio .gfield_radio .gchoice, section.quote .servicing_wrapper .half-radio .gfield_checkbox .gchoice, section.quote .solar_wrapper .half-radio .gfield_radio .gchoice, section.quote .solar_wrapper .half-radio .gfield_checkbox .gchoice {
    width: 100%;
    padding: 0 !important;
  }
}
section.quote .servicing_wrapper .full-radio .gfield_radio .gchoice, section.quote .servicing_wrapper .full-radio .gfield_checkbox .gchoice, section.quote .solar_wrapper .full-radio .gfield_radio .gchoice, section.quote .solar_wrapper .full-radio .gfield_checkbox .gchoice {
  width: 100%;
  padding: 0 !important;
}
section.quote .air-puri_wrapper, section.quote .residential_wrapper {
  /* Radio button CSS */
  /* radio button css end */
}
section.quote .air-puri_wrapper .gfield_checkbox, section.quote .air-puri_wrapper .gfield_radio, section.quote .residential_wrapper .gfield_checkbox, section.quote .residential_wrapper .gfield_radio {
  position: relative;
  margin-top: 0;
}
section.quote .air-puri_wrapper .gfield_checkbox div[class^=gchoice] label, section.quote .air-puri_wrapper .gfield_radio div[class^=gchoice] label, section.quote .residential_wrapper .gfield_checkbox div[class^=gchoice] label, section.quote .residential_wrapper .gfield_radio div[class^=gchoice] label {
  position: relative;
  color: #ffffff;
  margin-top: 0;
}
section.quote .air-puri_wrapper .gfield_checkbox div[class^=gchoice] label:before, section.quote .air-puri_wrapper .gfield_checkbox div[class^=gchoice] label:after, section.quote .air-puri_wrapper .gfield_radio div[class^=gchoice] label:before, section.quote .air-puri_wrapper .gfield_radio div[class^=gchoice] label:after, section.quote .residential_wrapper .gfield_checkbox div[class^=gchoice] label:before, section.quote .residential_wrapper .gfield_checkbox div[class^=gchoice] label:after, section.quote .residential_wrapper .gfield_radio div[class^=gchoice] label:before, section.quote .residential_wrapper .gfield_radio div[class^=gchoice] label:after {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}
section.quote .air-puri_wrapper .gfield_checkbox div[class^=gchoice] label:after, section.quote .air-puri_wrapper .gfield_radio div[class^=gchoice] label:after, section.quote .residential_wrapper .gfield_checkbox div[class^=gchoice] label:after, section.quote .residential_wrapper .gfield_radio div[class^=gchoice] label:after {
  background-color: #ffffff;
  border: solid 1px #144D8E;
  border-radius: 0;
  display: inline-block;
  height: 24px;
  left: -32px;
  position: absolute;
  top: 0;
  transition: left 0.25s, background-color 0.13s;
  width: 24px;
}
section.quote .air-puri_wrapper .gfield_checkbox input[type=radio],
section.quote .air-puri_wrapper .gfield_checkbox input[type=checkbox], section.quote .air-puri_wrapper .gfield_radio input[type=radio],
section.quote .air-puri_wrapper .gfield_radio input[type=checkbox], section.quote .residential_wrapper .gfield_checkbox input[type=radio],
section.quote .residential_wrapper .gfield_checkbox input[type=checkbox], section.quote .residential_wrapper .gfield_radio input[type=radio],
section.quote .residential_wrapper .gfield_radio input[type=checkbox] {
  display: none;
}
section.quote .air-puri_wrapper .gfield_checkbox input[type=radio]:checked + label:before,
section.quote .air-puri_wrapper .gfield_checkbox input[type=checkbox]:checked + label:before, section.quote .air-puri_wrapper .gfield_radio input[type=radio]:checked + label:before,
section.quote .air-puri_wrapper .gfield_radio input[type=checkbox]:checked + label:before, section.quote .residential_wrapper .gfield_checkbox input[type=radio]:checked + label:before,
section.quote .residential_wrapper .gfield_checkbox input[type=checkbox]:checked + label:before, section.quote .residential_wrapper .gfield_radio input[type=radio]:checked + label:before,
section.quote .residential_wrapper .gfield_radio input[type=checkbox]:checked + label:before {
  content: "●";
  content: "✓";
  background-color: #144D8E;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  left: -32px;
  text-align: center;
  top: 0px;
  z-index: 9;
  width: 24px;
  height: 24px;
}
section.quote .air-puri_wrapper .form-pb0 .ginput_container, section.quote .residential_wrapper .form-pb0 .ginput_container {
  margin-bottom: 0;
}
section.quote .air-puri_wrapper .gfield.optional .gfield_checkbox label::after,
section.quote .air-puri_wrapper .gfield.optional .gfield_radio label::after, section.quote .residential_wrapper .gfield.optional .gfield_checkbox label::after,
section.quote .residential_wrapper .gfield.optional .gfield_radio label::after {
  content: "";
  opacity: 1;
}

@media (max-width: 640px) {
  section.quote .container .gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .quote-info#inlineform h3 {
    padding: 35px 0;
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: 1.16px;
  }
}
@media (max-width: 380px) {
  .quote-info#inlineform h3 {
    padding: 30px 0;
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: 0.9px;
  }
}
.half-content {
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1200px) {
  .half-content {
    width: 100%;
    max-width: 750px;
  }
}
@media (max-width: 991px) {
  .half-content {
    flex-direction: column;
  }
}
.half-content .text {
  max-width: 675px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1500px) {
  .half-content .text {
    margin: 0 50px;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content;
  }
}
@media (max-width: 1200px) {
  .half-content .text {
    margin: 50px auto;
    padding: 0 15px;
    max-width: 100%;
  }
}

.video-wrapper {
  position: relative;
}
.video-wrapper img {
  border-radius: 0;
}
.video-wrapper .clickable-popup-layer {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-wrapper .play-button {
  vertical-align: middle;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.video-wrapper .play-button img {
  width: 100%;
}
@media (max-width: 640px) {
  .video-wrapper .play-button img {
    width: 80%;
  }
}
@media (max-width: 560px) {
  .video-wrapper .play-button img {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .video-wrapper .play-button img {
    width: 45%;
  }
}
.video-wrapper .play-button .normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.services .container {
  padding: 0;
  max-width: 100%;
}
section.services h2 {
  text-align: left;
  padding: 43px 0 0;
  margin-bottom: 0;
}
section.services .items {
  position: relative;
}
section.services .product-section {
  position: relative;
  background: transparent linear-gradient(62deg, #1C2952 20%, #3888C9 65%) 0% 0% no-repeat;
}
section.services .product-section .item {
  width: 1920px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 1200px) {
  section.services .product-section .item {
    padding: 0px 25px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  section.services .product-section .item {
    padding: 0;
    margin: 0 auto;
  }
}
section.services .product-section .item .content h3 {
  margin: 0;
  padding-top: 0;
}
section.services .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 10px;
}
section.services .product-section .item .content .info {
  padding-bottom: 30px;
  padding-top: 30px;
}
section.services .product-section .item .content .info p {
  margin-bottom: 0;
  color: #ffffff;
}
@media (min-width: 1201px) and (max-width: 1500px) {
  section.services .product-section .item .content .image {
    height: 540px;
  }
  section.services .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  section.services .product-section .item .content .image1 {
    height: auto;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  section.services .product-section .item .content .video-wrapper {
    height: 540px;
  }
  section.services .product-section .item .content .video-wrapper img.main-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
section.services .product-section:nth-child(2n) {
  background: transparent linear-gradient(-118deg, #1C2952 20%, #3888C9 65%) 0% 0% no-repeat;
}
section.services .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  section.services .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
section.services .product-section:nth-child(2n) .image {
  right: 0;
  left: unset;
}

.slick-dots {
  bottom: 40px !important;
}
.slick-dots li {
  width: 100px;
  height: 5px;
  margin: 0 10px;
  padding: 0 10px;
}
@media (max-width: 560px) {
  .slick-dots li {
    width: 40px;
  }
}
.slick-dots li button {
  width: 100px;
  height: 5px;
}
@media (max-width: 560px) {
  .slick-dots li button {
    width: 40px;
  }
}
.slick-dots li button:before {
  font-size: 1px !important;
  color: #ffffff;
  background: white;
  height: 5px;
  width: 100px;
  overflow: hidden;
}
@media (max-width: 560px) {
  .slick-dots li button:before {
    width: 40px;
  }
}
.slick-dots li.slick-active button:before {
  color: #ffffff;
  opacity: 1;
}

section.brands .container {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  section.brands .container {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
section.brands .heading {
  width: 100%;
  margin: 0 auto;
}
section.brands .brand {
  padding-top: 40px;
}
@media (max-width: 1200px) {
  section.brands .brand {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  section.brands .brand {
    padding-top: 20px;
  }
}
section.brands .brand .item {
  width: 100%;
  margin: 10px;
}
@media (max-width: 1200px) {
  section.brands .brand .item {
    max-width: 300px;
  }
}

section.testimonials {
  position: relative;
  background: transparent linear-gradient(55deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
}
section.testimonials .container {
  padding-left: 0;
  padding-right: 0;
}
section.testimonials .items {
  width: 1920px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 1200px) {
  section.testimonials .items {
    flex-direction: column-reverse;
  }
}
section.testimonials .content {
  flex: 0 0 auto;
  width: 58%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 80px;
  padding-bottom: 30px;
}
section.testimonials .content.cimage {
  width: 42%;
  padding: 0;
}
@media (max-width: 1200px) {
  section.testimonials .content {
    width: 100%;
    max-width: 750px;
  }
  section.testimonials .content.cimage {
    width: 100%;
  }
}
section.testimonials .image {
  height: 820px;
}
section.testimonials .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  section.testimonials .image {
    height: auto;
  }
}
section.testimonials .line {
  width: 400px;
  height: 2px;
  text-align: center;
  background: #ffffff;
  margin: 25px auto 0;
  max-width: 100%;
}
section.testimonials .reviews {
  max-width: 700px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  padding-bottom: 145px;
  z-index: 1;
}
section.testimonials .reviews.slick-initialized {
  visibility: visible;
  opacity: 1;
}
section.testimonials .reviews .slick-prev:before, section.testimonials .reviews .slick-next:before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  margin-top: -36px;
}
section.testimonials .reviews .slick-prev {
  left: -10px;
  z-index: 10;
}
section.testimonials .reviews .slick-prev:before {
  background: url(/wp-content/uploads/2023/10/icon-arrow-left.svg) center no-repeat;
}
section.testimonials .reviews .slick-next {
  right: 25px;
  z-index: 10;
}
section.testimonials .reviews .slick-next:before {
  background: url(/wp-content/uploads/2023/10/icon-arrow-right.svg) center no-repeat;
}
section.testimonials .reviews .slick-track {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
section.testimonials .reviews .item {
  background: transparent;
  color: #ffffff;
  padding: 0 20px;
  margin: 40px 40px 0;
  text-align: center;
  height: auto;
}
@media (max-width: 380px) {
  section.testimonials .reviews .item {
    padding: 0 15px;
  }
}
section.testimonials .reviews .item p.date {
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  text-transform: capitalize;
  color: #ffffff;
}
@media (min-width: 1920px) {
  section.testimonials .reviews .item p.date {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
@media (max-width: 1200px) {
  section.testimonials .reviews .item p.date {
    line-height: 32px;
  }
}
section.testimonials .reviews .item p.title {
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0.9;
  color: #ffffff;
}
section.testimonials .reviews .item .star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 9px 0;
}
section.testimonials .reviews .item .star img {
  margin: 0 9px;
  width: 24px;
}
@media (max-width: 1500px) {
  section.testimonials .reviews .item .star img {
    margin: 0 7px;
    width: 28px;
  }
}
@media (max-width: 560px) {
  section.testimonials .reviews .item .star img {
    margin: 0 5px;
    width: 22px;
  }
}

section.award-logo {
  background: #ffffff;
}
section.award-logo .logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0;
}
section.award-logo .logos .logo {
  padding: 0 36px;
}
@media (max-width: 560px) {
  section.award-logo .logos .logo {
    padding: 0 20px;
  }
}
section.award-logo .logos img {
  height: 190px;
}
@media (max-width: 1200px) {
  section.award-logo .logos img {
    height: 150px;
  }
}
@media (max-width: 767px) {
  section.award-logo .logos img {
    height: auto;
  }
}
section.award-logo.award-all .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1200px) {
  section.award-logo.award-all .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  section.award-logo.award-all .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
section.award-logo.award-all h5.info {
  max-width: 1270px;
  margin: auto;
}
@media (max-width: 1200px) {
  section.award-logo.award-all .logos {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  section.award-logo.award-all .logos {
    padding: 35px 0;
  }
}
section.award-logo.award-all .logos img {
  height: auto;
}
section.award-logo.award-all .logos .slick-prev:before, section.award-logo.award-all .logos .slick-next:before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  margin-top: -36px;
  opacity: 1;
}
section.award-logo.award-all .logos .slick-prev {
  left: -10px;
  z-index: 10;
}
section.award-logo.award-all .logos .slick-prev:before {
  background: url(/wp-content/uploads/2023/11/icon-blue-arrow-left.svg) center no-repeat;
}
section.award-logo.award-all .logos .slick-next {
  right: 25px;
  z-index: 10;
}
section.award-logo.award-all .logos .slick-next:before {
  background: url(/wp-content/uploads/2023/11/icon-blue-arrow-right.svg) center no-repeat;
}
section.award-logo.award-all .logos .slick-track {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}

section.panasonic-logo {
  background: #ffffff;
}
section.panasonic-logo .container {
  max-width: 1274px;
}
section.panasonic-logo .logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0 35px;
}
section.panasonic-logo .logos .logo {
  padding: 0 36px;
  width: 100%;
}
@media (max-width: 991px) {
  section.panasonic-logo .logos .logo {
    padding: 0 20px;
  }
}
section.panasonic-logo .logos img {
  height: auto;
}
@media (max-width: 767px) {
  section.panasonic-logo .logos {
    flex-wrap: wrap;
    padding: 60px 0 15px;
  }
  section.panasonic-logo .logos .logo {
    width: auto;
    padding: 0 20px 30px;
  }
  section.panasonic-logo .logos img {
    max-height: -moz-fit-content;
    max-height: -webkit-fit-content;
    max-height: fit-content;
    width: 250px;
  }
}

section.footer-videos .container {
  max-width: 1600px;
  padding-top: 70px;
}
section.footer-videos .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  section.footer-videos .items {
    flex-direction: column;
  }
}
section.footer-videos .videolist {
  position: relative;
  padding: 0 40px;
  max-width: 720px;
  margin: auto;
}
@media (max-width: 1200px) {
  section.footer-videos .videolist {
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  section.footer-videos .videolist {
    padding: 0 0 40px;
  }
  section.footer-videos .videolist:last-child {
    padding: 0;
  }
}
section.footer-videos .videolist .video {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.0509803922);
  border-radius: 30px;
}
section.footer-videos .videolist .video .play img {
  max-width: 100px;
}

.search-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: 2px solid #ccc;
  border-radius: 40px;
  overflow: hidden;
  padding: 5px;
  background: #ffffff;
  width: 625px;
  max-width: 100%;
  margin: 0 10px;
}
@media (max-width: 1650px) {
  .search-form {
    width: 609px;
  }
}
@media (max-width: 1400px) {
  .search-form {
    width: 244px;
  }
}
@media (max-width: 767px) {
  .search-form {
    width: 100%;
    margin: 0 auto;
  }
}
.search-form label {
  margin-bottom: 0;
  width: 100%;
}
.search-form .search-field {
  border: none;
  padding: 10px;
  outline: none;
  flex-grow: 1;
  width: 100%;
  line-height: 1;
}
.search-form .search-submit {
  background: none;
  border: none;
  padding: 0 9px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.search-form .search-submit svg.bi {
  display: none;
}
.search-form .search-field::-moz-placeholder {
  color: #818181;
}
.search-form .search-field::placeholder {
  color: #818181;
}

.default .container {
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 500px;
}
.default p {
  color: #818181;
}

.home section.hero-slider {
  position: relative;
}
.home section.hero-slider .container .slide-content {
  position: absolute;
  top: 150px;
  color: #ffffff;
  opacity: 1;
  transition: opacity 0.5s ease-in;
  max-width: 870px;
  width: 85%;
}
@media (max-width: 991px) {
  .home section.hero-slider .container .slide-content {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    top: 100px;
    max-width: 1000px;
  }
}
@media (max-width: 480px) {
  .home section.hero-slider .container .slide-content {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    top: 70px;
  }
}
.home section.hero-slider .container .slide-content h1 {
  padding-top: 24px;
}
.home section.hero-slider .container .slide-content h1 img {
  padding-top: 30px;
  padding-bottom: 165px;
}
@media (max-width: 991px) {
  .home section.hero-slider .container .slide-content h1 img {
    padding-bottom: 80px;
  }
}
.home section.hero-slider .content {
  position: relative;
  margin-bottom: 0;
}
.home section.hero-slider .content .slick-slide img {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in; /* Apply the fade-in transition */
  height: 890px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .home section.hero-slider .content .slick-slide img {
    height: 800px;
  }
}
@media (max-width: 767px) {
  .home section.hero-slider .content .slick-slide img {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .home section.hero-slider .content .slick-slide img {
    height: 730px;
  }
}
.home section.hero-slider .content .slick-slide.slick-active img {
  opacity: 1;
}
.home section.promotions .container {
  padding-bottom: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.home section.specialist .container {
  padding-top: 90px;
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  .home section.specialist .container {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.home section.specialist .heading {
  max-width: 837px;
  width: 100%;
  margin: 0 auto;
}
.home section.specialist .content {
  justify-content: space-around;
  padding-top: 60px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .home section.specialist .content {
    padding-top: 40px;
  }
}
.home section.specialist .content .list {
  width: auto;
  margin: 20px;
}
.home section.specialist .content h4 {
  padding-top: 40px;
}
@media (max-width: 991px) {
  .home section.specialist .content h4 {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .home section.specialist .content h4 {
    padding-top: 5px;
  }
}
.home section.services {
  /* code written in halfcontent */
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .home section.services .product-section .item .content .image {
    height: 450px;
  }
}

article.thank-you h1 {
  color: #000000;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(36px + 8 * (100vw - 380px) / 1600);
  line-height: calc(36px + 8 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.6px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.6px + 0.2 * (100vw - 380px) / 1600);
  text-transform: initial;
}
@media (min-width: 1920px) {
  article.thank-you h1 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.6px;
  }
}
article.thank-you h2 {
  color: #707070;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.4px + 0.08 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.4px + 0.08 * (100vw - 380px) / 1600);
  text-transform: initial;
}
@media (min-width: 1920px) {
  article.thank-you h2 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.48px;
  }
}
article.thank-you section.content {
  background: #ffffff;
  padding: 100px 15px;
}
article.thank-you section.content .container {
  max-width: 960px;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  border: 1px solid #E3E3E3;
  border-radius: 30px;
  padding: 64px;
}
@media (max-width: 480px) {
  article.thank-you section.content .container {
    padding: 60px 30px;
    border-radius: 20px;
  }
}
article.thank-you section.content .container h1 {
  max-width: 690px;
  margin: 20px auto;
}
article.thank-you section.content .container h2 {
  margin-bottom: 25px;
}
article.thank-you section.content .container .img404 {
  margin-bottom: 30px;
}
article.thank-you section.content .container .line {
  width: 163px;
  height: 18px;
  background: #144D8E;
  margin: 0 auto;
}
article.thank-you section.footer-videos .container {
  padding-top: 0;
  padding-bottom: 100px;
}
article.thank-you section.footer-videos .videolist {
  max-width: 980px;
}

/* For screens with a maximum width of 767px (typical for mobile devices) */
@media (max-width: 767px) {
  body #asl-storelocator.asl-p-cont #asl-map-canv,
  body #asl-storelocator.asl-cont #asl-map-canv {
    height: 550px !important;
  }
}
article.blog h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(40px + 27 * (100vw - 380px) / 1600);
  font-size: calc(40px + 27 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(48px + 32 * (100vw - 380px) / 1600);
  line-height: calc(48px + 32 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2px + 1.35 * (100vw - 380px) / 1600);
  letter-spacing: calc(2px + 1.35 * (100vw - 380px) / 1600);
  margin-bottom: 25px;
}
@media (min-width: 1920px) {
  article.blog h1 {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 3.35px;
  }
}
@media (max-width: 1200px) {
  article.blog h1 {
    text-align: center;
  }
}
article.blog h2 {
  /*color: $bluedark;*/
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  font-size: calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 3 * (100vw - 380px) / 1600);
  line-height: calc(38px + 3 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  margin-bottom: 60px;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  article.blog h2 {
    font-size: 34px;
    line-height: 41px;
  }
}
article.blog h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 10 * (100vw - 380px) / 1600);
  line-height: calc(34px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog h3 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 1.7px;
  }
}
article.blog h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog h3.heros {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.blog h3.blogpost {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 6 * (100vw - 380px) / 1600);
  font-size: calc(20px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.3 * (100vw - 380px) / 1600);
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  article.blog h3.blogpost {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.blog h3.blogpost.firstpost {
  font-size: -webkit-calc(20px + 18 * (100vw - 380px) / 1600);
  font-size: calc(20px + 18 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 26 * (100vw - 380px) / 1600);
  line-height: calc(28px + 26 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.9 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.9 * (100vw - 380px) / 1600);
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  article.blog h3.blogpost.firstpost {
    font-size: 38px;
    line-height: 54px;
    letter-spacing: 1.9px;
  }
}
article.blog h4 {
  color: #003279;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.blog h4.feature-title {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.blog h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.blog h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.blog p, article.blog li {
  color: #1C2952;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog p, article.blog li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.blog p.firstpost, article.blog li.firstpost {
  font-size: -webkit-calc(16px + 11 * (100vw - 380px) / 1600);
  font-size: calc(16px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 29 * (100vw - 380px) / 1600);
  line-height: calc(24px + 29 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.75 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.75 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog p.firstpost, article.blog li.firstpost {
    font-size: 31px;
    line-height: 53px;
    letter-spacing: 1.55px;
  }
}
article.blog section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.blog section.hero {
    background-position: bottom center;
  }
}
article.blog section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.blog section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.blog section.hero .container {
    min-height: 750px;
  }
}
article.blog section.hero .container h3 {
  max-width: 1100px;
}
article.blog section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.blog section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.blog section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.blog section.hero .container .content .line {
    width: 255px;
  }
}
article.blog section.hero .arrow {
  text-align: center;
  position: relative;
}
article.blog section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.blog section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.blog section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.blog section.hero .arrow img {
    top: -36px;
  }
}
article.blog .post-list {
  padding: 90px 0 0;
  position: relative;
}
article.blog .post-list .container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1800px;
}
article.blog .post-list .row > div {
  margin: 0 0 60px;
}
article.blog .post-list .latest {
  padding-bottom: 120px;
  position: relative;
}
article.blog .post-list .latest-posts-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  article.blog .post-list .latest-posts-container {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.blog .post-list .col-xl-3 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
article.blog .post-list article {
  margin: 0 7px;
  height: auto;
}
article.blog .post-list article .box {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  height: auto;
}
article.blog .post-list article .box .image {
  position: relative;
}
article.blog .post-list article .box .image img {
  border-radius: 8px 8px 0 0;
  width: 100%;
  /*height: 294px;*/
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
article.blog .post-list article .box .post-content {
  padding: 18px 35px 25px;
}
article.blog .post-list article .box .post-content .date {
  position: relative;
  width: 100%;
  color: #818181;
}
article.blog .post-list article .box .post-content h3 a, article.blog .post-list article .box .post-content h4 a {
  color: #144D8E;
}
article.blog .post-list article .box .post-content h3 a:hover, article.blog .post-list article .box .post-content h4 a:hover {
  text-decoration: none;
}
article.blog .post-list article .box .post-content a.read-more {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
}
article.blog .post-list .first-post {
  width: 45%; /* Adjust as needed */
  /* Additional styling */
}
@media (max-width: 1200px) {
  article.blog .post-list .first-post {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1200px) {
  article.blog .post-list .first-post article .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .first-post article .box {
    flex-direction: column;
  }
}
article.blog .post-list .first-post article .box .image img {
  /*height: 550px; */
  height: auto;
}
@media (max-width: 1200px) {
  article.blog .post-list .first-post article .box .image {
    max-width: 45%;
  }
  article.blog .post-list .first-post article .box .image img {
    border-radius: 8px 0 0 8px;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .first-post article .box .image {
    width: 100%;
    max-width: 100%;
  }
  article.blog .post-list .first-post article .box .image img {
    border-radius: 8px 8px 0 0;
  }
}
@media (max-width: 1200px) {
  article.blog .post-list .first-post article .box .post-content {
    max-width: 55%;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .first-post article .box .post-content {
    max-width: 535px;
    width: 55%;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .first-post article .box .post-content {
    width: 100%;
    max-width: 100%;
  }
}
article.blog .post-list .other-posts {
  width: 50%; /* Adjust as needed */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  article.blog .post-list .other-posts {
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts {
    flex-direction: column;
  }
}
article.blog .post-list .other-posts .xtra-gap {
  padding: 0 0 10px;
}
article.blog .post-list .other-posts .xtra-gap:last-child {
  padding: 0;
}
@media (max-width: 1200px) {
  article.blog .post-list .other-posts .xtra-gap {
    padding: 0 15px;
  }
  article.blog .post-list .other-posts .xtra-gap:first-child {
    padding-left: 0;
  }
  article.blog .post-list .other-posts .xtra-gap:last-child {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts .xtra-gap {
    margin-bottom: 60px;
    padding: 0;
  }
  article.blog .post-list .other-posts .xtra-gap:last-child {
    margin-bottom: 0;
  }
}
article.blog .post-list .other-posts article .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  article.blog .post-list .other-posts article .box {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts article .box {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .other-posts article .box {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts article .box .image {
    max-width: 45%;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .other-posts article .box .image {
    width: 100%;
    max-width: 100%;
  }
}
article.blog .post-list .other-posts article .box .image img {
  height: 100%;
  border-radius: 8px 0 0 8px;
  max-width: 445px;
  width: 100%;
}
@media (max-width: 1200px) {
  article.blog .post-list .other-posts article .box .image img {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts article .box .image img {
    border-radius: 8px 0 0 8px;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .other-posts article .box .image img {
    max-width: 100%;
    border-radius: 8px 8px 0 0;
  }
}
article.blog .post-list .other-posts article .box .post-content {
  max-width: 535px;
  width: 65%;
  text-align: left !important;
}
@media (max-width: 1200px) {
  article.blog .post-list .other-posts article .box .post-content {
    text-align: center !important;
    width: 100%;
  }
}
@media (max-width: 991px) {
  article.blog .post-list .other-posts article .box .post-content {
    width: 55%;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .other-posts article .box .post-content {
    width: 100%;
    max-width: 100%;
  }
}
article.blog .post-list .pagination {
  padding: 25px 0 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  article.blog .post-list .pagination {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  article.blog .post-list .pagination {
    padding-bottom: 80px;
  }
}
article.blog .post-list .pagination .page-numbers {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.blog .post-list .pagination .page-numbers a {
  margin: 0 15px;
  width: 40px;
  height: 40px;
  color: #ffffff;
}
@media (max-width: 560px) {
  article.blog .post-list .pagination .page-numbers a {
    margin: 0 auto;
    width: 32px;
    height: 32px;
  }
}
article.blog .post-list .pagination .page-numbers a:hover {
  text-decoration: none;
}
article.blog .post-list .pagination .page-numbers a.inactive {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 560px) {
  article.blog .post-list .pagination .page-numbers a.inactive {
    width: 32px;
    height: 32px;
  }
}
article.blog .post-list .pagination .page-numbers span {
  display: inline-block;
  margin: 0 15px;
  color: #818181;
  background: #E3E3E3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 560px) {
  article.blog .post-list .pagination .page-numbers span {
    margin: 0 auto;
    width: 32px;
    height: 32px;
  }
}

article.blog-home h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.blog-home h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
@media (max-width: 560px) {
  article.blog-home h2 {
    text-align: center;
  }
}
article.blog-home .post-list {
  padding-top: 0;
}
article.blog-home .post-list .container {
  border-top: 1px solid #E3E3E3;
  padding-top: 90px;
}
article.blog-home .pagination-container {
  position: absolute;
  width: 330px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  right: 0;
  top: 0px;
}
@media (max-width: 560px) {
  article.blog-home .pagination-container {
    position: relative;
    text-align: center;
    margin: 0 0 50px auto;
  }
}
article.blog-home .pagination-container a.next-pag {
  padding-left: 20px;
}

.single-post h1 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(32px + 12 * (100vw - 380px) / 1600);
  font-size: calc(32px + 12 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 13 * (100vw - 380px) / 1600);
  line-height: calc(40px + 13 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  margin-bottom: 25px;
  text-align: left;
}
@media (min-width: 1920px) {
  .single-post h1 {
    font-size: 44px;
    line-height: 53px;
  }
}
.single-post h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(28px + 8 * (100vw - 380px) / 1600);
  font-size: calc(28px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(36px + 8 * (100vw - 380px) / 1600);
  line-height: calc(36px + 8 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 25px 0 15px;
}
@media (min-width: 1920px) {
  .single-post h2 {
    font-size: 36px;
    line-height: 44px;
  }
}
.single-post h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  font-size: calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 7 * (100vw - 380px) / 1600);
  line-height: calc(30px + 7 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  .single-post h3 {
    font-size: 30px;
    line-height: 37px;
    letter-spacing: 0;
  }
}
.single-post h4 {
  color: #000000;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: -webkit-calc(20px + 7 * (100vw - 380px) / 1600);
  font-size: calc(20px + 7 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  .single-post h4 {
    font-size: 27px;
    line-height: 34px;
  }
}
.single-post h4.date {
  color: #818181;
}
.single-post p, .single-post li {
  color: #000000;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  .single-post p, .single-post li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
.single-post .main-content {
  padding-bottom: 20px;
}
.single-post .breadcrumb {
  background: #FAFAFA;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .single-post .breadcrumb {
    padding: 35px 0;
  }
}
.single-post .breadcrumb .container {
  max-width: 880px;
  padding: 0 15px;
}
.single-post .breadcrumb a {
  color: #144D8E;
  text-decoration: none;
}
.single-post .breadcrumb span {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.single-post .blog-content .container {
  max-width: 880px;
  padding: 50px 15px 0;
}
.single-post .blog-content .page-content .info-box {
  margin-bottom: 20px;
}
.single-post .blog-content .page-content img {
  margin: 20px auto 40px;
  width: 100%;
}
.single-post .blog-content .page-content .inner-post-content img {
  margin: 15px auto;
  width: auto;
}
.single-post .blog-content .page-content .inner-post-content img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.single-post .blog-content .page-content .inner-post-content img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.single-post .blog-content .page-content .inner-post-content img.alignone, .single-post .blog-content .page-content .inner-post-content img.aligncenter, .single-post .blog-content .page-content .inner-post-content img.alignnone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.single-post .blog-content .page-content .inner-post-content .cta {
  text-align: center;
  margin: 0 auto;
}
.single-post .blog-content .page-content .inner-post-content .wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.single-post .blog-content .page-content .inner-post-content .wp-caption.aligncenter {
  clear: both;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single-post .blog-content .page-content .inner-post-content .wp-caption.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.single-post .blog-content .page-content .inner-post-content .wp-caption.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.single-post .blog-content .page-content .inner-post-content .wp-caption-text {
  text-align: center;
}
.single-post .blog-content .page-content .inner-post-content blockquote {
  margin: 0 0 20px;
  padding: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none;
  border: 0;
  font-style: normal;
  color: #3f444b;
  font-family: "Times New Roman", Times, serif;
}
.single-post .blog-content .page-content .inner-post-content blockquote:before {
  font-size: 100px;
  content: "“";
  color: rgb(249, 250, 250);
  font-weight: 900;
  line-height: 1;
  display: block;
  height: 0.6em;
}
.single-post .blog-content .page-content .inner-post-content blockquote footer {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  background: transparent;
}
.single-post .blog-content .page-content .inner-post-content blockquote cite {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-style: normal;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .single-post .blog-content .page-content iframe {
    width: 100%;
    height: 51vw;
  }
}

#post-search {
  display: none;
  position: relative;
  margin: 0 10px 50px;
  z-index: 10;
}
#post-search .search_bar {
  position: relative;
}
#post-search .search_bar input[type=text] {
  width: 100%;
  height: 80px;
  border: 1px solid #757575;
  border-radius: 7px;
  background: #161616;
  padding: 28px 40px;
  color: var(--white);
}
#post-search .search_bar .searchBtn {
  position: absolute;
  right: 30px;
  top: 18px;
  height: 42px;
  width: 42px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
#post-search .search_bar .searchBtn img {
  width: 20px;
}
#post-search .ajex_search_result {
  position: absolute;
  z-index: 999;
  width: 100%;
  background: #1A1A1A;
  padding: 2em;
  border-radius: 20px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  margin-top: -23px;
}
#post-search .ajex_search_result::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 15px;
}
#post-search .ajex_search_result::-webkit-scrollbar {
  width: 8px;
  background-color: #ddd;
  border-radius: 15px;
  left: -5px;
}
#post-search .ajex_search_result::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 15px;
}
#post-search .ajex_search_result .search-title {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.08px;
  color: var(--blue);
  margin-bottom: 1em;
  font-family: var(--primary-font-family);
}
#post-search .ajex_search_result ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#post-search .ajex_search_result ul li {
  padding: 15px 0;
  border-top: 1px solid #E0E0E0;
  display: block;
  width: 100%;
}
#post-search .ajex_search_result ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: var(--white);
  line-height: 1.1;
}
@media (max-width: 480px) {
  #post-search .ajex_search_result ul li a {
    flex-direction: column;
    align-items: baseline;
  }
}
#post-search .ajex_search_result ul li a img {
  width: 90px;
  margin-right: 15px;
}
@media (max-width: 480px) {
  #post-search .ajex_search_result ul li a img {
    margin-bottom: 15px;
  }
}

article.brands article.blog .post-list .latest {
  padding-bottom: 0;
}

article.brands h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(34px + 33 * (100vw - 380px) / 1600);
  font-size: calc(34px + 33 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(44px + 36 * (100vw - 380px) / 1600);
  line-height: calc(44px + 36 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.3px + 2.05 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.3px + 2.05 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.brands h1 {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 3.35px;
  }
}
@media (max-width: 1200px) {
  article.brands h1 {
    text-align: center;
  }
}
article.brands h2 {
  /*color: $bluedark;*/
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 22 * (100vw - 380px) / 1600);
  font-size: calc(29px + 22 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 23 * (100vw - 380px) / 1600);
  line-height: calc(38px + 23 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brands h2 {
    font-size: 51px;
    line-height: 61px;
  }
}
article.brands h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 10 * (100vw - 380px) / 1600);
  line-height: calc(34px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.brands h3 {
    font-size: 34px;
    line-height: 44px;
  }
}
article.brands h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.brands h4 {
  color: #003279;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.brands h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.brands h4.feature-title {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.brands h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brands h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.brands p, article.brands li {
  color: #1C2952;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brands p, article.brands li {
    font-size: 20px;
    line-height: 30px;
  }
}
article.brands section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.brands section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.brands section.hero {
    background-position: bottom center;
  }
}
article.brands section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.brands section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.brands section.hero .container {
    min-height: 750px;
  }
}
article.brands section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.brands section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.brands section.hero .container h3 br {
    display: none;
  }
}
article.brands section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.brands section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.brands section.hero .container .content {
    flex-direction: column;
  }
}
article.brands section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.brands section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.brands section.hero .container .content .left {
  width: 55%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.brands section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.brands section.hero .container .content .left {
    padding: 0;
  }
}
article.brands section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.brands section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.brands section.hero .container .content .right {
    width: 100%;
  }
}
article.brands section.hero .container .content .panel {
  float: right;
  margin-top: -40px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.brands section.hero .container .content .panel {
    margin-top: -20px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.brands section.hero .container .content .panel {
    display: none;
  }
}
article.brands section.hero .container .content .buttons {
  margin: 0 !important;
}
article.brands section.features {
  background: #ffffff;
}
article.brands section.features .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
article.brands section.features .container {
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1500px;
}
@media (max-width: 767px) {
  article.brands section.features .container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 1200px) {
  article.brands section.features .container .feature {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.brands section.features .container .feature {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.brands section.features .container .feature {
    max-width: 100%;
  }
}
article.brands section.features .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  width: 230px;
  height: 230px !important;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
}
article.brands section.features .container .item h4 {
  width: auto;
}
article.brands section.features .container .item .icon {
  margin-bottom: 30px;
  margin-right: 0;
}
article.brands section.features .container .item .icon img {
  height: 70px;
  width: 100%;
}
@media (max-width: 767px) {
  article.brands section.features .container .item {
    margin: 0 20px;
    align-items: center;
  }
}
article.brands section.award-logo .logos {
  padding-top: 35px;
}
article.brands section.videos {
  background: #ffffff;
}
article.brands section.videos h2 {
  text-align: left;
  padding: 43px 0 0;
  margin-bottom: 0;
}
article.brands section.videos .items {
  position: relative;
}
article.brands section.videos .product-section .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.brands section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.brands section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 10px;
}
@media (max-width: 1500px) {
  article.brands section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.brands section.videos .product-section .item .content .info p, article.brands section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 1em;
  color: #ffffff;
  line-height: 1.3;
}
article.brands section.videos .product-section .item .content .info li {
  text-align: left;
}
@media (max-width: 991px) {
  article.brands section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.brands section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.brands section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.brands section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.brands section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.brands section.videos .product-section:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.brands section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.brands section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}

article.brand-airtouch h2.video-title {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 19 * (100vw - 380px) / 1600);
  font-size: calc(29px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 19 * (100vw - 380px) / 1600);
  line-height: calc(38px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-airtouch h2.video-title {
    font-size: 48px;
    line-height: 57px;
  }
}
article.brand-airtouch h4.comfort-title {
  font-size: -webkit-calc(25px + 8 * (100vw - 380px) / 1600);
  font-size: calc(25px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: calc(32px + 8 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
}
@media (min-width: 1920px) {
  article.brand-airtouch h4.comfort-title {
    font-size: 33px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
article.brand-airtouch section.experience {
  background-color: #ffffff;
  position: relative;
}
article.brand-airtouch section.experience .container {
  z-index: 1;
  padding-top: 55px;
  padding-bottom: 0px;
  display: block;
  position: relative;
  max-width: 1250px;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.experience .container {
    flex-direction: column-reverse;
    padding-top: 50px;
  }
}
article.brand-airtouch section.experience .container h2 {
  margin: auto;
  padding-bottom: 20px;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.experience .container h2 {
    text-align: center;
  }
}
article.brand-airtouch section.experience .container h2 span {
  font-weight: 400;
  color: #818181;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.experience .container p {
    text-align: center;
  }
}
article.brand-airtouch section.comfort {
  z-index: 9;
  position: relative;
  padding-top: 30px;
}
article.brand-airtouch section.comfort .container {
  max-width: 1580px;
  margin: 0 auto;
}
article.brand-airtouch section.comfort .container .airtouch {
  max-width: 100%;
  margin-bottom: 65px;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 1500px) {
  article.brand-airtouch section.comfort .container .airtouch {
    margin-bottom: 85px;
  }
}
article.brand-airtouch section.comfort .container .airtouch img {
  max-width: 330px;
  margin: auto;
  padding: 0 20px;
  width: 100%;
}
article.brand-airtouch section.comfort .container h2 {
  text-align: center;
}
article.brand-airtouch section.comfort .products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  article.brand-airtouch section.comfort .products {
    flex-direction: column;
  }
}
article.brand-airtouch section.comfort .products .item {
  background: transparent linear-gradient(55deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  max-width: 100%;
  flex: 0 0 auto;
  width: 50%;
  border-right: none;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1500px) {
  article.brand-airtouch section.comfort .products .item {
    padding: 0;
  }
}
@media (max-width: 991px) {
  article.brand-airtouch section.comfort .products .item {
    margin: 75px auto;
    border-right: 0 none;
    padding: 0 0 50px;
    width: 100%;
  }
}
article.brand-airtouch section.comfort .products .item:last-child {
  border: 0 none;
}
@media (max-width: 991px) {
  article.brand-airtouch section.comfort .products .item:last-child {
    margin-bottom: 0;
  }
}
article.brand-airtouch section.comfort .products .item .content {
  width: 100%;
  max-width: 562px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: -150px;
  margin-bottom: 30px;
  padding: 0 15px;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.comfort .products .item .content {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  article.brand-airtouch section.comfort .products .item .content {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  article.brand-airtouch section.comfort .products .item .content {
    margin-top: -85px;
    padding: 0 15px;
  }
}
@media (min-width: 1920px) {
  article.brand-airtouch section.comfort .products .item.item-1 .content {
    margin-right: 200px;
  }
  article.brand-airtouch section.comfort .products .item.item-2 .content {
    margin-left: 200px;
  }
}
article.brand-airtouch section.comfort .products .item .image {
  margin: 0 auto 15px;
}
article.brand-airtouch section.comfort .products .item .image img {
  height: 294px;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.comfort .products .item .image img {
    height: 250px;
  }
}
@media (max-width: 991px) {
  article.brand-airtouch section.comfort .products .item .image img {
    height: 294px;
  }
}
@media (max-width: 767px) {
  article.brand-airtouch section.comfort .products .item .image img {
    height: auto;
    max-height: 290px;
  }
}
article.brand-airtouch section.comfort .products .item .subtitle {
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 20px 0 35px;
  color: #ffffff;
}
@media (max-width: 767px) {
  article.brand-airtouch section.comfort .products .item .subtitle {
    line-height: 30px;
  }
}
article.brand-airtouch section.comfort .products .features .info {
  font-size: -webkit-calc(19px + 4 * (100vw - 380px) / 1600);
  font-size: calc(19px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: calc(24px + 4 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  padding-bottom: 20px;
  padding-left: 50px;
  position: relative;
}
@media (min-width: 1920px) {
  article.brand-airtouch section.comfort .products .features .info {
    font-size: 23px;
    line-height: 28px;
  }
}
article.brand-airtouch section.comfort .products .features .info:before {
  content: "";
  background: url(/wp-content/uploads/2023/10/icon-check.svg) no-repeat;
  background-size: cover;
  width: 33px;
  height: 33px;
  margin-right: 25px;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
article.brand-airtouch section.benefits {
  background-position: top center;
  background-size: cover;
  height: auto;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 1px;
  margin-top: 0;
  margin-bottom: 70px;
  background: transparent linear-gradient(69deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
}
@media (max-width: 991px) {
  article.brand-airtouch section.benefits {
    margin-top: 10px;
  }
}
article.brand-airtouch section.benefits .container {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 1800px;
  margin-top: 100px;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  article.brand-airtouch section.benefits .container {
    margin-top: 70px;
  }
  article.brand-airtouch section.benefits .container .row {
    flex-direction: column-reverse;
  }
  article.brand-airtouch section.benefits .container .row .side_benefits_img {
    margin-top: 50px;
  }
}
article.brand-airtouch section.benefits .side_benefits_img {
  align-self: flex-end;
}
article.brand-airtouch section.benefits .side_benefits_img img {
  height: auto;
}
article.brand-airtouch section.benefits .TabsFeatures {
  max-width: 760px;
  width: 100%;
  margin: auto;
  padding-top: 0;
}
@media (max-width: 1200px) {
  article.brand-airtouch section.benefits .TabsFeatures {
    margin-bottom: 20px;
  }
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link {
  padding: 0;
  margin: 0;
  background-color: transparent;
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1500px) {
  article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link {
    margin: 0 5px;
  }
}
@media (max-width: 1200px) {
  article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link {
    margin: 0 5px;
  }
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link img {
  position: relative;
  z-index: 9;
  height: auto;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link img.normal {
  display: block;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link img.active {
  display: none;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link.active {
  background-color: transparent;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link.active img {
  position: relative;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link.active img.normal {
  display: none;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link.active img.active {
  display: block;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link.active .spacer {
  background-color: transparent;
}
article.brand-airtouch section.benefits .TabsFeatures ul.nav li .nav-link .spacer {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  z-index: 5;
}
article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane {
  background: rgba(255, 255, 255, 0.21);
  border: 2px solid #ffffff;
  border-radius: 30px;
  padding: 3em;
  border-radius: 29px;
  color: #ffffff;
}
@media (max-width: 1500px) {
  article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane {
    padding: 2em;
    margin-bottom: 40px;
  }
}
article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane h3 {
  font-size: 34px;
  line-height: 52px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 29px;
  text-align: center;
}
@media (max-width: 991px) {
  article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane h3 {
    font-size: 28px;
    line-height: 1.3;
  }
}
article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane .buttons {
  width: 100%;
}
@media (max-width: 1500px) {
  article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane .buttons {
    flex-direction: column;
  }
}
article.brand-airtouch section.benefits .TabsFeatures .tab-content .tab-pane .buttons .cta-btn {
  margin-bottom: 10px;
}
article.brand-airtouch section.benefits .TabsFeatures_desktop {
  display: block;
}
@media (max-width: 991px) {
  article.brand-airtouch section.benefits .TabsFeatures_desktop {
    display: none;
  }
}
article.brand-airtouch section.benefits .TabsFeatures_mobile {
  display: none;
  max-width: 750px;
  margin: auto;
}
@media (max-width: 991px) {
  article.brand-airtouch section.benefits .TabsFeatures_mobile {
    display: block;
  }
}
article.brand-airtouch section.benefits .TabsFeatures_mobile .tabBlock .tab_Mobile {
  text-align: center;
  margin: 0 auto 4em;
}
article.brand-airtouch section.benefits .TabsFeatures_mobile .tabBlock .tab_Mobile h3 {
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
article.brand-airtouch section.benefits .TabsFeatures_mobile .tabBlock .buttons {
  width: 100%;
  flex-direction: column;
}
article.brand-airtouch section.benefits .TabsFeatures_mobile .tabBlock .buttons .cta-btn {
  margin-bottom: 10px;
}

article.brand-panasonic h2.why {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 19 * (100vw - 380px) / 1600);
  font-size: calc(29px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 19 * (100vw - 380px) / 1600);
  line-height: calc(38px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-panasonic h2.why {
    font-size: 48px;
    line-height: 57px;
  }
}
article.brand-panasonic h4.comfort-title {
  font-size: -webkit-calc(25px + 8 * (100vw - 380px) / 1600);
  font-size: calc(25px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 8 * (100vw - 380px) / 1600);
  line-height: calc(32px + 8 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
}
@media (min-width: 1920px) {
  article.brand-panasonic h4.comfort-title {
    font-size: 33px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
article.brand-panasonic li {
  color: #818181;
  padding-bottom: 15px;
}
article.brand-panasonic section.why-panasonic .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 100px 15px;
  max-width: 1520px; /* or your desired max width */
  margin: 0 auto;
}
@media (max-width: 991px) {
  article.brand-panasonic section.why-panasonic .container {
    padding: 80px 15px;
  }
}
@media (max-width: 767px) {
  article.brand-panasonic section.why-panasonic .container {
    padding: 60px 15px;
  }
}
article.brand-panasonic section.why-panasonic .left-column,
article.brand-panasonic section.why-panasonic .right-column {
  flex: 1;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  article.brand-panasonic section.why-panasonic .left-column,
  article.brand-panasonic section.why-panasonic .right-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}
article.brand-panasonic section.why-panasonic .left-column {
  max-width: 805px;
  padding-right: 8rem;
  width: 100%;
}
@media (max-width: 1200px) {
  article.brand-panasonic section.why-panasonic .left-column {
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  article.brand-panasonic section.why-panasonic .left-column {
    padding-right: 0;
  }
}
article.brand-panasonic section.why-panasonic .left-column ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0;
}
article.brand-panasonic section.why-panasonic .right-column img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
article.brand-panasonic section.whyford .content .text {
  text-align: left;
}
article.brand-panasonic section.whyford .content .text h2 {
  text-align: left;
}
@media (max-width: 1500px) {
  article.brand-panasonic section.whyford .content .text {
    text-align: center;
  }
  article.brand-panasonic section.whyford .content .text h2 {
    text-align: center;
  }
}
article.brand-panasonic section.whyford .content .logos {
  padding: 55px 0 40px;
}
@media (max-width: 1500px) {
  article.brand-panasonic section.whyford .content .logos {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  article.brand-panasonic section.whyford .content .logos {
    padding: 10px 0;
  }
}
article.brand-panasonic section.whyford .content .logos img {
  padding-right: 20px;
}
@media (max-width: 1500px) {
  article.brand-panasonic section.whyford .content .logos img {
    padding-right: 7px;
  }
}
@media (max-width: 767px) {
  article.brand-panasonic section.whyford .content .logos img {
    padding: 20px 5px 0;
  }
}
article.brand-panasonic section.comfort {
  z-index: 9;
  position: relative;
  padding-top: 170px;
}
@media (max-width: 991px) {
  article.brand-panasonic section.comfort {
    padding-top: 100px;
  }
}
article.brand-panasonic section.comfort .container {
  max-width: 1580px;
  margin: 0 auto;
}
article.brand-panasonic section.comfort .container h2 {
  text-align: center;
}
article.brand-panasonic section.comfort .products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  article.brand-panasonic section.comfort .products {
    flex-direction: column;
  }
}
article.brand-panasonic section.comfort .products .item {
  background: transparent linear-gradient(55deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  max-width: 100%;
  flex: 0 0 auto;
  width: 50%;
  border-right: none;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1500px) {
  article.brand-panasonic section.comfort .products .item {
    padding: 0;
  }
}
@media (max-width: 991px) {
  article.brand-panasonic section.comfort .products .item {
    margin: 75px auto;
    border-right: 0 none;
    padding: 0 0 30px;
    width: 100%;
  }
}
article.brand-panasonic section.comfort .products .item:last-child {
  border: 0 none;
}
@media (max-width: 991px) {
  article.brand-panasonic section.comfort .products .item:last-child {
    margin-bottom: 0;
  }
}
article.brand-panasonic section.comfort .products .item .content {
  width: 100%;
  max-width: 582px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: -102px;
  margin-bottom: 30px;
  padding: 0 15px;
  text-align: center;
}
@media (max-width: 991px) {
  article.brand-panasonic section.comfort .products .item .content {
    margin-bottom: 0;
  }
}
@media (min-width: 1920px) {
  article.brand-panasonic section.comfort .products .item.item-1 .content {
    margin-right: 200px;
  }
  article.brand-panasonic section.comfort .products .item.item-2 .content {
    margin-left: 200px;
  }
}
article.brand-panasonic section.comfort .products .item .image {
  margin: 0 auto 35px;
}
article.brand-panasonic section.comfort .products .item .image img {
  height: auto;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
  border-radius: 23px;
}
article.brand-panasonic section.comfort .products .item .subtitle {
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 20px 0 35px;
  color: #ffffff;
}
@media (max-width: 767px) {
  article.brand-panasonic section.comfort .products .item .subtitle {
    line-height: 30px;
  }
}
article.brand-panasonic section.comfort .products .features .info {
  font-size: -webkit-calc(19px + 4 * (100vw - 380px) / 1600);
  font-size: calc(19px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: calc(24px + 4 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  padding-bottom: 20px;
  padding-left: 50px;
  position: relative;
}
@media (min-width: 1920px) {
  article.brand-panasonic section.comfort .products .features .info {
    font-size: 23px;
    line-height: 28px;
  }
}
article.brand-panasonic section.comfort .products .features .info:before {
  content: "";
  background: url(/wp-content/uploads/2023/10/icon-check.svg) no-repeat;
  background-size: cover;
  width: 33px;
  height: 33px;
  margin-right: 25px;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
article.brand-panasonic section.videos .half-content .text, article.brand-panasonic section.videos .half-content h2 {
  text-align: left;
}
@media (max-width: 1200px) {
  article.brand-panasonic section.videos .half-content .text, article.brand-panasonic section.videos .half-content h2 {
    text-align: center;
  }
}
article.brand-panasonic section.videos .product-section .item .content .info {
  padding-bottom: 0;
}

article.brand-samsung h2.video-title {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 19 * (100vw - 380px) / 1600);
  font-size: calc(29px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 19 * (100vw - 380px) / 1600);
  line-height: calc(38px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-samsung h2.video-title {
    font-size: 48px;
    line-height: 57px;
  }
}
article.brand-samsung section.why-samsung .container {
  padding: 60px 15px 0;
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
}
article.brand-samsung section.why-samsung h2 {
  margin: 50px auto 35px;
}
article.brand-samsung section.why-samsung p {
  margin-bottom: 0 !important;
}
article.brand-samsung section.videos .content .text {
  text-align: left;
}
article.brand-samsung section.videos .content .text h2 {
  text-align: left;
}
@media (max-width: 1200px) {
  article.brand-samsung section.videos .content .text {
    text-align: center;
  }
  article.brand-samsung section.videos .content .text h2 {
    text-align: center;
  }
}
article.brand-samsung section.videos .product-section .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.brand-samsung section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.brand-samsung section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.brand-samsung section.videos .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.brand-samsung section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}

article.brand-daikin h2.video-title {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 19 * (100vw - 380px) / 1600);
  font-size: calc(29px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 19 * (100vw - 380px) / 1600);
  line-height: calc(38px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-daikin h2.video-title {
    font-size: 48px;
    line-height: 57px;
  }
}
article.brand-daikin h3.benefit-title {
  font-size: -webkit-calc(25px + 7 * (100vw - 380px) / 1600);
  font-size: calc(25px + 7 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 7 * (100vw - 380px) / 1600);
  line-height: calc(32px + 7 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-daikin h3.benefit-title {
    font-size: 32px;
    line-height: 39px;
  }
}
article.brand-daikin section.why-daikin .container {
  padding: 60px 15px 0;
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
}
article.brand-daikin section.why-daikin img {
  width: 70%;
  max-width: 660px;
}
article.brand-daikin section.why-daikin h2 {
  margin: 50px auto 35px;
}
article.brand-daikin section.why-daikin p {
  margin-bottom: 0 !important;
}
article.brand-daikin section.videos {
  padding-top: 60px;
}
article.brand-daikin section.videos .content .text {
  text-align: left;
}
article.brand-daikin section.videos .content .text h2 {
  text-align: left;
}
@media (max-width: 1200px) {
  article.brand-daikin section.videos .content .text {
    text-align: center;
  }
  article.brand-daikin section.videos .content .text h2 {
    text-align: center;
  }
}
article.brand-daikin section.videos .product-section .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.brand-daikin section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.brand-daikin section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.brand-daikin section.videos .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.brand-daikin section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.brand-daikin section.features-daikin {
  background: #ffffff;
}
article.brand-daikin section.features-daikin .container {
  padding: 130px 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1220px;
}
article.brand-daikin section.features-daikin .container .feature-daikin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 560px) {
  article.brand-daikin section.features-daikin .container .feature-daikin {
    max-width: 100%;
  }
}
article.brand-daikin section.features-daikin .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 10px 70px;
  padding: 0 35px;
  max-width: 100%;
  width: 230px;
  height: 210px;
  flex-direction: column;
  border-radius: 20px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
article.brand-daikin section.features-daikin .container .item h4 {
  width: auto;
  color: #ffffff;
}
article.brand-daikin section.features-daikin .container .item .icon {
  margin-bottom: 30px;
  margin-top: -95px;
}
article.brand-daikin section.features-daikin .container .item .icon img {
  height: 124px;
  width: 100%;
}
@media (max-width: 480px) {
  article.brand-daikin section.features-daikin .container .item {
    margin: 0 auto 70px;
  }
}
article.brand-daikin section.benefits-daikin {
  background: transparent linear-gradient(72deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
article.brand-daikin section.benefits-daikin .container {
  max-width: 1250px;
  padding: 80px 15px;
}
@media (max-width: 1500px) {
  article.brand-daikin section.benefits-daikin .container {
    max-width: 1150px;
  }
}
@media (max-width: 1200px) {
  article.brand-daikin section.benefits-daikin .container {
    max-width: 900px;
  }
}
@media (max-width: 991px) {
  article.brand-daikin section.benefits-daikin .container {
    padding: 40px 15px;
  }
}
article.brand-daikin section.benefits-daikin .benefit-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* Vertical line in the middle */
  /* Remove top line from the first two items */
}
article.brand-daikin section.benefits-daikin .benefit-items .item {
  flex: 1 50%;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  border-top: 2px solid #ffffff;
  width: -webkit-calc(50% - 100px);
  width: calc(50% - 100px);
  max-width: 515px;
  padding: 50px 10px 15px;
  margin-top: -2px;
}
@media (max-width: 1200px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item {
    max-width: 380px;
  }
}
@media (max-width: 991px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item {
    max-width: 100%;
    width: 100%;
    flex: 1 auto;
    padding: 30px 15px;
    margin-top: 0;
  }
}
article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(odd):after {
  content: "";
  position: absolute;
  top: 0;
  right: -100px;
  bottom: 0;
  width: 2px;
  background-color: #ccc;
  z-index: 1;
}
@media (max-width: 1500px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(odd):after {
    right: -46px;
  }
}
@media (max-width: 1200px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(odd):after {
    right: -55px;
  }
}
@media (max-width: 991px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(odd):after {
    display: none;
  }
}
article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(-n+2) {
  border-top: none;
  padding: 15px 10px 50px;
}
@media (max-width: 991px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(-n+2) {
    padding: 30px 15px;
    border-top: 2px solid #ffffff;
  }
}
@media (max-width: 991px) {
  article.brand-daikin section.benefits-daikin .benefit-items .item:nth-child(-n+1) {
    border-top: 0 none;
  }
}
article.brand-daikin section.benefits-daikin .benefit-items .benefit-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
article.brand-daikin section.benefits-daikin .benefit-items .benefit-title img {
  padding-right: 20px;
}
article.brand-daikin section.benefits-daikin .benefit-items p {
  color: #ffffff;
  margin-bottom: 0;
}

article.brand-rinnai h2.video-title {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 19 * (100vw - 380px) / 1600);
  font-size: calc(29px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 19 * (100vw - 380px) / 1600);
  line-height: calc(38px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.brand-rinnai h2.video-title {
    font-size: 48px;
    line-height: 57px;
  }
}
article.brand-rinnai section.features {
  padding-bottom: 60px;
}
article.brand-rinnai section.why-rinnai .container {
  padding: 60px 15px 80px;
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
}
article.brand-rinnai section.why-rinnai h2 {
  margin: 50px auto 35px;
}
article.brand-rinnai section.why-rinnai h5 {
  margin-bottom: 20px !important;
}
article.brand-rinnai section.why-rinnai img {
  max-width: 870px;
  margin: 0 auto;
}
article.brand-rinnai section.videos .content .text {
  text-align: center;
}
article.brand-rinnai section.videos .content .text h2 {
  text-align: center;
}
article.brand-rinnai section.videos .product-section .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.brand-rinnai section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.brand-rinnai section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.brand-rinnai section.videos .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.brand-rinnai section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.brand-rinnai section.videos.media2 {
  margin-bottom: 40px;
}
article.brand-rinnai section.videos.media2 .content .text {
  text-align: left;
}
article.brand-rinnai section.videos.media2 .content .text h2 {
  text-align: left;
}

article.stores h3.heros {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(32px + 14 * (100vw - 380px) / 1600);
  font-size: calc(32px + 14 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 26 * (100vw - 380px) / 1600);
  line-height: calc(40px + 26 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.6px + 0.7 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.6px + 0.7 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.stores h3.heros {
    font-size: 44px;
    line-height: 64px;
    letter-spacing: 2.2px;
  }
}
@media (max-width: 1200px) {
  article.stores h3.heros {
    padding: 0 0 50px;
  }
}
article.stores section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.stores section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.stores section.hero {
    background-position: bottom center;
  }
}
article.stores section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.stores section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.stores section.hero .container {
    min-height: 750px;
  }
}
article.stores section.hero .container h1 {
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  article.stores section.hero .container h1 {
    text-align: center;
  }
}
@media (max-width: 1200px) {
  article.stores section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.stores section.hero .container h3 br {
    display: none;
  }
}
article.stores section.hero .container h3.pretitle, article.stores section.hero .container h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.stores section.hero .container h3.heros {
  max-width: 620px;
}
article.stores section.hero .container .hero-logo {
  padding: 22px 0;
}
article.stores section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.stores section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.stores section.hero .container .content {
    flex-direction: column;
  }
}
article.stores section.hero .container .content .line {
  background: #ffffff;
  height: 7px;
  width: 169px;
  margin: 40px 0 23px;
}
@media (max-width: 1200px) {
  article.stores section.hero .container .content .line {
    margin: 40px auto 23px;
  }
}
article.stores section.hero .container .content .left {
  width: 55%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 25px;
}
@media (max-width: 1200px) {
  article.stores section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  article.stores section.hero .container .content .left {
    padding: 0;
  }
}
article.stores section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.stores section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.stores section.hero .container .content .right {
    width: 100%;
  }
}
article.stores section.hero .container .content .panel {
  float: right;
  margin-top: -70px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.stores section.hero .container .content .panel {
    margin-top: -45px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.stores section.hero .container .content .panel {
    display: none;
  }
}
article.stores section.hero .container .content .buttons {
  margin: 0 !important;
}
article.stores section.about {
  background: transparent linear-gradient(62deg, #1C2952 20%, #3888C9 65%) 0% 0% no-repeat;
}
article.stores section.about .description {
  padding: 50px 15px;
  max-widtH: 1800px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
article.stores section.about .description p {
  color: #ffffff;
}
article.stores section.services-store {
  background: #ffffff;
}
article.stores section.services-store .container {
  padding: 95px 15px 65px;
  max-width: 1250px;
}
@media (max-width: 767px) {
  article.stores section.services-store .container {
    padding-top: 50px;
    padding-bottom: 35px;
  }
}
article.stores section.services-feature {
  background: transparent linear-gradient(66deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
article.stores section.services-feature .container {
  padding: 75px 15px;
  max-width: 1280px;
}
@media (max-width: 767px) {
  article.stores section.services-feature .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
article.stores section.services-feature .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
article.stores section.services-feature .items .item {
  width: 549px;
  max-width: 100%;
  border: 2px solid #ffffff;
  border-radius: 30px;
  padding: 36px 25px 36px 36px;
  margin: 30px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media (max-width: 560px) {
  article.stores section.services-feature .items .item {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 1280px) {
  article.stores section.services-feature .items .item {
    width: 520px;
  }
}
@media (max-width: 1200px) {
  article.stores section.services-feature .items .item {
    width: 430px;
    padding: 36px 20px 36px 25px;
    margin: 25px 25px;
  }
}
@media (max-width: 991px) {
  article.stores section.services-feature .items .item {
    width: 500px;
  }
}
article.stores section.services-feature .items .item h5 {
  max-width: 380px;
  width: 100%;
  padding-left: 40px;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
@media (max-width: 1500px) {
  article.stores section.services-feature .items .item h5 {
    padding-left: 30px;
  }
}
@media (max-width: 1200px) {
  article.stores section.services-feature .items .item h5 {
    padding-left: 25px;
  }
}
@media (max-width: 560px) {
  article.stores section.services-feature .items .item h5 {
    padding: 25px 5px 0;
    margin: 0 auto;
  }
}
article.stores section.maps .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}
article.stores section.maps iframe {
  height: 50vw;
  max-height: 700px;
  min-height: 320px;
}
article.stores section.store-logo {
  background: #ffffff;
}
article.stores section.store-logo .logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0 0;
}
article.stores section.store-logo .logos .logo {
  padding: 0 36px;
}
@media (max-width: 560px) {
  article.stores section.store-logo .logos .logo {
    padding: 0 20px;
  }
}
@media (max-width: 380px) {
  article.stores section.store-logo .logos .logo {
    padding: 0 10px;
  }
}
article.stores section.store-logo .logos .logo img {
  max-height: 150px;
}
article.stores section.address .container {
  padding-top: 60px;
  margin-bottom: 0px;
}
article.stores section.address h2 {
  margin-bottom: 0;
  text-transform: uppercase;
}

article.page-services h3 {
  color: #144D8E;
}
article.page-services h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
article.page-services h3.why {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(29px + 9 * (100vw - 380px) / 1600);
  font-size: calc(29px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(37px + 11 * (100vw - 380px) / 1600);
  line-height: calc(37px + 11 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.5 * (100vw - 380px) / 1600);
  margin-bottom: 32px;
}
@media (min-width: 1920px) {
  article.page-services h3.why {
    font-size: 38px;
    line-height: 48px;
    letter-spacing: 1.9px;
  }
}
article.page-services h5 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.page-services p, article.page-services li {
  color: #818181;
}
article.page-services section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
article.page-services section.hero .container {
  padding: 230px 15px 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1100px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.page-services section.hero .container {
    padding: 180px 15px 140px;
  }
}
@media (max-width: 767px) {
  article.page-services section.hero .container {
    padding: 100px 15px;
  }
}
@media (min-width: 1920px) {
  article.page-services section.hero .container {
    min-height: 932px;
  }
}
article.page-services section.hero .container h3 {
  padding: 35px 0 150px;
}
@media (max-width: 1200px) {
  article.page-services section.hero .container h3 {
    padding-bottom: 100px;
  }
  article.page-services section.hero .container h3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  article.page-services section.hero .container h3 {
    padding-bottom: 80px;
  }
}
article.page-services section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
article.page-services section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (min-width: 1920px) {
  article.page-services section.hero .container .content .line {
    width: 255px;
  }
}
@media (max-width: 1200px) {
  article.page-services section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.page-services section.hero .container .content .buttons {
  margin: 0 !important;
}
article.page-services section.why-service .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 100px 0 100px 15px;
  max-width: 1920px; /* or your desired max width */
  margin: 0 auto;
  position: relative;
}
@media (max-width: 991px) {
  article.page-services section.why-service .container {
    padding: 80px 15px;
  }
}
@media (max-width: 767px) {
  article.page-services section.why-service .container {
    padding: 60px 15px;
  }
}
article.page-services section.why-service .left-column,
article.page-services section.why-service .right-column {
  flex: 1;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  article.page-services section.why-service .left-column,
  article.page-services section.why-service .right-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}
article.page-services section.why-service .left-column {
  max-width: 40%;
  padding-right: 2rem;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1200px) {
  article.page-services section.why-service .left-column {
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  article.page-services section.why-service .left-column {
    padding-right: 0;
  }
}
article.page-services section.why-service .left-column ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0;
}
article.page-services section.why-service .right-column img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

article.residential section.why-service .container {
  padding-top: 138px;
  padding-bottom: 207px;
}
@media (max-width: 1500px) {
  article.residential section.why-service .container {
    flex-direction: column;
    padding-bottom: 0;
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  article.residential section.why-service .container {
    padding-top: 60px;
  }
}
article.residential section.why-service .left-column {
  max-width: 45%;
  padding-left: 100px;
}
@media (max-width: 1500px) {
  article.residential section.why-service .left-column {
    max-width: 775px;
    padding-right: 0;
    width: 100%;
    padding-left: 0;
  }
}
article.residential section.why-service .right-column {
  position: absolute;
  max-width: 60%;
  right: 0;
  z-index: 1;
  bottom: 0;
}
@media (max-width: 1500px) {
  article.residential section.why-service .right-column {
    position: relative;
    width: 100%;
    margin: 0 -15px 0 auto;
    max-width: 1100px;
  }
}
article.residential section.benefits .container {
  padding: 97px 15px 47px;
}
@media (max-width: 480px) {
  article.residential section.benefits .container {
    padding: 70px 15px 40px;
  }
}
article.residential section.benefits .container .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) {
  article.residential section.benefits .container .items {
    flex-wrap: wrap;
  }
}
article.residential section.benefits .container .items .benefit {
  max-width: 435px;
  width: 100%;
  margin: 0 3% 50px;
}
@media (max-width: 480px) {
  article.residential section.benefits .container .items .benefit {
    margin: 0 auto 30px;
  }
}
article.residential section.benefits .container .items img {
  width: -webkit-calc(100px + 66 * (100vw - 380px) / 1600);
  width: calc(100px + 66 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.residential section.benefits .container .items img {
    width: 166px;
  }
}
article.residential section.benefits .container .items h3 {
  padding: 40px 0 32px;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  article.residential section.benefits .container .items h3 {
    padding: 25px 0 20px;
  }
}
article.residential section.benefits .container .items ul {
  margin-left: -35px;
  margin-bottom: 0;
}
article.residential section.benefits .container .items li {
  list-style: none;
  position: relative;
  padding-left: 18px;
  padding-bottom: 15px;
}
article.residential section.benefits .container .items li:last-child {
  padding-bottom: 0;
}
article.residential section.benefits .container .items li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9));
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1500px) {
  article.residential section.benefits .container .items li::before {
    top: 10px;
  }
}
@media (max-width: 767px) {
  article.residential section.benefits .container .items li::before {
    top: 8px;
  }
}
@media (min-width: 1201px) {
  article.residential section.establish-home .item {
    flex-direction: row;
  }
}
article.residential section.establish-home .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 33px auto;
}
@media (min-width: 1920px) {
  article.residential section.establish-home .line {
    width: 255px;
  }
}
@media (max-width: 1200px) {
  article.residential section.establish-home .line {
    margin: 23px auto 23px;
  }
}
article.residential section.establish-home p.bold {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.residential section.establish-home .button-system {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
article.residential section.establish-home .button-system .button-learn a {
  width: 144px;
  margin-left: 15px;
  margin-right: 15px;
  text-transform: inherit;
}

article.commercial h2 {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.commercial h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.commercial section.why-service {
  padding: 110px 0;
}
@media (max-width: 991px) {
  article.commercial section.why-service {
    padding: 0;
  }
}
article.commercial section.why-service .container {
  padding-top: 100px;
  padding-bottom: 180px;
  max-width: 1600px;
}
@media (max-width: 1500px) {
  article.commercial section.why-service .container {
    padding-bottom: 90px;
  }
}
@media (max-width: 1200px) {
  article.commercial section.why-service .container {
    padding-bottom: 70px;
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  article.commercial section.why-service .container {
    padding-top: 70px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  article.commercial section.why-service .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
article.commercial section.why-service .left-column {
  max-width: 50%;
}
@media (max-width: 1500px) {
  article.commercial section.why-service .left-column {
    max-width: 680px;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  article.commercial section.why-service .left-column {
    padding-right: 4.5rem;
    max-width: 630px;
  }
}
@media (max-width: 991px) {
  article.commercial section.why-service .left-column {
    padding-right: 0;
    max-width: 730px;
  }
}
article.commercial section.why-service .right-column {
  position: absolute;
  max-width: 90%;
  right: 0;
  z-index: 1;
  bottom: -50px;
}
@media (max-width: 991px) {
  article.commercial section.why-service .right-column {
    position: relative;
    width: 100%;
    margin: 0 -15px 0 auto;
    max-width: 1300px;
    bottom: 0;
  }
}
@media (min-width: 1201px) {
  article.commercial section.others .item {
    flex-direction: row;
  }
}

article.builderdirect h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.builderdirect section.why-service {
  padding: 80px 0 160px;
}
@media (max-width: 991px) {
  article.builderdirect section.why-service {
    padding: 0;
  }
}
article.builderdirect section.why-service .container {
  padding-top: 117px;
  padding-bottom: 222px;
  max-width: 1450px;
}
@media (max-width: 1200px) {
  article.builderdirect section.why-service .container {
    padding-bottom: 117px;
  }
}
@media (max-width: 991px) {
  article.builderdirect section.why-service .container {
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  article.builderdirect section.why-service .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
article.builderdirect section.why-service .left-column {
  max-width: 54%;
}
@media (max-width: 1500px) {
  article.builderdirect section.why-service .left-column {
    max-width: 730px;
    padding-right: 0;
    width: 100%;
  }
}
article.builderdirect section.why-service .right-column {
  position: absolute;
  max-width: 62%;
  right: 0;
  z-index: 1;
  bottom: 0;
}
@media (max-width: 991px) {
  article.builderdirect section.why-service .right-column {
    position: relative;
    width: 100%;
    margin: 0 -15px 0 auto;
    max-width: 900px;
  }
}
article.builderdirect section.award-logo.award-all .container {
  padding-bottom: 0;
}
article.builderdirect section.partners .container {
  padding-top: 100px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E3E3E3;
}
@media (max-width: 1200px) {
  article.builderdirect section.partners .container {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  article.builderdirect section.partners .container {
    padding-top: 60px;
  }
}
article.builderdirect section.partners .logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0;
}
@media (max-width: 1200px) {
  article.builderdirect section.partners .logos {
    padding: 50px 0;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  article.builderdirect section.partners .logos {
    padding: 35px 0;
  }
}
article.builderdirect section.partners .logos .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 36px;
}
@media (max-width: 1500px) {
  article.builderdirect section.partners .logos .logo {
    padding: 0 25px;
  }
}
@media (max-width: 1200px) {
  article.builderdirect section.partners .logos .logo {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  article.builderdirect section.partners .logos .logo {
    padding: 15px;
  }
}
article.builderdirect section.partners .logos img {
  height: auto;
}
@media (max-width: 1200px) {
  article.builderdirect section.partners .logos img {
    height: auto;
    width: 100%;
    max-height: 100px;
  }
}

article.calculator h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.calculator h1 {
    text-align: center;
  }
}
article.calculator h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  article.calculator h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.calculator h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.calculator h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.calculator h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.calculator h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.calculator h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.calculator h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.calculator h5 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.calculator p, article.calculator li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.calculator p, article.calculator li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.calculator li {
  padding-bottom: 15px;
}
article.calculator li:last-child {
  padding-bottom: 0;
}
article.calculator ul, article.calculator ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.calculator .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.calculator .heading {
    margin: 40px auto 60px;
  }
}
article.calculator section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.calculator section.hero {
    background-position: bottom center;
  }
}
article.calculator section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1320px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.calculator section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.calculator section.hero .container {
    min-height: 750px;
  }
}
article.calculator section.hero .container h3 {
  max-width: 1150px;
}
article.calculator section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.calculator section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.calculator section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.calculator section.hero .container .content .line {
    width: 255px;
  }
}
article.calculator section.hero .arrow {
  text-align: center;
  position: relative;
}
article.calculator section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.calculator section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.calculator section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.calculator section.hero .arrow img {
    top: -36px;
  }
}
article.calculator section.disclaimer {
  background: #FAFAFA;
}
article.calculator section.disclaimer .container {
  max-width: 1550px;
  padding: 55px 15px;
}
article.calculator section.disclaimer .container h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.calculator section.form {
  background: #ffffff;
  min-height: 400px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
article.calculator section.form .calculator_wrapper input, article.calculator section.form .calculator_wrapper textarea, article.calculator section.form .calculator_wrapper select {
  color: #818181;
  border: 1px solid #818181;
  max-width: 730px;
  width: 100%;
}
article.calculator section.form .calculator_wrapper input::-moz-placeholder, article.calculator section.form .calculator_wrapper textarea::-moz-placeholder, article.calculator section.form .calculator_wrapper select::-moz-placeholder {
  color: #818181;
}
article.calculator section.form .calculator_wrapper input::placeholder, article.calculator section.form .calculator_wrapper textarea::placeholder, article.calculator section.form .calculator_wrapper select::placeholder {
  color: #818181;
}
article.calculator section.form .calculator_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
article.calculator section.form .calculator_wrapper .gfield .ginput_container {
  margin: 0;
}
article.calculator section.form .calculator_wrapper .gfield label.gfield_label {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: 1.3;
}
@media (min-width: 1920px) {
  article.calculator section.form .calculator_wrapper .gfield label.gfield_label {
    font-size: 24px;
  }
}
article.calculator section.form .calculator_wrapper .gfield .ginput_container_name {
  flex-direction: column;
}
article.calculator section.form .calculator_wrapper .gfield .ginput_container_name span {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
article.calculator section.form .calculator_wrapper .gfield .ginput_container_name span.name_first {
  padding-bottom: 24px !important;
}
@media (max-width: 640px) {
  article.calculator section.form .calculator_wrapper .gfield .ginput_container_name span.name_first {
    padding-bottom: 0 !important;
  }
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox {
  justify-content: center;
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
  padding: 30px 60px 15px !important;
}
@media (max-width: 991px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 30px 30px 15px !important;
  }
}
@media (max-width: 767px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 15px 16px 15px !important;
  }
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 15px 5px 15px !important;
  }
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=radio], article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=checkbox], article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=radio], article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=checkbox] {
  display: none;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #818181;
  padding: 10px 20px;
  margin: 5px auto;
  border: 1px solid #818181;
  cursor: pointer;
  border-radius: 12px;
  transition: background-color 0.3s ease;
  width: 258px;
  height: 320px;
  padding: 25px;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label:before {
  content: "";
  display: inline-block;
  width: 75px;
  height: 75px;
  background-size: cover;
  background-position: center;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice h4, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice h4 {
  padding-top: 15px;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice p, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice p {
  color: #818181;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 18px;
  letter-spacing: 0.6px;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=radio]:checked + label, article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=checkbox]:checked + label, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=radio]:checked + label, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=checkbox]:checked + label {
  background-color: #144D8E;
  color: #ffffff;
  border-color: #144D8E;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=radio]:checked + label h4, article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=radio]:checked + label p, article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=checkbox]:checked + label h4, article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice input[type=checkbox]:checked + label p, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=radio]:checked + label h4, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=radio]:checked + label p, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=checkbox]:checked + label h4, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice input[type=checkbox]:checked + label p {
  color: #ffffff;
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_31_0:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_31_0:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Ducted-System.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_31_1:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_31_1:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Split-Systems.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_34_0:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_34_0:before {
  background-image: url("/wp-content/uploads/2023/11/icon-home-small.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_34_1:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_34_1:before {
  background-image: url("/wp-content/uploads/2023/11/icon-home-medium.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_34_2:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_34_2:before {
  background-image: url("/wp-content/uploads/2023/11/icon-home-large.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_34_3:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_34_3:before {
  background-image: url("/wp-content/uploads/2023/11/icon-home-very-large.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_50_0:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_50_0:before {
  background-image: url("/wp-content/uploads/2023/11/icon-very-large-1.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_50_1:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_50_1:before {
  background-image: url("/wp-content/uploads/2023/11/icon-very-large-2.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_50_2:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_50_2:before {
  background-image: url("/wp-content/uploads/2023/11/icon-very-large-3.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_80_1:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_80_1:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Living-Area.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_80_2:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_80_2:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Multi-Use-Room.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_radio .gchoice label#label_21_80_3:before, article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label#label_21_80_3:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Bed-room.svg");
}
article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 30px 20px 15px !important;
}
@media (max-width: 991px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 30px 20px 15px !important;
  }
}
@media (max-width: 767px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 15px 16px 15px !important;
  }
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice {
    padding: 15px 5px 15px !important;
  }
}
article.calculator section.form .calculator_wrapper .gfield .gfield_checkbox .gchoice label {
  height: 210px;
}
article.calculator section.form .calculator_wrapper .gfield.hometype .gfield_radio .gchoice {
  padding-bottom: 50px !important;
}
@media (max-width: 991px) {
  article.calculator section.form .calculator_wrapper .gfield.hometype .gfield_radio .gchoice {
    padding-bottom: 15px !important;
  }
}
article.calculator section.form .calculator_wrapper .gfield.fieldinfo {
  padding: 40px 20px 60px;
  border: 1px solid #818181;
  border-radius: 12px;
  max-width: 990px;
  margin: auto;
  width: 100%;
  margin: 30px auto 60px;
}
@media (max-width: 640px) {
  article.calculator section.form .calculator_wrapper .gfield.fieldinfo {
    padding-bottom: 40px;
  }
}
article.calculator section.form .calculator_wrapper .gfield.fieldinfo legend.gfield_label {
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  color: #818181;
  display: contents;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 1920px) {
  article.calculator section.form .calculator_wrapper .gfield.fieldinfo legend.gfield_label {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.calculator section.form .calculator_wrapper .gfield.fieldinfo legend.gfield_label .gfield_required {
  display: none;
}
article.calculator section.form .calculator_wrapper .gfield.actype legend.gfield_label {
  display: none;
}
article.calculator section.form .calculator_wrapper .gfield.content-info {
  padding: 50px 20px 35px;
  border: 1px solid #818181;
  border-radius: 12px;
  max-width: 990px;
  margin: auto;
  width: 100%;
  margin: 30px auto 60px;
}
article.calculator section.form .calculator_wrapper .gfield.content-price p {
  color: #818181;
  font-style: italic;
}
article.calculator section.form .calculator_wrapper .gfield.content-price img {
  max-width: 717px;
  width: 100%;
  padding: 20px 0 50px;
}
article.calculator section.form .calculator_wrapper .gfield.content-price h5 {
  color: #818181;
}
article.calculator section.form .calculator_wrapper .gfield.content-price h5.blue {
  color: #144D8E;
  padding-bottom: 0;
}
article.calculator section.form .calculator_wrapper .gfield.content-price h3.price {
  color: #144D8E;
  font-size: -webkit-calc(50px + 21 * (100vw - 380px) / 1600);
  font-size: calc(50px + 21 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(60px + 36 * (100vw - 380px) / 1600);
  line-height: calc(60px + 36 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.5px + 1.05 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.5px + 1.05 * (100vw - 380px) / 1600);
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
@media (min-width: 1920px) {
  article.calculator section.form .calculator_wrapper .gfield.content-price h3.price {
    font-size: 71px;
    line-height: 96px;
    letter-spacing: 3.55px;
  }
}
article.calculator section.form .calculator_wrapper .gfield.custom-section {
  max-width: 990px;
  width: 100%;
  margin: auto;
  padding: 60px 40px;
  border: 1px solid #818181;
  border-radius: 12px;
  margin: 30px auto 60px;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section h5 {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  article.calculator section.form .calculator_wrapper .gfield.custom-section {
    padding: 45px 30px;
  }
  article.calculator section.form .calculator_wrapper .gfield.custom-section h5 {
    padding-bottom: 45px;
  }
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield.custom-section {
    padding: 35px 20px;
  }
  article.calculator section.form .calculator_wrapper .gfield.custom-section h5 {
    padding-bottom: 35px;
  }
}
article.calculator section.form .calculator_wrapper .gfield.custom-section .full-width {
  width: 50%;
  margin: auto;
  padding: 0 2% 30px;
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield.custom-section .full-width {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
article.calculator section.form .calculator_wrapper .gfield.custom-section .half-width {
  width: 50%;
  float: left;
  padding: 0 2% 30px;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section .half-width.half-width-even {
  float: right;
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield.custom-section .half-width {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step3, article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 {
  padding: 60px 40px 30px;
  clear: both;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step3 h5.blue, article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 h5.blue {
  color: #144D8E;
  font-weight: 700;
  padding-bottom: 30px;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step3 h4.grey, article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 h4.grey {
  color: #818181;
  font-weight: 400;
  line-height: 1.3;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 .full-width, article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 .half-width {
  padding-bottom: 15px;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 .room-total {
  clear: both;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E3E3E3;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 h4.grey {
  padding-bottom: 5px;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 h4.grey span {
  color: #144D8E;
  font-weight: bold;
}
article.calculator section.form .calculator_wrapper .gfield.custom-section.custom-section-step4 .content-price h5.blue {
  padding-bottom: 0;
}
article.calculator section.form .calculator_wrapper .gfield.final-price input {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  border: 0 none;
  text-align: center;
  color: #144D8E;
  font-size: -webkit-calc(50px + 21 * (100vw - 380px) / 1600) !important;
  font-size: calc(50px + 21 * (100vw - 380px) / 1600) !important;
  line-height: -webkit-calc(60px + 36 * (100vw - 380px) / 1600) !important;
  line-height: calc(60px + 36 * (100vw - 380px) / 1600) !important;
  letter-spacing: -webkit-calc(2.5px + 1.05 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.5px + 1.05 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.calculator section.form .calculator_wrapper .gfield.final-price input {
    font-size: 71px;
    line-height: 96px;
    letter-spacing: 3.55px;
  }
}
article.calculator section.form .calculator_wrapper .gfield.ac-userfield {
  padding-bottom: 24px;
}
article.calculator section.form .calculator_wrapper .gfield.room-label {
  margin-bottom: 20px;
}
article.calculator section.form .calculator_wrapper .gfield.room-label select {
  margin: 10px auto;
}
article.calculator section.form .calculator_wrapper .gfield.size .instruction {
  visibility: hidden;
  line-height: 26px;
  font-size: 10px;
}
@media (max-width: 480px) {
  article.calculator section.form .calculator_wrapper .gfield.size .instruction {
    display: none;
  }
}
article.calculator section.form .calculator_wrapper .gfield.size label.gfield_label {
  color: #818181;
  font-weight: 400;
}
article.calculator section.form .calculator_wrapper .gform_page_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 990px;
  margin: auto;
  max-width: 100%;
}
@media (max-width: 640px) {
  article.calculator section.form .calculator_wrapper .gform_page_footer {
    flex-direction: column-reverse;
  }
}
article.calculator section.form .calculator_wrapper .gform_page_footer input {
  background: #144D8E;
  text-transform: uppercase;
  color: #ffffff;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600) !important;
  font-size: calc(20px + 4 * (100vw - 380px) / 1600) !important;
  line-height: -webkit-calc(32px + 11 * (100vw - 380px) / 1600) !important;
  line-height: calc(32px + 11 * (100vw - 380px) / 1600) !important;
  letter-spacing: -webkit-calc(1px + 2.6 * (100vw - 380px) / 1600) !important;
  letter-spacing: calc(1px + 2.6 * (100vw - 380px) / 1600) !important;
  width: 269px;
  height: 85px;
  max-width: 100%;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  background-image: url("/wp-content/uploads/2023/11/icon-arrow-next.svg");
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: 24px 24px;
  padding: 13px 50px 13px 20px !important;
}
@media (min-width: 1920px) {
  article.calculator section.form .calculator_wrapper .gform_page_footer input {
    font-size: 24px !important;
    line-height: 43px !important;
    letter-spacing: 3.6px !important;
  }
}
article.calculator section.form .calculator_wrapper .gform_page_footer input.gform_previous_button {
  background: #ffffff;
  border: 1px solid #144D8E;
  color: #144D8E;
  background-repeat: no-repeat;
  background-image: url("/wp-content/uploads/2023/11/icon-arrow-back.svg");
  background-position: left 65px center;
  padding: 13px 20px 13px 50px !important;
}
@media (max-width: 640px) {
  article.calculator section.form .calculator_wrapper .gform_page_footer input {
    margin: 5px auto;
  }
}
article.calculator section.form .calculator_wrapper .gform_page_footer input[type=submit] {
  background: 0 none;
  background-color: #144D8E;
  padding-right: 20px !important;
  width: 315px;
}
article.calculator section.form .calculator_wrapper #gform_page_21_1 .gform_page_footer, article.calculator section.form .calculator_wrapper #gform_page_21_14 .gform_page_footer {
  justify-content: center;
}
article.calculator section.form .calculator_wrapper #gform_page_21_1 .gform_page_footer .gform_previous_button, article.calculator section.form .calculator_wrapper #gform_page_21_14 .gform_page_footer .gform_previous_button {
  display: none;
}

article.running-calc section.form .calculator_wrapper .gfield .gfield_radio label#label_28_31_0:before, article.running-calc section.form .calculator_wrapper .gfield .gfield_checkbox label#label_28_31_0:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Ducted-System.svg");
}
article.running-calc section.form .calculator_wrapper .gfield .gfield_radio label#label_28_31_1:before, article.running-calc section.form .calculator_wrapper .gfield .gfield_checkbox label#label_28_31_1:before {
  background-image: url("/wp-content/uploads/2023/11/icon-Split-Systems.svg");
}
article.running-calc section.form .calculator_wrapper #gform_page_28_1 .gform_page_footer, article.running-calc section.form .calculator_wrapper #gform_page_28_4 .gform_page_footer {
  justify-content: center;
}
article.running-calc section.form .calculator_wrapper #gform_page_28_1 .gform_page_footer .gform_previous_button, article.running-calc section.form .calculator_wrapper #gform_page_28_4 .gform_page_footer .gform_previous_button {
  display: none;
}

article.servicing h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(34px + 33 * (100vw - 380px) / 1600);
  font-size: calc(34px + 33 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(44px + 36 * (100vw - 380px) / 1600);
  line-height: calc(44px + 36 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.3px + 2.05 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.3px + 2.05 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing h1 {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 3.35px;
  }
}
@media (max-width: 1200px) {
  article.servicing h1 {
    text-align: center;
  }
}
article.servicing h2 {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.servicing h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 10 * (100vw - 380px) / 1600);
  line-height: calc(34px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing h3 {
    font-size: 34px;
    line-height: 44px;
  }
}
article.servicing h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(25px + 19 * (100vw - 380px) / 1600);
  font-size: calc(25px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 30 * (100vw - 380px) / 1600);
  line-height: calc(34px + 30 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 1 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing h3.heros {
    font-size: 44px;
    line-height: 64px;
    letter-spacing: 2.2px;
  }
}
article.servicing h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing h4 {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1.2px;
  }
}
article.servicing h4.feature-title {
  text-transform: initial;
}
article.servicing h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.servicing h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.servicing h5.video-title {
  text-transform: initial;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.servicing p, article.servicing li {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.servicing p, article.servicing li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.servicing section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.servicing section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.servicing section.hero {
    background-position: bottom center;
  }
}
article.servicing section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.servicing section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.servicing section.hero .container {
    min-height: 750px;
  }
}
article.servicing section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.servicing section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.servicing section.hero .container h3 br {
    display: none;
  }
}
article.servicing section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.servicing section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.servicing section.hero .container .content {
    flex-direction: column;
  }
}
article.servicing section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.servicing section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.servicing section.hero .container .content .left {
  width: 51.5%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.servicing section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.servicing section.hero .container .content .left {
    padding: 0;
  }
}
article.servicing section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.servicing section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.servicing section.hero .container .content .right {
    width: 100%;
  }
}
article.servicing section.hero .container .content .panel {
  float: right;
  margin-top: -40px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.servicing section.hero .container .content .panel {
    margin-top: -20px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.servicing section.hero .container .content .panel {
    display: none;
  }
}
article.servicing section.hero .container .content .buttons {
  margin: 0 !important;
}
article.servicing section.about-team .container {
  max-width: 1600px;
  padding: 130px 15px 0;
  border-bottom: 1px solid #E3E3E3;
}
article.servicing section.about-team .container .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  article.servicing section.about-team .container .top {
    flex-direction: column-reverse;
  }
}
article.servicing section.about-team .container .top .content {
  max-width: 750px;
  width: 100%;
  padding-right: 6%;
}
article.servicing section.about-team .container .top .content #store {
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.servicing section.about-team .container .top .content {
    padding-right: 2%;
  }
}
@media (max-width: 991px) {
  article.servicing section.about-team .container .top .content {
    padding-top: 50px;
    max-width: 100%;
    text-align: center;
  }
}
article.servicing section.about-team .container .bottom {
  padding: 84px 0;
  max-width: 1330px;
  margin: auto;
}
@media (max-width: 991px) {
  article.servicing section.about-team .container .bottom {
    padding: 24px 0 70px;
  }
}
article.servicing section.advantages {
  background: #ffffff;
}
article.servicing section.advantages .container {
  padding: 84px 15px 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1600px;
}
@media (max-width: 767px) {
  article.servicing section.advantages .container {
    padding-bottom: 35px;
  }
}
article.servicing section.advantages .container h5 {
  max-width: 1020px;
  margin: 0 auto;
}
article.servicing section.advantages .container .advantage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  padding: 39px 0 0;
}
@media (max-width: 1200px) {
  article.servicing section.advantages .container .advantage {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.servicing section.advantages .container .advantage {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.servicing section.advantages .container .advantage {
    max-width: 100%;
  }
}
article.servicing section.advantages .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
  width: 274px;
  flex-direction: column;
  border-radius: 20px;
}
article.servicing section.advantages .container .item h4 {
  width: auto;
}
article.servicing section.advantages .container .item .icon {
  margin-bottom: 30px;
  margin-right: 0;
}
article.servicing section.advantages .container .item .icon img {
  height: -webkit-calc(100px + 66 * (100vw - 380px) / 1600);
  height: calc(100px + 66 * (100vw - 380px) / 1600);
  width: 100%;
}
article.servicing section.videos {
  background: #ffffff;
}
article.servicing section.videos h2 {
  text-align: left;
  padding: 43px 0 0;
  margin-bottom: 0;
}
article.servicing section.videos .items {
  position: relative;
}
article.servicing section.videos .product-section .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.servicing section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.servicing section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 1500px) {
  article.servicing section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.servicing section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.servicing section.videos .product-section .item .content .info p, article.servicing section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 1em;
  color: #ffffff;
  line-height: 1.3;
}
article.servicing section.videos .product-section .item .content .info p:last-child, article.servicing section.videos .product-section .item .content .info li:last-child {
  padding-bottom: 0;
}
article.servicing section.videos .product-section .item .content .info li {
  text-align: left;
}
article.servicing section.videos .product-section .item .content .button-learn {
  padding-top: 30px;
}
article.servicing section.videos .product-section .item .content .button-learn a {
  width: 315px;
}
@media (max-width: 991px) {
  article.servicing section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.servicing section.videos .product-section .item .content .image {
    height: 530px;
  }
  article.servicing section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.servicing section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.servicing section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.servicing section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.servicing section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.servicing section.videos .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.servicing section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.servicing section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}

article.solar h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(50px + 57 * (100vw - 380px) / 1600);
  font-size: calc(50px + 57 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(62px + 66 * (100vw - 380px) / 1600);
  line-height: calc(62px + 66 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.5px + 2.85 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.5px + 2.85 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar h1 {
    font-size: 107px;
    line-height: 128px;
    letter-spacing: 2.5px;
  }
}
@media (max-width: 1200px) {
  article.solar h1 {
    text-align: center;
  }
}
article.solar h2 {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.solar h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 10 * (100vw - 380px) / 1600);
  line-height: calc(34px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar h3 {
    font-size: 34px;
    line-height: 44px;
  }
}
article.solar h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(25px + 19 * (100vw - 380px) / 1600);
  font-size: calc(25px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 30 * (100vw - 380px) / 1600);
  line-height: calc(34px + 30 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 1 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar h3.heros {
    font-size: 44px;
    line-height: 64px;
    letter-spacing: 2.2px;
  }
}
article.solar h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar h4 {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 1.2px;
  }
}
article.solar h4.feature-title {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.solar h4.benefit-title {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.solar h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.solar h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.solar h5.video-title {
  text-transform: initial;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.solar p, article.solar li {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.solar p, article.solar li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.solar p.white, article.solar li.white {
  color: #ffffff;
}
article.solar section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.solar section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.solar section.hero {
    background-position: bottom center;
  }
}
article.solar section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.solar section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.solar section.hero .container {
    min-height: 750px;
  }
}
article.solar section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.solar section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.solar section.hero .container h3 br {
    display: none;
  }
}
article.solar section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.solar section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.solar section.hero .container .content {
    flex-direction: column;
  }
}
article.solar section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.solar section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.solar section.hero .container .content .left {
  width: 51.5%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.solar section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.solar section.hero .container .content .left {
    padding: 0;
  }
}
article.solar section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.solar section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.solar section.hero .container .content .right {
    width: 100%;
  }
}
article.solar section.hero .container .content .panel {
  float: right;
  margin-top: -40px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.solar section.hero .container .content .panel {
    margin-top: -20px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.solar section.hero .container .content .panel {
    display: none;
  }
}
article.solar section.hero .container .content .buttons {
  margin: 0 !important;
}
article.solar section.features {
  background: #ffffff;
}
article.solar section.features .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
article.solar section.features .container {
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1500px;
}
@media (max-width: 767px) {
  article.solar section.features .container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 1200px) {
  article.solar section.features .container .feature {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.solar section.features .container .feature {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.solar section.features .container .feature {
    max-width: 100%;
  }
}
article.solar section.features .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  width: 230px;
  height: 230px !important;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
}
article.solar section.features .container .item h4 {
  width: auto;
}
article.solar section.features .container .item .icon {
  margin-bottom: 30px;
  margin-right: 0;
}
article.solar section.features .container .item .icon img {
  height: 70px;
  width: 100%;
}
@media (max-width: 767px) {
  article.solar section.features .container .item {
    margin: 0 20px;
    align-items: center;
  }
}
article.solar section.saving .container {
  padding: 55px 15px;
}
article.solar section.saving .container h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
}
article.solar section.saving .container h2 span.title2 {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #818181;
}
article.solar section.whysolar {
  background: #ffffff;
}
article.solar section.whysolar .container {
  padding: 84px 15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1920px;
}
article.solar section.whysolar .container h5 {
  max-width: 850px;
  margin: 0 auto;
}
article.solar section.whysolar .container .benefits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  padding: 39px 0 0;
}
@media (max-width: 1200px) {
  article.solar section.whysolar .container .benefits {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.solar section.whysolar .container .benefits {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.solar section.whysolar .container .benefits {
    max-width: 100%;
  }
}
article.solar section.whysolar .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
  width: 310px;
  flex-direction: column;
}
@media (max-width: 767px) {
  article.solar section.whysolar .container .item {
    padding: 15px 10px;
  }
}
article.solar section.whysolar .container .item h4 {
  width: auto;
  text-transform: initial;
}
article.solar section.whysolar .container .item .icon {
  margin-bottom: -webkit-calc(14px + 16 * (100vw - 380px) / 1600);
  margin-bottom: calc(14px + 16 * (100vw - 380px) / 1600);
  margin-right: 0;
}
article.solar section.whysolar .container .item .icon img {
  height: -webkit-calc(100px + 66 * (100vw - 380px) / 1600);
  height: calc(100px + 66 * (100vw - 380px) / 1600);
  width: 100%;
}
article.solar section.footer-videos .container {
  padding: 50px 15px 80px;
}
article.solar section.footer-videos .videolist {
  max-width: 980px;
}
article.solar section.videos {
  background: #ffffff;
}
article.solar section.videos .items {
  position: relative;
}
article.solar section.videos .product-section .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.solar section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.solar section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  article.solar section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.solar section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.solar section.videos .product-section .item .content .info p, article.solar section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 1em;
  color: #ffffff;
  line-height: 1.3;
}
article.solar section.videos .product-section .item .content .info p:last-child, article.solar section.videos .product-section .item .content .info li:last-child {
  padding-bottom: 0;
}
article.solar section.videos .product-section .item .content .info li {
  text-align: left;
}
article.solar section.videos .product-section .item .content .button-learn {
  padding-top: 30px;
}
article.solar section.videos .product-section .item .content .button-learn a {
  width: 315px;
}
@media (max-width: 991px) {
  article.solar section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.solar section.videos .product-section .item .content .image {
    height: 530px;
  }
  article.solar section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.solar section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.solar section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.solar section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.solar section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.solar section.videos .product-section:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.solar section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.solar section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}
article.solar section.process {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
article.solar section.process .container {
  padding: 150px 15px 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1650px;
}
article.solar section.process .container .steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 39px 0 0;
}
@media (max-width: 1200px) {
  article.solar section.process .container .steps {
    margin: auto;
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 560px) {
  article.solar section.process .container .steps {
    max-width: 100%;
  }
}
article.solar section.process .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
  width: 334px;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
article.solar section.process .container .item h4 {
  width: auto;
  text-transform: initial;
}
article.solar section.process .container .item .icon {
  margin-bottom: 30px;
  margin-right: 0;
}
article.solar section.process .container .item .icon img {
  height: -webkit-calc(70px + 40 * (100vw - 380px) / 1600);
  height: calc(70px + 40 * (100vw - 380px) / 1600);
  width: 100%;
}
@media (min-width: 1201px) {
  article.solar section.process .container .item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 22%;
    left: 62%;
    width: 100%;
    border-top: 2px dotted #fff;
    transform: translateY(-50%);
    z-index: -1;
  }
}
article.solar section.award-logo.award-all .container {
  padding-bottom: 0;
}

@media (max-width: 1200px) {
  article.product h1 {
    text-align: center;
  }
}
article.product h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.product h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
@media (max-width: 1200px) {
  article.product h2 {
    text-align: center;
  }
}
article.product h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 9 * (100vw - 380px) / 1600);
  line-height: calc(32px + 9 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.product h3 {
    font-size: 34px;
    line-height: 41px;
  }
}
article.product h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
article.product h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.product h4 {
    line-height: 40px;
  }
}
article.product h4.note {
  color: #144D8E;
  font-size: -webkit-calc(26px + 6 * (100vw - 380px) / 1600);
  font-size: calc(26px + 6 * (100vw - 380px) / 1600);
  margin: 35px auto 0;
}
@media (min-width: 1920px) {
  article.product h4.note {
    font-size: 32px;
  }
}
article.product h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.product h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.product section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.product section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.product section.hero {
    background-position: bottom center;
  }
}
article.product section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.product section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.product section.hero .container {
    min-height: 750px;
  }
}
article.product section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.product section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.product section.hero .container h3 br {
    display: none;
  }
}
article.product section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.product section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.product section.hero .container .content {
    flex-direction: column;
  }
}
article.product section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.product section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.product section.hero .container .content .left {
  width: 54%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.product section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.product section.hero .container .content .left {
    padding: 0;
  }
}
article.product section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.product section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.product section.hero .container .content .right {
    width: 100%;
  }
}
article.product section.hero .container .content .panel {
  float: right;
  margin-top: -60px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.product section.hero .container .content .panel {
    margin-top: -25px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.product section.hero .container .content .panel {
    display: none;
  }
}
article.product section.hero .container .content .buttons {
  margin: 0 !important;
}
article.product section.videos {
  background: #ffffff;
}
article.product section.videos h2 {
  text-align: left;
  padding: 43px 0 0;
  margin-bottom: 0;
}
article.product section.videos .items {
  position: relative;
}
article.product section.videos .product-section .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.product section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.product section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 10px;
}
@media (max-width: 1500px) {
  article.product section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.product section.videos .product-section .item .content h2, article.product section.videos .product-section .item .content h3, article.product section.videos .product-section .item .content h4, article.product section.videos .product-section .item .content h5 {
  color: #ffffff;
  text-align: left;
  margin-bottom: 0;
}
article.product section.videos .product-section .item .content .info {
  text-align: left;
  padding-bottom: 0;
}
article.product section.videos .product-section .item .content .info p, article.product section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 16px;
  color: #ffffff;
  line-height: 1.3;
}
article.product section.videos .product-section .item .content .info li {
  text-align: left;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  article.product section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.product section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.product section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.product section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.product section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.product section.videos .product-section:nth-child(2n) .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.product section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.product section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}

article.splitsystems section.about .container {
  max-width: 1430px;
  padding: 100px 15px 0;
  text-align: center;
}
@media (max-width: 1200px) {
  article.splitsystems section.about .container {
    padding-top: 80px;
  }
}
article.splitsystems section.about img {
  max-width: 930px;
  margin: 0 auto;
  width: 100%;
}
article.splitsystems section.about h3 {
  margin-top: 70px;
  margin-bottom: 30px;
}
article.splitsystems section.brochure .product-section .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.splitsystems section.brochure .product-section .item {
    flex-direction: column-reverse;
  }
}
article.splitsystems section.brochure .product-section .item .text .button-learn {
  padding-top: 50px;
}
@media (max-width: 560px) {
  article.splitsystems section.brochure .product-section .item .text .button-learn {
    padding-top: 40px;
  }
}
article.splitsystems section.brochure .product-section .item .text img {
  max-width: 90%;
  margin: auto;
}
article.splitsystems section.brochure .product-section:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.splitsystems section.brochure .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}

article.ductedsystems section.about .container {
  max-width: 1430px;
  padding: 100px 15px 0;
  text-align: center;
}
@media (max-width: 1200px) {
  article.ductedsystems section.about .container {
    padding-top: 80px;
  }
}
article.ductedsystems section.about img {
  max-width: 1094px;
  margin: 0 auto;
  width: 100%;
}
article.ductedsystems section.about h3 {
  margin-top: 70px;
  margin-bottom: 30px;
}
@media (min-width: 1201px) {
  article.ductedsystems section.videos .product-section .item .content .image {
    height: 540px;
  }
  article.ductedsystems section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
article.ductedsystems section.compare-ducted .container {
  padding: 103px 15px 0;
  max-width: 1440px;
}
article.ductedsystems section.compare-ducted .container h4 {
  padding: 25px 0 50px;
}
article.ductedsystems section.compare-ducted .product-comparison-container {
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 20px;
  padding: 60px 60px 26px;
}
@media (max-width: 767px) {
  article.ductedsystems section.compare-ducted .product-comparison-container {
    padding: 40px 20px 20px;
  }
}
article.ductedsystems section.compare-ducted .comparison-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
article.ductedsystems section.compare-ducted .comparison-table .row {
  display: table-row;
  border-top: 1px solid #ffffff;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.ductedsystems section.compare-ducted .comparison-table .row.header {
  border-top: 0 none;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.ductedsystems section.compare-ducted .comparison-table .cell {
  display: table-cell;
  padding: 34px 10px;
  text-align: center;
  color: white;
  max-width: 33.33%;
  width: 100%;
}
@media (max-width: 767px) {
  article.ductedsystems section.compare-ducted .comparison-table .cell:not(:first-child) {
    border-top: none;
  }
}
article.ductedsystems section.compare-ducted .comparison-table .header .cell {
  font-weight: bold;
  color: white;
  padding: 0 10px 45px;
}
@media (max-width: 767px) {
  article.ductedsystems section.compare-ducted .comparison-table .header .cell {
    padding: 0 10px 15px;
  }
}
@media (max-width: 768px) {
  article.ductedsystems section.compare-ducted .comparison-table .row {
    margin-bottom: 10px;
    padding: 20px 0;
  }
  article.ductedsystems section.compare-ducted .comparison-table .cell {
    padding: 10px;
  }
}
article.ductedsystems section.calculator .container {
  padding: 0 15px 60px;
  max-width: 1440px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  article.ductedsystems section.calculator .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
article.ductedsystems section.calculator .container h4 {
  padding-right: 50px;
}
@media (max-width: 991px) {
  article.ductedsystems section.calculator .container h4 {
    text-align: center;
    padding-right: 0;
    padding-bottom: 40px;
  }
}

article.airguiders h1 {
  font-size: -webkit-calc(40px + 14 * (100vw - 380px) / 1600);
  font-size: calc(40px + 14 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2px + 0.7 * (100vw - 380px) / 1600);
  letter-spacing: calc(2px + 0.7 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.airguiders h1 {
    font-size: 54px;
    letter-spacing: 2.7px;
  }
}
article.airguiders h2 {
  color: #144D8E;
}
article.airguiders h3 {
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.airguiders h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.airguiders section.hero .container {
  padding-left: 15px;
  padding-right: 15px;
}
article.airguiders section.hero .container .content .panel {
  margin-top: -100px;
}
@media (max-width: 1200px) {
  article.airguiders section.hero .container .content .panel {
    display: none;
  }
}
article.airguiders section.about .container {
  max-width: 1470px;
  padding: 75px 15px 0;
  text-align: center;
}
@media (max-width: 1200px) {
  article.airguiders section.about .container {
    padding-top: 80px;
  }
}
article.airguiders section.about img.logo {
  max-width: 580px;
  margin: 0 auto;
  width: 100%;
}
article.airguiders section.about h3 {
  margin-top: 70px;
  margin-bottom: 30px;
}
article.airguiders section.about .why {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 103px 0;
  border-bottom: 1px solid #E3E3E3;
}
@media (max-width: 991px) {
  article.airguiders section.about .why {
    flex-direction: column;
    padding: 70px 0 80px;
  }
}
article.airguiders section.about .why .content {
  max-width: 635px;
  width: 100%;
  text-align: left;
}
article.airguiders section.about .why .content h2 {
  margin-bottom: 0;
}
article.airguiders section.about .why .content .info p {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 33px 0;
  margin-bottom: 0;
}
article.airguiders section.about .why .content .points {
  padding-bottom: 50px;
}
article.airguiders section.about .why .content .points p {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.airguiders section.about .why .content .points .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: self-start;
}
article.airguiders section.about .why .content .points .item img {
  padding-right: 24px;
  padding-top: 6px;
}
article.airguiders section.about .why .content.image {
  max-width: 840px;
  padding-right: 110px;
}
@media (max-width: 1200px) {
  article.airguiders section.about .why .content.image {
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  article.airguiders section.about .why .content.image {
    padding-right: 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  article.airguiders section.about .why .buttons {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  article.airguiders section.about .why .buttons .cta {
    margin: 0 auto 20px;
  }
}
@media (max-width: 1200px) {
  article.airguiders section.about .why .buttons .cta:last-child {
    margin: 0 auto;
  }
}
article.airguiders section.about .size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 103px 0;
  border-bottom: 1px solid #E3E3E3;
}
@media (max-width: 991px) {
  article.airguiders section.about .size {
    flex-direction: column-reverse;
    padding: 80px 0 50px;
  }
}
article.airguiders section.about .size .content {
  max-width: 670px;
  width: 100%;
  text-align: left;
}
article.airguiders section.about .size .content h2 {
  margin-bottom: 0;
}
article.airguiders section.about .size .content .info p {
  color: #818181;
  padding: 33px 0;
  margin-bottom: 0;
}
article.airguiders section.about .size .content.image {
  max-width: 760px;
  padding-left: 90px;
}
@media (max-width: 1200px) {
  article.airguiders section.about .size .content.image {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  article.airguiders section.about .size .content.image {
    padding-right: 0;
    padding-bottom: 40px;
  }
}
article.airguiders section.videos .product-section .item .content .text p, article.airguiders section.videos .product-section .item .content .text h3 {
  text-align: center;
}
@media (min-width: 1201px) {
  article.airguiders section.videos .product-section .item .content .image {
    height: 500px;
  }
  article.airguiders section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
article.airguiders section.footer-videos .container {
  padding: 70px 15px 100px;
}
article.airguiders section.footer-videos .videolist {
  max-width: 980px;
}

article.purification h2 {
  text-align: center;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.purification h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.purification h2.title-pri {
  font-size: -webkit-calc(33px + 19 * (100vw - 380px) / 1600);
  font-size: calc(33px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(42px + 19 * (100vw - 380px) / 1600);
  line-height: calc(42px + 19 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.purification h2.title-pri {
    font-size: 48px;
    line-height: 57px;
  }
}
@media (max-width: 1200px) {
  article.purification h2.title-pri {
    text-align: center;
  }
}
article.purification section.footer-videos .container {
  padding: 110px 15px 100px;
  border-bottom: 1px solid #E3E3E3;
}
article.purification section.footer-videos h3 {
  padding-bottom: 60px;
}
article.purification section.about .container {
  padding: 100px 15px 80px;
  text-align: center;
}
article.purification section.about .container img {
  max-width: 713px;
  margin: 0 auto;
  width: 100%;
}
article.purification section.videos .product-section .item .content .text p, article.purification section.videos .product-section .item .content .text h2 {
  text-align: center;
}
@media (min-width: 1201px) {
  article.purification section.videos .product-section .item .content .image {
    height: 600px;
  }
  article.purification section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
article.purification section.system {
  position: relative;
}
article.purification section.system .container {
  max-width: 1380px;
  margin: 0 auto;
  text-align: center;
  padding: 94px 15px 0;
}
article.purification section.system .container h3 {
  text-align: center;
}
article.purification section.system .container h4, article.purification section.system .container h4 p {
  padding: 0;
  margin: 0;
}
article.purification section.system .container img.system {
  padding: 50px 0 100px;
  max-width: 800px;
  width: 100%;
}
article.purification section.system .container .products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
  border: 2px solid #ffffff;
  border-radius: 20px;
}
article.purification section.system .container .products .items.bold div {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-bottom: 1px solid white;
}
article.purification section.system .container .products .items {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 560px) {
  article.purification section.system .container .products .items {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;
  }
}
article.purification section.system .container .products .items div {
  color: white;
  font-family: lato, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  border-right: 1px solid #ffffff;
  padding: 25px;
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.purification section.system .container .products .items div:last-child {
  border-right: 0 none;
}
article.purification section.system .container .products .items div.item, article.purification section.system .container .products .items div.ship-wt {
  width: 14%;
}
article.purification section.system .container .products .items div.electrical, article.purification section.system .container .products .items div.dimensions {
  width: 22%;
}
article.purification section.system .container .products .items div.replacement-cell {
  width: 28%;
}
article.purification section.system .container .products .items.header div {
  padding: 17px 25px;
}
article.purification section.system .container .products.responsive-only .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  padding: 7px;
  margin: 3px 0 0;
}
article.purification section.system .container .products.responsive-only .down {
  transform: rotate(45deg);
}
article.purification section.system .container .products.responsive-only .arr {
  background: url(/wp-content/uploads/2023/11/icon-arrow-down-1.svg);
  background-size: contain;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  margin-top: 6px;
  cursor: pointer;
}
article.purification section.system .container .products.responsive-only .user-content {
  padding: 0;
}
article.purification section.system .container .products.responsive-only .toggle {
  padding-bottom: 0px;
}
article.purification section.system .container .products.responsive-only .toggle .top {
  width: 100%;
  border-bottom: 2px solid white;
  padding: 30px 40px;
  background: transparent;
  color: #ffffff;
}
@media (max-width: 767px) {
  article.purification section.system .container .products.responsive-only .toggle .top {
    padding: 25px 20px;
  }
}
article.purification section.system .container .products.responsive-only .toggle .top .left {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
article.purification section.system .container .products.responsive-only .toggle .top .left .wrapper {
  width: 90%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: left;
  justify-content: flex-start;
  font-size: 24px;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: left;
}
@media (max-width: 991px) {
  article.purification section.system .container .products.responsive-only .toggle .top .left .wrapper {
    width: 87%;
  }
}
@media (max-width: 767px) {
  article.purification section.system .container .products.responsive-only .toggle .top .left .wrapper {
    width: 80%;
  }
}
@media (max-width: 480px) {
  article.purification section.system .container .products.responsive-only .toggle .top .left .wrapper {
    width: 70%;
  }
}
article.purification section.system .container .products.responsive-only .toggle .top .left i {
  margin-left: 60px;
  font-size: 30px;
}
article.purification section.system .container .products.responsive-only .toggle .top.active {
  border-bottom: 0 none;
}
article.purification section.system .container .products.responsive-only .toggle .top.active .left i {
  transform: rotate(-135deg);
  margin-top: 10px;
}
article.purification section.system .container .products.responsive-only .toggle .top.active .arr {
  background: url(/wp-content/uploads/2023/11/icon-arrow-up.svg);
  background-size: contain;
}
article.purification section.system .container .products.responsive-only .toggle .base {
  text-align: left;
  justify-content: flex-start;
  padding: 10px 40px 30px;
  margin-top: -15px;
  border-bottom: 2px solid white;
  color: white;
  font-size: 21px;
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 767px) {
  article.purification section.system .container .products.responsive-only .toggle .base {
    padding: 0 20px 30px;
  }
}
@media (max-width: 767px) {
  article.purification section.system .container .products.responsive-only .arrow {
    padding: 5px;
  }
  article.purification section.system .container .products.responsive-only .toggle .top .left .wrapper {
    font-size: 24px;
    line-height: 28px;
  }
  article.purification section.system .container .products.responsive-only .toggle .top .left i {
    margin-left: 20px;
    font-size: 26px;
    margin-top: 2px;
  }
  article.purification section.system .container .products.responsive-only .toggle .top.active .left i {
    margin-top: 7px;
  }
}
article.purification section.system .container .after-product {
  padding-top: 30px;
}
article.purification section.system .container .after-product .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding-top: 30px;
}
@media (max-width: 991px) {
  article.purification section.system .container .after-product .item {
    text-align: center;
    flex-direction: column;
  }
}
article.purification section.system .container .after-product .item div {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #144D8E;
}
article.purification section.system .container .after-product .item div.title {
  min-width: 325px;
}
@media (max-width: 480px) {
  article.purification section.system .container .after-product .item div.title {
    min-width: 300px;
  }
}
article.purification section.system .container .after-product .item div.dots {
  padding: 0 45px 0 25px;
}
article.purification section.system .container .after-product .item div.line {
  width: 100px;
  margin: 10px auto 0px;
  border-top: 3px solid #144D8E;
  height: 10px;
}
article.purification section.system .container .after-product .item div.desktop {
  display: block;
}
@media (max-width: 991px) {
  article.purification section.system .container .after-product .item div.desktop {
    display: none;
  }
}
article.purification section.system .container .after-product .item div.mobile {
  display: none;
}
@media (max-width: 991px) {
  article.purification section.system .container .after-product .item div.mobile {
    display: block;
  }
}
article.purification section.pricing {
  z-index: 9;
  position: relative;
  background: transparent linear-gradient(72deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
article.purification section.pricing .container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 65px 15px 20px;
}
article.purification section.pricing .container .prices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0;
  align-items: center;
}
@media (max-width: 1200px) {
  article.purification section.pricing .container .prices {
    flex-wrap: wrap;
  }
}
article.purification section.pricing .container .prices .item {
  border: 2px solid #144D8E;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.0784313725);
  border: 2px solid #1C2952;
  border-radius: 20px;
  padding: 50px 30px 65px;
  text-align: center;
  margin: 0 20px;
  width: 319px;
  height: 300px;
}
@media (max-width: 1200px) {
  article.purification section.pricing .container .prices .item {
    width: 46%;
    margin: 0 auto 20px;
  }
}
@media (max-width: 580px) {
  article.purification section.pricing .container .prices .item {
    width: 319px;
  }
}
article.purification section.pricing .container .prices .item .top-text {
  background: #ffffff;
  border-radius: 19px;
  width: 180px;
  height: 37px;
  margin: 0 auto 27px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4;
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.purification section.pricing .container .prices .item .title {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.48px;
  min-height: 95px;
  padding: 0 0 15px;
}
article.purification section.pricing .container .prices .item .subtitle {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 37px;
  line-height: 45px;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
article.purification section.pricing .container .prices .item .subtitle small {
  font-family: lato, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
article.purification section.pricing .container .prices .item.best {
  background: #144D8E;
  border: 2px solid #ffffff;
  height: 360px;
}
article.purification section.pricing .container .prices .item.best .title, article.purification section.pricing .container .prices .item.best .subtitle {
  color: white;
}
article.purification section.pricing .container .prices .item.best .subtitle small {
  color: white;
}

@media (max-width: 1200px) {
  article.careers h1 {
    text-align: center;
  }
}
article.careers h2 {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.careers h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.careers h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 9 * (100vw - 380px) / 1600);
  line-height: calc(32px + 9 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.careers h3 {
    font-size: 34px;
    line-height: 41px;
  }
}
article.careers h3.heros {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(25px + 19 * (100vw - 380px) / 1600);
  font-size: calc(25px + 19 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 30 * (100vw - 380px) / 1600);
  line-height: calc(34px + 30 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 1 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.careers h3.heros {
    font-size: 44px;
    line-height: 64px;
    letter-spacing: 2.2px;
  }
}
article.careers h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.careers h4 {
    font-size: 24px;
    line-height: 40px;
  }
}
article.careers h4.benefit-title {
  color: #144D8E;
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.careers h4.benefit-title {
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.careers h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.careers h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.careers h5.video-title {
  text-transform: initial;
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.careers p, article.careers li {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(16px + 4 * (100vw - 380px) / 1600);
  font-size: calc(16px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 6 * (100vw - 380px) / 1600);
  line-height: calc(24px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.8px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.8px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.careers p, article.careers li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.careers p.white, article.careers li.white {
  color: #ffffff;
}
article.careers section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.careers section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.careers section.hero {
    background-position: bottom center;
  }
}
article.careers section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1730px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.careers section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.careers section.hero .container {
    min-height: 750px;
  }
}
article.careers section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.careers section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.careers section.hero .container h3 br {
    display: none;
  }
}
article.careers section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.careers section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.careers section.hero .container .content {
    flex-direction: column;
  }
}
article.careers section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.careers section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.careers section.hero .container .content .left {
  width: 51.5%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.careers section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.careers section.hero .container .content .left {
    padding: 0;
  }
}
article.careers section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.careers section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.careers section.hero .container .content .right {
    width: 100%;
  }
}
article.careers section.hero .container .content .panel {
  float: right;
  margin-top: -40px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.careers section.hero .container .content .panel {
    margin-top: -20px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.careers section.hero .container .content .panel {
    display: none;
  }
}
article.careers section.hero .container .content .buttons {
  margin: 0 !important;
}
article.careers section.footer-videos .container {
  padding: 100px 15px 80px;
}
@media (max-width: 1200px) {
  article.careers section.footer-videos .container {
    padding: 80px 15px 65px;
  }
}
@media (max-width: 767px) {
  article.careers section.footer-videos .container {
    padding: 60px 15px 45px;
  }
}
article.careers section.footer-videos .videolist {
  max-width: 980px;
}
article.careers section.about .container {
  padding: 20px 15px 0;
  max-width: 1920px;
}
article.careers section.about .container h3 {
  max-width: 730px;
  margin: 0 auto 25px;
}
article.careers section.about .container h4 {
  max-width: 1100px;
  margin: 0 auto;
}
article.careers section.about .container .cta {
  margin: 50px auto 60px;
  text-align: center;
}
article.careers section.whywork {
  background: #ffffff;
}
article.careers section.whywork .container {
  padding: 84px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1550px;
}
@media (max-width: 1200px) {
  article.careers section.whywork .container {
    padding: 80px 15px;
  }
}
@media (max-width: 767px) {
  article.careers section.whywork .container {
    padding: 70px 15px;
  }
}
article.careers section.whywork .container h5 {
  max-width: 850px;
  margin: 0 auto;
}
article.careers section.whywork .container .benefits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  padding: 39px 0 0;
}
@media (max-width: 1200px) {
  article.careers section.whywork .container .benefits {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.careers section.whywork .container .benefits {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.careers section.whywork .container .benefits {
    max-width: 100%;
  }
}
article.careers section.whywork .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
  width: 310px;
  flex-direction: column;
}
@media (max-width: 767px) {
  article.careers section.whywork .container .item {
    padding: 15px 10px;
  }
}
article.careers section.whywork .container .item h4 {
  width: auto;
  text-transform: initial;
}
article.careers section.whywork .container .item .icon {
  margin-bottom: -webkit-calc(14px + 16 * (100vw - 380px) / 1600);
  margin-bottom: calc(14px + 16 * (100vw - 380px) / 1600);
  margin-right: 0;
}
article.careers section.whywork .container .item .icon img {
  height: -webkit-calc(100px + 66 * (100vw - 380px) / 1600);
  height: calc(100px + 66 * (100vw - 380px) / 1600);
  width: 100%;
}
article.careers section.videos {
  background: #ffffff;
}
article.careers section.videos .items {
  position: relative;
}
article.careers section.videos .product-section .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.careers section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.careers section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  article.careers section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.careers section.videos .product-section .item .content .info {
  padding-bottom: 0;
}
article.careers section.videos .product-section .item .content .info p, article.careers section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 1em;
  color: #ffffff;
  line-height: 1.3;
}
article.careers section.videos .product-section .item .content .info p:last-child, article.careers section.videos .product-section .item .content .info li:last-child {
  padding-bottom: 0;
}
article.careers section.videos .product-section .item .content .info li {
  text-align: left;
}
article.careers section.videos .product-section .item .content .button-learn {
  padding-top: 30px;
}
article.careers section.videos .product-section .item .content .button-learn a {
  width: 315px;
}
@media (max-width: 991px) {
  article.careers section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.careers section.videos .product-section .item .content .image {
    height: 530px;
  }
  article.careers section.videos .product-section .item .content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.careers section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.careers section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.careers section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.careers section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.careers section.videos .product-section:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.careers section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.careers section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}
article.careers section.position .container {
  padding: 100px 15px;
  max-width: 1500px;
}
@media (max-width: 1200px) {
  article.careers section.position .container {
    padding: 80px 15px;
  }
}
@media (max-width: 767px) {
  article.careers section.position .container {
    padding: 70px 15px;
  }
}
article.careers section.position .container h3.title-position {
  max-width: 730px;
  margin: 0 auto 25px;
}
article.careers section.position .container h4 {
  max-width: 900px;
  margin: 0 auto;
}
article.careers section.position div.jobs {
  padding: 40px 0 0;
}
article.careers section.position div.jobs .job {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.0705882353);
  border-radius: 30px;
  padding: 32px 68px;
  margin-bottom: 45px;
  position: relative;
}
@media (max-width: 991px) {
  article.careers section.position div.jobs .job {
    padding: 22px 50px;
  }
}
@media (max-width: 767px) {
  article.careers section.position div.jobs .job {
    padding: 32px 50px;
  }
}
@media (max-width: 480px) {
  article.careers section.position div.jobs .job {
    padding: 32px 20px;
  }
}
article.careers section.position div.jobs .job .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 640px) {
  article.careers section.position div.jobs .job .heading {
    flex-direction: column;
  }
}
article.careers section.position div.jobs .job .heading .job-title {
  width: 70%;
  padding-right: 20px;
}
@media (max-width: 640px) {
  article.careers section.position div.jobs .job .heading .job-title {
    width: 100%;
    padding-right: 0;
  }
}
article.careers section.position div.jobs .job .heading .job-title h5 {
  color: #818181;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.careers section.position div.jobs .job .heading .job-title h3 {
  text-align: left;
  font-size: -webkit-calc(26px + 6 * (100vw - 380px) / 1600);
  font-size: calc(26px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 5 * (100vw - 380px) / 1600);
  line-height: calc(30px + 5 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1920px) {
  article.careers section.position div.jobs .job .heading .job-title h3 {
    font-size: 32px;
    line-height: 35px;
  }
}
article.careers section.position div.jobs .job .heading .buttons {
  width: 350px;
  justify-content: right;
  padding: 0;
}
@media (max-width: 991px) {
  article.careers section.position div.jobs .job .heading .buttons {
    flex-direction: column;
    width: 200px;
  }
}
article.careers section.position div.jobs .job .content {
  margin: 20px auto 5px;
}
article.careers section.position div.jobs .job .content h5 {
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #144D8E;
  margin-bottom: 5px;
}
article.careers section.position div.jobs .job .content p {
  margin-bottom: 20px;
}
article.careers section.position div.jobs .job .content p, article.careers section.position div.jobs .job .content li {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #144D8E;
}
@media (max-width: 480px) {
  article.careers section.position div.jobs .job .content p, article.careers section.position div.jobs .job .content li {
    font-size: 18px;
    line-height: normal;
  }
}
article.careers section.position div.jobs .job .content ul, article.careers section.position div.jobs .job .content ol {
  padding-left: 24px;
  margin-bottom: 20px;
}
article.careers section.position div.jobs .job .content .bottom-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
article.careers section.position div.jobs .job .content .bottom-content .spacer {
  width: 70%;
}
@media (max-width: 767px) {
  article.careers section.position div.jobs .job .content .bottom-content .spacer {
    display: none;
  }
}
article.careers section.position div.jobs .job .content .bottom-content .buttons {
  width: 200px;
  max-width: 30%;
  justify-content: right;
}
@media (max-width: 767px) {
  article.careers section.position div.jobs .job .content .bottom-content .buttons {
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }
}
article.careers section.position div.jobs .job .buttons .btn {
  background-color: #144D8E;
  color: #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
  border: 2px solid #144D8E;
  padding: 11px 37px;
  font-size: 20px;
  line-height: 24px;
  box-shadow: none;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.careers section.position div.jobs .job .buttons .btn.btn-one, article.careers section.position div.jobs .job .buttons .btn.btn-two {
  margin-right: 32px;
}
@media (max-width: 991px) {
  article.careers section.position div.jobs .job .buttons .btn.btn-one, article.careers section.position div.jobs .job .buttons .btn.btn-two {
    margin-right: auto;
  }
}
article.careers section.position div.jobs .job .buttons .btn.btn-secondary {
  background-color: #ffffff;
  color: #144D8E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
article.careers section.position div.jobs .job .buttons .btn.btn-secondary i {
  background: url("/wp-content/uploads/2023/11/icon-arrow-down-blue.svg") no-repeat;
  height: 8px;
  width: 14px;
  display: inline-block;
  background-size: contain;
  margin-left: 8px;
}
article.careers section.position div.jobs .job .buttons .btn.closejob i {
  transform: rotate(-180deg);
}
@media (max-width: 991px) {
  article.careers section.position div.jobs .job .buttons .btn {
    min-width: 168px;
    margin: 5px auto;
  }
  article.careers section.position div.jobs .job .buttons .btn.btn-one {
    margin-right: auto;
  }
}
@media (max-width: 640px) {
  article.careers section.position div.jobs .job .buttons .btn {
    font-size: 18px;
    line-height: 22px;
    padding: 9px 30px;
    min-width: 148px;
    margin: 10px auto 0;
  }
  article.careers section.position div.jobs .job .buttons .btn.btn-two {
    margin-right: auto;
  }
}

article.support h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.support h1 {
    text-align: center;
  }
}
article.support h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  article.support h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.support h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.support h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.support h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.support h3.title-manu {
  color: #144D8E;
  letter-spacing: 0;
}
article.support h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.support h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.support h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.support h5 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.support p, article.support li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.support p, article.support li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.support li {
  padding-bottom: 15px;
}
article.support li:last-child {
  padding-bottom: 0;
}
article.support ul, article.support ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.support .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.support .heading {
    margin: 40px auto 60px;
  }
}
article.support section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.support section.hero {
    background-position: bottom center;
  }
}
article.support section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1160px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.support section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.support section.hero .container {
    min-height: 750px;
  }
}
article.support section.hero .container h3 {
  max-width: 1100px;
}
article.support section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.support section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.support section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.support section.hero .container .content .line {
    width: 255px;
  }
}
article.support section.hero .arrow {
  text-align: center;
  position: relative;
}
article.support section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.support section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.support section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.support section.hero .arrow img {
    top: -36px;
  }
}
article.support section.support .container {
  padding: 100px 15px 120px;
}
@media (max-width: 991px) {
  article.support section.support .container {
    padding: 70px 15px 90px;
  }
}
article.support section.support .container .heading {
  padding: 0;
  margin: 30px auto;
}
article.support section.support .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
article.support section.support .items .item {
  position: relative;
  width: 288px;
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid #818181;
  height: 130px;
  margin: 30px;
  padding: 20px;
}
@media (max-width: 480px) {
  article.support section.support .items .item {
    margin: 30px auto;
  }
}
article.support section.support .items .item .title {
  width: 175px;
  margin: auto;
  text-align: center;
  color: #144D8E;
  max-width: 100%;
}
article.support section.support .items .item .icon {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -27px;
}
article.support section.support .items .item a {
  color: #144D8E;
}
article.support section.support .items .item a:hover {
  text-decoration: none;
}
article.support section.manual .container {
  padding: 100px 15px 120px;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}
@media (max-width: 991px) {
  article.support section.manual .container {
    padding: 70px 15px 90px;
  }
}
article.support section.manual .container .heading {
  padding: 0;
  margin: 30px auto;
}
article.support section.manual .items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
article.support section.manual .items .item {
  position: relative;
  width: 610px;
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid #818181;
  height: 265px;
  margin: 30px;
  text-align: center;
  padding: 28px;
}
@media (max-width: 480px) {
  article.support section.manual .items .item {
    margin: 30px auto;
  }
}
article.support section.manual .items .item .title {
  width: 400px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  padding-top: 20px;
  color: #144D8E;
}
article.support section.manual .items .item .icon {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -27px;
}
article.support section.manual .items .item a {
  color: #818181;
}
article.support section.manual .items .item a:hover {
  text-decoration: none;
}
article.support section.warranty h3, article.support section.warranty p, article.support section.warranty li, article.support section.installation h3, article.support section.installation p, article.support section.installation li {
  text-align: left;
}
article.support section.manufacturer .container {
  padding: 0 15px;
  max-width: 1380px;
}
article.support section.manufacturer .container .items .item {
  border-top: 1px solid #E3E3E3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 100px 0;
  justify-content: space-between;
}
@media (max-width: 991px) {
  article.support section.manufacturer .container .items .item {
    padding: 80px 0;
  }
}
article.support section.manufacturer .container .items .item .content {
  width: 976px;
  max-width: 100%;
}
article.support section.manufacturer .container .items .item .image {
  width: 346px;
  max-width: 100%;
}
article.support section.manufacturer .container .items .item.Left {
  flex-direction: row-reverse;
}
article.support section.manufacturer .container .items .item.Left .content {
  width: 765px;
  max-width: 100%;
}
article.support section.manufacturer .container .items .item.Left .image {
  width: 452px;
  max-width: 100%;
}
@media (max-width: 767px) {
  article.support section.manufacturer .container .items .item {
    flex-direction: column-reverse;
  }
  article.support section.manufacturer .container .items .item .image {
    padding-bottom: 30px;
  }
  article.support section.manufacturer .container .items .item.Left {
    flex-direction: column-reverse;
  }
}
article.support section.manufacturer .container .items p, article.support section.manufacturer .container .items li {
  color: #818181;
}
article.support section.manufacturer .container .items h3 {
  margin-bottom: 20px;
}
article.support section.faqs .container {
  padding: 100px 15px 0;
  max-width: 1380px;
}
@media (max-width: 991px) {
  article.support section.faqs .container {
    padding: 70px 15px 0;
  }
}
article.support section.faqs .container .heading {
  padding: 0;
  margin: 30px auto;
}
article.support section.faqs .arrow {
  border: solid #1C2952;
  border-width: 0 3px 3px 0;
  padding: 7px;
  margin: 3px 0 0;
}
article.support section.faqs .down {
  transform: rotate(45deg);
}
article.support section.faqs .arr {
  background: url(/wp-content/uploads/2023/11/icon-arrow-down-big.svg);
  background-size: contain;
  width: 35px;
  height: 22px;
  background-repeat: no-repeat;
  margin-top: 4px;
  cursor: pointer;
}
@media (max-width: 767px) {
  article.support section.faqs .arr {
    width: 24px;
    height: 18px;
  }
}
article.support section.faqs .user-content {
  padding: 20px 0 15px;
}
article.support section.faqs .toggle {
  padding-bottom: 0px;
  margin: 60px auto 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.0705882353);
  border-radius: 30px;
}
@media (max-width: 767px) {
  article.support section.faqs .toggle {
    margin-top: 40px;
  }
}
article.support section.faqs .toggle .top {
  width: 100%;
  padding: 35px 40px 40px;
  cursor: pointer;
  color: #023279;
}
@media (max-width: 767px) {
  article.support section.faqs .toggle .top {
    padding: 25px 30px 30px;
  }
}
@media (max-width: 480px) {
  article.support section.faqs .toggle .top {
    padding: 25px 20px 30px;
  }
}
article.support section.faqs .toggle .top .left {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
article.support section.faqs .toggle .top .left .wrapper {
  width: 90%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #023279;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(24px + 8 * (100vw - 380px) / 1600);
  font-size: calc(24px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 5 * (100vw - 380px) / 1600);
  line-height: calc(30px + 5 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (max-width: 991px) {
  article.support section.faqs .toggle .top .left .wrapper {
    width: 87%;
  }
}
@media (max-width: 767px) {
  article.support section.faqs .toggle .top .left .wrapper {
    width: 80%;
  }
}
@media (max-width: 480px) {
  article.support section.faqs .toggle .top .left .wrapper {
    width: 70%;
  }
}
@media (min-width: 1920px) {
  article.support section.faqs .toggle .top .left .wrapper {
    font-size: 32px;
    line-height: 35px;
  }
}
article.support section.faqs .toggle .top .left i {
  margin-left: 60px;
  font-size: 30px;
}
article.support section.faqs .toggle .top.active {
  border-bottom: 0 none;
}
article.support section.faqs .toggle .top.active .left i {
  transform: rotate(-135deg);
  margin-top: 10px;
}
article.support section.faqs .toggle .top.active .arr {
  background: url(/wp-content/uploads/2023/11/icon-arrow-up-big.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
article.support section.faqs .toggle .base {
  text-align: left;
  justify-content: flex-start;
  padding: 10px 40px 20px;
  margin-top: -15px;
  border-bottom: 2px solid #ffffff;
}
article.support section.faqs .toggle .base p, article.support section.faqs .toggle .base li {
  color: #818181;
  font-size: -webkit-calc(18px + 6 * (100vw - 380px) / 1600);
  font-size: calc(18px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 7 * (100vw - 380px) / 1600);
  line-height: calc(28px + 7 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.support section.faqs .toggle .base p, article.support section.faqs .toggle .base li {
    font-size: 24px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  article.support section.faqs .toggle .base {
    padding: 20px 30px;
  }
}
@media (max-width: 480px) {
  article.support section.faqs .toggle .base {
    padding: 20px;
  }
}

@media (max-width: 991px) {
  article.dac h1 {
    text-align: center;
  }
}
article.dac h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  padding: 8px 0;
}
@media (min-width: 1920px) {
  article.dac h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.dac h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(26px + 8 * (100vw - 380px) / 1600);
  font-size: calc(26px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.3px + 0.4 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.3px + 0.4 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.dac h3 {
    font-size: 34px;
    line-height: 50px;
    letter-spacing: 1.7px;
  }
}
article.dac h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.dac h3.content-title {
  color: #818181;
  font-size: -webkit-calc(28px + 12 * (100vw - 380px) / 1600);
  font-size: calc(28px + 12 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 10 * (100vw - 380px) / 1600);
  line-height: calc(40px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  padding: 0 0 36px;
}
@media (min-width: 1920px) {
  article.dac h3.content-title {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.dac p, article.dac li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.dac p, article.dac li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.dac li {
  padding-bottom: 15px;
}
article.dac li:last-child {
  padding-bottom: 0;
}
article.dac section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.dac section.hero {
    background-position: bottom center;
  }
}
article.dac section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1480px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.dac section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.dac section.hero .container {
    min-height: 750px;
  }
}
article.dac section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.dac section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.dac section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.dac section.hero .container .content .line {
    width: 255px;
  }
}
article.dac section.hero .arrow {
  text-align: center;
  position: relative;
}
article.dac section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.dac section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.dac section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.dac section.hero .arrow img {
    top: -36px;
  }
}
article.dac section.buttons-row .container {
  padding-top: 55px;
  padding-bottom: 55px;
  max-width: 900px;
}
article.dac section.buttons-row .btn-wrap {
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  article.dac section.buttons-row .btn-wrap .cta {
    margin-bottom: 20px;
  }
  article.dac section.buttons-row .btn-wrap .cta:nth-child(2n) {
    margin-right: 0;
  }
  article.dac section.buttons-row .btn-wrap .cta:last-child {
    margin-bottom: 0;
  }
}
article.dac section.buttons-row.airtouch .container {
  padding-bottom: 0;
  max-width: 1320px;
}
article.dac section.buttons-row.airtouch-alt .container {
  max-width: 1320px;
}
article.dac section.footer-dac {
  padding-bottom: 60px;
}
article.dac section.footer-dac .container {
  padding: 25px 15px 0;
  text-align: center;
}
article.dac section.footer-dac .container h5 {
  text-align: center;
}
article.dac section.info .container {
  padding-top: 90px;
}
article.dac section.info .logo {
  margin: auto;
  text-align: center;
  max-width: 400px;
}
article.dac section.info#zonetouch .logo {
  max-width: 569px;
}
article.dac section.info#airtouch .logo {
  max-width: 330px;
}
article.dac section.info#daikin-dac .logo {
  max-width: 611px;
}
article.dac section.info#hitachi-dac .logo {
  max-width: 539px;
}
article.dac section.info#samsung-dac .logo {
  max-width: 431px;
}
article.dac section.info#panasonic-dac .logo {
  max-width: 750px;
}
article.dac section.info#rinnai-dac .logo {
  max-width: 493px;
}

article.about h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.about h1 {
    text-align: center;
  }
}
article.about h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.about h2.list-title, article.about h2.timeline-title {
  color: #ffffff;
}
article.about h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.about h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.about h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.about h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about h5 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.about h5.timeline-subtitle {
  color: white;
}
article.about p, article.about li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about p, article.about li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.about li {
  padding-bottom: 15px;
}
article.about li:last-child {
  padding-bottom: 0;
}
article.about ul, article.about ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.about .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.about .heading {
    margin: 40px auto 60px;
  }
}
article.about section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.about section.hero {
    background-position: bottom center;
  }
}
article.about section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.about section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.about section.hero .container {
    min-height: 750px;
  }
}
article.about section.hero .container h3 {
  max-width: 1100px;
}
article.about section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.about section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.about section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.about section.hero .container .content .line {
    width: 255px;
  }
}
article.about section.hero .arrow {
  text-align: center;
  position: relative;
}
article.about section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.about section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.about section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.about section.hero .arrow img {
    top: -36px;
  }
}
article.about .timeline {
  background: transparent linear-gradient(10deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
}
article.about .timeline .container {
  padding: 100px 15px;
}
@media (max-width: 991px) {
  article.about .timeline .container {
    padding: 70px 15px;
  }
}
article.about .timeline .heading {
  max-width: 1250px;
  margin: auto;
  width: 100%;
}
article.about .timeline .content {
  padding-top: 80px;
}
@media (max-width: 991px) {
  article.about .timeline .content {
    padding-top: 70px;
  }
}
article.about .timeline p {
  color: #818181;
}
article.about .timeline .wpex-timeline-list.no-more.no-end li.wptl-feature:last-child:after, article.about .timeline .wpex-timeline-list.no-more.no-end li.wptl-feature:after {
  background: #ffffff;
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li:after, article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li:first-child:before {
  background: #ffffff;
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-content-left .tlday {
  display: none;
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-content-left .wpex-leftdate div span {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: -webkit-calc(24px + 10 * (100vw - 380px) / 1600);
  font-size: calc(24px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 14 * (100vw - 380px) / 1600);
  line-height: calc(32px + 14 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-content-left .wpex-leftdate div span {
    font-size: 34px;
    line-height: 48px;
    letter-spacing: 1.7px;
  }
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-content-left .wpex-leftdate div span:nth-child(2) {
  display: none !important;
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-timeline-label:before {
  top: 33px;
}
article.about .timeline .wpex-timeline-list.show-icon .wpex-timeline > li .wpex-timeline-label:after {
  top: 34px;
}
article.about .timeline .wpex-timeline-list.show-icon .timeline-details .img-left img {
  height: auto;
}
article.about .timeline .wpex-timeline-list.show-icon .wptl-feature-name span {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid;
  border-style: dashed;
  font-size: -webkit-calc(23px + 9 * (100vw - 380px) / 1600);
  font-size: calc(23px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 16 * (100vw - 380px) / 1600);
  line-height: calc(30px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.25px + 0.25 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.25px + 0.25 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.about .timeline .wpex-timeline-list.show-icon .wptl-feature-name span {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 1.5px;
  }
}
article.about .timeline .wpex-timeline-list.show-icon .style-center > li .wpex-timeline-label:after {
  border-right-color: white;
}
@media (min-width: 768px) {
  article.about .timeline .wpex-timeline-list.show-icon .style-center > li:nth-child(odd) .wpex-timeline-label:after {
    border-left-color: white;
  }
}
article.about .timeline .wpex-timeline-list.show-icon li .wpex-timeline-icon .fa {
  width: 30px;
  height: 30px;
}
article.about .timeline .wpex-timeline-list.show-icon .style-center .timeline-details .img-left {
  width: 33%;
}
@media (max-width: 991px) {
  article.about .timeline .wpex-timeline-list.show-icon .style-center .timeline-details .img-left {
    width: 40%;
  }
}
@media (max-width: 560px) {
  article.about .timeline .wpex-timeline-list.show-icon .style-center .timeline-details .img-left {
    width: 100%;
  }
}
article.about .timeline .wpex-timeline-list.show-icon .style-center li .wpex-timeline-icon .fa {
  margin-left: -18px;
}

article.content-only h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.content-only h1 {
    text-align: center;
  }
}
article.content-only h2, article.content-only h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 18 * (100vw - 380px) / 1600);
  font-size: calc(30px + 18 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 17 * (100vw - 380px) / 1600);
  line-height: calc(40px + 17 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.content-only h2, article.content-only h3 {
    font-size: 48px;
    line-height: 57px;
  }
}
article.content-only p, article.content-only li {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: 0;
  margin-bottom: 1.3rem;
}
@media (min-width: 1920px) {
  article.content-only p, article.content-only li {
    font-size: 20px;
    line-height: 30px;
  }
}
article.content-only li {
  margin-bottom: 0;
  padding-bottom: 0;
}
article.content-only li:last-child {
  padding-bottom: 0;
}
article.content-only ul, article.content-only ol {
  margin-left: -15px;
  margin-bottom: 1.3rem;
}
article.content-only .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.content-only .heading {
    margin: 40px auto 60px;
  }
}
article.content-only section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
  background-position: top center;
}
@media (max-width: 767px) {
  article.content-only section.hero {
    background-position: center 70%;
  }
}
article.content-only section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 450px;
}
@media (max-width: 1200px) {
  article.content-only section.hero .container {
    min-height: auto;
  }
}
@media (min-width: 1920px) {
  article.content-only section.hero .container {
    min-height: 550px;
  }
}
article.content-only section.hero .container h3 {
  max-width: 1100px;
}
article.content-only section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.content-only section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.content-only section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.content-only section.hero .container .content .line {
    width: 255px;
  }
}
article.content-only section.hero .arrow {
  text-align: center;
  position: relative;
}
article.content-only section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.content-only section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.content-only section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.content-only section.hero .arrow img {
    top: -36px;
  }
}
article.content-only section.content .container {
  max-width: 1480px;
  padding: 100px 15px;
}
article.content-only section.content .info h2 {
  padding-bottom: 10px;
}
article.content-only section.content .info h3 {
  padding-top: 40px;
  padding-bottom: 10px;
}
article.virtual-showroom h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.virtual-showroom h1 {
    text-align: center;
  }
}
article.virtual-showroom h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.virtual-showroom h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.virtual-showroom h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.virtual-showroom h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.virtual-showroom h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.virtual-showroom p, article.virtual-showroom li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.virtual-showroom p, article.virtual-showroom li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.virtual-showroom li {
  padding-bottom: 15px;
}
article.virtual-showroom li:last-child {
  padding-bottom: 0;
}
article.virtual-showroom ul, article.virtual-showroom ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.virtual-showroom .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.virtual-showroom .heading {
    margin: 40px auto 60px;
  }
}
article.virtual-showroom section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.virtual-showroom section.hero {
    background-position: bottom center;
  }
}
article.virtual-showroom section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.virtual-showroom section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.virtual-showroom section.hero .container {
    min-height: 750px;
  }
}
article.virtual-showroom section.hero .container h3 {
  max-width: 1100px;
}
article.virtual-showroom section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.virtual-showroom section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.virtual-showroom section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.virtual-showroom section.hero .container .content .line {
    width: 255px;
  }
}
article.virtual-showroom section.hero .arrow {
  text-align: center;
  position: relative;
}
article.virtual-showroom section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.virtual-showroom section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.virtual-showroom section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.virtual-showroom section.hero .arrow img {
    top: -36px;
  }
}
article.virtual-showroom .about {
  background: transparent linear-gradient(10deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat;
}
article.virtual-showroom .about .container {
  padding: 130px 15px 150px;
  max-width: 1700px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  article.virtual-showroom .about iframe {
    height: 600px;
  }
}

article.promotions h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.promotions h1 {
    text-align: center;
  }
}
article.promotions h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.promotions h2.pro-title {
  color: #ffffff;
  font-size: -webkit-calc(40px + 27 * (100vw - 380px) / 1600);
  font-size: calc(40px + 27 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(48px + 32 * (100vw - 380px) / 1600);
  line-height: calc(48px + 32 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.promotions h2.pro-title {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 0;
  }
}
article.promotions h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.promotions h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.promotions p, article.promotions li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions p, article.promotions li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.promotions li {
  padding-bottom: 15px;
}
article.promotions li:last-child {
  padding-bottom: 0;
}
article.promotions ul, article.promotions ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.promotions .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.promotions .heading {
    margin: 40px auto 60px;
  }
}
article.promotions section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.promotions section.hero {
    background-position: bottom center;
  }
}
article.promotions section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.promotions section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.promotions section.hero .container {
    min-height: 750px;
  }
}
article.promotions section.hero .container h3 {
  max-width: 1100px;
}
article.promotions section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.promotions section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.promotions section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.promotions section.hero .container .content .line {
    width: 255px;
  }
}
article.promotions section.hero .arrow {
  text-align: center;
  position: relative;
}
article.promotions section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.promotions section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.promotions section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.promotions section.hero .arrow img {
    top: -36px;
  }
}
article.promotions .promotion {
  background: white;
}
article.promotions .promotion .container {
  padding: 130px 15px 10px;
  max-width: 1500px;
  margin: 0 auto;
}
article.promotions .promotion .container .pro-banner {
  padding-bottom: 70px;
}
article.promotions .promotion .container .pro-banner:last-child {
  padding-bottom: 0px;
}
article.promotions .promotion .container .default-banner {
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 466px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1366px;
  margin: auto;
}
@media (max-width: 767px) {
  article.promotions .promotion .container .default-banner {
    min-height: 400px;
  }
}
@media (max-width: 480px) {
  article.promotions .promotion .container .default-banner {
    min-height: 300px;
  }
}
article.promotions .promotion .container .default-banner h2 {
  padding: 0 50px;
}

article.promotions-new h1 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(40px + 40 * (100vw - 380px) / 1600);
  font-size: calc(40px + 40 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(50px + 50 * (100vw - 380px) / 1600);
  line-height: calc(50px + 50 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2px + 2 * (100vw - 380px) / 1600);
  letter-spacing: calc(2px + 2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions-new h1 {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 4px;
  }
}
@media (max-width: 1200px) {
  article.promotions-new h1 {
    text-align: center;
  }
}
article.promotions-new h2 {
  color: #003279;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 22 * (100vw - 380px) / 1600);
  font-size: calc(29px + 22 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 23 * (100vw - 380px) / 1600);
  line-height: calc(38px + 23 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.promotions-new h2 {
    font-size: 51px;
    line-height: 61px;
  }
}
article.promotions-new h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 23 * (100vw - 380px) / 1600);
  font-size: calc(25px + 23 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(34px + 16 * (100vw - 380px) / 1600);
  line-height: calc(34px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 1.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 1.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions-new h3 {
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 2.4px;
  }
}
article.promotions-new h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(30px + 30 * (100vw - 380px) / 1600);
  font-size: calc(30px + 30 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 40 * (100vw - 380px) / 1600);
  line-height: calc(40px + 40 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 1.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 1.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions-new h3.heros {
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 3px;
  }
}
article.promotions-new h3.heros1 {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}
article.promotions-new h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(23px + 9 * (100vw - 380px) / 1600);
  font-size: calc(23px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(30px + 9 * (100vw - 380px) / 1600);
  line-height: calc(30px + 9 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.promotions-new h4 {
    font-size: 32px;
    line-height: 39px;
  }
}
article.promotions-new h4.blue {
  color: #003279;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.promotions-new p {
  color: #1C2952;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(20px + 8 * (100vw - 380px) / 1600);
  font-size: calc(20px + 8 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 10 * (100vw - 380px) / 1600);
  line-height: calc(28px + 10 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.4 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.4 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.promotions-new p {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.promotions-new section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.promotions-new section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.promotions-new section.hero {
    background-position: bottom center;
  }
}
article.promotions-new section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.promotions-new section.hero .container {
    min-height: 750px;
  }
}
article.promotions-new section.hero .container .logo-promo {
  max-width: 375px;
  padding-bottom: 33px;
  width: 100%;
}
article.promotions-new section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.promotions-new section.hero .container h3 br {
    display: none;
  }
}
article.promotions-new section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.promotions-new section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container .content {
    flex-direction: column;
  }
}
article.promotions-new section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.promotions-new section.hero .container .content .left {
  width: 55%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.promotions-new section.hero .container .content .left {
    padding: 0;
  }
}
article.promotions-new section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.promotions-new section.hero .container .content .right {
    width: 100%;
  }
}
article.promotions-new section.hero .container .content .panel {
  float: right;
  margin-top: -40px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.promotions-new section.hero .container .content .panel {
    margin-top: -20px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.promotions-new section.hero .container .content .panel {
    display: none;
  }
}
article.promotions-new section.hero .container .content .buttons {
  margin: 0 !important;
}
article.promotions-new section.banner {
  margin-bottom: -120px;
}
@media (max-width: 767px) {
  article.promotions-new section.banner {
    margin-bottom: -55px;
  }
}
article.promotions-new section.banner img {
  margin: auto;
  width: 100%;
}
article.promotions-new section.info .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1390px;
  text-align: center;
}
article.promotions-new section.info h2 {
  padding-bottom: 2px;
}
article.promotions-new section.info h4.blue {
  padding-top: 60px;
}
article.promotions-new section.tnc .container {
  padding-top: 60px;
  padding-bottom: 0;
  max-width: 1390px;
  text-align: center;
}
article.promotions-new section.services .product-section .item .content .text {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
article.promotions-new section.services .product-section.media-two .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.promotions-new section.services .product-section.media-two .item {
    flex-direction: column-reverse;
  }
}
article.promotions-new section.services .product-section.media-two:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.promotions-new section.services .product-section.media-two:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}

article.upgrade h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.upgrade h1 {
    text-align: center;
  }
}
article.upgrade h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(36px + 12 * (100vw - 380px) / 1600);
  font-size: calc(36px + 12 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 17 * (100vw - 380px) / 1600);
  line-height: calc(40px + 17 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.upgrade h2 {
    font-size: 48px;
    line-height: 57px;
  }
}
article.upgrade h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.upgrade h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.upgrade h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.upgrade h3.benefit-title {
  color: #003279;
  letter-spacing: 0;
}
article.upgrade h4 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 29px;
  font-size: 24px;
  letter-spacing: 0;
}
article.upgrade p, article.upgrade li {
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.upgrade p, article.upgrade li {
    line-height: 30px;
  }
}
article.upgrade li {
  padding-bottom: 15px;
}
article.upgrade li:last-child {
  padding-bottom: 0;
}
article.upgrade ul, article.upgrade ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.upgrade .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.upgrade .heading {
    margin: 40px auto 60px;
  }
}
article.upgrade section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.upgrade section.hero {
    background-position: bottom center;
  }
}
article.upgrade section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.upgrade section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.upgrade section.hero .container {
    min-height: 750px;
  }
}
article.upgrade section.hero .container h3 {
  max-width: 1100px;
}
article.upgrade section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.upgrade section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.upgrade section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.upgrade section.hero .container .content .line {
    width: 255px;
  }
}
article.upgrade section.hero .arrow {
  text-align: center;
  position: relative;
}
article.upgrade section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.upgrade section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.upgrade section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.upgrade section.hero .arrow img {
    top: -36px;
  }
}
@media (max-width: 1200px) {
  article.upgrade section.services .product-section .item .half-content .text {
    margin: 50px auto 0;
  }
}
article.upgrade section.services .buttons {
  padding-top: 20px;
  justify-content: center;
}
@media (max-width: 1200px) {
  article.upgrade section.services .buttons {
    padding-bottom: 70px;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.upgrade section.services .cta {
    margin-right: 15px;
  }
  article.upgrade section.services .cta:last-child {
    margin-right: 0;
  }
}
article.upgrade section.services .cta a.btn {
  width: 288px;
  padding: 20px;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(24px + 5 * (100vw - 380px) / 1600);
  line-height: calc(24px + 5 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.7px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.7px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.upgrade section.services .cta a.btn {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 3px;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.upgrade section.services .cta a.btn {
    width: 275px;
  }
}
@media (max-width: 480px) {
  article.upgrade section.services .cta a.btn {
    width: 280px;
  }
}
article.upgrade section.benefits {
  background: #ffffff;
}
article.upgrade section.benefits .container {
  padding-top: 96px;
  padding-bottom: 76px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1360px;
}
@media (max-width: 1200px) {
  article.upgrade section.benefits .container {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
article.upgrade section.benefits .container h3 {
  margin-bottom: 30px;
}
article.upgrade section.benefits .container .benefit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  article.upgrade section.benefits .container .benefit {
    justify-content: center;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 560px) {
  article.upgrade section.benefits .container .benefit {
    max-width: 100%;
  }
}
article.upgrade section.benefits .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px;
  padding: 30px 25px;
  width: 100%;
  width: 230px;
  height: 239px !important;
  flex-direction: column;
  border-radius: 30px;
  border: 1px solid #ffffff;
  background: #023279;
}
article.upgrade section.benefits .container .item h4 {
  width: auto;
}
article.upgrade section.benefits .container .item .icon {
  margin-bottom: 28px;
}
article.upgrade section.benefits .container .item .icon img {
  height: 80px;
  width: 100%;
}
@media (max-width: 767px) {
  article.upgrade section.benefits .container .item {
    align-items: center;
  }
}

article.buyers-guide h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.buyers-guide h1 {
    text-align: center;
  }
}
article.buyers-guide h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(36px + 12 * (100vw - 380px) / 1600);
  font-size: calc(36px + 12 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 17 * (100vw - 380px) / 1600);
  line-height: calc(40px + 17 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.buyers-guide h2 {
    font-size: 48px;
    line-height: 57px;
  }
}
article.buyers-guide h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.buyers-guide h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.buyers-guide h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.buyers-guide h3.benefit-title {
  color: #003279;
  letter-spacing: 0;
}
article.buyers-guide h4 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 29px;
  font-size: 24px;
  letter-spacing: 0;
}
article.buyers-guide p, article.buyers-guide li {
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.buyers-guide p, article.buyers-guide li {
    line-height: 30px;
  }
}
article.buyers-guide li {
  padding-bottom: 15px;
}
article.buyers-guide li:last-child {
  padding-bottom: 0;
}
article.buyers-guide ul, article.buyers-guide ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.buyers-guide .heading {
  max-width: 980px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.buyers-guide .heading {
    margin: 40px auto 60px;
  }
}
article.buyers-guide section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.buyers-guide section.hero {
    background-position: bottom center;
  }
}
article.buyers-guide section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.buyers-guide section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.buyers-guide section.hero .container {
    min-height: 750px;
  }
}
article.buyers-guide section.hero .container h3 {
  max-width: 1100px;
}
article.buyers-guide section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.buyers-guide section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.buyers-guide section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.buyers-guide section.hero .container .content .line {
    width: 255px;
  }
}
article.buyers-guide section.hero .arrow {
  text-align: center;
  position: relative;
}
article.buyers-guide section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.buyers-guide section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.buyers-guide section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.buyers-guide section.hero .arrow img {
    top: -36px;
  }
}

@media (max-width: 1200px) {
  article.learn-more h1 {
    text-align: center;
  }
}
article.learn-more h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.learn-more h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
@media (max-width: 1200px) {
  article.learn-more h2 {
    text-align: center;
  }
}
article.learn-more h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 9 * (100vw - 380px) / 1600);
  line-height: calc(32px + 9 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.learn-more h3 {
    font-size: 34px;
    line-height: 41px;
  }
}
article.learn-more h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.learn-more h3.heros {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.learn-more h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.learn-more h4 {
    line-height: 40px;
  }
}
article.learn-more h4.note {
  color: #144D8E;
  font-size: -webkit-calc(26px + 6 * (100vw - 380px) / 1600);
  font-size: calc(26px + 6 * (100vw - 380px) / 1600);
  margin: 35px auto 0;
}
@media (min-width: 1920px) {
  article.learn-more h4.note {
    font-size: 32px;
  }
}
article.learn-more h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.learn-more h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.learn-more section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.learn-more section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.learn-more section.hero {
    background-position: bottom center;
  }
}
article.learn-more section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1750px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.learn-more section.hero .container {
    min-height: 750px;
  }
}
article.learn-more section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.learn-more section.hero .container h3 br {
    display: none;
  }
}
article.learn-more section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.learn-more section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container .content {
    flex-direction: column;
  }
}
article.learn-more section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.learn-more section.hero .container .content .left {
  width: 54%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.learn-more section.hero .container .content .left {
    padding: 0;
  }
}
article.learn-more section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.learn-more section.hero .container .content .right {
    width: 100%;
  }
}
article.learn-more section.hero .container .content .panel {
  float: right;
  margin-top: -60px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.learn-more section.hero .container .content .panel {
    margin-top: -25px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.learn-more section.hero .container .content .panel {
    display: none;
  }
}
article.learn-more section.hero .container .content .buttons {
  margin: 0 !important;
}
article.learn-more.calculator h2 {
  color: #144D8E;
}
article.learn-more.calculator section.quote .container {
  padding: 30px 15px;
}
article.learn-more.default {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(360deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
}
article.learn-more.default .container {
  border-top: 1px solid #E3E3E3;
}
article.learn-more.default h2 {
  margin-bottom: 80px;
}

@media (max-width: 1200px) {
  article.lets-connect h1 {
    text-align: center;
  }
}
article.lets-connect h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(29px + 11 * (100vw - 380px) / 1600);
  font-size: calc(29px + 11 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.4px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.4px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.lets-connect h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
@media (max-width: 1200px) {
  article.lets-connect h2 {
    text-align: center;
  }
}
article.lets-connect h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(25px + 9 * (100vw - 380px) / 1600);
  font-size: calc(25px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 9 * (100vw - 380px) / 1600);
  line-height: calc(32px + 9 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.lets-connect h3 {
    font-size: 34px;
    line-height: 41px;
  }
}
article.lets-connect h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
article.lets-connect h4 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: calc(30px + 10 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.lets-connect h4 {
    line-height: 40px;
  }
}
article.lets-connect h4.note {
  color: #144D8E;
  font-size: -webkit-calc(26px + 6 * (100vw - 380px) / 1600);
  font-size: calc(26px + 6 * (100vw - 380px) / 1600);
  margin: 35px auto 0;
}
@media (min-width: 1920px) {
  article.lets-connect h4.note {
    font-size: 32px;
  }
}
article.lets-connect h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 2 * (100vw - 380px) / 1600);
  line-height: calc(32px + 2 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.lets-connect h5 {
    font-size: 28px;
    line-height: 34px;
  }
}
article.lets-connect section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
  background-position: bottom center;
}
@media (min-width: 1920px) {
  article.lets-connect section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.lets-connect section.hero {
    background-position: bottom center;
  }
}
article.lets-connect section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1750px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.lets-connect section.hero .container {
    min-height: 850px;
  }
}
article.lets-connect section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.lets-connect section.hero .container h3 br {
    display: none;
  }
}
article.lets-connect section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.lets-connect section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container .content {
    flex-direction: column;
  }
}
article.lets-connect section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.lets-connect section.hero .container .content .left {
  width: 54%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.lets-connect section.hero .container .content .left {
    padding: 0;
  }
}
article.lets-connect section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.lets-connect section.hero .container .content .right {
    width: 100%;
  }
}
article.lets-connect section.hero .container .content .panel {
  float: right;
  margin-top: -60px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.lets-connect section.hero .container .content .panel {
    margin-top: -25px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.lets-connect section.hero .container .content .panel {
    display: none;
  }
}
article.lets-connect section.hero .container .content .buttons {
  margin: 0 !important;
}

article.finance h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.finance h1 {
    text-align: center;
  }
}
article.finance h2 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(36px + 12 * (100vw - 380px) / 1600);
  font-size: calc(36px + 12 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 17 * (100vw - 380px) / 1600);
  line-height: calc(40px + 17 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.finance h2 {
    font-size: 48px;
    line-height: 57px;
  }
}
article.finance h3 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(33px + 7 * (100vw - 380px) / 1600);
  font-size: calc(33px + 7 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.finance h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.finance h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
article.finance h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 29px;
  font-size: 20px;
  letter-spacing: 1px;
}
article.finance h5 {
  color: #818181;
}
article.finance h5.prefix {
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.finance p, article.finance li {
  color: #818181;
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.finance p, article.finance li {
    line-height: 30px;
  }
}
article.finance li {
  padding-bottom: 15px;
}
article.finance li:last-child {
  padding-bottom: 0;
}
article.finance ul, article.finance ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.finance .heading {
  max-width: 1230px;
  padding: 0 15px;
  margin: 75px auto 60px;
}
@media (max-width: 991px) {
  article.finance .heading {
    margin: 40px auto 60px;
  }
}
article.finance section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.finance section.hero {
    background-position: bottom center;
  }
}
article.finance section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1260px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.finance section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.finance section.hero .container {
    min-height: 750px;
  }
}
article.finance section.hero .container h3 {
  max-width: 1100px;
}
article.finance section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.finance section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.finance section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.finance section.hero .container .content .line {
    width: 255px;
  }
}
article.finance section.hero .arrow {
  text-align: center;
  position: relative;
}
article.finance section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.finance section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.finance section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.finance section.hero .arrow img {
    top: -36px;
  }
}
article.finance .finance-logo {
  text-align: center;
  max-width: 581px;
  margin: auto;
  padding: 40px 0 60px;
  width: 100%;
}
article.finance section.services .finance-logo {
  padding: 90px 30px 100px;
}

article.handy-pay h2.plan-title, article.handy-pay h2.fee-title {
  margin-bottom: 50px;
  font-size: -webkit-calc(55px + 39 * (100vw - 380px) / 1600);
  font-size: calc(55px + 39 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(70px + 43 * (100vw - 380px) / 1600);
  line-height: calc(70px + 43 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.handy-pay h2.plan-title, article.handy-pay h2.fee-title {
    font-size: 94px;
    line-height: 113px;
  }
}
article.handy-pay h3.help-title {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(35px + 9 * (100vw - 380px) / 1600);
  font-size: calc(35px + 9 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(42px + 18 * (100vw - 380px) / 1600);
  line-height: calc(42px + 18 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.6px + 0.6 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.6px + 0.6 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.handy-pay h3.help-title {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 2.2px;
  }
}
article.handy-pay h4.help-subtitle {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(50px + 13 * (100vw - 380px) / 1600);
  font-size: calc(50px + 13 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(60px + 35 * (100vw - 380px) / 1600);
  line-height: calc(60px + 35 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(2.5px + 0.65 * (100vw - 380px) / 1600);
  letter-spacing: calc(2.5px + 0.65 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.handy-pay h4.help-subtitle {
    font-size: 63px;
    line-height: 95px;
    letter-spacing: 3.15px;
  }
}
article.handy-pay h5.plan-pretitle, article.handy-pay h5.plan-posttitle, article.handy-pay h5.fee-pretitle, article.handy-pay h5.fee-posttitle {
  color: #ffffff;
  text-align: left;
}
@media (max-width: 1200px) {
  article.handy-pay h5.plan-pretitle, article.handy-pay h5.plan-posttitle, article.handy-pay h5.fee-pretitle, article.handy-pay h5.fee-posttitle {
    text-align: center;
  }
}
article.handy-pay section.plans, article.handy-pay section.criteria, article.handy-pay section.works {
  background: #ffffff;
}
article.handy-pay section.plans .container, article.handy-pay section.criteria .container, article.handy-pay section.works .container {
  padding: 70px 15px 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1400px;
}
article.handy-pay section.plans .container h5, article.handy-pay section.criteria .container h5, article.handy-pay section.works .container h5 {
  max-width: 850px;
  margin: 0 auto;
}
article.handy-pay section.plans .container .benefits, article.handy-pay section.criteria .container .benefits, article.handy-pay section.works .container .benefits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0 0;
}
@media (max-width: 1200px) {
  article.handy-pay section.plans .container .benefits, article.handy-pay section.criteria .container .benefits, article.handy-pay section.works .container .benefits {
    max-width: 860px;
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 860px) {
  article.handy-pay section.plans .container .benefits, article.handy-pay section.criteria .container .benefits, article.handy-pay section.works .container .benefits {
    max-width: 575px;
  }
}
@media (max-width: 560px) {
  article.handy-pay section.plans .container .benefits, article.handy-pay section.criteria .container .benefits, article.handy-pay section.works .container .benefits {
    max-width: 100%;
  }
}
article.handy-pay section.plans .container .item, article.handy-pay section.criteria .container .item, article.handy-pay section.works .container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 30px 10px;
  width: 100%;
  width: 274px;
  flex-direction: column;
}
@media (max-width: 767px) {
  article.handy-pay section.plans .container .item, article.handy-pay section.criteria .container .item, article.handy-pay section.works .container .item {
    padding: 15px 10px;
  }
}
article.handy-pay section.plans .container .item h4, article.handy-pay section.criteria .container .item h4, article.handy-pay section.works .container .item h4 {
  width: auto;
  text-transform: initial;
}
article.handy-pay section.plans .container .item .icon, article.handy-pay section.criteria .container .item .icon, article.handy-pay section.works .container .item .icon {
  margin-bottom: -webkit-calc(14px + 16 * (100vw - 380px) / 1600);
  margin-bottom: calc(14px + 16 * (100vw - 380px) / 1600);
  margin-right: 0;
}
article.handy-pay section.plans .container .item .icon img, article.handy-pay section.criteria .container .item .icon img, article.handy-pay section.works .container .item .icon img {
  height: -webkit-calc(100px + 66 * (100vw - 380px) / 1600);
  height: calc(100px + 66 * (100vw - 380px) / 1600);
  width: 100%;
}
article.handy-pay section.criteria .container {
  padding: 60px 15px 0;
}
article.handy-pay section.criteria .container h5 {
  margin-bottom: 5px;
}
article.handy-pay section.criteria .container .benefits {
  padding-bottom: 50px;
}
article.handy-pay section.works .container h5 {
  margin-bottom: 5px;
}
@media (min-width: 1201px) {
  article.handy-pay section.listing-plan .product-section .item, article.handy-pay section.listing-fees .product-section .item {
    flex-direction: row;
  }
}
article.handy-pay section.listing-plan .product-section .half-content .text, article.handy-pay section.listing-fees .product-section .half-content .text {
  max-width: 690px;
}
article.handy-pay section.listing-plan .product-section .half-content .text h2, article.handy-pay section.listing-fees .product-section .half-content .text h2 {
  max-width: 525px;
}
@media (max-width: 1200px) {
  article.handy-pay section.listing-plan .product-section .half-content .text, article.handy-pay section.listing-fees .product-section .half-content .text {
    max-width: 100%;
    text-align: center;
  }
  article.handy-pay section.listing-plan .product-section .half-content .text h2, article.handy-pay section.listing-fees .product-section .half-content .text h2 {
    max-width: 100%;
    text-align: center;
  }
}
article.handy-pay section.listing-plan .product-section .cta, article.handy-pay section.listing-fees .product-section .cta {
  text-align: left;
}
@media (max-width: 1200px) {
  article.handy-pay section.listing-plan .product-section .cta, article.handy-pay section.listing-fees .product-section .cta {
    text-align: center;
  }
}
article.handy-pay .disclaimer {
  text-align: center;
  padding: 30px 30px 0;
  margin: 0 auto;
}
article.handy-pay .disclaimer p:last-child {
  margin-bottom: 0;
}
article.handy-pay section.interest .cta {
  text-align: center;
  margin: 0 auto;
  padding-top: 40px;
}
article.handy-pay section.need-help .container {
  padding: 80px 15px;
  text-align: center;
  max-width: 1550px;
}
article.handy-pay section.need-help .container h5 .blue {
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.handy-pay section.need-help .container h5 a {
  color: #818181;
}

article.zip-pay section.content .container {
  padding: 80px 15px;
  max-width: 1655px;
  margin: auto;
  text-align: center;
}
article.zip-pay section.content .code {
  border-radius: 40px;
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
article.zip-pay section.content .final {
  padding: 0;
  margin: 0;
}

article.survey h1 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  article.survey h1 {
    text-align: center;
  }
}
article.survey h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.survey h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.survey h2.pro-title {
  color: #ffffff;
  font-size: -webkit-calc(40px + 27 * (100vw - 380px) / 1600);
  font-size: calc(40px + 27 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(48px + 32 * (100vw - 380px) / 1600);
  line-height: calc(48px + 32 * (100vw - 380px) / 1600);
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  article.survey h2.pro-title {
    font-size: 67px;
    line-height: 80px;
    letter-spacing: 0;
  }
}
article.survey h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.survey h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.survey h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.survey p, article.survey li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.survey p, article.survey li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.survey li {
  padding-bottom: 15px;
}
article.survey li:last-child {
  padding-bottom: 0;
}
article.survey ul, article.survey ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.survey section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  article.survey section.hero {
    background-position: bottom center;
  }
}
article.survey section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1360px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.survey section.hero .container {
    min-height: 500px;
  }
}
@media (min-width: 1920px) {
  article.survey section.hero .container {
    min-height: 750px;
  }
}
article.survey section.hero .container h3 {
  max-width: 1200px;
}
article.survey section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
article.survey section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: -webkit-calc(160px + 95 * (100vw - 380px) / 1600);
  width: calc(160px + 95 * (100vw - 380px) / 1600);
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.survey section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
@media (min-width: 1920px) {
  article.survey section.hero .container .content .line {
    width: 255px;
  }
}
article.survey section.hero .arrow {
  text-align: center;
  position: relative;
}
article.survey section.hero .arrow img {
  position: absolute;
  width: -webkit-calc(100px + 36 * (100vw - 380px) / 1600);
  width: calc(100px + 36 * (100vw - 380px) / 1600);
  top: -68px;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 136px;
  z-index: 1;
}
@media (min-width: 1920px) {
  article.survey section.hero .arrow img {
    width: 136px;
  }
}
@media (max-width: 1200px) {
  article.survey section.hero .arrow img {
    top: -50px;
  }
}
@includde smDown {
  article.survey section.hero .arrow img {
    top: -36px;
  }
}
article.survey section.form h2 {
  margin-bottom: 70px;
}
article.survey section.form .container {
  max-width: 1100px;
  padding: 100px 15px;
}
article.survey section.form .container .survey_wrapper {
  border-radius: 12px;
  border: 1px solid #818181;
  padding: 50px 70px 50px;
}
@media (max-width: 991px) {
  article.survey section.form .container .survey_wrapper {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  article.survey section.form .container .survey_wrapper {
    padding: 40px 30px;
  }
}
@media (max-width: 480px) {
  article.survey section.form .container .survey_wrapper {
    padding: 20px;
  }
}
article.survey section.form .container .survey_wrapper .gform_validation_errors, article.survey section.form .container .survey_wrapper .gform_heading {
  display: none;
}
article.survey section.form .container .survey_wrapper .validation_message {
  padding: 0;
  border: 0 none;
  background: white;
}
article.survey section.form .container .survey_wrapper input, article.survey section.form .container .survey_wrapper textarea, article.survey section.form .container .survey_wrapper select {
  color: #818181;
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  font-size: -webkit-calc(18px + 3 * (100vw - 380px) / 1600);
  font-size: calc(18px + 3 * (100vw - 380px) / 1600);
  line-height: 1.3;
}
@media (min-width: 1920px) {
  article.survey section.form .container .survey_wrapper input, article.survey section.form .container .survey_wrapper textarea, article.survey section.form .container .survey_wrapper select {
    font-size: 21px;
  }
}
article.survey section.form .container .survey_wrapper input::-moz-placeholder, article.survey section.form .container .survey_wrapper textarea::-moz-placeholder, article.survey section.form .container .survey_wrapper select::-moz-placeholder {
  color: #818181;
}
article.survey section.form .container .survey_wrapper input::placeholder, article.survey section.form .container .survey_wrapper textarea::placeholder, article.survey section.form .container .survey_wrapper select::placeholder {
  color: #818181;
}
article.survey section.form .container .survey_wrapper input[type=text], article.survey section.form .container .survey_wrapper textarea {
  padding: 15px 12px;
}
article.survey section.form .container .survey_wrapper .gform_ajax_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
article.survey section.form .container .survey_wrapper .gfield_label {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: 1.3;
  padding-bottom: 20px;
}
@media (min-width: 1920px) {
  article.survey section.form .container .survey_wrapper .gfield_label {
    font-size: 24px;
  }
}
article.survey section.form .container .survey_wrapper .gfield_checkbox {
  position: relative;
  margin-top: 0;
}
article.survey section.form .container .survey_wrapper .gfield_checkbox .gchoice {
  padding-bottom: 10px;
  margin: 0 0 0 32px;
}
article.survey section.form .container .survey_wrapper .gfield_checkbox div[class^=gchoice] label {
  position: relative;
  padding-left: 10px;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: 1.3;
  letter-spacing: 1.2px;
  color: #818181;
  margin-top: 0;
}
@media (min-width: 1920px) {
  article.survey section.form .container .survey_wrapper .gfield_checkbox div[class^=gchoice] label {
    font-size: 24px;
  }
}
article.survey section.form .container .survey_wrapper .gfield_checkbox div[class^=gchoice] label:before, article.survey section.form .container .survey_wrapper .gfield_checkbox div[class^=gchoice] label:after {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}
article.survey section.form .container .survey_wrapper .gfield_checkbox div[class^=gchoice] label:after {
  background-color: #ffffff;
  border: solid 3px #E3E3E3;
  border-radius: 0;
  display: inline-block;
  height: 24px;
  left: -32px;
  position: absolute;
  top: 0;
  transition: left 0.25s, background-color 0.13s;
  width: 24px;
}
article.survey section.form .container .survey_wrapper .gfield_checkbox input[type=checkbox] {
  display: none;
}
article.survey section.form .container .survey_wrapper .gfield_checkbox input[type=checkbox]:checked + label:before {
  content: "●";
  content: "✓";
  background-color: #144D8E;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  left: -32px;
  text-align: center;
  top: 0px;
  z-index: 9;
  width: 24px;
  height: 24px;
}
article.survey section.form .container .survey_wrapper .gfield_radio {
  justify-content: center;
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
article.survey section.form .container .survey_wrapper .gfield_radio .gchoice {
  padding: 10px !important;
}
article.survey section.form .container .survey_wrapper .gfield_radio .gchoice input[type=radio] {
  display: none;
}
article.survey section.form .container .survey_wrapper .gfield_radio .gchoice label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 20px;
  margin: 5px auto;
  border: 1px solid #E3E3E3;
  cursor: pointer;
  border-radius: 34px;
  transition: background-color 0.3s ease;
  width: 100%;
  height: 69px;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: 1.3;
  letter-spacing: 1.2px;
  color: #818181;
  text-align: center;
  min-width: 210px;
}
@media (min-width: 1920px) {
  article.survey section.form .container .survey_wrapper .gfield_radio .gchoice label {
    font-size: 24px;
  }
}
article.survey section.form .container .survey_wrapper .gfield_radio .gchoice input[type=radio]:checked + label {
  background-color: #144D8E;
  color: #ffffff;
  border-color: #144D8E;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert {
  border: 0 none;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td {
  padding: 15px 22px;
}
@media (max-width: 991px) {
  article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td {
    padding: 3px 10px;
  }
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert .gsurvey-likert-row-label {
  padding-left: 22px;
}
@media (max-width: 991px) {
  article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert .gsurvey-likert-row-label {
    padding-left: 10px;
  }
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert tbody tr:nth-child(odd) {
  border: 1px solid #E3E3E3;
}
@media (max-width: 991px) {
  article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert tbody tr {
    margin-bottom: 10px;
  }
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice {
  border: 0 none;
  background-image: url(/wp-content/uploads/2023/12/Icon-circle-unchecked.svg);
  background-size: 24px 24px;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-hover, article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus, article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert:focus, article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert:hover {
  background-color: #FAFAFA !important;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
  background-color: transparent;
  background-image: url(/wp-content/uploads/2023/12/Icon-circle-checked.svg);
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert th.gsurvey-likert-choice-label {
  background-color: #ffffff;
  border-right: 0 #ffffff;
  border-top: 0 #ffffff;
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert .gsurvey-likert-row-label {
  background-color: #ffffff;
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  border: 0 none;
  text-align: left;
}
article.survey section.form .container .survey_wrapper .ginput_container_likert table.gsurvey-likert tr:nth-child(odd) .gsurvey-likert-row-label {
  background-color: #ffffff;
}
article.survey section.form .container .survey_wrapper .gform_page_fields {
  padding: 50px 0;
}
@media (max-width: 767px) {
  article.survey section.form .container .survey_wrapper .gform_page_fields {
    padding-top: 20px;
  }
}
article.survey section.form .container .survey_wrapper .gform_page_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 990px;
  margin: auto;
  max-width: 100%;
}
@media (max-width: 640px) {
  article.survey section.form .container .survey_wrapper .gform_page_footer {
    flex-direction: column-reverse;
  }
}
article.survey section.form .container .survey_wrapper .gform_page_footer input {
  background: #144D8E;
  text-transform: uppercase;
  color: #ffffff;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600) !important;
  font-size: calc(20px + 4 * (100vw - 380px) / 1600) !important;
  line-height: -webkit-calc(32px + 11 * (100vw - 380px) / 1600) !important;
  line-height: calc(32px + 11 * (100vw - 380px) / 1600) !important;
  letter-spacing: -webkit-calc(1px + 2.6 * (100vw - 380px) / 1600) !important;
  letter-spacing: calc(1px + 2.6 * (100vw - 380px) / 1600) !important;
  width: 217px;
  height: 85px;
  max-width: 100%;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  padding: 13px 50px 13px 50px !important;
  border-radius: 8px;
}
@media (min-width: 1920px) {
  article.survey section.form .container .survey_wrapper .gform_page_footer input {
    font-size: 24px !important;
    line-height: 43px !important;
    letter-spacing: 3.6px !important;
  }
}
article.survey section.form .container .survey_wrapper .gform_page_footer input.gform_previous_button {
  background: #ffffff;
  border: 1px solid #144D8E;
  color: #144D8E;
  padding: 13px 50px 13px 50px !important;
}
@media (max-width: 640px) {
  article.survey section.form .container .survey_wrapper .gform_page_footer input {
    margin: 5px auto;
  }
}
article.survey section.form .container .survey_wrapper .gform_page_footer input[type=submit] {
  background: 0 none;
  background-color: #144D8E;
}
article.survey section.form .container .survey_wrapper #gform_page_27_1 .gform_page_footer {
  justify-content: flex-end;
}
article.survey section.form .container .survey_wrapper #gform_page_27_1 .gform_page_footer .gform_previous_button {
  display: none;
}
article.survey section.form .container .survey_wrapper .gf_page_steps {
  margin-bottom: 0px;
  border: 0 none;
}
@media (max-width: 767px) {
  article.survey section.form .container .survey_wrapper .gf_page_steps {
    display: none;
  }
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step {
  position: relative;
  margin-right: 29px;
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step .gf_step_number {
  background: #E3E3E3;
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step:last-child {
  margin-right: 0;
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step:last-child .gf_step_label {
  display: none;
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 65%;
  width: 100%;
  border-top: 1px dotted #818181;
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 991px) {
  article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step:not(:last-child)::after {
    display: none;
  }
}
article.survey section.form .container .survey_wrapper .gf_page_steps .gf_step_active .gf_step_number {
  background: #144D8E;
  color: #ffffff;
}

article.franchise h1 {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  article.franchise h1 {
    text-align: center;
  }
}
article.franchise h2 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(40px + 16 * (100vw - 380px) / 1600);
  line-height: calc(40px + 16 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise h2 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 2px;
  }
}
article.franchise h2.list-title, article.franchise h2.timeline-title {
  color: #ffffff;
}
article.franchise h3 {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: -webkit-calc(30px + 10 * (100vw - 380px) / 1600);
  font-size: calc(30px + 10 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(38px + 12 * (100vw - 380px) / 1600);
  line-height: calc(38px + 12 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.5px + 0.5 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.5px + 0.5 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise h3 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
article.franchise h3.heros {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(22px + 6 * (100vw - 380px) / 1600);
  font-size: calc(22px + 6 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.1px + 0.3 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.1px + 0.3 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise h3.heros {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.franchise h4 {
  color: #144D8E;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: -webkit-calc(20px + 4 * (100vw - 380px) / 1600);
  font-size: calc(20px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(28px + 6 * (100vw - 380px) / 1600);
  line-height: calc(28px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise h4 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1.2px;
  }
}
article.franchise h5 {
  color: #818181;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(24px + 4 * (100vw - 380px) / 1600);
  font-size: calc(24px + 4 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(32px + 6 * (100vw - 380px) / 1600);
  line-height: calc(32px + 6 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(1.2px + 0.2 * (100vw - 380px) / 1600);
  letter-spacing: calc(1.2px + 0.2 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise h5 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1.4px;
  }
}
article.franchise h5.timeline-subtitle {
  color: white;
}
article.franchise p, article.franchise li {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: -webkit-calc(18px + 2 * (100vw - 380px) / 1600);
  font-size: calc(18px + 2 * (100vw - 380px) / 1600);
  line-height: -webkit-calc(26px + 4 * (100vw - 380px) / 1600);
  line-height: calc(26px + 4 * (100vw - 380px) / 1600);
  letter-spacing: -webkit-calc(0.9px + 0.1 * (100vw - 380px) / 1600);
  letter-spacing: calc(0.9px + 0.1 * (100vw - 380px) / 1600);
}
@media (min-width: 1920px) {
  article.franchise p, article.franchise li {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
  }
}
article.franchise li {
  padding-bottom: 15px;
}
article.franchise li:last-child {
  padding-bottom: 0;
}
article.franchise ul, article.franchise ol {
  margin-left: -15px;
  margin-bottom: 0;
}
article.franchise section.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: auto;
  position: relative;
}
@media (min-width: 1920px) {
  article.franchise section.hero {
    background-position: bottom center;
  }
}
@media (max-width: 1200px) {
  article.franchise section.hero {
    background-position: bottom center;
  }
}
article.franchise section.hero .container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  max-width: 1660px;
  min-height: 600px;
}
@media (max-width: 1200px) {
  article.franchise section.hero .container {
    justify-content: flex-start;
    padding-bottom: 140px;
  }
}
@media (min-width: 1920px) {
  article.franchise section.hero .container {
    min-height: 750px;
  }
}
article.franchise section.hero .container h3 {
  padding: 0 0 50px;
}
@media (max-width: 1200px) {
  article.franchise section.hero .container h3 {
    text-align: center;
    max-width: 650px;
    margin: auto;
  }
  article.franchise section.hero .container h3 br {
    display: none;
  }
}
article.franchise section.hero .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1450px) {
  article.franchise section.hero .container .content {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  article.franchise section.hero .container .content {
    flex-direction: column;
  }
}
article.franchise section.hero .container .content .line {
  background: #ffffff;
  height: 9px;
  width: 296px;
  margin: 0 0 23px;
}
@media (max-width: 1200px) {
  article.franchise section.hero .container .content .line {
    margin: 0 auto 23px;
  }
}
article.franchise section.hero .container .content .left {
  width: 54%;
  max-width: 875px;
  padding-right: 70px;
  padding-top: 40px;
}
@media (max-width: 1200px) {
  article.franchise section.hero .container .content .left {
    width: 100%;
    padding-right: 0;
    margin: auto;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  article.franchise section.hero .container .content .left {
    padding: 0;
  }
}
article.franchise section.hero .container .content .right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  max-width: 601px;
}
@media (max-width: 1200px) {
  article.franchise section.hero .container .content .right {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 480px) {
  article.franchise section.hero .container .content .right {
    width: 100%;
  }
}
article.franchise section.hero .container .content .panel {
  float: right;
  margin-top: -60px;
  margin-right: -40px;
}
@media (max-width: 1450px) {
  article.franchise section.hero .container .content .panel {
    margin-top: -25px;
    max-width: 200px;
  }
}
@media (max-width: 1200px) {
  article.franchise section.hero .container .content .panel {
    display: none;
  }
}
article.franchise section.hero .container .content .buttons {
  margin: 0 !important;
}
article.franchise section.brands .container {
  border-bottom: 2px solid #E3E3E3;
}
article.franchise section.brands .heading {
  max-width: 1500px;
  padding: 0 15px;
  margin: 20px auto 0;
}
@media (max-width: 991px) {
  article.franchise section.brands .heading {
    margin: 15px auto 0;
  }
}
article.franchise section.videos {
  background: #ffffff;
}
article.franchise section.videos .heading {
  margin: 37px auto 80px;
}
@media (max-width: 991px) {
  article.franchise section.videos .heading {
    margin: 35px auto 60px;
  }
}
article.franchise section.videos h2 {
  text-align: left;
  padding: 43px 0 0;
  margin-bottom: 0;
}
article.franchise section.videos .items {
  position: relative;
}
article.franchise section.videos .product-section .item {
  flex-direction: row;
}
@media (max-width: 1200px) {
  article.franchise section.videos .product-section .item {
    flex-direction: column-reverse;
  }
}
article.franchise section.videos .product-section .item .content h2 {
  margin-top: 0;
  padding-top: 10px;
}
@media (max-width: 1500px) {
  article.franchise section.videos .product-section .item .content h2 {
    padding-bottom: 0;
  }
}
article.franchise section.videos .product-section .item .content h2, article.franchise section.videos .product-section .item .content h3, article.franchise section.videos .product-section .item .content h4, article.franchise section.videos .product-section .item .content h5 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}
article.franchise section.videos .product-section .item .content .info {
  text-align: center;
  padding-bottom: 0;
}
article.franchise section.videos .product-section .item .content .info p, article.franchise section.videos .product-section .item .content .info li {
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 16px;
  color: #ffffff;
  line-height: 1.3;
}
article.franchise section.videos .product-section .item .content .info li {
  text-align: left;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  article.franchise section.videos .product-section .item .content {
    flex-direction: column;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  article.franchise section.videos .product-section .video-wrapper {
    height: 510px;
  }
  article.franchise section.videos .product-section .video-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1500px) {
  article.franchise section.videos .product-section .video .play img {
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  article.franchise section.videos .product-section .video .play img {
    max-width: 80px;
  }
}
article.franchise section.videos .product-section:nth-child(2n) .item {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  article.franchise section.videos .product-section:nth-child(2n) .item {
    flex-direction: column-reverse;
  }
}
article.franchise section.videos .product-section:nth-child(2n) .video {
  right: 0;
  left: unset;
}

.search-results #main .search-form, .search-no-results #main .search-form {
  width: 100%;
}
.search-results #main .page-header, .search-no-results #main .page-header {
  margin-bottom: 50px;
}
.search-results #main .container, .search-no-results #main .container {
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .search-results #main .container, .search-no-results #main .container {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .search-results #main .container, .search-no-results #main .container {
    padding-bottom: 80px;
  }
}
.search-results #main article, .search-no-results #main article {
  margin-bottom: 30px;
  background: #FAFAFA;
  padding: 20px 35px;
  border-radius: 25px;
}
.search-results #main article span, .search-no-results #main article span {
  font-size: 14px;
}
.search-results #main article .entry-summary p, .search-no-results #main article .entry-summary p {
  color: #818181;
}
.search-results #main article p, .search-no-results #main article p {
  color: #818181;
}
.search-results #main .pagination, .search-no-results #main .pagination {
  justify-content: center;
  align-items: center;
}
.search-results #main .pagination h2, .search-no-results #main .pagination h2 {
  display: none;
}
.search-results .pagination, .search-no-results .pagination {
  padding: 25px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.search-results .pagination .page-numbers, .search-no-results .pagination .page-numbers {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-results .pagination .page-numbers a, .search-no-results .pagination .page-numbers a {
  margin: 0 15px;
  width: 40px;
  height: 40px;
  color: #ffffff;
}
@media (max-width: 560px) {
  .search-results .pagination .page-numbers a, .search-no-results .pagination .page-numbers a {
    margin: 0 auto;
    width: 32px;
    height: 32px;
  }
}
.search-results .pagination .page-numbers a:hover, .search-no-results .pagination .page-numbers a:hover {
  text-decoration: none;
}
.search-results .pagination .page-numbers a.inactive, .search-no-results .pagination .page-numbers a.inactive {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#1C2952), to(#3888C9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #1C2952 0%, #3888C9 100%) 0% 0% no-repeat padding-box;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 560px) {
  .search-results .pagination .page-numbers a.inactive, .search-no-results .pagination .page-numbers a.inactive {
    width: 32px;
    height: 32px;
  }
}
.search-results .pagination .page-numbers span, .search-no-results .pagination .page-numbers span {
  display: inline-block;
  margin: 0 15px;
  color: #818181;
  background: #E3E3E3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: lato, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 560px) {
  .search-results .pagination .page-numbers span, .search-no-results .pagination .page-numbers span {
    margin: 0 auto;
    width: 32px;
    height: 32px;
  }
}