﻿@charset "UTF-8";
/*
Theme Name: Anatol-2025
Author: Anatol Lviv/p-i-p
Version: 3.0001
Text Domain: anatol.com
*/
 
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/Roboto.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "RobotoBlack";
  font-style: normal;
  font-weight: 900;
  src: url(assets/fonts/Roboto/static/Roboto-Black.ttf) format("truetype");
  font-display: swap;
}
 

@font-face {
  font-family: "Gothic";
  font-style: normal;
  font-weight: normal;
  src:  url(assets/fonts/Science_Gothic/ScienceGothic-VariableFont_CTRS,slnt,wdth,wght.ttf) format("truetype");
  font-display: swap;
}
/* ANIMATIONS */
@-webkit-keyframes sticky {
  0% {
    /* -webkit-transform: translateY(-100%); */
    /* transform: translateY(-100%); */
  }

  100% {
    /* -webkit-transform: translateY(0%); */
    /* transform: translateY(0%); */
  }
}

@keyframes sticky {
  0% {
    /* -webkit-transform: translateY(-100%); */
    /* transform: translateY(-100%); */
  }

  100% {
    /* -webkit-transform: translateY(0%); */
    /* transform: translateY(0%); */
  }
}

/* Reset CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* base vars */

  --base-font-family: "Roboto", Roboto, Arial, sans-serif;

  --text-font-family: "Montserrat", Roboto, Arial, sans-serif;

  --container-width: 1200px;

  --base-color: #ffffff;
  --base-color-rgb: 255, 255, 255;
  --base-color-black: #000000;
  --base-color-black-rgb: 0, 0, 0;
  --main-color: #cd2122;
  --main-color-hover: rgba(193, 33, 38, 0.8);
  --contact-form-bg: linear-gradient(180deg,
      rgba(27, 31, 37, 0.2) 0%,
      rgb(27 31 37 / 71%) 100%);
  --border-radius: 5px;
  --base-font-size: calc(14px + 3 * ((100vw - 320px) / (1920 - 320)));
  --accordeon-title-font-size: calc(14px + 13 * ((100vw - 320px) / (1920 - 320)));
  --base-title-font-size: calc(20px + 25 * ((100vw - 320px) / (1920 - 320)));
  --border-box-shadow-color: rgb(219 210 210 / 50%);
  --box-shadow-color: rgb(0 0 0 / 58%);
  --base-box-shadow: 0px 0px 6px 0px var(--box-shadow-color);

  --letter-spacing: 0.1rem;
  --base-transition: 0.35s ease-in;

  --base-wrapper-margin: max(10vh, 2.5rem) auto;
  --base-wrapper-gap: 5vw;
}

/* Default tag styles */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-y: auto;
}

body,
html {
  min-height: 100%;
  padding: 0;
  margin: 0;
  outline: none;
  background: #fff;
  font-family: var(--text-font-family);
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  /* overflow-y: auto; */
  scroll-behavior: smooth;
  transition: scroll-behavior 0.5s ease-in;
}

body {
  overflow: hidden;
}

::-webkit-scrollbar {
  /* background-color: #cd2122; */
  /* appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; */
  scroll-behavior: smooth;
  width: 0.5rem;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #a1a1a1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #cd2122;
  border-radius: 5px;
}

/* Buttons */


/*  To customize the sliding buttons*/


::-webkit-scrollbar-button:single-button {
  background-color: transparent;
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}

 
/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 5px 0px 0 5px;
  height: 15px;
  width: 20px;
  background-position: center left;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(6, 222, 225)'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
}

/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 5px 5px 0;
  height: 15px;
  width: 20px;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='50,0 50,100 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(6, 222, 225)'><polygon points='50,0 50,100 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,0 50,100 100,50'/></svg>");
}

* div */ .search-box {
  position: relative;
  background: transparent;
  height: 39px;

  padding: 0;
}

.search-input {
  outline: none;
  border: none;
  background: none;
  width: 0;
  padding: 0;
  color: #363636;
  float: left;
  font-size: 14px;
  transition: .3s;
  line-height: 39px;
}

.search-input::placeholder {
  color: #dbc5b0;
}

.search-btn {
  color: #fff;
  float: right;
  width: 40px;
  height: 39px;
  border-radius: 50px;
  background: #cd595a;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: .3s;
}

#searchform .search-btn {
  min-width: 45px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.128' height='29' viewBox='0 0 29.128 29'%3E%3Cg id='Layer_x0020_1' transform='translate(0 -4)'%3E%3Cpath id='Path_1413' data-name='Path 1413' d='M10.634,25.268A10.633,10.633,0,0,1,3.124,7.107a10.652,10.652,0,0,1,15.038,0,10.643,10.643,0,0,1-7.527,18.161Zm0-2.39a8.253,8.253,0,1,1,5.838-2.407A8.211,8.211,0,0,1,10.634,22.878Z' transform='translate(0 0)' fill='rgba(255,255,255,0.8)' fill-rule='evenodd'/%3E%3Cpath id='Path_1414' data-name='Path 1414' d='M1044.663,1042.626a.53.53,0,0,1-.376-.153l-2.287-2.287a9.89,9.89,0,0,0,1.093-.973,10.117,10.117,0,0,0,1.058-1.212l2.3,2.3a.515.515,0,0,1,0,.734.551.551,0,0,1-.359.136.475.475,0,0,1-.307-.1l-.666.819a.531.531,0,0,1-.1.581A.52.52,0,0,1,1044.663,1042.626Z' transform='translate(-1024.214 -1016.351)' fill='rgba(255,255,255,0.8)' fill-rule='evenodd'/%3E%3Cpath id='Path_1415' data-name='Path 1415' d='M1174,1172.217a2.144,2.144,0,0,1-1.553-.648l-4.813-4.8a2.248,2.248,0,0,1,0-3.124,2.225,2.225,0,0,1,3.14,0l4.8,4.8a2.226,2.226,0,0,1,0,3.124A2.181,2.181,0,0,1,1174,1172.217Z' transform='translate(-1147.08 -1139.217)' fill='rgba(255,255,255,0.8)' fill-rule='evenodd'/%3E%3Cpath id='Path_1416' data-name='Path 1416' d='M279.212,380.783a4.883,4.883,0,0,1,0-6.913.526.526,0,0,0,0-.717.515.515,0,0,0-.734,0,5.9,5.9,0,0,0,0,8.347.52.52,0,0,0,.358.154.512.512,0,0,0,.376-.87Z' transform='translate(-272.026 -362.701)' fill='rgba(255,255,255,0.8)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  font-size: 0;
}

.search-box input[type="submit"] {
  background-color: transparent;
}

.search-input:focus,
.search-input:not(:placeholder-shown) {
  width: 240px;
  padding: 0 6px;
  background: #ffffff;
}

.search-box:hover>.search-input {
  width: 240px;
  padding: 0 6px;
  background: #ffffff;
}

.search-box:hover>.search-btn,
.search-input:focus+.search-btn,
.search-input:not(:placeholder-shown)+.search-btn {
  background: #cd2122;
  color: #ffffff;
}

.search_results .blog-list__item {
  width: calc((100% - 150px) / 4);
  display: flex;
  box-shadow: 4px 4px 8px rgb(0 0 0 / 20%);
  flex-direction: column;
}

.search_results .blog-post__img,
.search_results .post_item_caption {
  width: 100%;
  background: #ffffff;
  height: 100%;
}


.search_results .blog-post__title {
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search_results .read_more_content {
    align-self: center;
}

.search_read_more {
  background: #cd2122;
  border-radius: 6px;
  color: #FFF;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 700;
  margin-top: 16px;
}

.search_results .blog-list__item img {
  margin: 0 auto;
  max-height: 200px;
  width: auto;
}

.search_results .blog-list__item.img_post img {

  max-height: 200px;
  width: 100%;
}

.search_results .blog-post__description {
  box-shadow: none;
  padding: 12px 6px;
  height: 100%;
}

/****************/

a {
  text-decoration: none;
  color: black;
  transition: color 0.2s ease-in;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0;
}

p,
span {
  margin: 0;
  z-index: 1;
}

iframe,
embed {
  max-width: 100%;
}

section {
  width: 100%;
  /* clear: both; */
  overflow: hidden;
  display: flex;
}

picture {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

img {
  /* width: 100%; */
  max-width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
}

img:before {
  position: absolute;
  content: "Please wait. The image is loading.. The image shows - " attr(alt);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1vw;
  font-style: italic;
  font-family: var(--text-font-family);
  background-color: #fff;
  z-index: 1;
}

.strong,
strong {
  font-weight: 700;
}

b {
  font-weight: 600;
}

em,
i {
  font-style: italic;
}

address {
  display: block;
  font-style: italic;
  font-size: max(0.7vw, 14px);
}

input[type="search"] {
  -webkit-appearance: none;
}

select,
input[type="checkbox"] {
  cursor: pointer;
}

mark {
  background-color: transparent;
  color: black;
}

/*
 * Default WP Alignment Classes 
 */

.aligncenter,
.alignleft,
.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: .5em auto 1em;
}

.alignright {
  float: right;
  margin: .5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: .5em 1em 1em 0;
}

.wp-caption {
  padding: 5px 0;
  border: 1px solid #555;
  background: #444;
  text-align: center;
}

.wp-caption img {
  display: inline;
}

.wp-caption p.wp-caption-text {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
  font-weight: 100;
  font-style: italic;
  color: #ddd;
}

/* SVG styles */
.svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Custom common styles */

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: var(--container-width);
  position: relative;
  width: 100%;
}

.button,
a.button,
.form-submit input,
input[type="submit"] {
  --button-width: auto;
  --button-horizontall-side-padding: 1.75rem;
  --button-vertical-side-padding: 0.75rem;
  --button-background-color: #cd2122;
  --button-base-color: #fff;
  --button-font-size: 12px;

  --button-box-shadow: none;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--button-vertical-side-padding) var(--button-horizontall-side-padding);
  color: var(--button-base-color) !important;
  font-family: var(--text-font-family);
  font-weight: bold;
  font-size: var(--button-font-size);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  background: var(--button-background-color);
  text-shadow: none;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 1;
  -webkit-box-shadow: var(--button-box-shadow);
  box-shadow: var(--button-box-shadow);
  border: none;

  min-width: 7.5rem;

  width: var(--button-width);

  border-radius: 5px;
}


/* .button:hover,
.button:active,
.button:focus {
  --button-box-shadow: inset 2px 2px 5px rgb(0 0 0 / 45%),
    inset -2px -2px 5px rgb(255 0 0 / 60%), 0 0 5px 1px rgb(255 0 0 / 100%);
} */

.button--full {
  --button-width: 100%;
}

.button.draw-white {
  /* --button-box-shadow: inset 0 0 0 1px white; */
  /* transition: color 0.25s 0.0833333333s; */
  /* position: relative; */
}

.draw-red {
  transition: color 0.25s 0.0833333333s, box-shadow 0.33s ease-in;
  position: relative;
}

.draw-red:hover,
.button.draw-white:hover {

}

.draw-red::before,
.draw-red::after,
.button.draw-white::before,
.button.draw-white::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}


.draw-red:hover::before,
.button.draw-white:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.draw-red:hover::after,
.button.draw-white:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}


.hidden {
  display: none;
}

.overflow--hidden {
  overflow: hidden;
}

.notvisible {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.topnav-li,
.topnav .menu-item {
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
 

.legend {
  color: #a7a7a7;
}

/* Page Title */

.page-title {
  --page-title-font-size: max(3vw, 22px);

  font-size: var(--page-title-font-size);
  font-family: var(--base-font-family);
  font-weight: 700;
  line-height: 1.1;
}

/* Section title */
.section_title {
  --section-title-font-size: 24px;
  --section-title-base-color: #000;

  font-family: var(--base-font-family);
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--section-title-font-size);
  color: var(--section-title-base-color);
  line-height: 1;
  /* text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%); */
}
 
 /****HERO*******************************/
 

 
.hero {
	width: 100%;
	min-height: max(35vh, 20rem);
	display: flex;
	justify-content: center;
	align-items: center;  
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
} 
.hero__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.white_shadow::before { 
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    #ffffff 100%
  );
}
.white_shadow .hero__title,
.white_shadow .hero__description,
.white_shadow .breadcrumbs,
.white_shadow .breadcrumbs span,
.white_shadow .breadcrumbs a {
  color: #000;
}

.about_us_header {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    margin-top: 128px;
    position: relative;
}

.about_us_bread {
    display: flex;
    align-items: center;
    gap: 8px;
}

.about_us_header h2 {
    font-weight: 700;
    margin-top: 20px !important;
}

.hero--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5vh;
  margin: max(15vh, 7.5rem) auto max(5vh, 2.5rem);

  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

