.row {
  display: flex; }

.footer {
  border: none;
  margin: 0px;
  padding: 0px; }

.footer-bottom {
  background: var(--navy-blue);
  padding: 30px 30px 0; }

.footer-bottom a {
  text-decoration: none; }
  .footer-bottom a:hover {
    text-decoration: underline; }

.footer-bottom h5 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.5px; }

.footer-bottom,
.footer-bottom li,
.footer-bottom a,
.footer-bottom h5,
.footer-bottom .powered-by {
  color: var(--white); }

.footer-bottom .icon {
  fill: var(--white); }

.footer-bottom #twitter-logo {
  fill: none; }

.footer-info ul {
  margin-left: 0; }

.footer-info ul li {
  list-style-type: none; }

.footer-info ul li:not(:last-child) {
  margin-bottom: 5px; }

.footer-info svg {
  margin-bottom: 15px;
  max-width: calc(100% - 10%); }

ul.row {
  gap: 15px;
  align-items: center; }

.footer-bottom > .container {
  max-width: 1180px;
  margin-inline: auto;
  align-items: center;
  padding: 0; }

.footer-bottom .footer-info.row {
  max-width: 1440px;
  width: 100%; }

.footer-bottom .footer-info.row > .col-12-sm
.footer-copyright {
  padding-block: 40px; }

.footer-copyright p {
  text-align: center; }

.col-12-sm ul li {
  max-width: 220px; }

.footer-bottom > .container ul li ul li .icon {
  height: 23px;
  width: 23px;
  max-width: 23px;
  max-height: 23px;
  fill: white;
  margin: 0px; }

article.footer-info-col.footer-info-col--small {
  padding: 0;
  margin: 0.5rem 2%; }
  article.footer-info-col.footer-info-col--small h5 {
    margin-bottom: 1rem; }

article.footer-info-col.footer-info-col--small[data-section-type="footer-are-you-a-pro"] {
  display: none; }

ul.hidden-sm > li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px; }

#footer-accordion-products > li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-bottom: 8px; }

#footer-accordion-about > li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-bottom: 8px; }

#footer-accordion-account > li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-bottom: 8px; }

.footer .container-top {
  max-width: 1360px;
  margin-inline: auto;
  text-align: center; }

.footer .container-top h3, .footer .container-top p {
  font-family: 'proxima-nova', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--text-gray); }

.footer .container-top h3 {
  margin-block: 0 40px;
  font-size: 36px;
  font-weight: 300; }

.footer .container-top p {
  letter-spacing: 1.5px;
  margin-block: 0 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px; }
  @media screen and (max-width: 800px) {
    .footer .container-top p {
      font-size: 12px;
      letter-spacing: initial;
      margin-bottom: 0; } }

.footer .container-top form fieldset {
  max-width: 610px;
  margin-inline: auto;
  width: 100%; }

