@charset "UTF-8";
@font-face {
font-family: "RobotoCondensed";
font-style: normal;
font-weight: 400;
src: local("RobotoCondensed-Bold"), local("RobotoCondensed-Bold"), url(../webfonts/RobotoCondensed-Bold.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: 'Font Awesome 5 Free';
src: url(../webfonts/fa-solid-900.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Font Awesome 5 Free';
src: url(../webfonts/fa-regular-400.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap
}
@-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%)
}
}
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-font-family: "RobotoCondensed", Roboto, Arial, sans-serif;
--text-font-family: "Montserrat", Roboto, Arial, sans-serif;
--container-width: 75vmax;
--base-color: #fff;
--base-color-rgb: 255, 255, 255;
--base-color-black: #000;
--base-color-black-rgb: 0, 0, 0;
--main-color: #002e6d;
--main-color-hover: rgba(0, 46, 113, .8);
--contact-form-bg: linear-gradient(180deg, rgba(27, 31, 37, .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: 0 0 6px 0 var(--box-shadow-color);
--letter-spacing: .1rem;
--base-transition: 0.35s ease-in;
--base-wrapper-margin: max(10vh, 2.5rem) auto;
--base-wrapper-gap: 5vw
}
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
}
::-webkit-scrollbar {
scroll-behavior: smooth;
width: .5rem
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #a1a1a1
}
::-webkit-scrollbar-thumb {
background: #002e6d;
border-radius: 5px
}
::-webkit-scrollbar-button:single-button {
background-color: transparent;
display: block;
background-size: 10px;
background-repeat: no-repeat
}
::-webkit-scrollbar-button:single-button:horizontal:decrement {
border-radius: 5px 0 0 5px;
height: 15px;
width: 20px;
background-position: center left;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,")
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-image: url("data:image/svg+xml;utf8,")
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-image: url("data:image/svg+xml;utf8,")
}
::-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,")
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,")
}
::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,")
}
* 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: #fff
}
.search-box:hover > .search-input {
width: 240px;
padding: 0 6px;
background: #fff
}
.search-box:hover > .search-btn, .search-input:focus + .search-btn, .search-input:not(:placeholder-shown) + .search-btn {
background: #002e6d;
color: #fff
}
.search_results .blog-list__item {
width: calc((100% - 5vw) / 2);
display: flex;
box-shadow: 0 0 6px rgb(0 0 0 / 13%)
}
.search_results .blog-post__img, .search_results .post_item_caption {
width: 50%;
background: #fff
}
.search_results .blog-post__title {
text-align: left
}
.search_results .read_more_content {
align-self: flex-start
}
.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: 20px
}
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%;
overflow: hidden;
display: flex
}
picture {
max-width: 100%;
height: auto;
object-fit: cover
}
img {
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(.7vw, 14px)
}
input[type="search"] {
-webkit-appearance: none
}
select, input[type="checkbox"] {
cursor: pointer
}
mark {
background-color: transparent;
color: black
}
.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-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.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: .75rem;
--button-background-color: #002e6d;
--button-base-color: #fff;
--button-font-size: max(.65vw, 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);
font-family: var(--text-font-family);
font-weight: 700;
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)
}
.button {
--button-box-shadow: inset -2px -2px 5px rgb(0 0 0 / 45%), inset 2px 2px 5px rgb(0 39 106 / 60%)
}
.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 {
--button-box-shadow: inset 2px 2px 5px rgb(0 0 0 / 45%), inset -2px -2px 5px rgb(0 39 106 / 60%), 0 0 5px 1px rgb(0 39 106 / 100%)
}
.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::before, .button.draw-white::before {
border-bottom-width: 1px;
border-left-width: 1px
}
.draw-red::after, .button.draw-white::after {
border-top-width: 1px;
border-right-width: 1px
}
.button.draw-white:hover::before, .button.draw-white:hover::after {
border-color: #fff;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%
}
.draw-red:hover::before, .draw-red:hover::after {
border-color: #002e6d;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%
}
.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
}
.header.sticky {
position: fixed;
top: 0%;
left: 0;
width: 100%;
z-index: 9999;
background-color: rgb(0 0 0);
-webkit-animation: sticky 0.5s;
animation: sticky 0.5s;
min-height: 6.75rem
}
.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-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-font-size: max(3vw, 2.5rem);
--section-title-base-color: #252525;
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 .18em .27em rgb(0 0 0 / 24%)
}
.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/anatol_transfer/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/anatol_transfer/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: 700
}
.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
}
.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/anatol_transfer/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/anatol_transfer/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, .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, .29);
font-family: "anatol";
font-size: 11px;
font-weight: 700;
color: #ab1a1f;
content: "\E830";
border-radius: 100px;
position: absolute;
left: 0;
top: -5px
}
.item_finance_info h3 {
font-weight: 700
}
.grecaptcha-badge {
display: none
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 99
}
.header-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
opacity: .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 {
color: #fff
}
.header__item {
position: relative;
display: flex;
justify-content: space-between;
gap: 3vw;
align-items: center;
padding: .5rem 0
}
.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: .5rem
}
.header-contacts span {
font-size: max(.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: #002e6d
}
.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='%23002e6d'%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")
}
.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 .5rem;
cursor: pointer;
text-transform: uppercase;
font-weight: 700;
font-size: max(.55vw, 12px);
color: #fff;
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: 700;
font-size: max(.55vw, 12px);
padding: 7.5px 0
}
.lang_swither .sub-menu a:is(:hover,:active,:focus) {
color: var(--main-color)
}
.lang_dropdoun:hover .sub-menu, .lang_dropdoun:focus .sub-menu {
opacity: 1;
transform: translate(0, 27.5%) scaleY(1)
}
.header-search .header-search-button {
line-height: 1;
display: inline-block;
background: rgba(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)
}
.topmenu-cart {
display: flex;
position: relative;
align-items: center;
justify-content: center;
padding: .5vh .25vw
}
.menu-cart {
position: relative;
display: flex;
justify-content: center;
align-items: center;
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 fill-rule='evenodd' clip-rule='evenodd' d='M8.7351 14.0181C8.91085 13.6985 9.24662 13.5 9.61132 13.5H16.47C17.22 13.5 17.88 13.09 18.22 12.47L21.6008 6.33041C21.7106 6.13097 21.7448 5.91025 21.7129 5.70131C21.8904 5.52082 22 5.27321 22 5C22 4.44772 21.5523 4 21 4H6C5.96703 4 5.93443 4.0016 5.90228 4.00471L5.7317 3.64435C5.40095 2.94557 4.69708 2.5 3.92398 2.5H2.92004C2.36776 2.5 1.92004 2.94772 1.92004 3.5C1.92004 4.05228 2.36776 4.5 2.92004 4.5H3.14518C3.6184 4.5 4.04931 4.77254 4.25211 5.20011L7.08022 11.1627C7.35632 11.7448 7.33509 12.4243 7.02318 12.988L6.17004 14.53C5.44004 15.87 6.40004 17.5 7.92004 17.5H18.92C19.4723 17.5 19.92 17.0523 19.92 16.5C19.92 15.9477 19.4723 15.5 18.92 15.5H9.61131C8.85071 15.5 8.36855 14.6845 8.7351 14.0181ZM17.0408 10.4677L19.5108 6H6.84671L8.90839 10.3557C9.23914 11.0544 9.94301 11.5 10.7161 11.5H15.2905C16.0183 11.5 16.6886 11.1046 17.0408 10.4677Z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M7.92005 18.5C6.82005 18.5 5.93005 19.4 5.93005 20.5C5.93005 21.6 6.82005 22.5 7.92005 22.5C9.02005 22.5 9.92005 21.6 9.92005 20.5C9.92005 19.4 9.02005 18.5 7.92005 18.5Z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M17.9201 18.5C16.8201 18.5 15.9301 19.4 15.9301 20.5C15.9301 21.6 16.8201 22.5 17.9201 22.5C19.0201 22.5 19.9201 21.6 19.9201 20.5C19.9201 19.4 19.0201 18.5 17.9201 18.5Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 1.5rem;
height: 1.5rem
}
.mini_count {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
line-height: 1;
background-color: blue;
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
}
.mini_cart_content {
position: absolute;
top: 80%;
right: 0;
min-width: 12.5vw;
min-height: 5vh;
padding: .75vw;
background-color: hsla(0, 0%, 100%, .95);
box-shadow: 0 0 2.5px 0 rgb(255 0 0 / 50%);
z-index: 9;
transform: translate(0, 5vh);
opacity: 0;
visibility: hidden;
justify-content: center;
align-items: center;
line-height: 1;
display: flex
}
.topmenu-cart:hover .mini_cart_content, .topmenu-cart:active .mini_cart_content, .topmenu-cart:focus .mini_cart_content {
transform: translate(0, .75vh);
opacity: 1;
visibility: visible
}
.additionals-buttons {
display: none;
position: relative
}
.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: .25vh;
justify-content: space-between;
align-items: center
}
.woocommerce-mini-cart-item {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
gap: .25vw
}
.mcart_it_link {
display: flex;
justify-content: space-between;
gap: .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: .5vh;
color: #363636;
font-weight: 600;
font-size: max(.55vw, 14px);
align-items: stretch;
justify-content: center;
flex-grow: 1;
width: 100%
}
.remove_from_cart_button {
border: 1px solid #002e6d;
width: 25px;
height: 20px;
text-align: center;
display: flex;
align-items: center;
font-size: 16px;
color: #002e6d !important;
justify-content: center;
margin-left: 5px
}
.remove_from_cart_button:is(:hover,:active,:focus) {
background-color: #002e6d;
color: #fff !important
}
.woocommerce-mini-cart__buttons {
display: flex;
justify-content: space-evenly;
gap: .5vw;
align-items: center;
width: 100%
}
.woocommerce-mini-cart__buttons .button {
--button-horizontall-side-padding: .75vw;
--button-vertical-side-padding: 1vh;
--button-font-size: max(.55vw, 12px)
}
.first-slide-lcp {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
opacity: 1;
height: 100vh;
overflow: hidden
}
.first-slide-lcp img {
top: 0;
left: 0;
width: 100%;
height: auto;
pointer-events: none;
z-index: 0;
opacity: 1
}
.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
}
.logo-container {
max-width: 15%
}
.logo {
display: flex
}
.logo img {
max-width: 50%;
object-fit: cover;
width: 100%;
height: auto
}
.logo svg {
max-width: 100%;
object-fit: cover;
width: 100%;
height: auto
}
.logo-infocard {
display: none;
color: #fff;
position: absolute
}
.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: .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: .25rem
}
.logo-container .logo-infocard {
position: absolute;
width: 30rem;
padding: 1.5vw 1.25vw;
background: #002e6d;
border-radius: 2px;
font-size: max(.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: 0;
transition-delay: 0s;
z-index: 2
}
.navbar {
display: flex;
flex-grow: 1;
max-width: 65%
}
.main-menu {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: .25vw
}
.menu-item {
flex-grow: 1;
position: relative
}
.menu-item.has-mega-menu {
position: initial
}
.menu-item a {
--menu-link-horizontal-padding: .25rem;
--menu-link-vertical-padding: .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(.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: 100%;
height: 0;
background-color: #002e6d;
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-item a:is(:hover,:focus,:active)::before {
height: 100%;
opacity: 1
}
.menu-link {
z-index: 2
}
#menu-item-32095 a span {
color: #002e6d;
font-weight: 600
}
.dropdown {
position: absolute;
top: 100%;
left: 0;
width: 150%;
padding: .65rem;
opacity: 0;
visibility: hidden;
transform: translateY(10%);
background-color: hsla(0, 0%, 96%, .95);
box-shadow: 0 0 2.5px 0 rgb(255 0 0 / 50%);
display: flex;
transition: all 0.5s ease-in
}
.menu-item:focus .dropdown, .menu-item:hover .dropdown {
opacity: 1;
transform: translateY(6%);
visibility: visible
}
.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: .75rem;
--menu-link-vertical-padding: .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, .5);
transition: all 0.3s ease-in
}
.menu-item.has-mega-menu .dropdown .menu-item a:hover::before {
background-color: #002e6d
}
.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='%23002e6d' ... %3C/svg%3E")
}
.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: #002e6d
}
.dropdown .menu-item a:is(:hover,:focus)::before {
width: 100%;
background-color: #002e6d
}
.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: .5rem
}
.menu-item.has-mega-menu .dropdown-level-1 .menu-item a::before {
width: 0;
background-color: #002e6d
}
.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
}
.xoo-el-myaccount-menu a, .xoo-el-login-tgr a {
background-color: var(--main-color)
}
.xoo-el-myaccount-menu a::before, .xoo-el-login-tgr a::before {
display: none
}
.wpcf7-spinner {
position: absolute;
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: .75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.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: #002e6d
}
.scroll-to-top-button.visible {
opacity: .7;
visibility: visible
}
.scroll-to-top-button.visible:focus, .scroll-to-top-button.visible:hover {
opacity: 1;
fill: #fff
}
.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-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: .75rem
}
.social-media__link {
transition: all 0.3s ease;
opacity: 1
}
.social-media__link:hover, .social-media--footer a:focus {
opacity: .5
}
.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: cover
}
.svg-icon-instagram {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px' fill='%23ffffff'%3E%3Cpath d='M 16 3 C 8.8324839 3 3 8.8324839 3 16 L 3 34 C 3 41.167516 8.8324839 47 16 47 L 34 47 C 41.167516 47 47 41.167516 47 34 L 47 16 C 47 8.8324839 41.167516 3 34 3 L 16 3 z M 16 5 L 34 5 C 40.086484 5 45 9.9135161 45 16 L 45 34 C 45 40.086484 40.086484 45 34 45 L 16 45 C 9.9135161 45 5 40.086484 5 34 L 5 16 C 5 9.9135161 9.9135161 5 16 5 z M 37 11 A 2 2 0 0 0 35 13 A 2 2 0 0 0 37 15 A 2 2 0 0 0 39 13 A 2 2 0 0 0 37 11 z M 25 14 C 18.936712 14 14 18.936712 14 25 C 14 31.063288 18.936712 36 25 36 C 31.063288 36 36 31.063288 36 25 C 36 18.936712 31.063288 14 25 14 z M 25 16 C 29.982407 16 34 20.017593 34 25 C 34 29.982407 29.982407 34 25 34 C 20.017593 34 16 29.982407 16 25 C 16 20.017593 20.017593 16 25 16 z' /%3E%3C/svg%3E")
}
.svg-icon-facebook {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='50px' height='50px' fill='%23ffffff'%3E%3Cpath d='M12,27V15H8v-4h4V8.852C12,4.785,13.981,3,17.361,3c1.619,0,2.475,0.12,2.88,0.175V7h-2.305C16.501,7,16,7.757,16,9.291V11 h4.205l-0.571,4H16v12H12z' /%3E%3C/svg%3E")
}
.svg-icon-twitter {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' version='1.1' width='50px' height='50px' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E")
}
.svg-icon-linkedIn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='50px' height='50px' fill='%23ffffff'%3E%3Cpath d='M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z' /%3E%3C/svg%3E")
}
.svg-icon-youtube {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px' fill='%23ffffff'%3E%3Cpath d='M 24.402344 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.402344 16.898438 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.902344 40.5 17.898438 41 24.5 41 C 31.101563 41 37.097656 40.5 40.597656 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.097656 35.5 C 45.5 33 46 29.402344 46.097656 24.902344 C 46.097656 20.402344 45.597656 16.800781 45.097656 14.300781 C 44.699219 12.101563 42.800781 10.5 40.597656 10 C 37.097656 9.5 31 9 24.402344 9 Z M 24.402344 11 C 31.601563 11 37.398438 11.597656 40.199219 12.097656 C 41.699219 12.5 42.898438 13.5 43.097656 14.800781 C 43.699219 18 44.097656 21.402344 44.097656 24.902344 C 44 29.199219 43.5 32.699219 43.097656 35.199219 C 42.800781 37.097656 40.800781 37.699219 40.199219 37.902344 C 36.597656 38.601563 30.597656 39.097656 24.597656 39.097656 C 18.597656 39.097656 12.5 38.699219 9 37.902344 C 7.5 37.5 6.300781 36.5 6.101563 35.199219 C 5.300781 32.398438 5 28.699219 5 25 C 5 20.398438 5.402344 17 5.800781 14.902344 C 6.101563 13 8.199219 12.398438 8.699219 12.199219 C 12 11.5 18.101563 11 24.402344 11 Z M 19 17 L 19 33 L 33 25 Z M 21 20.402344 L 29 25 L 21 29.597656 Z' /%3E%3C/svg%3E")
}
.svg-icon-tiktok {
background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 30 25' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='M15 1.5V0H12V16.5C12 18.9818 9.98181 21 7.5 21C5.01819 21 3 18.9818 3 16.5C3 14.0182 5.01819 12 7.5 12H9V9H7.5C3.36438 9 0 12.3644 0 16.5C0 20.6356 3.36438 24 7.5 24C11.6356 24 15 20.6356 15 16.5V7.48572C16.2554 8.43164 17.8103 9 19.5 9H21V6H19.5C17.0182 6 15 3.98181 15 1.5Z' /%3E%3C/svg%3E")
}
.social-media__link svg {
max-width: 100%;
height: auto;
object-fit: cover;
fill: #fff
}
.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;
color: var(--page-title-color);
text-shadow: 0em .18em .27em rgb(0 0 0 / 24%);
margin: 0
}
.page-description {
font-size: max(1.25vw, 14px)
}
#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
}
.sticker_new {
position: absolute;
top: 0;
left: 0;
width: auto;
z-index: 97;
background: #002e6d;
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
}
.menu_icon {
display: none;
position: relative;
height: 27px;
width: 34px;
margin-right: 0;
margin-bottom: 0;
z-index: 99999;
cursor: pointer
}
.top-animate {
background: #002e6d !important;
top: 50% !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg) translateY(-50%);
height: 4px
}
.mid-animate {
opacity: 0
}
.bottom-animate {
background: #002e6d !important;
bottom: 50% !important;
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg) translateY(-50%);
height: 4px
}
.top-line {
top: 0%;
width: 100%;
height: 2px;
border-radius: 10px
}
.mid-line {
top: 50%;
width: 100%;
height: 2px;
border-radius: 10px;
transform: translateY(-50%)
}
.bottom-line {
bottom: 0%;
width: 100%;
height: 2px;
border-radius: 10px
}
.menui {
background-color: #002e6d;
transition: 0.5s ease;
transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
position: absolute
}
.mobil-logo, .mobil_header_contacts {
display: none
}
.xoo-el-form-container {
display: flex;
flex-direction: column;
gap: 2.5rem
}
.xoo-el-form-container .xoo-el-header {
padding: 0
}
.xoo-el-form-container ul.xoo-el-tabs {
display: flex;
margin: 0;
list-style: none;
padding: 0;
margin-bottom: 0;
font-size: max(.8vw, 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: 100%;
display: inline-flex;
align-items: center;
margin: 0 auto
}
.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
}
.xoo-aff-required label {
display: flex;
gap: .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: max(.8vw, 12px)
}
.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: 1px solid #eee;
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
}
span.xoo-el-close {
background-position: center;
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 2.5rem;
transform: translate(50%, -50%);
z-index: 999;
border-radius: 50%;
border: 2px solid #fff;
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
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%3Cg id='style=fill'%3E%3Cg id='close-circle'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM8.46967 8.46967C8.76257 8.17678 9.23744 8.17678 9.53033 8.46967L12 10.9393L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967C15.8232 8.76257 15.8232 9.23744 15.5303 9.53033L13.0606 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7625 15.8232 14.4696 15.5303L12 13.0607L9.53033 15.5303C9.23743 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7625 8.46967 14.4696L10.9393 12L8.46967 9.53033C8.17678 9.23743 8.17678 8.76256 8.46967 8.46967Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
span.xoo-el-close:hover {
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%3Cg id='style=fill'%3E%3Cg id='close-circle'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM8.46967 8.46967C8.76257 8.17678 9.23744 8.17678 9.53033 8.46967L12 10.9393L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967C15.8232 8.76257 15.8232 9.23744 15.5303 9.53033L13.0606 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7625 15.8232 14.4696 15.5303L12 13.0607L9.53033 15.5303C9.23743 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7625 8.46967 14.4696L10.9393 12L8.46967 9.53033C8.17678 9.23743 8.17678 8.76256 8.46967 8.46967Z' fill='%23002e6d'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.xoo-el-form-container.xoo-el-form-inline {
margin: initial
}
.footer {
border-top: 4px solid #002e6d;
background: #242424;
width: 100%
}
.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
}
.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: #fff;
font-family: var(--base-font-family);
font-weight: 700;
font-size: max(1.3vw, 17px)
}
.footer_description {
font-size: max(.75vw, 14px);
font-family: var(--text-font-family)
}
.footer--wrapper .widget_title {
position: relative
}
.footer--wrapper .widget_title::after, .footer--wrapper .widget_title::before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 10px;
border: 2px solid;
transition: all 0.6s ease;
border-radius: 2px
}
.footer--wrapper .widget_title::before {
left: -15px;
bottom: -5px;
border-bottom-color: #002e6d;
border-right-color: transparent;
border-top-color: transparent;
border-left-color: #002e6d
}
.footer--wrapper .widget_title::after {
top: -5px;
right: -15px;
border-bottom-color: transparent;
border-right-color: #002e6d;
border-top-color: #002e6d;
border-left-color: transparent
}
.footer--wrapper ul.menu {
display: flex;
flex-direction: column;
gap: .25rem;
align-items: flex-start
}
.footer--wrapper ul.menu li a {
color: #a1a1a1;
text-align: left;
justify-content: flex-start;
font-size: max(.55vw, 10px)
}
.copyright .policy-terms li a:before, .footer--wrapper ul.menu li a:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 2px;
background-color: #002e6d;
bottom: 0;
left: 0;
right: 50%;
transform: initial;
transition: width 0.25s cubic-bezier(.68, 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: #fff
}
.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: white;
cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s
}
.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: #002e6d;
border-color: #002e6d;
color: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s
}
.footer_subscribe .red-button:focus, .footer_subscribe .red-button:hover {
background-color: #fff;
border-color: #002e6d;
color: #002e6d;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s
}
a.black-button {
background-color: #181818;
border-color: #181818
}
a.visit_google_review {
padding: 3px
}
a.visit_google_review span {
margin-left: 6px;
line-height: 1
}
.google_testimonials {
padding: 1.781vw 0;
background: #efefef
}
.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: .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: .25rem;
--menu-link-vertical-padding: .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: .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(.75vw, 14px);
color: #252525;
margin: .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
}
.preloader {
position: fixed;
inset: 0;
background-color: #000;
align-items: center;
justify-content: center;
z-index: 9999;
display: none
}
.preloader.show {
display: flex
}
.preloader.show svg {
scale: .75;
animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}
@keyframes lds-ring {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.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
}
.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
}
.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 / .35);
content: "";
z-index: 2;
opacity: 0;
transition: opacity 0.3s ease-in
}
.video__link:hover::before {
opacity: 1
}
.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: .65;
transition: fill 0.15s ease-in, fill-opacity 0.15s ease-in
}
.video__button-stroke {
stroke: #fff;
stroke-opacity: .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: #002e6d
}
.video--enabled {
cursor: pointer
}
.video--enabled .video__button {
display: flex
}
.blog-post__view:hover .blog-post__caption, .blog-post__view:hover {
color: #002e6d
}
body.woocommerce-checkout .select2-container--open {
display: none !important
}
a.woocommerce-terms-and-conditions-link, a.woocommerce-privacy-policy-link {
font-weight: 700;
color: #f10
}
@media screen and (max-width: 1600px) {
:root {
--container-width: 82.5vmax
}
}
@media screen and (max-width: 1366px) {
:root {
--container-width: 85vmax
}
.button, a.button {
--button-horizontall-side-padding: .5rem;
--button-vertical-side-padding: .65rem;
--button-font-size: 11px
}
.menu-item a {
font-size: max(.8vw, 9px)
}
.header__item {
gap: .5vw
}
.navbar {
max-width: 100%
}
.site-header-top-right > ul > .menu-item > a {
font-size: .9vw
}
.modal-video-wrapper {
width: 85%
}
}
@media screen and (max-width: 1080px) {
.preloader.show svg {
scale: .15
}
:root {
--container-width: 75vmax
}
.button, a.button {
--button-vertical-side-padding: .75rem;
--button-font-size: max(.7vw, 11px)
}
.xoo-aff-group input[type="checkbox"] {
min-height: auto
}
.header {
background: rgb(0 0 0);
height: 75px;
position: relative
}
.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: 0;
bottom: 0;
right: 0;
z-index: 9999999999
}
.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(.8vw, 12px)
}
.header--opened .header-main {
height: 100%;
width: 100%;
padding: 2.5rem 2.5rem 5rem 2.5rem;
z-index: 9990;
flex-wrap: wrap;
gap: 2.5vh;
align-items: 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
}
.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: .75rem;
font-size: max(2.35vw, 16px);
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 {
display: flex;
transform: translate(0, 0);
z-index: 9997;
pointer-events: auto;
visibility: visible;
opacity: 1;
height: 75%;
padding: initial;
padding-bottom: 20vh;
gap: 3.5vw;
align-items: flex-start
}
.navbar--opened .main-menu, .navbar--opened .dropdown-menu, .navbar--opened .menu-item.has-mega-menu .dropdown-menu {
flex-direction: column;
max-width: 100%;
transform: translate(0, 0);
align-items: flex-start
}
.navbar--opened .menu-item {
position: initial;
width: auto;
pointer-events: auto;
padding: .25rem 0
}
.navbar--opened + .menu_icon {
height: 2.5rem;
width: 2.5rem;
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 {
transform: translate(-200%, 0);
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%
}
.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;
flex-direction: column;
transform: translate(0, 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.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: .99;
transform: rotate(90deg) translate(0, 50%);
visibility: hidden
}
.back svg {
stroke: none;
fill: #002e6d
}
.additionals-buttons {
display: flex;
position: relative;
justify-content: center;
gap: 2vh;
align-items: center;
flex-direction: column;
align-self: flex-start
}
.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: flex;
justify-content: center;
align-items: center;
gap: .5rem;
color: #fff;
font-size: max(2.25vw, 16px);
flex-direction: column
}
.lang_swither_mob ul li {
position: relative;
display: flex;
padding: .5rem;
background-color: #fff;
border-radius: 50%;
width: 2rem;
height: 2rem;
text-align: center;
justify-content: center;
align-items: center;
line-height: 1;
color: #002e6d;
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
}
.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: #002e6d;
color: #fff
}
.section_pretitle {
font-size: 2.35vw
}
.page_title {
font-size: max(5vw, 2.5rem)
}
.footer__item {
gap: 2vw
}
.footer .menu-item a, .footer .menu-item a:hover, .footer .menu-item a:focus {
--menu-link-horizontal-padding: .25rem;
--menu-link-vertical-padding: .25rem
}
.map-navi .col-lg-9 {
display: none
}
.footer--wrapper ul.menu {
gap: 0
}
.footer--wrapper ul.menu li a {
font-size: max(.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: .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: 7.5vw;
width: 7.5vw
}
.site-header-top-right > ul > .menu-item > a, .main-nav > ul > .menu-item > a {
font-size: 3vw
}
.section_title {
text-align: center
}
}
@media screen and (max-width: 650px) {
.section_title {
--section-title-font-size: max(2.5vw, 1.85rem)
}
.section_pretitle {
font-size: 3.5vw
}
.header.sticky {
min-height: 7.5vh
}
.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 #001c66
}
.breadcrumbs {
font-size: 2.25vw
}
.choose-us--wrapper {
max-width: 80vw
}
.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
}
}
@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: 10vw;
width: 10vw;
order: 2
}
.head_section {
min-height: 30vh
}
.head_section .container {
margin: 15vw auto 5vw;
gap: 3vw
}
.page_title {
font-size: max(6vw, 2rem)
}
.breadcrumbs {
font-size: 3vw
}
.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%
}
}
@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: .75rem 2.5vw
}
.header--opened .logo-container {
max-width: 35%
}
.navbar--opened + .menu_icon {
height: 6vw;
width: 6vw
}
.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%
}