.hero__subtitle {
  font-size: max(1.5vw, 20px);
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.hero__description {
  font-size: max(1vw, 15px);
  font-family: "Montserrat", sans-serif;
}

.breadcrumbs {
  color: #000;
  font-size: 1rem;
  display: inline-block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  align-self: center;
}

.breadcrumbs,
.breadcrumbs span,
.breadcrumbs a {
  color: #000;
}

@media screen and (max-width: 700px) {
  .hero__title {
    padding: 0 0.25rem;
  }
  .hero__description {
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 768px) and (orientation: landscape) {
  .hero {
    min-height: 15rem;
  } 
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /***********************************/
.monthly_payment {
  margin-bottom: 20px;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  padding-right: 3px;
}

.monthly_payment a {
  display: block;
  padding: 2px 10px !important;
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: #ab1a1f !important;
}

.monthly_payment:hover {
  text-decoration: none;
}

.CIT-widget .CIT-widget--inline-button .CIT-widget__button {
  text-align: left;
  background: url(/wp-content/themes/newanatol/assets/images/dollar-piece.svg) 98% 50% no-repeat !important;
  background-size: 40px !important;
  color: #ab1a1f !important;
  height: 50px;
  width: 250px;
  border-radius: 0;
  border: 2px solid #ab1a1f;
  border-radius: 25px;
}

.CIT-widget--inline-button .CIT-widget-active {
  position: relative;
}
 
.CIT-widget-button__support-text {
  padding-top: 5px;
  width: 250px;
}

.CIT-widget--inline-button .CIT-widget__button:hover {
  color: #fff !important;
  background: #ab1a1f url(/wp-content/themes/newanatol/assets/images/dollar-piece-white.svg) 98% 50% no-repeat !important;
  background-size: 40px !important;
}

.CIT-widget--inline-button .CIT-widget__button .CIT-arrow--right {
  display: none !important;
}

.CIT-widget-validation-error {
  padding: 11px 15px !important;
  font-size: 14px !important;
}

.CIT-discliamer-button {
  color: #ab1a1f !important;
}

.CIT-widget--inline-button .CIT-widget__button {
  padding: 3px 12px !important;
  line-height: 1 !important;
}

.CIT-widget__button small {
  font-size: 0 !important;
  display: block;
  line-height: 16px;
  padding-left: 5px;
}

.CIT-widget__button small::after {
  content: " Payments starting at";
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.CIT-widget {
  margin: 0;
}

.CIT-term__container {
  cursor: pointer;
  position: relative;
}

.CIT-term__container:before {
  content: " ";

  margin-right: 5px;
  margin-top: 5px;

  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #ab1a1f transparent transparent transparent;
}

.CIT-widget .CIT-widget-button__support-text span.cit-widget-month {
  padding-left: 15px;
}

.CIT_button-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.CIT_button-wrapper .get_a_quote.button {
  margin-top: 6px;
  font-size: 18px;
}

.more_cit_info {
  border-left: 2px solid #ab1a1f;
  padding: 10px 30px 10px 15px;
  background: #f0f0f0;
  font-size: 14px;
}

.more_cit_info.more_cit_info--hidden {
  display: none;
}

.monthly_payment_financing {
	
  text-align: center;
  margin: 30px auto 30px auto;
}


#monthly_payment,
.monthly_payment_financing {
	
  display: none !important;
	
}

.monthly_payment_financing a {
  text-align: left;
  background: url(/wp-content/themes/newanatol/assets/images/dollar-piece.svg) 98% 50% no-repeat !important;
  background-size: 40px !important;
  color: #ab1a1f !important;
  font-weight: 700;
  height: 50px;
  width: max-content;
  padding-left: 15px;
  padding-right: 55px;
  line-height: 46px;
  display: inline-block;
  border-radius: 25px;
  border: 2px solid #ab1a1f;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}

.monthly_payment_financing a:hover {
  color: #fff !important;
  background: #ab1a1f url(/wp-content/themes/newanatol/assets/images/dollar-piece-white.svg) 98% 50% no-repeat !important;
  background-size: 40px !important;
  text-decoration: none;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.financing_info_text {
  width: 90%;
  margin: 60px auto 60px auto;
  padding: 0 30px;
}

.more_finance {
  text-align: center;
  padding-bottom: 20px;
}

.more_finance h2 {
  font-family: "Roboto", sans-serif;
  color: #353535;
  font-size: 30px;
  font-weight: 700;
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  margin-top: 10px;
}

.more_finance h2::before {
  display: block;
  content: "";
  width: 40px;
  height: 4px;
  background-color: #ab1a1f;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
}

.item_finance_info {
  padding-left: 40px;
  position: relative;
  padding-bottom: 5px;
}

.item_finance_info::before {
  display: flex;
  width: 27px;
  height: 27px;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: rgba(240, 203, 203, 0.29);
  font-family: "anatol";
  font-size: 11px;
  font-weight: bold;
  color: #ab1a1f;
  content: "\E830";
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: -5px;
}

.item_finance_info h3 {
  font-weight: bold;
}

.grecaptcha-badge {
  display: none;
  /* transform: translateX(300);
  opacity: 0;
  visibility: hidden; */
}

.header {
  position: fixed;
  width: 100%;
  top: 20px;
  left: 50%;
  right: 0;
  z-index: 99;
  background: #eeeeee8c;
  backdrop-filter: blur(6px);
  transform: translate(-50%, 0);
  max-width: 1200px;
  padding: 8px 28px;
  border-radius: 12px;
  box-shadow: 0px 4px 8px #00000060;
}
.header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  opacity: 0.6;
  pointer-events: none;
  /* background: linear-gradient(180deg, #000 0, transparent); */
}

body.post-template-default.single-post .header,
body.blog .header{
	/* background: #000; */
}

.header a.menu-cart {
  color: #111;
}

.header__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 3vw;
  align-items: center;
  padding: 12px 0;
}

/* HEADER TOP STYLES */

.header-top {
  border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.header-top__item {
  display: flex;
  gap: 1.15vw;
  align-items: center;
}

.header-contacts {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  gap: 0.5rem;
}

.header-contacts span {
  font-size: max(0.7vw, 12px);
  transition: all 0.3s ease-in;
}

.svg-phone {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='M17.167,16.155a2.5,2.5,0,0,0-3.535,0l-.385.384A46.692,46.692,0,0,1,7.458,10.75l.385-.385a2.5,2.5,0,0,0,0-3.536L5.721,4.708a2.5,2.5,0,0,0-3.535,0L1.022,5.872a3.51,3.51,0,0,0-.442,4.4A46.932,46.932,0,0,0,13.722,23.417a3.542,3.542,0,0,0,4.4-.442l1.165-1.164a2.5,2.5,0,0,0,0-3.535Z' /%3E%3Cpath d='M11.5,0a1,1,0,0,0,0,2A10.512,10.512,0,0,1,22,12.5a1,1,0,1,0,2,0A12.515,12.515,0,0,0,11.5,0Z' /%3E%3Cpath d='M11.5,6A6.508,6.508,0,0,1,18,12.5a1,1,0,0,0,2,0A8.51,8.51,0,0,0,11.5,4a1,1,0,1,0,0,2Z' /%3E%3Cpath d='M11.5,10A2.5,2.5,0,0,1,14,12.5a1,1,0,0,0,2,0A4.505,4.505,0,0,0,11.5,8a1,1,0,1,0,0,2Z' /%3E%3C/svg%3E");
}

.header-contacts:hover {
  color: #cd2122;
}

.header-contacts:hover .svg-phone {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23cd2122'%3E%3Cpath d='M17.167,16.155a2.5,2.5,0,0,0-3.535,0l-.385.384A46.692,46.692,0,0,1,7.458,10.75l.385-.385a2.5,2.5,0,0,0,0-3.536L5.721,4.708a2.5,2.5,0,0,0-3.535,0L1.022,5.872a3.51,3.51,0,0,0-.442,4.4A46.932,46.932,0,0,0,13.722,23.417a3.542,3.542,0,0,0,4.4-.442l1.165-1.164a2.5,2.5,0,0,0,0-3.535Z' /%3E%3Cpath d='M11.5,0a1,1,0,0,0,0,2A10.512,10.512,0,0,1,22,12.5a1,1,0,1,0,2,0A12.515,12.515,0,0,0,11.5,0Z' /%3E%3Cpath d='M11.5,6A6.508,6.508,0,0,1,18,12.5a1,1,0,0,0,2,0A8.51,8.51,0,0,0,11.5,4a1,1,0,1,0,0,2Z' /%3E%3Cpath d='M11.5,10A2.5,2.5,0,0,1,14,12.5a1,1,0,0,0,2,0A4.505,4.505,0,0,0,11.5,8a1,1,0,1,0,0,2Z' /%3E%3C/svg%3E");
}

/* LANGUAGE SWITCH */
.lang_swither {
  position: relative;
}

.lang_swither .lang_icon_active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;

  /* padding: 0 0.5rem; */

  cursor: pointer;
  text-transform: uppercase;
  /* font-weight: bold; */
  font-size: max(0.55vw, 20px);
  color: #111;
  text-align: center;
  /* min-width: 40px; */
}

.lang_swither .sub-menu {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  min-width: 40px;
  padding: 0;
  transform: translate(0, 27.5%) scaleY(0);
  transform-origin: 0 0;

  opacity: 0;
  transition: 0.4s ease-in-out;
  background-color: #f8f8f8;
  box-shadow: 0 -6px 0 #fff, 0 1px 6px rgb(0 0 0 / 25%);

  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: none !important;

  z-index: 99999;
  line-height: 1.5;
  list-style: none;
}

.lang_swither .sub-menu a {
  color: #696969;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: max(0.55vw, 12px);
  padding: 7.5px 0;
}

.lang_swither .sub-menu a:is(:hover, :active, :focus) {
  color: var(--main-color);
}

.lang_dropdoun:hover svg path {
  stroke: #cd2122;
}

.lang_dropdoun:hover .sub-menu,
.lang_dropdoun:focus .sub-menu {
  /* #main-menu ul li:hover .sub-menu { */
  opacity: 1;
  transform: translate(0, 27.5%) scaleY(1);
}

/* Header search */

.header-search .header-search-button {
  line-height: 1;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  margin: 0;
  border-radius: 2px;
}

.header-search .header-search-container {
  display: none;
}

.header-search .gensearch__form {
  border-bottom: 1px solid #ccc;
  margin: 0;
  position: relative;
}

.header-search .gensearch__input {
  background: 0 0;
  border: none;
  font-size: 12px;
  color: #999;
  padding: 5px 0;
  margin: 0;
  display: inline-block;
  box-shadow: none;
  outline: none;
  font-style: italic;
  height: auto;
  width: calc(100% - 30px);
}

/* Cart */

.topmenu-cart {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0.5vh 0.25vw;
}

.menu-cart {
  background: transparent;
  border: none;
  outline: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  transition: .4s;
}

.cat_breadcrumbs h2 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.menu-cart:hover svg path  {
  fill: #cd2122;
}

.mini_count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  line-height: 1;
  background-color: red;
  border-radius: 50%;
  min-height: 1.1rem;
  min-width: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  text-align: center;
  color: #FFF;
}

.mini_cart_content {
  position: absolute;
  top: 70%;
  right: 0;
  min-width: 12.5vw;
  min-height: 5vh;
  padding: 0.75vw;
  background-color: hsla(0, 0%, 100%, 0.95);
  box-shadow: 0 0 2.5px 0 rgb(255 0 0 / 50%);

  z-index: 9;
  transform: translate(0, .75vh);
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.topmenu-cart:hover .mini_cart_content,
.topmenu-cart:active .mini_cart_content,
.topmenu-cart:focus .mini_cart_content,
.mini_cart_content:hover {
  /* transform: translate(0, 0.75vh); */
  opacity: 1;
  visibility: visible;
  transition: 0.8s ease-in-out;
}


.additionals-buttons {
  display: none;
  position: relative;
}

/* Cart dropdown */

.widget_shopping_cart_content {
  display: flex;
  flex-direction: column;
  gap: 1vh;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: var(--base-font-family);
}

.woocommerce-mini-cart {
  display: flex;
  flex-direction: column;
  gap: 0.25vh;
  justify-content: space-between;
  align-items: center;
}

.woocommerce-mini-cart-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0.25vw;
}

.mcart_it_link {
  display: flex;
  justify-content: space-between;
  gap: 0.5vw;
  align-items: center;
}

.mini_thumb {
  width: min(7.5vw, 7.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.mini_thumb_name {
  display: flex;
  flex-direction: column;
  gap: 0.5vh;
  color: #363636;
  font-weight: 600;
  font-size: max(0.55vw, 14px);
  align-items: stretch;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
}

.remove_from_cart_button {
  border: 1px solid #cd2122;
  width: 25px;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #cd2122 !important;
  justify-content: center;
  margin-left: 5px;
}

.remove_from_cart_button:is(:hover, :active, :focus) {
  background-color: #cd2122;
  color: #fff !important;
}

/* Cart dropdown buttons */

.woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: space-evenly;
  gap: 0.5vw;
  align-items: center;
  width: 100%;
}

.woocommerce-mini-cart__buttons .button {
  --button-horizontall-side-padding: 0.75vw;
  --button-vertical-side-padding: 1vh;
  --button-font-size: max(0.55vw, 12px);
}



.first-slide-lcp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  
  z-index: 0; /* НЕ -1! */
  opacity: 1;
  height: 100vh;
  overflow: hidden;
}

.first-slide-lcp img { 
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 0; /* НЕ -1! */
  opacity: 1;
}



/* Logo */

.logo-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-main__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  justify-content: center;
}

.logo-container {
  max-width: 15%;
}

.logo {
  display: flex;
}

.logo img {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.logo svg {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* Logo infocard */

.logo-infocard {
  display: none;
  color: #fff;
  position: absolute;
}

.logo-infocard a {
  color: #FFF;
}

.logo-infocard .inf_cont {
  display: flex;
  gap: 1.75vw;
}

.logo-infocard .inf_left,
.logo-infocard .inf_right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  justify-content: space-between;
}

.logo-infocard .info-img {
  max-width: 100px;
}

.logo-container:focus .logo-infocard,
.logo-container:hover .logo-infocard {
  display: block;
}

.ico_location {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cg data-name='10-location' id='_10-location'%3E%3Cpath class='cls-1' d='M27,12A11,11,0,0,0,5,12C5,22,16,31,16,31S27,22,27,12Z' /%3E%3Ccircle class='cls-1' cx='16' cy='12' r='5' stroke='red'/%3E%3C/g%3E%3C/svg%3E");
}

.map-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.logo-container .logo-infocard {
  position: absolute;
  width: 30rem;
  padding: 1.5vw 1.25vw;
  background: #cd2122;
  border-radius: 2px;
  font-size: max(0.6vw, 12px);
  display: block;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 2px 3px rgb(0 0 0 / 40%);
  z-index: 1;
  transition: all 0.15s ease-out;
  transition-delay: 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: 0%;
  transform: translate(0, 107.5%);
  font-family: var(--base-font-family);
}

.logo-container:focus .logo+.logo-infocard,
.logo-container:hover .logo+.logo-infocard {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
  transition-delay: 0s;
  z-index: 2;
}

/* MAIN MENU STYLES */
/* Main navigation */

.navbar {
  display: flex;
  flex-grow: 1;
  max-width: 65%;
}

.main-menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 38px;
}

/* =======================
   Menu Item (Main)
======================= */
.menu-item {
  /* flex-grow: 1; */
  position: relative;
}

.menu-item.has-mega-menu {
  position: initial;
}

.menu-item a {
  --menu-link-horizontal-padding: 0.25rem;
  --menu-link-vertical-padding: 0.5rem;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: var(--menu-link-vertical-padding) var(--menu-link-horizontal-padding);
  font-size: max(0.55vw, 10px);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: var(--base-color);
  text-transform: uppercase;
  position: relative;
  height: 100%;
  z-index: 2;
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}



.menu-item a::before {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  width: 0%;
  height: 100%;
  border-bottom: 2px solid #cd2122;
  color: #cd2122;
  opacity: 0;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-in;
  z-index: 1;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
} 

.menu-items a .menu-link {
  transition: .4s;
}

.menu-item a:hover .menu-link {
  color: #cd2122;
}


.menu-item a:is(:hover, :focus, :active)::before {
  width: 100%;
  opacity: 1;
}

.menu-link {
  z-index: 2;
  color: #474747;
  font-size: 12pt;
}

.dropdown .menu-link {
  font-size: 10pt;
}

#menu-item-32095 a span {
  color: #cd2122;
  font-weight: 600;
}

/* =======================
   Dropdown
======================= */
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200%;
  padding: 0.65rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10%);
  background-color: #FFF;
  display: flex;
  transition: all 0.5s ease-in;
}