.footer .container-top form fieldset .form-field .form-input {
  border: 2px solid var(--light-blue);
  border-radius: 0;
  padding-inline: 30px;
  height: 65px;
  font-size: 27px;
  font-weight: 500;
  color: black; }
  .footer .container-top form fieldset .form-field .form-input::placeholder {
    color: #969696 !important; }

.footer .container-top form fieldset .form-field .form-input:focus {
  outline: none !important; }

.footer .container-top form fieldset .form-field .form-input::placeholder {
  color: var(--text-gray); }

.footer .container-top .form .form-prefixPostfix .button {
  margin: 0;
  color: white;
  background-color: var(--light-blue);
  padding: 10px 20px;
  text-transform: uppercase !important;
  font-size: 21px;
  font-weight: 700;
  border-radius: 0;
  border-color: var(--light-blue);
  height: 65px;
  letter-spacing: 1.5px; }
  .footer .container-top .form .form-prefixPostfix .button:hover {
    color: #09f; }

.footer-copyright {
  padding: 40px; }

.footer-info [data-section-type="footer-logo-address-socials"] ul li:last-child {
  margin-top: 20px; }

.footer-info [data-section-type="footer-logo-address-socials"] ul li:last-child li {
  margin-top: 0px; }

.footer-mobile-only {
  display: none; }

.form-prefixPostfix .form-input,
.form-prefixPostfix .button {
  width: auto; }

article.footer-info-col.footer-info-col--small .st0 {
  fill: #fff !important; }

.maxxbuyer .pro-price-icon {
  max-width: 35px; }

.maxxbuyer .price-section {
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: auto !important;
  align-items: baseline;
  text-align: left; }

.maxxbuyer .price-wrapper .price {
  font-weight: 900 !important;
  color: #09f !important;
  display: block;
  font-size: 35px !important;
  line-height: 30px; }

.maxxbuyer .price-wrapper .original-price-maxxbuyer {
  text-decoration: line-through;
  font-weight: 300 !important; }

@media (min-width: 801px) {
  .footer-info-col--small {
    width: 18.66%; }
  .footer-info-col--small:first-of-type {
    width: 28%; }
  .footer .container-top form fieldset {
    max-width: 550px; } }

@media (max-width: 800px) {
  .footer-mobile-only {
    display: block; }
  .footer-bottom .footer-info.row {
    flex-direction: column; }
  .footer-bottom {
    padding: 30px 15px; }
  .footer-info-col--small ul.hidden-sm {
    display: none; }
  .footer-info-col--small [ahid="true"] {
    display: none; }
  .footer-info-col--small [ahid="false"] {
    display: block;
    margin-top: 10px; }
  .col-12-sm.hidden-sm h5 {
    font-size: 16px;
    text-align: left;
    letter-spacing: normal;
    margin: 0px;
    border-top: 1px solid var(--cloud-blue);
    padding: 8px 12px;
    font-weight: 600;
    position: relative; }
  .col-12-sm.hidden-sm h5[acon="footer-accordion-are-you-a-pro"] {
    border-top: none; }
    .col-12-sm.hidden-sm h5[acon="footer-accordion-are-you-a-pro"]::after {
      display: none; }
  .footer-bottom > .container {
    padding: 0px 15px; }
  .footer-bottom .footer-info.row {
    width: initial; }
  .footer-info-col {
    width: 100%; }
  article.footer-info-col.footer-info-col--small {
    margin: 0px; }
  article.footer-info-col.footer-info-col--small[data-section-type="footer-account"] {
    border-bottom: 1px solid var(--cloud-blue); }
  article.footer-info-col.footer-info-col--small[data-section-type="footer-are-you-a-pro"] {
    display: block !important; }
  .col-12-sm.hidden-sm h5:after {
    content: "";
    width: 40px !important;
    right: 0px;
    top: 0px;
    height: 40px !important;
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="%23ffff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%; }
  .col-12-sm.hidden-sm h5[aexp="true"]:after {
    transform: rotateX(180deg); }
  .footer-info svg {
    width: 180px;
    margin: 0px auto 25px;
    display: block; }
  .row.mobile-socials {
    margin: 0pc;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin: 40px 20px; }
  ul.row.mobile-contact {
    margin: 15px 15px 0px 15px;
    list-style-type: none;
    align-items: center;
    justify-content: center; }
  ul.row.mobile-contact li:first-child a:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="phone-svg" data-name="phone-svg" viewBox="0 0 511.97 512"><defs><style>.phone-svg{fill:%23fff;}</style></defs><title>phone</title><path class="phone-svg" d="M510.89,396.71q-2.17-6.55-27.63-19.27-6.9-4-19.63-10.91T440.54,353.8q-10.38-5.82-19.46-11.27-1.45-1.09-9.09-6.37a102.2,102.2,0,0,0-12.91-7.82,23.81,23.81,0,0,0-10.36-2.54q-7.27,0-18.17,10.36a177.05,177.05,0,0,0-20,22.55,219.23,219.23,0,0,1-19.27,22.54q-10.19,10.37-16.73,10.36a24.73,24.73,0,0,1-8.19-1.81c-3.27-1.21-5.75-2.25-7.46-3.09s-4.59-2.55-8.72-5.1-6.43-3.94-6.91-4.18q-49.82-27.64-85.45-63.27t-63.27-85.46q-.36-.73-4.18-6.91t-5.09-8.73a78.8,78.8,0,0,1-3.09-7.45,24.6,24.6,0,0,1-1.82-8.18q0-6.54,10.36-16.73a219,219,0,0,1,22.54-19.27,177,177,0,0,0,22.54-20q10.36-10.91,10.36-18.18a23.74,23.74,0,0,0-2.54-10.36A101.08,101.08,0,0,0,175.83,100q-5.28-7.64-6.37-9.09Q164,81.82,158.19,71.45T145.46,48.36q-6.91-12.72-10.91-19.63Q121.83,3.28,115.28,1.09A20.36,20.36,0,0,0,107.65,0Q97.83,0,82,3.64T57.1,11.27Q38.92,18.91,18.56,55.63,0,89.8,0,123.26a140.43,140.43,0,0,0,1.27,19.09,156.88,156.88,0,0,0,4.55,20.91Q9.1,174.9,11.1,180.53t7.45,20.18Q24,215.26,25.1,218.53q12.73,35.64,30.18,63.64Q84,328.71,133.63,378.35t96.18,78.36q28,17.45,63.64,30.18,3.27,1.09,17.81,6.55t20.18,7.45q5.63,2,17.27,5.28a158.28,158.28,0,0,0,20.91,4.55A142.26,142.26,0,0,0,388.72,512q33.45,0,67.64-18.55,36.72-20.36,44.35-38.55,4-9.08,7.64-24.91T512,404.36A20.28,20.28,0,0,0,510.89,396.71Z" transform="translate(-0.01)"/></svg>');
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    background-size: 100% 100%;
    top: 0px; }
  ul.row.mobile-contact li:nth-child(2) a:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="envelope" data-name="envelope" viewBox="0 0 512 402.28"><defs><style>.cls-1{fill:%23fff;}</style></defs><title>envelope</title><path class="cls-1" d="M49.14,178.86q9.72,6.86,58.57,40.71t74.86,52.14q2.86,2,12.14,8.72t15.43,10.86q6.14,4.14,14.86,9.28a86.2,86.2,0,0,0,16.43,7.71,45.27,45.27,0,0,0,14.29,2.57h.58a45.31,45.31,0,0,0,14.29-2.57A86.29,86.29,0,0,0,287,300.57q8.71-5.15,14.86-9.28t15.43-10.86q9.28-6.72,12.14-8.72,26.28-18.28,133.71-92.86A135.73,135.73,0,0,0,498,143.71q14-20.56,14-43.14a43.79,43.79,0,0,0-13.57-32.29q-13.57-13.43-32.14-13.43H45.71q-22,0-33.86,14.85T0,106.86q0,18,15.71,39T49.14,178.86Z" transform="translate(0 -54.86)"/><path class="cls-1" d="M483.43,209.43Q389.72,272.85,341.14,308q-16.29,12-26.43,18.71t-27,13.71q-16.85,7-31.42,7h-.58q-14.57,0-31.43-7t-27-13.71Q187.15,320,170.86,308q-38.57-28.28-142-98.57A151.34,151.34,0,0,1,0,184.57V411.42a44,44,0,0,0,13.43,32.29,44,44,0,0,0,32.29,13.43H466.29A45.85,45.85,0,0,0,512,411.42V184.57A157.55,157.55,0,0,1,483.43,209.43Z" transform="translate(0 -54.86)"/></svg>');
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    background-size: 100% 100%;
    top: 0px; }
  ul.row.mobile-contact li a {
    position: relative;
    padding-left: 22px;
    line-height: 26px; }
  .footer-info-col--small [ahid="false"] li {
    text-align: left;
    padding-left: 15px;
    display: block; }
  .footer .container-top h3 {
    font-size: 20px;
    margin: 0px 20px 20px 20px; }
  .footer .container-top form fieldset .form-field .form-input {
    height: 35px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px; }
  .footer .container-top .form .form-prefixPostfix .button {
    width: 135px;
    height: 35px;
    font-size: 14px; }
  .footer-copyright {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px; }
  .container.container-top .form-prefixPostfix.wrap {
    flex-wrap: nowrap; } }

@media (max-width: 930px) and (min-width: 801px) {
  .login-row > .login-form .form-title, .login-row > .login-form-modal .form-title {
    font-size: 25px; }
  .new-customer .panel-title {
    font-size: 25px; }
  .login-form, .login-form-modal, .new-customer {
    padding: 0px 40px; } }