.menu-item:focus .dropdown,
.menu-item:hover .dropdown {
  opacity: 1;
  transform: translateY(6%);
  visibility: visible;
  margin-top:-2px;
}

/* Mega Menu */
.menu-item.has-mega-menu > .dropdown {
  /* width: var(--container-width); */
  /* transform: translateY(7.5%); */
}

.menu-item.has-mega-menu:focus > .dropdown,
.menu-item.has-mega-menu:hover > .dropdown {
  transform: translateY(0);
}

.menu-item.has-mega-menu .dropdown .dropdown-menu {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  left: 0;
}

.menu-item.has-mega-menu .dropdown .menu-item a {
  --menu-link-horizontal-padding: 0.75rem;
  --menu-link-vertical-padding: 0.75rem;
  text-align: left;
  height: auto;
}

.menu-item.has-mega-menu .dropdown .menu-item a::before {
  width: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in;
}

.menu-item.has-mega-menu .dropdown .menu-item a:hover::before {
  /* background-color: #cd2122; */
}

.menu-item.has-mega-menu .dropdown .menu-item a::after {
  content: "View all";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 4.65vw;
  height: 1.5vw;
  padding-right: 1vw;
  font-size: 80%;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' ... %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1vw;
  transition: background 0.25s ease-in;
}

.menu-item.has-mega-menu .dropdown .menu-item a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23cd2122' ... %3C/svg%3E");
}

/* Dropdown Menu Items */
.dropdown-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  gap: 0 1.5vw;
}

.dropdown .menu-item {
  position: relative;
}

.dropdown .menu-item a {
  justify-content: flex-start;
  color: #333;
}

.dropdown .menu-item a::before {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  transform: translateY(-50%);
}

.dropdown .menu-item a:is(:hover, :focus) {
  color: #cd2122;
  /* border-bottom: 2px #cd2122 solid; */
}

.dropdown .menu-item a:is(:hover, :focus)::before {
  width: 100%;
  background-color: #cd2122;
}

/* =======================
   Dropdown Level 1 (Submenu)
======================= */
.menu-item.has-mega-menu .dropdown-level-1 {
  position: relative;
  width: 100%;
  left: 0;
  box-shadow: none;
  background-color: transparent;
  transform: initial;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20%);
}

.menu-item.has-mega-menu:focus .dropdown-level-1,
.menu-item.has-mega-menu:hover .dropdown-level-1 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}

.menu-item.has-mega-menu .dropdown-level-1 .dropdown-menu {
  flex-direction: column;
  align-items: left;
}

.menu-item.has-mega-menu .dropdown-level-1 .menu-item a {
  --menu-link-horizontal-padding: 0;
  --menu-link-vertical-padding: 0.5rem;
}

.menu-item.has-mega-menu .dropdown-level-1 .menu-item a::before {
  width: 0;
  background-color: #cd2122;
}

.menu-item.has-mega-menu .dropdown-level-1 .menu-item a:hover::before {
  width: 100%;
}

.menu-item.has-mega-menu .dropdown-level-1 .menu-item a::after {
  display: none;
}

/* =======================
   External Login Elements
======================= */
.xoo-el-myaccount-menu a,
.xoo-el-login-tgr a {

}

.xoo-el-login-tgr a:hover {

}

.xoo-el-myaccount-menu a:hover {

}


.xoo-el-myaccount-menu a::before,
.xoo-el-login-tgr a::before {
  display: none;
}

.cart_item_price { 
  text-wrap-mode: nowrap;
}

/* Spinner */
.wpcf7-spinner {
  position: absolute;
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Button to Scroll Top */

.scroll-to-top-button {
  display: flex;
  visibility: hidden;
  position: fixed;
  width: 2.5rem;
  height: 2.5rem;
  right: 1.5rem;
  bottom: 4.5rem;
  border-radius: 50%;
  opacity: 0;
  outline: 0;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.scroll-to-top-button svg {
  fill: #cd2122;
}

.scroll-to-top-button.visible {
  opacity: 0.7;
  visibility: visible;
}

.scroll-to-top-button.visible:focus,
.scroll-to-top-button.visible:hover {
  opacity: 1;
  fill: #fff;
}

/* Cart */

.header-cart {
  display: inline-block;
}

.header_image_top {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  z-index: 11;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  will-change: transform;
}

/* Social links in header */
.social-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}

.social-media__link {
  transition: all 1s ease;
  opacity: 1;
}

.media__link svg path {
  transition: 0.4s;
}

.social-media__link:hover svg path,
.social-media--footer a:focus svg path{
  fill: #cd2122;
}

.social-media i {
  font-size: 14px;
}

.social-media__link {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.svg-icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='currentColor' d='M5.22 0H12.78C15.66 0 18 2.34 18 5.22V12.78C18 14.1644 17.45 15.4922 16.4711 16.4711C15.4922 17.45 14.1644 18 12.78 18H5.22C2.34 18 0 15.66 0 12.78V5.22C0 3.83557 0.549963 2.50784 1.5289 1.5289C2.50784 0.549963 3.83557 0 5.22 0ZM5.04 1.8C4.1807 1.8 3.35659 2.14136 2.74897 2.74897C2.14136 3.35659 1.8 4.1807 1.8 5.04V12.96C1.8 14.751 3.249 16.2 5.04 16.2H12.96C13.8193 16.2 14.6434 15.8586 15.251 15.251C15.8586 14.6434 16.2 13.8193 16.2 12.96V5.04C16.2 3.249 14.751 1.8 12.96 1.8H5.04ZM13.725 3.15C14.0234 3.15 14.3095 3.26853 14.5205 3.4795C14.7315 3.69048 14.85 3.97663 14.85 4.275C14.85 4.57337 14.7315 4.85952 14.5205 5.07049C14.3095 5.28147 14.0234 5.4 13.725 5.4C13.4266 5.4 13.1405 5.28147 12.9295 5.07049C12.7185 4.85952 12.6 4.57337 12.6 4.275C12.6 3.97663 12.7185 3.69048 12.9295 3.4795C13.1405 3.26853 13.4266 3.15 13.725 3.15ZM9 4.5C10.1935 4.5 11.3381 4.97411 12.182 5.81802C13.0259 6.66193 13.5 7.80653 13.5 9C13.5 10.1935 13.0259 11.3381 12.182 12.182C11.3381 13.0259 10.1935 13.5 9 13.5C7.80653 13.5 6.66193 13.0259 5.81802 12.182C4.97411 11.3381 4.5 10.1935 4.5 9C4.5 7.80653 4.97411 6.66193 5.81802 5.81802C6.66193 4.97411 7.80653 4.5 9 4.5ZM9 6.3C8.28392 6.3 7.59716 6.58446 7.09081 7.09081C6.58446 7.59716 6.3 8.28392 6.3 9C6.3 9.71608 6.58446 10.4028 7.09081 10.9092C7.59716 11.4155 8.28392 11.7 9 11.7C9.71608 11.7 10.4028 11.4155 10.9092 10.9092C11.4155 10.4028 11.7 9.71608 11.7 9C11.7 8.28392 11.4155 7.59716 10.9092 7.09081C10.4028 6.58446 9.71608 6.3 9 6.3Z'/%3E%3C/svg%3E");
  color: #4d4d4d;
}

.svg-icon-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 18' %3E%3Cpath fill='currentColor' d='M6 10.35H8.14286L9 6.75H6V4.95C6 4.023 6 3.15 7.71429 3.15H9V0.126C8.72057 0.0873001 7.66543 0 6.55114 0C4.224 0 2.57143 1.4913 2.57143 4.23V6.75H0V10.35H2.57143V18H6V10.35Z'/%3E%3C/svg%3E");
  color: #4d4d4d;
}

.svg-icon-twitter {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' %3E%3Cpath fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' d='M17.6837 1.65892C17.775 1.56004 17.8448 1.4451 17.8892 1.32065C17.9336 1.19621 17.9517 1.0647 17.9424 0.933636C17.9332 0.802572 17.8967 0.67452 17.8352 0.556791C17.7737 0.439061 17.6884 0.33396 17.584 0.247489C17.4796 0.161017 17.3583 0.0948684 17.2269 0.0528192C17.0955 0.01077 16.9567 -0.00635609 16.8184 0.00241865C16.68 0.0111934 16.5448 0.0456973 16.4206 0.10396C16.2963 0.162223 16.1853 0.243104 16.0941 0.341984L10.7002 6.18172L6.12222 0.399982C6.0239 0.275792 5.89641 0.174992 5.74984 0.105568C5.60327 0.0361433 5.44165 0 5.27778 0H1.05556C0.859527 0 0.66737 0.0517123 0.500618 0.149342C0.333865 0.246973 0.199105 0.386663 0.111438 0.552761C0.0237714 0.71886 -0.0133388 0.904803 0.00426568 1.08976C0.0218702 1.27471 0.0934941 1.45136 0.211112 1.59993L7.00572 10.1815L1.31628 16.3413C1.225 16.4401 1.15517 16.5551 1.11078 16.6795C1.0664 16.804 1.04832 16.9355 1.05758 17.0665C1.06684 17.1976 1.10327 17.3257 1.16477 17.4434C1.22627 17.5611 1.31165 17.6662 1.41603 17.7527C1.52041 17.8392 1.64174 17.9053 1.77311 17.9474C1.90447 17.9894 2.04329 18.0065 2.18165 17.9978C2.32 17.989 2.45517 17.9545 2.57944 17.8962C2.70372 17.838 2.81466 17.7571 2.90594 17.6582L8.29983 11.8175L12.8778 17.5992C12.9761 17.7234 13.1036 17.8242 13.2502 17.8936C13.3967 17.963 13.5584 17.9992 13.7222 17.9992H17.9444C18.1405 17.9992 18.3326 17.9475 18.4994 17.8498C18.6661 17.7522 18.8009 17.6125 18.8886 17.4464C18.9762 17.2803 19.0133 17.0944 18.9957 16.9094C18.9781 16.7245 18.9065 16.5478 18.7889 16.3993L11.9943 7.81765L17.6837 1.65892ZM14.25 15.9993L3.16667 1.99991H4.75L15.8333 15.9993H14.25Z' /%3E%3C/svg%3E");
    color: #4d4d4d;
}

.svg-icon-linkedIn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' %3E%3Cpath fill='currentColor' d='M3.98741 2.00089C3.98714 2.53129 3.77684 3.03987 3.40276 3.41473C3.02868 3.7896 2.52147 4.00004 1.99271 3.99978C1.46394 3.99951 0.956943 3.78856 0.583238 3.41332C0.209533 3.03808 -0.000264132 2.52929 2.49573e-07 1.99889C0.000264631 1.46849 0.210568 0.959911 0.584648 0.585047C0.958727 0.210183 1.46594 -0.000264951 1.9947 2.50348e-07C2.52346 0.000265452 3.03047 0.211222 3.40417 0.586461C3.77788 0.961701 3.98767 1.47049 3.98741 2.00089ZM4.04722 5.4807H0.0598113V18H4.04722V5.4807ZM10.3473 5.4807H6.37985V18H10.3075V11.4304C10.3075 7.77057 15.0624 7.43059 15.0624 11.4304V18H19V10.0704C19 3.90078 11.9622 4.13077 10.3075 7.1606L10.3473 5.4807Z' /%3E%3C/svg%3E");
  color: #4d4d4d;
}

.svg-icon-youtube {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'%3E%3Cpath fill='currentColor' d='M19.3677 3.36937C19.2841 3.03412 19.0465 2.781 18.7748 2.70337C18.293 2.565 15.9511 2.25 11.0011 2.25C6.0511 2.25 3.7103 2.565 3.2252 2.70337C2.9568 2.77987 2.7192 3.033 2.6345 3.36937C2.5146 3.84637 2.2011 5.84437 2.2011 9C2.2011 12.1556 2.5146 14.1525 2.6345 14.6318C2.7181 14.9659 2.9557 15.219 3.2263 15.2955C3.7103 15.435 6.05 15.75 11 15.75C15.95 15.75 18.2919 15.435 18.7759 15.2966C19.0443 15.2201 19.2819 14.967 19.3666 14.6306C19.4876 14.1536 19.8 12.15 19.8 9C19.8 5.85 19.4876 3.8475 19.3677 3.36937ZM21.4973 2.81025C22 4.815 22 9 22 9C22 9 22 13.185 21.4973 15.1898C21.2179 16.2979 20.4006 17.1698 19.3655 17.4645C17.4867 18 11 18 11 18C11 18 4.5177 18 2.6345 17.4645C1.595 17.1653 0.7788 16.2945 0.5027 15.1898C3.27826e-08 13.185 0 9 0 9C0 9 3.27826e-08 4.815 0.5027 2.81025C0.7821 1.70213 1.5994 0.83025 2.6345 0.5355C4.5188 -2.01166e-07 11.0011 0 11.0011 0C11.0011 0 17.4867 -2.01166e-07 19.3666 0.5355C20.405 0.83475 21.2223 1.7055 21.4984 2.81025M8.8011 12.9375V5.0625L15.4011 9L8.8011 12.9375Z'/%3E%3C/svg%3E");
  color: #4d4d4d;
  }

.svg-icon-tiktok {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' %3E%3Cpath fill='currentColor' d='M12.6939 2.82C11.9965 2.03953 11.6121 1.0374 11.6122 0H8.45918V12.4C8.43537 13.0712 8.14645 13.7071 7.65337 14.1735C7.1603 14.6399 6.50163 14.9004 5.81633 14.9C4.36735 14.9 3.16327 13.74 3.16327 12.3C3.16327 10.58 4.85714 9.29 6.60204 9.82V6.66C3.08163 6.2 0 8.88 0 12.3C0 15.63 2.81633 18 5.80612 18C9.0102 18 11.6122 15.45 11.6122 12.3V6.01C12.8908 6.90985 14.4259 7.39265 16 7.39V4.3C16 4.3 14.0816 4.39 12.6939 2.82Z'/%3E%3C/svg%3E");
  color: #4d4d4d;
}


.social-media__link:hover .svg-icon-instagram,
.social-media__link:hover .svg-icon-facebook,
.social-media__link:hover .svg-icon-twitter,
.social-media__link:hover .svg-icon-linkedIn,
.social-media__link:hover .svg-icon-youtube,
.social-media__link:hover .svg-icon-tiktok {
  color: #cd2122;
}

.social-media__link svg {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  fill: #ffffff;
}

/* Hero section */

.page-title {
  --page-title-font-size: max(4vw, 2.75rem);
  --page-title-color: var(--base-color);
  font-family: var(--base-font-family);
  font-weight: 700;
  text-transform: uppercase;
  /* font-size: max(4vw, 3rem); */
  color: var(--page-title-color);
  text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%);
  margin: 0;
}

.page-description {
  font-size: max(1.25vw, 14px);
}

/* Popup */

#succes_message,
.innerr {
  width: 600px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px 30px 30px 30px;
  font-size: 14px;
  z-index: 99999;
  border-radius: 2px;
  display: none;
}

#succes_message {
  padding: 20px;
  font-family: var(--text-font-family);
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

/* Stickers */

.sticker_new {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 97;
  background: #cd2122;
  color: #fff;
  padding: 3px 5px;
}

.sticker_no_air_compressor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 97;
  color: #fff;
}

.sticker_no_air_compressor img {
  width: 100%;
}

.custom_sticker_ico {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #006200;
  padding: 3px 5px;
  color: white;
  max-width: 120px;
}

/* Mobile Menu Trigger*/
.menu_icon {
  display: none;
  position: relative;
  height: 27px;
  width: 34px;
  margin-right: 0;
  margin-bottom: 0px;
  z-index: 99999;
  cursor: pointer;
}

.top-animate {
  background: #000 !important;
  top: 75% !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translateY(-50%);
  height: 4px;
  width: 28px !important;
  left: -4px !important;
}

.mid-animate {
  opacity: 0;
}

.bottom-animate {
  background: #000 !important;
  bottom: 25% !important;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg) translateY(-50%);
  height: 4px;
  width: 28px !important;
  left: -4px !important;
}

.top-line {
  top: 0%;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  left: 0;
}

.mid-line {
  top: 50%;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  transform: translateY(-50%);
}

.bottom-line {
  bottom: 0%;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  left: 0;
}

.menui {
  background-color: #000;
  transition: 0.5s ease;
  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
  position: absolute;
}

.mobil-logo,
.mobil_header_contacts {
  display: none;
}

/* LOGIN & REGISTRATION STYLES */
.xoo-el-form-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.xoo-el-form-container .xoo-el-header {
  padding: 20px;
}

.xoo-el-form-container ul.xoo-el-tabs {
  display: flex;
  margin: 0;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.xoo-el-form-container .xoo-el-section {
  padding: 0;
}

.xoo-el-form-container form.xoo-el-action-form {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.xoo-el-form-container .xoo-el-action-form button.button.btn.xoo-el-action-btn {
  height: auto;
  clear: initial;
  width: auto;
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  background: #cd2122;
}

.xoo-aff-fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.xoo-aff-group {
  width: 100%;
}

.xoo-el-form-container .xoo-aff-group.xoo-el-login-btm-fields {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  width: 100%;
}

.xoo-aff-required label {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.xoo-aff-group input[type="checkbox"] {
  max-width: 1.25rem;
}

.xoo-el-main,
.xoo-el-main a,
.xoo-el-main label {
  font-size: 16px;
}

.xoo-el-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xoo-el-form-container {
  padding: 0;
}

.xoo-el-form-label,
.xoo-el-lostpw-tgr {
  width: 50%;
}

.xoo-el-lostpw-tgr {
  text-align: right;
}

.xoo-aff-input-icon::before {
  display: none;
}

.xoo-aff-input-group {
  display: flex;
  border-radius: 5px;
}

.xoo-aff-input-group input {
  --input-border-color: #eee;
}

.xoo-aff-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}

.fa-at {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M15.8571 12C15.8571 14.1302 14.1302 15.8571 12 15.8571C9.86972 15.8571 8.14282 14.1302 8.14282 12C8.14282 9.86972 9.86972 8.14282 12 8.14282C14.1302 8.14282 15.8571 9.86972 15.8571 12ZM15.8571 12L15.8571 13.2857C15.8571 14.7059 17.0084 15.8571 18.4286 15.8571C19.3408 15.8571 20.1422 15.3821 20.5986 14.6658C20.8528 14.2671 21 13.7936 21 13.2857V12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C13.9122 21 15.6851 20.4037 17.1429 19.3868' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.fa-user {
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7956 20.7059C17.4537 19.6427 16.7004 18.7033 15.6526 18.0332C14.6047 17.3632 13.3208 17 12 17C10.6792 17 9.3953 17.3632 8.34743 18.0332C7.29957 18.7033 6.5463 19.6427 6.20445 20.7059' stroke='%2333363F' stroke-width='2'/%3E%3Ccircle cx='12' cy='10' r='3' stroke='%2333363F' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='3' y='3' width='18' height='18' rx='3' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.fa-key {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px'%3E%3Cpath d='M 18.5 3 C 13.806 3 10 6.806 10 11.5 C 10 12.542294 10.19765 13.536204 10.541016 14.458984 L 3 22 L 3 27 L 8 27 L 8 24 L 11 24 L 11 21 L 14 21 L 15.541016 19.458984 C 16.463796 19.80235 17.457706 20 18.5 20 C 23.194 20 27 16.194 27 11.5 C 27 6.806 23.194 3 18.5 3 z M 20.5 7 C 21.881 7 23 8.119 23 9.5 C 23 10.881 21.881 12 20.5 12 C 19.119 12 18 10.881 18 9.5 C 18 8.119 19.119 7 20.5 7 z'/%3E%3C/svg%3E");
}

.xoo-aff-checkbox_single a:hover {
  color: #c12126;
}


.xoo-el-form-container.xoo-el-form-inline {
  margin: initial;
}

/* Footer styles */

.footer {
  background: #f1f1f1;
  width: 100%;
  position: relative;
}

.footer_bg_img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.get_a_quote {
    background: #cd2122;
    border-radius: 8px;
    padding: 12px 22px;
    font-size: 14px;
    color: #FFF;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
}

.footer--wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #a1a1a1;
  margin: 5vw auto;
  gap: 2.25rem;
  max-width: 1200px;
}

.footer__item {
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  align-items: flex-start;
}

.footer__item.widget-1 {
  width: 50%;
}

.footer--wrapper .widget_title {
  position: relative;
  color: #000;
  text-transform: uppercase;
  font-family: var(--base-font-family);
  font-weight: 700;
  font-size: 20pt;
}

.footer_description {
  color: #4D4D4D;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: var(--text-font-family);
}

.footer--wrapper .widget_title {
  position: relative;
}

/* */

.footer--wrapper ul.menu {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}

.footer_description span {
    display: flex;
    gap: 12px;
    align-items: center;
}

.footer--wrapper ul.menu li a {
  color: #4d4d4d;
  text-align: left;
  justify-content: flex-start;
  font-size: 12px;
}

.copyright .policy-terms li a:before,
.footer--wrapper ul.menu li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #cd2122;
  bottom: 0;
  left: 0;
  right: 50%;
  transform: initial;
  transition: width 0.25s cubic-bezier(0.68, 0, 0.265, 1);
}

.footer--wrapper ul.menu li {
  width: auto;
}

.footer--wrapper ul.menu li a:hover,
.footer_sidebar_items ul.menu li a:focus {
  color: #000;
}

.copyright .policy-terms li a:hover:before,
.footer--wrapper ul.menu li a:hover:before {
  width: 100%;
  z-index: 2;
}

.footer_subscribe {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.woocommerce a.subscribe-button,
.footer_subscribe .subscribe-button {
  border: 0;
  background: transparent;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  padding: 12px 22px;
  border: 1px solid #4d4d4d;
  border-radius: 8px;
}

.footer_subscribe .draw-red {
  border: 0;
}

.learn_more_button .more_button:focus,
.footer_subscribe .subscribe-button:focus,
.learn_more_button .more_button:hover,
.footer_subscribe .subscribe-button:hover {
    background-color: #cd2122;
    border-color: none;
    color: #FFF;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: 1px solid #cd2122;
}

.footer_subscribe .red-button:focus,
.footer_subscribe .red-button:hover {
  background-color: #fff;
  border-color: #cd2122;
  color: #cd2122;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

a.black-button {
  background-color: #181818;
  border-color: #181818;
}


.google_testimonials {
  padding: 64px 0;
  background: #fff;
}

.google_testimonials .section_title {
  padding: 1.781vw 0;
  text-align: center;
}

.google_testimonials_button {
  text-align: center;
  padding: 1.781vw 0;
}

.google_testimonials_button a {
  width: 220px;
  margin: 0 auto;
}


.copyright {
  width: 100%;
  padding: 0.5rem 0;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
}

.footer a,
.footer a:hover,
.footer a:focus {
  color: #fff;
}

.footer .menu-item a,
.footer .menu-item a:hover,
.footer .menu-item a:focus {
  --menu-link-horizontal-padding: 0.25rem;
  --menu-link-vertical-padding: 0.25rem;
}

.footer_social {
  text-align: left;
}

.social-media--footer a {
  transition: all 0.3s ease;
  opacity: 1;
}

.social-media--footer a:hover,
.social-media--footer a:focus {
  opacity: 0.5;
}

.social-media--footer .social-media__link {
  height: 25px;
  width: 25px;
}

.social-media--footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 1.5rem;
}

.copyright--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: max(0.75vw, 14px);
  color: #252525;
  margin: 0.25rem auto;
}

.footer-logo {
  display: flex;
  width: 10%;
}

.footer-logo img {
  width: 160px;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.copyright .policy-terms {
  list-style-type: none;
}

.copyright .policy-terms li {
  display: inline-block;
  padding-left: 10px;
}

.copyright .policy-terms li a {
  color: #363636;
  padding: 5px 0;
  text-decoration: none;
  position: relative;
}

/* Spinner */

.preloader {
  position: fixed;
  inset: 0;
  background-color: #000000;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  display: none;
}

.preloader.show {
  display: flex;
}

.preloader.show svg {
  scale: 0.75;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}



/* 2026 CUSTOM */
        .parts_sec {
            width: 100%;
            min-height: 600px;
            padding: 100px 0;
        }

        .partss_content {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            position: relative;
        }

        .partss_content h5 {
            text-transform: uppercase;
            color: #cd2122;
            font-weight: 600;
            font-size: 18px;
        }

        .partss_content h4 {
            font-weight: 900;
            font-size: 38px;
            text-transform: uppercase;
            font-family: 'RobotoBlack';
        }

        .partss_products {
            display: flex;
            /* align-items: center; */
            margin-top: 28px;
            gap: 30px;
        }

        .parts_cart {
            box-shadow: 10px 10px 15px #00000020;
            border-radius: 6px;
            padding: 12px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 12px;
        }

        .partss_cart {
        }

        .parts_cart_down {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .parts_cart_down span {
            font-weight: 900;
            font-size: 18px;
        }

        .parts_cart_down button {
            border-radius: 6px;
            background: #cd2122;
            color: #FFf;
            border: 0;
            outline: none;
            padding: 8px 18px;
            cursor: pointer;
        }

        .parts_cart hr {
            overflow: visible;
            margin: 20px 0;
            position: relative;
            border-bottom: 1px solid #4D4D4D;
            width: 100%;
            opacity: 0.5;
        }

        .parts_cart hr::after {
            position: absolute;
            content: "";
            right: -5px;
            width: 80px;
            bottom: -1px;
            height: 8px;
            background: #4d4d4d;
            transform: skew(-40deg, 0deg);
            border-radius: 5px;
        }

        .parts_view_all {
            position: absolute;
            right: 0;
            top: 0;
            font-weight: 900;
            color: #CD2122;
            font-size: larger;
            display: flex;
            align-items: center;
            gap: 12px;
        }

               .latest-blogs__grid{
            display:flex;
            gap:30px;
            margin-top: 28px;
            align-items: start;
        }

        .latest-blogs__big{
            position:relative;
            width: 100%;
            max-width: 540px;
        }

        .latest-blogs__side{
            display:flex;
            flex-direction:column;
            gap:24px;
        }

        .blogs__big {
            position: relative;
        }

        .blog-post__img {
            aspect-ratio: 2/1
        }

        .blog-post__content {
            position: absolute;
            top: 0; 
            left: 0;
            bottom: 0;
            right: 0;
            background: #000000a6;
            display: flex;
            flex-direction: column;
            gap: 40px;
            justify-content: flex-end;
            align-items: flex-start;
            padding: 40px;
            color: #FFF;
        }

        .blog-post__button {
            background: #cd2122;
            padding: 12px 34px;
            font-size: 18px;
            border-radius: 8px;
            text-transform: uppercase;
            font-weight: 900;
        }

        .blog-post__meta {
            font-size: 14pt;
            font-weight: 900;
        }

        .blog-post__title {
            font-size: 14pt;
            font-weight: 900;
        }

        .blog-post__view {
            display: flex;
            gap: 18px;
            border: 1px solid;
            flex-direction: row-reverse;
            align-items: center;
        }

        .blog-post-mini {
            height: 100%;
            max-width: 160px;
            width: 100%;
            object-fit: cover;
        }

        .blog-post__caption {

        }

        .blog-post__title_mini {
            font-size: 13pt;
        }

        .blog-post__meta_mini {
            font-size: 10pt;
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .dashboard_viewall {
            position: absolute;
            right: 0;
            top: 26px;
            color: #cd2122;
            font-weight: 900;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .blog_post_subt {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .blog_post_subt p {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14pt;
        }

        .blog_post_subt p svg {
            max-height: 28px;
            height: 100%;
        }
        
        
        .choose_volt_section {
            min-height: 600px;
            position: relative;
            padding: 100px 0;
            
            color: #4D4D4D;
        }

        .choose_volt_block {
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            gap: 50px;
        }

        .choose_volt_header {
            text-align: center;
        }

        .choose_volt_header h2 {
            font-family: 'RobotoBlack';
            font-size: 32pt;
            font-weight: 900;
            color: #CD2122;
        }

        .choose_volt_header h3 {
            font-weight: 900;
            font-size: 24pt;
            color: #4D4D4D;
        }

        .choose_volt_content {
            display: flex;
            align-items: center;
            margin-top: 70px;
            gap: 70px;
        }

        .choose_volt_content_inter {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 35px;
        }

        .choose_volt_benefs {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
            align-items: start;
        }
        
        .choose_volt_benef svg {
          max-width: 24px;
          max-height: 24px;
          width: 100%;
        }
        
        .choose_volt_benef {
            display: flex;
            gap: 16px;
            justify-content: flex-start;
            padding: 22px;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 8px;
            height: 100%;
            background: #fafafa;
            box-shadow: 4px 4px 6px #00000030;
        }

        .choose_volt_benef p {
            font-size: 10pt;
            font-weight: 900;
        }

        .cvci_p {
            font-size: 20px;
            font-weight: 800;
        }

        .choose_volt_content_inter a {
            background: #CD2122;
            color: #fff;
            padding: 8px 13px;
            border-radius: 8px;
            font-weight: 900;
        }

  	.another_equipment_section {
		width: 100%;
    	min-height: 600px;
		padding: 20px 0;
		position: relative;
	}

	.another_equipment_content {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 40px 0;
	}

	.another_equipment_content h5 {
		text-transform: uppercase;
		font-size: max(12px, 18px);
		font-weight: 600;
		color: #cd2122;
	}

	.another_equipment_content h4 {
		font-size: max(24px, 38px);
		text-transform: uppercase;
		font-weight: 900;
		font-family: "RobotoBlack"
	}

	.another_equipment_categories_block {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 50px;
		max-height: 350px;
    	height: 100%;
	}

	.another_list_item {
		width: 100%;
		max-width: 240px;
		text-align: center;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px;
		gap: 20px;
		overflow:hidden;
		height: 100%;
		transition: 0.8s ease-in-out;
	}

	.another_list_image {
		aspect-ratio: 1 / 0.9;
		display: flex;
		align-items: center;
		justify-content: center;
		max-height: 100%;
		transition: .4s ease-in-out;
		width: 100%;
	}

	.another_list_image img {
		object-fit: cover;
		max-height: 100%;
    	aspect-ratio: 1 / 0.8;
		transition: .4s ease-in-out;
	}

	.another_list_item hr {
		position: absolute;
		border: 1px solid #4D4D4D;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 2;
    transition: 0.3s;
	}

	.another_list_item:hover hr {
		border: 2px solid #cd2122;
	}

	.another_list_tag {
		text-transform: uppercase;
		font-size: 14pt;
		font-weight: 900;
	}

	.another_list_info {
		position: absolute;
		bottom: -100%;
		/* background: linear-gradient(0deg, #EAEAEA, transparent); */
		transition: .4s ease-in-out;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		padding: 15px 0;
	}

	.another_list_item:hover .another_list_info {
		bottom: 0%;
	}

	.another_list_info button {
		border: none;
		background: #CD2122;
		color: #FFF;
		padding: 6px 30px;
		border-radius: 8px;
		font-size: var(--base-font-size);
		font-weight: 700;
    margin-top: 16px;
	}

	.another_list_item:hover .another_list_image {
		max-height: 25%;
		transition: .4s ease-in-out;
	}

	.another_equipment_bg {
		position: absolute;
		left: -200px;
		top: 0px;
		right: 0;
		display: flex;
		justify-content: flex-start;
		bottom: 0;
	}

	.another_equipment_bg img {

	}


  .about_us_header .searchform {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.about_us_header .searchform input {
    padding-right: 32px;
}

.about_us_header .searchform button {
    position: absolute;
    right: 0;
    background: transparent;
    bottom: 0.75rem;
    border: none;
    cursor: pointer;
    outline: none;
}

.about_us_header .searchform button svg {
    max-width: 18px;
    max-height: 18px;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* .lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--main-color);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--main-color) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */
/* Modal Video Warapper */

.modal-video {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 70%);
}

.modal-video.hidden {
  display: none;
}

.modal-video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: auto;
  /* height: 77.5%; */
}

.modal-video-wrapper .video__media {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: auto;
  position: relative;
  top: initial;
  left: initial;
  aspect-ratio: 16/9;
}

/* Videos */

.video {
  position: relative;
  width: 50%;
  height: 0;
  padding: 14.25%;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}

.video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  max-width: 100%;
}

.video__link::before {
  position: absolute;
  inset: 0;
  display: flex;
  pointer-events: none;
  background-color: rgb(193 33 38 / 0.35);
  content: "";
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.video__link:hover::before {
  opacity: 1;
}

/* .video__link.video--enabled:hover::before {
  opacity: 0;
} */

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0;
  outline: none;
  display: none;
  cursor: pointer;
  border: none;
  z-index: 3;
}

.video__button-shape {
  fill: #fff;
  fill-opacity: 0.65;
  transition: fill 0.15s ease-in, fill-opacity 0.15s ease-in;
}

.video__button-stroke {
  stroke: #fff;
  stroke-opacity: 0.65;
  transition: fill 0.15s ease-in, stroke-opacity 0.15s ease-in;
  fill: transparent;
  stroke-width: 2;
}

.video:hover .video__button-stroke {
  stroke: #fff;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
  fill: #fff;
  fill-opacity: 1;
}

.video__button-icon {
  fill: #cd2122;
}

.video--enabled {
  cursor: pointer;
}

.video--enabled .video__button {
  display: flex;
}

.blog-post__view:hover .blog-post__caption,
.blog-post__view:hover {
  /* color: #cd2122; */
}

body.woocommerce-checkout .select2-container--open {
  /* display: none !important; */
}

a.woocommerce-terms-and-conditions-link,
a.woocommerce-privacy-policy-link{
	font-weight: bold;
    color: #ff1100;
}


/* MEDIA QUERIES */

@media (any-hover: hover) {}

@media screen and (max-width: 1600px) {
  :root {
    --container-width: 1200px;
  }
}

@media screen and (max-width: 1366px) {
  :root {
    --container-width: 1200px;
  }

  .button,
  a.button {
    --button-horizontall-side-padding: 0.25rem;
    --button-vertical-side-padding: 0.5rem;
    --button-font-size: 11px;
  }

  .menu-item a {
    font-size: max(0.8vw, 9px);
  }

  .header__item {
    gap: 0.5vw;
  }

  .navbar {
    max-width: 100%;
  }

  .site-header-top-right>ul>.menu-item>a {
    font-size: 0.9vw;
  }

  .modal-video-wrapper {
    width: 85%;
  }
}

@media screen and (max-width: 1080px) {
  .preloader.show svg {
    scale: 0.15;
  }

  :root {
    --container-width: 75vmax;
  }

  .button,
  a.button {
    /* --button-horizontall-side-padding: 0.5rem; */
    --button-vertical-side-padding: 0.5rem;
    --button-font-size: max(0.7vw, 11px);
  }

  .xoo-aff-group input[type="checkbox"] {
    min-height: auto;
    
  }

  .header {
    top: 0;
    border-radius: 0;
    padding: 0;
  }

.hero--wrapper { 
    margin: max(5vh, 2.5rem) auto max(5vh, 2.5rem) auto !important;
}

  .header--opened {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    background: #ffffffdd;
  }

  .header.sticky.header--opened {
    z-index: 9999999999;
  }

  .header--opened .header-bg {
    display: none;
  }

  .header--opened .header--wrapper {
    width: 100%;
    height: 100%;
  }

  .header__item {
    gap: 2vw;
  }

  .top-menu .menu-item a,
  .top-menu .xoo-el-myaccount-menu a {
    font-size: max(0.8vw, 12px);
  }

  .header--opened .header-main {
    width: 100%;
    z-index: 9990;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 32px;
    overflow-y: auto;
    max-height: 100vh;
    scrollbar-width: none;    
    -ms-overflow-style: none;
  }

  .header--opened .header-main::-webkit-scrollbar{
    display: none;            
  }

  .main-menu {
    gap: 0;
    justify-content: flex-start;
  }

  .site-header-main-right {
    margin-left: auto;
  }

  .header--opened .logo-container {
    max-width: 42.5%;
  }

  .logo-infocard {
    display: none;
  }

  .logo-container:focus .logo-infocard,
  .logo-container:hover .logo-infocard {
    display: none;
  }

  .menu_icon {
    display: flex;
    order: 3;
  }

  /* Initial */
  .dropdown-menu .navigation-menu__item {
    position: initial;
  }

  .dropdown-menu .navigation-menu__link {
    justify-content: center;
  }

  .menu-item:hover {
    pointer-events: none;
  }

  @media (hover: hover) {

    .menu-item:focus .dropdown,
    .menu-item:hover .dropdown {
      opacity: 0;
      transform: translate(-200%, 0);
      visibility: hidden;
    }
  }

  .menu-item.has-mega-menu .dropdown {
    width: 100%;
    left: 0;
    transform: translate(0, 0);
  }

  .menu-item.has-mega-menu .dropdown .dropdown-menu {
    flex-direction: column;
    left: initial;
    align-items: center;
  }
  .menu-item.has-mega-menu .dropdown .dropdown-menu.level-1 {
    background: #000;
	width: 100%;
  }
  .menu-item.has-mega-menu .dropdown .dropdown-menu.level-1 .menu-item {
	width: 100%;
  }

  .menu-item a,
  .dropdown-menu .menu-item a,
  .menu-item.has-mega-menu .dropdown .menu-item a {
    --menu-link-horizontal-padding: 0;
    --menu-link-vertical-padding: 0.75rem;
    font-size: max(2.35vw, 16px);
    /* text-align: center; */
    text-align: left;
    justify-content: flex-start;
    color: white;
  }

  .menu-item a:focus,
  .dropdown-menu .menu-item a:focus,
  .menu-item.has-mega-menu .dropdown .menu-item a:focus,
  .menu-item a:hover,
  .dropdown-menu .menu-item a:hover,
  .menu-item.has-mega-menu .dropdown .menu-item a:hover {
    color: #fff;
    background-color: initial;
  }

  .menu-item a:focus:before,
  .dropdown-menu .menu-item a:focus:before,
  .menu-item.has-mega-menu .dropdown .menu-item a:focus:before,
  .menu-item a:hover:before,
  .dropdown-menu .menu-item a:hover:before,
  .menu-item.has-mega-menu .dropdown .menu-item a:hover:before {
    display: none;
  }

  /*  */

  .navbar {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition: all 1s ease-in;
    order: 3;
  }

  .navbar.navbar--opened {
    z-index: 9997;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    padding: initial;
    gap: 3.5vw;
    display: block;
  }

  .navbar--opened .main-menu,
  .navbar--opened .dropdown-menu,
  .navbar--opened .menu-item.has-mega-menu .dropdown-menu {
    flex-direction: column;
    max-width: 100%;
    overflow-y: auto;
    max-height: 100%;
    transform: translate(0, 0);
    align-items: flex-start;
  }

  .navbar--opened .menu-item {
    position: initial;
    width: auto;
    pointer-events: auto;
    padding: 0.25rem 0;
  }

  .navbar--opened+.menu_icon {
    height: 24px;
    width: 24px;
    order: 2;
  }

  .dropdown {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    opacity: initial;
    visibility: initial;
    transform: initial;
    padding: initial;
    box-shadow: initial;
    background-color: rgb(0 0 0);
  }

  .menu-item.has-mega-menu .dropdown-level-1 {
    background-color: rgb(0 0 0);
  } 
  .navbar--opened .dropdown,
  .navbar--opened .menu-item.has-mega-menu .dropdown,
  .navbar--opened .menu-item.has-mega-menu .dropdown-level-1 {
    opacity: 1;
    visibility: hidden;
    position: relative;
    display: none;
    z-index: 9999;
    width: 100%;
    background: transparent;
  }

  .navbar--opened .dropdown.dropdown--active,
  .navbar--opened .menu-item.has-mega-menu .dropdown.dropdown--active,
  .navbar--opened .menu-item.has-mega-menu .dropdown-level-1.dropdown--active {
    display: flex !important;
    flex-direction: column;
    transform: translate(16px, 0);
    opacity: 1;
    visibility: visible;
    justify-content: flex-start;
    align-items: center;
  }

  .menu-item.has-mega-menu .dropdown .menu-item a:before .menu-item.has-mega-menu .dropdown .menu-item a:after {
    display: none;
  }

  .menu-item-has-children.parent_item>a {
    position: relative;
    padding-right: 1rem;
  }

  .menu-item.has-mega-menu .dropdown .menu-item a:before {
    display: none;
  }

  .menu-item.has-mega-menu .dropdown .menu-item a::after {
    display: none;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' stroke='%23fff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

    transform: translate(100%, -65%);
  }

  .menu-item-has-children.parent_item>a:after,
  /* .menu-item.has-mega-menu .dropdown .menu-item > a:after { */
  .menu-item.has-mega-menu .dropdown>.menu-item.parent_item>a:after {
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 1rem;
    height: 1rem;
    transform: translate(100%, -65%); 
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve' stroke='%23fff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
  }

  .back {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    z-index: 9998;
    position: relative;
    pointer-events: auto;
    transform: rotate(90deg);
    align-items: center;
    justify-content: center;
    text-align: center;
    align-self: flex-start;
  }

  .back.back---active {
    display: flex;
  }

  .back.back--not-active {
    display: none;
  }

  .back--first {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0.99;

    transform: rotate(90deg) translate(0, 50%);
    visibility: hidden;
  }

  .back svg {
    stroke: none;
    fill: #cd2122;
  }

  .additionals-buttons {
    display: flex;
    position: relative;
    justify-content: center;
    gap: 2vh;
    align-items: center;
    flex-direction: column;
    align-self: flex-start;
    margin-top: 8px;
  }

  .topmenu_cart_mob,
  .lang_swither_mob {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
  }

  .mini_cart_content {
    /* display: none; */
  }

  .lang_swither_mob ul {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    font-size: max(2.25vw, 16px);
    flex-direction: column;
  }
  .lang_swither_mob ul.active {
    display: flex;
  }

  .lang_swither_mob ul li {
    position: relative;
    display: flex;
    padding: 0.5rem;
    background-color: #fff;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #cd2122;
    font-weight: 600;
    font-family: var(--text-font-family);
    font-size: 14px;
  }

  .lang_swither_mob ul li a {
    width: 100%;
    height: 100%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .lang_swither_mob ul li:last-child:after {
    display: none;
  }

  .logo-container {
    max-width: 25%;
  }

  .site-header-top-right>ul>.menu-item>a,
  .main-nav>ul>.menu-item>a {
    font-size: 2vw;
  }

  /* Login Form */
  .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active,
  .xoo-el-form-container button.btn.button.xoo-el-action-btn,
  .xoo-el-form-container ul.xoo-el-tabs li:hover,
  .xoo-el-form-container ul.xoo-el-tabs li:focus {
    background-color: transparent;
    color: #cd2122;
    border-bottom: 1px solid;
  }

  .section_pretitle {
    font-size: 2.35vw;
  }
 
  .choose_bg img {
    width: 100% !important;
    opacity: 0.5;
  }
 
 

 /*************************************/
 .home-footer-video {
    position: relative;
    height: 64.81481481481481vh;
    width: 100%;
    overflow: hidden;
}
#videobcg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}
.home-footer-video:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgb(0 0 0 / 50%);
}
.home-footer-video--wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%;
}
.video-description {
    text-shadow: 3px 0 3px rgb(0 0 0 / 46%);
    color: #fff;
}
.video-description .section-title {
    font-family: var(--base-font-family);
    font-weight: 700;
    text-transform: uppercase;
    font-size: max(2.75vw, 2.5rem);
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%);
    margin: 30px 0;
    text-align: center;
}
.video-description span {
    display: block;
}
.buttons--wrapper {
    display: flex;
    justify-content: center;
    gap: 3vw;
}
.buttons--wrapper .learn-more:hover {
    color: #fff;
    background: rgb(0 0 0 / 82%);
}


 /*************************************/

  .page_title {
    font-size: max(5vw, 2.5rem);
  }

  /* Footer */
  .footer__item {
    gap: 2vw;
  }

  .footer .menu-item a,
  .footer .menu-item a:hover,
  .footer .menu-item a:focus {
    --menu-link-horizontal-padding: 0.25rem;
    --menu-link-vertical-padding: 0.25rem;
  }

  .map-navi .col-lg-9 {
    display: none;
  }

  .footer--wrapper ul.menu {
    gap: 0;
  }

  .footer--wrapper ul.menu li a {
    font-size: max(0.55vw, 12px);
  }

  .sticker_no_air_compressor {
    width: 5rem;
    height: 5rem;
    bottom: 25%;
  }
}

@media screen and (max-width: 900px) {
.preloader{
	display: none !important;
}
  :root {
    --container-width: 90%;
  }

  .copyright--wrapper {
    flex-direction: column;
    gap: 2.5vw;
    margin: 3vw auto;
  }

  .copyright__item {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    font-size: 1.75vw;
  }

  .footer-logo {
    width: 30%;
  }

  .custom_sticker_ico {
    width: 120px;
  }
}

@media screen and (max-width: 800px) {
  .map_navi_title {
    font-size: 20px;
  }

  .head_section .container {
    gap: 2.25vw;
  }

  .section_pretitle {
    font-size: 3.25vw;
  }

  .visible+.menu_icon {
    height: 2.5rem;
    width: 2.5rem;
  }

  .head_section {
    min-height: 35vh;
  }

  .head_section .container {
    margin: 15vw auto 5vw;
    gap: 3vw;
  }

  .footer--wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    grid-gap: 5vw;
    margin: max(7.5vw, 2.5rem) auto;
  }

  .footer__item {
    gap: 2vw;
  }

  .footer__item.widget-1 {
    grid-column: 1/3;
    align-items: center;
    text-align: center;
    width: 100%;

    display: grid;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
  }

  .footer__item {
    gap: 3vw;
  }

  .widget-1 .widget_title,
  .widget-1 .footer_description {
    grid-column: 1/3;
  }

  .footer--wrapper .widget_title {
    font-size: max(3.5vw, 20px);
  }

  .footer_description {
    font-size: max(2.3vw, 15px);
  }

  .modal-video-wrapper {
    width: 94%;
  }
}

@media screen and (max-width: 700px) {
  .preloader.show svg {
    scale: 0.3;
  }

  .header__item {
    padding: 1vh 2.5vw;
  }

  .header-top__item {
    width: 100%;
    justify-content: space-between;
  }

  .header-top__item:last-child {
    display: none;
  }

  .logo-container {
    max-width: 37.5%;
  }

  .navbar--opened+.menu_icon {
    height: 24px;
    width: 24px;
  }

  .site-header-top-right>ul>.menu-item>a,
  .main-nav>ul>.menu-item>a {
    font-size: 3vw;
  }

    .home-footer-video {
        display: none;
    }
    .video-description .section-title {
        font-size: max(5vw, 2rem);
    } 
 
}

@media screen and (max-width: 650px) {

  .section_pretitle {
    font-size: 3.5vw;
  }



  .header-top {
    display: none;
  }

  .header-main { 
    /* padding: 2.5vh 2.5vw; */
  }

  .logo-container {
    max-width: 12.5rem;
  }

  .header--opened .logo-container {
    max-width: 50%;
  }

  .site-header-main-right {
    display: none;
  }

  .main-menu-wrapper {
    justify-content: center;
  }

  .menu_icon {
    height: 5vw;
    width: 6vw;
  }

  .site-header-top-right>ul>.menu-item>a,
  .main-nav>ul>.menu-item>a {
    font-size: 4.5vw;
    text-align: center;
  }

  .head_section {
    border-bottom: 3px solid #c10f1b;
  }

  /* HERO SECTION */

  .choose-us__description {
    font-size: 3vw;
  }

  .footer--wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: 94%;
  }

  .footer__item {
    grid-column: 1/2;
    align-items: center;
    width: 100%;
  }

  .footer__item.widget-1 {
    display: flex;
    flex-direction: column;
    gap: 5vw;
    width: 100%;
  }

  .footer__item.widget-2,
  .footer__item.widget-3 {
    display: none;
  }

  .social-media--footer {
    gap: 1.25rem;
  }

  .footer-logo {
    width: 35%;
  }

  .copyright__item {
    font-size: max(2.25vw, 12px);
    text-align: center;
  }

  .table_infinity {
    overflow-x: scroll;
  }
     
	 .video-description .section-title {
        font-size: max(5.5vw, 1.4rem);
    }
}

@media screen and (max-width: 500px) {
  .xoo-aff-group.xoo-el-login-btm-fields {
    flex-direction: row;
  }

  .section_pretitle {
    font-size: 3.75vw;
  }

  .header--opened .header-main {
    /* padding: 2.5rem 1rem 5rem 1rem; */
  }

  .header--opened .logo-container {
    max-width: 70%;
  }

  .navbar--opened+.menu_icon {
    height: 24px;
    width: 24px;
    order: 2;
  }

  /* HERO SECTION */
  .head_section {
    min-height: 30vh;
  }

  .head_section .container {
    margin: 15vw auto 5vw;
    gap: 3vw;
  }

  .page_title {
    font-size: max(6vw, 2rem);
  }


  .copyright__item {
    width: 94%;
  }

  .footer-logo {
    width: 45%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1080px) and (orientation: landscape) {
  :root {
    --container-width: 90%;
  }

  .header--opened .header-main {
    /* padding: 1rem 0; */
  }

  .header--opened .logo-container {
    max-width: 27.5%;
  }

  /* .back {
    position: fixed;
    top: 0;
    left: 0;
  } */
}

@media screen and (min-width: 400px) and (max-width: 768px) and (orientation: landscape) {
  .header--opened .header-main {
    padding: 1rem 0;
  }

  .header-top {
    display: none;
  }

  .header__item {
    padding: 0.75rem 2.5vw;
  }

  .header--opened .logo-container {
    max-width: 35%;
  }

  .navbar--opened+.menu_icon {
    height: 24px;
    width: 24px;
  }

  .menu-item a,
  .dropdown-menu .menu-item a,
  .menu-item.has-mega-menu .dropdown .menu-item a {
    font-size: max(2.35vw, 14px);
  }

  .back {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.hidden {
  display: none;
}


.prdctfltr_filter_inner .prdctfltr_search {
  display: none !important;
}

.blog-post .addtoany_content {
    margin: 20px 0 !important;
}

.post-thumbnail img{
	margin: 0 auto;
	display: block;
}


.wprevpro_t1_P_3 { 
    color: #363636 !important; 
    font-size: 16px !important;
    outline: none !important;
    font-style: normal !important;
}



.page-content ul.woocommerce-shipping-methods li label small{ 
	font-size: 14px;
}
.page-content ul.woocommerce-shipping-methods{
	margin:0;
	padding:0;
}
.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods li {
    margin-bottom: 0; 
}


.calculated_shipping table.shop_table td {  
    text-align: left;
    width: 65%;
}


.google_review_slider .swiper{
	padding:30px 0;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.review-card{
	max-width: 360px;
}

.reviewer-info{
	display: flex;
	align-items: center;
}
.reviewer-info_img{
	margin-right:10px;
}
.reviewer-info img{
	max-width: 60px;
}
a.read-more:hover{
	/* color: #cd2122; */
}
.review-text{
	    box-shadow: rgba(0, 0, 0, .09) 2px 2px 3px 0;
    box-sizing: border-box;
    color: #777;
    height: auto;  
    background: #fff;
    border: 1px solid #f5f5f5; 
    margin: 0 0 25px;
    outline: #fff none 0;
    padding: 15px;
}
.google-reviews-slider .swiper-pagination{
	bottom:0 !important;
}
/**********************/
.swiper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main-hero-slider .main-hero-slider__item {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.main-hero-slider__btn {
    position: absolute;
    z-index: 10;
    transform: translate(-50%, 100%);
    opacity: 0;
    transition: all ease 2s;
}
.main-hero-slider__btn a {
    font-size: 1rem;
    -webkit-box-shadow: 5px 4px 18px -7px #000;
    box-shadow: 5px 4px 18px -7px #000;
}
.main-hero-slider__btn--center {
    left: 50%;
}
.main-hero-slider__btn--left {
    left: 25%;
}
.main-hero-slider__btn--right {
    left: 75%;
}
.main-hero-slider__btn--flash {
    left: 71.5%;
    bottom: 100px;
}
.main-hero-slider__btn--prodigy {
    left: 23%;
    bottom: 100px;
}
.main-hero-slider__btn--volt {
    left: 67.3%;
}
.main-hero-slider .swiper-slide-active .main-hero-slider__btn {
    transform: translate(-50%, -100%);
    opacity: 1;
}
.image--wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    align-items: center;
    justify-content: center;
}
.image--wrapper img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 900px) {
    .header {
        /* position: relative; */
    }
    .main-hero-slider .main-hero-slider__item {
        height: 50vh;
    }
}
@media screen and (max-width: 700px) {
    .main-hero-slider .main-hero-slider__item {
        height: 340px;
    }
    .main-hero-slider .swiper-slide-active .main-hero-slider__btn--right {
        transform: translate(0, -100%);
    }
    .main-hero-slider .swiper-slide-active .main-hero-slider__btn--left {
        transform: translate(0, -100%);
    }
    .main-hero-slider__btn--right {
        left: initial;
        transform: initial;
    }
    .main-hero-slider__btn--left {
        left: initial;
        transform: initial;
    }
	
	
	
	.swiper-wrapper {
    width: 100% !important;
    display: flex;
  }

  .swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
  }
	 
}
@media screen and (max-width: 450px) {
    .main-hero-slider__btn a {
        --button-width: 10rem;
    }
}
.summer_special {
    bottom: 20px;
}
.summer_special a {
    background: #dea53e;
    border: 3px solid #fff;
    animation: button1 2s infinite;
}
@keyframes button1 {
    0% {
        box-shadow: 0 0 -10px #fff;
    }
    50% {
        box-shadow: 0 0 30px #fff;
    }
    100% {
        box-shadow: 0 0 0 #fff;
    }
}
.summer_special a:hover {
    background: #cd2122;
}
@media screen and (max-width: 900px) {
    .summer_special {
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -100%) !important;
    }
    .summer_special a {
        font-size: 12px;
        padding: 10px;
    }
}

/**********************/
.home-footer-video {
    position: relative;
    height: 64.81481481481481vh;
    width: 100%;
    overflow: hidden
}

#videobcg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto
}

.home-footer-video:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgb(0 0 0 / 50%)
}

.home-footer-video--wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    width: 100%
}

.video-description {
    text-shadow: 3px 0 3px rgb(0 0 0 / 46%);
    color: #fff
}

.video-description .section-title {
    font-family: var(--base-font-family);
    font-weight: 700;
    text-transform: uppercase;
    font-size: max(2.75vw, 2.5rem);
    color: #fff;
    letter-spacing: .05em;
    line-height: 1.3;
    text-shadow: 0em .18em .27em rgb(0 0 0 / 24%);
    margin: 30px 0;
    text-align: center
}

.video-description span {
    display: block
}

.buttons--wrapper {
    display: flex;
    justify-content: center;
    gap: 3vw
}

.buttons--wrapper .learn-more:hover {
    color: #fff;
    background: rgb(0 0 0 / 82%)
}

@media screen and (max-width: 750px) {
    .home-footer-video {
        display:none
    }

    .video-description .section-title {
        font-size: max(5vw, 2rem)
    }
}

@media screen and (max-width: 550px) {
    .video-description .section-title {
        font-size:max(5.5vw, 1.4rem)
    }
}


.choose-us {
  padding-top: 90px;
  position: relative;
} 

.choose_bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, #F1F1F1, #9E9E9E);
    display: flex;
    justify-content: flex-end;
}

.choose_bg img {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

.choose-us--wrapper {
    margin: max(5vh, 2.5rem) auto;
    display: flex;
    justify-content: space-between;
    gap: 5vw;
    max-width: 1200px;
    align-items: flex-start;
}
.choose-us__item {
    width: calc((100% - 7.5vw) / 2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2vw;
    width: 100%;
}
.choose-us .section_title {
    font-size: 24pt;
    font-family: RobotoBlack;
    font-weight: 900;
    color: #252525;
    line-height: 1;
    /* text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%); */
    text-align: left;
}
.choose-us__description {
    font-family: var(--text-font-family);
    font-size: max(14px, 16px);
    color: #4D4D4D;
    line-height: 1;
    display: flex;
    gap: 25px;
    flex-direction: column;
    justify-content: space-between;
    text-align: justify;
}
.choose-us__img {
  position: relative;
  width: 100%;
}
.choose-us__img img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 16px;
}

.choose_us_model {
    font-family: 'RobotoBlack';
    font-size: large;
}

.choose_us_desc {
  color: #4D4D4D;
}

.choose_us_ahref {
    position: absolute;
    bottom: 26px;
    left: 16px;
    right: 16px;
}

.blog_post_img {
  aspect-ratio: 9 / 7;
}
.choose_us_img_row .choose_redirect {
    line-height: 1px;
    border-radius: 50px;
    background: #cd2122;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    padding: 8px;
}

.choose_us_img_row .choose_redirect svg {
    max-width: 32px;
    max-height: 32px;
}

.choose_us_img_row{
  /* position: absolute;
  bottom: 26px;
  left: 16px;
  right: 16px; */
  border-radius: 12px;
  padding: 12px 24px;
  background: #FFFFFFDD;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.volt_container {
    padding: 7.5vh 5vw;
    z-index: 9;
}
.choose-volt {
    min-height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    background: #212121;
    color: #fff;
}
.section-volt-head {
    font-family: var(--base-font-family);
    font-weight: 700;
    font-size: max(1.5vw, 18px);
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%);
    margin: 0 auto 30px;
    text-align: center;
}
.section-volt-head h3 {
    font-family: var(--base-font-family);
    font-weight: 700;
    text-transform: uppercase;
    font-size: max(4vw, 3rem);
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%);
}
.section-volt-head h2.section-title {
    font-family: var(--base-font-family);
    font-weight: 700;
    text-transform: uppercase;
    font-size: max(4vw, 3rem);
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-shadow: 0em 0.18em 0.27em rgb(0 0 0 / 24%);
}
.section-volt-head h3.section-title {
    margin-bottom: 20px;
    font-size: max(2.75vw, 2.5rem);
}
.section-volt-head h2 .col_red {
    color: #cd2122;
    font-size: max(2.75vw, 2.5rem);
}
.section-volt-head span {
    display: block;
}
.section-volt-head .text_small {
    font-weight: 700;
    font-size: max(2.5vw, 2.5rem);
}
.volt__description {
    font-weight: 600;
    font-size: max(0.95vw, 13px);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.choose-volt__img {
    width: 45%;
}
.volt_text_description {
    width: 55%;
    padding-left: 50px;
}
.volt_text_description a {
    margin-top: 60px;
    max-width: 380px;
}
.volt__description ul {
    margin: 20px;
    list-style: disc;
}
.volt__description ul li {
    margin: 10px 0;
}
.volt_text_bottom {
    display: inline-block;
    border: 1px solid #cd2122;
    padding: 15px 20px;
    border-radius: 20px;
    font-size: max(1.15vw, 14px);
}
.volt_text_description p {
    padding-bottom: 5px;
}
.volt_text_description p span.line_bottom {
    position: relative;
    text-transform: uppercase;
}
.volt_text_description p span.line_bottom:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: calc(100% + 10px);
    left: -5px;
    height: 15px;
    background-color: #cf2122;
    z-index: -1;
    transition: all 0.3s ease-in;
}
.volt_text_bottom a {
    color: #fff;
}
.volt_text_bottom:hover span.line_bottom:after {
    height: 100%;
}
@media screen and (max-width: 1120px) {

}

@media screen and (max-width: 900px) {
    .section-volt-head h3.section-title,
    .section-volt-head h2.section-title,
    .section-volt-head .text_small {
        font-size: max(6vw, 1.5rem);
    }
    .volt_text_bottom {
        display: block;
        text-align: center;
        padding: 15px;
    }
    .volt__description {
        flex-direction: column;
    }
    .choose-volt__img,
    .volt_text_description {
        width: 100%;
        padding-left: 0;
    }
    .volt_text_description p span.line_bottom:after {
        display: none;
    }
    .volt_text_bottom a {
        background: #cd2122;
        border-radius: 6px;
        padding: 6px;
        margin-top: 15px;
        display: inline-block;
    }
}
@media screen and (max-width: 800px) {
    .choose-us__item {
        align-items: center;
        width: 100%;
        text-align: center;
        gap: 5vw;
    }
}


/********************/


.dashboard-section {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 1200px;
  margin: 80px auto;
}

.dashboard__item {
  width: 100%;
  position: relative;
}

.dashboard__item--container,
.feedbacks-list {
  grid-row: 2/3;
  grid-column: 1/3;
}

.feedback-post--wrapper {
  display: flex;
  gap: 0.75vw;
}

/* Hover */

.svg-quote {
  height: 1.75rem;
  width: 1.75rem;
  transition: background 0.3s ease-in;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg class='svg-quote' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='51pt' height='50pt' viewBox='0 0 51 50' fill='%23fff' stroke='%238d0000' stroke-width='2px' fill-opacity='0' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill-rule:nonzero;fill-opacity:1;' d='M 16.019531 0 C 12.535156 2.628906 5.628906 8.636719 2.140625 18.78125 C 1.121094 21.726562 -1.308594 29.089844 0.90625 37.667969 C 1.710938 40.78125 3.378906 47.21875 8.519531 49.277344 C 9.132812 49.523438 12.4375 50.84375 15.796875 49.164062 C 16.394531 48.867188 18.566406 47.703125 19.601562 45.292969 C 20.996094 42.03125 19.785156 37.71875 16.460938 34.710938 C 15.199219 32.996094 13.085938 29.636719 12.4375 24.921875 C 11.660156 19.335938 13.375 15.050781 14.230469 12.976562 C 15.613281 9.652344 17.671875 6.667969 20.269531 4.214844 Z M 16.019531 0 ' /%3E%3Cpath style='fill-rule:nonzero;fill-opacity:1;' d='M 46.746094 0 C 43.257812 2.628906 36.355469 8.636719 32.867188 18.78125 C 31.847656 21.726562 29.414062 29.089844 31.628906 37.667969 C 32.433594 40.78125 34.105469 47.21875 39.246094 49.277344 C 39.859375 49.523438 43.164062 50.84375 46.523438 49.164062 C 47.117188 48.867188 49.289062 47.703125 50.328125 45.292969 C 51.722656 42.03125 50.511719 37.71875 47.1875 34.710938 C 45.925781 32.996094 43.8125 29.636719 43.164062 24.921875 C 42.386719 19.335938 44.097656 15.050781 44.957031 12.976562 C 46.335938 9.652344 48.394531 6.667969 50.996094 4.214844 Z M 46.746094 0 ' /%3E%3C/g%3E%3C/svg%3E");
}
.feedback-post--wrapper:hover .svg-quote {
  }

.dashboard__item--container {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  justify-content: space-between;
  position: relative;
  height: 100%;
}

.blog-swiper-pagination {
  position: relative;
}

.blog-post__description {
  padding: 1.5rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
}

.blog-post__caption,
.feedback-post__caption {
  color: #363636;
  font-weight: 600;
  font-size: max(0.95vw, 13px);
}

.blog-post__caption {
  display: flex;
  flex-direction: column;
  padding-left: 18px;
  width: 100%;
  gap: 18px;
}

.testimonials {
  gap: 1vw;
  background-color: #fff;
}

.dashboard__head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dashboard__title {
  font-weight: 900;
  font-size: 38px;
  text-transform: uppercase;
  font-family: 'RobotoBlack';
}
.dashboard__pretitle {
  text-transform: uppercase;
  color: #cd2122;
  font-weight: 600;
  font-size: 18px;
}

.feedback-post__excerpt {
  font-size: max(0.85vw, 14px);
  text-align: justify;
  font-family: "Montserrat", sans-serif;
}
.feedbacks-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.feedbacks-list__item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  width: 100%;
  position: relative;
}

.blog-post__img img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog_post_img img {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog_side_psot {
  height: 100%;
}
.button.visit_blog {
  min-width: 12.5rem;
  justify-self: flex-end;
}

.wprevpro_t1_P_3 {
	color: #363636;
	
	}

.downloadbtn {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 900;
    padding: 8px 12px;
    border-radius: 6px;
}


@media screen and (max-width: 1360px) {
  .testimonials {
    padding: 7.5vh 5vw 7.5vh 0;
  }
  .blog-post__description {
    gap: 1rem;
    padding: 0.75rem;
  }
}

@media screen and (max-width: 1200px) {
  .dashboard__item--container {
    gap: 1vw;
  }
}

@media screen and (max-width: 1080px) {
  .dashboard-section {
    flex-direction: column;
    align-items: center;
    margin: 0 0;
    gap: 28px;
  }

  .parts_view_all {
      top: 36px;
  }

  .dashboard__item {
    width: 75%;
    padding: 0;
    grid-gap: 2.5vw;
  }

  .dashboard__pretitle,
  .blog-post__caption,
  .feedback-post__caption {
    font-size: max(1.5vw, 16px);
  }

  .swiper-horizontal .swiper-pagination.blog-swiper-pagination {
    bottom: 0;
  }

  .button.visit_blog {
    justify-self: flex-end;
  }

  .button.read_article {
    display: none;
  }

  .svg-quote {
    height: 1.5rem;
    width: 1.5rem;
  }
}

@media screen and (max-width: 650px) {
  .dashboard__item {
    grid-gap: 12px;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 90%;
  }
  .dashboard__item--container {
    grid-row: initial;
    grid-column: initial;
  }
  .button.visit_blog {
    justify-self: center;
  }

  .dashboard__title,
  .dashboard__pretitle {
    text-align: left;
  }
  .google_review_slider{
	  width: 100%;
  }
}

.add_to_cart_button.loading {
    opacity: 0.5;
    pointer-events: none;
}

.about_us_header h2 {
  text-align: left !important;
}

.more_about_us_btn {
  color: #4D4D4D;
  border: 2px solid #ccc;
  background: transparent;
  text-transform: uppercase;
  font-family: 'RobotoBlack';
  font-weight: 900;
  padding: 12px 18px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  transition: 0.4s;
}

.more_equipment {
    background: #cd2122;
    color: #FFF;
    border: 2px solid transparent;
    padding: 12px 14px;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: 0.4s;
}

.more_about_us_btn:hover {
  border: 2px solid #D81A1B;
  background: #D81A1B;
  color: #FFF;
  box-shadow: 0 0 18px #d81a1b63;
}

.more_equipment:hover {
  background: #D81A1B;
  box-shadow: 0 0 18px #d81a1b63;
}

.choose_us_btns {
    display: flex;
    gap: 18px;
    align-items: center;
    width: 90%;
}

.digital_line {
  border-bottom: 1px solid #4D4D4D;
  width: 100%;
  position: relative;
  overflow: visible;
  opacity: 0.5;
}

.digital_line::after {
    position: absolute;
    content: "";
    right: -5px;
    width: 80px;
    bottom: -1px;
    height: 8px;
    background: #4d4d4d;
    transform: skew(-40deg, 0deg);
    border-radius: 5px;
}

 .bg_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000AA;
    display: none;
    z-index: 3333;
}

.wc_cart_modal {
    position: fixed;
    display: none; 
    padding: 20px; 
    background: #FFF;
    max-width: 800px;
    width: 100%;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3334;
}

.wc_cart_sc {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wc_cart_sc span {
    font-size: 24px;
    font-weight: 900;
    color: #4d4d4d;
}

.wc_cart_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.wc_cart_header button {
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
}

.wc_cart_content {
    position: relative;
    max-height: 350px;
    height: 350px;
    overflow-y: auto;
}

.wc_cart_modal hr {
    overflow: visible;
    margin: 20px 0;
    position: relative;
    border-bottom: 1px solid #4D4D4D;
    width: 100%;
    opacity: 0.5;
}

.wc_cart_modal hr::after {
    position: absolute;
    content: "";
    right: -5px;
    width: 80px;
    bottom: -1px;
    height: 8px;
    background: #4d4d4d;
    transform: skew(-40deg, 0deg);
    border-radius: 5px;
}

.wc_cart_item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 10px;
}

.wc_cart_item:nth-child(odd) {
    background: #EEEEEE;
}

.cart_item_img {
    max-width: 80px;
}

.wc_cart_subitem_l {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 200%;
}

.wc_cart_subitem {
    display: flex;
    align-items: center;
    gap: 45px;
    width: 50%;
    justify-content: flex-end;
}

.wc_cart_item button {
    background: transparent;
    outline: none;
    border: none;     
    cursor: pointer;                       
}

.cart_item_qty button {    font-size: 16pt; }

.wc_cart_loaded {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFFAA;
    display: none;
    z-index: 2;
}

.wc_cart_loaded::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border: 3px solid rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.8);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 10;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.qty_input::-webkit-outer-spin-button,
.qty_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.qty_input[type=number] {
    -moz-appearance: textfield;
}

.cart_item_qty {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 70%;

}

.cart_item_qty input {
    background: transparent;
    outline: none;
    border: none;
    max-width: 50px;
    text-align: center;
    padding: 0;
}

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

.wc_cart_total_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wc_cart_total_block p {
    font-weight: 900;
}

.wc_cart_total_block a {
    background: #CD2122;
    outline: none;
    border: none;
    color: #FFF;
    border-radius: 8px;
    padding: 8px 35px;
    text-transform: uppercase;
    font-weight: 900;
}

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


.search_block {
    position: relative;
    line-height: 1px;
}
.search_btn {
    position: relative;
    transition: stroke .4s ease-in;
    background: transparent;
    border: none;
    outline: none;
}

.search_ico:hover svg path {
    stroke: #cd2122;
}

.search_panel {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 400px;
    transform: translateX(100px);
    opacity: 0;
    pointer-events: none;
    transition: .5s ease;
    z-index: 666;
}

.search_panel input {
    outline: none;
    border: 1px solid #ccc;
    font-size: 11pt;
    padding: 10px 12px;
    background: #ffffff;
    border-radius: 8px;
}

.search_panel.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.search_panel.active .search_into_btn {
    opacity: 1;
}

.search_into_btn {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0;
    transition: 1s;
}

.search_mob_nav {
  display: none;
}


.equip_info_start {
    max-width: 1200px;
    width: 100%; 
    margin: 0 auto;
    margin-top: 128px;
    color: #4d4d4d;
}
.equipment_info_title {
    font-size: 28px;
    font-weight: 900;
}
 
.equipment_info__item hr {
    overflow: visible;
    margin: 20px 0;
    position: relative;
    border-bottom: 1px solid #4D4D4D;
    width: 100%;
    opacity: 0.5;
}

.equipment_info__item hr::after {
    position: absolute;
    content: "";
    right: -5px;
    width: 80px;
    bottom: -1px;
    height: 8px;
    background: #4d4d4d;
    transform: skew(-40deg, 0deg);
    border-radius: 5px;
}

.action_soc_links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
}
@media screen and (max-width: 1080px) {
    .equip_info_start {
        max-width: 90%;
        margin-top: 72px;
    }

    .equipment_info_title {
        font-size: 22px;
    }
}

    .equipments_content {
        max-width: 1200px; 
        width: 100%;
        margin: 0 auto;
        margin-top: 128px;
        margin-bottom: 48px;
    }

    .equipment_bread {

    }

    .equipment_bread a {

    }

    .equipments_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .equipment_item {
        display: flex;
        align-items: flex-start;
        width: 100%;
        gap: 24px;
    }

    .equipment_headr {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }

    .equipment_headr img {
        max-width: 350px;
        max-height: 250px;
    }

    .equipment_headr h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .equipment_headr h5 {
        font-weight: 600;
        color: #3D3D3D;
        font-size: 18px;
        text-align: center;
        max-width: 75%;
    }

    .equipment_headr a {
        font-weight: 900;
        font-size: larger;
        color: #4d4d4d;
        border: 1px solid #4d4d4d;
        border-radius: 6px;
        padding: 14px 28px;
    }

    .equipment_content {
        display: flex;
        flex-direction: column;
        gap: 18px;
        width: 100%;
    }

    .equipment_content h5 {
        font-size: 18pt;
        font-weight: 900;
        text-transform: uppercase;
    }

    .equipment_content hr {
        width: 100%;
		position: relative;
		opacity: 0.5;
		border-bottom: 1px solid rgb(77, 77, 77);
		overflow: visible;
    }

    .equipment_content hr::after {
		position: absolute;
		content: "";
		right: -5px;
		width: 40px;
		bottom: -1px;
		height: 8px;
		transform: skew(-40deg, 0deg);
		background: rgb(77, 77, 77);
		border-radius: 5px;
    }

    .equipment_content a {
        font-weight: 900;
        font-size: 16px;
        color: #3D3D3D;
    }

    .equipments_content h2 {
        font-size: 24px;
        margin: 14px 0;
        font-weight: 900;
        text-transform: uppercase;
    }

    .equipment_links {
        max-height: 330px;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    
    @media screen and (max-width: 1080px) {
        .equipment_content {
            display: none;
        }

        .equipments_list {
            max-width: 90%;
            margin: 0 auto;
        }

        .equipment_headr {
            overflow: hidden;
            height: 100%;
            justify-content: center;
            align-items: center;
            gap: 24px;
        }

        .equipment_item {
            box-shadow: 4px 4px 8px #00000030;
            border-radius: 8px;
            padding: 12px;
            position: relative;
            overflow: hidden;
            aspect-ratio: 1 / 1;
        }

        .equipment_headr img {
            z-index: 0;
            opacity: 0.2;
            top: 50%;
            max-width: 100%;
            left: 0;
            position: absolute;
            max-height: 100%;
            transform: translate(-50%, -50%) scaleX(-1);
            z-index: 0;
        }

        .equipment_headr h4, .equipment_headr h5, .equipment_headr a {
            z-index: 1;
        }

        .equipment_headr a {
            background: #cd2122;
            color: #fff;
            border: none;
        }

        .equipments_content {
            margin-top: 72px;
            
        }

        .equipments_content h2 {
            margin: 20px auto;
            max-width: 90%;
        }

        .equipment_bread {
            max-width: 90%;
            margin: 0 auto;
        }
    } 

@media screen and (max-width: 1080px) {

    .about_us_bread a:last-child {
        max-width: 160px;       
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .about_us_header h2 {
        font-size: 24px;
    }
    .search_mob_nav {
      display: block;
    }

    .lang_dropdoun:hover .sub-menu,
    .lang_dropdoun:focus .sub-menu {
      transform: none;
    }

    .header_nav_bar_main {
      display: flex;
      transform: translate(0, 0);
      z-index: 9997;
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      height: 80%;
      padding: initial;
      gap: 3.5vw;
      align-items: flex-start;
    }

    .lang_dropdoun {
          max-width: 20px;
    }
    .choose-us--wrapper {
        max-width: 100%;
        margin: 0;
        flex-direction: column-reverse;
    }
    .choose-us--wrapper {
        gap: 2vw;
    }
    .choose-us__item {
        width: 100%;
        margin: 16px auto;
        max-width: 90%;
    }

    .choose_us_btns {
      width: 100%;
    }

    .more_equipment, .more_about_us_btn {
      white-space: nowrap;
      font-size: 14px;
    }

    .choose-us {
      padding: 0;
    }

    .social-media {
      width: 100%;
      justify-content: flex-start;
    }

    .choose_volt_content {
      flex-direction: column;
      max-width: 90%;
      margin: 0 auto; 
    }

    .cvci_p {
      font-size: 14px;
      text-align: center;
    }

    .choose_volt_benefs {
      gap: 8px;
    }

    .choose_volt_benef {
      padding: 6px !important;
      aspect-ratio: 34 / 13;
    }

    .choose-us .section_title {
      font-size: 22px;
    }

    .choose-us__description {
      font-size: 14px;
    }

    .choose_volt_benef svg {
        width: 32px;
        min-width: 24px;
        min-height: 24px;
    }

    .cvci_p {
      font-size: 12px;
      text-align: left;
    }

    .choose_volt_header h3 {
        font-size: 18px;
        margin: 10px 0;
    }

    .parts_cart_down a {
      margin-top: 12px;
    }

    .partss_content h4 {
      font-size: 28px;
    }

    .another_equipment_categories_block {
      max-height: none !important;
      height: auto !important;
      gap: 0;
      width: 100%;
      align-items: flex-end;
      max-width: 90%;
      margin: 0 auto;
    }

    .choose_volt_section {
      padding: 18px 0;
      max-width: 90%;
      margin: 0 auto;
    }

    .another_equipment_bg img {
      display: none;
    }

    .another_equipment_content h5, .another_equipment_content h4 {
      text-align: center !important;
    }

    .another_list_info {
      position: inherit; 
    }

    .another_equipment_bg {
      left: 0 !important;
      top: auto !important;
      opacity: 0.6;
    }

    .another_equipment_section {
      padding: 0 !important;
    }

    .another_equipment_content {
      width: 100%;
      margin: 24px 0 !important;
      padding: 0 !important;
    }

    .partss_content {
      max-width: 95% !important;
    }

    .parts_sec {
      padding: 30px 0;
      min-height: auto;
    }

    .partss_products {
      flex-direction: row !important;
      margin: 24px auto;
      gap: 4px !important;
      /* max-width: 95%; */
      overflow-x: auto;
      scrollbar-width: none;      /* Firefox */
      -ms-overflow-style: none; 
    }

    
    .partss_products::-webkit-scrollbar {
        display: none;              /* Chrome / Safari */
    }

    .parts_cart_down {
      flex-direction: column;
      align-items: normal;
    }

    .parts_cart {
        width: 100%;
        min-width: 180px;
        box-shadow: none;
    }
    .another_list_item {
      width: 100% !important;
      max-width: none;
    }

    .latest-blogs__grid {
      flex-direction: column;
    }

    .latest-blogs__big {
      max-width: 90%;
      margin: 0 auto;
    }

    .latest-blogs__side {
      max-width: 90%;
      margin: 0 auto;
    }

    .blog-post__view {
      flex-direction: row;
      gap: 6px;
    }

    .latest-blogs__side .blog-post__img { 
      aspect-ratio: 1/1;
      max-height: 100px;
      max-width: 100px;
    }

    .blog-post__button {
      padding: 8px 12px;
      font-size: 14px;
    }

    .blog_post_subt p {
      font-size: 12px;
      white-space: nowrap;
    }

    .blog-post__title_mini {
          font-size: 14px;
          display: -webkit-box;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog-post__meta_mini {
      gap: 6px;
    }

    .blog-post__caption {
      padding: 6px;
    }

    .blog_post_subt {
      gap: 8px;
    }

    .logo img {
      max-height: 38px;
    }

    .another_list_item {
      gap: 16px;
    }

    .another_list_info {
      gap: 8px;
      padding: 0;
    }

    .parts_cart {

    }

    .choose_us_img_row {
        padding: 2px 2px;
        border-radius: 50px;
        padding-left: 18px;
    }

    .choose_bg img {
      display: none;
    }

    .dashboard_viewall {
        top: auto;
        bottom: 0;
        font-size: 18px;
        line-height: 18px;
        height: 18px;
    }

    .dashboard__title, .dashboard__pretitle {
      text-align: left;
    }

    .latest-blogs__grid {
      margin-top: 0;
    }

    .dashboard__pretitle {
      font-size: 18px;
      line-height: 18px;
    }

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

    .footer_bg_img {
      display: none;
    }

    .footer_description span {
      text-align: left;
      color: #4d4d4d;
    }

    .footer__item.widget-1 {
        align-items: flex-start;
    }

    .search_panel {
      top: -10px;
      right: unset;
      left: 0px;
      width: calc(100%);
      transform: translateX(-300px);
    }

    .breadcrumbs {
      text-align: left;
      margin: 0 auto;
      max-width: 90%;
      width: 100%;
    }
    .CIT_button-wrapper {
      width: 100%;
      margin-top: 12px;
    }

    .about_us_header {
      max-width: 90%;
      margin-top: 72px;
    }

    .about_us_header h2 {
      text-align: left !important;
    }

    .search_results .blog-list__item {
      width: 100%;
    }

    .wc_cart_modal {
      max-width: 100%;
      max-height: 100vh;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: none;
    }

    .wc_cart_content { 
      height: 100%;
      max-height: 75vh;
    }

    .wc_cart_downmodal {
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
    }

    .wc_cart_total_block {
      width: 100%;
      align-items: flex-end;
    }

    .wc_cart_item {
      position: relative;
      padding-bottom: 42px;
    }

    .wc_cart_subitem_l {

    }

    .cart_item_qty {
        position: absolute;
        bottom: 4px;
        left: 12px;
    }

    .wc_cart_subitem {
        position: absolute;
        right: 0;
        bottom: 4px;
    }

    .blog_post_subt p svg {
      max-height: 14px;
    }

}