/* Start:/local/templates/globaldrive_new/libs/OwlCarousel/owl.carousel.min.css?16402536473351*/
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/globaldrive_new/libs/OwlCarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */
/* Start:/local/templates/globaldrive_new/libs/OwlCarousel/owl.theme.default.min.css?16402536471013*/
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */
/* Start:/local/templates/globaldrive_new/libs/CustomSelect/custom-select.css?17133421533432*/
.custom-select {
position: relative;
}
.custom-select select {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.select-selected {
position: relative;
min-width: 101px;
padding: 5px 20px 4px 13px;
background: #fff;
border: 1px solid #D7DAE0;
border-radius: 6px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
z-index: 6;
color: #343C4B;
box-sizing: border-box;
}
.select-items {
display: none;
position: absolute;
width: 100%;
top: 100%;
opacity: 0;
pointer-events: none;
transition: all 0;
border: 1px solid #D7DAE0;
border-radius: 6px;
margin-top: -7px;
padding-top: 7px;
background: #fff;
overflow: hidden;
z-index: 14;
box-sizing: border-box;
max-height: 139px;
}
.select-selected.select-arrow-active + .select-items {
display: block;
opacity: 1;
pointer-events: all;
}
.select-selected.select-arrow-active {
background: #F3F3F6;
z-index: 20;
}
.select-selected {
position: relative;
min-width: 101px;
padding: 5px 20px 4px 13px;
background: #fff;
border: 1px solid #D7DAE0;
border-radius: 6px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
z-index: 6;
}
.select-items-wrap .select-items-item {
transition: all 0;
padding: 3px 14px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
background: #fff;
cursor: pointer;
color: #343C4B;
border: 0;
z-index: 1;
}
.select-items-wrap .select-items-item:hover {
background: #F3F3F6;
}
.select-items-wrap {
height: 100%;
max-height: 129px;
overflow-y: auto;
}
.bx-firefox .select-items-wrap {
scrollbar-color: #2f69ff #dcdce9;
scrollbar-width: thin;
}
.select-items-wrap::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.select-items-wrap::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.select-items-wrap::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.select-selected:after {
content: '';
display: block;
position: absolute;
width: 8px;
height: 8px;
right: 10px;
top: calc(50% - 4px);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjUiPgo8cGF0aCBkPSJNNi41MDg3OCAxLjU3MzI1QzYuNDExMTEgMS40NzU1OCA2LjI1Mjk1IDEuNDc1NTggNi4xNTUyOCAxLjU3MzI1TDMuOTk4NjEgMy43Mjk5MkwxLjg0MjExIDEuNTczMjVDMS43NDQ0NSAxLjQ3NTU4IDEuNTg2MjggMS40NzU1OCAxLjQ4ODYxIDEuNTczMjVMMC40MDUyODEgMi42NTY1OEMwLjMwNzYxNSAyLjc1NDI1IDAuMzA3NjE1IDIuOTEyNDIgMC40MDUyODEgMy4wMTAwOEwzLjgyMTk1IDYuNDI2NzVDMy44NzA2MSA2LjQ3NTc1IDMuOTM0NjEgNi41MDAwOCAzLjk5ODYxIDYuNTAwMDhDNC4wNjI2MSA2LjUwMDA4IDQuMTI2NjEgNi40NzU3NSA0LjE3NTQ1IDYuNDI2OTJMNy41OTIxMSAzLjAxMDI1QzcuNjg5NzggMi45MTI1OCA3LjY4OTc4IDIuNzU0NDIgNy41OTIxMSAyLjY1Njc1TDYuNTA4NzggMS41NzMyNVoiIGZpbGw9IiMzNDNDNEIiLz4KPC9nPgo8L3N2Zz4K")
}
body .simplebar-scrollbar:before {
width: 4px;
background: #2F69FF;
left: 0;
opacity: 1;
}
body .simplebar-track.simplebar-vertical {
width: 4px;
right: 12px;
background: #E2E2EA;
top: 8px;
bottom: 8px;
border-radius: 555px;
pointer-events: all;
}
body .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 0;
bottom: 0;
border-radius: 555px;
opacity: 1;
}
/* End */
/* Start:/local/templates/globaldrive_new/css/style.css?1754571669622255*/
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
font-family: Acrom, Roboto, Arial, sans-serif;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*reset finish
///////////////////////
///////////////////////
*/
/*fonts styles start*/
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Regular.eot");
src: local("Acrom Regular"), local("Acrom-Regular"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Regular.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Regular.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Bold.eot");
src: local("Acrom Bold"), local("Acrom-Bold"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Bold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Bold.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Thin.eot");
src: local("Acrom Thin"), local("Acrom-Thin"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Thin.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Thin.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Light.eot");
src: local("Acrom Light"), local("Acrom-Light"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Light.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Light.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-ExtraBold.eot");
src: local("Acrom ExtraBold"), local("Acrom-ExtraBold"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-ExtraBold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-ExtraBold.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Acrom";
src: url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Medium.eot");
src: local("Acrom Medium"), local("Acrom-Medium"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Medium.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Medium.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Acrom/Acrom-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBold.eot");
src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBold.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Heavy.eot");
src: local("Gilroy Heavy"), local("Gilroy-Heavy"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Heavy.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Heavy.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-LightItalic.eot");
src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-LightItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ThinItalic.eot");
src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ThinItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BlackItalic.eot");
src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BlackItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BoldItalic.eot");
src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BoldItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBold.eot");
src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBold.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLightItalic.eot");
src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLightItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBoldItalic.eot");
src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBoldItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Light.eot");
src: local("Gilroy Light"), local("Gilroy-Light"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Light.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-MediumItalic.eot");
src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-MediumItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot");
src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBoldItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Regular.eot");
src: local("Gilroy Regular"), local("Gilroy-Regular"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Regular.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-HeavyItalic.eot");
src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-HeavyItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-HeavyItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Medium.eot");
src: local("Gilroy Medium"), local("Gilroy-Medium"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Medium.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-RegularItalic.eot");
src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-RegularItalic.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-RegularItalic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLight.eot");
src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLight.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-UltraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Bold.eot");
src: local("Gilroy Bold"), local("Gilroy-Bold"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Bold.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Thin.eot");
src: local("Gilroy Thin"), local("Gilroy-Thin"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Thin.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Thin.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Black.eot");
src: local("Gilroy Black"), local("Gilroy-Black"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Black.woff") format("woff"),
url("/local/templates/globaldrive_new/css/../fonts/Gilroy/Gilroy-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
/*fonts styles finish
///////////////////////
///////////////////////
*/
/*common styles start*/
.side-menu_mobile {
display: none;
}
p,
span,
a,
div,
input,
select,
textarea,
form,
b,
strong {
color: #343c4b;
}
.bx-core-popup-menu-item-opener:hover .bx-core-popup-menu-item-text,
.bx-core-popup-menu-item-opened .bx-core-popup-menu-item-text {
color: #ebebeb !important;
}
.bx-core-popup-menu-item-opener .bx-core-popup-menu-item-text,
.bx-core-popup-menu-no-icons .bx-core-popup-menu-item-text {
color: #ebebeb !important;
}
.catalog h1.seo-title-section {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
/* font-weight: bold; */
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
user-select: none;
}
@media (max-width: 500px) {
.catalog h1.seo-title-section {
font-size: 12px;
/* font-weight: 300; */
}
}
.wrapper {
padding-left: 15px;
padding-right: 15px;
max-width: 1480px;
box-sizing: border-box;
margin: 0 auto;
}
.title {
display: flex;
align-items: center;
color: #343c4b;
user-select: none;
line-height: 38px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 400;
font-size: 32px;
}
.show-more {
display: flex;
margin-left: 38px;
color: #2f69ff;
line-height: 1.15;
align-items: center;
font-size: 16px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
text-decoration: none;
user-select: none;
transition: 0.3s;
}
.show-more-svg {
padding-left: 15px;
width: 22px;
height: 12px;
transition: transform 0.3s;
}
.show-more:hover .show-more-svg {
transform: translateX(10px);
}
.show-trigger {
padding-top: 20px;
position: relative;
user-select: none;
}
.show-trigger:before {
content: "";
display: block;
width: 100%;
height: 100px;
background: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(#ffffff));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
position: absolute;
bottom: 100%;
left: 0;
z-index: 9;
}
.show-trigger span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #2f69ff;
position: relative;
padding-right: 20px;
cursor: pointer;
}
.show-trigger span:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 3px solid #2f69ff;
border-right: 3px solid #2f69ff;
position: absolute;
top: 4px;
right: 0;
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.show-trigger__open:before {
display: none;
}
.show-trigger__open span:after {
transform: rotate(225deg);
top: 8px !important;
}
@media (max-width: 820px) {
.show-more {
background-position: 100% center;
}
}
.btn {
display: inline-block;
position: relative;
background-color: #2f69ff;
border-radius: 8px;
color: #fff;
line-height: normal;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}
.btn1 {
display: flex;
padding: 5px;
width: 250px;
height: 45px;
justify-content: center;
align-items: center;
}
.sections-slider {
position: relative;
border-bottom: 1px solid #dddde4;
}
.sections-slider .owl-stage-outer {
width: calc(100% + 3px);
}
.sections-slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sections-slider .owl-stage .owl-item:last-of-type {
margin-right: 50px;
}
.sections-slider .owl-nav {
position: absolute;
top: -3px;
left: 0;
width: 100%;
}
.sections-slider .owl-nav button {
position: absolute;
width: 28px;
height: 28px;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sections-slider .owl-nav button::after {
content: "\2192";
display: block;
position: absolute;
font-size: 0.8rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: left 0.3s;
}
.sections-slider .owl-nav button.owl-prev {
transform: rotate(180deg);
left: -50px;
}
.sections-slider .owl-nav button.owl-prev:before {
content: "";
width: 75px;
height: 30px;
position: absolute;
right: calc(100% + 1px);
top: 0;
background: -webkit-gradient(linear,
left top,
right top,
from(#ffffff),
to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.sections-slider .owl-nav button.owl-next {
right: -50px;
}
.sections-slider .owl-nav button.owl-next:before {
content: "";
width: 75px;
height: 30px;
position: absolute;
right: 100%;
top: 0;
background: -webkit-gradient(linear,
left top,
right top,
from(#ffffff),
to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.sections-slider .owl-nav button.disabled {
display: none;
}
.sections-slider .owl-nav button:hover::after {
left: 70%;
}
.sections-slider__link {
display: inline-block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-decoration: none;
color: #9a9ea5;
white-space: nowrap;
padding: 5px 15px 2px 15px;
margin-right: 32px;
border-bottom: 5px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
border-radius: 5px;
}
.sections-slider__link:hover {
color: #343c4b;
border-bottom: 5px solid #2f69ff;
}
.sections-slider__link-active:hover {
color: #fff !important;
}
.sections-slider__link-active {
background-color: #2f69ff;
border-color: #2f69ff;
color: #fff;
}
.sections-slider__link-active:hover {
color: #343c4b;
}
@media (max-width: 1550px) {
.sections-slider .owl-stage-outer {
width: 100%;
}
.sections-slider .owl-nav button {
background-color: #fff !important;
}
.sections-slider .owl-nav button.owl-prev {
left: 0;
}
.sections-slider .owl-nav button.owl-prev:before {
width: 35px;
}
.sections-slider .owl-nav button.owl-next {
right: 0;
}
.sections-slider .owl-nav button.owl-next:before {
width: 35px;
}
.sections-slider .owl-nav button.disabled {
display: none;
}
}
@media (max-width: 820px) {
.title {
font-size: 24px;
line-height: 27px;
}
}
@media (max-width: 500px) {
body {
padding-bottom: 60px;
}
.title {
font-size: 18px;
line-height: 22px;
}
.show-more {
font-size: 12px;
line-height: 22px;
background-size: 16px;
padding-right: 25px;
}
.sections-slider {
position: relative;
border-bottom: 1px solid #dddde4;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.sections-slider .owl-nav button.owl-prev {
left: 10px;
}
.sections-slider .owl-nav button.owl-next {
right: 10px;
}
.sections-slider .owl-nav button.disabled {
display: none;
}
.sections-slider .owl-nav button:hover {
background-position: 7px center !important;
}
.sections-slider__link {
font-size: 12px;
line-height: 14px;
margin-right: 12px;
border-bottom: 3px solid transparent;
}
.sections-slider__link:hover {
border-bottom: 3px solid #2f69ff;
}
.sections-slider__link-active {
border-bottom: 3px solid #2f69ff;
}
.show-trigger {
padding-top: 12px;
}
.show-trigger:before {
content: "";
height: 50px;
}
.show-trigger span {
font-size: 12px;
line-height: 14px;
padding-right: 15px;
}
.show-trigger span:after {
content: "";
top: 3px;
right: 0;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
}
.show-trigger__open:before {
display: none;
}
.show-trigger__open span:after {
transform: rotate(225deg);
top: 6px !important;
}
}
.tooltip {
position: relative;
}
.tooltip__wrapper {
display: none;
background: #fff;
border-radius: 8px;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
width: 312px;
padding: 26px;
box-sizing: border-box;
position: absolute;
bottom: 100%;
right: 12px;
z-index: 99;
transform: translateX(50%);
}
.tooltip__content p {
padding-bottom: 15px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #343c4b;
}
.tooltip__content a {
text-transform: uppercase;
color: #2f69ff;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
border-bottom: 1px solid #2f69ff;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tooltip__content a:hover {
border-bottom: 1px solid transparent;
}
@media (max-width: 720px) {
.tooltip__wrapper {
right: -10px;
transform: translateX(0);
bottom: calc(100% + 15px);
width: 280px;
padding: 15px;
}
.tooltip__wrapper:before {
left: calc(100% - 27px);
}
.tooltip__content p {
font-size: 12px;
}
.tooltip__content a {
font-size: 12px;
}
}
.fixed-overlay__modal {
display: none;
text-align: center;
white-space: nowrap;
position: fixed;
background-color: rgba(52, 60, 75, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9932132131990;
overflow: auto;
overflow-x: hidden;
box-sizing: border-box;
padding: 15px;
}
.fixed-overlay__modal::after {
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
content: "";
}
.modal {
display: inline-block;
vertical-align: middle;
}
.modal__container {
padding: 50px;
min-width: 200px;
max-width: 615px;
width: calc(100vw - 60px);
text-align: left;
white-space: normal;
background-color: #fff;
color: #000;
position: relative;
border-radius: 12px;
box-sizing: border-box;
}
@media (max-width: 900px) {
.modal__container {
width: calc(100vw - 30px);
}
}
.modal__close {
position: absolute;
top: 15px;
right: 15px;
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.modal__close:hover {
opacity: 1;
}
.modal-fastView .modal__close svg {
width: 15px;
height: 15px;
}
.modal__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #343c4b;
padding-bottom: 24px;
padding-top: 5px;
}
.modal__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: rgba(52, 60, 75, 0.7);
}
.modal__inner .modal-cities__search {
background-color: #f3f3f7;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-search.png);
background-repeat: no-repeat;
background-position: 27px center;
border-radius: 5px;
width: 100%;
position: relative;
z-index: 999;
margin-bottom: 31px;
}
.modal__inner .modal-cities__search input {
outline: none;
border: none;
border-radius: 5px;
background: transparent;
height: 52px;
width: 100%;
box-sizing: border-box;
padding-left: 55px;
padding-right: 20px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.modal__inner .modal-cities__list {
max-height: 410px;
overflow: auto;
}
.modal__inner .modal-cities__list::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.modal__inner .modal-cities__list::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.modal__inner .modal-cities__list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.modal__inner .modal-cities__list {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.modal__inner .modal-cities__item {
padding-top: 9px;
padding-bottom: 9px;
}
.modal__inner .modal-cities__item a {
display: inline-block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
text-decoration: none;
position: relative;
padding-bottom: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal__inner .modal-cities__item a:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 2px dotted #9a9ea5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal__inner .modal-cities__item a:hover:after {
width: 50%;
}
.modal__inner .modal-cities__item a:active:after {
width: 25%;
}
@media (max-width: 500px) {
.modal__container {
padding: 20px;
}
.modal__title {
font-size: 18px;
line-height: normal;
padding-bottom: 20px;
padding-top: 5px;
}
.modal__inner .modal-cities__search {
margin-bottom: 21px;
background-position: 10px center;
}
.modal__inner .modal-cities__search input {
height: 36px;
font-size: 12px;
padding-left: 35px;
}
.modal__inner .modal-cities__list {
max-height: 255px;
}
.modal__inner .modal-cities__item {
padding-top: 6px;
padding-bottom: 6px;
}
.modal__inner .modal-cities__item a {
font-size: 12px;
}
}
.modal-callback .modal__title {
padding-bottom: 8px;
}
.modal-callback .modal__sub-title {
padding-bottom: 20px;
}
.modal-callback__input-wrapper {
padding-bottom: 21px;
width: 100%;
}
.modal-callback__input-wrapper p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
padding-bottom: 10px;
}
.modal-callback__input-wrapper p .note {
color: red;
}
.modal-callback__input-wrapper input {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
background-color: #f3f3f6;
}
.modal-callback__input-wrapper textarea {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding: 18px 22px;
background-color: #f3f3f6;
}
.modal-callback__input-phone-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-callback__select {
height: 60px;
width: 70px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
margin-right: 6px;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f6;
box-sizing: border-box;
}
.modal-callback__select span {
padding-right: 11px;
position: relative;
display: inline-block;
width: 23px;
height: 18px;
}
.modal-callback__select span img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.modal-callback__select span:after {
content: "";
display: block;
width: 4px;
height: 4px;
position: absolute;
top: 6px;
right: 0;
transform: rotate(45deg);
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
}
.modal-callback__descr p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
text-align: center;
}
.modal-callback__descr a {
color: #2f69ff;
border-bottom: 1px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
.modal-callback__descr a:hover {
border-bottom: 1px solid #2f69ff;
}
.modal-callback__input-submit input {
height: 60px;
width: 100%;
background-color: #2f69ff;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
border: none;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal-callback__input-submit input:hover {
background-color: #2f82ff;
}
.modal-callback__input-submit input:active {
background-color: #2057e6;
}
@media (max-width: 500px) {
.modal-callback__input-wrapper {
padding-bottom: 16px;
}
.modal-callback__input-wrapper p {
font-size: 12px;
line-height: 14px;
padding-bottom: 8px;
}
.modal-callback__input-wrapper input {
height: 44px;
font-size: 14px;
line-height: 17px;
padding-left: 16px;
padding-right: 16px;
}
.modal-callback__input-wrapper textarea {
height: 44px;
font-size: 14px;
line-height: 17px;
padding: 12px 16px;
}
.modal-callback__input-phone-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-callback__select {
height: 44px;
}
.modal-callback__descr p {
font-size: 10px;
line-height: 12px;
}
.modal-callback__input-submit input {
height: 50px;
font-size: 14px;
}
}
.modal-addBasket .modal__container {
max-width: 800px;
}
.modal-addBasket__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-addBasket__image {
width: 182px;
height: 182px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 10px;
}
.modal-addBasket__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.modal-addBasket__content {
width: calc(100% - 205px);
}
.modal-addBasket__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #343c4b;
}
.modal-addBasket__message {
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
color: #343c4b;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.modal-addBasket__message-svg {
width: 15px;
height: 18px;
padding-right: 7px;
}
.modal-addBasket__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-addBasket__continue {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
width: calc(50% - 4px);
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #2f69ff;
border: 1px solid #d7dae0;
}
.modal-addBasket__continue:hover {
background-color: #2f69ff;
color: #fff;
border-color: #2f69ff;
}
.modal-addBasket__make-order {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
width: calc(50% - 4px);
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #fff;
}
.modal-addBasket__make-order:hover {
background-color: #2f82ff;
}
.modal-addBasket__make-order:active {
background-color: #2057e6;
}
.modal-addBasket__manager {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
border-radius: 8px;
padding: 14px 24px 14px 65px;
background-color: #eaf0ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-info-a.png);
background-repeat: no-repeat;
background-position: 26px center;
margin-top: 10px;
}
body .modal-addBasket__slider {
position: relative;
}
body .modal-addBasket__slider .wrapper {
padding-left: 0;
padding-right: 0;
}
body .modal-addBasket__slider .similar-products__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #343c4b;
padding-top: 35px;
margin-top: 25px;
border-top: 2px solid rgba(52, 60, 75, 0.1);
padding-bottom: 0;
}
.modal-addBasket .similar-products__slider {
padding-top: 0;
}
body .modal-addBasket__slider .catalog-main__item {
width: 200px;
}
body .modal-addBasket__slider .owl-nav {
position: absolute;
top: -55px;
right: 0;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body .modal-addBasket__slider .owl-nav button {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2NV82ODE0KSI+CjxwYXRoIGQ9Ik0xMS40NTc0IDQuMDM0NjdDMTEuMzU4OCA0LjAzNDY5IDExLjI2MjYgNC4wNjQxMSAxMS4xODA5IDQuMTE5MTVDMTEuMDk5MiA0LjE3NDE5IDExLjAzNTggNC4yNTIzNiAxMC45OTg3IDQuMzQzNjRDMTAuOTYxNyA0LjQzNDkzIDEwLjk1MjggNC41MzUxOSAxMC45NzMgNC42MzE2QzEwLjk5MzMgNC43MjggMTEuMDQxOSA0LjgxNjE2IDExLjExMjUgNC44ODQ4TDEzLjU2NzYgNy4zMzk4MkgxLjIzMjUyQzEuMTY2OTMgNy4zMzg4OSAxLjEwMTggNy4zNTEwMSAxLjA0MDkzIDcuMzc1NDdDMC45ODAwNjMgNy4zOTk5MyAwLjkyNDY2MiA3LjQzNjI1IDAuODc3OTQ5IDcuNDgyM0MwLjgzMTIzNiA3LjUyODM2IDAuNzk0MTQzIDcuNTgzMjQgMC43Njg4MjUgNy42NDM3NkMwLjc0MzUwNyA3LjcwNDI4IDAuNzMwNDY5IDcuNzY5MjIgMC43MzA0NjkgNy44MzQ4MkMwLjczMDQ2OSA3LjkwMDQyIDAuNzQzNTA3IDcuOTY1MzcgMC43Njg4MjUgOC4wMjU4OUMwLjc5NDE0MyA4LjA4NjQgMC44MzEyMzYgOC4xNDEyOCAwLjg3Nzk0OSA4LjE4NzM0QzAuOTI0NjYyIDguMjMzNCAwLjk4MDA2MyA4LjI2OTcxIDEuMDQwOTMgOC4yOTQxN0MxLjEwMTggOC4zMTg2MyAxLjE2NjkzIDguMzMwNzUgMS4yMzI1MiA4LjMyOTgySDEzLjU2NzZMMTEuMTEyNSAxMC43ODQ4QzExLjA2NSAxMC44MzA1IDExLjAyNzEgMTAuODg1MSAxMS4wMDEgMTAuOTQ1NUMxMC45NzQ4IDExLjAwNiAxMC45NjEgMTEuMDcxMSAxMC45NjA0IDExLjEzNjlDMTAuOTU5NyAxMS4yMDI4IDEwLjk3MjIgMTEuMjY4MSAxMC45OTcxIDExLjMyOTFDMTEuMDIyIDExLjM5IDExLjA1ODggMTEuNDQ1NCAxMS4xMDUzIDExLjQ5MkMxMS4xNTE5IDExLjUzODYgMTEuMjA3MyAxMS41NzU0IDExLjI2ODMgMTEuNjAwM0MxMS4zMjkzIDExLjYyNTIgMTEuMzk0NiAxMS42Mzc2IDExLjQ2MDQgMTEuNjM3QzExLjUyNjMgMTEuNjM2MyAxMS41OTEzIDExLjYyMjUgMTEuNjUxOCAxMS41OTY0QzExLjcxMjMgMTEuNTcwMiAxMS43NjY5IDExLjUzMjMgMTEuODEyNSAxMS40ODQ4TDE1LjExMjUgOC4xODQ4QzE1LjIwNTMgOC4wOTE5NyAxNS4yNTc0IDcuOTY2MDggMTUuMjU3NCA3LjgzNDgyQzE1LjI1NzQgNy43MDM1NiAxNS4yMDUzIDcuNTc3NjggMTUuMTEyNSA3LjQ4NDg0TDExLjgxMjUgNC4xODQ4NEMxMS43NjY0IDQuMTM3MzMgMTEuNzExMiA0LjA5OTU1IDExLjY1MDIgNC4wNzM3NkMxMS41ODkxIDQuMDQ3OTYgMTEuNTIzNiA0LjAzNDY3IDExLjQ1NzQgNC4wMzQ2N1Y0LjAzNDY3WiIgZmlsbD0iIzM0M0M0QiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg2NV82ODE0Ij4KPHJlY3Qgd2lkdGg9IjE1Ljg0IiBoZWlnaHQ9IjE1Ljg0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wNzgxMjUgMC4wNzk1ODk4KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") !important;
background-repeat: no-repeat !important;
background-position: 9px center !important;
background-size: 16px !important;
width: 36px;
height: 36px;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
body .modal-addBasket__slider .owl-nav button.owl-prev,
body .modal-addBasket__slider .owl-nav button.owl-next {
left: auto;
right: auto;
position: static;
}
body .modal-addBasket__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
}
body .modal-addBasket__slider .owl-nav button.disabled {
display: none;
}
body .modal-addBasket__slider .owl-nav button:hover {
background-position: 14px center !important;
}
@media (max-width: 750px) {
.modal-addBasket__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-addBasket__image {
width: 82px;
height: 82px;
padding: 5px;
margin: 0 auto;
}
.modal-addBasket__content {
width: 100%;
}
.modal-addBasket__name {
font-size: 16px;
line-height: 19px;
text-align: center;
}
.modal-addBasket__message {
font-size: 12px;
line-height: 14px;
width: 200px;
margin: 12px auto 15px;
}
.modal-addBasket__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-addBasket__continue {
height: 50px;
width: 100%;
font-size: 16px;
margin-bottom: 8px;
}
.modal-addBasket__make-order {
height: 50px;
width: 100%;
font-size: 16px;
}
.modal-addBasket__manager {
font-size: 10px;
line-height: 100%;
padding: 9px 14px 9px 46px;
background-position: 15px center;
margin-top: 10px;
}
body .modal-addBasket__slider {
position: relative;
}
body .modal-addBasket__slider .wrapper {
padding-left: 0;
padding-right: 0;
}
body .modal-addBasket__slider .similar-products__title {
font-size: 18px;
}
body .modal-addBasket__slider .catalog-main__item {
width: 200px;
}
body .modal-addBasket__slider .owl-nav {
position: absolute;
top: -55px;
right: 0;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body .modal-addBasket__slider .owl-nav button {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-arrow-black.png) !important;
background-repeat: no-repeat !important;
background-position: 9px center !important;
background-size: 16px !important;
width: 36px;
height: 36px;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
body .modal-addBasket__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
}
body .modal-addBasket__slider .owl-nav button.disabled {
display: none;
}
body .modal-addBasket__slider .owl-nav button:hover {
background-position: 14px center !important;
}
}
.modal-basket .modal__container {
max-width: 800px;
}
.modal-basket__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 38px;
color: #343c4b;
position: relative;
margin-bottom: 16px;
}
.modal-basket__title span {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 38px;
color: #9a9ea5;
position: absolute;
right: 0;
bottom: 0;
width: 100px;
}
.modal-basket__credit {
background-color: #f3f3f6;
border-radius: 8px;
padding: 18px 14px 18px 70px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-slice-large.png);
background-repeat: no-repeat;
background-position: 20px center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-basket__credit-content {
width: calc(100% - 160px);
}
.modal-basket__credit-text {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #9a9ea5;
}
.modal-basket__credit-text b {
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #343c4b;
padding-bottom: 4px;
display: block;
}
.modal-basket__credit-link {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #2f69ff;
background: #fff;
border-radius: 6px;
width: 155px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal-basket__credit-link:hover {
background-color: #2f69ff;
color: #fff;
}
.modal-basket__list {
max-height: 420px;
overflow: auto;
margin-top: 15px;
margin-bottom: 15px;
box-sizing: border-box;
padding-right: 15px;
}
.modal-basket__list::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.modal-basket__list::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.modal-basket__list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.modal-basket__list {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.modal-basket__list .basket-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 14px;
margin-bottom: 14px;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
}
.modal-basket__list .basket-item__image {
width: 110px;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
padding: 5px;
}
.modal-basket__list .basket-item__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.modal-basket__list .basket-item__content {
width: calc(100% - 260px);
box-sizing: border-box;
padding-left: 35px;
padding-right: 30px;
}
.modal-basket__list .basket-item__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.modal-basket__list .basket-item__cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 14px;
}
.modal-basket__list .basket-item__select {
width: 100px;
height: 30px;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 6px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
outline: none;
padding-left: 14px;
}
.modal-basket__list .basket-item__price-unit {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #9a9ea5;
padding-left: 14px;
}
.modal-basket__list .basket-item__favorite {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
padding-left: 20px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-favorite-modal.png);
background-repeat: no-repeat;
background-position: 0 center;
padding-right: 12px;
margin-right: 12px;
border-right: 2px solid rgba(52, 60, 75, 0.2);
text-decoration: none;
}
.modal-basket__list .basket-item__remove {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
padding-left: 20px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-remove.png);
background-repeat: no-repeat;
background-position: 0 center;
text-decoration: none;
opacity: 0.5;
}
.modal-basket__list .basket-item__price {
width: 150px;
text-align: right;
}
.modal-basket__list .basket-item__old-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-decoration: line-through;
color: #9a9ea5;
}
.modal-basket__list .basket-item__discount {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 17px;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-label.png);
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
display: inline-block;
text-align: right;
padding-right: 2px;
margin-bottom: 3px;
box-sizing: border-box;
vertical-align: top;
margin-left: 6px;
}
.modal-basket__list .basket-item__cur-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #343c4b;
padding-top: 8px;
padding-bottom: 12px;
}
.modal-basket__list .basket-item__bonus {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-gift.png);
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #924aff;
padding-left: 18px;
display: inline-block;
}
.modal-basket__total {
background: rgba(47, 105, 255, 0.1);
border-radius: 8px;
box-sizing: border-box;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-basket__total .modal-discount__old-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 31px;
text-decoration: line-through;
color: #9a9ea5;
margin-left: 15px;
}
.modal-basket__total .modal-discount__discount {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 18px;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-label.png);
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
display: inline-block;
text-align: right;
padding-right: 2px;
margin-bottom: 3px;
box-sizing: border-box;
vertical-align: top;
margin-left: 6px;
}
.modal-basket__total .modal-discount__cur-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #343c4b;
display: inline-block;
}
.modal-basket__total-content {
width: calc(100% - 230px);
}
.modal-basket__count {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: normal;
color: #9a9ea5;
}
.modal-basket__total-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
.modal-basket__bonus {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-gift.png);
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #924aff;
padding-left: 18px;
display: inline-block;
}
.modal-basket__total-order a {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
width: 220px;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-basket__total-order a:hover {
background-color: #2f82ff;
}
.modal-basket__total-order a:active {
background-color: #2057e5;
}
@media (max-width: 700px) {
.modal-basket .modal__container {
padding: 15px;
}
.modal-basket__title {
font-size: 22px;
line-height: 30px;
padding-right: 15px;
}
.modal-basket__title span {
font-size: 14px;
line-height: 30px;
}
.modal-basket__credit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 15px;
background-position: 15px 20px;
}
.modal-basket__credit-content {
width: 100%;
box-sizing: border-box;
padding-left: 50px;
}
.modal-basket__credit-link {
width: 100%;
margin-top: 15px;
}
.modal-basket__list .basket-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.modal-basket__list .basket-item__content {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.modal-basket__list .basket-item__price {
width: 100%;
text-align: left;
padding-top: 15px;
}
.modal-basket__total {
padding: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-basket__total-content {
width: 100%;
}
.modal-basket__total-order {
padding-top: 10px;
width: 100%;
}
.modal-basket__total-order a {
height: 46px;
width: 100%;
}
}
.modal-discount__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #343c4b;
padding-bottom: 18px;
}
.modal-discount__inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-bottom: 20px;
}
.modal-discount__image {
padding: 8px;
width: 220px;
height: 220px;
box-sizing: border-box;
flex-basis: 50%;
}
.modal-discount__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.modal-discount__price {
padding-left: 40px;
box-sizing: border-box;
flex-basis: 50%;
}
.modal-discount__price p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.modal-discount__price p span {
color: #9f60ff;
}
.modal-discount__old-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-decoration: line-through;
color: #9a9ea5;
}
.modal-discount__discount {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 17px;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-label.png);
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
display: inline-block;
text-align: right;
padding-right: 2px;
margin-bottom: 3px;
box-sizing: border-box;
vertical-align: top;
margin-left: 6px;
}
.modal-discount__cur-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #9f60ff;
padding-top: 8px;
padding-bottom: 12px;
}
.modal-discount__markdown-text {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 17px;
color: #343c4b;
}
.modal-discount__info {
border-top: 2px solid rgba(52, 60, 75, 0.1);
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 22px;
padding-bottom: 22px;
margin-bottom: 22px;
}
.modal-discount__content {
width: calc(100% - 160px);
}
.modal-discount__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 26px;
color: #343c4b;
}
.modal-discount__text {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #9a9ea5;
}
.modal-discount__guarantee {
width: 125px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
padding-bottom: 3px;
padding-left: 50px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-shield.png);
background-size: 32px;
background-repeat: no-repeat;
background-position: 0 center;
box-sizing: border-box;
}
.modal-discount__guarantee span {
display: block;
font-size: 18px;
line-height: 20px;
font-weight: 700;
color: #2f69ff;
}
.modal-discount__input-wrapper p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
padding-bottom: 10px;
}
.modal-discount__input-wrapper p .note {
color: red;
}
.modal-discount__input-phone-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-discount__input-phone-wrapper input {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
background-color: #f3f3f6;
}
.modal-discount__select {
height: 60px;
width: 70px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
margin-right: 6px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f6;
box-sizing: border-box;
}
.modal-discount__select span {
padding-right: 11px;
position: relative;
display: inline-block;
width: 23px;
height: 18px;
}
.modal-discount__select span img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.modal-discount__select span:after {
content: "";
display: block;
width: 4px;
height: 4px;
position: absolute;
top: 6px;
right: 0;
transform: rotate(45deg);
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
}
.modal-discount__submit {
background-color: #924aff;
border-radius: 6px;
height: 60px;
width: 100%;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
outline: none;
margin-top: 22px;
margin-bottom: 25px;
cursor: pointer;
}
.modal-discount__agree {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
text-align: center;
}
.modal-discount__agree a {
text-decoration: none;
color: #924aff;
font-weight: 700;
}
@media (max-width: 650px) {
.modal-discount .modal__container {
padding: 20px;
}
.modal-discount__title {
font-size: 16px;
line-height: 100%;
padding-bottom: 7px;
padding-right: 10px;
}
.modal-discount__inner {
padding-bottom: 8px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.modal-discount__image {
width: 100px;
height: 100px;
padding: 4px;
}
.modal-discount__price {
padding-left: 12px;
}
.modal-discount__price p {
font-size: 10px;
line-height: 12px;
}
.modal-discount__old-price {
font-size: 12px;
line-height: 14px;
}
.modal-discount__discount {
font-size: 10px;
line-height: 19px;
}
.modal-discount__cur-price {
font-size: 18px;
line-height: 21px;
}
.modal-discount__info {
padding-top: 12px;
padding-bottom: 12px;
position: relative;
min-height: 22px;
}
.modal-discount__content {
width: 100%;
}
.modal-discount__sub-title {
font-size: 16px;
line-height: 19px;
padding-bottom: 15px;
}
.modal-discount__text {
font-size: 12px;
line-height: 14px;
}
.modal-discount__guarantee {
position: absolute;
top: 5px;
right: 0;
padding-left: 40px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-shield.png);
background-size: 32px;
}
.modal-discount .modal-discount__guarantee {
position: relative;
top: 0;
}
.modal-discount__guarantee span {
font-size: 13px;
line-height: 16px;
}
.modal-discount__input-wrapper p {
font-size: 12px;
line-height: 14px;
padding-bottom: 8px;
}
.modal-discount__input-phone-wrapper input {
height: 44px;
font-size: 14px;
line-height: 17px;
}
.modal-discount__select {
height: 44px;
width: 70px;
}
.modal-discount__submit {
height: 50px;
width: 100%;
font-size: 12px;
line-height: 100%;
margin-bottom: 12px;
padding: 0 22px;
}
.modal-discount__agree {
font-size: 10px;
line-height: 12px;
}
}
.modal-add-review .modal__container {
max-width: 700px;
}
#cookie_notification {
display: none;
justify-content: space-between;
align-items: flex-end;
position: fixed;
bottom: 15px;
left: 50%;
width: 77%;
max-width: 500px;
transform: translateX(-50%);
padding: 14px 29px;
background-color: white;
border-radius: 9px;
box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 31%);
z-index: 999;
}
#cookie_notification p {
margin: 0;
font-size: 0.8rem;
text-align: left;
}
#cookie_notification.show {
display: flex !important;
align-items: center;
z-index: 55555555 !important;
}
.cookie_accept {
margin: 0 0 0 25px;
background: #e3e8f7;
border-radius: 20px;
padding: 4px 16px;
border: none;
color: #2f69ff;
font-weight: 600;
font-family: "Acrom", "Arial", sans-serif;
cursor: pointer;
font-size: 13px;
}
@media (max-width: 575px) {
#cookie_notification.show {
text-align: left;
}
.cookie_accept {
margin: 0 0 0 0;
}
}
button.button.cookie_accept:hover {
opacity: 0.6;
}
.add-review__stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
}
.add-review__star {
width: 20%;
padding: 0 4px;
text-align: center;
cursor: pointer;
position: relative;
}
.add-review__star input {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.add-review__star p {
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #393d38;
white-space: nowrap;
padding-top: 10px;
}
.add-review__star.hover .add-review__img,
.add-review__star.active .add-review__img {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='36' viewBox='0 0 38 36' fill='none'%3E%3Cpath d='M18.5709 0.132108C18.6972 0.0461794 18.8468 0.000131651 19 0C19.1532 0.000131651 19.3028 0.0461794 19.4291 0.132108C19.5554 0.218036 19.6527 0.339838 19.708 0.481537L24.3941 12.4669L37.2784 13.1192C37.4317 13.1269 37.5791 13.1805 37.7012 13.273C37.8233 13.3654 37.9142 13.4924 37.9621 13.6371C38.01 13.7819 38.0126 13.9376 37.9695 14.0839C37.9264 14.2301 37.8396 14.3599 37.7207 14.4563L27.6879 22.5938L30.9832 34.9413C31.0225 35.0883 31.0162 35.2437 30.9649 35.387C30.9136 35.5304 30.8199 35.6549 30.6959 35.7445C30.572 35.834 30.4237 35.8842 30.2704 35.8886C30.1172 35.8929 29.9662 35.8512 29.8373 35.7689L19 28.8684L8.16272 35.7689C8.03381 35.8512 7.88281 35.8929 7.72957 35.8886C7.57634 35.8842 7.42801 35.834 7.30407 35.7445C7.18013 35.6549 7.08638 35.5304 7.03511 35.387C6.98385 35.2437 6.97746 35.0883 7.0168 34.9413L10.3121 22.5938L0.279301 14.4563C0.160358 14.3599 0.0736328 14.2301 0.0305402 14.0839C-0.0125525 13.9376 -0.0099895 13.7819 0.0378968 13.6371C0.0857832 13.4924 0.176745 13.3654 0.298798 13.273C0.420851 13.1805 0.568272 13.1269 0.721642 13.1192L13.6059 12.4669L18.292 0.481537C18.3473 0.339838 18.4445 0.218036 18.5709 0.132108Z' fill='%23FFD600'/%3E%3C/svg%3E");
}
.add-review__img {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='36' viewBox='0 0 38 36' fill='none'%3E%3Cpath opacity='0.5' d='M19 0C18.8468 0.000131651 18.6972 0.0461794 18.5709 0.132108C18.4446 0.218036 18.3473 0.339838 18.292 0.481537L13.6059 12.4669L0.721642 13.1192C0.568272 13.1269 0.420851 13.1805 0.298798 13.273C0.176745 13.3654 0.0857832 13.4924 0.0378968 13.6371C-0.0099895 13.7819 -0.0125525 13.9376 0.0305402 14.0839C0.0736328 14.2301 0.160358 14.3599 0.279301 14.4563L10.3121 22.5938L7.0168 34.9413C6.97746 35.0883 6.98385 35.2437 7.03512 35.387C7.08638 35.5304 7.18013 35.6549 7.30407 35.7445C7.42801 35.834 7.57634 35.8842 7.72957 35.8886C7.88281 35.8929 8.03381 35.8512 8.16272 35.7689L19 28.8684L29.8373 35.7689C29.9662 35.8512 30.1172 35.8929 30.2704 35.8886C30.4237 35.8842 30.572 35.834 30.6959 35.7445C30.8199 35.6549 30.9136 35.5304 30.9649 35.387C31.0162 35.2437 31.0225 35.0883 30.9832 34.9413L27.6879 22.5938L37.7207 14.4563C37.8396 14.3599 37.9264 14.2301 37.9695 14.0839C38.0126 13.9376 38.01 13.7819 37.9621 13.6371C37.9142 13.4924 37.8233 13.3654 37.7012 13.273C37.5792 13.1805 37.4317 13.1269 37.2784 13.1192L24.3941 12.4669L19.708 0.481537C19.6527 0.339838 19.5554 0.218036 19.4291 0.132108C19.3028 0.0461794 19.1532 0.000131651 19 0ZM19 2.83766L23.1547 13.4667C23.2079 13.6025 23.2995 13.7201 23.4186 13.8053C23.5376 13.8904 23.679 13.9396 23.8256 13.9468L35.2329 14.5255L26.3476 21.7338C26.2347 21.8254 26.1507 21.9472 26.1057 22.0848C26.0607 22.2224 26.0565 22.37 26.0937 22.5098L29.0135 33.4526L19.4112 27.337C19.2885 27.2587 19.1458 27.2171 19 27.2171C18.8542 27.2171 18.7115 27.2587 18.5888 27.337L8.98653 33.4526L11.9063 22.5098C11.9435 22.37 11.9393 22.2224 11.8943 22.0848C11.8493 21.9472 11.7653 21.8254 11.6524 21.7338L2.76709 14.5255L14.1744 13.9468C14.321 13.9396 14.4624 13.8904 14.5814 13.8053C14.7005 13.7201 14.7921 13.6025 14.8453 13.4667L19 2.83766Z' fill='%23343C4B'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: 44px;
height: 44px;
margin: 0 auto;
}
.add-review__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.add-review__container > div {
width: calc(50% - 11px);
}
.add-review__input-wrapper {
padding-bottom: 21px;
}
.add-review__input-wrapper input {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
background-color: #f3f3f6;
}
.add-review__input-wrapper textarea {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding: 18px 22px 15px;
background-color: #f3f3f6;
resize: vertical;
}
.add-review__input-wrapper p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
padding-bottom: 10px;
position: relative;
}
.add-review__input-wrapper p a {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #2f69ff;
position: absolute;
top: 0;
right: 0;
text-decoration: none;
}
.add-review__advantages,
.add-review__disadvantages {
display: none;
}
.add-review__advantages-btn {
width: calc(50% - 11px);
height: 62px;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-bottom: 20px;
}
.add-review__advantages-btn span {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #30ad80;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11.0007 1.83301C5.94618 1.83301 1.83398 5.94521 1.83398 10.9997C1.83398 16.0541 5.94618 20.1663 11.0007 20.1663C16.0551 20.1663 20.1673 16.0541 20.1673 10.9997C20.1673 5.94521 16.0551 1.83301 11.0007 1.83301ZM11.0007 3.20801C15.312 3.20801 18.7923 6.68831 18.7923 10.9997C18.7923 15.311 15.312 18.7913 11.0007 18.7913C6.68929 18.7913 3.20898 15.311 3.20898 10.9997C3.20898 6.68831 6.68929 3.20801 11.0007 3.20801ZM8.25065 7.56217C7.94676 7.56217 7.65531 7.6829 7.44042 7.89778C7.22554 8.11267 7.10482 8.40411 7.10482 8.70801C7.10482 9.0119 7.22554 9.30335 7.44042 9.51823C7.65531 9.73312 7.94676 9.85384 8.25065 9.85384C8.55454 9.85384 8.84599 9.73312 9.06088 9.51823C9.27576 9.30335 9.39648 9.0119 9.39648 8.70801C9.39648 8.40411 9.27576 8.11267 9.06088 7.89778C8.84599 7.6829 8.55454 7.56217 8.25065 7.56217ZM13.7507 7.56217C13.4468 7.56217 13.1553 7.6829 12.9404 7.89778C12.7255 8.11267 12.6048 8.40411 12.6048 8.70801C12.6048 9.0119 12.7255 9.30335 12.9404 9.51823C13.1553 9.73312 13.4468 9.85384 13.7507 9.85384C14.0545 9.85384 14.346 9.73312 14.5609 9.51823C14.7758 9.30335 14.8965 9.0119 14.8965 8.70801C14.8965 8.40411 14.7758 8.11267 14.5609 7.89778C14.346 7.6829 14.0545 7.56217 13.7507 7.56217ZM11.0007 15.1319C9.25575 15.1319 7.6898 14.3144 6.68408 13.0363C6.62681 12.9655 6.58418 12.8841 6.55865 12.7966C6.53312 12.7092 6.52522 12.6176 6.53539 12.5271C6.54556 12.4366 6.57361 12.349 6.6179 12.2695C6.66219 12.1899 6.72185 12.1199 6.79341 12.0636C6.86496 12.0073 6.947 11.9658 7.03474 11.9414C7.12249 11.917 7.2142 11.9104 7.30455 11.9217C7.3949 11.9331 7.48209 11.9623 7.56106 12.0077C7.64003 12.053 7.7092 12.1136 7.76457 12.1859C8.51885 13.1445 9.68389 13.7569 11.0007 13.7569C12.3174 13.7569 13.4825 13.1445 14.2367 12.1859C14.2921 12.1136 14.3613 12.053 14.4402 12.0077C14.5192 11.9623 14.6064 11.9331 14.6968 11.9217C14.7871 11.9104 14.8788 11.917 14.9666 11.9414C15.0543 11.9658 15.1363 12.0073 15.2079 12.0636C15.2795 12.1199 15.3391 12.1899 15.3834 12.2695C15.4277 12.349 15.4557 12.4366 15.4659 12.5271C15.4761 12.6176 15.4682 12.7092 15.4427 12.7966C15.4171 12.8841 15.3745 12.9655 15.3172 13.0363C14.3115 14.3144 12.7456 15.1319 11.0007 15.1319Z' fill='%2330AD80'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 25px;
}
.add-review__disadvantages-btn {
width: calc(50% - 11px);
height: 62px;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-bottom: 20px;
}
.add-review__disadvantages-btn span {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #ef483d;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M10.9987 1.83301C5.94423 1.83301 1.83203 5.94521 1.83203 10.9997C1.83203 16.0541 5.94423 20.1663 10.9987 20.1663C16.0532 20.1663 20.1654 16.0541 20.1654 10.9997C20.1654 5.94521 16.0532 1.83301 10.9987 1.83301ZM10.9987 3.20801C15.3101 3.20801 18.7904 6.68831 18.7904 10.9997C18.7904 15.311 15.3101 18.7913 10.9987 18.7913C6.68733 18.7913 3.20703 15.311 3.20703 10.9997C3.20703 6.68831 6.68733 3.20801 10.9987 3.20801ZM8.2487 7.56217C7.9448 7.56217 7.65336 7.6829 7.43847 7.89778C7.22359 8.11267 7.10286 8.40411 7.10286 8.70801C7.10286 9.0119 7.22359 9.30335 7.43847 9.51823C7.65336 9.73312 7.9448 9.85384 8.2487 9.85384C8.55259 9.85384 8.84404 9.73312 9.05892 9.51823C9.27381 9.30335 9.39453 9.0119 9.39453 8.70801C9.39453 8.40411 9.27381 8.11267 9.05892 7.89778C8.84404 7.6829 8.55259 7.56217 8.2487 7.56217ZM13.7487 7.56217C13.4448 7.56217 13.1534 7.6829 12.9385 7.89778C12.7236 8.11267 12.6029 8.40411 12.6029 8.70801C12.6029 9.0119 12.7236 9.30335 12.9385 9.51823C13.1534 9.73312 13.4448 9.85384 13.7487 9.85384C14.0526 9.85384 14.344 9.73312 14.5589 9.51823C14.7738 9.30335 14.8945 9.0119 14.8945 8.70801C14.8945 8.40411 14.7738 8.11267 14.5589 7.89778C14.344 7.6829 14.0526 7.56217 13.7487 7.56217ZM10.9987 11.9163C9.25379 11.9163 7.68785 12.7339 6.68213 14.012C6.62486 14.0828 6.58222 14.1642 6.5567 14.2516C6.53117 14.3391 6.52326 14.4307 6.53343 14.5212C6.54361 14.6117 6.57165 14.6992 6.61594 14.7788C6.66024 14.8584 6.71989 14.9283 6.79145 14.9847C6.86301 15.041 6.94504 15.0825 7.03279 15.1069C7.12054 15.1313 7.21225 15.1379 7.3026 15.1266C7.39295 15.1152 7.48014 15.086 7.55911 15.0406C7.63808 14.9953 7.70725 14.9347 7.76261 14.8624C8.51689 13.9038 9.68194 13.2913 10.9987 13.2913C12.3155 13.2913 13.4805 13.9038 14.2348 14.8624C14.2901 14.9347 14.3593 14.9953 14.4383 15.0406C14.5173 15.086 14.6044 15.1152 14.6948 15.1266C14.7851 15.1379 14.8769 15.1313 14.9646 15.1069C15.0524 15.0825 15.1344 15.041 15.2059 14.9847C15.2775 14.9283 15.3372 14.8584 15.3815 14.7788C15.4257 14.6992 15.4538 14.6117 15.464 14.5212C15.4741 14.4307 15.4662 14.3391 15.4407 14.2516C15.4152 14.1642 15.3725 14.0828 15.3153 14.012C14.3095 12.7339 12.7436 11.9163 10.9987 11.9163Z' fill='%23EF483D'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 25px;
}
.add-review__files {
background: #f8f8f8;
border: 2px dashed #d3d3d3;
box-sizing: border-box;
border-radius: 5px;
padding: 22px;
}
.add-review__files-top {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.add-review__files-top input {
height: 52px;
width: 190px;
position: absolute;
top: 0;
right: 0;
z-index: 9;
opacity: 0;
}
@media (max-width: 650px) {
.add-review__files-top input {
bottom: 0;
top: unset;
width: 100%;
}
}
.add-review__files-top p {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: rgba(52, 60, 75, 0.8);
width: calc(100% - 200px);
}
.add-review__files-top p span {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #343c4b;
padding-left: 35px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M7.8125 3.125C5.23469 3.125 3.125 5.23469 3.125 7.8125V19.0625C3.125 21.6403 5.23469 23.75 7.8125 23.75H19.0625C21.6403 23.75 23.75 21.6403 23.75 19.0625V7.8125C23.75 5.23469 21.6403 3.125 19.0625 3.125H7.8125ZM7.8125 5H19.0625C20.6272 5 21.875 6.24781 21.875 7.8125V19.0625C21.875 19.4982 21.7701 19.9045 21.5967 20.271L15.1709 13.8464C14.696 13.3715 14.067 13.1335 13.4375 13.1335C12.808 13.1335 12.1778 13.3715 11.7029 13.8464L5.27832 20.271C5.10492 19.9045 5 19.4982 5 19.0625V7.8125C5 6.24781 6.24781 5 7.8125 5ZM25 7.19604V19.6875C25 22.6169 22.6169 25 19.6875 25H7.19604C8.05229 26.1362 9.40812 26.875 10.9375 26.875H19.6875C23.6506 26.875 26.875 23.6506 26.875 19.6875V10.9375C26.875 9.40875 26.1362 8.05229 25 7.19604ZM17.1875 8.125C16.7731 8.125 16.3757 8.28962 16.0826 8.58265C15.7896 8.87567 15.625 9.2731 15.625 9.6875C15.625 10.1019 15.7896 10.4993 16.0826 10.7924C16.3757 11.0854 16.7731 11.25 17.1875 11.25C17.6019 11.25 17.9993 11.0854 18.2924 10.7924C18.5854 10.4993 18.75 10.1019 18.75 9.6875C18.75 9.2731 18.5854 8.87567 18.2924 8.58265C17.9993 8.28962 17.6019 8.125 17.1875 8.125ZM13.4375 14.9976C13.5835 14.9976 13.7289 15.0558 13.8452 15.1721L20.271 21.5967C19.9045 21.7701 19.4982 21.875 19.0625 21.875H7.8125C7.37681 21.875 6.97045 21.7701 6.604 21.5967L13.0286 15.1721C13.1449 15.0558 13.2915 14.9976 13.4375 14.9976Z' fill='%232F69FF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
margin-bottom: 10px;
}
.add-review__files-load {
text-decoration: none;
height: 52px;
width: 190px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
}
.add-review__files-load:hover {
background-color: #2f82ff;
}
.add-review__files-load:active {
background-color: #2057e6;
}
.add-review__files-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 25px;
}
.add-review__files-item {
margin-right: 7px;
margin-bottom: 7px;
border: 1px solid #e9e9e9;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.add-review__files-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
height: 34px;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
}
.add-review__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 70px;
}
.add-review__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.add-review__files-remove {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icons-delete.png);
border-right: 1px solid #e9e9e9;
}
.add-review__files-refresh {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icons-refresh.png);
}
.add-review__submit {
text-decoration: none;
height: 62px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 32px;
}
.add-review__submit:hover {
background-color: #2f82ff;
}
.add-review__submit:active {
background-color: #2057e6;
}
@media (max-width: 650px) {
.modal-add-review .modal__container {
padding: 20px;
}
.add-review__stars {
padding-bottom: 15px;
}
.add-review__star p {
display: none;
}
.add-review__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.add-review__container > div {
width: 100%;
}
.add-review__input-wrapper {
padding-bottom: 15px;
}
.add-review__input-wrapper input {
height: 44px;
font-size: 12px;
line-height: 14px;
}
.add-review__input-wrapper textarea {
height: 44px;
font-size: 12px;
line-height: 14px;
padding: 14px 22px 10px;
}
.add-review__input-wrapper p {
font-size: 12px;
line-height: 14px;
padding-bottom: 8px;
}
.add-review__input-wrapper p a {
font-size: 12px;
line-height: 14px;
}
.add-review__advantages-btn {
width: 100%;
height: 44px;
}
.add-review__advantages-btn span {
font-size: 12px;
}
.add-review__disadvantages-btn {
width: 100%;
height: 44px;
}
.add-review__disadvantages-btn span {
font-size: 12px;
}
.add-review__files {
padding: 12px;
}
.add-review__files-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.add-review__files-top p {
font-size: 12px;
width: 100%;
}
.add-review__files-top p span {
font-size: 16px;
}
.add-review__files-load {
width: 100%;
margin-top: 12px;
font-size: 14px;
height: 44px;
}
.add-review__submit {
height: 44px;
font-size: 14px;
}
}
/*common styles finish
///////////////////////
///////////////////////
*/
/*header start*/
.header__top {
background-color: #f3f3f6;
}
.header__top .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 39px;
}
.header__top-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
}
.header__top-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__city-chosen {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 30px;
color: #343c4b;
padding-left: 25px;
padding-right: 14px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-location.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 16px;
margin-right: 26px;
position: relative;
cursor: pointer;
}
.header__city-chosen:after {
content: "";
width: 7px;
height: 7px;
box-sizing: border-box;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
transform: rotate(45deg);
opacity: 0.5;
position: absolute;
top: calc(50% - 4px);
right: 0;
}
.header__slogan {
color: #2f69ff;
padding: 5px 16px;
display: inline-block;
background: #2f69ff15;
border-radius: 14px;
flex: 1;
line-height: 1.2;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
user-select: none;
}
.header .menu-top {
padding-right: 40px;
}
@media (min-width: 1260px) {
.header .menu-top {
padding-right: 58px;
}
}
.header .menu-top__list {
display: flex;
align-items: center;
user-select: none;
}
.header .menu-top__item {
margin-right: 20px;
position: relative;
}
@media (min-width: 1300px) {
.header .menu-top__item {
margin-right: 25px;
}
}
.header .menu-top__item:last-child {
padding-right: 0;
}
.header .menu-top__link {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 17px;
color: #9a9ea5;
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
display: block;
text-align: center;
}
@media (min-width: 1300px) {
.header .menu-top__link {
font-size: 14px;
}
}
.header .menu-top__item.has-sublist .menu-top__link {
display: flex;
align-items: center;
gap: 2px;
}
.header .menu-top__item.has-sublist .menu-top__link span {
color: inherit;
}
.header .menu-top__item.has-sublist .menu-top__link svg {
flex: none;
}
.header .menu-top__item:hover .menu-top__link {
color: #2f69ff;
}
.menu-top__subcontainer {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 20px);
z-index: 12345;
min-width: 220px;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.menu-top__subcontainer::before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #eee;
border-left: none;
border-bottom: none;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%) rotate(-45deg);
background: #fff;
}
.menu-top__subcontainer::after {
content: "";
position: absolute;
width: 100%;
height: 23px;
top: 0;
transform: translateY(-100%);
}
.menu-top__item:hover .menu-top__subcontainer {
opacity: 1;
visibility: visible;
transition: opacity 0.3s;
pointer-events: auto;
}
.menu-top__sublist {
background: #fff;
padding: 10px 0;
border: 1px solid #eee;
font-size: 13px;
border-radius: 7px;
font-weight: 500;
font-family: Acrom, Arial, sans-serif;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.menu-top__sublink {
display: block;
text-decoration: none;
padding: 7px 15px;
transition: all 0.3s;
}
.menu-top__sublink:hover {
background: #2f69ff15;
}
.header__personal {
position: relative;
display: flex;
align-items: center;
color: #343c4b;
user-select: none;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 30px;
cursor: pointer;
}
.header__linkarr {
content: "";
padding: 2px;
box-sizing: border-box;
border-bottom: 2px solid #343c4b;
border-right: 2px solid #343c4b;
transform: rotate(45deg);
opacity: 0.5;
position: absolute;
top: calc(50% - 3px);
right: 3px;
transition: color 0.2s;
}
.header__linkarr:hover {
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
}
.header__pers-svg {
width: 16px;
height: 16px;
}
.header__perssetbox {
position: absolute;
top: 85%;
right: -15px;
opacity: 0;
pointer-events: none;
transition: opacity 2s;
}
.show-element {
opacity: 1;
pointer-events: all;
}
.header__pers-link {
text-decoration: none;
display: inline-block;
margin-right: 15px;
padding-left: 2px;
transition: color 0.2s;
}
.header__pers-link:hover {
color: #2f69ff;
}
.header__content .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.compare-products.fixed .compare-products__share,
.compare-products.fixed .compare-products__print,
.compare-products.fixed .catalog-main__stickers,
.compare-products.fixed .catalog-main__options,
.compare-products.fixed .catalog-main__rating,
.compare-products.fixed .catalog-main__condition,
.compare-products.fixed .catalog-main__info {
display: none !important;
}
.header {
position: sticky;
top: 0;
z-index: 1000;
}
@media (min-width: 701px) {
.header {
top: -39px;
}
}
.header.fixed {
z-index: 1001;
}
.header.hided {
pointer-events: none;
}
.header.fixed .header__content {
/*position: fixed;
top: 0;
left: 0;
width: 100%;*/
/*padding-top: 10px;
padding-bottom: 10px;*/
box-shadow: 0 0 40px rgba(52, 60, 75, 0.15);
/*z-index: 9999999;
z-index: 1000;*/
transition: transform .3s ease-in-out;
transform: translate3d(0, 0, 0);
}
/*.header.fixed .header__logo {
width: 85px;
}
.header.fixed .header__logo {
margin-right: 40px;
padding-left: 5px;
}
.header.fixed .header__logo-svg {
height: 35px;
}
.header.fixed .header__logo-svgsubtitle {
font-size: 12px;
}*/
.header.fixed .header__content + .header__bottom {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .3s ease-in-out;
}
.header.fixed.hided .header__content {
transform: translate3d(0, -100%, 0);
}
.header.hided .header__content {
box-shadow: none;
}
.header__logo {
width: 108px;
margin-right: 45px;
user-select: none;
}
.header__logo-link {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
user-select: none;
color: #2f69ff;
}
.header__logo-link:hover {
cursor: pointer;
text-decoration: none;
color: #2f69ff;
}
.header__logo-svg {
width: auto;
max-width: 100%;
height: 55px;
}
.header__logo-svgsubtitle {
color: #2f69ff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 19px;
}
.header__personal:after {
content: "";
width: 7px;
height: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 2px solid #9A9EA5;
border-right: 2px solid #9A9EA5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0.5;
position: absolute;
top: calc(50% - 4px);
right: 0px;
}
.header__content {
padding-top: 21px;
padding-bottom: 26px;
background-color: #fff;
}
.header__content.fixed {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 40px rgba(52, 60, 75, 0.15);
box-shadow: 0px 0px 40px rgba(52, 60, 75, 0.15);
/*z-index: 9999999;*/
z-index: 1000;
}
.header__content.fixed .header__logo {
width: 85px;
}
.header__logo {
width: 108px;
margin-right: 45px;
}
.header__logo-link {
display: block;
width: 100%;
height: 100%;
}
.header__logo-image {
max-width: 100%;
width: auto;
height: auto;
}
.header__catalog-svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.header__catalog-svg #rect1,
.header__catalog-svg #rect3,
.header__catalog-svg #rect5 {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__catalog-btn {
display: inline-flex;
position: relative;
padding-left: 20px;
padding-right: 30px;
width: 230px;
height: 52px;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
user-select: none;
cursor: pointer;
box-shadow: 0 10px 40px -13px rgba(47, 105, 255, 0.7);
}
.header__catalog-btn:hover {
background-color: #2f82ff;
color: #fff;
}
.header__catalog-btn:hover .header__catalog-svg #rect1 {
width: 9px;
}
.header__catalog-btn:hover .header__catalog-svg #rect3 {
width: 9px;
}
.header__catalog-btn:hover .header__catalog-svg #rect5 {
width: 14px;
}
.header__catalog-btn:active {
background-color: #2057e6;
}
.header__catalog-text {
color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 22px;
}
.header__catalog-btn.opened {
background-color: #2057e6;
}
.header__catalog-btn.btn {
justify-content: space-between;
}
.header__catalog-cross {
display: none;
position: relative;
width: 15px;
height: 15px;
}
.header__catalog-btn.opened .header__catalog-cross {
display: block;
}
.header__catalog-crossline {
display: inline-block;
position: absolute;
width: 85%;
top: 50%;
border: 2px solid #fff;
transform: translateY(-50%);
}
.header__catalog-crossline:first-child {
transform: translateY(-50%) rotate(45deg);
}
.header__catalog-crossline:last-child {
transform: translateY(-50%) rotate(-45deg);
}
.header__catalog-btn.opened .header__catalog-svg svg {
display: none;
}
.header__search {
position: relative;
margin-left: 22px;
width: calc(100% - 940px);
z-index: 999;
background: #f3f3f7;
border-radius: 5px;
}
.header__search-form {
display: flex;
align-items: center;
user-select: none;
}
.header__search-svg {
margin-left: 20px;
margin-right: 8px;
width: 25px;
height: 25px;
color: #343C4B;
}
.header__search.focus {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.header__search input {
padding-right: 20px;
height: 52px;
width: 100%;
color: #343c4b;
background: transparent;
outline: none;
border: none;
border-radius: 5px;
box-sizing: border-box;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.header__search input::-webkit-input-placeholder {
color: #9a9ea5;
}
.header__search input::-moz-placeholder {
color: #9a9ea5;
}
.header__search input:-ms-input-placeholder {
color: #9a9ea5;
}
.header__search input::-ms-input-placeholder {
color: #9a9ea5;
}
.header__search input::placeholder {
color: #9a9ea5;
}
.header__phones {
position: relative;
margin-left: 34px;
margin-right: 40px;
user-select: none;
}
.header__phones-svg {
display: none;
}
.phones-modal__link {
display: flex;
}
.phones-modal__svg {
width: 23px;
height: 25px;
}
.phones-modal__svg-mail {
padding-right: 5px;
height: 30px;
width: 25px;
}
.phones-modal__svg-vk {
color: #2f8fff;
}
.phones-modal__svg-telegram {
color: #0088cc;
}
.phones-modal__svg-youtube {
width: 30px;
color: red;
}
.phones-modal__svg-ok {
color: #ff9800;
}
.phones-modal__svg-wp {
background: #51d83a;
color: #fff;
border-radius: 0.3rem;
margin-right: 10px;
width: 37px;
height: 37px;
}
.phones-modal__svg-phone {
padding-right: 10px;
}
.header__phones.is-opened .phones-modal {
display: block;
}
.header__phones .phones-modal {
display: none;
position: absolute;
min-width: 350px;
top: calc(100% - 12px);
left: 0;
background-color: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.2);
padding: 38px 40px;
box-sizing: border-box;
border-radius: 8px;
z-index: 1000;
}
.header__phones .phones-modal:after {
content: "";
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
background-color: #fff;
position: absolute;
left: 30px;
top: -6px;
}
.header__phones .phones-modal .phones-modal__close {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
@media (min-width: 700px) {
.header__phones .phones-modal .phones-modal__close {
right: 20px;
top: 20px;
}
}
.header__phones .phones-modal .phones-modal__close svg {
width: 14px;
height: 14px;
}
.header__phones .phones-modal__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #343c4b;
padding-bottom: 20px;
}
.header__phones .phones-modal__phone {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #2f69ff;
text-decoration: none;
padding-bottom: 2px;
}
.header__phones a {
text-decoration: none;
}
.header__phones .phones-modal__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
padding-bottom: 22px;
}
.header__phones .phones-modal__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
padding-bottom: 7px;
}
.header__phones .phones-modal__mail {
display: flex;
color: #2f69ff;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-decoration: none;
}
.header__phones .phones-modal__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 28px;
padding-bottom: 25px;
}
.header__phones .phones-modal__social {
width: 40px;
height: 40px;
border: 1px solid #4b576c20;
box-sizing: border-box;
border-radius: 50%;
margin-right: 6px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__phones .phones-modal__social:hover {
background-color: #4b576c20;
}
.header__phones .phones-modal__order-call {
width: 100%;
height: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.header__phones .phones-modal__order-call span {
display: inline-block;
color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.header__phones .phones-modal__whatsapp {
width: 100%;
height: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background: #eeeeee;
margin-bottom: 10px;
padding: 0 10px;
box-sizing: border-box;
}
.phones-menu-m__whatsapp {
width: 100%;
height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background: #eeeeee;
margin-bottom: 10px;
user-select: none;
}
.phones-menu-m__whatsapp span {
display: inline-block;
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #333;
}
.phones-menu-m__whatsapp img,
.phones-menu-m__whatsapp svg {
height: 60%;
margin-right: 10px;
}
.header__phones .phones-modal__whatsapp span {
display: inline-block;
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #333;
}
.header__phone {
display: inline-block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #2f69ff;
position: relative;
cursor: pointer;
padding-right: 15px;
padding-bottom: 2px;
white-space: nowrap;
}
.header__phone:after {
content: "";
width: 7px;
height: 7px;
box-sizing: border-box;
border-bottom: 3px solid #2f69ff;
border-right: 3px solid #2f69ff;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 4px);
right: 0;
}
.header__phones-desc {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
}
.header__links {
display: flex;
user-select: none;
}
.header__wp {
width: 30px;
height: 40px;
display: none;
}
.header__wpsvg {
color: #515d66;
width: 26px;
height: 22px;
}
.header__link {
display: block;
width: 70px;
padding: 5px 0;
margin: 0 4px;
text-decoration: none;
text-align: center;
}
.header__link-image {
display: inline-flex;
position: relative;
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -ms-inline-flexbox;
}
.header__link-imagesvg {
width: 28px;
height: 28px;
color: #343c4b;
}
.header__link-svg {
width: 28px;
height: 28px;
color: #343c4b;
}
.header__link-text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #9a9ea5;
padding-top: 4px;
}
.header__link-counter {
position: absolute;
top: -6px;
right: -6px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #fff;
width: 18px;
height: 18px;
background-color: #ef3d3d;
text-align: center;
border-radius: 50%;
}
.header__price {
border-radius: 5px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #2f69ff;
padding: 0 13px 0 0;
white-space: nowrap;
text-decoration: none;
}
.header__burger-menu {
display: none;
}
.header .menu-bottom__list {
background: #f3f3f6;
border-radius: 21px;
height: 42px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 25px;
box-sizing: border-box;
user-select: none;
}
.header .menu-bottom__item {
padding-right: 22px;
position: relative;
white-space: nowrap;
}
.header .menu-bottom__item:last-child {
padding-right: 0;
}
.header .menu-bottom__item:nth-child(1) a {
color: #ef483d;
}
.header .menu-bottom__item:nth-child(2) a {
color: #ff8616;
}
.header .menu-bottom__item:nth-child(3) a {
color: #924aff;
}
.header .menu-bottom__item .menu-bottom__link {
display: flex;
}
.header .menu-bottom__link {
display: -webkit-box;
display: -ms-flexbox;
color: #343c4b;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 42px;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-bottom__svg {
padding-right: 3px;
width: 16px;
height: 16px;
}
.menu-bottom .menu-bottom__svg [fill],
.menu__section .menu-mp__svg [fill] {
fill: currentColor !important;
}
.menu-bottom .menu-bottom__svg [stroke],
.menu__section .menu-mp__svg [stroke] {
stroke: currentColor !important;
}
.menu-bottom__svg-knowledge {
width: 20px;
height: 20px;
}
.menu-bottom__svg-sale {
padding-bottom: 3px;
}
.header .menu-bottom__link:hover {
color: #2f69ff !important;
}
.header .menu-bottom__link-more {
color: #9a9ea5;
padding-left: 25px;
padding-right: 15px;
border-left: 3px solid #fff;
position: relative;
}
.header .menu-bottom__link-more span {
position: absolute;
top: calc(50% - 5px);
right: 0;
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
transform: rotate(45deg);
width: 4px;
height: 4px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.header .menu-bottom__link-more.opened {
color: #2f69ff !important;
}
.header .menu-bottom__link-more.opened span {
transform: rotate(225deg);
top: calc(50% - 2px);
border-color: #2f69ff;
}
.header .menu-bottom__link-more:hover span {
border-color: #2f69ff;
}
.header .menu-bottom__more-items {
width: 100%;
min-width: 230px;
background-color: #fff;
border-radius: 8px;
position: absolute;
top: calc(100% + 19px);
right: -25px;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
padding: 10px 22px;
display: none;
}
.header .menu-bottom__more-items:after {
content: "";
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
background-color: #fff;
position: absolute;
right: 45px;
top: -6px;
}
.header .menu-bottom__more-items ul li {
padding-right: 0;
}
.header .menu-bottom__more-items ul li a {
color: #343c4b !important;
}
.search__dark {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(40, 45, 55, 0.3);
z-index: 888;
display: none;
}
.search__content {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
z-index: 999;
display: none;
}
@media (max-width: 1300px) {
.search__content {
width: 50vw;
}
}
@media (max-width: 1150px) {
.search__content {
width: 100%;
}
}
.search__result {
padding: 23px 30px 8px;
box-sizing: border-box;
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.search__item {
padding-bottom: 14px;
}
.search__item a {
display: flex;
gap: 0 35px;
width: 100%;
justify-content: space-between;
color: #343c4b;
font-size: 14px;
font-weight: 500;
line-height: 17px;
font-family: "Acrom", "Arial", sans-serif;
text-decoration: none;
text-overflow: ellipsis;
}
.search__item a:hover span,
.search__item a:hover span b {
color: #2f69ff;
}
.search__item span {
color: #9a9ea5;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
transition: color .2s;
}
@media (max-width: 550px) {
.search__item a {
gap: 0 10px;
}
.search__item_type {
width: 80%;
}
}
@media (max-width: 400px) {
.search__item span {
font-size: 11px;
}
}
.search__item a span b {
transition: color .2s;
}
.search__item_type {
text-align: left;
}
.search__item_price {
white-space: nowrap;
text-align: right;
}
.search__sections {
padding: 19px 30px 16px;
box-sizing: border-box;
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.search__sub-title {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #455067;
opacity: 0.5;
padding-bottom: 11px;
}
.search__section {
padding-bottom: 11px;
}
.search__section a {
color: #455067;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-decoration: none;
}
.search__section-svg {
padding-right: 5px;
width: 12px;
height: 12px;
}
.search__sections-b {
padding: 19px 30px 23px;
box-sizing: border-box;
}
.search__section-b {
padding-bottom: 11px;
}
.search__section-b a {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #455067;
text-decoration: none;
padding-left: 18px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-search.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 13px;
}
.personal-popup {
display: none;
padding: 26px;
box-sizing: border-box;
width: calc(100vw - 30px);
max-width: 312px;
background: #fff;
border-radius: 8px;
position: absolute;
top: calc(100% + 15px);
right: 0;
z-index: 9999;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
}
.personal-popup:before {
content: "";
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
position: absolute;
top: -7px;
right: 20px;
background-color: #fff;
}
.personal-popup__image {
width: 90px;
height: 90px;
margin: 0 auto;
}
.personal-popup__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.personal-popup__text {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #343c4b;
padding-top: 15px;
padding-bottom: 15px;
}
.personal-popup__sign-in {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #fff;
background-color: #2f69ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
border-radius: 6px;
height: 46px;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
.personal-popup__sign-in:hover {
background-color: #2f82ff;
}
.personal-popup__sign-in:active {
background-color: #2057e6;
}
.personal-popup__registration {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #2f69ff;
background-color: #f3f3f6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
border-radius: 6px;
height: 46px;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid transparent;
text-decoration: none;
}
.personal-popup__registration:hover {
background-color: rgba(47, 105, 255, 0.15);
border-color: #2f69ff;
color: #2f69ff;
}
@media (max-width: 1300px) {
.header__top {
background-color: transparent;
}
.header__slogan {
max-width: 285px;
border-radius: 50px;
font-size: 12px;
}
}
@media (max-width: 1150px) {
.header__slogan {
max-width: none;
}
.header .menu-top {
display: none;
}
.header__content {
padding-top: 10px;
padding-bottom: 10px;
}
.header__content .wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header__logo {
width: 82px;
margin-right: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header__catalog {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
width: 230px;
margin-top: 10px;
}
.header__search {
margin-top: 10px;
margin-left: 10px;
width: calc(100% - 240px);
order: 7;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
}
.header__phones {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: calc(100% - 600px);
margin-left: 10px;
margin-right: 0;
}
.header__links {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.header__price {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.header__bottom {
display: none;
}
.header__burger-menu {
display: block;
margin-left: 5px;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media (max-width: 850px) {
.header__phones {
width: auto;
}
}
@media (max-width: 700px) {
.header__top {
display: none;
}
.header__city {
position: absolute;
left: 85px;
top: 9px;
}
.header__logo {
margin-left: 50px;
}
.header__city-chosen {
background-image: none;
margin-right: 0;
height: 24px;
border-radius: 12px;
background-color: #f3f3f6;
padding-left: 12px;
padding-right: 34px;
line-height: 24px;
font-size: 10px;
}
.header__city-chosen:after {
border-color: #343c4b;
right: 12px;
top: 7px;
}
.header__content .wrapper {
position: relative;
}
.header__logo {
width: 60px !important;
padding-left: 10px;
}
.header__catalog {
display: none;
}
.header__search {
width: 100%;
margin-left: 0;
}
.header__phones {
display: flex;
position: absolute;
align-items: center;
margin-left: 0;
height: 40px;
right: 65px;
top: 0;
}
.header__phones-svg {
display: block;
width: 30px;
height: 24px;
color: #343c4B;
}
.header__phones .phones-modal {
top: calc(100% + 12px);
left: auto;
right: -50px;
padding: 15px;
min-width: 200px;
max-width: 290px;
z-index: 9999;
}
.header__phones .phones-modal__mail {
font-size: 14px;
}
.header__phones .phones-modal:after {
left: auto;
top: -6px;
right: 58px;
}
.header__phone {
display: none;
}
.header__phone:after {
display: none;
}
.header__phones-desc {
display: none;
}
.header__links {
position: absolute;
right: 20px;
top: 0;
}
.header__wp {
display: flex;
align-items: center;
}
.header__links.header__wp {
right: 104px;
}
.header__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 7px 0;
width: 30px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
}
.header__link-text {
display: none;
}
.header__price {
display: none;
}
.header__compare,
.header__favorites {
display: none;
}
.header__burger-menu {
position: absolute;
left: 15px;
top: 12px;
}
.header__city .bam-regions-link {
margin-left: 70px !important;
}
.header__search-trigger {
position: absolute;
top: 10px;
right: 155px;
}
.header__search-trigger::before {
content: '';
left: 50%;
top: 100%;
transform: translate(-50%, 10px);
position: absolute;
border-width: 0 20px 30px 20px;
border-color: transparent transparent #f3f3f7 transparent;
border-style: none solid solid solid;
width: 0;
height: 0;
pointer-events: none;
}
}
@media (min-width: 700px) {
.header__search-trigger {
display: none;
}
}
@media (max-width: 540px) {
.header__city {
display: none;
}
}
@media (max-width: 500px) {
.header__search input {
height: 36px;
font-size: 16px;
touch-action: manipulation;
}
.search__content {
max-height: 350px;
overflow: auto;
}
}
@media (min-width: 1151px) {
.header__content.fixed .header__logo {
width: 64px;
}
.header__content.fixed .header__search input,
.header__content.fixed .header__catalog-btn {
height: 46px;
}
.header__content.fixed .header__link-image {
width: 24px;
height: 24px;
}
}
.basket-container-items {
display: flex;
align-items: center;
background-color: #2f69ff10;
border-radius: 8px;
}
@media (max-width: 700px) {
.basket-container-items {
background-color: transparent;
}
}
/* header tablet fixes */
@media (min-width: 700px) and (max-width: 1150px) {
.header .header__logo {
margin-right: 20px;
}
.header .header__links {
margin-left: auto;
margin-right: 20px;
}
.header .header__search {
width: auto;
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
margin-top: 15px;
}
.header__content .header__cities,
.header .header__catalog {
display: none;
}
}
/*header finish
///////////////////////
///////////////////////
*/
/*banners main page start*/
.banners {
padding-top: 24px;
}
.banners__wrapper {
display: grid;
grid-template-columns: calc(66.3% - 7px) calc(33.7% - 7px);
grid-gap: 14px;
user-select: none;
}
@media (max-width: 1200px) {
.header__logo-svg {
width: 80px;
height: 40px;
}
.header__logo-svgsubtitle {
font-size: 14px;
}
}
@media (max-width: 700px) {
.header__logo-svg {
width: 60px;
height: 35px;
}
.header__logo-svgsubtitle {
font-size: 11px;
}
}
.banners__item {
border-radius: 8px;
overflow: hidden;
}
.banners__item-lg {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
}
.banners__link {
display: block;
width: 100%;
height: 100%;
}
.banners__image {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.banners__catalog {
display: none;
}
.banners__slider {
position: relative;
height: 100%;
}
.banners__slider.owl-carousel:not(.owl-loaded) {
display: flex;
}
.banners__slider.owl-carousel:not(.owl-loaded) .banners__link {
flex: 0 0 100%;
max-width: 100%;
}
.banners__link_temp,
.banners__slider .banners__link {
position: relative;
padding-top: calc(60% - 100px);
width: auto;
height: auto;
}
.banners__link_temp .banners__image,
.banners__slider .banners__image {
position: absolute;
top: 0;
border-radius: 8px;
}
.banners__slider .owl-stage-outer {
height: 100%;
}
.banners__slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.banners__slider .owl-nav {
position: absolute;
top: calc(50% - 18px);
left: 0;
width: 100%;
}
.banners__slider .owl-nav span {
display: none;
}
.banners__slider .owl-nav button {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
position: absolute;
z-index: 5;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.banners__item .banners__slider .owl-nav .owl-next,
.banners__item .banners__slider .owl-nav .owl-prev {
background-color: #fff;
right: 8px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' viewBox='0 0 22 12' fill='none'%3E%3Cpath d='M15.8047 0.492676C15.6679 0.492709 15.5342 0.533563 15.4207 0.610009C15.3072 0.686456 15.2192 0.79502 15.1677 0.921809C15.1163 1.0486 15.1039 1.18785 15.132 1.32174C15.1602 1.45564 15.2277 1.57808 15.3258 1.67342L18.7355 5.08317H1.60354C1.51244 5.08188 1.42199 5.09871 1.33745 5.13268C1.25291 5.16666 1.17596 5.21709 1.11108 5.28106C1.0462 5.34503 0.994686 5.42125 0.959522 5.5053C0.924358 5.58936 0.90625 5.67956 0.90625 5.77067C0.90625 5.86178 0.924358 5.95198 0.959522 6.03604C0.994686 6.12009 1.0462 6.19631 1.11108 6.26028C1.17596 6.32425 1.25291 6.37468 1.33745 6.40866C1.42199 6.44263 1.51244 6.45946 1.60354 6.45817H18.7355L15.3258 9.86792C15.2598 9.93127 15.2071 10.0071 15.1708 10.0911C15.1346 10.1751 15.1154 10.2654 15.1145 10.3569C15.1135 10.4484 15.1309 10.5391 15.1654 10.6238C15.2 10.7085 15.2511 10.7854 15.3158 10.8501C15.3805 10.9148 15.4574 10.9659 15.5421 11.0004C15.6268 11.035 15.7175 11.0523 15.809 11.0514C15.9004 11.0505 15.9908 11.0313 16.0748 10.995C16.1587 10.9587 16.2346 10.9061 16.298 10.8401L20.8813 6.25675C21.0102 6.12782 21.0826 5.95298 21.0826 5.77067C21.0826 5.58836 21.0102 5.41352 20.8813 5.28459L16.298 0.701253C16.2339 0.63526 16.1572 0.582796 16.0725 0.546968C15.9878 0.511141 15.8967 0.492679 15.8047 0.492676Z' fill='%23343C4B'/%3E%3C/svg%3E");
background-size: 26px;
background-position: center;
}
.banners__item .banners__slider .owl-nav .owl-prev {
left: 8px;
transform: rotate(-180deg);
}
.banners__slider .owl-nav button.disabled {
display: none;
}
@media (min-width: 821px) and (max-width: 1399px) {
.banners__slider .owl-nav .owl-next {
transform: scale(0.7) rotate(0) !important;
}
.banners__slider .owl-nav .owl-prev {
transform: scale(0.7) rotate(180deg) !important;
}
.banners__item .banners__slider .owl-nav .owl-next {
right: 0;
}
.banners__item .banners__slider .owl-nav .owl-prev {
left: 0;
}
}
.banners__slider .owl-nav button:hover {
background-position: 12px center !important;
}
.banners__slider .owl-dots {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
}
.banners__slider .owl-dots .owl-dot {
display: inline-block;
width: 5px;
height: 5px;
background-color: #c4c4c4;
border-radius: 50%;
margin-right: 2px;
margin-left: 2px;
}
.banners__slider .owl-dots .owl-dot.active {
background-color: #2f69ff;
}
@media (max-width: 1100px) and (max-height: 800px) {
.banners__link_temp,
.banners__slider .banners__link {
padding-top: calc(67% - 100px);
}
}
@media (max-width: 820px) {
.banners {
padding-top: 10px;
}
.banners__link_temp,
.banners__slider .banners__link {
padding-top: calc(60% - 100px);
}
.banners__wrapper {
-ms-grid-columns: 1fr 8px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 8px;
}
.banners__wrapper .banners__item:not(:first-child) .banners__link {
position: relative;
padding-top: calc(60% - 20px);
width: auto;
height: auto;
}
.banners__wrapper .banners__item:not(:first-child) .banners__image {
position: absolute;
top: 0;
-o-object-fit: fill;
object-fit: fill;
}
.banners__item-lg {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
}
@media (max-width: 500px) {
.banners {
padding-top: 0;
}
.banners__wrapper {
display: block;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow: hidden;
}
.banners__wrapper.owl-carousel {
opacity: 1;
}
.banners__item {
width: calc(100vw - 30px);
}
.banners__wrapper > .banners__item {
display: none;
}
.banners__wrapper > .banners__item:first-child {
margin: 0 auto;
display: block;
}
.banners__catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 46px;
text-decoration: none;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
.banners__catalog span {
font-size: 12px;
color: #fff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-burger.png);
line-height: 26px;
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 15px;
}
.banners__link_temp,
.banners__slider .banners__link {
padding-top: calc(75% - 100px);
}
}
@media (max-width: 400px) {
.banners__link_temp,
.banners__slider .banners__link {
padding-top: calc(75% - 75px);
}
}
/*banners main page finish
///////////////////////
///////////////////////
*/
/*menu-mp main page start*/
.menu-mp {
padding-top: 42px;
}
.menu-mp__inner {
gap: 1rem;
display: flex;
justify-content: space-between;
background-color: rgba(54, 63, 80, 0.05);
box-shadow: 0 0 40px rgba(54, 63, 80, 0.1);
user-select: none;
}
.menu-mp__item {
flex-grow: 1;
display: block;
padding: 2px;
background: #fff;
border-radius: 12px;
width: calc((100% / 12) - 8px);
text-decoration: none;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, filter 0.3s;
}
.menu-mp__item:hover,
.menu-mp__item-active {
background-color: #2f69ff;
}
.menu-mp__item:hover .menu-mp__title,
.menu-mp__item-active .menu-mp__title {
color: #fff;
}
.menu-mp__item:hover img,
.menu-mp__item-active img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.menu-mp__image {
width: 100%;
box-sizing: border-box;
padding: 15px 10px 10px 10px;
min-height: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-mp__image img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.menu-mp__svg {
width: 60px;
height: 40px;
transition: color 0.3s;
}
.menu-mp__inner .menu-mp__svg [fill] {
fill: currentColor !important;
}
.menu-mp__inner .menu-mp__svg [stroke] {
stroke: currentColor !important;
}
.menu-mp__item:hover .menu-mp__svg {
color: #fff;
}
.menu-mp__svg-activity {
color: #fe005b;
}
.menu-mp__svg-watermotor {
color: #59c7c7;
}
.menu-mp__svg-motorvehicles {
color: #924aff;
}
.menu-mp__svg-garden {
color: #2f69ff;
}
.menu-mp__svg-salediscount {
color: #2f69ff;
stroke: #2f69ff;
}
.menu-mp__svg-fitness {
color: #ff7c32;
}
.menu-mp__svg-accessory {
color: #fe007a;
}
.menu-mp__svg-usedtech {
color: #df0d00;
}
.menu-mp__svg-sale {
color: #ff7c32;
}
.menu-mp__svg-outofproduct {
color: #4a4a4a;
}
.menu-mp__svg-rent {
color: #924aff;
}
.menu-mp__svg-spareparts {
color: #95a2ba;
}
.menu-mp__svg-service {
color: #0084fe;
}
.menu-mp__title {
hyphens: auto;
overflow-wrap: break-word;
padding-left: 7px;
padding-right: 7px;
text-align: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: calc(15px - 15%);
line-height: 1.1;
color: #343c4b;
padding-bottom: 19px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 1400px) {
.menu-mp__title {
font-size: calc(13px - 8%);
}
}
@media (max-width: 1400px) {
.menu-mp__title {
font-size: calc(11px - 2%);
}
}
.menu-mp__sub-sections {
display: none;
}
.menu-mp__sub-sections--wrapper {
padding-top: 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 12px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
user-select: none;
}
.menu-mp__sub-section {
border: 3px solid #ffffff;
box-sizing: border-box;
border-radius: 12px;
background-repeat: no-repeat !important;
background-position: right bottom !important;
min-height: 270px;
-webkit-box-shadow: 0 0 40px rgba(54, 63, 80, 0.1);
box-shadow: 0 0 40px rgba(54, 63, 80, 0.1);
padding: 36px 52px 70px;
position: relative;
}
.menu-mp__sub-section--title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #343c4b;
padding-bottom: 30px;
}
.menu-mp__sub-section--list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.menu-mp__sub-section--item {
padding-bottom: 26px;
width: 100%;
}
.menu-mp__sub-section--item_hidden {
display: none;
}
.menu-mp__sub-section--item_hidden.show {
display: block;
}
.menu-mp__sub-section--toggler {
text-decoration: none;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
}
.menu-mp__sub-section--link {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-decoration: underline;
-webkit-text-decoration-color: #343c4b;
text-decoration-color: #343c4b;
color: #343c4b;
opacity: 0.78;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-mp__sub-section--link:hover {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-mp__sub-section--all {
margin-left: 0;
position: absolute;
bottom: 24px;
left: 52px;
}
@media (max-width: 1200px) {
.menu-mp {
display: none;
}
}
.menu-mp__img-wrap {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 0;
z-index: -1;
pointer-events: none;
display: flex;
}
.menu-mp__img {
width: 85%;
height: 85%;
object-fit: contain;
object-position: right bottom;
margin: auto 0 0 auto;
}
/*menu-mp main page finish
///////////////////////
///////////////////////
*/
/* advantages mane page start*/
.owl-stage {
display: flex;
align-items: stretch;
}
.advantages__wrapper {
min-height: 125px;
}
.advantages {
padding-top: 42px;
padding-bottom: 10px;
}
.advantages__link {
text-decoration: none;
display: inline-block;
height: 100%;
width: 100%;
}
.advantages__item {
display: flex;
padding: 15px 30px;
background-color: #f3f3f6;
height: 100%;
border-radius: 8px;
box-sizing: border-box;
}
.advantages__item:hover .advantages__text {
color: #2f69ff;
}
.advantages__textbox {
display: flex;
flex: 70%;
height: 100%;
flex-direction: column;
align-self: center;
justify-content: center;
align-items: baseline;
}
.advantages__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #343c4b;
padding-bottom: 15px;
text-decoration: none;
}
.advantages__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
padding-right: 0.3rem;
transition: color 0.3s ease-in-out;
}
.advantages__imgbox {
flex: 30%;
}
.advantages__svg {
transform: scale(1.3);
width: 100%;
height: 100%;
}
@media (max-width: 1250px) {
.advantages__title {
font-size: 17px;
}
}
@media (max-width: 820px) {
.advantages__wrapper {
min-height: 130px;
}
.advantages .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.advantages {
padding-top: 20px;
}
.advantages__slider {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.advantages__item {
padding: 12px;
width: 49vw;
align-items: center;
}
.advantages__svg {
transform: scale(1);
}
}
@media (max-width: 680px) {
.advantages__item {
width: 65vw;
}
}
@media (max-width: 500px) {
.advantages__wrapper {
min-height: 65px;
}
.advantages__item {
padding: 7px;
width: 80vw;
min-height: auto;
}
.advantages__title {
font-size: 12px;
line-height: normal;
padding-bottom: 7px;
}
.advantages__text {
font-size: 9px;
line-height: normal;
}
}
/*advantages mane page finish
///////////////////////
///////////////////////
*/
/*catalog main page start*/
.catalog-main {
background-color: #fff;
}
.catalog-main .pr-slider__wrapper {
display: flex;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.compare-products .sticker {
-webkit-transform:translate3d(0,0,0);
}
.compare-products .catalog-main__image {
z-index: 0;
}
.compare-products .catalog-main__image > a {
z-index: -1;
position: relative;
}
.catalog-main .pr-slider__wrapper:hover .pr-slider__trigger:after {
opacity: 1;
}
.promotion__item .custom_link {
display: block;
height: 100%;
width: 100%;
}
.slider__trigger_link {
display: block;
width: 100%;
height: 100%;
}
.catalog-main .pr-slider__trigger {
position: relative;
height: 100%;
width: 100%;
z-index: 5;
cursor: pointer;
}
.catalog-main .pr-slider__trigger:after {
content: "";
display: block;
opacity: 0;
position: absolute;
bottom: 0;
left: 2px;
width: calc(100% - 5px);
height: 3px;
background-color: #e2e2ea;
border-radius: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog-main .pr-slider__trigger:hover + .pr-slider__item {
opacity: 1;
}
.catalog-main .pr-slider__trigger:hover:after {
background-color: #2f69ff;
}
.catalog-main .pr-slider__item {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
justify-content: center;
align-items: center;
opacity: 0;
background-color: #fff;
}
.pr-slider__item a {
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.catalog-main .pr-slider__item img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.catalog-main .title {
margin-top: 20px;
margin-bottom: 40px;
}
.catalog-main__wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
padding-top: 43px;
}
.catalog-main__adv {
display: block;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
grid-column: 1/-1;
user-select: none;
}
.catalog-main__adv img {
max-width: 100%;
width: auto;
height: auto;
border-radius: 8px;
}
.catalog-main__adv-mobile {
display: none;
}
.catalog-main__item {
position: relative;
padding: 17px;
box-sizing: border-box;
border-radius: 12px;
transition: 0.3s;
z-index: 5;
}
.catalog-main__item:hover {
z-index: 9;
}
.catalog-main__item:hover .catalog-main__hover {
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
}
.catalog-main__item:hover .catalog-main__rating {
display: flex;
}
.catalog-main__item:hover .catalog-main__info {
display: block;
}
.catalog-main__item:hover .catalog-main__options {
opacity: 1;
}
.catalog-main__stars {
margin: 0 5px 4px 0;
}
.catalog-main__stars img {
display: block;
}
.catalog-main__rating {
display: flex;
justify-content: flex-start;
align-items: center;
user-select: none;
}
.search-result .catalog-main__rating {
min-height: 15px;
}
.catalog-main__reviews {
display: block;
color: #343c4b;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.catalog-main__credit {
display: flex;
height: 36px;
margin: 14px 0;
padding: 7px 13px;
position: relative;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
color: #343c4b;
background-color: #f3f3f6;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
border-radius: 6px;
text-decoration: none;
white-space: nowrap;
user-select: none;
}
.catalog-main__credit-svg {
margin-right: 5px;
width: 22px;
height: 22px;
flex: none;
}
.catalog-main__credit:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 3px solid #9a9ea5;
border-right: 3px solid #9a9ea5;
transform: rotate(-45deg);
position: absolute;
top: calc(50% - 5px);
right: 12px;
}
.catalog-main__info ul li {
padding-bottom: 7px;
color: #9a9ea5;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.catalog-main__info ul {
display: none;
}
.catalog-main__wrapper.main_col_3 .catalog-main__info ul {
display: block;
}
.catalog-main__info.inparts-catalog ul li {
font-size: 12px;
}
.catalog-main__info ul li span {
color: #343c4b;
max-width: 175px;
}
.main_col_3 .catalog-main__info ul li {
display: flex;
align-items: flex-end;
position: relative;
justify-content: space-between;
gap: 10px;
}
.main_col_3 .catalog-main__info ul li::after {
content: "";
margin: 0 5px;
flex: 1;
order: 1;
border-bottom: 1px dotted #9a9ea5;
position: absolute;
left: 0;
right: 0;
bottom: 11px;
}
.main_col_3 .catalog-main__info ul li div {
z-index: 2;
}
.main_col_3 .catalog-main__info ul li div div {
background: #fff;
display: inline;
padding-right: 7px;
color: #9a9ea5;
}
.main_col_3 .catalog-main__info ul li span {
order: 2;
text-align: right;
z-index: 2;
}
.main_col_3 .catalog-main__info ul li i {
font-style: normal;
background: #fff;
padding-left: 7px;
}
.stock.icon-custom {
display: none;
}
.catalog-main__item.is-offers-visible,
.catalog-main__item.is-offers-visible .catalog-main__hover {
z-index: auto;
}
.catalog-main__hover {
position: relative;
padding: 17px;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
border-radius: 12px;
box-sizing: border-box;
}
.catalog-main__image {
display: flex;
position: relative;
margin-bottom: 18px;
height: 200px;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 8px;
user-select: none;
}
.catalog-main__image img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
transform: translate3d(0, 0, 0);
}
.catalog-main__image > a {
display: flex;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-items: center;
}
.catalog-main__variants {
position: absolute;
left: 0;
top: 30px;
bottom: 0;
z-index: 16;
}
.catalog-main__title {
display: block;
margin: 11px 0;
height: 72px;
color: #343c4b;
line-height: 19px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.catalog-main__meta {
display: flex;
justify-content: space-between;
user-select: none;
gap: 10px;
}
.catalog-main__meta > * {
flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 10px));
max-width: calc((100% / 2) - (((2 - 1) / 2) * 10px));
}
.catalog-main__meta .catalog-main__condition {
display: flex;
flex-direction: row;
align-items: center;
color: #343c4b;
line-height: 17px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
flex-wrap: nowrap;
white-space: nowrap;
}
.catalog-main__meta .kol_vo {
margin: 0;
}
.catalog-main__condition {
display: flex;
align-items: center;
flex-basis: 50%;
}
.catalog-main__comparison {
position: relative;
padding-left: 20px !important;
color: #343C4B;
align-self: flex-start;
font-weight: 500;
font-family: Acrom, Arial, sans-serif;
font-size: 13px;
line-height: 1;
background-repeat: no-repeat;
background-position: left;
background-size: 14px !important;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='10' width='5' height='10' rx='2.5' fill='%23EF3D5D'/%3E%3Crect x='9' width='5' height='20' rx='2.5' fill='%232F69FF'/%3E%3C/svg%3E%0A");
text-decoration: none;
transition: all .3s;
margin: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.catalog .catalog-main__comparison {
font-size: 13px;
}
.catalog-main__comparison:hover {
color: #2F69FF;
text-decoration: underline;
}
.catalog-main__condition-svg {
padding-right: 7px;
width: 22px;
height: 17px;
flex: none;
box-sizing: border-box;
}
.catalog-main__condition .kol_vo {
margin-left: auto;
padding: 1px 3px;
float: right;
min-width: 0;
text-overflow: ellipsis;
font-size: 10px;
border: 1px solid #F0F0F0;
border-radius: 3px;
overflow: hidden;
}
.catalog-main__condition-ends {
color: #ff7c32;
}
.catalog-main__condition-order {
color: #9a9ea5;
}
.catalog-main__condition-empty {
color: #9a9ea5;
}
.catalog-main__price {
display: flex;
position: relative;
padding: 7px 0;
min-height: 64px;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
box-sizing: border-box;
}
/*.catalog-main__price.is-disabled .catalog-main__prices {
display: none;
}*/
.catalog-main__old-price {
margin-bottom: 3px;
color: #9a9ea5;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-decoration: line-through;
vertical-align: top;
}
.catalog-main__discount {
display: flex;
position: relative;
margin: 0 2px 3px 6px;
padding: 0 5px;
padding-left: 17px;
/* width: 34px; */
height: 16px;
align-items: center;
justify-content: end;
background-color: #ffd600;
color: #343c4b;
line-height: 12px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
text-align: right;
pointer-events: none;
user-select: none;
vertical-align: top;
}
.catalog-main__discount::before {
content: "";
position: absolute;
left: -1px;
top: 50%;
transform: translateY(-50%);
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 11px solid #fff;
}
.catalog-main__discount::after {
content: "";
position: absolute;
left: 12px;
top: 50%;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #fff;
transform: translateY(-50%);
}
.catalog-main__cur-price {
width: 100%;
color: #343c4b;
white-space: nowrap;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 1.2;
}
.catalog-main__fast-buy {
display: flex;
width: 100%;
padding: 13px 0;
margin: 0;
min-height: 36px;
color: #2F69FF;
background-color: #fff;
flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 10px));
max-width: calc((100% / 2) - (((2 - 1) / 2) * 10px));
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 16px;
text-align: center;
font-family: Acrom, Arial, sans-serif;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box;
border: 1px solid #D7DAE0;
border-radius: 6px;
transition: all .3s;
}
.catalog-main__fast-buy:hover {
background-color: #2f69ff;
border-color: #2f69ff;
color: #fff;
}
.catalog-main__discount-price {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.catalog-main__discount-price.is-hide {
display: none;
}
.catalog-main__basket {
position: absolute;
width: 36px;
height: 36px;
right: 0;
bottom: 7px;
background-color: #fff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-basket.png);
background-repeat: no-repeat;
background-position: center;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.catalog-main__basket.in-basket {
background-color: #2f69ff;
border-color: #2f69ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-in-basket.png);
}
.catalog-main__basket:hover,
.catalog-main__basket-active {
background-color: #2f69ff;
border-color: #2f69ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-basket-a.png);
}
.catalog-main.is-redesign .catalog-main__item {
padding: 0;
height: auto !important;
}
.catalog-main.is-redesign .catalog-main__hover {
height: 100%;
}
.catalog-main__options-more {
display: none;
}
.catalog-main__options {
position: absolute;
top: 0;
right: 0;
z-index: 15;
opacity: 0;
transition: 0.3s;
}
.bx-touch .catalog-main__options {
opacity: 1;
}
.catalog-list__top .catalog-main__options {
display: flex;
}
.catalog-main__options-top > div,
.catalog-main__options-bottom > div {
margin-bottom: 8px;
width: 32px;
height: 32px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.catalog-main__stickers {
position: absolute;
top: 17px;
left: 17px;
z-index: 15;
user-select: none;
}
@media (max-width: 575px) {
.catalog-main__stickers {
left: 6px !important;
top: 6px !important;
}
}
.catalog-main__stickers img {
display: block;
margin-bottom: 4px;
}
.catalog-main__tools {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #d7dae0;
transition: border 0.3s, background-color 0.3s, color 0.3s;
}
.catalog-main__seen-active {
background-color: #2f69ff !important;
border-color: #2f69ff !important;
}
.catalog-main__svg {
width: 16px;
height: 16px;
color: #858a93;
transition: color 0.3s;
}
.catalog-main__seen:hover .catalog-main__svg-seen,
.catalog-main__seen:hover {
border-color: #2f69ff;
color: #2f69ff;
}
.catalog-main__video:hover {
border: 1px solid red;
}
.catalog-main__svg-video {
width: 32px;
height: 28px;
color: red;
transition: color 0.3s;
}
.catalog-main__svg-video-center {
color: #fff;
transition: color 0.3s;
}
.catalog-main__tools.catalog-main__service {
border: none;
}
.catalog-main__service-link {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 32px;
height: 28px;
text-decoration: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M1.63091 22.2544H1.5625V22.3248V29.9294V29.9997H1.63091H34.3182H34.3866V29.9294V22.3248V22.2544H34.3182H1.63091ZM1.93375 29.6179V22.6363H34.0154V29.6179H1.93375Z' fill='%23FCB809'/%3E%3Cpath d='M1.93375 29.6179V22.6363H34.0154V29.6179H1.93375Z' fill='%23FCB809'/%3E%3Cpath d='M1.63091 22.2544H1.5625V22.3248V29.9294V29.9997H1.63091H34.3182H34.3866V29.9294V22.3248V22.2544H34.3182H1.63091ZM1.93375 29.6179V22.6363H34.0154V29.6179H1.93375Z' stroke='%23FCB809' stroke-width='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M1.93375 29.6179V22.6363H34.0154V29.6179H1.93375Z' stroke='%23FCB809' stroke-width='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M5.18467 28.1436C4.80523 28.1436 4.48599 28.0573 4.22695 27.8846C3.96791 27.7082 3.78549 27.4699 3.67969 27.1696L4.32546 26.7811C4.47505 27.1827 4.76875 27.3835 5.20656 27.3835C5.41817 27.3835 5.57323 27.3441 5.67174 27.2653C5.77025 27.1865 5.8195 27.087 5.8195 26.9669C5.8195 26.828 5.7593 26.721 5.6389 26.646C5.5185 26.5671 5.30325 26.4827 4.99313 26.3926C4.82165 26.34 4.67571 26.2875 4.55531 26.2349C4.43856 26.1824 4.31999 26.113 4.19959 26.0266C4.08284 25.9365 3.99345 25.8239 3.93143 25.6888C3.86941 25.5537 3.83839 25.396 3.83839 25.2159C3.83839 24.8593 3.96062 24.5759 4.20506 24.3657C4.45316 24.1517 4.75051 24.0448 5.09711 24.0448C5.40723 24.0448 5.67904 24.1236 5.91254 24.2812C6.14968 24.4351 6.33393 24.651 6.46528 24.9287L5.83045 25.3059C5.67721 24.9681 5.43277 24.7992 5.09711 24.7992C4.94023 24.7992 4.81618 24.8368 4.72497 24.9118C4.6374 24.9831 4.59362 25.077 4.59362 25.1933C4.59362 25.3172 4.64288 25.4186 4.74139 25.4974C4.84354 25.5724 5.03691 25.655 5.32149 25.7451C5.43824 25.7826 5.5258 25.8127 5.58418 25.8352C5.6462 25.854 5.72829 25.8859 5.83045 25.9309C5.93625 25.9722 6.01652 26.0116 6.07124 26.0491C6.12962 26.0867 6.19529 26.1374 6.26826 26.2012C6.34123 26.265 6.39596 26.3307 6.43244 26.3982C6.47257 26.4658 6.50541 26.5484 6.53095 26.646C6.56014 26.7398 6.57473 26.843 6.57473 26.9556C6.57473 27.3197 6.44521 27.6087 6.18617 27.8227C5.93078 28.0366 5.59695 28.1436 5.18467 28.1436Z' fill='white'/%3E%3Cpath d='M7.54164 26.9556C7.6365 27.3085 7.89371 27.4849 8.31328 27.4849C8.58327 27.4849 8.78758 27.391 8.92622 27.2034L9.49538 27.5412C9.2254 27.9428 8.82771 28.1436 8.30234 28.1436C7.84993 28.1436 7.48691 28.0029 7.21328 27.7214C6.93964 27.4398 6.80283 27.0851 6.80283 26.6572C6.80283 26.2331 6.93782 25.8802 7.20781 25.5987C7.47779 25.3135 7.82439 25.1708 8.24761 25.1708C8.64894 25.1708 8.97913 25.3135 9.23816 25.5987C9.50085 25.884 9.6322 26.2368 9.6322 26.6572C9.6322 26.7511 9.62308 26.8505 9.60483 26.9556H7.54164ZM7.53069 26.3926H8.92622C8.88609 26.2012 8.80218 26.0585 8.67448 25.9647C8.55043 25.8709 8.40814 25.8239 8.24761 25.8239C8.05789 25.8239 7.90101 25.8746 7.77696 25.976C7.65292 26.0735 7.57083 26.2124 7.53069 26.3926Z' fill='white'/%3E%3Cpath d='M10.6668 25.7338C10.7325 25.5537 10.8401 25.4186 10.9897 25.3285C11.143 25.2384 11.3126 25.1933 11.4987 25.1933V26.0041C11.2834 25.9778 11.0901 26.0229 10.9186 26.1392C10.7507 26.2556 10.6668 26.4489 10.6668 26.7192V28.0648H9.96086V25.2496H10.6668V25.7338Z' fill='white'/%3E%3Cpath d='M13.5479 25.2496H14.325L13.2852 28.0648H12.4807L11.4409 25.2496H12.218L12.8802 27.2203L13.5479 25.2496Z' fill='white'/%3E%3Cpath d='M14.8515 24.9118C14.7347 24.9118 14.6326 24.8687 14.545 24.7823C14.4611 24.6922 14.4192 24.5871 14.4192 24.467C14.4192 24.3469 14.4611 24.2418 14.545 24.1517C14.6326 24.0616 14.7347 24.0166 14.8515 24.0166C14.9719 24.0166 15.0741 24.0616 15.158 24.1517C15.2455 24.2418 15.2893 24.3469 15.2893 24.467C15.2893 24.5871 15.2455 24.6922 15.158 24.7823C15.0741 24.8687 14.9719 24.9118 14.8515 24.9118ZM14.5012 28.0648V25.2496H15.2072V28.0648H14.5012Z' fill='white'/%3E%3Cpath d='M16.9917 28.1436C16.5794 28.1436 16.2346 28.001 15.9574 27.7157C15.6837 27.4305 15.5469 27.0776 15.5469 26.6572C15.5469 26.2368 15.6837 25.884 15.9574 25.5987C16.2346 25.3135 16.5794 25.1708 16.9917 25.1708C17.258 25.1708 17.5007 25.2365 17.7196 25.3679C17.9385 25.4993 18.1045 25.6757 18.2176 25.8971L17.6101 26.2631C17.5554 26.1467 17.4715 26.0548 17.3584 25.9872C17.2489 25.9196 17.1249 25.8859 16.9862 25.8859C16.7746 25.8859 16.5995 25.9591 16.4608 26.1054C16.3222 26.2481 16.2529 26.432 16.2529 26.6572C16.2529 26.8787 16.3222 27.0626 16.4608 27.209C16.5995 27.3516 16.7746 27.4229 16.9862 27.4229C17.1285 27.4229 17.2544 27.391 17.3638 27.3272C17.4769 27.2597 17.5609 27.1677 17.6156 27.0513L18.2285 27.4117C18.1081 27.6331 17.9385 27.8114 17.7196 27.9466C17.5007 28.0779 17.258 28.1436 16.9917 28.1436Z' fill='white'/%3E%3Cpath d='M18.9915 26.9556C19.0863 27.3085 19.3436 27.4849 19.7631 27.4849C20.0331 27.4849 20.2374 27.391 20.3761 27.2034L20.9452 27.5412C20.6752 27.9428 20.2776 28.1436 19.7522 28.1436C19.2998 28.1436 18.9368 28.0029 18.6631 27.7214C18.3895 27.4398 18.2527 27.0851 18.2527 26.6572C18.2527 26.2331 18.3877 25.8802 18.6577 25.5987C18.9276 25.3135 19.2742 25.1708 19.6975 25.1708C20.0988 25.1708 20.429 25.3135 20.688 25.5987C20.9507 25.884 21.082 26.2368 21.082 26.6572C21.082 26.7511 21.0729 26.8505 21.0547 26.9556H18.9915ZM18.9805 26.3926H20.3761C20.3359 26.2012 20.252 26.0585 20.1243 25.9647C20.0003 25.8709 19.858 25.8239 19.6975 25.8239C19.5077 25.8239 19.3509 25.8746 19.2268 25.976C19.1028 26.0735 19.0207 26.2124 18.9805 26.3926Z' fill='white'/%3E%3Cpath d='M23.9555 28.1436C23.5761 28.1436 23.2568 28.0573 22.9978 27.8846C22.7387 27.7082 22.5563 27.4699 22.4505 27.1696L23.0963 26.7811C23.2459 27.1827 23.5396 27.3835 23.9774 27.3835C24.189 27.3835 24.3441 27.3441 24.4426 27.2653C24.5411 27.1865 24.5903 27.087 24.5903 26.9669C24.5903 26.828 24.5301 26.721 24.4097 26.646C24.2893 26.5671 24.0741 26.4827 23.764 26.3926C23.5925 26.34 23.4465 26.2875 23.3261 26.2349C23.2094 26.1824 23.0908 26.113 22.9704 26.0266C22.8537 25.9365 22.7643 25.8239 22.7023 25.6888C22.6402 25.5537 22.6092 25.396 22.6092 25.2159C22.6092 24.8593 22.7314 24.5759 22.9759 24.3657C23.224 24.1517 23.5213 24.0448 23.8679 24.0448C24.178 24.0448 24.4499 24.1236 24.6834 24.2812C24.9205 24.4351 25.1048 24.651 25.2361 24.9287L24.6013 25.3059C24.448 24.9681 24.2036 24.7992 23.8679 24.7992C23.711 24.7992 23.587 24.8368 23.4958 24.9118C23.4082 24.9831 23.3644 25.077 23.3644 25.1933C23.3644 25.3172 23.4137 25.4186 23.5122 25.4974C23.6144 25.5724 23.8077 25.655 24.0923 25.7451C24.2091 25.7826 24.2966 25.8127 24.355 25.8352C24.417 25.854 24.4991 25.8859 24.6013 25.9309C24.7071 25.9722 24.7873 26.0116 24.8421 26.0491C24.9004 26.0867 24.9661 26.1374 25.0391 26.2012C25.1121 26.265 25.1668 26.3307 25.2033 26.3982C25.2434 26.4658 25.2762 26.5484 25.3018 26.646C25.331 26.7398 25.3456 26.843 25.3456 26.9556C25.3456 27.3197 25.216 27.6087 24.957 27.8227C24.7016 28.0366 24.3678 28.1436 23.9555 28.1436Z' fill='white'/%3E%3Cpath d='M27.1261 25.9478H26.5077V27.1189C26.5077 27.2165 26.5314 27.2878 26.5789 27.3329C26.6263 27.3779 26.6956 27.4042 26.7868 27.4117C26.878 27.4154 26.9911 27.4136 27.1261 27.4061V28.0648C26.6409 28.1211 26.2979 28.0742 26.0973 27.924C25.9003 27.7739 25.8017 27.5055 25.8017 27.1189V25.9478H25.3256V25.2496H25.8017V24.681L26.5077 24.4614V25.2496H27.1261V25.9478Z' fill='white'/%3E%3Cpath d='M29.4538 25.2496H30.1598V28.0648H29.4538V27.7326C29.2422 28.0066 28.9449 28.1436 28.5618 28.1436C28.1969 28.1436 27.8832 28.001 27.6205 27.7157C27.3614 27.4267 27.2319 27.0739 27.2319 26.6572C27.2319 26.2406 27.3614 25.8896 27.6205 25.6044C27.8832 25.3153 28.1969 25.1708 28.5618 25.1708C28.9449 25.1708 29.2422 25.3078 29.4538 25.5818V25.2496ZM28.1513 27.2315C28.2936 27.3779 28.4742 27.4511 28.6931 27.4511C28.912 27.4511 29.0926 27.3779 29.2349 27.2315C29.3808 27.0814 29.4538 26.8899 29.4538 26.6572C29.4538 26.4245 29.3808 26.2349 29.2349 26.0886C29.0926 25.9384 28.912 25.8633 28.6931 25.8633C28.4742 25.8633 28.2936 25.9384 28.1513 26.0886C28.009 26.2349 27.9379 26.4245 27.9379 26.6572C27.9379 26.8899 28.009 27.0814 28.1513 27.2315Z' fill='white'/%3E%3Cpath d='M31.3418 25.7338C31.4074 25.5537 31.5151 25.4186 31.6646 25.3285C31.8179 25.2384 31.9875 25.1933 32.1736 25.1933V26.0041C31.9583 25.9778 31.765 26.0229 31.5935 26.1392C31.4257 26.2556 31.3418 26.4489 31.3418 26.7192V28.0648H30.6358V25.2496H31.3418V25.7338Z' fill='white'/%3E%3Cpath d='M18.113 12.6781V14.1882C18.113 16.3717 17.4446 18.144 16.1078 19.5052C14.7848 20.8522 13.0621 21.5256 10.9397 21.5256C8.67949 21.5256 6.81897 20.7813 5.35811 19.2925C3.91104 17.8037 3.1875 15.9676 3.1875 13.7841C3.1875 11.6006 3.91104 9.75735 5.35811 8.25441C6.80518 6.75147 8.59681 6 10.733 6C12.0836 6 13.317 6.31193 14.4333 6.93579C15.5634 7.55965 16.4455 8.38911 17.0795 9.42415L13.9372 11.2745C13.6478 10.8066 13.2206 10.4308 12.6555 10.1473C12.1042 9.86369 11.4772 9.72191 10.7743 9.72191C9.63043 9.72191 8.69328 10.1047 7.96284 10.8704C7.23242 11.636 6.8672 12.6144 6.8672 13.8054C6.8672 14.9538 7.22552 15.9251 7.94217 16.7191C8.67261 17.5131 9.69245 17.9101 11.0017 17.9101C12.6831 17.9101 13.7925 17.2579 14.33 15.9534H10.8156V12.6781H18.113Z' fill='%23FCB809'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.7353 6.31934C27.7337 6.31934 29.4014 7.03536 30.7382 8.46741C32.0887 9.88528 32.764 11.6505 32.764 13.7631C32.764 15.8758 32.0887 17.6481 30.7382 19.0801C29.4014 20.498 27.7337 21.207 25.7353 21.207H19.8438V6.31934H25.7353ZM28.1955 16.5067C27.5614 17.1873 26.7415 17.5276 25.7353 17.5276H23.6474V9.9987H25.7353C26.7415 9.9987 27.5614 10.3461 28.1955 11.0408C28.8293 11.7214 29.1463 12.6288 29.1463 13.7631C29.1463 14.8974 28.8293 15.812 28.1955 16.5067Z' fill='%23FCB809'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
transform: scale(1.2);
transition: opacity .3s;
}
.catalog-main__service-link:hover {
opacity: 0.7;
}
.catalog-main__tools.tool_markdown:hover {
border-color: #343C4B;
}
.catalog-main__tools.tool_price_comparison:hover {
border-color: #EF3D5D;
}
.catalog-main__more {
display: flex;
width: 264px;
height: 60px;
margin: 25px auto 55px;
padding-left: 60px;
align-items: center;
justify-content: center;
box-sizing: border-box;
user-select: none;
transition: 0.3s;
}
.catalog-main__more .catalog-main__more-text {
display: inline-flex;
position: absolute;
width: 60px;
height: 60px;
left: 0;
top: 0;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: #0f47d6;
transition: 0.3s;
}
.catalog-main__more-svg {
width: 22px;
height: 22px;
transition: transform .3s;
}
.catalog-main__more:hover {
background-color: #2f82ff;
}
.catalog-main__more:hover .catalog-main__more-text {
background-color: #2f69ff;
}
.catalog-main__more:hover .catalog-main__more-text .catalog-main__more-svg {
transform: rotate(180deg);
}
.catalog-main__more:active {
background-color: #2f69ff;
}
.catalog-main__more:active .catalog-main__more-text {
background-color: #0f47d6;
}
.catalog-main__more:active .catalog-main__more-text .catalog-main__more-svg {
transform: rotate(180deg);
}
.catalog-main__hover.is-redesign .catalog-main__credit {
margin: 0;
padding: 6px 10px;
height: auto;
flex-wrap: nowrap;
flex-basis: 50%;
font-size: 16px;
font-weight: 600;
line-height: 19px;
user-select: none;
align-self: center;
}
.catalog-main__hover.is-redesign .catalog-main__credit-span {
font-size: 14px;
}
.catalog .product-discount-offer,
.catalog .catalog-main__hover.is-redesign .catalog-main__credit {
max-width: calc((100% / 2) - (((2 - 1) / 2) * 10px));
flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 10px));
}
.product-discount-offer {
flex-basis: 50%;
}
.catalog-main__prices {
display: flex;
width: 100%;
min-height: 54px;
flex-basis: 40%;
flex-direction: column;
justify-content: center;
}
.catalog .catalog-main__prices {
flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 10px));
max-width: calc((100% / 2) - (((2 - 1) / 2) * 10px));
}
.product-discount-offer .markdown {
display: flex;
padding: 3px 18px;
min-height: 54px;
justify-content: space-between;
align-items: center;
background-color: #924AFF;
box-sizing: border-box;
text-decoration: none;
border-radius: 6px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='18' viewBox='0 0 23 18' fill='none'%3E%3Cpath d='M7.12512 5.71064L6.24185 9.5561C5.96453 11.9105 8.13872 12.9307 10.0023 12.5081C8.13872 14.6572 3.79035 14.3433 3.65723 10.3409L4.97311 4.61194C5.49864 3.59172 6.24186 3.59172 7.61182 3.59172H14.2245C15.826 3.59172 16.554 3.59172 16.3737 4.3765L14.8956 10.8118L16.5196 13.9509H13.9572C13.5065 14.8524 13.1553 15.217 12.5595 15.9129H20.1691L17.0632 10.8118L18.3056 4.7689C18.6162 3.04237 17.6844 1.55127 15.7431 1.55127H6.58048C4.09494 1.55127 3.3961 2.80693 2.93569 4.61194L1.61941 10.3409C0.756372 15.1281 8.74941 19.209 12.1765 12.5081L13.7378 5.71064H11.5636L10.8065 9.00675C10.446 10.5763 8.19973 10.4978 8.54222 9.00675L9.29931 5.71064H7.12512Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.97243 4.6119C5.49795 3.59168 6.24117 3.59168 7.61113 3.59168H14.2238C15.8253 3.59168 16.5533 3.59168 16.373 4.37647L14.8949 10.8117L16.5189 13.9509H13.9565C13.8812 14.1014 13.8088 14.237 13.7375 14.3616C13.4251 14.9075 13.1352 15.2438 12.7332 15.7101C12.6773 15.7749 12.6193 15.8421 12.5588 15.9128H20.1685L17.0625 10.8117L18.3049 4.76886C18.6155 3.04233 17.6837 1.55123 15.7424 1.55123H6.5798C4.09426 1.55123 3.39541 2.80689 2.935 4.6119L1.61873 10.3409C0.755688 15.1281 8.74873 19.2089 12.1758 12.5081L13.7371 5.71061H11.5629L10.8059 9.00671C10.4453 10.5763 8.19905 10.4978 8.54154 9.00671L9.29862 5.71061H7.12444L6.24117 9.55606C6.08807 10.8558 6.68213 11.749 7.5586 12.2172C8.26976 12.5972 9.16685 12.6974 10.0016 12.5081C9.32886 13.2839 8.33226 13.7388 7.32706 13.815C5.54781 13.9498 3.74161 12.8984 3.65655 10.3409L4.97243 4.6119ZM18.7049 10.5263L19.8282 5.06243L19.8316 5.04352C20.0464 3.84958 19.8559 2.58814 19.1138 1.58819C18.3474 0.555447 17.1386 0 15.7424 0H6.5798C5.0671 0 3.82418 0.390508 2.90455 1.30435C2.04621 2.1573 1.6745 3.27738 1.4319 4.2285L1.42731 4.24647L0.0986375 10.0294L0.0921033 10.0656C-0.516329 13.4405 1.98472 16.2566 4.79332 17.2026C5.52891 17.4503 6.3181 17.5869 7.12444 17.5804C7.90126 17.5742 8.694 17.4354 9.47004 17.1354L9.18869 17.4641H22.9291L18.7049 10.5263ZM13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3Cpath d='M9.18869 17.4641L9.47004 17.1354C8.694 17.4354 7.90126 17.5742 7.12444 17.5804H23L22.9291 17.4641H9.18869Z' fill='%23343C4B'/%3E%3Cpath d='M13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 23px 18px;
background-position: 8px center;
cursor: pointer;
overflow: hidden;
}
.product-discount-offer .markdown__text {
display: none;
max-width: 100px;
color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 11px;
line-height: 100%;
}
.product-discount-offer .markdown__old-price {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-decoration: line-through;
color: #fff;
white-space: nowrap;
}
.product-discount-offer .markdown__price {
margin-left: 30px;
font-family: "Gilroy", "Arial", sans-serif;
}
.product-discount-offer .markdown__cur-price {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 100%;
color: #FFF613;
white-space: nowrap;
}
.product-discount-offer .markdown__percent {
display: flex;
padding-left: 7px;
margin-left: 7px;
width: 35px;
height: 16px;
align-items: center;
justify-content: center;
color: #343C4B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='14' viewBox='0 0 30 14' fill='none'%3E%3Cpath d='M0.490961 5.45915L4.19165 1.02667C4.65383 0.383289 5.39232 0 6.16454 0H28.3552C29.2623 0 30 0.767433 30 1.71111V12.2889C30 13.2326 29.2623 14 28.3552 14H6.16454C5.39232 14 4.65383 13.6167 4.19165 12.9733L0.490961 8.54086C-0.163651 7.63311 -0.163651 6.36689 0.490961 5.45915ZM4.10859 8.28333C4.78952 8.28333 5.34216 7.7084 5.34216 7C5.34216 6.2916 4.78952 5.71667 4.10859 5.71667C3.42767 5.71667 2.87503 6.2916 2.87503 7C2.87503 7.7084 3.42767 8.28333 4.10859 8.28333Z' fill='%23FFF613'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 11px;
line-height: 100%;
box-sizing: border-box;
}
@media (min-width: 600px) and (max-width: 767px) {
.product-discount-offer .markdown__percent {
display: none;
}
}
@media (min-width: 820px) and (max-width: 1199px) {
.product-discount-offer .markdown__percent {
display: none;
}
}
.catalog-main__hover.is-redesign .catalog-main__credit-text {
display: block;
width: 100%;
color: #343c4b;
font-size: 12px;
font-weight: 600;
line-height: 14px;
opacity: 0.4;
}
.catalog-main__hover.is-redesign .catalog-main__credit::after {
display: none;
}
.catalog-main__hover.is-redesign .bx-catalog-subscribe-button {
height: auto;
cursor: pointer;
}
.catalog-main__hover.is-redesign .product-item-button-container {
display: flex;
gap: 10px;
margin: 15px 0 10px 0;
height: auto;
width: 100%;
user-select: none;
}
.catalog-main__hover.is-redesign .bx-catalog-subscribe-button {
margin: 0;
padding: 13px 0 !important;
font-weight: bold;
line-height: inherit;
border-radius: 6px;
font-size: 16px;
font-family: Acrom, Arial, sans-serif;
white-space: nowrap;
border: 1px solid #2f69ff;
}
@media (max-width: 1400px) {
.catalog-main__hover.is-redesign .bx-catalog-subscribe-button {
font-size: 14px;
}
}
.inparts-catalog.catalog-main__fast-buy {
justify-content: center;
height: 42px;
font-size: 12px;
}
.catalog-main__hover.is-redesign .retail_add2basket {
display: flex;
position: relative;
bottom: auto;
height: auto;
gap: 10px;
justify-content: center;
color: #fff;
background-color: #2f69ff;
background-position: 20px center;
border-radius: 6px;
font-weight: bold;
align-items: center;
white-space: nowrap;
flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 10px));
max-width: calc((100% / 2) - (((2 - 1) / 2) * 10px));
box-sizing: border-box;
}
.catalog-main__hover.is-redesign .inparts-catalog.retail_add2basket span {
font-size: 12px;
}
.catalog-main__hover.is-redesign .retail_add2basket:hover {
background-color: #2f82ff;
}
.catalog-main__hover.is-redesign .retail_add2basket span {
display: block;
color: #fff;
font-size: 16px;
font-weight: bold;
font-family: Acrom, Arial, sans-serif;
}
.price-caption {
display: block;
margin: 0 0 7px;
width: 100%;
color: #343C4B;
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 16px;
}
.catalog-main__hover.is-redesign .catalog-main__price-caption {
display: none;
}
.sticker {
display: inline-block;
margin-bottom: 4px;
padding: 5px 10px;
font-family: "Acrom", "Arial", sans-serif;
border-radius: 6px;
font-size: 12px;
}
@media (min-width: 600px) {
.sticker {
font-size: 14px;
}
}
.catalog-main__wrapper.main_col_3 .sticker,
.catalog-main__wrapper.main_col_4 .sticker {
font-size: 12px;
font-weight: 500;
padding-top: 4px;
padding-bottom: 4px;
}
@media (max-width: 1400px) {
.catalog-main__hover.is-redesign .catalog-main__credit,
.catalog-main__old-price {
font-size: 14px;
}
.catalog-main__title {
height: 56px;
font-size: 14px;
}
.catalog-main__cur-price {
font-size: 22px;
}
.catalog-main__hover.is-redesign .catalog-main__credit-text {
font-size: 10px;
}
.product-discount-offer .markdown {
padding: 8px 5px;
background-position: 10px center;
}
.product-discount-offer .markdown__old-price {
font-size: 11px;
}
.product-discount-offer .markdown__cur-price {
font-size: 13px;
}
.product-discount-offer .markdown__percent {
margin-left: 0;
width: 32px;
background-position: right;
}
.catalog-main__hover.is-redesign .retail_add2basket span,
.catalog-main__fast-buy,
.catalog-main__hover.is-redesign .desktopButton {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.catalog-main__wrapper {
grid-template-columns: repeat(4, 1fr);
}
.catalog-main__hover.is-redesign .catalog-main__price-caption {
display: block;
}
.catalog-main__prices {
width: auto;
flex-basis: 100%;
}
/*.catalog-main__hover.is-redesign .catalog-main__credit {
padding: 9.5px 10px;
flex-basis: 100%;
order: 1;
}
.product-discount-offer {
flex-basis: 100%;
order: 1;
}*/
.product-discount-offer .markdown {
padding: 9.5px 10px;
background-position: 8px center;
}
.product-discount-offer .markdown__text {
/*display: block;*/
font-size: 10px;
}
.product-discount-offer .markdown__old-price {
font-size: 12px;
}
.product-discount-offer .markdown__cur-price {
font-size: 15px;
}
.product-discount-offer .markdown__percent {
margin-left: 7px;
width: 35px;
}
.catalog-main__comparison {
font-size: 10px;
}
.catalog-main__info.inmain-catalog ul li {
font-size: 12px;
}
}
@media (max-width: 820px) {
.catalog-main__item .is-redesign .prop-hide {
display: none !important;
}
.catalog-main .title {
margin: 30px 0 22px;
}
.catalog-main .title .show-more {
display: none;
}
.catalog-main__wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
padding-top: 15px;
}
}
@media (max-width: 770px) {
.catalog-main__fast-buy,
.catalog-main__hover.is-redesign .retail_add2basket span,
.catalog-main__hover.is-redesign .desktopButton {
font-size: 13px;
}
}
@media (max-width: 750px) {
.product-discount-offer .markdown {
padding: 3px 5px;
}
}
@media (max-width: 700px) {
.catalog-main__fast-buy,
.catalog-main__hover.is-redesign .retail_add2basket span {
font-size: 12px;
}
.catalog-main__wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-top: 25px;
}
.catalog-main .title {
margin-top: 10px;
}
.catalog-main__adv img {
margin: 0 auto;
}
.catalog-main__adv-mobile {
display: block;
}
.catalog-main__adv-desktop {
display: none;
}
}
@media (max-width: 650px) {
.catalog-main__wrapper .catalog-main__item .catalog-main__info {
display: block;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
@media (max-width: 575px) {
.catalog-main__wrapper {
padding-top: 12px;
}
.catalog-main__item,
.catalog-main__hover {
padding: 6px;
}
.catalog-main__image {
height: 137px;
padding: 9px;
box-sizing: border-box;
}
.catalog-main__title {
height: 43px;
margin: 8px 0 5px;
font-size: 12px;
line-height: 14px;
}
.catalog-main__meta > *:not(:last-child) {
margin-bottom: 5px;
}
.catalog-main__meta {
flex-direction: column;
align-items: center;
}
.catalog-main__condition {
font-size: 13px;
}
.catalog-main__meta .catalog-main__condition {
font-size: 10px;
line-height: 12px;
}
.catalog-main__wrapper .catalog-main__condition-available {
background-position: left center;
background-size: 14px;
}
.catalog-main__prices {
min-height: 35px;
}
.product-discount-offer .markdown {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='18' viewBox='0 0 23 18' fill='none'%3E%3Cpath d='M7.12512 5.71064L6.24185 9.5561C5.96453 11.9105 8.13872 12.9307 10.0023 12.5081C8.13872 14.6572 3.79035 14.3433 3.65723 10.3409L4.97311 4.61194C5.49864 3.59172 6.24186 3.59172 7.61182 3.59172H14.2245C15.826 3.59172 16.554 3.59172 16.3737 4.3765L14.8956 10.8118L16.5196 13.9509H13.9572C13.5065 14.8524 13.1553 15.217 12.5595 15.9129H20.1691L17.0632 10.8118L18.3056 4.7689C18.6162 3.04237 17.6844 1.55127 15.7431 1.55127H6.58048C4.09494 1.55127 3.3961 2.80693 2.93569 4.61194L1.61941 10.3409C0.756372 15.1281 8.74941 19.209 12.1765 12.5081L13.7378 5.71064H11.5636L10.8065 9.00675C10.446 10.5763 8.19973 10.4978 8.54222 9.00675L9.29931 5.71064H7.12512Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.97243 4.6119C5.49795 3.59168 6.24117 3.59168 7.61113 3.59168H14.2238C15.8253 3.59168 16.5533 3.59168 16.373 4.37647L14.8949 10.8117L16.5189 13.9509H13.9565C13.8812 14.1014 13.8088 14.237 13.7375 14.3616C13.4251 14.9075 13.1352 15.2438 12.7332 15.7101C12.6773 15.7749 12.6193 15.8421 12.5588 15.9128H20.1685L17.0625 10.8117L18.3049 4.76886C18.6155 3.04233 17.6837 1.55123 15.7424 1.55123H6.5798C4.09426 1.55123 3.39541 2.80689 2.935 4.6119L1.61873 10.3409C0.755688 15.1281 8.74873 19.2089 12.1758 12.5081L13.7371 5.71061H11.5629L10.8059 9.00671C10.4453 10.5763 8.19905 10.4978 8.54154 9.00671L9.29862 5.71061H7.12444L6.24117 9.55606C6.08807 10.8558 6.68213 11.749 7.5586 12.2172C8.26976 12.5972 9.16685 12.6974 10.0016 12.5081C9.32886 13.2839 8.33226 13.7388 7.32706 13.815C5.54781 13.9498 3.74161 12.8984 3.65655 10.3409L4.97243 4.6119ZM18.7049 10.5263L19.8282 5.06243L19.8316 5.04352C20.0464 3.84958 19.8559 2.58814 19.1138 1.58819C18.3474 0.555447 17.1386 0 15.7424 0H6.5798C5.0671 0 3.82418 0.390508 2.90455 1.30435C2.04621 2.1573 1.6745 3.27738 1.4319 4.2285L1.42731 4.24647L0.0986375 10.0294L0.0921033 10.0656C-0.516329 13.4405 1.98472 16.2566 4.79332 17.2026C5.52891 17.4503 6.3181 17.5869 7.12444 17.5804C7.90126 17.5742 8.694 17.4354 9.47004 17.1354L9.18869 17.4641H22.9291L18.7049 10.5263ZM13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3Cpath d='M9.18869 17.4641L9.47004 17.1354C8.694 17.4354 7.90126 17.5742 7.12444 17.5804H23L22.9291 17.4641H9.18869Z' fill='%23343C4B'/%3E%3Cpath d='M13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3C/svg%3E");
min-height: 50px;
}
.product-discount-offer.inmain-catalog .markdown {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='18' viewBox='0 0 23 18' fill='none'%3E%3Cpath d='M7.12512 5.71064L6.24185 9.5561C5.96453 11.9105 8.13872 12.9307 10.0023 12.5081C8.13872 14.6572 3.79035 14.3433 3.65723 10.3409L4.97311 4.61194C5.49864 3.59172 6.24186 3.59172 7.61182 3.59172H14.2245C15.826 3.59172 16.554 3.59172 16.3737 4.3765L14.8956 10.8118L16.5196 13.9509H13.9572C13.5065 14.8524 13.1553 15.217 12.5595 15.9129H20.1691L17.0632 10.8118L18.3056 4.7689C18.6162 3.04237 17.6844 1.55127 15.7431 1.55127H6.58048C4.09494 1.55127 3.3961 2.80693 2.93569 4.61194L1.61941 10.3409C0.756372 15.1281 8.74941 19.209 12.1765 12.5081L13.7378 5.71064H11.5636L10.8065 9.00675C10.446 10.5763 8.19973 10.4978 8.54222 9.00675L9.29931 5.71064H7.12512Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.97243 4.6119C5.49795 3.59168 6.24117 3.59168 7.61113 3.59168H14.2238C15.8253 3.59168 16.5533 3.59168 16.373 4.37647L14.8949 10.8117L16.5189 13.9509H13.9565C13.8812 14.1014 13.8088 14.237 13.7375 14.3616C13.4251 14.9075 13.1352 15.2438 12.7332 15.7101C12.6773 15.7749 12.6193 15.8421 12.5588 15.9128H20.1685L17.0625 10.8117L18.3049 4.76886C18.6155 3.04233 17.6837 1.55123 15.7424 1.55123H6.5798C4.09426 1.55123 3.39541 2.80689 2.935 4.6119L1.61873 10.3409C0.755688 15.1281 8.74873 19.2089 12.1758 12.5081L13.7371 5.71061H11.5629L10.8059 9.00671C10.4453 10.5763 8.19905 10.4978 8.54154 9.00671L9.29862 5.71061H7.12444L6.24117 9.55606C6.08807 10.8558 6.68213 11.749 7.5586 12.2172C8.26976 12.5972 9.16685 12.6974 10.0016 12.5081C9.32886 13.2839 8.33226 13.7388 7.32706 13.815C5.54781 13.9498 3.74161 12.8984 3.65655 10.3409L4.97243 4.6119ZM18.7049 10.5263L19.8282 5.06243L19.8316 5.04352C20.0464 3.84958 19.8559 2.58814 19.1138 1.58819C18.3474 0.555447 17.1386 0 15.7424 0H6.5798C5.0671 0 3.82418 0.390508 2.90455 1.30435C2.04621 2.1573 1.6745 3.27738 1.4319 4.2285L1.42731 4.24647L0.0986375 10.0294L0.0921033 10.0656C-0.516329 13.4405 1.98472 16.2566 4.79332 17.2026C5.52891 17.4503 6.3181 17.5869 7.12444 17.5804C7.90126 17.5742 8.694 17.4354 9.47004 17.1354L9.18869 17.4641H22.9291L18.7049 10.5263ZM13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3Cpath d='M9.18869 17.4641L9.47004 17.1354C8.694 17.4354 7.90126 17.5742 7.12444 17.5804H23L22.9291 17.4641H9.18869Z' fill='%23343C4B'/%3E%3Cpath d='M13.7923 12.3996L13.8469 12.162L13.9699 12.3996H13.7923Z' fill='%23343C4B'/%3E%3C/svg%3E");
}
.product-discount-offer .markdown__text {
display: none;
}
.product-discount-offer .markdown__cur-price {
font-size: 12px;
line-height: 12px;
}
.product-discount-offer .markdown__old-price {
font-size: 10px;
line-height: 10px;
}
.product-discount-offer .markdown__percent {
padding-right: 4px;
font-size: 10px;
line-height: 10px;
background-position: left;
}
.catalog-main__comparison {
padding-left: 16px;
/*width: 100%;*/
font-size: 11px;
}
.catalog-main__comparison::before {
width: 12px;
height: 15px;
}
.catalog-main__price {
padding-right: 0;
padding-top: 10px;
min-height: 54px;
}
.catalog-main__old-price {
font-size: 12px;
line-height: 14px;
}
.catalog-main__discount {
width: 35px;
height: 14px;
font-size: 10px;
line-height: 16px;
background-size: contain;
}
.catalog-main__cur-price {
font-size: 14px;
line-height: 16px;
}
.catalog-main__hover.is-redesign .catalog-main__price-caption {
margin-bottom: 4px;
}
.catalog-main__basket {
right: 0;
bottom: 6px;
}
.catalog-main__more {
padding: 0 10px;
width: 100%;
height: 46px;
max-width: 285px;
font-size: 12px;
}
.catalog-main__more .catalog-main__more-text {
position: relative;
width: auto;
height: auto;
left: auto;
top: auto;
background-color: transparent;
margin-right: 4px;
}
.catalog-main__credit {
padding: 4.3px;
font-size: 10px;
}
.catalog-main__credit-svg {
width: 18px;
height: 18px;
}
.catalog-main__credit-span {
font-size: 10px;
font-weight: 600;
line-height: 12px;
}
/*
.catalog-main__options {
opacity: 1;
height: 100%;
}
.catalog-main__options-top {
display: none;
position: absolute;
padding: 10px;
height: 48px;
right: 30px;
top: -9px;
box-sizing: border-box;
background-color: #ffffff;
white-space: nowrap;
border-radius: 8px;
z-index: 9;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.3));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.3));
}
.catalog-main__options-top > div {
display: inline-block !important;
margin-right: 5px;
margin-bottom: 0;
}
.catalog-main__options-top:after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 18px;
right: -5px;
background-color: #fff;
box-sizing: border-box;
transform: rotate(45deg);
}
.catalog-main__options-bottom {
position: absolute;
bottom: 0;
right: 0;
}
.catalog-main__options-top > div,
.catalog-main__options-bottom > div {
position: relative;
width: 28px;
height: 28px;
}
.catalog-main__options-top .catalog-main__svg {
position: absolute;
width: 18px;
height: 18px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.catalog-main__options-more {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
width: 28px;
height: 28px;
}
.catalog-main__options-more-circle {
display: inline-block;
height: 4px;
width: 4px;
border-radius: 50%;
background-color: #9a9ea5;
}
.catalog-main__options-more-active .catalog-main__options-more-circle {
background-color: #2f69ff;
}
*/
.catalog-main__meta .catalog-main__cretail_add2basket-svgondition {
font-size: 12px;
line-height: 14.4px;
}
.catalog-main__condition .kol_vo {
display: none;
}
.catalog-main__condition-svg {
width: 12px;
height: 12px;
padding-right: 4px;
}
.catalog-main__hover.is-redesign .catalog-main__credit {
min-height: 30px;
padding: 4px 7px;
width: 100%;
}
.catalog-main__hover.is-redesign .catalog-main__credit-text {
font-size: 8px;
font-weight: 600;
line-height: 9.5px;
}
.catalog-main__fast-buy {
padding: 9px 0;
min-height: 30px;
flex-basis: unset;
font-size: 12px;
}
.catalog-main__hover.is-redesign .retail_add2basket {
width: 41px;
flex-basis: unset;
color: #000;
background-color: transparent;
border: 1px solid #D7DAE0;
border-radius: 8px;
}
.catalog-main__hover.is-redesign .retail_add2basket > span {
display: none;
}
.catalog-main__hover.is-redesign .product-item-button-container {
position: relative;
width: 100%;
margin-top: 8px;
}
.catalog-main__hover.is-redesign .bx-catalog-subscribe-button {
display: flex;
padding: 9px 0 !important;
width: calc(100% + 50px);
min-height: 30px;
color: #2f69ff;
white-space: nowrap;
align-items: center;
font-weight: 500;
font-size: 12px;
text-align: center;
font-family: Acrom, Arial, sans-serif;
border-radius: 10px;
transition: all 0.3s;
}
.main_col_3 .catalog-main__info ul {
display: none;
}
.main_col_3 .catalog-main__info ul li {
flex-direction: column;
}
.main_col_3 .catalog-main__info ul li:not(:last-child) {
margin-bottom: 5px;
}
.main_col_3 .catalog-main__info ul li::after {
display: none;
}
.catalog-main__item:hover .catalog-main__hover {
background: #fff;
box-shadow: none;
}
.catalog-main.is-redesign .catalog-main__info ul {
display: none;
}
}
@media (max-width: 500px) {
.catalog-main__info ul li span {
display: block;
}
.catalog-main__item .sticker {
padding: 5px 5px;
font-size: 8px;
}
.catalog-main__fast-buy {
padding: 9px 10px;
font-size: 12px;
}
}
@media (max-width: 400px) {
.catalog-main__reviews {
font-size: 11px;
}
.catalog-main__title,
.catalog-main__comparison {
font-size: 10px;
}
.catalog-main__fast-buy {
font-size: 10px;
}
}
.catalog-main__comparison {
min-height: 22px;
}
/*catalog main page finish
///////////////////////*/
/**
* Product Card Color Variants Carousel
*/
.product-variants-gallery__colors {
margin: 8px 0;
height: 112px;
overflow: hidden;
}
.product-thumb-colors__wrapper {
flex-direction: column;
display: flex;
transition: transform .3s ease-in-out;
}
.product-variants-gallery__color {
width: 22px;
height: 22px;
border-radius: 5px;
box-shadow: 0 0 0 1px #fff inset;
border: 1px solid #D7DAE0;
transition: border-color .3s ease-in-out;
flex: none;
}
.product-variants-gallery__color:not(:last-child) {
margin-bottom: 8px;
}
.product-variants-gallery__color:hover {
border-color: #343C4B;
}
.product-variants-gallery__color.is-active {
border-color: #2A303C;
}
.product-variants-gallery__color.is-active,
.product-variants-gallery__color.is-disabled {
pointer-events: none;
cursor: default;
}
.product-variants-gallery__control {
width: 22px;
height: 22px;
border: 1px solid #D7DAE0;
border-radius: 50%;
display: flex;
transition: border-color .3s ease-in-out;
background: #fff;
}
.product-variants-gallery__control:hover {
border-color: #343C4B;
}
.product-variants-gallery__control svg {
margin: auto;
}
/*///////////////////////
*/
/*promotion catalog main page start*/
.promotion-main {
background: #f3f3f6;
padding-top: 1px;
padding-bottom: 1px;
}
.promotion-main .title {
margin-top: 44px;
}
.promotion-main .title .show-more {
margin-left: 22px;
}
.promotion-main__discount {
display: inline-block;
position: relative;
width: 60px;
height: 26px;
margin-left: 22px;
color: #fff;
background-color: red;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 26px;
text-align: right;
padding-right: 5px;
cursor: default;
}
.promotion-main__discount-badge::before {
content: "";
position: absolute;
left: -1px;
top: 50%;
transform: translateY(-50%);
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #fff;
}
.promotion-main__discount-badge::after {
content: "";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #fff;
}
.promotion-main__discount .tip {
display: none;
white-space: nowrap;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: #343c4b;
padding: 0 18px;
border-radius: 8px;
position: absolute;
bottom: calc(100% + 17px);
left: -30px;
background-color: #fff;
-webkit-box-shadow: 0 0 40px rgba(54, 63, 80, 0.1);
box-shadow: 0 0 40px rgba(54, 63, 80, 0.1);
z-index: 5;
}
.promotion-main__discount .tip:before {
content: "";
display: block;
width: 13px;
height: 13px;
transform: rotate(45deg);
position: absolute;
bottom: -7px;
left: 55px;
background-color: #fff;
}
.promotion-main__discount:hover .tip {
display: block;
}
.promotion-main .sections-slider .owl-nav button {
background-color: #f3f3f6 !important;
}
.promotion-main .sections-slider .owl-nav button.owl-prev:before {
background: -webkit-gradient(linear,
left top,
right top,
from(#f3f3f6),
to(rgba(243, 243, 246, 0)));
background: linear-gradient(90deg, #f3f3f6 0%, rgba(243, 243, 246, 0) 100%);
}
.promotion-main .sections-slider .owl-nav button.owl-next:before {
background: -webkit-gradient(linear,
left top,
right top,
from(#f3f3f6),
to(rgba(243, 243, 246, 0)));
background: linear-gradient(90deg, #f3f3f6 0%, rgba(243, 243, 246, 0) 100%);
}
@media (max-width: 620px) {
.promotion-main__discount {
width: 50px;
height: 20px;
line-height: 21px;
background-size: contain;
font-size: 11px;
}
.promotion-main__discount .tip {
left: auto;
right: -30px;
line-height: 30px;
padding: 0 10px;
bottom: calc(100% + 12px);
}
.promotion-main__discount .tip:before {
left: auto;
right: 55px;
}
}
.promotion-main__discount-badge {
color: inherit;
position: relative;
display: block;
}
@media (max-width: 900px) {
.catalog-main.is-promo.catalog {
position: relative;
}
.promotion-main__discount {
position: static;
}
.promotion-main__discount .tip {
left: 15px;
right: 15px;
text-align: center;
white-space: normal;
bottom: calc(100% + 8px);
line-height: 1.3;
padding-top: 5px;
padding-bottom: 5px;
}
.promotion-main__discount .tip:before {
left: 50%;
transform: rotate(45deg) translate(-50%, 0);
z-index: -1;
}
}
/*promotion catalog main page finish
///////////////////////
///////////////////////
*/
/*promotion start*/
.promotion {
padding-bottom: 48px;
}
.promotion .title {
padding: 47px 0;
}
.promotion__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 14px 1fr 14px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 14px;
}
.promotion__item {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 8px;
overflow: hidden;
min-height: 285px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.promotion__item:nth-child(5) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
}
.promotion__inner {
padding: 25px 35px;
box-sizing: border-box;
background: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(52, 60, 75, 0)),
color-stop(85.94%, #343c4b));
background: linear-gradient(180deg, rgba(52, 60, 75, 0) 0%, #343c4b 85.94%);
}
.promotion__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.promotion__section {
height: 30px;
border-radius: 15px;
background-color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 30px;
color: #343c4b;
padding: 0 15px;
margin-right: 11px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.promotion__section img {
margin-right: 9px;
max-height: 15px;
}
.promotion__date {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 30px;
color: #fff;
}
.promotion__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #fff;
padding: 18px 0;
}
.promotion__more {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #fff;
text-decoration: none;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-arrow-white.png);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
padding-right: 45px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.promotion__more:hover {
background-position: 100% center;
}
@media (max-width: 1200px) {
.promotion .title {
padding-top: 27px;
padding-bottom: 25px;
}
.promotion__wrapper {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
grid-gap: 0;
}
.promotion__item {
width: 385px;
height: 285px;
min-height: auto;
flex-shrink: 0;
margin-right: 12px;
}
.promotion__item:first-child {
margin-left: 15px;
}
.promotion__item:last-child {
margin-right: 15px;
}
.promotion__date {
font-size: 14px;
}
.promotion__title {
font-size: 18px;
line-height: normal;
padding: 10px 0;
}
.promotion__more {
font-size: 14px;
}
}
@media (max-width: 820px) {
.promotion .title {
padding-top: 27px;
padding-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.promotion__date {
font-size: 14px;
}
.promotion__title {
font-size: 18px;
line-height: normal;
padding: 10px 0;
}
.promotion__more {
font-size: 14px;
background-position: 100% center;
}
}
@media (max-width: 500px) {
.promotion {
padding-bottom: 15px;
}
.promotion__item {
width: 248px;
height: 182px;
flex-shrink: 0;
margin-right: 12px;
}
.promotion__item:first-child {
margin-left: 15px;
}
.promotion__item:last-child {
margin-right: 15px;
}
.promotion__inner {
padding: 14px;
}
.promotion__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.promotion__section {
line-height: 22px;
height: 22px;
padding: 0 12px;
margin-bottom: 5px;
}
.promotion__date {
font-size: 12px;
line-height: 14px;
}
.promotion__title {
font-size: 14px;
line-height: 100%;
}
.promotion__more {
font-size: 12px;
line-height: 14px;
background-size: 12px;
padding-right: 20px;
}
}
/*promotion finish
///////////////////////
///////////////////////
*/
/*about main page start*/
.about {
padding-top: 66px;
padding-bottom: 65px;
}
.about__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about__logo {
width: 250px;
user-select: none;
}
.about__logo img {
max-width: 100%;
height: auto;
display: block;
}
.about__info {
width: calc(100% - 760px);
box-sizing: border-box;
padding-right: 15px;
user-select: none;
}
.about__video {
width: 530px;
}
.about__video-wrap {
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
cursor: pointer;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 10px;
}
.about__video iframe {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
.about__video.play {
background-image: none !important;
}
.about__video.play iframe {
opacity: 1;
}
.about__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 400;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-bottom: 4px;
max-width: 520px;
}
.about__sub-title {
display: inline-block;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #fff;
padding: 0 15px;
border-radius: 12px;
background-color: #2f69ff;
margin-bottom: 18px;
}
.about__inner {
display: flex;
flex-wrap: wrap;
padding-bottom: 15px;
gap: 0 40px;
max-width: 520px;
}
.about__item {
display: inline-block;
flex-basis: 40%;
padding-bottom: 6px;
}
.about__num {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #343c4b;
padding-bottom: 2px;
white-space: nowrap;
}
.about__text {
display: inline-block;
padding-bottom: 9px;
color: #9a9ea5;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
border-bottom: 1px solid rgba(52, 60, 75, 0.2);
}
.about__show-more {
display: none;
}
.about .show-more {
margin-left: 0;
}
@media (max-width: 1250px) {
.about__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 790px;
width: 100%;
margin: 0 auto;
}
.about__logo {
width: 185px;
}
.about__logo img {
max-width: 100%;
}
.about__info {
width: calc(100% - 185px);
box-sizing: border-box;
padding-left: 40px;
}
.about__video {
width: 100%;
text-align: center;
}
.about__video iframe {
border-radius: 10px;
}
.about .show-more {
margin-bottom: 12px;
}
}
@media (max-width: 820px) {
.about {
padding-top: 30px;
padding-bottom: 30px;
}
.about__info {
padding-right: 0;
}
.about__title {
font-size: 24px;
line-height: 29px;
padding-bottom: 18px;
}
.about__inner {
gap: 10px 20px;
}
.about__item {
flex-basis: 46%;
border-bottom: 1px solid rgba(52, 60, 75, 0.2);
text-align: left;
}
.about__text {
white-space: unset;
border: none;
}
.about .show-more {
margin-bottom: 12px;
}
}
@media (max-width: 600px) {
.about {
padding-bottom: 0;
padding-top: 30px;
}
.about__wrapper {
position: relative;
}
.about__logo {
width: 70px;
position: absolute;
left: 0;
top: 0;
}
.about__info {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0;
}
.about__title {
padding-bottom: 10px;
padding-left: 85px;
font-size: 16px;
line-height: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.about__sub-title {
height: 21px;
font-size: 10px;
line-height: 21px;
margin-bottom: 13px;
margin-left: 85px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.about__inner {
padding-top: 15px;
max-width: none;
width: 100%;
gap: 10px 0;
justify-content: space-between;
order: 4;
}
.about__item {
flex-basis: 48%;
text-align: center;
}
.about__num {
font-size: 18px;
line-height: 21px;
}
.about__text {
font-size: 10px;
line-height: 12px;
padding-bottom: 5px;
}
.about .show-more {
margin-bottom: 12px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: 85px;
}
.about .about__show-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 46px;
line-height: 46px;
margin-top: 15px;
margin-bottom: 34px;
border: 1px solid #2f69ff;
box-sizing: border-box;
border-radius: 6px;
text-decoration: none;
}
.about .about__show-more span {
margin: 0;
}
}
/*about main page finish
///////////////////////
///////////////////////
*/
/*info mane page start*/
.info {
background-color: #f3f3f6;
padding-top: 48px;
padding-bottom: 48px;
overflow: hidden;
}
.info__tabs {
display: flex;
padding-bottom: 47px;
justify-content: flex-start;
flex-wrap: wrap;
user-select: none;
}
.info__youtube {
display: flex;
height: 48px;
margin-bottom: 8px;
padding: 0 15px 0 11px;
border-radius: 6px;
background-color: #ef483d;
color: white;
text-decoration: none;
}
.info__youtube-textbox {
display: flex;
align-items: center;
}
.info__youtube-logo {
display: flex;
margin-right: 10px;
align-items: center;
flex-direction: column;
color: white;
}
.info__youtube-logosvg {
width: 45px;
height: 35px;
}
.info__youtube-logotext {
height: 7px;
color: white;
line-height: 0;
font-family: "Acrom", "Arial", sans-serif;
font-size: 7px;
}
.info__youtube-text {
color: white;
font-family: "Acrom", "Arial", sans-serif;
font-size: 18px;
font-weight: 500;
}
.info__tab {
margin-right: 8px;
margin-bottom: 8px;
background: #e3e3e6;
border: 1px solid #e3e3e6;
border-radius: 6px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
height: 48px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.info__tab-active {
background-color: #2f69ff !important;
border-color: #2f69ff !important;
color: #fff !important;
}
.info__tab:hover {
background-color: rgba(47, 105, 255, 0.15);
border-color: #2f69ff;
color: #2f69ff;
}
.info__tab .note {
display: inline-block;
margin-left: 6px;
margin-top: 2px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #fff;
height: 14px;
border-radius: 7px;
padding: 0 6px;
background: #ef483d;
}
.info__slider {
position: relative;
display: none !important;
}
.info__slider-active {
display: block !important;
white-space: nowrap;
}
.info__slider .info__item {
display: inline-block;
width: 351.25px;
margin-right: 15px;
overflow: hidden;
}
.info__slider .info__item * {
white-space: normal;
}
.info__slider .owl-item .info__item {
width: auto;
margin-right: 0;
overflow: visible;
display: block;
}
@media (max-width: 650px) {
.info__slider .owl-stage {
display: flex;
}
.info__slider .info__item {
width: 230px;
}
}
.info__slider .owl-nav {
position: absolute;
top: calc(50% - 25px);
left: 0;
width: 100%;
}
.info__slider .owl-nav button {
width: 50px;
height: 50px;
position: absolute;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
transition: 0.2s;
}
.info__slider .owl-nav button::after {
content: "\2192";
display: inline-block;
margin-top: -4px;
font-size: 25px;
transition: 0.2s;
}
.info__slider .owl-nav button:hover::after {
transform: translateX(5px);
}
.info__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
left: -90px;
}
.info__slider .owl-nav button.owl-next {
right: -90px;
}
.info__slider .owl-nav button.disabled {
display: none;
}
.info__slider .owl-nav button:hover {
background-position: calc(100% - 4px) center !important;
}
.info__video {
position: relative;
width: 100%;
padding-bottom: 61%;
/* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
height: 0;
overflow: hidden;
border-radius: 8px;
}
.info__video a {
display: block;
}
.info__video img {
height: 100%;
object-fit: cover;
}
.info__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
.info__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #343c4b;
padding-bottom: 11px;
padding-top: 21px;
}
.info__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
align-items: center;
}
.info__date,
.info__views {
padding-left: 7px;
margin-right: 10px;
color: #9a9ea5;
line-height: 120%;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
}
.info__show-more-m {
display: none;
}
@media (max-width: 820px) {
.info__tabs {
padding-bottom: 15px;
}
}
@media (max-width: 500px) {
.info {
padding-top: 22px;
padding-bottom: 20px;
}
.info__tabs {
padding-bottom: 15px;
}
.info__tab {
font-size: 12px;
line-height: 14px;
height: 36px;
margin-right: 7px;
margin-bottom: 7px;
}
.info__title {
font-size: 14px;
line-height: 18px;
}
.info__date,
.info__views {
font-size: 12px;
line-height: 17px;
margin-bottom: 0 !important;
}
.info__show-more-m {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 285px;
width: 100%;
height: 46px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 17px;
box-sizing: border-box;
margin: 0 auto;
}
.info__show-more-m span {
width: auto;
height: auto;
position: relative;
left: auto;
top: auto;
background-color: transparent;
margin-right: 4px;
}
.info__show-more-m span img {
max-width: 17px;
max-height: 17px;
}
}
.info__slider-tags .tag__title {
margin: 0 0 10px;
}
.info__slider-tags .catalog-info .wrapper {
padding-top: 20px;
padding-bottom: 0;
}
.catalog .catalog-actions__tag:hover {
opacity: 0.7;
}
.catalog .info__slider-tags .catalog-actions__tag {
background: none;
padding: 0;
height: auto;
margin-bottom: 10px;
margin-right: 8px;
transition: opacity .3s;
}
.info__slider-tags .catalog-actions__tag a {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 17px;
color: #455067;
padding-left: 16px;
padding-right: 16px;
height: 30px;
border-radius: 15px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
flex-shrink: 0;
transition: all 0.3s;
white-space: nowrap;
}
@media (min-width: 768px) {
.info__slider-tags .catalog-actions__tag a {
font-size: 14px;
}
}
.info__slider-tags .catalog-actions__tag a:hover {
background-color: #2f69ff;
color: #fff;
}
.info__slider-tags .wrapper {
padding-left: 0;
}
.info__slider-tags .catalog-info {
white-space: normal;
}
/*info mane page finish
///////////////////////
///////////////////////
*/
/*brands main page start*/
.brands {
background-color: #fff;
padding-bottom: 70px;
}
.brands .title {
padding-top: 60px;
padding-bottom: 40px;
}
.brands__wrapper {
display: flex;
justify-content: space-between;
user-select: none;
}
.brands__item {
display: flex;
position: relative;
height: 90px;
width: 185px;
justify-content: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.brands__item img {
max-width: 90%;
max-height: 90%;
width: auto;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.brands__item:hover img {
-webkit-filter: none;
filter: none;
}
.brands__all {
position: relative;
padding: 0 10px;
top: 0;
background: #f3f3f6;
border-radius: 8px;
text-decoration: none;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.brands__all-text {
display: inline-block;
position: relative;
padding-right: 35px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.brands__all-text::after {
content: "\2192";
display: inline-block;
position: absolute;
margin-top: -2px;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 25px;
transition: 0.2s;
}
.brands__all:hover {
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
top: -10px;
}
.brands__all:active {
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
top: 0;
}
.brands__sub-title {
display: flex;
margin-top: 60px;
margin-bottom: 45px;
color: #343c4b;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 29px;
user-select: none;
}
.brands__tip {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 14px;
vertical-align: middle;
cursor: pointer;
transition: 0.3s;
}
.brands__sub-titlesvg {
color: #343C4B;
}
.brands__tip.open .brands__sub-titlesvg {
color: #789af3;
}
.brands__slider {
position: relative;
}
.brands__slider .owl-stage {
display: block;
}
.brands__slider .owl-nav {
position: absolute;
top: calc(50% - 25px);
left: 0;
width: 100%;
}
.brands__slider .owl-nav button {
width: 50px;
height: 50px;
position: absolute;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.brands__slider .owl-nav button::after {
content: "\2192";
display: inline-block;
margin-top: -4px;
font-size: 25px;
transition: 0.2s;
}
.brands__slider .owl-nav button:hover::after {
transform: translateX(5px);
}
.brands__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
left: -90px;
}
.brands__slider .owl-nav button.owl-next {
right: -90px;
}
.brands__slider .owl-nav button.disabled {
display: none;
}
.brands__slider .owl-nav button:hover {
background-position: calc(100% - 4px) center !important;
}
.brands__slider-item {
border-radius: 8px;
min-height: 125px;
}
.brands__slider-item a {
display: block;
position: relative;
}
.brands__slider-item a::before {
content: '';
display: block;
padding-top: 44.1%;
}
.brands__slider-item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
@media (max-width: 1200px) {
.brands__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brands__item {
width: 230px;
margin-bottom: 12px;
}
.brands__sub-title {
line-height: normal;
margin-bottom: 23px;
}
.brands__tip {
padding-top: 0;
}
}
@media (max-width: 820px) {
.brands {
padding-bottom: 34px;
}
.brands .title {
padding-top: 27px;
padding-bottom: 25px;
}
.brands__sub-title {
font-size: 20px;
margin-bottom: 23px;
margin-top: 23px;
}
.brands__tip {
padding-top: 0;
}
}
@media (max-width: 500px) {
.brands__item {
width: 50%;
box-sizing: border-box;
padding: 0 5px;
}
.brands__all {
width: 100%;
height: 62px;
border-radius: 8px;
margin-bottom: 0;
}
.brands__all span {
font-size: 12px;
line-height: 14px;
display: block;
padding-left: 22px;
padding-right: 22px;
box-sizing: border-box;
width: 100%;
background-size: 15px;
background-position: calc(100% - 22px) center;
}
.brands__sub-title {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: normal;
}
.brands__tip {
height: 15px;
width: 15px;
background-size: contain;
}
}
/*brands main page finish
///////////////////////
///////////////////////
*/
/*clients main page start*/
.clients {
background-color: #f3f3f6;
padding-top: 56px;
padding-bottom: 75px;
}
.clients .title {
padding-bottom: 15px;
}
.clients__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.clients__info {
display: flex;
width: 45%;
flex-direction: column;
justify-content: center;
user-select: none;
}
.clients__text {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #9a9ea5;
padding-bottom: 15px;
max-width: 520px;
}
.clients__list {
display: flex;
width: 55%;
flex-wrap: wrap;
justify-content: center;
align-items: center;
user-select: none;
}
.clients__item {
display: inline-block;
vertical-align: top;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
max-width: 170px;
max-height: 100px;
width: auto;
height: auto;
}
.svg_pic_trust {
display: inline-block;
padding: 0 10px 15px;
}
.svg_pic_trust-svg {
width: 150px !important;
height: 90px !important;
}
.svg_pic_trust-svg-otp {
width: 90px !important;
}
@media (max-width: 820px) {
.clients {
padding-top: 27px;
padding-bottom: 20px;
}
.clients__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.clients__info {
width: 100%;
padding-bottom: 12px;
}
.clients__text {
max-width: 100%;
}
.clients__list {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.clients__list img {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 500px) {
.clients__text {
font-size: 12px;
line-height: normal;
}
.clients__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.clients__list img {
max-width: 95px;
}
}
/*clients main page finish
///////////////////////
///////////////////////
*/
/*consultation main page start*/
.consultation {
padding: 45px 0;
overflow: hidden;
}
.consultation .title {
padding-bottom: 20px;
}
.consultation__wrapper {
display: flex;
user-select: none;
}
.consultation__image {
position: relative;
width: 42%;
height: 400px;
background-color: #f1f2f4;
border-radius: 10px;
}
.consultation__image_videocall {
display: flex;
width: 100%;
height: 100%;
}
.videocall__img {
display: flex;
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.consultation__content {
display: flex;
width: 54%;
padding: 0 70px 0 150px;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.consultation__text {
padding-bottom: 36px;
color: #9a9ea5;
line-height: 19px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
}
.consultation__link {
position: relative;
display: inline-flex;
margin-bottom: 29px;
height: 62px;
width: 325px;
justify-content: center;
align-items: center;
background: #2f69ff;
box-shadow: 0 10px 40px -13px rgba(47, 105, 255, 0.7);
text-decoration: none;
border-radius: 6px;
transition: 0.3s;
}
.consultation__link-svg {
padding-right: 10px;
}
.consultation__link-svgarrow {
position: absolute;
right: -160px;
bottom: -35px;
width: 138px;
height: 68px;
}
.consultation__link:hover {
background-color: #2f82ff;
}
.consultation__link:active {
background-color: #2057e5;
}
.consultation__tip {
display: flex;
align-items: center;
color: #9a9ea5;
line-height: 19px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
}
.consultation__tip-svg {
padding-right: 10px;
}
@media (max-width: 1350px) {
.consultation__image {
height: 386px;
}
.videocall__img {
object-fit: contain;
}
}
@media (max-width: 1200px) {
.consultation__image {
height: 350px;
}
.videocall__img {
object-fit: fill;
}
.consultation__content {
padding: 0 30px 0;
}
}
@media (max-width: 1000px) {
.consultation__image {
height: 300px;
}
.consultation__link-svgarrow {
right: -120px;
bottom: -35px;
width: 116px;
height: 68px;
}
}
@media (max-width: 930px) {
.consultation {
padding: 16px 0 22px;
}
.consultation__image {
height: 350px;
}
.videocall__img {
object-fit: contain;
border-radius: 0;
}
.consultation .title {
padding-top: 26px;
}
.consultation__wrapper {
flex-direction: column;
}
.consultation__image {
width: 100%;
padding: 0;
}
.consultation__content {
padding: 0;
width: 100%;
}
}
@media (max-width: 500px) {
.consultation__text {
font-size: 12px;
line-height: 14px;
padding-bottom: 19px;
}
.consultation__link {
height: 48px;
width: 245px;
transition: 0.3s;
}
.consultation__tip {
font-size: 12px;
line-height: 14px;
max-width: 245px;
}
}
/*consultation main page finish
///////////////////////
///////////////////////
*/
/*discount mane page start*/
.discount {
padding-top: 32px;
padding-bottom: 38px;
}
.discount__wrapper {
padding: 18px 20px;
border: 2px dashed #343c4b50;
box-sizing: border-box;
border-radius: 12px;
position: relative;
}
.discount__wrapper-svg {
position: absolute;
width: 15px;
height: 15px;
color: #353c45;
right: -8px;
bottom: 30px;
}
.discount__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: 121px;
padding-right: 12px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAeCAYAAAD3qZRJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBndS9DcIwEAXgdxGizghsgFdgA5gAGiSgYgMYASqCaGAC2AA2IMACGSE1QjnsRPwnto+rrESf3tmJj5pDZggrgLQYBzHKCPOaBOiNTC8R7byR3njvHNHGrH3aS3OwKIApV1JKN7ROK4rfH9qSEgPiL2BLSohzkJS9DCpBVA5+ESF2gc/2DKhrMKMUjgqeLWXo+IBnEmeYnZb2ln6SOEAMQRXtZQjFiAjqHzRWY/ZOe5xeyFfsfeHr4zJUDgfc8EcPSG5Y9u81XLDqalih7T4ZeFR9VhJkKuSaThxyW4IKCGw17EpQXhqu1YinZk3SsWwuqXjC6sOZyGc5oO7ZfGS9SrUM7gAAAABJRU5ErkJggg==");
background-position: right 0;
background-repeat: repeat-y;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.discount__logo {
width: 212px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #2f69ff;
position: relative;
}
.discount__logo::before,
.discount__logo:after {
content: "";
display: block;
width: 18px;
height: 9px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
right: -9px;
z-index: 9;
}
.discount__logo:before {
content: "";
top: -9px;
width: 18px;
height: 18px;
background-color: white;
border-radius: 50%;
}
.discount__logo:after {
content: "";
bottom: -9px;
width: 18px;
height: 18px;
background-color: white;
border-radius: 50%;
}
.discount__logo-svg {
color: white;
width: 100px;
height: 49px;
}
.discount__content {
position: relative;
display: flex;
padding-top: 12px;
padding-bottom: 12px;
width: calc(100% - 212px);
align-items: center;
background-color: #2f69ff;
user-select: none;
}
.discount__content-svg {
position: absolute;
left: -4px;
width: 9px;
height: 100%;
color: white;
z-index: 9;
}
.discount__info {
width: 400px;
margin-left: 55px;
}
.discount__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #fff;
padding-bottom: 5px;
}
.discount__text {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
}
.discount__text span {
font-weight: 900;
color: #ffe662;
}
.discount__coupon {
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 50px;
color: #fff;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 38px;
cursor: pointer;
}
.discount__coupon-svg {
padding-left: 15px;
width: 20px;
height: 24px;
}
.discount__activate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.discount__link {
width: 230px;
height: 52px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #343c4b;
-webkit-box-shadow: 0 10px 40px -13px rgba(47, 105, 255, 0.7);
box-shadow: 0 10px 40px -13px rgba(47, 105, 255, 0.7);
border-radius: 6px;
padding-right: 27px;
padding-left: 27px;
margin-left: 23px;
margin-right: 50px;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
.discount__link:hover {
background: #475267;
}
.discount__link:active {
background: #222834;
}
.discount__link span {
display: flex;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #fff;
}
.discount__link-svg {
padding-right: 5px;
width: 20px;
height: 16px;
}
@media (max-width: 1500px) {
.discount__logo {
width: 200px;
}
.discount__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% - 200px);
}
.discount__info {
padding-bottom: 25px;
width: calc(100% - 500px);
margin-left: 50px;
}
.discount__activate {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 1200px) {
.discount__logo {
padding: 0 10px;
box-sizing: border-box;
width: 130px;
}
.discount__content {
padding-top: 25px;
padding-bottom: 25px;
width: calc(100% - 130px);
}
.discount__info {
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
margin-left: 0;
padding-bottom: 10px;
}
.discount__coupon {
margin-left: 0;
padding-left: 20px;
line-height: 52px;
}
.discount__activate {
width: auto;
}
}
@media (max-width: 820px) {
.discount__logo-svg {
width: 60px;
}
.discount__info {
padding-bottom: 6px;
text-align: left;
}
.discount__coupon {
margin-left: 0;
margin-right: 0;
}
.discount__title {
font-size: 22px;
}
.discount__text {
font-size: 14px;
}
.discount__coupon {
font-size: 22px;
margin-bottom: 0;
line-height: 34px;
}
.discount__link {
width: 200px;
height: 34px;
box-sizing: border-box;
}
.discount__link span {
font-size: 14px;
}
}
@media (max-width: 500px) {
.discount__wrapper {
width: 100%;
padding: 12px;
margin: 0 auto;
}
.discount__inner {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/pattern-blue-hor.png);
background-repeat: repeat-x;
background-position: 0 bottom;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0;
padding-bottom: 12px;
border-bottom-left-radius: 0;
}
.discount__logo {
width: 100%;
height: 72px;
}
.discount__logo:before {
left: 0;
right: auto;
top: auto;
bottom: -9px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/pattern-circle-left.png);
width: 9px;
height: 18px;
}
.discount__logo:after {
right: 0;
top: auto;
bottom: -9px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/pattern-circle-right.png);
width: 9px;
height: 18px;
}
.discount__content {
width: 100%;
}
.discount__content:before {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/pattern-dots-hor.png);
width: 100%;
height: 6px;
background-repeat: repeat-x;
background-position: 0 0;
left: 0;
top: -3px;
}
.discount__info {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.discount__title {
font-size: 16px;
line-height: 19px;
padding-bottom: 10px;
}
.discount__text {
font-size: 12px;
line-height: 14px;
}
.discount__coupon {
font-size: 18px;
margin: 12px auto 20px;
}
.discount__activate {
margin-left: auto;
margin-right: auto;
}
.discount__link {
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
}
}
.tooltip__discount {
bottom: calc(100% + 20px);
right: 50%;
}
.tooltip__discount-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #343c4b;
}
.tooltip__discount-code {
color: #2f69ff;
background: #f3f3f6;
border-radius: 6px;
padding: 13px 33px;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 13px;
margin-bottom: 16px;
}
.tooltip__discount-code span {
display: flex;
font-family: "Acrom", "Arial", sans-serif;
color: #2f69ff;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
align-items: center;
}
.tooltip__discount-codesvg {
width: 16px;
height: 18px;
color: #b7b8bd;
padding-left: 10px;
}
.tooltip__discount-sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #9a9ea5;
}
@media (max-width: 720px) {
.tooltip__discount {
bottom: calc(100% + 20px);
right: 50%;
transform: translateX(50%);
}
.tooltip__discount:before {
left: calc(50% - 5px);
}
}
/*discount mane page finish
///////////////////////
///////////////////////
*/
/*shops main page start*/
.shops {
background-color: #f3f3f6;
}
.shops .wrapper {
background-image: url(/local/templates/globaldrive_new/css/../images/pics/shops-map.png);
background-repeat: no-repeat;
background-position: right center;
padding-top: 53px;
padding-bottom: 68px;
}
.shops .title {
line-height: 46px;
}
.shops__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.shops__franchise {
display: flex;
margin-left: 26px;
align-items: center;
padding: 0 20px;
height: 46px;
border-radius: 5px;
color: #343c4b;
background-color: #fff;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 46px;
user-select: none;
}
.shops__franchise-svg {
width: 27px;
height: 27px;
padding-right: 10px;
color: #2F69FF;
}
.shops__franchise-link {
font-weight: 700;
margin-left: 15px;
color: #2f69ff;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.shops__franchise-link:hover {
color: rgba(47, 105, 255, 0.5);
}
.shops__franchise-link:active {
color: rgba(47, 105, 255, 0.7);
}
.shops__inner {
display: flex;
padding-top: 50px;
user-select: none;
}
.shops__list {
width: calc(100% - 285px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
}
.shops__item {
width: 20%;
padding-bottom: 18px;
}
.shops__item a {
display: inline-block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
text-decoration: none;
position: relative;
padding-bottom: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.shops__item a:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 2px dotted #9a9ea5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.shops__item a:hover:after {
width: 50%;
}
.shops__item a:active:after {
width: 25%;
}
.shops__all {
width: 284px;
height: 158px;
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
background-color: #fff;
position: relative;
top: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.shops__all-text {
display: flex;
align-items: center;
color: #343c4b;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.shops__all-text::after {
content: "\2192";
padding-left: 7px;
display: inline-block;
font-size: 25px;
transition: transform 0.3s;
}
.shops__all:hover {
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
top: -10px;
}
.shops__all:active {
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
top: 0;
}
@media (max-width: 1200px) {
.shops .wrapper {
padding-top: 32px;
padding-bottom: 32px;
}
.shops .title {
margin-right: 26px;
margin-bottom: 11px;
}
.shops__top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shops__franchise {
margin-left: 0;
}
.shops__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 16px;
}
.shops__list {
width: 100%;
}
.shops__item {
width: 25%;
}
.shops__all {
width: 100%;
height: 63px;
margin-top: 20px;
}
}
@media (max-width: 820px) {
.shops__item {
width: 50%;
box-sizing: border-box;
padding-right: 10px;
}
}
@media (max-width: 500px) {
.shops .title {
line-height: normal;
}
.shops__franchise {
font-size: 12px;
background-size: 18px;
padding-left: 45px;
background-position: 15px center;
}
.shops__item {
width: 50%;
box-sizing: border-box;
padding-right: 10px;
padding-bottom: 12px;
}
.shops__item a {
font-size: 12px;
}
.shops__all-text {
font-size: 12px;
display: block;
width: 100%;
padding-left: 22px;
padding-right: 22px;
background-position: calc(100% - 22px) center;
background-size: 15px;
}
}
/*shops main page finish
///////////////////////
///////////////////////
*/
/*footer start*/
.footer {
position: relative;
background-color: #343c4b;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2339404e' d='M9.66184 14.4118L9.66184 24.9804C9.66184 32.9398 16.1505 39.3922 24.1546 39.3922H27.4352C29.8955 43.3464 33.3064 46.6542 37.3508 49H24.1546C10.8144 49 0 38.2461 0 24.9804L0 14.4118L9.66184 14.4118Z'%3E%3C/path%3E%3Cpath fill='%2339404e' d='M100 39.3922L100 49L66.0309 49H51.6908C43.7174 49 36.6286 45.2335 32.1255 39.3922C28.9439 35.265 27.0531 30.1021 27.0531 24.5C27.0531 10.969 38.0838 0 51.6908 0C65.2978 0 76.3285 10.969 76.3285 24.5C76.3285 28.2846 75.4655 31.8688 73.9246 35.0686L62.2417 35.0686C64.9745 32.3707 66.6667 28.6319 66.6667 24.5C66.6667 16.2753 59.9618 9.60784 51.6908 9.60784C43.4199 9.60784 36.715 16.2753 36.715 24.5C36.715 32.7247 43.4199 39.3922 51.6908 39.3922L71.2561 39.3922H75.9465H100Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center 64px;
padding-top: 42px;
background-size: 45% 45%;
}
.footer__inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 330px 1fr 1fr 1fr 310px;
grid-template-columns: 330px 1fr 1fr 1fr 310px;
}
.footer__inner > * {
min-width: 0;
}
.footer__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #fff;
padding-bottom: 20px;
padding-left: 2rem;
background-repeat: no-repeat;
background-position: 0 0;
}
.footer__contacts .footer__title {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M18.9224 1.43921H7.25466C6.60763 1.43993 5.98729 1.69725 5.52972 2.15472C5.07214 2.61219 4.81469 3.23247 4.81382 3.8795V5.03253H3.84415C3.68003 5.03253 3.52263 5.09772 3.40659 5.21377C3.29054 5.32982 3.22534 5.48721 3.22534 5.65133C3.22534 5.81545 3.29054 5.97284 3.40659 6.08889C3.52263 6.20494 3.68003 6.27014 3.84415 6.27014H4.81382V12.1008H3.84415C3.68003 12.1008 3.52263 12.1659 3.40659 12.282C3.29054 12.398 3.22534 12.5554 3.22534 12.7196C3.22534 12.8837 3.29054 13.0411 3.40659 13.1571C3.52263 13.2732 3.68003 13.3384 3.84415 13.3384H4.81382V19.169H3.84415C3.68003 19.169 3.52263 19.2342 3.40659 19.3502C3.29054 19.4663 3.22534 19.6237 3.22534 19.7878C3.22534 19.9519 3.29054 20.1093 3.40659 20.2253C3.52263 20.3414 3.68003 20.4066 3.84415 20.4066H4.81382V21.5596C4.81469 22.2066 5.07214 22.8269 5.52972 23.2844C5.98729 23.7419 6.60763 23.9992 7.25466 23.9999H18.9224C19.5695 23.9992 20.1898 23.7419 20.6474 23.2844C21.105 22.8269 21.3624 22.2066 21.3633 21.5596V3.8795C21.3624 3.23247 21.105 2.61219 20.6474 2.15472C20.1898 1.69725 19.5695 1.43993 18.9224 1.43921ZM20.1279 21.5596C20.1268 21.8777 20 22.1825 19.7751 22.4074C19.5502 22.6323 19.2454 22.7591 18.9274 22.7601H7.25466C6.93658 22.7591 6.63181 22.6323 6.40689 22.4074C6.18197 22.1825 6.05517 21.8777 6.05416 21.5596V20.4066H7.02384C7.18795 20.4066 7.34535 20.3414 7.4614 20.2253C7.57745 20.1093 7.64264 19.9519 7.64264 19.7878C7.64264 19.6237 7.57745 19.4663 7.4614 19.3502C7.34535 19.2342 7.18795 19.169 7.02384 19.169H6.04925V13.3384H7.01893C7.18304 13.3384 7.34044 13.2732 7.45649 13.1571C7.57253 13.0411 7.63773 12.8837 7.63773 12.7196C7.63773 12.5554 7.57253 12.398 7.45649 12.282C7.34044 12.1659 7.18304 12.1008 7.01893 12.1008H6.04925V6.27014H7.01893C7.18304 6.27014 7.34044 6.20494 7.45649 6.08889C7.57253 5.97284 7.63773 5.81545 7.63773 5.65133C7.63773 5.48721 7.57253 5.32982 7.45649 5.21377C7.34044 5.09772 7.18304 5.03253 7.01893 5.03253H6.04925V3.8795C6.05026 3.56142 6.17706 3.25665 6.40198 3.03173C6.6269 2.80681 6.93167 2.68001 7.24975 2.679H18.9224C19.2405 2.68001 19.5453 2.80681 19.7702 3.03173C19.9951 3.25665 20.1219 3.56142 20.1229 3.8795L20.1279 21.5596Z' fill='white'/%3E%3Cpath d='M13.0886 12.9151C13.7197 12.9144 14.3311 12.695 14.8186 12.2942C15.3062 11.8934 15.6396 11.336 15.7623 10.7169C15.8849 10.0978 15.7892 9.45531 15.4913 8.8989C15.1934 8.34249 14.7118 7.90656 14.1286 7.66536C13.5454 7.42416 12.8966 7.39261 12.2927 7.5761C11.6888 7.75958 11.1672 8.14673 10.8168 8.67162C10.4663 9.19651 10.3087 9.82666 10.3707 10.4547C10.4327 11.0828 10.7105 11.67 11.1569 12.1162C11.4104 12.37 11.7115 12.5712 12.043 12.7083C12.3745 12.8454 12.7299 12.9157 13.0886 12.9151Z' fill='white'/%3E%3Cpath d='M13.0886 13.3335C12.026 13.3347 11.0072 13.7573 10.2558 14.5087C9.50437 15.2601 9.08172 16.2789 9.08057 17.3415C9.08114 17.5053 9.14659 17.6621 9.26258 17.7777C9.37857 17.8933 9.53563 17.9582 9.69937 17.9582H16.4778C16.642 17.9582 16.7994 17.893 16.9154 17.7769C17.0314 17.6609 17.0966 17.5035 17.0966 17.3394C17.0949 16.2771 16.672 15.2589 15.9207 14.5079C15.1693 13.757 14.1509 13.3347 13.0886 13.3335Z' fill='white'/%3E%3C/svg%3E");
}
.footer-payment-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00174 10H21.9983C21.9862 7.82497 21.8897 6.64706 21.1213 5.87868C20.2426 5 18.8284 5 16 5H8C5.17157 5 3.75736 5 2.87868 5.87868C2.1103 6.64706 2.01384 7.82497 2.00174 10ZM22 12H2V14C2 16.8284 2 18.2426 2.87868 19.1213C3.75736 20 5.17157 20 8 20H16C18.8284 20 20.2426 20 21.1213 19.1213C22 18.2426 22 16.8284 22 14V12ZM7 15C6.44772 15 6 15.4477 6 16C6 16.5523 6.44772 17 7 17H7.01C7.56228 17 8.01 16.5523 8.01 16C8.01 15.4477 7.56228 15 7.01 15H7Z' fill='white'/%3E%3C/svg%3E");
}
.footer-questions-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 12.5C22 17.7467 17.7467 22 12.5 22C7.25329 22 3 17.7467 3 12.5C3 7.25329 7.25329 3 12.5 3C17.7467 3 22 7.25329 22 12.5ZM9 9.1C9 7.38792 10.3879 6 12.1 6H13.0096C14.6612 6 16 7.33884 16 8.99038V9.20192C16 10.4179 15.1905 11.4851 14.0196 11.813C13.7124 11.899 13.5 12.179 13.5 12.4981V14C13.5 14.5523 13.0523 15 12.5 15C11.9477 15 11.5 14.5523 11.5 14V12.4981C11.5 11.2821 12.3095 10.2149 13.4804 9.88704C13.7876 9.80101 14 9.52097 14 9.20192V8.99038C14 8.44341 13.5566 8 13.0096 8H12.1C11.4925 8 11 8.49249 11 9.1C11 9.65228 10.5523 10.1 10 10.1C9.44772 10.1 9 9.65228 9 9.1ZM12.5 19C13.3284 19 14 18.3284 14 17.5C14 16.6716 13.3284 16 12.5 16C11.6716 16 11 16.6716 11 17.5C11 18.3284 11.6716 19 12.5 19Z' fill='white'/%3E%3C/svg%3E");
}
.footer-help-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9838 2.54161C14.0711 2.71093 14.0928 2.92777 14.1361 3.36144C14.2182 4.1823 14.2593 4.59274 14.4311 4.81793C14.649 5.10358 15.0034 5.25038 15.3595 5.20248C15.6402 5.16472 15.9594 4.90352 16.5979 4.38113C16.9352 4.10515 17.1038 3.96716 17.2853 3.90918C17.5158 3.83555 17.7652 3.84798 17.9872 3.94419C18.162 4.01994 18.3161 4.17402 18.6243 4.4822L19.5178 5.37567C19.8259 5.68385 19.98 5.83794 20.0558 6.01275C20.152 6.23478 20.1644 6.48415 20.0908 6.71464C20.0328 6.89612 19.8948 7.06478 19.6188 7.4021C19.0964 8.0406 18.8352 8.35984 18.7975 8.64056C18.7496 8.99662 18.8964 9.35102 19.182 9.56893C19.4072 9.74072 19.8176 9.78176 20.6385 9.86385C21.0722 9.90722 21.2891 9.92891 21.4584 10.0162C21.6734 10.1272 21.841 10.3123 21.9299 10.5373C22 10.7145 22 10.9324 22 11.3682V12.6319C22 13.0676 22 13.2855 21.93 13.4626C21.841 13.6877 21.6734 13.8729 21.4583 13.9838C21.289 14.0711 21.0722 14.0928 20.6386 14.1361L20.6386 14.1361C19.818 14.2182 19.4077 14.2592 19.1825 14.4309C18.8967 14.6489 18.7499 15.0034 18.7979 15.3596C18.8357 15.6402 19.0968 15.9593 19.619 16.5976C19.8949 16.9348 20.0328 17.1034 20.0908 17.2848C20.1645 17.5154 20.152 17.7648 20.0558 17.9869C19.98 18.1617 19.826 18.3157 19.5179 18.6238L18.6243 19.5174C18.3162 19.8255 18.1621 19.9796 17.9873 20.0554C17.7652 20.1516 17.5159 20.164 17.2854 20.0904C17.1039 20.0324 16.9352 19.8944 16.5979 19.6184L16.5979 19.6184C15.9594 19.096 15.6402 18.8348 15.3595 18.7971C15.0034 18.7492 14.649 18.896 14.4311 19.1816C14.2593 19.4068 14.2183 19.8173 14.1362 20.6383C14.0928 21.0722 14.0711 21.2891 13.9837 21.4585C13.8728 21.6735 13.6877 21.8409 13.4628 21.9299C13.2856 22 13.0676 22 12.6316 22H11.3682C10.9324 22 10.7145 22 10.5373 21.9299C10.3123 21.841 10.1272 21.6734 10.0162 21.4584C9.92891 21.2891 9.90722 21.0722 9.86385 20.6385C9.78176 19.8176 9.74072 19.4072 9.56892 19.182C9.35101 18.8964 8.99663 18.7496 8.64057 18.7975C8.35985 18.8352 8.04059 19.0964 7.40208 19.6189L7.40206 19.6189C7.06473 19.8949 6.89607 20.0329 6.71458 20.0908C6.4841 20.1645 6.23474 20.152 6.01272 20.0558C5.8379 19.9801 5.6838 19.826 5.37561 19.5178L4.48217 18.6243C4.17398 18.3162 4.01988 18.1621 3.94414 17.9873C3.84794 17.7652 3.8355 17.5159 3.90913 17.2854C3.96711 17.1039 4.10511 16.9352 4.3811 16.5979C4.90351 15.9594 5.16471 15.6402 5.20247 15.3594C5.25037 15.0034 5.10357 14.649 4.81792 14.4311C4.59273 14.2593 4.1823 14.2182 3.36143 14.1361C2.92776 14.0928 2.71093 14.0711 2.54161 13.9838C2.32656 13.8728 2.15902 13.6877 2.07005 13.4627C2 13.2855 2 13.0676 2 12.6318V11.3683C2 10.9324 2 10.7144 2.07008 10.5372C2.15905 10.3123 2.32654 10.1272 2.54152 10.0163C2.71088 9.92891 2.92777 9.90722 3.36155 9.86384H3.36155H3.36156C4.18264 9.78173 4.59319 9.74068 4.81842 9.56881C5.10395 9.35092 5.2507 8.99664 5.20287 8.64066C5.16514 8.35987 4.90385 8.04052 4.38128 7.40182C4.10516 7.06435 3.96711 6.89561 3.90914 6.71405C3.83557 6.48364 3.848 6.23438 3.94413 6.01243C4.01988 5.83754 4.17403 5.68339 4.48233 5.37509L5.37565 4.48177L5.37566 4.48177C5.68385 4.17357 5.83795 4.01947 6.01277 3.94373C6.23478 3.84753 6.48414 3.8351 6.71463 3.90872C6.89612 3.9667 7.06481 4.10472 7.4022 4.38076C8.04061 4.9031 8.35982 5.16427 8.64044 5.20207C8.99661 5.25003 9.35113 5.10319 9.56907 4.81742C9.74077 4.59227 9.78181 4.18195 9.86387 3.36131C9.90722 2.92776 9.9289 2.71098 10.0162 2.5417C10.1271 2.32658 10.3123 2.15898 10.5374 2.07001C10.7145 2 10.9324 2 11.3681 2H12.6318C13.0676 2 13.2855 2 13.4627 2.07005C13.6877 2.15902 13.8728 2.32656 13.9838 2.54161ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' fill='white'/%3E%3C/svg%3E");
}
.footer-info-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 11.5C22 16.7467 17.7467 21 12.5 21C7.25329 21 3 16.7467 3 11.5C3 6.25329 7.25329 2 12.5 2C17.7467 2 22 6.25329 22 11.5ZM11 10.5C11 9.67157 11.6716 9 12.5 9C13.3284 9 14 9.67157 14 10.5V16.5C14 17.3284 13.3284 18 12.5 18C11.6716 18 11 17.3284 11 16.5V10.5ZM12.5 8C13.3284 8 14 7.32843 14 6.5C14 5.67157 13.3284 5 12.5 5C11.6716 5 11 5.67157 11 6.5C11 7.32843 11.6716 8 12.5 8Z' fill='white'/%3E%3C/svg%3E");
}
.footer-company-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_25_7033)'%3E%3Cpath d='M25.7527 18.5568C26.1285 18.4785 26.3523 18.0853 26.1655 17.75C25.7539 17.0107 25.1055 16.3611 24.276 15.866C23.2077 15.2284 21.8987 14.8828 20.5521 14.8828C19.2055 14.8828 17.8965 15.2284 16.8282 15.866C15.9986 16.3611 15.3502 17.0107 14.9386 17.75C14.7519 18.0853 14.9757 18.4785 15.3514 18.5568C18.7817 19.2717 22.3225 19.2717 25.7527 18.5568Z' fill='white'/%3E%3Ccircle cx='20.5521' cy='10.125' r='3.39844' fill='white'/%3E%3Cpath d='M8.364 18.5568C8.73975 18.4785 8.96352 18.0853 8.77682 17.75C8.36521 17.0107 7.71677 16.3611 6.88725 15.866C5.81892 15.2284 4.50995 14.8828 3.16334 14.8828C1.81674 14.8828 0.507759 15.2284 -0.560575 15.866C-1.39009 16.3611 -2.03853 17.0107 -2.45014 17.75C-2.63685 18.0853 -2.41307 18.4785 -2.03733 18.5568C1.39293 19.2717 4.93374 19.2717 8.364 18.5568Z' fill='white'/%3E%3Ccircle cx='3.16334' cy='10.125' r='3.39844' fill='white'/%3E%3Cpath d='M19.9704 20.2556C20.5462 20.1356 20.8892 19.533 20.603 19.0191C19.9722 17.8861 18.9784 16.8905 17.7072 16.1318C16.0699 15.1546 14.0638 14.625 12 14.625C9.93626 14.625 7.93017 15.1546 6.29288 16.1318C5.02159 16.8905 4.02781 17.8861 3.397 19.0191C3.11086 19.533 3.45381 20.1356 4.02966 20.2556C9.28675 21.3512 14.7133 21.3512 19.9704 20.2556Z' fill='white' stroke='%23343C4B' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.33333' r='5.20833' fill='white' stroke='%23343C4B' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_7033'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer__addresses {
position: relative;
}
.footer__address {
padding-left: 30px;
margin-bottom: 5px;
}
.footer__addresses-svg {
position: absolute;
width: 25px;
height: 25px;
color: #2f8eff;
transition: color .3s;
}
.footer__addresses:hover .footer__addresses-svg {
color: rgba(47, 142, 255, 0.5);;
}
.footer__address span {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #fff;
opacity: 0.5;
}
.footer__phone {
padding-top: 16px;
position: relative;
}
.footer__phone-link {
display: inline-block;
padding-left: 30px;
margin-bottom: 5px;
color: #fff;
text-decoration: none;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
background-image: url("data:image/svg+xml, %3Csvg class='footer__phone-svg' width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3143 2.17795C9.95775 2.15201 9.59241 2.18845 9.23415 2.29432L7.95192 2.67412C6.5856 3.07821 5.51803 4.16229 5.15684 5.53057C4.35486 8.57351 5.27229 12.1753 7.65993 16.2295C10.0442 20.2782 12.761 22.8513 15.8294 23.6912C17.2111 24.0694 18.7013 23.7081 19.748 22.7359L20.7234 21.8314C21.8149 20.818 21.9776 19.1301 21.0958 17.9307L19.6866 16.0169C18.9312 14.9909 17.5997 14.5541 16.3753 14.9219L14.1705 15.5821C14.078 15.6091 13.8565 15.4831 13.6638 15.3165L13.6627 15.3155C13.3194 15.017 12.8438 14.4137 12.335 13.5508V13.5498C11.7894 12.6231 11.5567 12.0171 11.4632 11.6592C11.3698 11.3012 11.3924 11.2576 11.4061 11.1366C11.4132 11.0762 11.4419 11.0203 11.4907 10.9758L11.4918 10.9747L13.1358 9.47141C14.0777 8.61035 14.3621 7.23432 13.8309 6.07647L12.8396 3.91403V3.91298C12.3729 2.89567 11.3837 2.25575 10.3143 2.17795ZM10.1969 3.79872C10.6942 3.83588 11.1522 4.1342 11.3617 4.59112L12.354 6.75355C12.5942 7.27703 12.4737 7.87607 12.0398 8.27276L10.3958 9.77504C10.0587 10.0823 9.84321 10.5013 9.79169 10.9536V10.9546C9.77826 11.0736 9.74654 11.5159 9.89113 12.0697C10.0357 12.6236 10.3342 13.3561 10.9343 14.375H10.9353C11.4952 15.3245 12.0243 16.0459 12.5973 16.5438H12.5984C12.7845 16.7049 13.5645 17.4524 14.6254 17.1425L14.6286 17.1415L16.8429 16.4782C17.4179 16.3054 18.0327 16.5117 18.3779 16.9807L19.7871 18.8945C20.1862 19.4382 20.1165 20.1772 19.6179 20.6401L18.6424 21.5457C18.0186 22.1254 17.0923 22.3517 16.2578 22.1233C13.7773 21.4444 11.3228 19.2467 9.06065 15.4054C6.79537 11.5589 6.08686 8.37751 6.72788 5.94528C6.93978 5.14256 7.58901 4.47622 8.41319 4.23247L9.69436 3.85267C9.86125 3.80335 10.0311 3.78633 10.1969 3.79872Z' fill='%232F8EFF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
}
.footer__phone-svg {
position: absolute;
left: 0;
}
.footer__phone-order {
margin-left: 30px;
color: #2f8eff;
font-size: 16px;
line-height: 19px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
text-decoration-line: underline;
user-select: none;
transition: 0.3s;
}
.footer__phone-order:hover {
color: rgba(47, 142, 255, 0.5);
}
.footer__phone-order:active {
color: rgba(47, 142, 255, 0.7);
}
.footer__mail {
padding-bottom: 31px;
}
.footer__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
padding-top: 29px;
padding-bottom: 7px;
}
.footer__mail-link {
display: flex;
align-items: center;
color: #2f8eff;
font-size: 16px;
line-height: 19px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
text-decoration-line: underline;
user-select: none;
transition: 0.3s;
}
.footer__mail-link:hover {
color: rgba(47, 142, 255, 0.5);
}
.footer__mail-link:active {
color: rgba(47, 142, 255, 0.7);
}
.footer__mail-svg {
width: 30px;
height: 30px;
padding-right: 5px;
}
.footer__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 24px;
}
.footer__socials-link {
display: flex;
margin-right: 6px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #4b576c;
transition: 0.3s;
}
.footer__socials-link:hover {
background-color: #4b576c;
}
.footer__information {
padding-left: 20px;
user-select: none;
}
.footer__item {
padding-bottom: 18px;
}
.footer__link {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
opacity: 0.5;
display: inline-block;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer__link:hover {
color: #fff;
text-decoration: none;
opacity: 1;
}
.footer__link:hover {
opacity: 1;
}
.footer__link:active {
opacity: 0.5;
}
.footer__company {
padding-left: 20px;
user-select: none;
}
.footer__help {
padding-left: 20px;
user-select: none;
}
.footer__payment {
padding-left: 20px;
user-select: none;
}
.footer__payment .footer__title {
padding-bottom: 12px;
}
.footer__payment-companies {
display: flex;
padding-bottom: 12px;
flex-wrap: wrap;
width: 287px;
}
.footer__payment-company {
width: 86px;
height: 50px;
border-radius: 6px;
margin-right: 7px;
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid #4b576c;
}
.footer__payment-company:hover {
background-color: #4b576c;
}
.footer__text {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
opacity: 0.5;
}
.footer__ask {
display: inline-flex;
margin-top: 11px;
margin-bottom: 30px;
width: 100%;
height: 52px;
justify-content: center;
align-items: center;
user-select: none;
transition: 0.3s;
}
.footer__ask:hover {
background-color: #2f82ff;
color: #fff;
}
.footer__ask:active {
background-color: #2057e5;
outline: 0 auto -webkit-focus-ring-color;
color: #fff;
}
.footer__ask:focus {
outline: 0 auto -webkit-focus-ring-color;
color: #fff;
}
.footer__ask.is-white {
margin-bottom: 0;
margin-top: 30px;
background: #fff;
color: #455067;
}
.footer__ask.is-white:hover {
color: #fff;
background: #2f69ff;
}
.footer__yandex-market {
display: flex;
flex-direction: column;
width: 100%;
padding: 15px 16px 18px 22px;
border: 1px solid #465265;
border-radius: 10px;
pointer-events: none;
}
.footer__yandex-textbox {
display: flex;
margin-bottom: 5px;
justify-content: space-between;
}
.footer__yandex-text {
color: #969aa2;
line-height: 19px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
}
.footer__yandex-market-svgbox {
display: flex;
justify-content: space-between;
}
.footer__yandex-market-svg {
width: 113px;
height: 23px;
}
.footer__yandex-score {
color: #dadada;
}
.footer__yandex-stars {
display: flex;
}
.footer__yandex-starsvg {
width: 20px;
height: 20px;
margin-right: 3px;
}
.footer__addit {
display: flex;
padding-bottom: 30px;
padding-top: 25px;
grid-column: 1/6;
justify-content: space-between;
flex-wrap: wrap;
user-select: none;
}
.footer__addit-item {
background: #3e4656;
border-radius: 6px;
height: 90px;
width: calc(50% - 7px);
box-sizing: border-box;
padding: 0 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
overflow: hidden;
}
.footer__addit-item:hover {
background-color: #5b6577;
}
.footer__addit-item.opened:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background-color: #2f69ff;
}
.footer__addit-item.opened .footer__addit-trigger {
transform: rotate(225deg);
}
.footer__addit-itemtext {
display: flex;
align-items: center;
color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
}
.footer__addit-itemsvg {
padding-right: 15px;
width: 22px;
height: 22px;
color: #fff;
}
.footer__addit-catalog {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__addit-brands {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__addit--content {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
box-sizing: border-box;
padding: 32px 40px;
margin-top: 14px;
background: #3e4656;
border-radius: 6px;
display: none;
}
.footer__addit--content ul {
-webkit-columns: 4;
-moz-columns: 4;
columns: 4;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.footer__addit--content ul li {
margin-bottom: 18px;
}
.footer__addit--content ul li:last-child {
margin-bottom: 0;
}
.footer__addit--content ul li a {
text-decoration: none;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer__addit--content ul li a:hover {
opacity: 1;
}
.footer__addit--content ul li a:active {
opacity: 0.5;
}
.footer__addit-trigger {
content: "";
position: absolute;
padding: 2px;
top: 50%;
right: 5%;
border-bottom: 4px solid #fff;
border-right: 4px solid #fff;
transform: translateY(-50%) rotate(45deg);
transition: 0.3s;
-webkit-transition: 0.3s;
}
.footer__copyright {
padding-top: 33px;
padding-bottom: 32px;
text-align: center;
border-top: 1px solid #4b576c;
user-select: none;
}
.footer__copyright span {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
opacity: 0.5;
}
.footer__store:hover {
opacity: 0.1;
}
@media (max-width: 1200px) {
.footer__inner {
grid-template-columns: repeat(5, 1fr);
}
.footer__addit--content ul {
columns: 3;
column-gap: 20px;
}
}
@media (max-width: 1100px) {
.footer__inner {
grid-template-columns: repeat(4, 1fr);
}
.footer__help {
display: flex;
padding-left: 0;
flex-direction: column;
grid-column: 1/6;
}
.footer__help > .footer__list {
display: flex;
flex-wrap: wrap;
gap: 0 15px;
}
.footer__contacts {
order: 1;
}
.footer__information {
order: 2;
}
.footer__company {
order: 3;
}
.footer__payment {
order: 4;
}
.footer__help {
order: 5;
}
.footer__addit {
order: 6;
}
}
@media (max-width: 1000px) {
.footer__inner {
grid-template-columns: repeat(3, 1fr);
}
.footer__payment {
order: 3;
}
.footer__company {
display: flex;
padding-left: 0;
flex-direction: column;
grid-column: 1/6;
order: 4;
}
.footer__company > .footer__list {
display: flex;
flex-wrap: wrap;
gap: 0 15px;
}
}
@media (max-width: 900px) {
.footer__addit {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
}
}
@media (max-width: 860px) {
.footer__inner {
grid-template-columns: repeat(2, 1fr);
}
.footer__payment {
order: 2;
}
.footer__company {
order: 3;
}
.footer__help {
order: 4;
}
.footer__information {
order: 5;
display: flex;
flex-direction: column;
grid-column: 1/6;
padding-left: 0;
}
.footer__information > .footer__list {
display: flex;
flex-wrap: wrap;
gap: 0 15px;
}
.footer__addit--content ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 650px) {
.footer {
background-position: center 236px;
}
.footer__inner {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer-blocks-container {
padding: 32px 40px;
margin-bottom: 10px;
background-color: #3e4656;
border-radius: 6px
}
.footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__item {
width: 50%;
}
.footer__addit-item.opened:after {
height: 4px;
}
.footer__contacts {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
.footer__addit {
padding: 0;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__addit-itemsvg {
height: 18px;
}
.footer__information {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
padding-bottom: 30px;
}
.footer__company {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
grid-row: 4/5;
padding-bottom: 30px;
}
.footer__help {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-row: 5/6;
padding-bottom: 30px;
}
.footer__payment {
padding-left: 0;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 6;
-ms-grid-row-span: 1;
grid-row: 6/7;
}
.footer__payment-companies {
margin: 0 auto;
}
.footer__addit-item {
width: 100%;
margin-bottom: 10px;
}
.footer__contacts:not(.is-expanded) > *:not(:first-child),
.footer__information:not(.is-expanded) > *:not(:first-child),
.footer__company:not(.is-expanded) > *:not(:first-child),
.footer__help:not(.is-expanded) > *:not(:first-child),
.footer__payment-types:not(.is-expanded) > *:not(:first-child),
.footer__helps:not(.is-expanded) > *:not(:first-child) {
display: none;
}
.footer__title {
display: flex;
position: relative;
height: 90px;
align-items: center;
padding: 0 40px 0 77px;
border-radius: 6px;
background-color: #3e4656;
background-position: 37px 50%;
}
.footer__title:not(:last-child) {
margin-bottom: 10px;
}
.footer__contacts.is-expanded .footer__title::before,
.footer__information.is-expanded .footer-info-svg::before,
.footer__company.is-expanded .footer-company-svg::before,
.footer__help.is-expanded .footer-help-svg::before,
.footer__payment-types.is-expanded .footer-payment-svg::before,
.footer__helps.is-expanded .footer-questions-svg::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: #2f69ff;
}
.footer__title::after {
content: "";
position: absolute;
padding: 2px;
top: 50%;
right: 5%;
border-bottom: 4px solid #fff;
border-right: 4px solid #fff;
transform: translateY(-50%) rotate(45deg);
transition: transform .3s ease-in-out;
}
.is-expanded .footer__title::after {
transform: rotate(225deg);
}
.footer__contacts,
.footer__help,
.footer__company,
.footer__information {
padding-bottom: 0;
}
.footer__list {
margin-bottom: 15px;
}
.footer__payment .footer__title {
padding-bottom: 0;
}
.footer__addit--content {
margin-bottom: 10px;
order: 2;
}
}
@media (max-width: 500px) {
.footer {
background-size: 270px;
padding-top: 22px;
}
.footer__title {
padding: 0 20px 0 59px;
height: 46px;
font-size: 16px;
line-height: 19px;
background-position: 19px 50%;
}
.footer__address span {
font-size: 12px;
}
.footer__phone-link {
font-size: 18px;
}
.footer__phone-order {
font-size: 12px;
line-height: 14px;
}
.footer__sub-title {
font-size: 12px;
line-height: 14px;
}
.footer__mail-link {
font-size: 12px;
}
.footer__socials-link {
width: 32px;
height: 32px;
}
.footer__item {
padding-bottom: 12px;
padding-right: 8px;
box-sizing: border-box;
}
.footer__link {
font-size: 12px;
line-height: 100%;
}
.footer__stores {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 260px;
}
.footer__store {
width: calc(50% - 4px);
}
.footer__store img {
width: 100%;
}
.footer__payment {
padding-left: 0;
padding-bottom: 22px;
}
.footer__text {
font-size: 12px;
line-height: 100%;
}
.footer__ask {
font-size: 12px;
margin-bottom: 22px;
}
.footer__addit-catalog {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__addit-brands {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__addit-catalog + .footer__addit--content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__addit-brands + .footer__addit--content {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.footer__addit-item {
height: 46px;
padding-left: 22px;
padding-right: 22px;
}
.footer__addit-itemtext {
font-size: 14px;
}
.footer__copyright {
padding-top: 25px;
padding-bottom: 25px;
}
.footer__copyright span {
font-size: 12px;
}
.footer__addit--content {
margin-top: 0;
margin-bottom: 10px;
padding: 18px;
}
.footer__addit--content ul {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.footer__addit--content ul li {
margin-bottom: 12px;
}
.footer__addit--content ul li a {
font-size: 12px;
line-height: 14px;
}
.footer-blocks-container {
padding: 18px;
}
}
@media (min-width: 651px) and (max-width: 1000px) {
.footer__addit {
grid-column: 1 / -1;
}
.footer__company,
.footer__help,
.footer__information {
grid-column: auto;
}
}
/*footer finish
///////////////////////
///////////////////////
*/
/*side menu start*/
.side-menu {
position: fixed;
top: 235px;
right: 0;
z-index: 1003;
background-color: #fff;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
}
.side-menu__wrapper {
width: 62px;
}
.side-menu__inner {
width: 100%;
height: 50px;
position: relative;
}
.side-menu__inner:nth-child(1) .side-menu__item:hover {
background-color: #2f69ff;
}
.side-menu__inner:nth-child(1) .side-menu__item:hover img {
filter: brightness(0) invert(1);
}
.side-menu__inner:nth-child(2) .side-menu__item:hover {
background-color: #00bebe;
}
.side-menu__inner:nth-child(3) .side-menu__item:hover {
background-color: #924aff;
}
.side-menu__inner:nth-child(4) .side-menu__item:hover {
background-color: #30ad80;
}
.side-menu__inner:nth-child(5) .side-menu__item:hover {
background-color: #ef483d;
}
.side-menu__svg {
width: 22px;
text-align: center;
}
.side-menu__item {
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding-left: 21px;
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
left: 0;
}
.side-menu__item span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #fff;
white-space: nowrap;
margin-left: 13px;
margin-right: 13px;
display: inline-block;
opacity: 0;
}
.side-menu__item:hover {
background-color: lightgreen;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: absolute;
}
.side-menu__item:hover span {
opacity: 1;
}
@media (min-width: 501px) {
.side-menu__item:hover svg path {
fill: #fff;
}
}
@media (max-width: 500px) {
.side-menu {
display: none;
}
.side-menu__inner:nth-child(1) .side-menu__item:hover,
.side-menu__inner:nth-child(2) .side-menu__item:hover,
.side-menu__inner:nth-child(3) .side-menu__item:hover,
.side-menu__inner:nth-child(4) .side-menu__item:hover,
.side-menu__inner:nth-child(5) .side-menu__item:hover {
background-color: transparent;
left: 0 !important;
}
.side-menu_mobile .side-menu__inner {
width: 50px;
height: 50px;
position: relative;
display: inline-block;
}
.side-menu_mobile {
width: 100%;
display: inline-block;
}
.side-menu_mobile .side-menu__wrapper {
display: flex;
width: 100%;
justify-content: space-around;
}
.side-menu__item {
z-index: 10;
}
.side-menu_mobile .side-menu__wrapper .side-menu__item {
padding-left: 0;
width: 30px;
}
.side-menu_mobile .side-menu__wrapper .side-menu__item span {
display: none;
}
}
.side-menu__trigger {
display: none;
}
@media (min-width: 501px) {
.side-menu {
transform: translateX(100%);
transition: all 0.3s;
}
.side-menu__trigger {
display: block;
width: 62px;
height: 62px;
position: absolute;
border: none;
background: #fff;
cursor: pointer;
bottom: 100%;
right: 100%;
box-shadow: 5px 5px 60px rgb(36 40 43 / 10%);
transition: all 0.3s;
}
.side-menu__trigger svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 22px;
}
.side-menu__trigger svg:first-child {
display: block;
}
.side-menu__trigger svg:last-child {
display: none;
}
.side-menu.is-opened {
transform: translateX(0%);
}
.side-menu.is-opened .side-menu__trigger {
left: 0;
right: auto;
box-shadow: none;
}
.side-menu.is-opened .side-menu__trigger svg:first-child {
display: none;
}
.side-menu.is-opened .side-menu__trigger svg:last-child {
display: block;
}
}
.side-menu.is-desktop-expanded.is-opened {
transform: translateX(100%);
}
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger {
right: 100%;
box-shadow: 5px 5px 60px rgb(36 40 43 / 10%);
left: auto;
}
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger svg:first-child {
display: block;
}
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger svg:last-child {
display: none;
}
@media (min-width: 1600px) {
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger svg:first-child {
display: none;
}
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger svg:last-child {
display: block;
}
.side-menu.is-desktop-expanded.is-opened {
transform: translateX(0%);
}
.side-menu.is-desktop-expanded.is-opened .side-menu__trigger {
left: 0;
right: auto;
box-shadow: none;
}
}
@media (min-width: 501px) and (max-width: 991px) {
.side-menu__trigger {
width: 40px;
height: 40px;
}
.side-menu__wrapper {
width: 40px;
}
.side-menu__inner,
.side-menu__item {
height: 40px;
}
.side-menu__svg {
width: 16px;
}
.side-menu__item {
padding-left: 12px;
}
.side-menu svg {
width: 16px !important;
height: 16px !important;
}
.side-menu svg[style*="width:20px"] {
width: 14px !important;
height: 14px !important;
}
}
@media (max-width: 1599px) {
.side-menu:not(.is-opened) .side-menu__trigger {
width: 30px;
height: 30px;
}
.side-menu:not(.is-opened) .side-menu__trigger svg {
width: 14px;
height: 14px;
}
}
@media (min-width: 1600px) {
.side-menu.is-desktop-expanded {
transform: translateX(0%);
}
.side-menu.is-desktop-expanded .side-menu__trigger {
left: 0;
right: auto;
box-shadow: none;
}
.side-menu.is-desktop-expanded .side-menu__trigger svg:first-child {
display: none;
}
.side-menu.is-desktop-expanded .side-menu__trigger svg:last-child {
display: block;
}
}
/*side menu finish
///////////////////////
///////////////////////
*/
/*menu start*/
#panel:not(:empty) + .body-inner .header:not(.fixed) .menu {
height: calc(100vh - 205px - 39px);
}
.menu {
height: calc(100vh - 205px);
background-color: rgba(52, 60, 75, 0.5);
position: fixed;
top: 200px;
left: 0;
width: 100%;
z-index: 555;
display: none;
}
.header.fixed .menu {
height: calc(100vh - 120px);
}
.menu .wrapper {
height: inherit;
}
.menu__wrapper {
background-color: #f3f3f6;
height: inherit;
overflow: auto;
max-height: 690px;
position: relative;
}
.menu__wrapper::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__wrapper::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.menu__wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__wrapper {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__preloader,
.menu__preloader.html-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.menu__inner-mobile {
display: none;
}
.menu__sections {
width: 320px;
flex: none;
box-sizing: border-box;
padding: 30px 20px;
height: 100%;
user-select: none;
overflow-y: auto;
}
@media (max-width: 1199px) {
.menu__sections {
width: 280px;
}
}
@media (max-width: 991px) {
.menu__sections {
width: 240px;
}
}
.menu__sections::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__sections::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.menu__sections::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__sections {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.wrapper__catalog .menu__sections {
padding-right: 40px;
width: 320px;
}
.wrapper__catalog .menu__section-active,
.wrapper__catalog .menu__section:hover {
background: #fff;
}
.wrapper__catalog .menu__section:hover {
padding-left: 20px;
}
.wrapper__catalog .menu__sections {
padding: 0;
overflow: visible;
height: auto;
}
.wrapper__catalog .menu__section {
padding-left: 0;
}
.wrapper__catalog .menu__section span {
font-size: 18px;
}
.menu__section,
.menu__section_link {
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: transparent;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
cursor: pointer;
border-radius: 8px;
margin-bottom: 9px;
padding: 0 15px;
text-decoration: none;
}
.menu__section span,
.menu__section a,
.menu__section_link span,
.menu__section_link a,
.menu__gift-card {
display: inline-block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.15;
color: #343c4b;
text-decoration: none;
}
.menu__section span,
.menu__section_link span {
margin-left: 15px;
}
.menu__section-active,
.menu__section:hover,
.menu__section_link:hover {
background-color: #fff;
}
main .menu__section-active {
padding-left: 0;
}
.header .menu__section a {
text-decoration: none;
}
.menu__icon {
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu__icon img {
width: auto;
height: auto;
max-width: 23px;
max-height: 100%;
}
.menu__main {
flex: 1;
display: none;
}
.menu__main.active {
display: flex;
}
.menu__main > * {
padding-top: 30px;
padding-bottom: 30px;
box-sizing: border-box;
}
.menu .menu__content {
background: #fff;
flex: 1;
padding: 0;
user-select: none;
}
.wrapper__catalog .menu__content {
width: calc(100% - 320px);
}
.menu__categories::-webkit-scrollbar,
.menu__categories--wrapper::-webkit-scrollbar,
.menu__content::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__categories::-webkit-scrollbar-thumb,
.menu__categories--wrapper::-webkit-scrollbar-thumb,
.menu__content::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #2f69ff;
}
.menu__categories::-webkit-scrollbar-track,
.menu__categories--wrapper::-webkit-scrollbar-track,
.menu__content::-webkit-scrollbar-track {
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__categories,
.menu__categories--wrapper,
.menu__content {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__categories {
height: 100%;
overflow-y: auto;
}
.menu__categories--wrapper {
position: relative;
padding: 20px 0;
}
.menu__categories--inner {
box-sizing: border-box;
padding-left: 30px;
padding-right: 0;
padding-bottom: 15px;
width: 100%;
}
.menu__categories--inner::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__categories--inner::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #2f69ff;
}
.menu__categories--inner::-webkit-scrollbar-track {
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__categories--inner {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__categories--inner-row:not(.is-inited) {
opacity: 0;
visibility: hidden;
}
.menu__content.is-full + .menu__extra {
flex: initial;
user-select: none;
}
.menu__content.is-full + .menu__extra .menu__banner {
flex: 1;
}
.menu__col {
box-sizing: border-box;
width: 50%;
}
@media (min-width: 1200px) {
.menu__content.is-full .menu__col {
width: 33.333%;
}
}
.menu__sub-title {
display: inline-block;
position: relative;
margin-bottom: 18px;
margin-top: 12px;
padding-right: 36px;
}
.menu__sub-title a {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #2f69ff;
text-decoration: none;
}
.menu__item {
padding-bottom: 15px;
padding-right: 36px;
}
.menu__item a {
font-family: "Acrom", "Arial", sans-serif;
font-size: 14px;
line-height: 100%;
text-decoration: none;
transition: all 0.3s;
color: #455067;
}
.menu__item a:hover {
color: #222834;
}
.menu__col-popular {
width: 280px;
box-sizing: border-box;
padding-right: 15px;
padding-left: 25px;
max-height: 450px;
overflow-y: auto;
}
.menu__categories-more {
display: flex;
margin-top: 40px;
font-size: 14px;
align-items: center;
text-decoration: none;
font-weight: bold;
color: #2f69ff;
font-family: "Acrom", "Arial", sans-serif;
transition: opacity 0.3s;
}
.menu__categories-svg {
padding-left: 5px;
width: 20px;
height: 20px;
transition: transform 0.3s;
}
.menu__categories-svg:hover {
transform: translateX(3px);
}
.menu__categories-more:hover {
opacity: 0.8;
}
.menu__col-popular::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__col-popular::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.menu__col-popular::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__col-popular {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__col-popular .menu__sub-title:after {
display: none;
}
.menu__col-popular .menu__sub-title span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #9a9ea5;
}
.menu__extra {
padding: 0 30px;
display: flex;
align-items: flex-start;
max-width: 50%;
flex: 1;
}
.menu__extra::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__extra::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.menu__extra::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__extra {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__brands {
display: flex;
padding: 30px 10px 30px 0;
margin-right: 10px;
max-width: 280px;
height: 100%;
justify-content: space-between;
align-content: flex-start;
flex-wrap: wrap;
flex: 1;
box-sizing: border-box;
overflow-y: auto;
}
.menu__brands::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.menu__brands::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.menu__brands::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.menu__brands {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.menu__all-section {
height: 60px;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
background-color: #fff;
border-radius: 8px;
}
.menu__all-section span {
display: block;
width: 236px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #2f69ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-arrow-blue.png);
background-repeat: no-repeat;
background-position: 100% center;
}
.menu__brands-heading {
margin-bottom: 25px;
color: #343c4b;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
width: 100%;
font-family: "Acrom", "Arial", sans-serif;
}
.menu__brand {
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
margin: 0 4px 8px;
height: 60px;
max-width: calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
background-color: #fff;
box-sizing: border-box;
border-radius: 8px;
overflow: hidden;
transition: opacity .3s;
}
.menu__brand:hover {
opacity: 0.5;
}
.menu__brand img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.menu__banner {
flex: 0 0 50%;
max-width: 250px;
padding: 30px 0;
padding-top: calc(30px + 40px);
height: 100%;
overflow-y: auto;
box-sizing: border-box;
}
.menu__banner-img {
width: 100%;
display: block;
height: auto;
max-height: 100%;
object-fit: cover;
object-position: top;
border-radius: 15px;
}
@media (max-width: 1200px) {
.menu__extra {
align-self: flex-start;
max-width: 220px;
height: 100%;
padding: 30px 20px 22px;
flex-wrap: wrap;
overflow-y: auto;
align-content: flex-start;
}
.menu__brands {
height: auto;
padding: 0;
width: 100%;
flex: initial;
margin-right: 0;
}
.menu__banner {
max-width: none;
flex: initial;
width: 100%;
margin-bottom: 25px;
height: auto;
padding: 0;
order: -1;
}
}
@media (max-width: 1300px) {
.menu__categories--inner {
flex-wrap: wrap;
}
}
@media (max-width: 1000px) {
.menu__wrapper {
padding-top: 0;
padding-bottom: 0;
}
.menu__categories--inner {
flex-wrap: wrap;
width: 100%;
}
.menu__col-popular {
display: none;
}
.menu__inner-mobile {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu .mob-catalog {
width: 100%;
}
.menu .mob-catalog__wrapper {
width: 100%;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.menu .mob-catalog__item {
border-top: 1px solid rgba(52, 60, 75, 0.1);
}
.menu .mob-catalog__item:nth-child(2n + 1) {
border-right: 1px solid rgba(52, 60, 75, 0.1);
}
.menu .mob-catalog__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}
.menu .mob-catalog__image {
width: 75px;
height: 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 15px;
}
.menu .mob-catalog__image img {
width: auto;
height: auto;
max-width: 100%;
}
.menu .mob-catalog__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
padding-left: 13px;
padding-right: 15px;
}
}
@media (max-width: 700px) {
.menu {
display: none !important;
}
}
@media (min-width: 701px) and (max-width: 900px) {
.menu__categories--inner-row {
columns: 1;
}
.menu__extra {
max-width: 180px;
}
.menu__brand {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.is-nav-active {
overflow: hidden;
}
.menu__categories--inner-row:not(.is-inited) {
opacity: 0;
}
@media (min-width: 768px) {
.catalog .menu-catalog-section {
margin-bottom: 40px;
}
}
.menu-catalog-section {
padding-top: 0;
padding-bottom: 0;
margin: 15px 0 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.menu-catalog-section .menu__col {
width: 100%;
}
}
.menu-catalog-section .menu__wrapper {
max-height: none;
background: none;
overflow: visible;
}
.menu-catalog-section .menu__sections {
padding-left: 0;
border-right: 1px solid #f3f3f6;
overflow: visible;
padding-top: 0;
padding-bottom: 0;
height: auto;
}
.menu-catalog-section .menu__content {
flex: 1;
padding-top: 0;
padding-bottom: 0;
}
.menu-catalog-section .menu__extra {
padding-right: 0;
padding-left: 0;
max-width: 45%;
overflow: visible;
}
.menu-catalog-section .menu__section.menu__section-active {
box-shadow: 0 0 40px rgb(54 63 80 / 10%);
padding-left: 15px;
}
.menu__sections .menu__section .menu__gift-card,
.menu__sections .menu__section_link .menu__gift-card,
.menu-mobile-catalog__wrapper .menu__section .menu__gift-card {
display: inline-flex;
padding-left: 60px;
width: 100%;
height: 100%;
align-items: center;
color: white;
background-image: url('/local/templates/globaldrive_new/css/../images/jpg/giftCard.jpg');
background-size: auto;
background-repeat: no-repeat;
border-radius: 8px;
}
.menu-mobile-catalog__wrapper .menu__section .menu__gift-card {
padding-left: 52px;
min-height: 57px;
border-radius: 0;
background-size: cover;
background-image: url('/local/templates/globaldrive_new/css/../images/jpg/giftCardNoBorder.jpg');
}
.menu__sections .menu__section:last-child,
.menu-mobile-catalog__wrapper .menu__section {
padding: 0;
}
.menu-catalog-section .menu__banners {
padding-top: 0;
padding-bottom: 0;
}
.menu-catalog-section .menu__brands {
overflow: visible;
padding-top: 0;
padding-bottom: 0;
margin-right: 15px;
padding-right: 15px;
}
.menu-catalog-section .menu__brand {
box-shadow: 0 0 40px rgb(54 63 80 / 10%);
}
@media (max-width: 1199px) {
.menu-catalog-section .menu__extra {
max-width: 28%;
padding-top: 10px;
}
.menu-catalog-section .menu__brands {
margin-right: 0;
padding-right: 0;
}
}
.menu-catalog-section .is-mob-nav {
display: block;
}
@media (min-width: 768px) {
.menu-catalog-section .is-mob-nav {
display: none;
}
}
@media (max-width: 767px) {
.menu-catalog-section .menu__inner-desktop {
display: none;
}
}
.mob-nav__main {
user-select: none;
}
.sub-menu__top {
user-select: none;
}
.menu-catalog-section .menu-mobile__inner {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.menu-catalog-section .mob-nav__subitem.is-active .mob-nav__panel {
position: absolute;
}
.menu-catalog-section .sub-menu__title {
margin-bottom: 10px;
}
.menu-catalog-section .is-mob-nav .sub-menu__top {
z-index: 3;
}
.menu-catalog-section .mob-nav__subitem {
position: static;
}
.menu-catalog-section .mob-nav__panel {
top: 53px;
}
.menu__section_link:has(.menu__gift-card):hover {
background-color: transparent;
}
.menu__section_link .menu__gift-card {
width: calc(100% + 30px) !important;
margin-left: -15px;
margin-right: -15px;
}
/*menu finish
///////////////////////
///////////////////////
*/
.bottom-menu {
display: none;
}
@media (max-width: 500px) {
.bottom-menu {
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
background-color: #fff;
width: 100%;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.bottom-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 15px;
padding-right: 15px;
height: 60px;
}
.bottom-menu__item {
width: 50px;
text-decoration: none;
text-align: center;
border-bottom: 4px solid transparent;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.bottom-menu__item:hover,
.bottom-menu__item-active {
border-bottom: 4px solid #2f69ff;
}
.bottom-menu__item:hover svg,
.bottom-menu__item-active svg {
stroke: #2f69ff;
}
.bottom-menu__item:hover .bottom-menu__title,
.bottom-menu__item-active .bottom-menu__title {
color: #343c4b;
}
.bottom-menu__image {
text-align: center;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.bottom-menu__title {
font-weight: bold;
font-size: 9px;
line-height: 10px;
color: #3b4a5f;
font-family: Acrom, Arial, sans-serif;
}
.bottom-menu__item .header__link-counter {
top: 5px;
}
}
.bottom-menu__item.js-trigger-catalog .bottom-menu__image {
border-radius: 50%;
background: #2f69ff;
transform: translate(0, -15px) scale(1.5);
box-shadow: 0 0 0 5px #fff;
}
.bottom-menu__item.js-trigger-catalog .bottom-menu__image svg {
transform: scale(0.8);
stroke: none;
fill: #fff;
}
/*menu mobile finish*/
.menu-mobile {
background-color: rgba(52, 60, 75, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99990;
overflow-y: auto;
display: none;
}
.menu-mobile__close {
display: flex;
position: absolute;
flex-direction: column;
width: 30px;
height: 30px;
top: 50%;
left: 18px;
justify-content: center;
z-index: 1;
transform: translateY(-50%);
}
.menu-mobile__close-line {
display: inline-block;
position: absolute;
height: 3px;
width: 100%;
background-color: #fff;
}
.menu-mobile__close-line:first-child {
transform: rotate(45deg);
}
.menu-mobile__close-line:last-child {
transform: rotate(-45deg);
}
.menu-mobile__inner {
/*width: 310px;*/
width: 100%;
background-color: #fff;
min-height: 100%;
}
.menu-mobile__top {
height: 97px;
background-image: url(/local/templates/globaldrive_new/css/../images/pics/menu-mob-user.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
user-select: none;
padding-left: 60px;
}
.menu-mobile__logoutbox {
margin-left: 18px;
display: flex;
justify-content: center;
height: 100%;
align-items: center;
width: 30px;
background-color: #2f69ff;
transition: width 0.2s;
}
.menu-mobile__logoutbox.is-active {
width: 100%;
}
.menu-mobile__logoutlink {
margin-right: 15px;
visibility: hidden;
pointer-events: none;
text-decoration: none;
color: #fff;
opacity: 0;
transition: opacity 0.2s;
padding-left: 10px;
}
.menu-mobile__logoutbox.is-active .menu-mobile__logoutlink {
visibility: visible;
pointer-events: all;
opacity: 1;
}
.menu-mobile__arrow {
content: "";
display: block;
padding: 6px;
width: 1px;
height: 1px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(135deg);
position: absolute;
top: calc(50% - 7px);
right: 3px;
cursor: pointer;
transition: transform 0.5s;
}
.menu-mobile__logoutbox.is-active .menu-mobile__arrow {
transform: rotate(-45deg);
right: 6px;
}
.menu-mobile__image {
width: 42px;
height: 42px;
flex-shrink: 0;
background-color: #2f69ff;
border-radius: 50%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 14px;
margin-left: auto;
}
.menu-mobile__image:after {
content: "";
display: block;
width: 45px;
height: 45px;
border: 1px solid #2f69ff30;
position: absolute;
left: -2px;
top: -2px;
}
.menu-mobile__user {
word-break: break-all;
}
.menu-mobile__name {
margin-right: 12px;
text-decoration: none;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 150%;
color: #fff;
}
.menu-mobile__mail {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 150%;
color: #fff;
}
.menu-mobile__mail.is-hidden,
.menu-mobile__name.is-hidden {
display: none;
}
.menu-mobile__count {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #fff;
width: 18px;
height: 18px;
background-color: #ef3d3d;
text-align: center;
border-radius: 50%;
margin-left: 4px;
}
.menu-mobile__price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #2f69ff;
height: 20px;
padding: 0 8px;
border-radius: 10px;
margin-left: 30px;
background-color: #2f69ff10;
}
.menu-mobile__list {
border-bottom: 1px solid #343c4b15;
user-select: none;
}
.menu-mobile__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 100%;
height: 50px;
color: #343c4b;
text-decoration: none;
position: relative;
}
.menu-mobile__item img,
.menu-mobile__item svg {
margin-left: 18px;
width: 20px;
margin-right: 10px;
}
.menu-mobile__item:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
transform: rotate(-45deg);
position: absolute;
top: calc(50% - 4px);
right: 20px;
}
.menu-mobile__item:nth-child(3) {
color: #ef483d;
}
.menu-mobile__item:nth-child(4) {
color: #924aff;
}
.menu-mobile .phones-menu-m {
padding: 22px 18px;
}
.menu-mobile .phones-menu-m__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
padding-bottom: 18px;
user-select: none;
}
.menu-mobile .phones-menu-m__phone {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
text-decoration: none;
padding-bottom: 2px;
}
.menu-mobile .phones-menu-m__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 10px;
line-height: 12px;
color: #9a9ea5;
padding-bottom: 16px;
}
.menu-mobile .phones-menu-m__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #343c4b;
padding-bottom: 6px;
}
.menu-mobile .phones-menu-m__mail {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #2f69ff;
padding-left: 35px;
text-decoration: underline;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37533 0.333496C1.88702 0.333496 0.666992 1.55352 0.666992 3.04183V10.9585C0.666992 12.4468 1.88702 13.6668 3.37533 13.6668H14.6253C16.1136 13.6668 17.3337 12.4468 17.3337 10.9585V3.04183C17.3337 1.55352 16.1136 0.333496 14.6253 0.333496H3.37533ZM3.37533 1.5835H14.6253C15.4379 1.5835 16.0837 2.2293 16.0837 3.04183V3.50244L9.00033 7.33138L1.91699 3.50244V3.04183C1.91699 2.2293 2.5628 1.5835 3.37533 1.5835ZM1.91699 4.92334L8.70329 8.59196C8.79454 8.64124 8.89662 8.66705 9.00033 8.66705C9.10403 8.66705 9.20611 8.64124 9.29736 8.59196L16.0837 4.92334V10.9585C16.0837 11.771 15.4379 12.4168 14.6253 12.4168H3.37533C2.5628 12.4168 1.91699 11.771 1.91699 10.9585V4.92334Z' fill='%232F69FF'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 center;
background-size: contain;
}
.menu-mobile .phones-menu-m__mail:hover {
text-decoration: none;
}
.menu-mobile .phones-menu-m__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 28px;
padding-bottom: 25px;
}
.menu-mobile .phones-menu-m__social {
width: 32px;
height: 32px;
border: 1px solid #4b576c20;
box-sizing: border-box;
border-radius: 50%;
margin-right: 5px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-mobile .phones-menu-m__order-call {
width: 100%;
height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
user-select: none;
}
.menu-mobile .phones-menu-m__order-call span {
display: inline-block;
padding-left: 25px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-modal-phone.png);
background-repeat: no-repeat;
background-position: 0 center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 22px;
color: #fff;
}
/*@media (max-width: 500px) {
.menu-mobile__inner {
width: 270px;
}
}*/
.menu-mobile-catalog__wrapper {
width: 100%;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.menu-mobile-catalog__item {
border-top: 1px solid rgba(52, 60, 75, 0.1);
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu-mobile-catalog__item:nth-child(2n + 1) {
border-right: 1px solid rgba(52, 60, 75, 0.1);
}
.menu-mobile-catalog__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
width: 100%;
height: 100%;
box-sizing: border-box;
flex-shrink: 0;
}
.menu-mobile-catalog__sub-section {
width: 100%;
height: 100%;
box-sizing: border-box;
flex-shrink: 0;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-burger.png);
background-repeat: no-repeat;
background-position: center 16px;
text-align: center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: #fff;
padding-top: 40px;
background-color: #2f69ff;
}
.menu-mobile-catalog__image {
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
}
.menu-mobile-catalog__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.menu-mobile-catalog__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: normal;
color: #343c4b;
padding-left: 13px;
padding-right: 15px;
width: calc(100% - 55px);
word-wrap: break-word;
}
.menu-mobile-catalog__bottom {
text-align: center;
grid-column: 1 / -1;
}
.menu-mobile-catalog__item.is-hidden {
display: none;
}
.menu-mobile-catalog__more {
background: none;
border: none;
padding: 20px 15px;
text-decoration: none;
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
color: #2f69ff;
position: relative;
cursor: pointer;
display: inline-block;
}
.menu-mobile-catalog__more::after {
content: "";
display: block;
width: 4px;
height: 4px;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s;
}
.menu-mobile-catalog.is-expanded .menu-mobile-catalog__item.is-hidden {
display: block;
}
.menu-mobile-catalog.is-expanded .menu-mobile-catalog__more::after {
transform: rotate(225deg) translateY(50%);
}
.sub-menu {
display: none;
width: 100%;
background-color: #fff;
position: relative;
z-index: 9;
}
.sub-menu__top {
background-color: #2f69ff;
padding: 15px 18px 8px 18px;
}
.sub-menu__title {
display: flex;
position: relative;
margin-bottom: 13px;
align-items: center;
justify-content: space-between;
color: #fff;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
text-align: center;
line-height: 20px;
}
.sub-menu__back,
.sub-menu .sub-section__back,
.sub-menu__prev {
position: relative;
width: 20px;
height: 20px;
order: 1;
}
.sub-menu__back--line,
.sub-menu__prev--line {
display: inline-block;
width: 100%;
height: 3px;
background-color: #fff;
left: 0;
right: 0;
top: 50%;
position: absolute;
}
.sub-menu__back--line:first-child,
.sub-menu__prev--line:first-child {
top: 35%;
left: -10%;
width: 60%;
transform: rotate(-45deg);
}
.sub-menu__back--line:last-child,
.sub-menu__prev--line:last-child {
top: 65%;
left: -10%;
width: 60%;
transform: rotate(45deg);
}
.sub-menu__close {
position: relative;
width: 22px;
height: 20px;
order: 3;
}
.sub-menu__close--line {
display: inline-block;
position: absolute;
width: 100%;
left: 0;
right: 0;
bottom: 50%;
height: 3px;
background-color: #fff;
transform: rotate(-45deg);
}
.sub-menu__close--line:last-child {
transform: rotate(45deg);
}
.sub-menu__search {
width: 100%;
display: flex;
gap: 15px;
align-items: center;
}
.sub-menu__search-input-wrap {
position: relative;
flex: 1;
}
.sub-menu__search-close {
font-weight: 500;
font-size: 14px;
color: #fff;
}
.header__search-clear {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.sub-menu__search input {
outline: none;
border: none;
border-radius: 5px;
background-color: #fff;
height: 36px;
width: 100%;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-search.png);
background-repeat: no-repeat;
background-position: 27px center;
border-radius: 5px;
box-sizing: border-box;
padding-left: 55px;
padding-right: 35px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.menu-mobile-section {
padding-bottom: 70px;
display: none;
}
.menu-mobile-section__wrapper {
padding: 18px;
}
.menu-mobile-section__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
padding-bottom: 18px;
}
.menu-mobile-section__item {
margin-bottom: 8px;
}
.menu-mobile-section__link {
height: 46px;
width: 100%;
background-color: #f3f3f6;
border-radius: 5px;
padding-left: 18px;
padding-right: 18px;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 100%;
color: #343c4b;
text-decoration: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
.menu-mobile-section__link:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
transform: rotate(-45deg);
position: absolute;
top: calc(50% - 4px);
right: 18px;
}
.menu-mobile-section__all {
padding: 18px;
border-top: 1px solid rgba(52, 60, 75, 0.15);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
box-sizing: border-box;
}
.menu-mobile-section__all a {
background-color: #2f69ff;
border-radius: 6px;
height: 46px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #fff;
padding-left: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-arrow-white.png);
background-repeat: no-repeat;
background-position: calc(100% - 18px) center;
padding-right: 35px;
}
.menu-mobile-info__wrapper {
min-height: calc(100vh - 50px);
position: relative;
}
.menu-mobile-info__wrapper:after {
content: "";
display: block;
width: 190px;
height: 110px;
background-image: url(/local/templates/globaldrive_new/css/../images/pics/logo-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
bottom: 75px;
left: calc(50% - 95px);
opacity: 0.2;
}
.menu-mobile-info__item {
border-bottom: 1px solid rgba(52, 60, 75, 0.2);
}
.menu-mobile-info__link {
height: 60px;
width: 100%;
padding-left: 18px;
padding-right: 18px;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
position: relative;
}
.menu-mobile-info__link a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.menu-mobile-info__link:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
transform: rotate(-45deg);
position: absolute;
top: calc(50% - 4px);
right: 18px;
}
/*menu mobile finish
///////////////////////
/*mob-nav start
///////////////////////
*/
.is-mob-nav {
background: #f3f3f6;
}
.mob-nav {
display: block;
line-height: 1.15;
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.mob-nav__item:not(:last-child) {
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.mob-nav__link {
display: flex;
align-items: center;
padding: 20px 35px 20px 15px;
font-weight: 500;
font-size: 14px;
color: #343c4b;
text-decoration: none;
font-family: Acrom, Arial, sans-serif;
position: relative;
transition: all 0.3s;
border-bottom: 1px solid transparent;
}
.mob-nav__link.js-gifts-dropdown-toggle::after {
content: "";
width: 10px;
height: 10px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.13793 0.966807C8.01585 0.844723 7.81814 0.844723 7.69605 0.966807L5.00022 3.66264L2.3046 0.966807C2.18251 0.844723 1.9848 0.844723 1.86272 0.966807L0.508555 2.32097C0.386471 2.44306 0.386471 2.64076 0.508555 2.76285L4.77939 7.03368C4.84022 7.09493 4.92022 7.12535 5.00022 7.12535C5.08022 7.12535 5.16022 7.09493 5.22126 7.03389L9.4921 2.76306C9.61418 2.64097 9.61418 2.44327 9.4921 2.32118L8.13793 0.966807Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.mob-nav__item.is-active .mob-nav__link {
background: #fff;
border-bottom-color: rgba(52, 60, 75, 0.1);
}
.mob-nav__item.is-active .mob-nav__link::after {
transform: translateY(-50%) rotate(-180deg);
}
.mob-nav__link-icon-wrap {
flex: none;
margin-right: 15px;
}
.mob-nav__link .mob-nav__link-icon-wrap.has-skeleton {
background: none;
}
.mob-nav__link-icon-wrap svg,
.mob-nav__link-icon-wrap img,
.mob-nav__link-icon-wrap .menu-mp__svg {
width: 22px;
height: 22px;
}
.mob-nav__link-icon {
width: 22px;
height: auto;
}
.mob-nav__body {
display: none;
padding: 15px 20px 15px 50px;
}
.mob-nav__item.is-active .mob-nav__body {
display: block;
}
.mob-nav__subitem {
position: relative;
}
.mob-nav__subitem.is-hidden {
display: none;
}
.is-expanded .mob-nav__subitem.is-hidden {
display: block;
}
.mob-nav__sublink {
display: block;
text-decoration: none;
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
color: #343c4b;
position: relative;
padding: 8px 0;
}
.mob-nav__sublink.has-items {
padding-right: 20px;
}
.mob-nav__sublink.has-items::after {
content: "";
width: 9px;
height: 9px;
position: absolute;
top: 11px;
right: 1px;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.966563 1.86183C0.844479 1.98391 0.844479 2.18162 0.966563 2.3037L3.6624 4.99954L0.966563 7.69516C0.844479 7.81724 0.844479 8.01495 0.966563 8.13703L2.32073 9.4912C2.44281 9.61328 2.64052 9.61328 2.7626 9.4912L7.03344 5.22037C7.09469 5.15953 7.1251 5.07954 7.1251 4.99954C7.1251 4.91954 7.09469 4.83954 7.03365 4.77849L2.76281 0.507661C2.64073 0.385577 2.44302 0.385577 2.32094 0.507661L0.966563 1.86183Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mob-nav__sublink-trigger {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: none;
border: none;
padding: 0;
min-width: 40px;
z-index: 2;
}
.is-deep-level .mob-nav__sublink-trigger {
pointer-events: none;
}
.mob-nav__more,
.mob-nav__toggle {
font-weight: 500;
font-size: 14px;
color: #2f69ff;
display: block;
text-decoration: none;
font-family: Acrom, Arial, sans-serif;
padding: 8px 0;
cursor: pointer;
}
.mob-nav__toggle {
display: inline-flex;
padding-right: 15px;
position: relative;
border: none;
background: none;
}
.mob-nav__toggle::after {
content: "";
display: block;
width: 4px;
height: 4px;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s;
margin-top: -1px;
}
.is-expanded .mob-nav__toggle::after {
transform: translateY(-50%) rotate(225deg);
margin-top: 1px;
}
.mob-nav__panel {
position: fixed;
left: 0;
top: 56px;
right: 0;
bottom: 0;
background: #f3f3f6;
z-index: 2;
overflow-y: auto;
transition: all 0.3s;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
.mob-nav__subitem.is-active .mob-nav__panel {
opacity: 1;
visibility: visible;
transform: translateX(0%);
}
.mob-nav__categories {
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.mob-nav__category:not(:last-child) > a {
border-bottom: 1px solid rgba(52, 60, 75, 0.1);
}
.mob-nav__category-link {
padding: 15px 20px;
display: block;
font-weight: 500;
font-size: 14px;
color: #343c4b;
font-family: Acrom, Arial, sans-serif;
text-decoration: none;
}
.mob-nav__categories-more {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
color: #343c4b;
text-decoration: none;
padding: 15px 20px;
}
.mob-nav__categories-more-icon-wrap {
flex: none;
margin-right: 15px;
}
.mob-nav__categories-more-icon {
width: 22px;
height: auto;
vertical-align: middle;
}
.mob-nav__brands {
padding: 20px;
}
.mob-nav__brands-heading {
margin-bottom: 15px;
font-weight: 500;
font-size: 12px;
color: #343c4b;
font-family: Acrom, Arial, sans-serif;
opacity: 0.4;
}
.mob-nav__brands-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: 4px;
}
.mob-nav__brand {
position: relative;
background: #fff;
border-radius: 8px;
}
.mob-nav__brand::before {
content: "";
display: block;
padding-top: 56.25%;
}
.mob-nav__brand-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 86%;
height: 86%;
object-fit: contain;
}
.is-mob-nav .sub-menu__prev {
display: none;
}
.is-mob-nav.is-deep-level .sub-menu__back {
display: none;
}
.is-mob-nav.is-deep-level .sub-menu__prev {
display: block;
}
.sub-menu__text {
color: inherit;
order: 2;
}
.sub-menu__prev {
color: #fff;
}
.is-mob-nav .sub-menu__top {
position: sticky;
top: 0;
z-index: 2;
}
.is-mob-nav .sub-menu__text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mob-nav .mob-nav__item.menu__section {
margin-bottom: 0;
}
.mob-nav a.mob-nav__link {
padding: 20px 35px 20px 15px;
display: flex;
font-weight: 500;
font-size: 14px;
color: #343c4b;
width: 100%;
}
/*mob-nav finish
///////////////////////
*/
/*
///////////////////////
*/
/*breadcrumbs start*/
.breadcrumbs {
padding-top: 24px;
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
user-select: none;
}
.breadcrumbs__link {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.breadcrumbs__link img,
.breadcrumbs__link svg {
max-width: 16px;
max-height: 16px;
}
.breadcrumbs__link .breadcrumbs__text {
color: #9a9ea5;
}
.breadcrumbs__link:hover .breadcrumbs__text {
color: #2f69ff;
}
.breadcrumbs__text {
color: #455067;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 20px;
vertical-align: top;
}
.breadcrumbs__devider {
color: #9a9ea5;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 20px;
vertical-align: top;
display: inline-block;
padding-left: 0;
padding-right: 4px;
}
@media (max-width: 500px) {
.breadcrumbs {
padding-top: 16px;
padding-bottom: 10px;
}
.breadcrumbs__item {
padding-bottom: 6px;
}
.breadcrumbs__link img,
.breadcrumbs__link svg {
max-width: 12px;
max-height: 12px;
}
.breadcrumbs__text {
font-size: 12px;
line-height: 14px;
vertical-align: top;
}
.breadcrumbs__devider {
font-size: 12px;
line-height: 14px;
padding-left: 6px;
padding-right: 6px;
}
}
@media (max-width: 767px) {
.breadcrumbs {
white-space: nowrap;
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 8px;
margin-bottom: 5px;
}
}
/*breadcrumbs styles finish
///////////////////////
///////////////////////
*/
.pagination {
padding: 12px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
user-select: none;
}
.pagination__prev,
.pagination__next {
width: 28px;
height: 28px;
border: 1px solid #d7dae0;
border-radius: 50%;
background-color: #fff;
margin: 0 6px;
position: relative;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pagination__prev svg,
.pagination__next svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all .3s;
}
.pagination__prev:hover svg {
left: 40%;
}
.pagination__next:hover svg {
left: 60%;
}
.pagination__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination__item {
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 50%;
color: #343c4b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 6px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
text-decoration: none;
border: 2px solid #fff !important;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pagination__item-active {
background-color: #2f69ff !important;
color: #fff !important;
}
.pagination__item:hover {
background-color: #ececef;
color: #9a9ea5;
-webkit-filter: drop-shadow(3px 3px 20px rgba(64, 64, 64, 0.1));
filter: drop-shadow(3px 3px 20px rgba(64, 64, 64, 0.1));
}
.pagination__devider {
pointer-events: none;
}
@media (max-width: 500px) {
.pagination__prev,
.pagination__next {
margin: 0 3px;
}
.pagination__item {
margin: 0 3px;
font-size: 14px;
}
}
/*catalog common styles start*/
.catalog__title,
.catalog h1 {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-bottom: 5px;
user-select: none;
}
.catalog__title {
margin-bottom: 15px;
}
@media (max-width: 575px) {
.seo-title,
.seo-title-section {
white-space: nowrap;
overflow-x: auto;
padding-bottom: 10px;
user-select: none;
}
}
#mainSectionsSlider .owl-stage {
display: block !important;
}
#mainSectionsSlider .owl-nav {
position: absolute;
top: 1px;
left: 0;
width: 100%;
}
#mainSectionsSlider .owl-nav button {
background-color: #fff;
width: 35px;
height: 35px;
position: absolute;
z-index: 5;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 0 0 8px #fff;
}
#mainSectionsSlider .owl-nav button.disabled {
display: none;
}
#mainSectionsSlider .owl-nav button svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all .3s;
}
#mainSectionsSlider .owl-nav .owl-prev {
left: 0;
}
#mainSectionsSlider .owl-nav .owl-next {
right: 0;
}
.sections-slider .owl-nav button.disabled {
display: none;
}
#mainSectionsSlider .owl-nav button:hover {
color: #2f69ff;
}
#mainSectionsSlider .owl-nav .owl-prev:hover svg {
left: 40%;
}
#mainSectionsSlider .owl-nav .owl-next:hover svg {
left: 60%;
}
#mainSectionsSlider.catalog__sections .owl-stage {
display: block !important;
}
#mainSectionsSlider {
overflow: hidden;
height: 57px;
flex-wrap: nowrap;
}
#mainSectionsSlider:not(.owl-drag) {
opacity: 0;
visibility: hidden;
}
@media (max-width: 600px) {
/*#mainSectionsSlider {
display: none;
}*/
}
#groups-catalog-adaptive {
display: none;
}
@media (max-width: 950px) {
.catalog-actions__tags #groups-catalog-adaptive {
display: block;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
margin-bottom: 15px;
padding-bottom: 15px;
}
/*#mainSectionsSlider {
display: none;
}*/
}
.catalog__sections {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 14px;
}
.catalog__section {
text-decoration: none;
height: 35px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 17px;
border-radius: 18px;
background: rgba(47, 105, 255, 0.1);
border: 1px solid #2f69ff;
margin-right: 8px;
margin-bottom: 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog__section span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog__section:hover,
.catalog__section-active {
background-color: #2f69ff;
}
.catalog__section:hover span,
.catalog__section-active span {
color: #fff;
}
.catalog__wrapper .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.catalog .filter {
width: 255px;
}
@media (min-width: 992px) {
.catalog .filter {
width: 285px;
}
}
.catalog__inner {
width: calc(100% - 270px);
padding-bottom: 30px;
margin-left: 15px;
}
@media (min-width: 992px) {
.catalog__inner {
width: calc(100% - 330px);
margin-left: 45px;
}
}
@media (min-width: 820px) and (max-width: 879px) {
.catalog .catalog-main__credit-svg {
width: 20px;
height: 20px;
}
.catalog-main__meta .catalog-main__condition,
.catalog .catalog-main__comparison {
font-size: 12px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit,
.catalog .catalog-main__old-price {
font-size: 13px;
}
}
.catalog__inner.wide {
margin-left: 0;
width: 100%;
}
.catalog .catalog-actions .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 22px;
}
.catalog .catalog-actions__filter {
box-sizing: border-box;
padding-left: 25px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #455067;
height: 54px;
width: 285px;
background-color: #f3f3f6;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
position: relative;
cursor: pointer;
user-select: none;
}
.catalog-actions__filter-icon {
flex: 0 0 18px;
max-width: 18px;
margin-right: 8px;
}
.catalog .catalog-actions__filter:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
position: absolute;
top: calc(50% - 5px);
right: 24px;
transform: rotate(45deg);
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog .catalog-actions__filter.open:after {
top: calc(50% - 1px);
transform: rotate(225deg);
}
.catalog .catalog-actions__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
overflow: hidden;
width: calc(100% - 633px);
background-color: #f3f3f6;
padding-left: 40px;
padding-right: 40px;
box-sizing: border-box;
border-bottom: none;
border-left: 3px solid #fff;
}
.catalog .catalog-actions__tags-btn {
display: none;
}
.catalog .catalog-actions__tags .owl-nav {
position: absolute;
top: 14px;
}
.catalog .catalog-actions__tags .owl-nav button.owl-prev {
left: 6px;
}
.catalog .catalog-actions__tags .owl-nav button.owl-prev:before {
top: -4px;
right: calc(100% + 2px);
height: 34px;
background: -webkit-gradient(linear,
right top,
left top,
from(#f3f3f6),
to(rgba(243, 243, 246, 0)));
background: linear-gradient(270deg, #f3f3f6 0%, rgba(243, 243, 246, 0) 100%);
transform: none;
}
.catalog .catalog-actions__tags .owl-nav button.owl-next {
right: 6px;
}
.catalog .catalog-actions__tags .owl-nav button.owl-next:before {
top: -4px;
right: calc(100% + 2px);
height: 34px;
background: -webkit-gradient(linear,
right top,
left top,
from(#f3f3f6),
to(rgba(243, 243, 246, 0)));
background: linear-gradient(270deg, #f3f3f6 0%, rgba(243, 243, 246, 0) 100%);
transform: none;
}
.catalog .catalog-actions__tag {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #455067;
padding-left: 16px;
padding-right: 16px;
height: 30px;
border-radius: 15px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
flex-shrink: 0;
margin-right: 8px;
white-space: nowrap;
}
.catalog .catalog-actions .catalog-actions__tag {
margin-bottom: 0;
}
.catalog .catalog-actions__sort {
width: 230px;
position: relative;
background-color: #f3f3f6;
height: 54px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
box-sizing: border-box;
cursor: pointer;
user-select: none;
}
.catalog .catalog-actions__sort-active {
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
padding-left: 22px;
box-sizing: border-box;
position: relative;
border-left: 3px solid #fff;
}
.catalog .catalog-actions__sort-active span {
color: #343c4b;
}
.catalog .catalog-actions__sort-active:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
position: absolute;
top: calc(50% - 5px);
right: 24px;
transform: rotate(45deg);
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog .catalog-actions__sort-active.open {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
}
.catalog .catalog-actions__sort-active.open:after {
transform: rotate(225deg);
top: calc(50% - 2px);
}
.catalog .catalog-actions__sort-list {
display: none;
width: 100%;
box-sizing: border-box;
position: absolute;
top: 100%;
left: 0;
padding: 22px 22px 6px;
background-color: #fff;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #f3f3f6;
z-index: 1000;
}
.catalog .catalog-actions__sort-list li {
padding-bottom: 18px;
}
.catalog .catalog-actions__sort-list li a {
display: inline-block;
width: 100%;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog .catalog-actions__sort-list li a.sort-active {
color: #2f69ff;
font-weight: 700;
}
.catalog .catalog-actions__sort-list li a:hover {
color: #2f69ff;
}
.catalog .catalog-actions__views {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 110px;
height: 54px;
background-color: #f3f3f6;
border-radius: 6px;
margin-left: 8px;
}
.catalog .catalog-actions__view {
width: 54px;
background-repeat: no-repeat;
background-position: center;
box-sizing: border-box;
cursor: pointer;
color: #BBBDC3;
transition: all .3s;
position: relative;
}
.catalog .catalog-actions__view svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.catalog .catalog-actions__view:hover,
.catalog .catalog-actions__view-active {
opacity: 1;
color: #2f69ff;
}
.catalog .catalog-actions__blocks {
border-right: 3px solid #fff;
width: 56px;
}
@media (max-width: 950px) {
.catalog .catalog-actions .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.catalog .catalog-actions__filter {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 100%;
border-radius: 6px;
}
.catalog .catalog-actions__tags {
display: none;
position: absolute;
top: 54px;
left: 15px;
z-index: 20;
background-color: #fff;
width: calc(100% - 30px);
box-sizing: border-box;
height: auto;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #f3f3f6;
padding: 20px;
max-width: calc(40% - 20px);
}
.catalog .catalog-actions .catalog-actions__tags {
display: none !important;
}
.catalog .catalog-actions__tags-btn,
.catalog .catalog-actions__tags-btn-inner {
display: block;
background-color: #f3f3f6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 22px;
box-sizing: border-box;
width: calc(40% - 8px);
border: none;
margin-right: 8px;
margin-bottom: 8px;
border-radius: 6px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #455067;
position: relative;
}
.catalog .catalog-actions__tags-btn:after,
.catalog .catalog-actions__tags-btn-inner:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
position: absolute;
top: calc(50% - 5px);
right: 24px;
transform: rotate(45deg);
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog .catalog-actions__tags-btn.open {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
}
.catalog .catalog-actions__tag {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #455067;
padding-left: 0;
padding-right: 0;
height: auto;
border-radius: 0;
display: block;
background-color: transparent;
margin-right: 0;
white-space: normal;
margin-bottom: 18px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog .catalog-actions__tag:not(:last-child) {
margin-bottom: 7px;
}
.catalog .catalog-actions__tag.sort-active {
color: #2f69ff;
font-weight: 700;
}
.catalog .catalog-actions__sort {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 60%;
border: none;
margin-bottom: 8px;
border-radius: 6px;
}
.catalog .catalog-actions__views {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin: 0;
border-radius: 6px;
display: none;
}
.catalog .catalog-actions__view {
display: block;
margin: 0;
border-radius: 6px;
}
}
@media (max-width: 820px) {
.catalog__wrapper .wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog__sections:not(#mainSectionsSlider) {
display: none;
}
.catalog__inner {
margin-left: 0;
}
.catalog .filter {
width: 100%;
}
.catalog__inner {
width: 100%;
}
}
@media (max-width: 575px) {
.catalog .catalog-actions__tags {
max-width: 50%;
}
}
@media (max-width: 500px) {
.catalog__title,
.catalog h1 {
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
}
.catalog .filter {
display: none;
}
.catalog .catalog-actions .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 22px;
}
.catalog .catalog-actions__filter {
height: 38px;
width: 100%;
padding-left: 14px;
background-position: 10px center;
font-size: 12px;
line-height: 14px;
}
.catalog .catalog-actions__filter:after {
right: 10px;
}
.catalog .catalog-actions__tags {
top: 38px;
margin-left: 0;
margin-right: 0;
overflow: auto;
max-height: 230px;
padding: 15px;
}
.catalog .catalog-actions__tags-btn,
.catalog .catalog-actions__tags-btn-inner {
height: 38px;
padding-left: 14px;
font-size: 12px;
line-height: 14px;
width: calc(45% - 8px);
}
.catalog .catalog-actions__tags-btn:after {
right: 10px;
}
.catalog .catalog-actions__tag {
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.catalog .catalog-actions__sort {
height: 38px;
width: 55%;
}
.catalog .catalog-actions__sort-active {
height: 38px;
padding-left: 14px;
font-size: 10px;
line-height: 12px;
}
.catalog .catalog-actions__sort-active:after {
right: 10px;
}
.catalog .catalog-actions__views {
height: 38px;
width: 76px;
}
.catalog .catalog-actions__view {
height: 38px;
}
}
.catalog-actions__tags-btn-wrap {
position: relative;
padding: 0 15px;
margin-bottom: 40px;
}
@media (min-width: 951px) {
.catalog-actions__tags-btn-wrap {
display: none;
}
}
.catalog-actions__tags-btn-wrap .catalog-actions__tags-btn,
.catalog-actions__tags-btn-wrap .catalog-actions__tags-btn-inner {
margin: 0;
width: 100% !important;
padding: 20px;
gap: 5px;
}
.catalog-actions__tags-btn-wrap .catalog-actions__tags {
max-width: 100%;
}
@media (max-width: 820px) {
.catalog .catalog-actions__filter,
.catalog .catalog-actions__sort {
display: none;
}
.catalog-controls {
display: flex;
gap: 10px;
width: 100%;
}
.catalog-controls__control {
flex: 1;
min-width: 0;
}
.catalog-control {
background: #F3F3F6;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
color: #343C4B;
display: flex;
align-items: center;
gap: 5px;
border: none;
padding: 12px;
}
.catalog-control__icon {
flex: none;
width: 15px;
height: 15px;
}
.catalog-control__arr {
flex: none;
width: 8px;
height: 8px;
margin-left: auto;
}
}
@media (min-width: 821px) {
.catalog-controls {
display: none;
}
}
@media (min-width: 820px) and (max-width: 950px) {
.catalog .catalog-actions__sort,
.catalog .catalog-actions__filter {
width: 49%;
margin: 0;
}
}
.catalog__inner.wide .catalog-main__wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1000px) {
.catalog__inner.wide .catalog-main__wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 650px) {
.catalog__inner.wide .catalog-main__wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
/*catalog common styles finish
///////////////////////
///////////////////////
*/
/*catalog-info styles start*/
.catalog-info {
background-color: #f3f3f6;
}
.catalog-info .wrapper {
padding-top: 65px;
padding-bottom: 40px;
padding-right: 370px;
position: relative;
}
.catalog-info__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-bottom: 36px;
max-width: 650px;
}
.catalog-info__image {
position: absolute;
right: 15px;
top: calc(50% - 160px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 320px;
height: 320px;
pointer-events: none;
}
.catalog-info__list {
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.catalog-info__item {
display: inline-block;
width: 100%;
padding-bottom: 16px;
}
.catalog-info__link {
text-decoration: none;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #343c4b;
opacity: 0.7;
border-bottom: 1px solid transparent;
}
.catalog-info__link:hover {
opacity: 1;
color: #2f69ff;
border-bottom: 1px solid #2f69ff;
}
.catalog-info .show-trigger {
display: none;
}
@media (max-width: 1200px) {
.catalog-info__list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
}
@media (max-width: 820px) {
.catalog-info .wrapper {
padding-top: 35px;
padding-bottom: 30px;
padding-right: 15px;
}
.catalog-info__title {
max-width: none;
}
.catalog-info__image {
position: relative;
right: auto;
top: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 240px;
height: auto;
margin: 0 auto 35px;
}
.catalog-info__image img {
max-width: 100%;
max-height: 100%;
}
.catalog-info__list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
}
@media (max-width: 500px) {
.catalog-info .wrapper {
padding-top: 25px;
}
.catalog-info__image {
width: 130px;
margin-bottom: 25px;
}
.catalog-info__title {
font-size: 18px;
line-height: 22px;
padding-bottom: 18px;
}
.catalog-info__list {
-webkit-columns: unset;
-moz-columns: unset;
columns: unset;
max-height: 220px;
overflow: hidden;
}
.catalog-info__item {
padding-bottom: 8px;
}
.catalog-info__link {
font-size: 12px;
line-height: 100%;
}
.catalog-info .show-trigger {
display: block;
}
.catalog-info .show-trigger:before {
content: "";
background: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(243, 243, 246, 0)),
to(#f3f3f6));
background: linear-gradient(180deg,
rgba(243, 243, 246, 0) 0%,
#f3f3f6 100%);
}
}
/*catalog-info styles finish
///////////////////////
///////////////////////
*/
.catalog-reviews {
background-color: #fff;
padding-top: 51px;
padding-bottom: 51px;
}
.catalog-reviews__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-bottom: 38px;
}
.catalog-reviews__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog-reviews__item {
width: calc(20% - 16px);
}
.catalog-reviews__img {
width: 100%;
border-radius: 12px;
overflow: hidden;
}
.catalog-reviews__img img {
max-width: 100%;
max-height: 100%;
}
.catalog-reviews__name {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #343c4b;
padding-top: 17px;
}
.catalog-reviews__link {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
text-decoration: none;
}
@media (max-width: 1200px) {
.catalog-reviews__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: auto;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
.catalog-reviews__item {
width: 225px;
margin-right: 15px;
flex-shrink: 0;
}
.catalog-reviews__item:first-child {
margin-left: 15px;
}
}
@media (max-width: 500px) {
.catalog-reviews {
padding-top: 35px;
padding-bottom: 35px;
}
.catalog-reviews__title {
font-size: 18px;
line-height: 22px;
}
.catalog-reviews__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: auto;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
.catalog-reviews__item {
width: 172px;
margin-right: 14px;
flex-shrink: 0;
}
.catalog-reviews__item:first-child {
margin-left: 15px;
}
.catalog-reviews__name {
font-size: 14px;
line-height: 100%;
padding-bottom: 4px;
}
.catalog-reviews__link {
font-size: 12px;
line-height: 14px;
}
}
/*catalog-tabs styles start*/
.catalog-tabs {
background-color: #f3f3f6;
}
.catalog-tabs__title {
padding-top: 41px;
padding-bottom: 23px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
user-select: none;
}
.catalog-tabs .info {
padding-top: 0;
}
@media (max-width: 500px) {
.catalog-tabs__title {
padding-top: 22px;
padding-bottom: 18px;
font-size: 18px;
line-height: 22px;
}
}
/*catalog-tabs styles finish
///////////////////////
///////////////////////
*/
/*catalog-tabs styles start*/
.catalog-faq {
padding-top: 45px;
padding-bottom: 45px;
min-height: 250px;
}
.catalog-faq .wrapper {
position: relative;
}
.catalog-faq__image {
display: flex;
position: absolute;
width: 240px;
height: 200px;
right: 15px;
top: 20px;
justify-content: flex-end;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
}
.catalog-faq__image img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.catalog-faq__wrapper {
padding-right: 260px;
}
.catalog-faq__item {
padding-bottom: 35px;
}
.catalog-faq__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-bottom: 25px;
}
.catalog-faq__content {
max-height: 180px;
overflow: hidden;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 120%;
color: rgba(52, 60, 75, 0.8);
}
.catalog-faq__content p {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 120%;
color: rgba(52, 60, 75, 0.8);
padding-bottom: 16px;
}
.catalog-faq__content div {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 120%;
color: rgba(52, 60, 75, 0.8);
}
.catalog-faq__content p:last-child {
padding-bottom: 0;
}
.catalog-faq__content h2 {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 26px;
line-height: 29px;
color: #343c4b;
padding-bottom: 18px;
padding-top: 10px;
}
.catalog-faq__content h3 {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 25px;
color: #343c4b;
padding-bottom: 12px;
padding-top: 10px;
}
.catalog-faq__content ul {
list-style: disc inside;
}
.catalog-faq__content ul li {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 120%;
padding-bottom: 6px;
}
.catalog-faq__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: normal;
color: #343c4b;
padding-bottom: 19px;
padding-left: 50px;
position: relative;
min-height: 36px;
padding-top: 5px;
}
.catalog-faq__sub-title span {
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 36px;
height: 36px;
background: #2f69ff;
border: 2px solid #fff;
border-radius: 50%;
box-sizing: border-box;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff;
position: absolute;
top: 0;
left: 0;
}
.catalog-faq .show-trigger {
padding-top: 10px;
}
@media (max-width: 1200px) {
.catalog-faq__image {
width: 240px;
height: auto;
}
.catalog-faq__wrapper {
padding-right: 280px;
min-height: auto;
}
}
@media (max-width: 820px) {
.catalog-faq {
padding-top: 35px;
padding-bottom: 30px;
}
.catalog-faq__image {
position: relative;
right: auto;
top: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
margin: 0 auto 35px;
}
.catalog-faq__wrapper {
padding-right: 0;
}
}
@media (max-width: 500px) {
.catalog-faq__title {
font-size: 18px;
line-height: 22px;
padding-bottom: 7px;
}
.catalog-faq__content p {
font-size: 12px;
line-height: 120%;
}
.catalog-faq__content div {
font-size: 12px;
line-height: 120%;
}
.catalog-faq__content h2 {
font-size: 18px;
line-height: 22px;
padding-bottom: 7px;
}
.catalog-faq__content h3 {
font-size: 16px;
line-height: 19px;
}
.catalog-faq__content ul li {
font-size: 12px;
line-height: 120%;
padding-bottom: 6px;
}
.catalog-faq__sub-title {
font-size: 14px;
line-height: 120%;
min-height: 28px;
padding-left: 36px;
padding-top: 7px;
padding-bottom: 6px;
}
.catalog-faq__sub-title span {
width: 28px;
height: 28px;
font-size: 14px;
line-height: 17px;
}
}
/*catalog-faq styles finish
///////////////////////
///////////////////////
*/
.filter__block {
background: #fff;
border-radius: 8px;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
margin-bottom: 12px;
box-sizing: border-box;
user-select: none;
}
.filter__block .prop__wrapper:last-child .prop__content {
margin-bottom: 0;
}
.filter__block .prop__title {
position: relative;
margin-bottom: 15px;
color: #455067;
cursor: pointer;
line-height: 19px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__title:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-right: 3px solid #343c4b;
border-bottom: 3px solid #343c4b;
position: absolute;
top: calc(50% - 5px);
right: 0;
transform: rotate(45deg);
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__title:hover {
color: #2f69ff;
}
.filter__block .prop__title:hover:after {
border-color: #2f69ff;
}
.filter__block .prop__title-open:after {
transform: rotate(225deg);
border-color: #9a9ea5;
top: calc(50% - 2px);
}
.filter__block .prop__content {
margin-bottom: 25px;
overflow: auto;
max-height: 165px;
display: none;
}
.filter__block .prop__content::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.filter__block .prop__content::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.filter__block .prop__content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.bx-firefox .filter__block .prop__content {
scrollbar-color: #2f69ff #dcdce9;
scrollbar-width: thin;
}
.filter__block .prop__content.prop__price {
max-height: none;
}
.filter__block .prop__content label {
display: block;
margin-bottom: 10px;
position: relative;
}
.filter__block .prop__content label > span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #455067;
display: inline-block;
padding-left: 26px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-check.png);
background-position: 0 center;
background-repeat: no-repeat;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__content label > span:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg opacity='0.4'%3E%3Crect x='1' y='1' width='16' height='16' rx='3' stroke='%23343C4B' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.82121 10.3709L11.8864 5.43457L13.7272 6.95049L8.10003 13.7834L4.40625 10.5514L5.97653 8.75676L7.82121 10.3709Z' fill='%23343C4B'/%3E%3C/g%3E%3C/svg%3E");
}
.filter__block .prop__content label input {
position: absolute;
z-index: -1;
opacity: 0;
}
.filter__block .prop__content label input:checked + span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='4' fill='%232F69FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.82121 10.3709L11.8864 5.43457L13.7272 6.95049L8.10003 13.7834L4.40625 10.5514L5.97653 8.75676L7.82121 10.3709Z' fill='white'/%3E%3C/svg%3E");
}
.filter__block .prop__content .prop__options {
padding-top: 18px;
}
.filter__block .prop__content .prop__option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 8px;
}
.filter__block .prop__content .prop__option-text {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
color: #455067;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 28px;
}
.filter__block .prop__content .prop__option-text span.open-modal {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-info-light.png);
background-repeat: no-repeat;
background-position: center;
width: 22px;
height: 28px;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.filter__block .prop__content .prop__option-text span.reliable_models {
width: 20px;
height: 26px;
background: none;
}
.filter__block .prop__content .prop__counter {
opacity: 0.7;
font-weight: normal;
}
.filter__block .prop__content .prop__option-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
.filter__block .prop__content .prop__option-input input {
position: absolute;
opacity: 0;
}
.filter__block .prop__content .prop__option-input input:checked + div {
background-color: #1cc789;
}
.filter__block .prop__content .prop__option-input input:checked + div:hover {
background-color: #08b375;
}
.filter__block .prop__content .prop__option-input input:checked + div span {
left: calc(100% - 24px);
}
.filter__block .prop__content .prop__option-input div {
width: 48px;
height: 28px;
background-color: #e2e2ea;
border-radius: 14px;
box-sizing: border-box;
position: relative;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__content .prop__option-input div:hover {
background-color: #ceced6;
}
.filter__block .prop__content .prop__option-input div:before {
content: "";
display: block;
position: absolute;
left: 12px;
top: 8px;
width: 2px;
height: 12px;
background-color: #fff;
z-index: 5;
}
.filter__block .prop__content .prop__option-input div:after {
content: "";
display: block;
position: absolute;
right: 11px;
top: 12px;
width: 4px;
height: 4px;
background-color: #455067;
border-radius: 50%;
opacity: 0.3;
z-index: 5;
}
.filter__block .prop__content .prop__option-input div span {
width: 20px;
height: 20px;
box-sizing: border-box;
padding: 0;
border-radius: 50%;
background-color: #fff;
background-image: none !important;
position: absolute;
top: 4px;
left: 4px;
z-index: 9;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__price {
padding-top: 10px;
}
.filter__block .prop__price-line {
height: 30px;
}
.filter__block .prop__price-line .line {
position: relative;
border-radius: 4px;
background-color: #e2e2ea;
margin: 10px 4px;
}
.filter__block .prop__price-line .line-trigger {
width: 26px;
height: 26px;
box-sizing: border-box;
border: 2px solid #fff;
background-color: #2f69ff;
position: absolute;
-webkit-box-shadow: 2px 2px 7px rgba(36, 40, 43, 0.1);
box-shadow: 2px 2px 7px rgba(36, 40, 43, 0.1);
border-radius: 50%;
top: -10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .prop__price-line .line-trigger:after {
content: "";
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 2px;
left: 2px;
box-sizing: border-box;
border: 3px solid #fff;
background-color: #2f69ff;
border-radius: 50%;
}
.filter__block .prop__price-line .line-trigger__left {
left: 0;
}
.filter__block .prop__price-line .line-trigger__right {
right: 0;
}
.filter__block .prop__price-line .line-trigger:hover {
transform: scale(1.15);
}
.filter__block .prop__price-line .line-active {
height: 8px;
border-radius: 4px;
background-color: #2f69ff;
}
.filter__block .prop__price-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filter__block .prop__price-wrap span {
height: 42px;
color: #e2e2ea;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filter__block .prop__price-wrap input {
width: calc(50% - 9px);
background: #f3f3f6;
border-radius: 6px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #9a9ea5;
border: none;
outline: none;
height: 42px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
}
.filter__block .prop__price-wrap input:focus {
color: #343c4b;
}
.filter__block .prop__search {
background-color: #f3f3f6;
border-radius: 6px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-search.png);
background-repeat: no-repeat;
background-position: 18px center;
margin-bottom: 15px;
width: calc(100% - 12px);
}
.filter__block .prop__search input {
width: 100%;
height: 42px;
padding-left: 50px;
padding-right: 10px;
background-color: transparent;
box-sizing: border-box;
border: none;
outline: none;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.filter__block .filter-consultation__image {
position: relative;
}
.filter__block .filter-consultation__image .video-bg {
max-width: 100%;
height: auto;
}
.filter__block .filter-consultation__image .video-1 {
position: absolute;
bottom: 10px;
left: calc(50% - 40px);
width: 80px;
}
.filter__block .filter-consultation__image .video-2 {
position: absolute;
bottom: 10px;
left: 10px;
width: 20px;
}
.filter__block .filter-consultation__info {
padding: 0 22px 22px;
box-sizing: border-box;
}
.filter__block .filter-consultation__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 100%;
color: #343c4b;
padding-top: 13px;
padding-bottom: 14px;
}
.filter__block .filter-consultation__link {
height: 50px;
width: 100%;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block .filter-consultation__link:hover {
background-color: #2f82ff;
}
.filter__block .filter-consultation__link span {
display: block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #fff;
padding-left: 12px;
}
.filter__mob {
display: none;
}
.filter__tags {
padding: 22px;
}
.filter__tags-wrapper {
overflow: auto;
white-space: nowrap;
}
/* scroll styles */
.filter__tags-wrapper::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.filter__tags-wrapper::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.filter__tags-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.filter__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #455067;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
}
.filter__reset {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 19px;
color: #9a9ea5;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/filter-reset.png);
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 16px;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__reset:hover {
color: #2f69ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/filter-reset-a.png);
}
.filter__tag {
height: 36px;
padding: 0 36px 0 16px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-filter-tag.png);
background-repeat: no-repeat;
background-position: calc(100% - 16px) center;
border: 1px solid #e9e9e9;
box-sizing: border-box;
border-radius: 6px;
margin-bottom: 5px;
margin-right: 5px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__tag span {
color: #9a9ea5;
}
.filter__tag:hover {
border-color: #2f69ff;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-filter-tag-a.png);
}
.filter__block-props {
padding: 22px 22px 0 22px;
}
.filter__block-props .filter-result {
position: sticky;
bottom: 0;
background-color: #fff;
margin-left: -22px;
margin-right: -22px;
padding: 0 22px 22px;
z-index: 20;
}
.filter__block-props .filter-result__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 22px;
position: relative;
margin-top: 20px;
border-top: 1px solid #e1e2e4;
margin-left: -22px;
margin-right: -22px;
}
.filter__block-props .filter-result__count {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 100%;
color: #343c4b;
}
.filter__block-props .filter-result__count span {
font-weight: 700;
}
.filter__block-props .filter-result__submit {
width: 100%;
height: 50px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter__block-props .filter-result__submit:hover {
background-color: #2f82ff;
}
.filter__block-props .filter-result__submit:active {
background-color: #2057e6;
}
@media (max-width: 820px) {
.filter__block-adv {
display: none;
}
.filter .filter__block-videocall {
display: none;
}
}
.filter__block-videocall {
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.filter__block-videocall.is-section {
margin-top: 30px;
margin-bottom: 30px;
}
@media (min-width: 821px) {
.filter__block-videocall.is-section {
display: none;
}
}
@media (max-width: 650px) {
.catalog-main__wrapper .filter__block-adv {
display: block;
grid-column: 1/-1;
text-align: center;
}
}
@media (max-width: 500px) {
.filter {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 99999;
overflow: auto;
}
.filter__block {
-webkit-filter: none;
filter: none;
padding-bottom: 0;
padding-top: 10px;
border-radius: 0;
}
.filter__block .prop__title {
font-size: 14px;
}
.filter__block .prop__content label span {
font-size: 14px;
}
.filter__block .prop__content .prop__option-text {
font-size: 13px;
}
.filter__mob {
display: block;
background-color: #2f69ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 47px;
padding: 0 18px;
}
.filter__mob-title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #fff;
}
.filter__mob-submit {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #fff;
padding-left: 15px;
text-decoration: none;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-filter-submit.png);
background-repeat: no-repeat;
background-position: 0 center;
background-color: transparent;
border: none;
outline: none;
}
.filter__tag {
font-size: 12px;
height: 32px;
}
.filter__block-props {
margin-bottom: 0;
padding-bottom: 0;
}
.filter__block-props .filter-result {
background-color: #fff;
margin-left: -22px;
margin-right: -22px;
padding: 0 22px 22px;
z-index: 20;
}
.filter__block-props .filter-result__submit {
font-size: 14px;
}
}
.filter .prop__wrapper {
position: relative;
}
.filter .prop__wrapper {
padding-top: 15px;
}
.filter .prop__wrapper::after {
content: "";
position: absolute;
left: -22px;
right: -22px;
top: -1px;
border-top: 1px solid #f0f0f0;
}
.filter .filter__block-props > .prop__wrapper:first-child {
padding-top: 0;
}
.filter .filter__block-props > .prop__wrapper:first-child::after {
display: none;
}
.filter input:not([class*="btn"])::placeholder {
color: #9a9ea5;
}
.filter input:not([class*="btn"]) {
color: #343c4b !important;
}
/*catalog-block styles start*/
.catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(5, minmax(0, 1fr));
padding-bottom: 0;
padding-top: 0;
}
.catalog-list .catalog-main__more,
.catalog-block .catalog-main__more {
display: flex;
height: 70px;
width: 100%;
gap: 10px;
margin-bottom: 20px;
padding-left: 0;
color: #2f69ff;
background-color: #fff;
justify-content: center;
align-items: center;
line-height: 100%;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
border: 1px solid #e9e9e9;
border-radius: 8px;
transition: 0.3s;
}
.catalog-list .catalog-main__more span,
.catalog-block .catalog-main__more span {
color: inherit;
}
.catalog-list .catalog-main__more:hover,
.catalog-block .catalog-main__more:hover {
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
border-color: transparent;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
}
.catalog-list .catalog-main__more .catalog-main__more-text,
.catalog-block .catalog-main__more .catalog-main__more-text {
position: relative;
left: auto;
top: auto;
width: 30px;
height: 30px;
background-color: transparent;
}
@media (max-width: 1500px) {
.catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1200px) {
.catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1000px) {
.catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-bottom: 0;
padding-top: 0;
}
}
@media (max-width: 650px) {
.catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
padding-bottom: 0;
padding-top: 0;
}
.catalog-block .catalog-main__more {
height: 58px;
font-size: 14px;
}
.catalog-block .catalog-main__more .catalog-main__more-text {
width: 18px;
height: 18px;
}
}
@media (max-width: 575px) {
.catalog .catalog-main__hover.is-redesign .catalog-main__meta {
flex-direction: row;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__comparison {
background-size: 10px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__discount {
box-sizing: border-box;
width: 40px;
font-size: 11px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__condition,
.catalog .catalog-main__hover.is-redesign .catalog-main__comparison {
font-size: 12px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__fast-buy,
.catalog .catalog-main__hover.is-redesign .retail_add2basket,
.catalog.similar-products.is-redesign .catalog-main__hover.is-redesign .retail_add2basket {
flex-basis: 50%;
width: 100%;
min-width: 0;
height: 50px;
box-sizing: border-box;
}
.catalog .catalog-main__hover.is-redesign .bx-catalog-subscribe-button {
height: 50px;
border-radius: 6px;
}
.catalog .catalog-main__hover.is-redesign .retail_add2basket,
.catalog.similar-products.is-redesign .catalog-main__hover.is-redesign .retail_add2basket {
color: #fff;
background-color: #2f69ff;
border: none;
}
.catalog .catalog-main__hover.is-redesign .retail_add2basket > span {
display: block;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit {
min-height: 50px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit-text {
font-size: 12px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit-span {
font-size: 15px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit-svg {
width: 20px;
height: 20px;
}
}
.catalog .catalog-main__hover.is-redesign .catalog-main__price-caption {
display: none;
}
@media (max-width: 650px) {
.catalog .catalog-block .catalog-main__wrapper {
grid-template-columns: minmax(0, 1fr) !important;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__image {
height: 200px;
}
.catalog .catalog-main__hover.is-redesign .star-voted-svg,
.catalog .catalog-main__hover.is-redesign .star-empty-svg {
width: 14px;
height: 14px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__reviews {
font-size: 12px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__title {
font-size: 16px;
line-height: 19px;
height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 10px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__meta {
align-items: center;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__condition,
.catalog .catalog-main__hover.is-redesign .catalog-main__comparison {
font-size: 13px;
padding-left: 25px;
background-size: 15px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__condition {
padding-left: 20px;
position: relative;
margin: 0;
box-sizing: border-box;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__condition-svg {
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.catalog .catalog-main__hover.is-redesign .catalog-main__price-caption {
margin-bottom: 10px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__prices {
margin-bottom: 0;
}
.catalog .catalog-main__wrapper .catalog-main__price {
padding-top: 15px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__old-price {
font-size: 16px;
margin-bottom: 5px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__discount {
width: 45px;
font-size: 12px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__cur-price {
font-size: 24px;
line-height: 30px;
}
.catalog .catalog-main__hover.is-redesign .product-item-button-container {
margin-top: 15px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__fast-buy,
.catalog .catalog-main__hover.is-redesign .retail_add2basket span,
.catalog .catalog-main__hover.is-redesign .bx-catalog-subscribe-button,
.catalog-main__hover.is-redesign .desktopButton {
font-size: 16px;
font-weight: bold;
}
.catalog .catalog-main__hover.is-redesign .retail_add2basket-svg {
width: 18px;
height: 18px;
}
.catalog .catalog-main__hover.is-redesign .catalog-main__credit {
padding: 10px;
order: 0;
flex-basis: 50%;
min-height: 50px;
}
.catalog .catalog-main__hover.is-redesign .product-discount-offer .markdown {
padding: 10px;
}
}
.catalog .catalog-main__hover.is-redesign .catalog-main__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px;
}
/*catalog-block styles finish
///////////////////////
///////////////////////
*/
/*catalog-list styles start*/
.catalog-list {
display: none;
}
.catalog-list .catalog-main__more {
display: flex;
width: 100%;
height: 70px;
margin-bottom: 20px;
padding-left: 0;
color: #2f69ff;
background-color: #fff;
justify-content: center;
align-items: center;
line-height: 100%;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
border-radius: 8px;
border: 1px solid #e9e9e9;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.catalog-list .catalog-main__more:hover {
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
border-color: transparent;
}
.catalog-list .catalog-main__more .catalog-main__more-text {
position: relative;
left: auto;
top: auto;
width: 30px;
height: 30px;
background-color: transparent;
}
.catalog-list__item {
border-bottom: 1px solid rgba(40, 45, 55, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
padding-top: 20px;
}
.catalog-list__item .catalog-list__image {
position: relative;
}
.catalog-list__item .catalog-main__fast-buy {
max-width: none;
font-size: 14px;
}
.catalog-list__stickers {
width: 52px;
user-select: none;
}
.catalog-list__stickers img {
margin-bottom: 3px;
}
.catalog-list__image {
width: 180px;
height: 180px;
margin-right: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px;
user-select: none;
box-sizing: border-box;
}
.catalog-list__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.catalog-list__image img.horizontal_img {
max-width: 100%;
max-height: 175px;
width: auto;
height: auto;
}
.catalog-list__info {
width: calc(100% - 480px);
}
.catalog-list__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
user-select: none;
}
.catalog-list__top > .iblock-vote {
display: inline-flex !important;
align-items: center;
margin-right: 8px;
}
.catalog-list__top > div,
.catalog-list__top > a {
margin-bottom: 6px;
display: flex;
align-items: center;
justify-content: center;
line-height: 28px;
height: 28px;
vertical-align: top;
}
.catalog-list__reviews {
margin-right: 16px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #343c4b;
white-space: nowrap;
}
.catalog-list__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
text-decoration: none;
padding-top: 7px;
padding-bottom: 13px;
display: block;
}
.catalog-list__props ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
max-width: 460px;
padding-bottom: 13px;
}
.catalog-list__props ul li {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #9a9ea5;
padding-right: 22px;
padding-bottom: 5px;
}
.catalog-list__props ul li span {
color: #343c4b;
}
.catalog-list__guaranty {
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 36px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-shield.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 32px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #9a9ea5;
padding-left: 43px;
margin-right: 35px;
vertical-align: top;
user-select: none;
position: relative;
}
.catalog-list__guaranty:after {
content: attr(data-num);
display: block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 17px;
color: #fff;
position: absolute;
left: 8px;
top: 8px;
width: 17px;
height: 17px;
text-align: center;
}
.catalog-list__guaranty span {
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
display: block;
}
.catalog-list__basket {
height: 42px;
padding: 0 22px 0 48px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-basket-a.png);
background-repeat: no-repeat;
background-position: 18px center;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #fff;
white-space: nowrap;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 17px;
text-decoration: none;
cursor: pointer;
}
.catalog-list__basket:hover {
background-color: #2f82ff;
}
.catalog-list__basket:active {
background-color: #2057e6;
}
.catalog-list__actions {
width: 200px;
text-align: right;
}
.catalog-list__customers-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 12px;
user-select: none;
}
.catalog-list__customers-rating .customers-rating__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #9a9ea5;
width: calc(100% - 46px);
}
.catalog-list__customers-rating .customers-rating__text span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #343c4b;
display: block;
padding-bottom: 5px;
white-space: nowrap;
}
.catalog-list__customers-rating .customers-rating__count {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
width: 36px;
height: 36px;
border-radius: 10px;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
background-color: #e1e1e1;
}
.catalog-list__customers-rating .customers-rating__count.excelent {
background-color: #20bd56;
}
.catalog-list__customers-rating .customers-rating__count.good {
background-color: #ffd600;
}
.catalog-list__customers-rating .customers-rating__count.normal {
background-color: #ff7a00;
}
.catalog-list__customers-rating .customers-rating__count.bad {
background-color: #ef483d;
}
.catalog-list .catalog-main__wrapper {
display: block;
width: 100%;
margin-bottom: 20px;
}
.catalog-list .catalog-main__condition {
margin-right: 16px;
white-space: nowrap;
justify-content: start;
}
.catalog-list .catalog-main__stars {
margin-right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.catalog-list .catalog-main__options {
position: relative;
top: auto;
right: auto;
opacity: 1;
white-space: nowrap;
/*padding-left: 10px;*/
width: 100%;
justify-content: flex-start;
}
.catalog-list .catalog-main__options > div {
display: flex;
width: 30px;
height: 30px;
margin-right: 5px;
margin-bottom: 0;
align-items: center;
justify-content: center;
border-radius: 7px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.catalog-list .catalog-main__options > .catalog-main__service {
width: 45px;
}
.catalog-list .catalog-main__credit {
width: 200px;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
vertical-align: top;
}
.catalog-list .catalog-main__price {
padding-right: 0;
justify-content: flex-end;
}
@media (max-width: 1300px) {
.catalog-list__props ul {
-webkit-columns: unset;
-moz-columns: unset;
columns: unset;
max-width: 100%;
}
}
@media (max-width: 1100px) {
.catalog-list__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-list__item > div {
width: 100% !important;
}
.catalog-list__actions {
text-align: left;
}
.catalog-list__customers-rating {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 950px) {
.catalog-list {
display: none;
}
}
@media (max-width: 819px) {
.catalog-list .catalog-main__price {
justify-content: flex-start;
}
}
.catalog-list .bx-catalog-subscribe-button {
height: 42px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 17px;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.catalog-list__item .catalog-main__offers-btn {
margin-top: 10px;
font-size: 11px;
border-radius: 10px;
padding-top: 11px;
padding-bottom: 11px;
font-weight: 500;
}
@media (min-width: 500px) {
.catalog-list__item .catalog-main__offers-btn {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
}
/*catalog-list styles finish
///////////////////////
///////////////////////
*/
/*card styles start*/
.card__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
color: #343c4b;
padding-bottom: 28px;
font-size: 28px;
line-height: 34px;
}
@media (max-width: 500px) {
.card-top__header .card__title {
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
}
}
.card-top__actions {
display: flex;
gap: 5px;
vertical-align: top;
padding-left: 15px;
}
.card-top__actions > span,
.card-top__actions > a,
.card-top__actions > div {
display: flex;
width: 34px;
height: 34px;
justify-content: center;
align-items: center;
background-color: #fff;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.card-top__actions-mobile {
display: none;
}
.card-top .card-top__actions .card-info__guarantee {
padding-left: 35px;
}
.card-top .card-top__actions .card-info__guarantee::after {
line-height: 12px;
}
.card-top .card-top__actions .card-top__action-item.is-price-less {
border: none;
color: #0CB97A;
}
.card-top .card-top__actions .card-top__action-item.is-price-less > .less-price__icon {
fill: #0CB97A;
}
.card-top .card-top__actions .card-top__action-item.is-price-less:hover .card-info__less-price-wrap {
opacity: 1;
visibility: visible;
}
.card-top .card-top__actions .card-top__action-item.is-price-less .card-info__less-price-wrap {
position: absolute;
top: 100%;
transform: translate3d(-50%, .5rem, 0);
opacity: 0;
visibility: hidden;
transition: opactiy .5s ease-in-out;
z-index: 111;
margin: 0;
}
.card-top .card-top__actions .card-top__action-item.is-price-less .card-info__less-price-wrap::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 1rem;
}
.card-top .card-top__actions .card-top__action-item.is-price-less .less-price__icon-wrap {
position: relative;
}
.card-top .card-top__actions .card-top__action-item.is-price-less .less-price__icon-wrap .less-price__icon {
fill: #0CB97A;
}
.card-top .card-top__actions .card-top__action-item.is-price-less .less-price::after {
transform: none;
}
.card-top__favorites:hover,
.card-top__favorites-active,
.card-top__favorites.retail_wish_list-active {
background-color: #fcb809;
border-color: #fcb809;
}
.card-top__favorites.retail_wish_list-active svg,
.card-top__compare.retail_compare-active svg {
color: #fff;
}
.card-top__compare:hover,
.card-top__compare-active {
background-color: #924aff;
border-color: #924aff;
}
.retail_compare.retail_compare-active {
background-color: #924aff;
border-color: #924aff;
}
.card-top__print:hover {
background-color: #2f69ff;
border-color: #2f69ff;
}
.modal-fastView-content .card-top__compare-active {
background-color: #924aff;
border-color: #924aff;
}
.modal-fastView-content .card-top__favorites-active {
background-color: #fcb809;
border-color: #fcb809;
}
.modal-fastView-content .card-top__print:active {
background-color: #2f69ff;
border-color: #2f69ff;
}
.modal-fastView-content .card-top__print:active .card-top__print-svg,
.modal-fastView-content .card-top__print:hover .card-top__print-svg,
.modal-fastView-content .card-top__compare:hover .card-top__compare-svg,
.modal-fastView-content .card-top__compare-active .card-top__compare-svg,
.modal-fastView-content .card-top__favorites:hover .card-top__favorites-svg,
.modal-fastView-content .card-top__favorites-active .card-top__favorites-svg,
.modal-fastView-content .card-top__share:hover .card-top__share-trigger svg {
color: white;
}
@media (max-width: 420px) {
.modal-fastView-content .card-top__installment .decor-installment::after {
display: none;
}
}
.card-top__share {
width: 34px;
height: 34px;
display: inline-flex;
background-color: #fff;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
vertical-align: top;
position: relative;
}
.card-top__share .card-top__share-trigger svg {
fill: #858a93;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.card-top__share:hover {
border-color: #2f69ff;
background-color: #2f69ff;
}
.card-top__share:hover .card-top__share-trigger svg {
fill: #fff;
}
.card-top__share.is-active .card-top__share-trigger {
border-color: #2f69ff;
}
.card-top__share.is-active .card-top__share-trigger {
fill: #2f69ff;
}
.card-top__share.is-active .card-top__share-dropdown {
opacity: 1;
visibility: visible;
}
.card-top__share-trigger {
margin: auto;
position: relative;
width: 100%;
height: 100%;
}
.card-top__share-dropdown {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 20px);
min-width: 200px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
z-index: 11;
}
.card-top__share-dropdown::before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #eee;
border-left: none;
border-bottom: none;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%) rotate(-45deg);
background: #fff;
}
.card-top__share-dropdown::after {
content: "";
position: absolute;
width: 100%;
height: 23px;
top: 0;
transform: translateY(-100%);
}
.card-top__share-list {
background: #fff;
padding: 10px 0;
border: 1px solid #eee;
font-size: 13px;
border-radius: 7px;
font-weight: 500;
font-family: Acrom, Arial, sans-serif;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.card-top__share-link {
display: flex;
text-decoration: none;
padding: 7px 15px;
text-align: left;
cursor: pointer;
transition: all 0.3s;
border: none;
background: none;
width: 100%;
align-items: center;
}
.card-top__share-link:hover {
background: #2f69ff15;
}
.card-top__share-link-icon {
flex: 0 0 20px;
height: 20px;
margin-right: 8px;
}
.card-top__action-item {
width: 34px;
height: 34px;
display: inline-flex;
background-color: #fff;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
vertical-align: top;
position: relative;
cursor: pointer;
}
.card-top__action-item svg {
fill: #858a93;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.card-top__action-item.retail_compare-active svg {
color: #fff;
}
.card-top__action-item:hover {
border-color: #2f69ff;
}
@media (min-width: 651px) {
.card-top__action-item [data-trigger] {
display: none;
}
}
@media (max-width: 650px) {
.card-top__action-item [data-tab] {
display: none;
}
}
@media (max-width: 1100px) {
.card-top__action-item:not(:first-child) {
margin-top: 8px;
}
}
.card-top__wrapper {
display: flex;
}
.card-top__image {
width: 570px;
user-select: none;
}
.card-top__picture {
display: flex;
}
.card-top__picture .picture-sm {
width: 80px;
height: 420px;
overflow-y: auto;
overflow-x: hidden;
}
.bx-firefox .card-top__picture .picture-sm {
scrollbar-color: #2f69ff #dcdce9;
scrollbar-width: thin;
}
.card-top__picture .picture-sm::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.card-top__picture .picture-sm::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.card-top__picture .picture-sm::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.card-top__picture .picture-sm__item {
width: 70px;
height: 70px;
margin-bottom: 3px;
padding: 2px;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #d7dae0;
border-radius: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.3s;
}
.card-top__picture .picture-sm__item:hover,
.card-top__picture .picture-sm__item.active {
border-color: #2f69ff;
}
.card-top__picture .picture-lg {
width: calc(100% - 96px);
position: relative;
margin-left: 16px;
}
.card-top__picture .picture-lg .card-info__brand {
padding: 0;
position: absolute;
left: 0;
top: 35px;
display: flex;
}
.card-top__picture .picture-lg .picture-lg__stickers:empty ~ .card-info__brand {
top: 0;
}
.card-top__picture .picture-lg__options {
position: absolute;
bottom: 30px;
left: 0;
z-index: 9;
user-select: none;
}
.card-top__picture .picture-lg__options > div {
text-align: center;
margin-top: 12px;
width: 62px;
}
.card-top__picture .picture-lg__options > div img {
max-width: 26px;
width: auto;
height: auto;
margin-bottom: 4px;
}
.card-top__picture .picture-lg__options > div p {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #9a9ea5;
}
.picture-lg__options-video {
cursor: pointer;
}
.card-top__picture .picture-lg__stickers {
position: absolute;
left: 0;
top: 0;
z-index: 9;
text-align: center;
user-select: none;
}
.card-top__picture .picture-lg__stickers img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.card-top__picture .picture-lg__inner {
overflow: hidden;
position: relative;
height: 420px;
}
.card-top__picture .picture-lg__item {
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
box-sizing: border-box;
width: 100%;
height: 420px;
}
.card-top__picture .picture-lg__item img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.card-top__picture img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-top__info {
width: calc(100% - 905px);
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px;
padding-top: 25px;
}
@media (min-width: 1401px) {
.card-top__info {
padding-top: 0;
}
}
.card-top__delivery-payment {
width: 335px;
}
.card-top__delivery-payment .delivery-payment__inner {
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
padding: 25px 22px 22px;
box-sizing: border-box;
}
.card-top__delivery-payment .delivery__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.card-top__delivery-payment .payment__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.card-top__delivery-payment .delivery__title svg,
.card-top__delivery-payment .payment__title svg {
margin-right: 10px;
flex: none;
}
.card-top__delivery-payment .delivery-payment__list {
padding-bottom: 26px;
}
.card-top__delivery-payment .delivery-payment__item {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
opacity: 0.7;
margin-bottom: 3px;
display: flex;
justify-content: space-between;
position: relative;
}
.card-top__delivery-payment .delivery-payment__item span {
background-color: #fff;
display: inline-block;
position: relative;
z-index: 1;
}
.card-top__delivery-payment .delivery-payment__item span:nth-child(1) {
padding-right: 3px;
}
.card-top__delivery-payment .delivery-payment__item span:nth-child(2) {
padding-left: 3px;
}
.card-top__delivery-payment .delivery-payment__item span.yes {
padding-left: 12px;
}
.card-top__delivery-payment .delivery-payment__item span.yes:before {
content: "";
display: block;
width: 6px;
height: 6px;
box-sizing: border-box;
border-radius: 50%;
background-color: #1ccf59;
position: absolute;
top: calc(50% - 3px);
left: 3px;
}
.card-top__delivery-payment .delivery-payment__item:before {
content: "";
display: block;
width: 100%;
position: absolute;
top: calc(50% - 1px);
left: 0;
opacity: 0.3;
border-bottom: 2px dotted #343c4b;
z-index: 0;
}
.card-top__delivery-payment .credit__item {
height: 46px;
background: #f3f3f6;
border-radius: 6px;
margin-bottom: 8px;
padding: 5px 14px;
display: flex;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}
.card-top__delivery-payment .credit__image {
width: 85px;
display: flex;
justify-content: center;
align-items: center;
}
.card-top__delivery-payment .credit__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-top__delivery-payment .credit__text {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #343c4b;
padding-left: 12px;
}
.card-top__delivery-payment .credit__text span {
color: #2f69ff;
border-bottom: 1px solid #2f69ff;
transition: 0.3s;
}
.card-top__delivery-payment .credit__text span:hover {
border-bottom: 1px solid transparent;
}
.card-top__delivery-payment .markdown {
background: #924aff;
border-radius: 6px;
padding: 6px 18px;
display: flex;
justify-content: space-between;
align-items: center;
height: 46px;
margin-bottom: 18px;
cursor: pointer;
}
.card-top__delivery-payment .markdown__text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #fff;
max-width: 105px;
}
.card-top__delivery-payment .markdown__old-price {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-decoration: line-through;
color: #fff;
}
.card-top__delivery-payment .markdown__cur-price {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #fff613;
}
.card-top__delivery-payment .markdown__percent {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 11px;
line-height: 100%;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-label.png);
background-repeat: no-repeat;
background-position: 0 center;
width: 35px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 7px;
box-sizing: border-box;
}
.card-top__delivery-payment .promo-slider {
overflow: hidden;
}
.card-top__delivery-payment .pre-order {
padding-left: 40px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-percent.png);
background-repeat: no-repeat;
background-position: 0 center;
min-height: 30px;
}
.card-top__delivery-payment .pre-order a {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
color: #2f69ff;
padding-top: 3px;
display: inline-block;
text-decoration: none;
border-bottom: 1px solid #2f69ff;
transition: 0.3s;
}
.card-top__delivery-payment .pre-order a:hover {
border-color: transparent;
}
.promo-slider .pre-order:not(:first-child) {
margin-top: 20px;
}
.promo-slider__bottom {
margin-top: 15px;
}
@media (min-width: 1400px) {
.promo-slider__bottom {
text-align: center;
}
}
.promo-slider__more {
text-decoration: none;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
color: #2f69ff;
position: relative;
padding-right: 15px;
cursor: pointer;
}
.promo-slider__more::after {
content: "";
display: block;
width: 4px;
height: 4px;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s;
}
.promo-slider__more:hover {
text-decoration: underline;
}
.promo-slider.is-cropped .pre-order:nth-child(n + 3) {
display: none;
}
.promo-slider.is-cropped.has-gifts .pre-order:nth-child(n + 2) {
display: none;
}
@media (min-width: 1401px) {
.card-top__delivery-payment {
position: relative;
z-index: 101;
}
.card-top__delivery-payment .promo-slider {
position: relative;
overflow: visible;
min-height: 50px;
}
.card-top__delivery-payment .promo-slider__main {
position: absolute;
left: -22px;
right: -22px;
padding: 0 22px 22px;
top: 0;
background: #fff;
border-radius: 0 0 8px 8px;
box-shadow: 5px 5px 30px rgb(36 40 43 / 5%);
z-index: 2;
}
}
.card-top .card-info__additional {
padding-top: 35px;
user-select: none;
}
.card-top .card-info__additional > div {
height: 32px;
border-radius: 16px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
margin-right: 8px;
padding: 4px 14px;
background-repeat: no-repeat;
background-position: 13px center;
display: inline-flex;
align-items: center;
box-sizing: border-box;
}
.card-top .card-info__additional > div svg {
margin-right: 5px;
flex: none;
}
.card-top .card-info__views {
color: #9a9ea5;
background-color: #f3f3f6;
}
.card-top .card-info__buyers {
color: #2f69ff;
background-color: rgba(47, 105, 255, 0.15);
}
.card-top .card-info__props {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-top .card-info__article {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #9a9ea5;
padding-bottom: 2px;
}
.card-top .card-info__article span {
color: #343c4b;
display: inline-block;
padding-left: 5px;
vertical-align: top;
}
.card-top .card-info__availability {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
white-space: nowrap;
display: flex;
align-items: center;
}
.card-top .card-info__availability svg {
margin-right: 10px;
}
.card-top .card-info__guarantee {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
padding-bottom: 3px;
padding-left: 40px;
position: relative;
}
@media (max-width: 450px) {
.card-top .card-info__guarantee {
background-position: 0 1px;
}
}
.card-top .card-info__guarantee:after {
content: attr(data-num);
display: block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #fff;
position: absolute;
left: 9px;
top: 11px;
width: 17px;
height: 17px;
text-align: center;
}
@media (max-width: 650px) {
.card-top .card-info__guarantee:after {
font-size: 12px;
top: 6px;
font-weight: 700;
}
}
.card-top .card-info__guarantee-shield {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.card-top .card-info__guarantee span {
display: block;
font-size: 18px;
line-height: 20px;
font-weight: 700;
color: #2f69ff;
}
.card-info__brand {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 33px;
padding-bottom: 28px;
}
.card-info__brand-mobile {
display: none;
}
.card-info__brand .brand__img-wrapper {
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
width: 135px;
height: 65px;
box-sizing: border-box;
padding: 5px 10px;
display: flex;
justify-content: center;
align-items: center;
}
.card-info__brand .brand__img-wrapper img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-info__brand .brand__info {
padding-left: 23px;
}
.card-info__brand .brand__name {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
}
.card-info__brand .brand__link {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
transition: 0.3s;
text-decoration: none;
}
.card-top .card-info__skill .card-skill {
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #f3f3f6;
border: 2px solid #f3f3f6;
box-sizing: border-box;
border-radius: 6px;
min-height: 75px;
padding: 12px 45px 12px 22px;
position: relative;
margin-bottom: 35px;
margin-top: 10px;
}
.card-info__skill {
user-select: none;
}
.card-top .card-info__skill .card-skill__image {
margin-right: 18px;
}
.circle {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f3f3f6;
}
.central-circle {
position: absolute;
width: 50%;
height: 50%;
left: 50%;
top: 49%;
border-radius: 50%;
background-color: #f9f9fa;
border: 1.5px solid white;
text-align: center;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 17px;
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
transform: translate(-50%, -50%);
}
.central-circle-text {
display: inline-block;
}
.circle-fraction {
position: absolute;
width: 100%;
height: 100%;
color: #CFCFD4;
}
.circle-fraction-level1 .fraction-arc:last-child {
stroke: #02C92D;
}
.circle-fraction-level2 .fraction-arc:nth-child(3),
.circle-fraction-level2 .fraction-arc:nth-child(4) {
stroke: #FACA21;
}
.circle-fraction-level3 .fraction-arc:not(:first-child) {
stroke: #FF7020;
}
.circle-fraction-level4 .fraction-arc {
stroke: #FF2020;
}
.card-top .card-info__skill .card-skill__info p {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
}
.card-top .card-info__skill .card-skill__info span {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
.card-top .card-info__skill .card-skill__hint {
position: absolute;
right: 22px;
top: calc(50% - 11px);
cursor: pointer;
}
.card-top .card-info__skill .card-skill__hint span {
display: inline-block;
width: 22px;
height: 22px;
}
.card-top .card-info__skill .card-skill__hint div {
display: none;
white-space: normal;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #343c4b;
padding: 10px 18px;
border-radius: 8px;
position: absolute;
bottom: calc(100% + 17px);
right: -23px;
box-sizing: border-box;
width: 420px;
background-color: #fff;
-webkit-box-shadow: 0 0 40px rgb(54 63 80 / 10%);
box-shadow: 0 0 40px rgb(54 63 80 / 10%);
z-index: 9;
}
.card-top .card-info__skill .card-skill__hint div:before {
content: "";
display: block;
width: 13px;
height: 13px;
transform: rotate(45deg);
position: absolute;
bottom: -7px;
right: 29px;
background-color: #fff;
}
.card-top .card-info__skill .card-skill__hint:hover div {
display: block;
}
.card-top .card-info__price {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-top .card-info__old-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-decoration: line-through;
color: #9a9ea5;
}
.card-top .card-info__discount {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 17px;
color: #343c4b;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='16' viewBox='0 0 34 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.556419 6.23902L4.75054 1.17333C5.27434 0.438044 6.1113 0 6.98647 0H32.1359C33.164 0 34 0.877067 34 1.95556V14.0444C34 15.1229 33.164 16 32.1359 16H6.98647C6.1113 16 5.27434 15.562 4.75054 14.8267L0.556419 9.76098C-0.185474 8.72356 -0.185474 7.27644 0.556419 6.23902ZM4.65641 9.46667C5.42812 9.46667 6.05445 8.8096 6.05445 8C6.05445 7.1904 5.42812 6.53333 4.65641 6.53333C3.88469 6.53333 3.25836 7.1904 3.25836 8C3.25836 8.8096 3.88469 9.46667 4.65641 9.46667Z' fill='%23FFD600'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
display: inline-block;
text-align: right;
padding-right: 2px;
margin-bottom: 3px;
box-sizing: border-box;
vertical-align: top;
margin-left: 6px;
}
.card-top .card-info__cur-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 31px;
color: #343c4b;
}
.card-top .card-info__less-price {
margin-top: 10px;
user-select: none;
}
.card-top .card-info__less-price-wrap {
margin-top: 15px;
}
.less-price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
border-radius: 10px;
background: #daf4ea;
padding: 15px 40px 15px 15px;
color: #0cb97a;
display: flex;
align-items: center;
text-decoration: none;
position: relative;
user-select: none;
}
@media (min-width: 651px) {
.less-price {
padding: 20px 50px 20px 20px;
}
}
.less-price::after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath fill='%230cb97a' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm0-9a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 7zm0-3a1 1 0 0 0 0 2h.007a1 1 0 0 0 0-2H8z' clip-rule='evenodd'/%3E%3C/svg%3E");
width: 14px;
height: 14px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 651px) {
.less-price::after {
width: 18px;
height: 18px;
}
}
.less-price__icon-wrap {
color: inherit;
flex: 0 0 25px;
max-width: 25px;
margin-right: 10px;
}
@media (min-width: 651px) {
.less-price__icon-wrap {
flex: 0 0 35px;
max-width: 35px;
margin-right: 15px;
}
}
.less-price__icon {
display: block;
max-width: 100%;
height: auto;
}
.less-price__heading {
font-weight: bold;
line-height: 1.1;
margin-bottom: 5px;
color: #0cb97a;
font-size: 16px;
font-family: "Acrom", "Arial", sans-serif;
white-space: nowrap;
}
@media (min-width: 651px) {
.less-price__heading {
font-size: 18px;
}
}
.less-price__info {
font-size: 14px;
font-weight: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media (min-width: 651px) {
.less-price__info {
font-size: 15px;
}
}
@media (max-width: 650px) {
.card-top .card-info__btns {
padding-bottom: 0 !important;
margin-bottom: 5px;
text-align: left;
}
}
@media (min-width: 651px) {
.card-top__installment {
flex: 1;
margin-left: 15px;
user-select: none;
}
}
.card-top__installment .decor-installment {
padding: 10px 30px 10px 45px;
box-sizing: border-box;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
color: #343c4b;
background-color: #f3f3f6;
border-radius: 6px;
position: relative;
text-decoration: none;
white-space: nowrap;
margin: 0;
display: inline-flex;
align-items: center;
width: 100%;
height: 100%;
flex-wrap: wrap;
min-height: 52px;
}
@media (min-width: 1400px) {
.card-top__installment .decor-installment {
font-size: 16px;
}
}
.card-top__installment .decor-installment::after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 3px solid #9a9ea5;
border-right: 3px solid #9a9ea5;
transform: rotate(-45deg);
position: absolute;
top: calc(50% - 5px);
right: 12px;
}
.card-top .decor-installment .catalog-main__credit-text {
display: block;
font-size: 10px;
color: #343c4b;
width: 100%;
opacity: 0.4;
font-weight: 500;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1400px) {
.card-top .decor-installment .catalog-main__credit-text {
font-size: 12px;
}
}
.card-top__installment-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
.card-top .card-info__btns {
display: flex;
justify-content: space-between;
padding-top: 21px;
padding-bottom: 40px;
user-select: none;
gap: 15px;
}
.card-top .card-info__btns > * {
flex: 0 0 calc(50% - .7rem);
max-width: calc(50% - .7rem);
}
@media (min-width: 1400px) {
.card-top .card-info__btns,
.card-top__info .product-item-button-container {
display: none;
}
}
.card-top .card-info__buy1click {
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 6px;
height: 52px;
width: calc(50% - 5px);
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #2f69ff;
transition: 0.3s;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
}
.card-top .desktopButton {
height: 52px;
}
.card-top .card-info__buy1click:hover {
background-color: #2f69ff;
color: #fff;
border-color: #2f69ff;
}
.card-top .card-info__buy {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
transition: 0.3s;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.card-top .card-info__buy span {
margin-right: 7px;
color: inherit;
}
.card-top .card-info__buy span svg {
vertical-align: middle;
margin: -2px 0 0;
}
.card-top .card-info__buy.in-basket span {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-in-basket.png);
}
.card-top .card-info__buy:hover {
background-color: #2f82ff;
}
.card-top .card-info__buy:active {
background-color: #2057e6;
}
.card-top .card-info__rating {
display: flex;
justify-content: flex-start;
align-items: center;
}
.card-info__rating--container {
cursor: pointer;
}
.card-top .card-info__reviews {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
margin-right: 12px;
position: relative;
text-decoration: none;
border-bottom: 1px solid #343c4b;
transition: 0.3s;
}
.card-top .card-info__reviews:hover {
border-color: transparent;
border-bottom: 1px solid #343c4b;
}
.card-top .card-info__reviews:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
position: absolute;
top: 50%;
right: -15px;
transform: translateY(-50%) rotate(45deg);
}
.card-top .card-info__col {
display: flex;
align-items: center;
}
.card-top .card-info__count {
width: 36px;
height: 36px;
background: #e1e1e1;
border-radius: 10px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
margin-left: 22px;
}
.excelent {
background: #20bd56 !important;
}
.good {
background: #ffd600 !important;
}
.normal {
background: #ff7a00 !important;
}
.bad {
background: #ef483d !important;
}
.card-top .card-info__rating-text {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 100%;
color: #9a9ea5;
}
.card-top .card-info__rating-text span {
display: block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
}
@media (max-width: 1400px) {
.card-top__wrapper {
flex-wrap: wrap;
}
.card-top__info {
width: calc(100% - 570px);
}
.card-top__delivery-payment {
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
.card-top .card-top__delivery-payment .card-info__buy1click,
.card-top .card-top__delivery-payment .card-info__buy,
.card-top .card-top__delivery-payment .bx-catalog-subscribe-button {
display: none;
}
.card-top .card-top__delivery-payment .delivery-payment__list:last-child {
padding-bottom: 0;
}
.card-top .card-top__delivery-payment .desktopButton {
display: none;
}
}
@media (max-width: 1100px) {
.card-top__actions {
display: none;
}
.card-top__actions-mobile {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 9;
max-width: 52px;
}
.card-top__actions-mobile span,
.card-top__actions-mobile a {
margin-bottom: 8px;
}
.card-info__guarantee.card-top__action-item {
border: none;
}
.card-top__actions-mobile .card-top__share-dropdown {
left: auto;
right: 0;
transform: translate(5px, 20px);
}
.card-top__actions-mobile .card-top__share-dropdown::before {
width: 12px;
height: 12px;
right: 15px;
left: auto;
transform: translate(0, -50%) rotate(-45deg);
}
.card-top__actions-mobile .card-top__share-link-text {
margin: 0;
}
.card-top__wrapper {
flex-wrap: wrap;
}
.card-top__image {
width: 100%;
display: flex;
flex-direction: column;
}
.card-top__picture .picture-sm {
display: none;
}
.card-top__picture .picture-lg {
width: 100%;
margin-left: 0;
padding-left: 0;
}
.card-top__picture .picture-lg .owl-dots {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
}
.card-top__picture .picture-lg .owl-dots .owl-dot {
display: inline-block;
width: 5px;
height: 5px;
background-color: #c4c4c4;
border-radius: 50%;
margin-right: 2px;
margin-left: 2px;
}
.card-top__picture .picture-lg .owl-dots .owl-dot.active {
background-color: #2f69ff;
}
.card-top__picture .picture-lg__item {
padding-bottom: 15px;
}
.card-top__info {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.card-top .card-info__additional {
padding-top: 0;
margin-top: 20px;
}
.card-info__btns .product-discount-offer {
flex: 1;
}
.card-info__btns .markdown__price {
margin-left: auto;
margin-right: 5px;
}
.card-top .card-info__reviews {
font-size: 14px;
}
.card-top__info .card-info__brand-info {
display: none;
}
}
@media (max-width: 650px) {
.card__title {
font-size: 18px;
line-height: 22px;
}
.card-top__header-main .card__title {
padding-bottom: 0;
}
.card-top__wrapper {
flex-wrap: wrap;
}
.card-top__picture .picture-lg__options > div img {
max-width: 20px;
margin-bottom: 0;
}
.card-top__picture .picture-lg__options > div p {
font-size: 9px;
}
.card-top__picture .picture-lg__inner {
height: 400px;
}
.card-top__picture .picture-lg__item {
height: 400px;
}
.card-top__info {
width: 100%;
display: flex;
flex-direction: column;
}
.card-top__delivery-payment {
margin-top: 20px;
margin-bottom: 20px;
display: none;
}
.card-tab-content .card-top__delivery-payment {
display: block;
}
.card-top__delivery-payment .delivery-payment__inner {
padding: 14px;
}
.card-top__delivery-payment .delivery__title {
font-size: 14px;
}
.card-top__delivery-payment .payment__title {
font-size: 14px;
}
.card-top__delivery-payment .delivery-payment__item {
font-size: 12px;
line-height: 14px;
}
.card-top__delivery-payment .credit__item {
padding: 4px 10px;
}
.card-top__delivery-payment .credit__text {
font-size: 12px;
}
.card-top__delivery-payment .markdown__text {
font-size: 12px;
}
.card-top__delivery-payment .pre-order {
font-size: 10px;
}
.card-top__delivery-payment .pre-order a {
font-size: 10px;
display: block;
border: none;
text-decoration: underline;
}
.card-top .card-info__additional {
display: flex;
flex-wrap: wrap;
gap: 15px 30px;
align-items: center;
}
.card-top .card-info__additional > div {
font-size: 10px;
line-height: 18px;
background-color: transparent;
background-size: 14px;
padding: 0;
background-position: 0 center;
height: auto;
display: inline-flex;
margin: 0;
}
.card-top .card-info__props {
order: 1;
margin-bottom: 15px;
}
.card-top .card-info__article {
font-size: 12px;
line-height: 14px;
}
.card-top .card-info__availability {
font-size: 12px;
line-height: 14px;
}
.card-top .card-info__guarantee {
font-size: 10px;
line-height: 12px;
background-size: 28px;
}
.card-top .card-info__guarantee span {
font-size: 13px;
line-height: 16px;
}
.card-top .card-info__brand {
padding-top: 4px;
padding-bottom: 4px;
display: none;
}
.card-info__brand-mobile {
display: flex;
padding-top: 0;
padding-bottom: 10px;
}
.card-info__brand .brand__img-wrapper {
width: 90px;
}
.card-info__brand .brand__info {
padding-left: 13px;
}
.card-info__brand .brand__name {
font-size: 14px;
line-height: 17px;
}
.card-info__brand .brand__link {
font-size: 10px;
line-height: 12px;
}
.card-top .card-info__skill {
order: 5;
}
.card-top .card-info__skill .card-skill {
min-height: 52px;
padding: 5px 40px 5px 10px;
margin-top: 15px;
margin-bottom: 15px;
}
.card-top .card-info__skill .card-skill__image {
width: 40px;
}
.card-top .card-info__skill .card-skill__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.card-top .card-info__skill .card-skill__info p {
font-size: 10px;
line-height: 12px;
}
.card-top .card-info__skill .card-skill__info span {
font-size: 14px;
line-height: 17px;
}
.card-top .card-info__skill .card-skill__hint {
right: 16px;
}
.card-top .card-info__skill .card-skill__hint span {
width: 16px;
height: 16px;
background-size: contain;
}
/*.card-top .card-info__price {
order: 2;
}*/
.card-top .card-info__cur-price {
font-size: 22px;
line-height: 26px;
white-space: nowrap;
}
.card-top .card-info__less-price {
text-align: right;
font-size: 12px;
border: none;
text-decoration: underline;
max-width: 140px;
}
.card-top .card-info__btns {
padding-top: 10px;
padding-bottom: 10px;
order: 3;
gap: 8px;
}
.card-top .card-info__btns a,
.card-top .desktopButton {
font-size: 12px !important;
height: 44px;
}
.card-top .card-info__btns > * {
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
}
.drive-area .drive-area__btn,
.card-top .card-info__brand-gift .gifts .gifts-dropdown__header {
height: 44px;
}
.drive-area .drive-area__btn {
font-size: 12px;
}
.card-top__installment .decor-installment {
min-height: 44px;
}
.card-top .card-info__reviews {
font-size: 12px;
}
.card-top .card-info__rating-text {
font-size: 10px;
}
.card-top .card-info__rating-text span {
font-size: 14px;
}
.card-top .card-info__skill .card-skill__hint div {
font-size: 12px;
line-height: 14px;
right: -18px;
width: 290px;
}
.card-top .card-info__skill .card-skill__hint div:before {
right: 20px;
}
.card-info__btns .product-discount-offer {
margin-left: 0;
}
}
@media (max-width: 421px) {
.card-info__price-info .card-top__installment {
margin-top: 15px;
}
}
@media (min-width: 1200px) {
.card-top .card-info__skill .card-skill {
padding-top: 18px;
padding-bottom: 18px;
margin-top: 20px;
}
}
.card-info__price-info .card-top__installment {
flex: 1;
}
.markdown {
text-decoration: none;
}
.card-ask {
padding-top: 45px;
padding-bottom: 45px;
}
.card-ask__wrapper {
background: #f3f3f6;
border-radius: 10px;
position: relative;
padding: 45px 60px;
box-sizing: border-box;
user-select: none;
}
.card-ask__image {
position: absolute;
top: 45px;
right: 60px;
}
.card-ask__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
}
.card-ask__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #9a9ea5;
padding-top: 8px;
padding-bottom: 39px;
}
.card-ask__inner {
max-width: 665px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card-ask__input-wrapper {
padding-bottom: 21px;
width: calc(50% - 7px);
}
.card-ask__input-wrapper p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
padding-bottom: 10px;
}
.card-ask__input-wrapper p .note {
color: red;
}
.card-ask__input-wrapper input {
height: 60px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
}
.card-ask__input-phone-wrapper {
display: flex;
justify-content: space-between;
}
.card-ask__select {
height: 60px;
width: 70px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
margin-right: 6px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-sizing: border-box;
}
.card-ask__select span {
padding-right: 11px;
position: relative;
display: inline-block;
width: 23px;
height: 18px;
}
.card-ask__select span img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-ask__select span:after {
content: "";
display: block;
width: 4px;
height: 4px;
position: absolute;
top: 6px;
right: 0;
transform: rotate(45deg);
border-bottom: 2px solid #9a9ea5;
border-right: 2px solid #9a9ea5;
}
.card-ask__descr p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: rgba(52, 60, 75, 0.7);
}
.card-ask__descr a {
color: #2f69ff;
border-bottom: 1px solid transparent;
transition: 0.3s;
text-decoration: none;
}
.card-ask__descr a:hover {
border-bottom: 1px solid #2f69ff;
}
.card-ask__input-submit input,
.card-ask__input-submit button {
height: 60px;
width: 100%;
background-color: #2f69ff;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
border: none;
cursor: pointer;
transition: 0.3s;
}
.card-ask__input-submit input:hover,
.card-ask__input-submit button:hover {
background-color: #2f82ff;
}
.card-ask__input-submit input:active,
.card-ask__input-submit button:active {
background-color: #2057e6;
}
@media (max-width: 1300px) {
.card-ask__wrapper {
padding-left: 20px;
padding-right: 20px;
}
.card-ask__image {
position: relative;
top: auto;
right: auto;
margin: 0 auto 20px;
text-align: center;
}
.card-ask__title {
text-align: center;
}
.card-ask__sub-title {
text-align: center;
}
.card-ask__inner {
margin: 0 auto;
}
}
@media (max-width: 650px) {
.card-ask {
padding-top: 0;
padding-bottom: 25px;
}
.card-ask__wrapper {
padding-bottom: 10px;
}
.card-ask__image {
height: 100px;
}
.card-ask__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.card-ask__title {
font-size: 18px;
line-height: 100%;
}
.card-ask__sub-title {
font-size: 12px;
line-height: 14px;
padding-bottom: 25px;
}
.card-ask__inner {
flex-direction: column;
}
.card-ask__input-wrapper {
width: 100%;
}
.card-ask__input-wrapper p {
font-size: 12px;
line-height: 14px;
}
.card-ask__input-wrapper input,
.card-ask__input-wrapper button {
height: 46px;
font-size: 14px;
}
.card-ask__select {
height: 46px;
font-size: 14px;
}
.card-ask__descr {
order: 4;
padding-bottom: 0;
}
.card-ask__descr p {
text-align: center;
}
}
.card-brand__inner {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 50px;
user-select: none;
}
.card-brand__image {
width: 215px;
height: 125px;
box-shadow: 5px 5px 60px rgba(52, 60, 75, 0.12);
border-radius: 12px;
padding: 30px;
box-sizing: border-box;
user-select: none;
}
.card-brand__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.card-brand__content {
width: 225px;
margin-left: 50px;
margin-right: 50px;
user-select: none;
}
.card-brand__text {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #343c4b;
}
.card-brand__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #2f69ff;
text-transform: uppercase;
padding-bottom: 12px;
}
.card-brand__link-all {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #9a9ea5;
text-decoration: none;
position: relative;
display: inline-block;
}
.card-brand__link-all:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: -3px;
left: 0;
border-bottom: 2px dotted #9a9ea5;
transition: 0.3s;
}
.card-brand__link-all:hover:after {
width: 50%;
}
.card-brand__link-all:active:after {
width: 25%;
}
.card-brand__list {
width: calc(100% - 540px);
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
user-select: none;
}
.card-brand__item {
height: 42px;
margin-right: 8px;
margin-bottom: 8px;
background-color: #fff;
border: 1px solid rgba(52, 60, 75, 0.1);
border-radius: 5px;
transition: 0.3s;
}
.card-brand__item:hover {
border: 1px solid #2f69ff;
}
.card-brand__item:hover a {
color: #2f69ff;
}
.card-brand__link {
text-decoration: none;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 100%;
color: #343c4b;
width: 100%;
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding: 5px 20px;
transition: 0.3s;
}
@media (max-width: 1100px) {
.card-brand__inner {
flex-wrap: wrap;
justify-content: flex-start;
}
.card-brand__list {
padding-top: 18px;
width: 100%;
}
}
@media (max-width: 650px) {
.card-brand__inner {
padding-top: 15px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 0;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
border-top: 2px solid rgba(52, 60, 75, 0.1);
}
.card-brand__image {
padding: 14px;
width: 95px;
height: auto;
}
.card-brand__content {
width: auto;
margin-left: 14px;
margin-right: 0;
}
.card-brand__text {
font-size: 18px;
}
.card-brand__name {
font-size: 18px;
padding-bottom: 4px;
}
.card-brand__link-all {
font-size: 12px;
}
.card-brand__item {
height: 28px;
}
.card-brand__link {
font-size: 12px;
padding: 0 10px;
}
}
.card-kit__wrapper {
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
padding-bottom: 45px;
}
.card-kit__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
padding-top: 46px;
padding-bottom: 32px;
border-top: 2px solid rgba(52, 60, 75, 0.1);
margin-top: 45px;
user-select: none;
}
.card-kit__inner {
display: flex;
justify-content: space-between;
}
.card-kit__product {
width: 235px;
text-align: center;
}
.card-kit__product .kit-product__image {
width: 185px;
height: 185px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
user-select: none;
}
.card-kit__product .kit-product__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.card-kit__product .kit-product__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #343c4b;
padding-top: 30px;
padding-bottom: 18px;
}
.card-kit__devider {
width: 45px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.card-kit__devider:after {
content: "";
display: block;
width: 4px;
height: 100%;
border-radius: 2px;
background-color: #eeeff1;
position: absolute;
top: 0;
left: calc(50% - 2px);
z-index: 1;
}
.card-kit__devider span {
width: 45px;
height: 45px;
box-sizing: border-box;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-color: #eeeff1;
position: relative;
z-index: 5;
}
.card-kit__devider.kit-plus {
margin-left: 35px;
margin-right: 35px;
}
.card-kit__devider.kit-plus span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_820_2599)'%3E%3Cpath d='M9.99999 4.11324C10.0011 3.95205 9.87154 3.82246 9.71035 3.8236L6.15101 3.84886L6.1764 0.289645C6.17754 0.128456 6.04795 -0.00113618 5.88676 7.51222e-06L4.09884 0.0126936C3.93765 0.0138373 3.8062 0.145282 3.80506 0.30647L3.78041 3.78041L0.30647 3.80506C0.145281 3.8062 0.0138372 3.93765 0.0126935 4.09884L7.51222e-06 5.88676C-0.00113618 6.04795 0.128456 6.17754 0.289645 6.1764L3.84886 6.15101L3.8236 9.71035C3.82246 9.87154 3.95205 10.0011 4.11324 9.99999L5.9013 9.98717C6.06249 9.98602 6.19394 9.85458 6.19508 9.69339L6.21973 6.21973L9.69339 6.19508C9.85458 6.19394 9.98602 6.06249 9.98717 5.9013L9.99999 4.11324Z' fill='%23343C4B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_820_2599'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.card-kit__devider.kit-equal {
margin-left: 10px;
margin-right: 30px;
}
.card-kit__devider.kit-equal span {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.3994C12.0014 5.20597 11.8459 4.99863 11.6524 5.00001H7.38121H4.53649H0.367763C0.174337 5.00138 0.0166047 5.18869 0.0152322 5.38212L9.01466e-06 7.52763C-0.00136342 7.72105 0.154148 7.92856 0.347574 7.92719H4.61863H7.46367H11.6321C11.8255 7.92581 11.9832 7.7385 11.9846 7.54508L12 5.3994Z' fill='%23343C4B'/%3E%3Cpath d='M12 0.3994C12.0014 0.205974 11.8459 -0.00136566 11.6524 6.77653e-06H7.38121H4.53649H0.367763C0.174337 0.00137921 0.0166047 0.188691 0.0152322 0.382117L9.01466e-06 2.52763C-0.00136342 2.72105 0.154148 2.92856 0.347574 2.92719H4.61863H7.46367H11.6321C11.8255 2.92581 11.9832 2.7385 11.9846 2.54508L12 0.3994Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.card-kit__accessories {
width: calc(100% - 720px);
}
.card-kit__accessories .kit-accessories__inner {
padding-right: 22px;
overflow: auto;
max-height: 370px;
height: auto;
}
.card-kit__accessories .kit-accessories__inner::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.card-kit__accessories .kit-accessories__inner::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.card-kit__accessories .kit-accessories__inner::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.card-kit__accessories .kit-accessories__inner {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.card-kit__accessories .kit-accessories__item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
padding-bottom: 8px;
padding-top: 8px;
transition: .3s;
}
.card-kit__accessories .kit-accessories__item:hover .kit-accessories__image,
.card-kit__accessories .kit-accessories__item:hover .kit-accessories__name {
opacity: 1;
user-select: none;
}
.card-kit__accessories .kit-accessories__item.added {
border-bottom: 2px solid #2f69ff;
}
.card-kit__accessories .kit-accessories__item.added .kit-accessories__image,
.card-kit__accessories .kit-accessories__item.added .kit-accessories__name {
opacity: 1;
}
.card-kit__accessories .kit-accessories__image {
width: 74px;
height: 74px;
padding: 2px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-right: 22px;
transition: 0.3s;
opacity: 0.5;
}
.card-kit__accessories .kit-accessories__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-kit__accessories .kit-accessories__name {
width: calc(100% - 285px);
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #455067;
transition: .3s;
opacity: 0.5;
}
.card-kit__accessories .kit-accessories__price {
width: 140px;
text-align: right;
}
.card-kit__accessories .kit-accessories__old-price {
display: inline-block;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-decoration: line-through;
color: #9a9ea5;
padding-right: 12px;
}
.card-kit__accessories .kit-accessories__cur-price {
display: inline-block;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.card-kit__accessories .kit-accessories__add {
width: 30px;
height: 30px;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_820_2599)'%3E%3Cpath d='M9.99999 4.11324C10.0011 3.95205 9.87154 3.82246 9.71035 3.8236L6.15101 3.84886L6.1764 0.289645C6.17754 0.128456 6.04795 -0.00113618 5.88676 7.51222e-06L4.09884 0.0126936C3.93765 0.0138373 3.8062 0.145282 3.80506 0.30647L3.78041 3.78041L0.30647 3.80506C0.145281 3.8062 0.0138372 3.93765 0.0126935 4.09884L7.51222e-06 5.88676C-0.00113618 6.04795 0.128456 6.17754 0.289645 6.1764L3.84886 6.15101L3.8236 9.71035C3.82246 9.87154 3.95205 10.0011 4.11324 9.99999L5.9013 9.98717C6.06249 9.98602 6.19394 9.85458 6.19508 9.69339L6.21973 6.21973L9.69339 6.19508C9.85458 6.19394 9.98602 6.06249 9.98717 5.9013L9.99999 4.11324Z' fill='%23343C4B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_820_2599'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-color: #eeeff1;
margin-left: 18px;
cursor: pointer;
transition: 0.3s;
}
.card-kit__accessories .kit-accessories__add.added {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.41496 6.93629L8.48015 2L10.3209 3.51592L4.69378 10.3489L1 7.1168L2.57028 5.32219L4.41496 6.93629Z' fill='white'/%3E%3C/svg%3E");
background-color: #2f69ff;
}
.card-kit__price {
width: 285px;
padding: 12px;
box-sizing: border-box;
border: 2px dashed rgba(52, 60, 75, 0.2);
border-radius: 18px;
position: relative;
}
.card-kit__price:after {
content: "";
display: block;
width: 15px;
height: 15px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.398437 12.2001C0.398437 13.5027 1.49584 14.6001 2.79844 14.6001C4.10104 14.6001 5.19844 13.5027 5.19844 12.2001C5.19844 12.0169 5.17259 11.8395 5.13164 11.6669L6.99844 9.8001L8.86523 11.6669C8.82428 11.8395 8.79844 12.0169 8.79844 12.2001C8.79844 13.5027 9.89584 14.6001 11.1984 14.6001C12.501 14.6001 13.5984 13.5027 13.5984 12.2001C13.5984 10.8975 12.501 9.8001 11.1984 9.8001C11.0152 9.8001 10.8379 9.82594 10.6652 9.86689L8.79844 8.0001L12.1195 4.679C12.6817 4.1168 12.9984 3.35351 12.9984 2.55791L12.9984 1.23252C12.9984 0.851518 12.5378 0.660775 12.2684 0.930174L3.33164 9.86689C3.159 9.82594 2.98168 9.8001 2.79844 9.8001C1.49584 9.8001 0.398437 10.8975 0.398437 12.2001ZM0.998437 2.55791C0.998437 3.35351 1.31514 4.1168 1.87734 4.679L4.35 7.15166L6.15 5.35166L1.72852 0.930175C1.45912 0.660775 0.998437 0.851519 0.998437 1.23252L0.998437 2.55791ZM1.59844 12.2001C1.59844 11.5599 2.15824 11.0001 2.79844 11.0001C3.43864 11.0001 3.99844 11.5599 3.99844 12.2001C3.99844 12.8403 3.43864 13.4001 2.79844 13.4001C2.15824 13.4001 1.59844 12.8403 1.59844 12.2001ZM6.39844 8.0001C6.39844 7.6689 6.66724 7.4001 6.99844 7.4001C7.32964 7.4001 7.59844 7.6689 7.59844 8.0001C7.59844 8.3313 7.32964 8.6001 6.99844 8.6001C6.66724 8.6001 6.39844 8.3313 6.39844 8.0001ZM9.99844 12.2001C9.99844 11.5599 10.5582 11.0001 11.1984 11.0001C11.8386 11.0001 12.3984 11.5599 12.3984 12.2001C12.3984 12.8403 11.8386 13.4001 11.1984 13.4001C10.5582 13.4001 9.99844 12.8403 9.99844 12.2001Z' fill='%23353C45'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: -8px;
bottom: 90px;
background-color: #fff;
background-size: contain;
}
.card-kit__price-inner {
text-align: center;
width: 100%;
}
.card-kit__price-wrapper {
display: flex;
justify-content: center;
align-items: center;
background: rgba(47, 105, 255, 0.1);
border-radius: 8px;
height: 100%;
}
.card-kit__price .kit-price__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 26px;
color: #343c4b;
padding-top: 61px;
padding-bottom: 23px;
}
.card-kit__price .kit-price__economy {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #30ad80;
padding-top: 4px;
padding-bottom: 0 !important;
user-select: none;
}
.card-kit__buy {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
width: calc(100% - 40px);
transition: 0.3s;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
margin-bottom: 61px;
margin-top: 28px;
}
.card-kit__buy span {
height: 21px;
line-height: 1;
color: inherit;
margin-right: 5px;
}
.card-kit__buy:hover {
background-color: #2f82ff;
}
.card-kit__buy:active {
background-color: #2057e6;
}
.card-kit .kit-product__old-price {
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #9a9ea5;
text-decoration: line-through;
vertical-align: top;
margin-bottom: 3px;
}
.card-kit .kit-product__cur-price {
color: #343c4b;
white-space: nowrap;
line-height: 24px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 20px;
}
.card-kit .kit-product__discount {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 17px;
color: #343c4b;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-catalog-label.png);
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
display: inline-block;
text-align: right;
padding-right: 2px;
margin-bottom: 3px;
box-sizing: border-box;
vertical-align: top;
margin-left: 6px;
}
@media (max-width: 1200px) {
.card-kit__devider.kit-plus {
margin-left: 10px;
margin-right: 10px;
}
.card-kit__devider.kit-equal {
margin-left: 10px;
margin-right: 10px;
}
.card-kit__accessories {
width: calc(100% - 620px);
}
.card-kit__price {
width: 250px;
}
.card-kit .kit-product {
width: 190px;
}
}
@media (max-width: 1100px) {
.card-kit__inner {
flex-direction: column;
align-items: center;
}
.card-kit__devider:after {
width: 100%;
height: 4px;
left: 0;
top: calc(50% - 2px);
}
.card-kit__devider.kit-plus {
margin: 15px 0;
width: 100%;
}
.card-kit__devider.kit-equal {
margin: 15px 0;
width: 100%;
}
.card-kit__accessories {
width: 100%;
}
.card-kit__price {
width: 100%;
}
.card-kit__buy {
max-width: 250px;
}
.card-kit .kit-product {
width: 100%;
}
}
@media (max-width: 650px) {
.card-kit__title {
font-size: 18px;
line-height: 22px;
padding: 25px 0;
border: none;
margin-top: 25px;
}
.card-kit__wrapper {
border: none;
padding-bottom: 25px;
}
.card-kit__product {
width: 100%;
text-align: left;
}
.card-kit__product .kit-product__image {
width: 100px;
height: 100px;
margin: 0 15px 0 0;
float: left;
}
.card-kit__product .kit-product__name {
text-align: left;
font-size: 12px;
line-height: 14px;
padding-top: 0;
padding-bottom: 10px;
}
.card-kit__devider span {
width: 28px;
height: 28px;
background-size: 10px;
}
.card-kit__accessories .kit-accessories__item {
display: block;
padding-right: 45px;
box-sizing: border-box;
position: relative;
min-height: 72px;
}
.card-kit__accessories .kit-accessories__image {
width: 50px;
height: 50px;
float: left;
margin-right: 15px;
}
.card-kit__accessories .kit-accessories__name {
font-size: 12px;
line-height: 100%;
width: 100%;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 65px;
box-sizing: border-box;
}
.card-kit__accessories .kit-accessories__price {
width: 100%;
text-align: left;
padding-left: 65px;
box-sizing: border-box;
}
.card-kit__accessories .kit-accessories__old-price {
font-size: 12px;
line-height: 14px;
}
.card-kit__accessories .kit-accessories__cur-price {
font-size: 12px;
line-height: 14px;
}
.card-kit__accessories .kit-accessories__add {
position: absolute;
top: calc(50% - 14px);
right: 0;
width: 28px;
height: 28px;
}
.card-kit__price .kit-price__title {
font-size: 16px;
line-height: 19px;
padding-top: 17px;
padding-bottom: 10px;
}
.card-kit__price .kit-price__economy {
font-size: 12px;
line-height: 120%;
}
.card-kit__buy {
margin-bottom: 14px;
margin-top: 10px;
max-width: 100%;
height: 44px;
font-size: 12px;
}
.card-kit .kit-product__cur-price {
font-size: 18px;
line-height: 21px;
}
}
.card-tab-content {
display: none;
}
.card-tab-content__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #455067;
padding-top: 35px;
padding-bottom: 25px;
}
.card-tab-content__title .reviews-count-mob {
display: none;
}
.card-tabs {
position: relative;
z-index: 2;
}
.card-tabs__wrapper {
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
padding-bottom: 6px;
padding-top: 50px;
user-select: none;
}
.card-tabs__wrapper .card-tab {
background: #f3f3f6;
border-radius: 6px;
height: 47px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
padding-left: 20px;
padding-right: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid transparent;
transition: 0.3s;
cursor: pointer;
}
@media (min-width: 1400px) {
.card-tabs__wrapper .card-tab {
height: 60px;
}
}
.card-tabs__wrapper .card-tab:hover {
border: 1px solid #2f69ff;
color: #2f69ff;
background-color: rgba(47, 105, 255, 0.15);
}
.card-tabs__wrapper .card-tab.active {
background-color: #2f69ff;
border: 1px solid #2f69ff;
color: #fff;
}
.card-tabs__wrapper .card-tab.active [data-scale-min] {
fill: rgba(255, 255, 255, 0.5);
}
.card-tabs__wrapper .card-tab.active [data-scale-max] {
fill: #fff;
}
.card-tabs__wrapper .card-tab[href*="#"] {
display: none;
text-decoration: none;
}
@media (min-width: 650px) {
.card-tabs__wrapper .card-tab[href*="#"] {
display: inline-flex;
}
}
.card-tab__badge {
background: #f3edfd;
border-radius: 4px;
color: #9b58ff !important;
font-size: 12px;
font-weight: 500;
line-height: 1.1;
font-family: Acrom, Arial, sans-serif;
padding: 3px 5px;
margin-left: 10px;
}
.prices-comparison__header {
margin-bottom: 30px;
display: flex;
user-select: none;
}
@media (max-width: 650px) {
.prices-comparison__header {
margin-bottom: 20px;
}
}
.prices-comparison__title {
padding: 0 !important;
font-size: 22px;
margin-right: 15px;
}
.prices-info {
font-family: Acrom, Arial, sans-serif;
box-sizing: border-box;
}
.prices-info * {
box-sizing: border-box;
}
.prices-info__header {
margin-bottom: 20px;
user-select: none;
}
@media (max-width: 767px) {
.prices-info__header {
display: none !important;
}
}
.prices-info__caption {
font-weight: 500;
font-size: 12px;
color: #343c4b;
opacity: 0.5;
line-height: 1.1;
}
.prices-info__caption:last-child {
text-align: right;
}
.prices-info__header,
.prices-info__item {
gap: 30px;
display: grid;
grid-template-columns: 135px 1fr 250px;
align-items: center;
}
@media (max-width: 767px) {
.prices-info__item {
grid-template-columns: 135px 1fr;
gap: 15px;
}
.prices-info__product-name {
order: -1;
grid-column: 1 / -1;
}
}
.prices-info__product {
background: #ffffff;
box-shadow: 5px 5px 40px rgba(36, 40, 43, 0.1);
border-radius: 8px;
padding: 30px 20px;
margin-bottom: 30px;
}
.prices-info__item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
}
.prices-info__item:last-child {
margin-bottom: 0;
}
.prices-info__product-vendor {
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 70px;
padding: 15px;
}
.prices-info__product-vendor-text {
font-size: 13px;
font-weight: 500;
text-align: center;
}
.prices-info__product-vendor-logo {
display: block;
max-width: 100%;
height: auto;
max-height: 100%;
width: auto;
}
.prices-info__product-name {
color: #343c4b;
font-size: 16px;
font-weight: 500;
line-height: 1.15;
}
.prices-info__product-name a {
color: inherit;
display: inline-block;
max-width: 350px;
text-decoration: none;
}
.prices-info__product-name a:hover {
text-decoration: underline;
}
.prices-info__product-price {
font-family: Gilroy, Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
color: #343c4b;
text-align: right;
}
.product-compare-card__main,
.product-compare-card__bottom {
align-items: center;
display: grid;
gap: 30px;
}
.product-compare-card__bottom {
user-select: none;
}
.product-compare-card__main {
grid-template-columns: 115px 1fr 160px;
}
@media (max-width: 767px) {
.product-compare-card__logo {
display: none !important;
}
.product-compare-card__main {
gap: 20px;
grid-template-columns: 1fr 160px;
}
}
@media (max-width: 479px) {
.product-compare-card__main {
grid-template-columns: auto;
}
}
@media (min-width: 1200px) {
.product-compare-card__bottom {
grid-template-columns: 115px 1fr 160px;
}
}
@media (max-width: 1199px) {
.product-compare-card__bottom {
gap: 15px;
}
}
.product-compare-card__main {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
}
.product-compare-card__logo {
display: flex;
align-items: center;
justify-content: center;
user-select: none;
}
.product-compare-card__logo-img {
max-width: 66px;
height: auto;
}
.product-compare-card__heading {
font-weight: 500;
font-size: 16px;
color: #343c4b;
}
.product-compare-card__heading-text {
max-width: 350px;
}
.product-compare-card__prices {
text-align: right;
font-family: Gilroy, Acrom, Arial, sans-serif;
}
@media (max-width: 479px) {
.product-compare-card__prices {
text-align: left;
}
}
.product-compare-card__price-discount {
display: inline-flex;
align-items: center;
margin-bottom: 5px;
}
.product-compare-card__old-price {
font-weight: 500;
font-size: 16px;
text-decoration-line: line-through;
color: #343c4b;
opacity: 0.5;
}
.product-compare-card__discount {
margin-left: 5px;
font-weight: 700;
font-size: 12px;
color: #343c4b;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='16' viewBox='0 0 34 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.556419 6.23902L4.75054 1.17333C5.27434 0.438044 6.1113 0 6.98647 0H32.1359C33.164 0 34 0.877067 34 1.95556V14.0444C34 15.1229 33.164 16 32.1359 16H6.98647C6.1113 16 5.27434 15.562 4.75054 14.8267L0.556419 9.76098C-0.185474 8.72356 -0.185474 7.27644 0.556419 6.23902ZM4.65641 9.46667C5.42812 9.46667 6.05445 8.8096 6.05445 8C6.05445 7.1904 5.42812 6.53333 4.65641 6.53333C3.88469 6.53333 3.25836 7.1904 3.25836 8C3.25836 8.8096 3.88469 9.46667 4.65641 9.46667Z' fill='%23FFD600'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 center;
width: 34px;
height: 16px;
text-align: center;
line-height: 16px;
user-select: none;
text-indent: 7px;
}
.product-compare-card__price {
font-weight: 500;
font-size: 18px;
color: #343c4b;
}
.product-compare-card__caption {
font-weight: 700;
font-size: 16px;
color: #343c4b;
}
@media (min-width: 1200px) {
.product-compare-card__caption {
padding-left: 15px;
}
}
.product-compare-card__features {
display: flex;
max-width: 550px;
}
@media (max-width: 575px) {
.product-compare-card__features {
flex-direction: column;
}
}
.product-compare-card__feature:not(:last-child) {
margin-right: 30px;
}
@media (min-width: 1400px) {
.product-compare-card__feature:not(:last-child) {
margin-right: 60px;
}
}
@media (max-width: 575px) {
.product-compare-card__feature:not(:last-child) {
margin-right: 0;
margin-bottom: 10px;
}
}
.product-compare-card__add {
text-align: right;
}
.buy-btn {
background-color: #2f69ff;
font-family: Acrom, Arial, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 1.1;
color: #fff;
border-radius: 6px;
transition: all 0.3s;
text-decoration: none;
display: flex;
align-items: center;
border: none;
padding: 10px 26px;
white-space: nowrap;
cursor: pointer;
}
@media (min-width: 1200px) {
.buy-btn {
font-size: 16px;
padding: 15px 20px;
}
}
.buy-btn__icon {
margin-right: 8px;
}
.buy-btn__text {
color: inherit;
}
.buy-btn:hover {
background: #2f82ff;
}
.buy-btn:active {
background: #2f69ff;
}
.compare-card-feature {
display: flex;
align-items: center;
}
.compare-card-feature__aside {
flex: none;
margin-right: 10px;
flex: 0 0 30px;
max-width: 30px;
position: relative;
}
.compare-card-feature__icon {
width: 100%;
}
.compare-card-feature__value {
position: absolute;
left: 50%;
top: 11px;
transform: translate(-50%, 0);
font-weight: bold;
color: #fff;
line-height: 1;
font-size: 16px;
font-family: Gilroy, Acrom, Arial, sans-serif;
}
@media (min-width: 1200px) {
.compare-card-feature__value {
font-size: 18px;
}
}
.compare-card-feature__caption {
font-weight: 700;
font-size: 14px;
color: #343c4b;
line-height: 1;
}
@media (min-width: 1200px) {
.compare-card-feature__caption {
font-size: 16px;
}
}
.compare-card-feature__info {
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
color: #343c4b;
opacity: 0.5;
}
@media (min-width: 1200px) {
.compare-card-feature__info {
font-size: 14px;
}
}
.product-content-main {
display: block;
}
.tab-main {
display: flex;
}
.tab-main .show-trigger {
padding-bottom: 20px;
}
.tab-main__left {
width: 55%;
}
.tab-main__left .tab-description__wrapper {
max-height: 250px;
overflow: hidden;
}
.tab-description.is-open .tab-description__wrapper {
max-height: 100%;
}
.tab-main__left .tab-description__wrapper strong {
font-weight: 700;
}
.tab-main__left .tab-description__wrapper p {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #455067;
padding-bottom: 15px;
}
.tab-main__left .tab-description .show-trigger {
padding-top: 10px;
}
.tab-main__left .tab-props__wrapper {
max-height: 330px;
overflow: hidden;
}
.tab-main__left .tab-props__wrapper.has-shadow {
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
padding: 30px;
border-radius: 7px;
}
@media (min-width: 768px) {
.tab-props__wrapper.is-columns {
column-gap: 20px;
column-count: 2;
}
}
.tab-props__wrapper.is-columns > * {
margin: 0 0 20px;
padding: 30px;
background: #fff;
border-radius: 7px;
box-sizing: border-box;
display: inline-block;
width: 100%;
position: relative;
z-index: 0;
}
.tab-props__wrapper.is-columns > *::after {
content: "";
box-shadow: 5px 5px 40px rgba(36, 40, 43, 0.1);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: inherit;
pointer-events: none;
z-index: -1;
box-sizing: border-box;
transform: translate3d(0, 0, 0);
}
.tab-props__wrapper.is-columns > *:first-child {
margin-top: 0;
}
.tab-props__wrapper.is-columns .tab-props__list {
columns: auto;
margin-bottom: 0;
}
.tab-props__wrapper .name_prop_group {
text-align: left;
display: flex;
align-items: center;
padding: 0;
margin-bottom: 20px;
/* color: #2F69FF; */
}
.tab-props__wrapper .prop_img {
flex: 0 0 20px;
margin-right: 10px;
}
@media (max-width: 650px) {
.tab-props__wrapper .prop_img {
flex: 0 0 14px;
}
}
.tab-props__wrapper .prop_img img {
display: block;
max-width: 100%;
height: auto;
}
.tab-props__wrapper .tab-props__list {
margin-bottom: 20px;
}
.tab-main__left .tab-props__list {
columns: 1;
column-gap: 0;
}
.tab-main__left .tab-equipment__content {
width: calc(100% - 160px);
}
.tab-main__left .tab-equipment__link {
width: 46px;
height: 46px;
user-select: none;
}
.tab-main__left .tab-equipment__link span {
margin-right: 0;
}
.tab-main__right {
width: calc(45% - 35px);
margin-left: 35px;
}
.tab-main__right .reviews-detail__link {
display: none;
}
.tab-main__right .tab-reviews {
padding-top: 0;
}
.tab-main__right .tab-reviews__wrapper {
display: block;
}
.tab-main__right .tab-reviews__col-content {
width: 100%;
padding-right: 0;
overflow: hidden;
max-height: 720px;
}
.tab-main__right .tab-documentation__item {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 5px;
}
.tab-main__right .tab-documentation__file {
width: 28px;
height: 28px;
}
.tab-main__right .tab-documentation__file img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.tab-main__right .tab-documentation__inner {
width: calc(100% - 70px);
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.tab-main__right .tab-documentation__inner:before {
content: "";
display: block;
width: 100%;
position: absolute;
top: calc(50% - 1px);
left: 0;
opacity: 0.3;
border-bottom: 2px dotted #343c4b;
z-index: 0;
}
.tab-main__right .tab-documentation__name,
.product-content-useful .tab-documentation__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #343c4b;
background-color: #fff;
padding-right: 6px;
position: relative;
user-select: none;
}
.tab-main__right .tab-documentation__size {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #9a9ea5;
background-color: #fff;
padding-left: 6px;
position: relative;
}
.tab-main__right .tab-documentation__download {
width: 28px;
height: 28px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-download.png);
background-repeat: no-repeat;
background-position: center;
}
.tab-main__right .tab-documentation__name > hr,
.product-content-useful .tab-documentation__name > hr {
margin: 20px 0;
border: none;
border-top: 2px solid rgba(52, 60, 75, 0.1);
}
@media (max-width: 575px) {
.tab-main__left .tab-props__wrapper.has-shadow {
box-shadow: none;
padding: 0;
border-radius: 0;
margin: 0 -30px;
}
.card-tab-content__title.name_prop_group {
margin-bottom: 0;
padding-left: 30px;
font-size: 15px !important;
text-align: left !important;
}
.tab-main__left .tab-props__wrapper.has-shadow .tab-props__item {
padding: 10px 30px;
box-sizing: border-box;
}
.tab-main__left .tab-props__wrapper.has-shadow .tab-props__item::before {
display: none;
}
.tab-main__left .tab-props__wrapper.has-shadow .tab-props__item:nth-child(odd) {
background: #f7f7f7;
}
.tab-main__left .tab-props__wrapper.has-shadow .tab-props__item > * {
background: inherit;
}
.tab-main__left .tab-props__wrapper.has-shadow + .show-trigger {
margin: 0 -30px;
padding-left: 30px;
padding-right: 30px;
}
}
.tab-equipment__wrapper {
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 12px;
padding: 15px 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.tab-equipment__image {
width: 80px;
height: 80px;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.tab-equipment__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.tab-equipment__content {
width: calc(100% - 315px);
}
.tab-equipment__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #455067;
padding-bottom: 8px;
}
.tab-equipment__list {
display: flex;
flex-wrap: wrap;
}
.tab-equipment__item {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #455067;
padding-left: 22px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-check-tab.png);
background-repeat: no-repeat;
background-position: 0 center;
margin-right: 12px;
margin-bottom: 8px;
}
.tab-equipment__link {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
transition: 0.3s;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 215px;
}
.tab-equipment__link.in-basket .span {
display: none;
}
.tab-equipment__link:hover {
background-color: #2f82ff;
}
.tab-equipment__link:active {
background-color: #2057e6;
}
.tab-equipment__link span {
width: 30px;
height: 30px;
display: inline-flex;
margin-right: 7px;
color: inherit;
align-items: center;
justify-content: center;
}
.tab-equipment__link.in-basket span {
display: none;
}
.tab-guarantee__wrapper {
display: flex;
justify-content: space-between;
}
.tab-guarantee__col {
width: calc(50% - 20px);
}
.tab-guarantee__content {
box-sizing: border-box;
}
.tab-guarantee__content p {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #282d37;
opacity: 0.7;
margin-bottom: 20px;
}
.card-props-copy {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/card-props-copy.png);
background-repeat: no-repeat;
background-position: center;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
margin-left: 9px;
}
@media (max-width: 650px) {
.card-props-copy {
width: 18px;
height: 18px;
background-size: contain;
}
}
.tab-props__list {
columns: 2;
column-gap: 22px;
}
.tab-props__item {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
margin-bottom: 13px;
}
.tab-props__item:before {
content: "";
display: block;
width: 100%;
position: absolute;
top: calc(50% - 1px);
left: 0;
opacity: 0.3;
border-bottom: 2px dotted #343c4b;
z-index: 0;
}
.tab-props__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #343c4b;
background-color: #fff;
padding-right: 6px;
position: relative;
z-index: 5;
}
.tab-props__value {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #9a9ea5;
background-color: #fff;
padding-left: 5px;
position: relative;
z-index: 5;
}
.tab-reviews {
flex: 1;
}
.tab-reviews__wrapper {
display: flex;
}
.tab-reviews__col-content {
width: calc(100% - 335px);
padding-right: 85px;
box-sizing: border-box;
}
.tab-reviews__col-info {
width: 335px;
user-select: none;
}
.tab-reviews__sticky {
position: sticky;
top: 80px;
padding-bottom: 35px;
}
.tab-reviews__item {
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
margin-bottom: 35px;
}
.tab-reviews__item:last-child {
border-bottom: none;
}
.tab-reviews__top {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
user-select: none;
}
.tab-reviews__image {
width: 48px;
height: 48px;
box-sizing: border-box;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(47, 105, 255, 0.15);
margin-right: 15px;
}
.tab-reviews__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.tab-reviews__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #343c4b;
padding-bottom: 6px;
}
.tab-reviews__date {
top: 0;
right: 0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #9a9ea5;
}
.tab-reviews__text {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #343c4b;
opacity: 0.7;
padding-top: 18px;
padding-bottom: 27px;
}
.tab-reviews__photos {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.tab-reviews__photo {
width: 102px;
height: 70px;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 6px;
margin-right: 7px;
margin-bottom: 7px;
overflow: hidden;
cursor: pointer;
}
.tab-reviews__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tab-reviews__like {
position: relative;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 32px;
color: #9a9ea5;
transition: 0.3s;
cursor: pointer;
margin-top: 18px;
margin-bottom: 18px;
}
.tab-reviews__like.active {
color: #343c4b;
}
.tab-reviews__like:hover {
color: #343c4b;
}
.tab-reviews__like svg {
margin-right: 7px;
flex: none;
}
.tab-reviews__like.active svg,
.tab-reviews__like:hover svg {
fill: #2f69ff;
}
.tab-reviews__like:not(.active) svg {
fill: none;
stroke: currentColor;
stroke-width: 2px;
}
.tab-reviews__props-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 100%;
color: #343c4b;
padding-bottom: 30px;
padding-top: 30px;
}
.tab-reviews__props-item {
display: flex;
justify-content: space-between;
border-bottom: 2px dotted rgba(52, 60, 75, 0.2);
padding-top: 11px;
padding-bottom: 11px;
}
.tab-reviews__props-item > span {
display: inline-block;
width: 22px;
height: 22px;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-info-i.png);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
cursor: pointer;
}
.tab-reviews__prop {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.tab-reviews__prop > span {
padding-left: 5px;
display: inline-block;
vertical-align: top;
color: #2f69ff;
}
.reviews-detail {
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 12px;
}
.reviews-detail__top {
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 30px;
}
.reviews-detail__count-main {
width: 54px;
height: 54px;
background: #e1e1e1;
border-radius: 10px;
font-family: "Acrom", "Arial", sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 26px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
margin-left: 0;
}
.reviews-detail__text span {
display: block;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #343c4b;
padding-bottom: 6px;
}
.reviews-detail__stars span {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #9a9ea5;
display: inline-block;
vertical-align: top;
margin-left: 9px;
padding-bottom: 0;
}
.reviews-detail__bottom {
padding: 21px 30px 30px 30px;
box-sizing: border-box;
}
.reviews-detail__link {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
transition: 0.3s;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
}
.reviews-detail__item {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 3px;
padding-bottom: 4px;
}
.reviews-detail__star {
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 18px;
height: 18px;
}
.reviews-detail__num {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 90%;
color: #9a9ea5;
width: 10px;
text-align: center;
}
.reviews-detail__line-wrapper {
width: calc(100% - 75px);
border-radius: 3px;
background-color: #f1f1f5;
}
.reviews-detail__line {
height: 6px;
border-radius: 3px;
background-color: #ffd600;
}
.reviews-detail__count {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 90%;
color: #9a9ea5;
width: 27px;
}
.tab-get__info {
position: relative;
}
.tab-get__image {
position: absolute;
top: 0;
right: 0;
}
.tab-get__content {
width: calc(100% - 580px);
}
.tab-get__text {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #282d37;
opacity: 0.7;
user-select: none;
}
.tab-get__city-search {
border-radius: 5px;
width: 100%;
position: relative;
z-index: 999;
user-select: none;
}
.tab-get__cities {
user-select: none;
}
.tab-get__cities-wrapper {
position: relative;
margin-top: 26px;
margin-bottom: 32px;
}
.tab-get__cities-wrapper .tab-get__city-list {
position: absolute;
top: calc(100% + 5px);
left: 0;
width: 100%;
max-height: 285px;
overflow: auto;
background-color: #f3f3f7;
border-radius: 6px;
z-index: 9;
box-sizing: border-box;
padding: 15px 25px;
}
.tab-get__cities-wrapper .tab-get__city-list::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e2e2ea;
}
.tab-get__cities-wrapper .tab-get__city-list::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f69ff;
}
.tab-get__cities-wrapper .tab-get__city-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.tab-get__cities-wrapper .tab-get__city-list li {
padding-top: 9px;
padding-bottom: 9px;
}
.tab-get__cities-wrapper .tab-get__city-list li a {
display: inline-block;
position: relative;
padding-bottom: 4px;
width: 100%;
height: 100%;
color: #343c4b;
line-height: 100%;
font-family: "Acrom", "Arial", sans-serif;
font-weight: 500;
font-size: 16px;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tab-get__city-search input {
outline: none;
border: none;
border-radius: 5px;
background: transparent;
height: 52px;
width: 100%;
box-sizing: border-box;
padding-left: 55px;
padding-right: 20px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
}
.tab-get__cities {
padding-bottom: 52px;
}
.tab-get__city {
background: #f3f3f6;
border-radius: 6px;
height: 47px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #343c4b;
padding-left: 20px;
padding-right: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid transparent;
transition: 0.3s;
cursor: pointer;
text-decoration: none;
}
.tab-get__city:hover {
border: 1px solid #2f69ff;
color: #2f69ff;
background-color: rgba(47, 105, 255, 0.15);
}
.tab-get__city.active {
background-color: #2f69ff;
border: 1px solid #2f69ff;
color: #fff;
cursor: default;
}
.tab-get__city-info {
display: flex;
}
.tab-get__city-col {
width: 445px;
margin-right: 22px;
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 12px;
box-sizing: border-box;
padding: 45px 48px;
}
.tab-get__map-col {
width: calc(100% - 467px);
border: 5px solid #fff;
box-sizing: border-box;
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.1));
border-radius: 12px;
}
.tab-get__map-col iframe {
width: 100%;
height: 100%;
border-radius: 12px;
}
.tab-get .get-city__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #455067;
padding-bottom: 27px;
}
.tab-get .get-city__sub-title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #455067;
opacity: 0.5;
margin-bottom: 11px;
}
.tab-get .get-city__info {
margin-bottom: 32px;
}
.tab-get .get-city__info p {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #455067;
}
.tab-get .get-city__phone {
margin-bottom: 27px;
}
.tab-get .get-city__phone a {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #2f69ff;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.tab-get .get-city__link {
box-sizing: border-box;
border-radius: 6px;
height: 52px;
transition: 0.3s;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
}
.get-city__info-wrap {
display: flex;
}
.get-city__info-wrap svg {
margin-right: 17px;
flex: none;
margin-top: 3px;
}
.tab-get .get-city__link:hover {
background-color: #2f82ff;
}
.tab-get .get-city__link:active {
background-color: #2057e5;
}
#cityWorkingHours p:empty::before {
content: '-';
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #2f69ff;
}
.tab-useful__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #455067;
padding-top: 40px;
padding-bottom: 20px;
user-select: none;
}
.tab-useful__text {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: rgba(40, 45, 55, 0.7);
padding-bottom: 15px;
}
.tab-useful__inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tab-useful__item {
width: calc(50% - 11px);
display: flex;
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 12px;
padding: 14px;
box-sizing: border-box;
margin-bottom: 20px;
user-select: none;
}
.tab-useful__video {
width: 245px;
border-radius: 8px;
overflow: hidden;
}
.tab-useful__video-wrapper {
width: 100%;
float: none;
clear: both;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.tab-useful__video-wrapper a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
display: block;
}
.tab-useful__video-wrapper a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tab-useful__video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tab-useful__info {
width: calc(100% - 245px);
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
padding-left: 35px;
box-sizing: border-box;
}
.tab-useful__name {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 100%;
color: #343c4b;
padding-bottom: 15px;
text-decoration: none;
cursor: pointer;
}
.tab-useful__stats {
display: flex;
justify-content: flex-start;
}
.tab-useful__date {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #9a9ea5;
}
.tab-useful__views {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #9a9ea5;
}
.tab-useful__date,
.tab-useful__views {
display: flex;
align-items: center;
}
.tab-useful__date svg,
.tab-useful__views svg {
margin-right: 7px;
}
@media (min-width: 640px) {
.tab-useful .doc {
max-width: calc(100% - 70px);
}
}
@media (min-width: 768px) {
.tab-useful .doc {
max-width: 50%;
}
}
.tab-useful .tab-useful__materials {
margin-bottom: 20px;
}
.tab-trade-in__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #455067;
padding-top: 40px;
padding-bottom: 20px;
}
.tab-trade-in__text {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: rgba(40, 45, 55, 0.7);
padding-bottom: 15px;
}
.tab-trade-in__options {
display: flex;
}
.tab-trade-in__options-inner {
width: calc(100% - 200px);
display: flex;
justify-content: space-between;
border-radius: 6px;
}
.tab-trade-in__option {
position: relative;
width: calc(25% - 3px);
margin-right: 3px;
}
.tab-trade-in__selected {
height: 54px;
background: #f3f3f6;
padding: 0 30px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #455067;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.tab-trade-in__selected:after {
content: "";
display: block;
width: 8px;
height: 8px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
position: absolute;
top: 22px;
right: 20px;
transform: rotate(45deg);
box-sizing: border-box;
}
.tab-trade-in__selected.active:after {
transform: rotate(-135deg);
top: 25px;
}
.tab-trade-in__list {
position: absolute;
top: calc(100% + 3px);
border-radius: 6px;
left: 0;
background: #f3f3f6;
display: none;
z-index: 99;
width: 100%;
box-sizing: border-box;
padding: 8px 30px;
}
.tab-trade-in__list li a {
text-decoration: none;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #455067;
display: block;
}
.tab-trade-in__submit {
border-radius: 6px;
width: 200px;
height: 54px;
display: flex !important;
justify-content: center;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #fff;
}
.tab-trade-in__submit:hover {
background-color: #2f82ff;
}
.tab-trade-in__submit:active {
background-color: #2057e6;
}
.tab-trade-in__note {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: rgba(40, 45, 55, 0.7);
padding-bottom: 15px;
padding-top: 24px;
}
.tab-trade-in__important {
display: flex;
justify-content: space-between;
}
.tab-trade-in__important .important__item {
background: #fff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
width: calc(25% - 16px);
padding: 30px;
box-sizing: border-box;
}
.tab-trade-in__important .important__image {
height: 140px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.tab-trade-in__important .important__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.tab-trade-in__important .important__title {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 100%;
color: #455067;
padding-bottom: 18px;
padding-top: 25px;
}
.tab-trade-in__important .important__list {
padding-bottom: 12px;
}
.tab-trade-in__important .important__list li {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #455067;
padding-bottom: 9px;
padding-left: 22px;
box-sizing: border-box;
position: relative;
}
.tab-trade-in__important .important__list li:before {
content: "";
display: block;
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-check-tab.png);
background-repeat: no-repeat;
background-position: center;
width: 10px;
height: 10px;
position: absolute;
top: 3px;
left: 4px;
}
.tab-trade-in__important .important__note {
background: #f3f3f6;
border-radius: 8px;
padding: 14px 18px;
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: rgba(40, 45, 55, 0.7);
}
.tab-trade-in__important .important__text {
font-family: "Gilroy", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: rgba(69, 80, 103, 0.7);
}
@media (max-width: 1350px) {
.card-tabs__wrapper .card-tab {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
}
@media (max-width: 1100px) {
.card-tabs__wrapper {
padding-top: 15px;
}
.tab-main {
flex-wrap: wrap;
}
.tab-main__left {
width: 100%;
}
.tab-main__right {
width: 100%;
margin-left: 0;
}
.tab-guarantee__wrapper {
flex-wrap: wrap;
}
.tab-guarantee__col {
width: 100%;
}
.tab-props__list {
columns: unset;
}
.tab-reviews__wrapper {
flex-wrap: wrap;
}
.tab-reviews__col-content {
width: 100%;
}
.tab-reviews__col-info {
width: 100%;
}
.tab-get__info {
flex-wrap: wrap;
}
.tab-get__image {
display: none;
}
.tab-get__content {
width: 100%;
}
.tab-get__city-info {
flex-wrap: wrap;
}
.tab-get__city-col {
width: 100%;
order: 2;
}
.tab-get__map-col {
width: 100%;
height: 300px;
order: 1;
}
.tab-useful__item {
flex-wrap: wrap;
}
.tab-useful__video {
width: 100%;
}
.tab-useful__info {
width: 100%;
padding-left: 0;
padding-top: 10px;
}
.tab-trade-in__options {
flex-wrap: wrap;
}
.tab-trade-in__options-inner {
flex-wrap: wrap;
width: 100%;
}
.tab-trade-in__option {
width: 100%;
margin-bottom: 10px;
}
.tab-trade-in__submit {
width: 100%;
}
.tab-trade-in__important {
flex-wrap: wrap;
}
.tab-trade-in__important .important__item {
width: 100%;
}
}
@media (max-width: 650px) {
.card-tab-content__title {
font-size: 18px;
padding-top: 30px;
padding-bottom: 18px;
}
.card-tab-content__title .reviews-count-mob {
font-weight: 500;
font-size: 18px;
color: #9a9ea5;
display: inline-block;
margin-left: 8px;
line-height: 100%;
vertical-align: top;
}
.card-tabs {
display: none;
}
.tab-main .show-trigger {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tab-main .show-trigger span {
font-size: 12px;
line-height: 14px;
}
.tab-main .show-trigger span:after {
width: 4px;
height: 4px;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
top: 3px;
}
.tab-main__left .tab-description__wrapper p {
font-size: 12px;
line-height: 14px;
}
.tab-main__left .tab-equipment {
display: none;
}
.tab-main__right .tab-reviews .reviews-detail__link {
display: flex;
margin-top: 25px;
}
.tab-documentation {
display: none;
}
.tab-documentation__item {
margin-bottom: 5px;
}
.tab-documentation__file {
width: 20px !important;
}
.tab-documentation__inner {
flex-wrap: wrap;
width: 100%;
}
.tab-documentation__inner:before {
top: auto !important;
bottom: 5px;
}
.tab-documentation__name {
font-size: 12px !important;
line-height: normal !important;
width: 100% !important;
padding-right: 0 !important;
}
.tab-documentation__size {
font-size: 12px !important;
line-height: normal !important;
padding-left: 0 !important;
padding-right: 3px;
}
.tab-equipment__wrapper {
flex-wrap: wrap;
padding: 0;
justify-content: flex-start;
align-items: flex-start;
box-shadow: none;
}
.tab-equipment__content {
width: calc(100% - 100px);
}
.tab-equipment__title {
font-size: 16px;
line-height: 19px;
}
.tab-equipment__item {
font-size: 14px;
line-height: 17px;
display: block;
width: 100%;
}
.tab-equipment__link {
width: 100% !important;
margin-top: 20px;
}
.tab-guarantee .card-tab-content__title {
padding-top: 0;
}
.tab-guarantee__content p {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}
.tab-props__item {
margin-bottom: 8px;
}
.tab-props__name {
font-size: 12px;
line-height: 14px;
}
.tab-props__value {
font-size: 12px;
line-height: 14px;
}
.tab-reviews__top {
flex-wrap: wrap;
}
.tab-reviews__name {
font-size: 14px;
}
.tab-reviews__date {
font-size: 12px;
position: relative;
width: 100%;
margin-left: 63px;
}
.tab-reviews__text {
font-size: 12px;
line-height: normal;
padding-top: 13px;
padding-bottom: 15px;
}
.tab-reviews__photo {
width: 82px;
height: 58px;
}
.tab-reviews__like {
font-size: 12px;
margin-top: 4px;
margin-bottom: 4px;
}
.tab-get .card-tab-content__title {
padding-top: 0;
}
.tab-get__text {
font-size: 12px;
line-height: 14px;
}
.tab-get__city-search {
z-index: 1;
}
.tab-get__city-search input {
height: 46px;
font-size: 14px;
}
.tab-get__cities {
display: none;
}
.tab-get__city-col {
padding: 0;
margin-top: 20px;
margin-right: 0;
box-shadow: none;
}
.tab-get__map-col {
border: none;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.tab-get__map-col iframe {
border-radius: 0;
}
.tab-get .get-city__name {
font-size: 18px;
padding-top: 10px;
}
.tab-get .get-city__sub-title {
font-size: 12px;
line-height: 14px;
margin-bottom: 8px;
}
.tab-get .get-city__info {
font-size: 12px;
line-height: 14px;
min-height: 22px;
margin-bottom: 15px;
}
.tab-get .get-city__info p {
font-size: 12px;
line-height: 14px;
}
.tab-get .get-city__link {
margin-top: 20px;
margin-bottom: 20px;
height: 46px;
font-size: 14px;
}
.tab-useful__title {
font-size: 18px;
line-height: normal;
padding-top: 25px;
padding-bottom: 10px;
}
.tab-useful__text {
font-size: 12px;
line-height: 14px;
}
.tab-useful__inner {
overflow: auto;
flex-wrap: nowrap;
justify-content: flex-start;
}
.tab-useful__item {
width: 232px;
padding: 0;
margin-right: 8px;
box-shadow: none;
flex-shrink: 0;
}
.tab-useful__name {
font-size: 14px;
line-height: 100%;
padding-bottom: 10px;
}
.tab-useful__date {
font-size: 12px;
line-height: 20px;
}
.tab-useful__views {
font-size: 12px;
line-height: 20px;
}
.tab-trade-in__title {
font-size: 18px;
line-height: normal;
padding-top: 0;
}
.tab-trade-in__text {
font-size: 12px;
line-height: 14px;
}
.tab-trade-in__selected {
height: 46px;
}
.tab-trade-in__selected:after {
top: 19px;
}
.tab-trade-in__submit {
height: 46px;
font-size: 14px;
}
.tab-trade-in__note {
font-size: 12px;
line-height: 14px;
}
.tab-trade-in__important-top {
display: flex;
justify-content: flex-start;
align-items: center;
padding-right: 35px;
position: relative;
}
.tab-trade-in__important-top.active {
background: #f3f3f6;
border-radius: 8px;
}
.tab-trade-in__important-top:after {
content: "";
display: block;
width: 8px;
height: 8px;
border-right: 3px solid #9a9ea5;
border-bottom: 3px solid #9a9ea5;
position: absolute;
top: 22px;
right: 20px;
transform: rotate(45deg);
box-sizing: border-box;
}
.tab-trade-in__important-bottom {
display: none;
padding: 15px;
}
.tab-trade-in__important .important__item {
padding: 5px;
margin-bottom: 8px;
}
.tab-trade-in__important .important__image {
width: 75px;
height: 60px;
margin-right: 18px;
align-items: center;
}
.tab-trade-in__important .important__title {
font-size: 14px;
line-height: normal;
padding-top: 0;
padding-bottom: 0;
}
.tab-trade-in__important .important__list li {
font-size: 12px;
line-height: 14px;
}
.tab-trade-in__important .important__note {
font-size: 12px;
line-height: 14px;
}
.tab-trade-in__important .important__text {
font-size: 12px;
line-height: 14px;
}
.tab-reviews__col-content {
padding-right: 0;
}
.tab-reviews__sticky {
padding-bottom: 0;
}
.card-menu-reviews.card-menu-trigger {
padding-bottom: 40px;
}
}
.card-trigger-mobile {
display: none;
}
.card-menu-title {
display: none;
}
@media (max-width: 650px) {
.card-menu-trigger {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 999999;
overflow: auto;
padding: 75px 15px 75px 15px;
box-sizing: border-box;
}
.card-menu-title {
background-color: #2f69ff;
height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 17px;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.card-menu-title span {
width: 50px;
height: 50px;
background-color: #0d3fbd;
margin-right: 22px;
position: relative;
flex: none;
}
.card-menu-title span::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
position: absolute;
top: 20px;
right: 17px;
transform: rotate(135deg);
box-sizing: border-box;
}
.card-tab-content__title-mobile {
display: none;
}
.card-trigger-mobile {
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
.card-trigger-mobile__item {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 40px;
color: #343c4b;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
position: relative;
}
.card-trigger-mobile__item:after {
content: "";
display: block;
width: 6px;
height: 6px;
border-right: 2px solid #9a9ea5;
border-bottom: 2px solid #9a9ea5;
position: absolute;
top: 17px;
right: 5px;
transform: rotate(-45deg);
box-sizing: border-box;
}
}
.similar-products__title {
padding-top: 46px;
padding-bottom: 35px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
}
.similar-products .show-more__mobile {
display: none;
}
.similar-products__slider {
position: relative;
}
.bx-touch .similar-products__slider .owl-carousel {
pointer-events: none;
}
.compare-page .compare-top .catalog-main__credit {
height: 100%;
}
.compare-page .compare-top .owl-carousel .owl-stage-outer {
overflow-x: clip;
}
.compare-products {
transition: transform .3s ease-in-out;
}
@media (min-width: 801px) {
.compare-products.fixed.hided {
transform: translate3d(0, -100%, 0);
box-shadow: none;
opacity: 0;
}
}
.similar-products__slider img {
width: auto !important;
}
.similar-products__slider .owl-nav {
position: absolute;
top: calc(50% - 25px);
left: 0;
width: 100%;
}
.similar-products__slider .owl-nav button {
background-image: url(/local/templates/globaldrive_new/css/../images/icons/icon-arrow-black.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: auto;
width: 50px;
height: 50px;
position: absolute;
border: 1px solid #d7dae0 !important;
border-radius: 50%;
transition: 0.3s;
}
.similar-products__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
left: -90px;
}
.similar-products__slider .owl-nav button.owl-next {
right: -90px;
}
.similar-products__slider .owl-nav button.disabled {
display: none;
}
.similar-products__slider .owl-nav button:hover {
background-position: calc(100% - 4px) center !important;
}
@media (max-width: 850px) {
.similar-products__slider .owl-nav {
position: unset;
top: 0;
left: 0;
width: 100%;
}
.similar-products__slider .owl-nav button {
background-size: 20px !important;
background-position: 5px center !important;
width: 35px;
height: 35px;
}
.similar-products__slider .owl-nav button:hover {
background-position: 5px center !important;
}
.similar-products__slider .owl-nav button.owl-prev {
transform: rotate(180deg);
left: 0;
top: 30%;
}
.similar-products__slider .owl-nav button.owl-next {
right: 0;
top: 30%;
}
.similar-products__slider .owl-nav button.disabled {
display: none;
}
}
@media (max-width: 500px) {
.similar-products__slider .owl-nav button.owl-prev {
top: 27%;
}
.similar-products__slider .owl-nav button.owl-next {
top: 27%;
}
}
@media (max-width: 650px) {
.similar-products__title {
padding-bottom: 21px;
padding-top: 28px;
font-size: 18px;
line-height: 22px;
}
.similar-products .show-more {
display: none;
}
.similar-products .show-more__mobile {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #2f69ff;
box-sizing: border-box;
border-radius: 6px;
width: 100%;
height: 46px;
margin-top: 10px;
}
.similar-products .show-more__mobile a {
display: inline-block;
margin-left: 0;
}
.similar-products__slider {
height: auto;
}
}
.similar-products.is-redesign {
overflow: hidden;
padding-bottom: 40px;
}
.similar-products.is-redesign ~ .card-brand .card-brand__inner {
padding-top: 20px;
}
.similar-products.is-redesign .similar-products__title.is-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.similar-products.is-redesign .similar-products__title.is-flex .show-more:hover {
text-decoration: underline;
}
.similar-products.is-redesign .similar-products__slider.owl-carousel:not(.owl-loaded) {
opacity: 0;
visibility: hidden;
}
.similar-products.is-redesign .similar-products__slider > .owl-stage-outer {
overflow: visible;
height: auto !important;
}
.similar-products.is-redesign .similar-products__slider > .owl-stage-outer > .owl-stage > .owl-item:not(.active) {
opacity: 0;
visibility: hidden;
}
@media (max-width: 575px) {
.similar-products.is-redesign .catalog-main__hover.is-redesign .retail_add2basket {
background: #2f69ff;
}
.similar-products.is-redesign .owl-carousel .owl-carousel .owl-dots {
display: none !important;
}
}
.similar-products.is-redesign .similar-products__slider img {
width: 100% !important;
object-fit: contain;
}
@media (max-width: 479px) {
.similar-products.is-redesign .similar-products__slider .catalog-main__fast-buy {
flex: 1;
padding-left: 5px;
padding-right: 5px;
}
}
/* Product detail redesign */
.card-top__header {
margin-bottom: 25px;
}
@media (min-width: 651px) {
.card-top__header .card__title {
padding: 0;
}
}
.card-top__header-main {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 10px;
}
@media (max-width: 1100px) {
.card-top__header-main {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
.card-top__header-main > *:not(:last-child) {
margin-right: 25px;
}
.card-top__header-main .card-top__actions {
padding-left: 0;
}
.card-top .card-top__header-main .card-info__article {
font-size: 14px;
}
@media (min-width: 1101px) {
.card-top__header-main .card-info__brand-info {
display: none;
}
}
.card-info__bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
user-select: none;
}
@media (min-width: 1100px) {
.card-top .card-info__reviews {
display: inline-block;
white-space: nowrap;
}
.card-top .card-info__rating-text {
white-space: nowrap;
}
}
.card-info__bottom > * {
margin: 0 10px 20px 0;
}
.card-top .card-info__btns {
padding-bottom: 20px;
}
@media (min-width: 651px) and (max-width: 1099px) {
.card-info__brand-info {
display: flex;
user-select: none;
}
.card-info__brand-info .card-info__av {
white-space: nowrap;
}
.card-info__brand-info .card-info__skill {
flex: 1;
margin-left: 15px;
min-width: 0;
}
.card-info__brand-info .card-info__skill .card-skill {
margin: 0;
min-height: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.card-info__brand-info .card-info__brand-col {
flex: 1;
}
.card-info__brand-info .card-skill__info {
min-width: 0;
}
.card-info__brand-info p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
}
.card-info__brand-info .card-info__skill img {
width: 38px;
height: 38px;
}
.card-info__brand-info .card-info__skill .card-skill__info span {
font-size: 16px;
}
}
@media (min-width: 651px) {
.card-info__brand-info + .card-info__variants {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 1400px) {
.card-info__brand-info + .card-info__variants {
margin-top: 25px;
margin-bottom: 25px;
}
}
.card-info__brand-col {
display: flex;
align-items: center;
user-select: none;
gap: 30px;
}
.card-info__brand-info .card-info__rating-text {
display: none;
}
.card-info__brand-info .card-info__rating .card-info__col {
order: -1;
}
.card-info__brand-info .card-info__count {
margin-left: 0;
}
.card-info__brand-info .card-info__rating--container {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.card-top .card-info__brand-info .card-info__reviews {
margin: 0;
}
.card-info__brand-col .card-info__brand .brand__img-wrapper {
width: 165px;
cursor: pointer;
padding-top: 7px;
padding-bottom: 7px;
justify-content: space-between;
border: none;
}
.card-info__brand-col .card-info__brand .brand__img-wrapper-main {
flex: 1;
max-height: 100%;
display: flex;
}
.card-info__brand-col .card-info__brand .brand__img-wrapper img {
margin-left: auto;
margin-right: auto;
object-fit: contain;
}
.card-info__brand-col .card-info__brand {
padding: 0;
margin-right: 15px;
}
@media (min-width: 651px) {
.card-info__brand-col .card-info__av {
flex: 1;
padding: 10px 20px;
background: #f3f3f6;
border: 2px solid #f3f3f6;
border-radius: 6px;
height: 65px;
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
}
}
.card-info__brand-col .card-info__brand-more {
background: #f3f3f6;
border-radius: 8px;
width: 33px;
height: 33px;
position: relative;
margin-left: 10px;
flex: none;
}
.card-info__brand-col .card-info__brand-more svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
fill: #343c4b;
opacity: 0.5;
transition: all 0.3s;
}
.card-info__brand-col .brand__img-wrapper:hover .card-info__brand-more svg {
opacity: 1;
}
.card-info__brand-col .card-info__av .card-info__availability-location {
font-size: 14px;
color: #343c4b;
opacity: 0.5;
font-weight: 500;
}
@media (max-width: 650px) {
.card-top .card-info__availability {
font-size: 14px;
}
.card-top .card-info__guarantee {
font-size: 16px;
line-height: 1.3;
}
.card-top .card-info__guarantee:after {
top: 11px;
}
.card-top .card-info__guarantee span {
font-size: 16px;
}
.card-info__stars {
margin-bottom: 3px;
}
.card-top .card-info__reviews {
font-size: 14px;
}
.card-top .card-info__reviews:after {
right: -20px;
top: 7px !important;
}
.card-top__info {
gap: 20px 0;
}
.card-info__bottom {
flex-wrap: nowrap;
margin-bottom: 0;
}
.catalog-main__credit-text {
margin-bottom: 2px;
}
.card-top .card-info__less-price-wrap {
margin-top: 0;
}
.card-top .card-info__btns {
margin: 0;
padding: 0;
}
.card-top .card-info__btns a {
margin-bottom: 0;
}
.card-top .card-info__buy {
margin-left: 0;
height: 45px;
}
.card-top .card-info__rating {
margin-bottom: 0;
margin-right: 0;
}
.card-info__price-info {
margin: 0;
}
.card-info__price-info-main {
margin-bottom: 0;
}
}
@media (max-width: 479px) {
.card-top__installment .decor-installment::after {
right: 9px;
}
.card-top__installment .decor-installment {
padding-top: 4px;
padding-bottom: 4px;
}
}
@media (max-width: 339px) {
.card-top .card-info__btns > * {
flex: 0 0 100%;
max-width: 100%;
}
}
.product-content-brand-advantages .wrapper {
padding: 0;
}
.product-content-brand-advantages {
min-height: 100px;
}
@media (min-width: 651px) {
.product-content-brand-advantages {
position: relative;
}
}
@media (min-width: 992px) {
.product-content-brand-advantages {
margin: -20px -25px;
}
}
@media (min-width: 1151px) {
.product-content-brand-advantages {
margin: -30px -40px;
}
}
.card-tab-content__preloader.html-spinner {
position: absolute;
left: 50%;
top: 50%;
margin: -20px -20px 0 0;
}
/*card styles finish
///////////////////////
///////////////////////
*/
.similar-products__title {
padding-top: 46px;
padding-bottom: 35px;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 38px;
color: #343c4b;
}
.similar-products__slider img {
width: auto !important;
}
.__jivoMobileButton {
bottom: 40px !important;
}
.html-spinner {
width: 40px;
height: 40px;
border: 4px solid #2f69fd;
border-top: 4px solid white;
border-radius: 50%;
}
.html-spinner,
#svg-spinner {
-webkit-transition-property: -webkit-transform;
-webkit-animation-name: rotate;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-transition-property: -moz-transform;
-moz-animation-name: rotate;
-moz-animation-duration: 1.2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
transition-property: transform;
animation-name: rotate;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* spinner positioning */
.html-spinner,
#svg-spinner {
position: relative;
margin-left: auto;
margin-right: auto;
}
.logo-whatsapp {
height: 60%;
margin-right: 10px;
}
.star-voted-svg {
height: 14px;
width: 14px;
margin-right: 5px;
color: #FFD600;
}
.star-empty-svg {
margin-right: 5px;
height: 14px;
width: 14px;
color: #343C4B;
}
.card-top .card-info__rating {
position: relative;
}
.card-top .card-info__reviews {
margin-top: 5px;
}
.card-top .card-info__reviews:after {
transition: 0.3s;
}
.card-top .card-info__reviews.open:after {
transform: translateY(-50%) rotate(225deg);
top: 65%;
}
.card-top .card-info__rating .reviews-detail {
position: absolute;
bottom: calc(100% + 20px);
left: 80px;
display: none;
background: #fff;
border-radius: 8px;
-webkit-filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
width: 350px;
box-sizing: border-box;
z-index: 999;
transform: translateX(-50%);
}
.card-top .card-info__rating .reviews-detail:after {
content: "";
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
position: absolute;
bottom: -7px;
left: calc(50% - 5px);
background-color: #fff;
}
@media (max-width: 1100px) {
.card-top .card-info__rating .reviews-detail {
left: -1%;
transform: none;
}
.card-top .card-info__rating .reviews-detail:after {
left: 75px;
}
}
@media (max-width: 700px) {
.reviews-detail .reviews-detail__top {
padding: 20px 15px;
}
.reviews-detail .reviews-detail__bottom {
padding: 20px 15px 25px;
}
.reviews-detail__bottom .reviews-detail__bottom-wrapper:first-child {
display: none;
}
.reviews-detail__bottom .reviews-detail__bottom-wrapper .reviews-detail__link {
margin-top: 0;
}
}
@media (max-width: 650px) {
.card-top .card-info__reviews:after {
top: 4px;
}
.card-top .card-info__rating .reviews-detail {
width: 290px;
}
.card-top .card-info__rating .reviews-detail:after {
left: 60px;
}
.card-top .card-info__reviews.open:after {
top: 6px;
}
}
@media (max-width: 390px) {
.star-voted-svg,
.star-empty-svg {
width: 12px;
height: 12px;
margin-right: 1px;
}
.card-top .card-info__rating .reviews-detail {
left: -110%;
}
.card-top .card-info__rating .reviews-detail:after {
left: 70%;
}
}
@media (max-width: 360px) {
.card-top .card-info__rating .reviews-detail {
left: -110%;
}
.card-top .card-info__rating .reviews-detail:after {
left: 70%;
}
}
.product-content-reviews.modal-visible {
display: block !important;
}
.bx-catalog-subscribe-button {
display: flex;
position: relative;
padding: 0 10px !important;
height: 36px;
width: 100%;
justify-content: center;
align-items: center;
color: #fff;
background-color: #2f69ff;
line-height: normal;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
border-radius: 6px;
box-sizing: border-box;
transition: 0.3s;
}
.bx-catalog-subscribe-button:hover {
background-color: #2f82ff;
}
.bx-catalog-subscribe-button:active {
background-color: #2057e6;
}
.bx-catalog-subscribe-button span {
color: #fff;
white-space: nowrap;
cursor: pointer;
}
.popup-window-content-white {
border-radius: 12px;
padding: 30px !important;
}
.popup-window-buttons {
padding: 0 !important;
}
.popup-window-buttons > span {
height: 42px;
width: 100%;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: normal;
position: relative;
color: #fff;
background-color: #fff;
padding: 0 15px !important;
box-sizing: border-box;
cursor: pointer;
border: 1px solid #d7dae0 !important;
}
.popup-window-buttons > span:hover {
background-color: #2f82ff;
}
.popup-window-buttons > span:active {
background-color: #2057e6;
}
.popup-window-buttons > span span {
color: #343c4b;
}
.popup-window-buttons > span:hover span {
color: #fff !important;
}
.popup-window-buttons > span.btn-primary {
margin-bottom: 12px !important;
border: none;
color: #fff;
background-color: #2f69ff;
}
.popup-window-buttons > span.btn-primary span {
color: #fff;
}
.popup-window-buttons > span.btn-primary:hover {
background-color: #2f82ff;
color: #fff;
}
.popup-window-content {
padding: 0 0 25px !important;
}
.bx-catalog-subscribe-form-container-label {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
padding-bottom: 10px;
}
.popup-window-titlebar-text {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: normal;
text-align: center;
color: #343c4b;
padding: 5px 0 30px !important;
}
.bx-catalog-subscribe-form-container-input input {
height: 48px;
outline: none;
border: none;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 2px solid #d7dae0;
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
box-sizing: border-box;
padding-left: 22px;
padding-right: 22px;
background-color: #f3f3f6;
}
.modal-video-content {
position: relative;
padding-bottom: 56.25%;
/* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
height: 0;
overflow: hidden;
border-radius: 8px;
}
.modal-video-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
.modal-fastView-content .reviews-detail__link {
display: none;
}
.catalog__inner {
position: relative;
}
.preloader.filter img {
position: sticky;
top: 0;
}
.preloader.filter {
display: none !important;
position: absolute;
top: 0;
left: 50%;
z-index: 1000000;
margin-left: -50%;
background: #fff;
width: 100%;
height: 100%;
bottom: 0;
text-align: center;
}
.preloader.search {
position: fixed;
top: 0;
left: 50%;
z-index: 1000000;
margin-left: -50%;
background: #fff;
width: 100%;
height: 100%;
bottom: 0;
text-align: center;
}
.preloader.none {
display: none !important;
}
@media (max-width: 991px) {
.preloader.filter {
position: fixed;
}
.preloader.filter img {
position: sticky;
top: 20%;
}
}
.card #propText {
height: 1px;
padding: 0;
}
.preloader.search img {
position: sticky;
top: 20%;
}
.eapps-countdown-timer-header-title-text p b {
font-family: "Acrom", "Arial", sans-serif;
color: #ffffff;
}
/* Новые стили попапа Ваш заказ - начало */
.modal-addBasket__title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.modal-addBasket__title {
font-weight: 500;
font-size: 32px;
line-height: 38px;
}
.modal-addBasket__continue-buying {
float: right;
margin: 1em 3em;
}
.modal-addBasket__continue-buying-link {
display: inline-block;
width: 100%;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #343c4b;
opacity: 0.5;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: all 0.3s;
}
.modal-addBasket__continue-buying-link:hover {
border-bottom: 1px solid;
}
.basket-delivery {
display: flex;
justify-content: space-between;
padding: 20px;
background: #f3f3f6;
border-radius: 8px;
}
.modal-addBasket__delivery {
margin-bottom: 21px;
}
.basket-delivery__title {
display: flex;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 19px;
flex-shrink: 0;
}
.basket-delivery__title:before {
content: "";
width: 36px;
height: 20px;
display: block;
margin-right: 10px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMTIxNDcgNC44OTc5NlYxMC42MTIyQzQuMTIxNDcgMTMuNTQyNyA2LjUyMDMgMTUuOTE4NCA5LjQ3OTM5IDE1LjkxODRIMTEuNzk5M0MxMi44ODY2IDE3LjY1MDIgMTQuNDM2OCAxOS4wNjczIDE2LjI3ODcgMjBIOS40NzkzOUM0LjI0NDA3IDIwIDAgMTUuNzk3IDAgMTAuNjEyMlY0Ljg5Nzk2SDQuMTIxNDdaIiBmaWxsPSIjMkY2OUZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYuNTg0NyAyMEgzNlYxNS45MTg0SDMxLjA2NEgyOS41NzE4SDIxLjQzMTdDMTguMTMxMSAxNS45MTg0IDE1LjQ1NTUgMTMuMjY4NiAxNS40NTU1IDEwQzE1LjQ1NTUgNi43MzEzOCAxOC4xMzExIDQuMDgxNjMgMjEuNDMxNyA0LjA4MTYzQzI0LjczMjIgNC4wODE2MyAyNy40MDc4IDYuNzMxMzggMjcuNDA3OCAxMEMyNy40MDc4IDExLjc5NTYgMjYuNjAwNCAxMy40MDQ0IDI1LjMyNTUgMTQuNDg5OEgzMC40NTY4QzMxLjE0MjkgMTMuMTM5NyAzMS41MjkzIDExLjYxNDUgMzEuNTI5MyAxMEMzMS41MjkzIDQuNDc3MTUgMjcuMDA4NCAwIDIxLjQzMTcgMEMxNS44NTQ5IDAgMTEuMzM0MSA0LjQ3NzE1IDExLjMzNDEgMTBDMTEuMzM0MSAxMi4yMTQ3IDEyLjA2MSAxNC4yNjEzIDEzLjI5MTYgMTUuOTE4NEMxNS4xMjk2IDE4LjM5MzYgMTguMDkxMiAyMCAyMS40MzE3IDIwSDI2LjU4NDdaIiBmaWxsPSIjMkY2OUZGIi8+Cjwvc3ZnPgo=");
}
.basket-delivery__types {
display: flex;
flex-wrap: wrap;
margin-bottom: -10px;
}
.basket-delivery__type {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.basket-delivery__type:not(:last-child) {
margin-right: 22px;
}
.basket-delivery__type-title {
font-weight: 700;
font-size: 16px;
line-height: 19px;
}
.basket-delivery__type-image {
display: block;
width: 22px;
height: 22px;
margin-right: 8px;
}
.basket-delivery__type-image_courier {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjAzNTQgNC41ODMwOEMxLjUxMjQ0IDQuNTgxNzkgMS40MjE5OSA0LjU5ODYyIDEuMzM3NDUgNC42MzI1OUMxLjI1MjkxIDQuNjY2NTYgMS4xNzU5NiA0LjcxNyAxLjExMTA4IDQuNzgwOTdDMS4wNDYyIDQuODQ0OTMgMC45OTQ2ODYgNC45MjExNiAwLjk1OTUyMiA1LjAwNTIxQzAuOTI0MzU4IDUuMDg5MjYgMC45MDYyNSA1LjE3OTQ3IDAuOTA2MjUgNS4yNzA1OEMwLjkwNjI1IDUuMzYxNjkgMC45MjQzNTggNS40NTE4OSAwLjk1OTUyMiA1LjUzNTk0QzAuOTk0Njg2IDUuNjE5OTkgMS4wNDYyIDUuNjk2MjIgMS4xMTEwOCA1Ljc2MDE5QzEuMTc1OTYgNS44MjQxNSAxLjI1MjkxIDUuODc0NTkgMS4zMzc0NSA1LjkwODU2QzEuNDIxOTkgNS45NDI1MyAxLjUxMjQ0IDUuOTU5MzYgMS42MDM1NCA1Ljk1ODA4SDguNDc4NTRDOC41Njk2NCA1Ljk1OTM2IDguNjYwMDkgNS45NDI1MyA4Ljc0NDYzIDUuOTA4NTZDOC44MjkxNyA1Ljg3NDU5IDguOTA2MTIgNS44MjQxNSA4Ljk3MSA1Ljc2MDE5QzkuMDM1ODggNS42OTYyMiA5LjA4NzQgNS42MTk5OSA5LjEyMjU2IDUuNTM1OTRDOS4xNTc3MyA1LjQ1MTg5IDkuMTc1ODMgNS4zNjE2OSA5LjE3NTgzIDUuMjcwNThDOS4xNzU4MyA1LjE3OTQ3IDkuMTU3NzMgNS4wODkyNiA5LjEyMjU2IDUuMDA1MjFDOS4wODc0IDQuOTIxMTYgOS4wMzU4OCA0Ljg0NDkzIDguOTcxIDQuNzgwOTdDOC45MDYxMiA0LjcxNyA4LjgyOTE3IDQuNjY2NTYgOC43NDQ2MyA0LjYzMjU5QzguNjYwMDkgNC41OTg2MiA4LjU2OTY0IDQuNTgxNzkgOC40Nzg1NCA0LjU4MzA4SDEuNjAzNTRaTTExLjIyODUgNC41ODMwOEMxMS4xMzc0IDQuNTgxNzkgMTEuMDQ3IDQuNTk4NjIgMTAuOTYyNCA0LjYzMjU5QzEwLjg3NzkgNC42NjY1NiAxMC44MDEgNC43MTcgMTAuNzM2MSA0Ljc4MDk3QzEwLjY3MTIgNC44NDQ5MyAxMC42MTk3IDQuOTIxMTYgMTAuNTg0NSA1LjAwNTIxQzEwLjU0OTQgNS4wODkyNiAxMC41MzEyIDUuMTc5NDcgMTAuNTMxMiA1LjI3MDU4QzEwLjUzMTIgNS4zNjE2OSAxMC41NDk0IDUuNDUxODkgMTAuNTg0NSA1LjUzNTk0QzEwLjYxOTcgNS42MTk5OSAxMC42NzEyIDUuNjk2MjIgMTAuNzM2MSA1Ljc2MDE5QzEwLjgwMSA1LjgyNDE1IDEwLjg3NzkgNS44NzQ1OSAxMC45NjI0IDUuOTA4NTZDMTEuMDQ3IDUuOTQyNTMgMTEuMTM3NCA1Ljk1OTM2IDExLjIyODUgNS45NTgwOEgxMi42MDM1QzEyLjk5MTUgNS45NTgwOCAxMy4yOTEgNi4yNTc2IDEzLjI5MSA2LjY0NTU4VjE1LjEyNDdIOC4xNTA5MUM3Ljg0ODY4IDE0LjA3MTMgNi44NzQyNSAxMy4yOTE0IDUuNzI4NTQgMTMuMjkxNEM0LjU4MjgzIDEzLjI5MTQgMy42MDg0IDE0LjA3MTMgMy4zMDYxOCAxNS4xMjQ3SDIuOTc4NTRDMi41OTA1NiAxNS4xMjQ3IDIuMjkxMDQgMTQuODI1MiAyLjI5MTA0IDE0LjQzNzJWMTMuNTIwNkMyLjI5MjM2IDEzLjQyODYgMi4yNzUyIDEzLjMzNzIgMi4yNDA1NiAxMy4yNTJDMi4yMDU5MyAxMy4xNjY3IDIuMTU0NTMgMTMuMDg5MiAyLjA4OTQyIDEzLjAyNDJDMi4wMjQzIDEyLjk1OTIgMS45NDY3OSAxMi45MDc5IDEuODYxNDkgMTIuODczNEMxLjc3NjE4IDEyLjgzODggMS42ODQ4MiAxMi44MjE4IDEuNTkyOCAxMi44MjMyQzEuNDEwNjIgMTIuODI2MSAxLjIzNzAyIDEyLjkwMTEgMS4xMTAxMyAxMy4wMzE5QzAuOTgzMjM0IDEzLjE2MjYgMC45MTM0MjggMTMuMzM4NCAwLjkxNjA0MiAxMy41MjA2VjE0LjQzNzJDMC45MTYwNDIgMTUuNTY4MiAxLjg0NzYgMTYuNDk5NyAyLjk3ODU0IDE2LjQ5OTdIMy4zMDYxOEMzLjYwODQgMTcuNTUzMiA0LjU4MjgzIDE4LjMzMzEgNS43Mjg1NCAxOC4zMzMxQzYuODc0MjUgMTguMzMzMSA3Ljg0ODY4IDE3LjU1MzIgOC4xNTA5MSAxNi40OTk3SDEzLjg0NzhDMTQuMTUwMSAxNy41NTMyIDE1LjEyNDUgMTguMzMzMSAxNi4yNzAyIDE4LjMzMzFDMTcuNDE1OSAxOC4zMzMxIDE4LjM5MDMgMTcuNTUzMiAxOC42OTI2IDE2LjQ5OTdIMTkuMDIwMkMyMC4xNTExIDE2LjQ5OTcgMjEuMDgyNyAxNS41NjgyIDIxLjA4MjcgMTQuNDM3MlYxMS41MjA3QzIxLjA4MjcgMTEuMjMxMyAyMS4wMjE2IDEwLjk0NzEgMjAuOTA1NSAxMC42ODQ2QzIwLjkwNTIgMTAuNjg0MyAyMC45MDQ5IDEwLjY4NCAyMC45MDQ2IDEwLjY4MzdMMTkuNTUyOCA3LjY0MTkxVjcuNjQxMDJDMTkuMjIyOCA2Ljg5NzgxIDE4LjQ4MTYgNi40MTY0MSAxNy42Njg1IDYuNDE2NDFIMTQuNjQyOEMxNC41MjU5IDUuMzkyNzggMTMuNjU2MSA0LjU4MzA4IDEyLjYwMzUgNC41ODMwOEgxMS4yMjg1Wk0xLjYwMzU0IDcuMzMzMDhDMS41MTI0NCA3LjMzMTc5IDEuNDIxOTkgNy4zNDg2MiAxLjMzNzQ1IDcuMzgyNTlDMS4yNTI5MSA3LjQxNjU2IDEuMTc1OTYgNy40NjcgMS4xMTEwOCA3LjUzMDk3QzEuMDQ2MiA3LjU5NDkzIDAuOTk0Njg2IDcuNjcxMTYgMC45NTk1MjIgNy43NTUyMUMwLjkyNDM1OCA3LjgzOTI2IDAuOTA2MjUgNy45Mjk0NyAwLjkwNjI1IDguMDIwNThDMC45MDYyNSA4LjExMTY5IDAuOTI0MzU4IDguMjAxODkgMC45NTk1MjIgOC4yODU5NEMwLjk5NDY4NiA4LjM2OTk5IDEuMDQ2MiA4LjQ0NjIyIDEuMTExMDggOC41MTAxOUMxLjE3NTk2IDguNTc0MTUgMS4yNTI5MSA4LjYyNDU5IDEuMzM3NDUgOC42NTg1NkMxLjQyMTk5IDguNjkyNTMgMS41MTI0NCA4LjcwOTM2IDEuNjAzNTQgOC43MDgwOEg2LjY0NTIxQzYuNzM2MzEgOC43MDkzNiA2LjgyNjc2IDguNjkyNTMgNi45MTEzIDguNjU4NTZDNi45OTU4NCA4LjYyNDU5IDcuMDcyNzkgOC41NzQxNSA3LjEzNzY3IDguNTEwMTlDNy4yMDI1NSA4LjQ0NjIyIDcuMjU0MDYgOC4zNjk5OSA3LjI4OTIzIDguMjg1OTRDNy4zMjQzOSA4LjIwMTg5IDcuMzQyNSA4LjExMTY5IDcuMzQyNSA4LjAyMDU4QzcuMzQyNSA3LjkyOTQ3IDcuMzI0MzkgNy44MzkyNiA3LjI4OTIzIDcuNzU1MjFDNy4yNTQwNiA3LjY3MTE2IDcuMjAyNTUgNy41OTQ5MyA3LjEzNzY3IDcuNTMwOTdDNy4wNzI3OSA3LjQ2NyA2Ljk5NTg0IDcuNDE2NTYgNi45MTEzIDcuMzgyNTlDNi44MjY3NiA3LjM0ODYyIDYuNzM2MzEgNy4zMzE3OSA2LjY0NTIxIDcuMzMzMDhIMS42MDM1NFpNMTQuNjY2IDcuNzkxNDFIMTcuNjY4NUMxNy45NDIzIDcuNzkxNDEgMTguMTg1MSA3Ljk0OTU3IDE4LjI5NiA4LjE5OTYxTDE5LjEzMyAxMC4wODMxSDE0LjY2NlY3Ljc5MTQxWk0xLjYwMzU0IDEwLjA4MzFDMS41MTI0NCAxMC4wODE4IDEuNDIxOTkgMTAuMDk4NiAxLjMzNzQ1IDEwLjEzMjZDMS4yNTI5MSAxMC4xNjY2IDEuMTc1OTYgMTAuMjE3IDEuMTExMDggMTAuMjgxQzEuMDQ2MiAxMC4zNDQ5IDAuOTk0Njg2IDEwLjQyMTIgMC45NTk1MjIgMTAuNTA1MkMwLjkyNDM1OCAxMC41ODkzIDAuOTA2MjUgMTAuNjc5NSAwLjkwNjI1IDEwLjc3MDZDMC45MDYyNSAxMC44NjE3IDAuOTI0MzU4IDEwLjk1MTkgMC45NTk1MjIgMTEuMDM1OUMwLjk5NDY4NiAxMS4xMiAxLjA0NjIgMTEuMTk2MiAxLjExMTA4IDExLjI2MDJDMS4xNzU5NiAxMS4zMjQyIDEuMjUyOTEgMTEuMzc0NiAxLjMzNzQ1IDExLjQwODZDMS40MjE5OSAxMS40NDI1IDEuNTEyNDQgMTEuNDU5NCAxLjYwMzU0IDExLjQ1ODFINC44MTE4OEM0LjkwMjk4IDExLjQ1OTQgNC45OTM0MyAxMS40NDI1IDUuMDc3OTcgMTEuNDA4NkM1LjE2MjUxIDExLjM3NDYgNS4yMzk0NSAxMS4zMjQyIDUuMzA0MzMgMTEuMjYwMkM1LjM2OTIxIDExLjE5NjIgNS40MjA3MyAxMS4xMiA1LjQ1NTg5IDExLjAzNTlDNS40OTEwNiAxMC45NTE5IDUuNTA5MTcgMTAuODYxNyA1LjUwOTE3IDEwLjc3MDZDNS41MDkxNyAxMC42Nzk1IDUuNDkxMDYgMTAuNTg5MyA1LjQ1NTg5IDEwLjUwNTJDNS40MjA3MyAxMC40MjEyIDUuMzY5MjEgMTAuMzQ0OSA1LjMwNDMzIDEwLjI4MUM1LjIzOTQ1IDEwLjIxNyA1LjE2MjUxIDEwLjE2NjYgNS4wNzc5NyAxMC4xMzI2QzQuOTkzNDMgMTAuMDk4NiA0LjkwMjk4IDEwLjA4MTggNC44MTE4OCAxMC4wODMxSDEuNjAzNTRaTTE0LjY2NiAxMS40NTgxSDE5LjcwMTRDMTkuNzAzNCAxMS40Nzg5IDE5LjcwNzcgMTEuNDk5OSAxOS43MDc3IDExLjUyMDdWMTQuNDM3MkMxOS43MDc3IDE0LjgyNTIgMTkuNDA4MiAxNS4xMjQ3IDE5LjAyMDIgMTUuMTI0N0gxOC42OTI2QzE4LjM5MDMgMTQuMDcxMyAxNy40MTU5IDEzLjI5MTQgMTYuMjcwMiAxMy4yOTE0QzE1LjY2MjUgMTMuMjkxNCAxNS4xMDMxIDEzLjUxMTEgMTQuNjY2IDEzLjg3NDJWMTEuNDU4MVpNNS43Mjg1NCAxNC42NjY0QzYuMzQ2NzIgMTQuNjY2NCA2LjgzNTE4IDE1LjEzOTggNi44NjgxMSAxNS43NDg3QzYuODY0MTggMTUuNzkxIDYuODY0MTggMTUuODMzNSA2Ljg2ODExIDE1Ljg3NThDNi44MzUxOCAxNi40ODQ3IDYuMzQ2NzIgMTYuOTU4MSA1LjcyODU0IDE2Ljk1ODFDNS4xMTAzNyAxNi45NTgxIDQuNjIxOTEgMTYuNDg0NyA0LjU4ODk3IDE1Ljg3NThDNC41OTI5IDE1LjgzMzUgNC41OTI5IDE1Ljc5MSA0LjU4ODk3IDE1Ljc0ODdDNC42MjE5MSAxNS4xMzk4IDUuMTEwMzcgMTQuNjY2NCA1LjcyODU0IDE0LjY2NjRaTTE2LjI3MDIgMTQuNjY2NEMxNi45MTAyIDE0LjY2NjQgMTcuNDE2IDE1LjE3MjIgMTcuNDE2IDE1LjgxMjJDMTcuNDE2IDE2LjQ1MjMgMTYuOTEwMiAxNi45NTgxIDE2LjI3MDIgMTYuOTU4MUMxNS42MzAyIDE2Ljk1ODEgMTUuMTI0NCAxNi40NTIzIDE1LjEyNDQgMTUuODEyMkMxNS4xMjQ0IDE1LjE3MjIgMTUuNjMwMiAxNC42NjY0IDE2LjI3MDIgMTQuNjY2NFoiIGZpbGw9IiMzNDNDNEIiLz4KPC9zdmc+Cg==");
}
.basket-delivery__type-image_pickup {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuOTc4NTQgMS44MzMwOEMyLjg4NzQ0IDEuODMxNzkgMi43OTY5OSAxLjg0ODYyIDIuNzEyNDUgMS44ODI1OUMyLjYyNzkxIDEuOTE2NTYgMi41NTA5NiAxLjk2NyAyLjQ4NjA4IDIuMDMwOTdDMi40MjEyMSAyLjA5NDkzIDIuMzY5NjkgMi4xNzExNiAyLjMzNDUyIDIuMjU1MjFDMi4yOTkzNiAyLjMzOTI2IDIuMjgxMjUgMi40Mjk0NyAyLjI4MTI1IDIuNTIwNThDMi4yODEyNSAyLjYxMTY5IDIuMjk5MzYgMi43MDE4OSAyLjMzNDUyIDIuNzg1OTRDMi4zNjk2OSAyLjg2OTk5IDIuNDIxMjEgMi45NDYyMiAyLjQ4NjA4IDMuMDEwMTlDMi41NTA5NiAzLjA3NDE1IDIuNjI3OTEgMy4xMjQ1OSAyLjcxMjQ1IDMuMTU4NTZDMi43OTY5OSAzLjE5MjUzIDIuODg3NDQgMy4yMDkzNiAyLjk3ODU0IDMuMjA4MDhIMTAuOTk5NEMxNC41NTExIDMuMjA4MDggMTcuNDE2IDYuMDczIDE3LjQxNiA5LjYyNDc0QzE3LjQxNiAxMS4yMTc1IDE2LjgzNTYgMTIuNjY0NyAxNS44NzU0IDEzLjc4NzNDMTUuODY5MiAxMy43OTQ1IDEyLjY0NDggMTcuNDgyMiAxMS40NzExIDE4LjYwMTZDMTEuMTk4OSAxOC44NjExIDEwLjc5ODkgMTguODYxMSAxMC41MjY3IDE4LjYwMTZDOS41NDU4MSAxNy42NjU2IDYuMTMyMzggMTMuNzk4NiA2LjEyMjQyIDEzLjc4NzNMNi4xMjE1MyAxMy43ODY0QzUuMTYyNjUgMTIuNjYzOSA0LjU4MjcxIDExLjIxNzEgNC41ODI3MSA5LjYyNDc0VjkuMzk1NThDNC41ODI2OSA5LjIxMzI1IDQuNTEwMjUgOS4wMzgzOSA0LjM4MTMyIDguOTA5NDZDNC4yNTI0IDguNzgwNTMgNC4wNzc1NCA4LjcwODA5IDMuODk1MjEgOC43MDgwOEgyLjk3ODU0QzIuODg3NDQgOC43MDY3OSAyLjc5Njk5IDguNzIzNjIgMi43MTI0NSA4Ljc1NzU5QzIuNjI3OTEgOC43OTE1NiAyLjU1MDk2IDguODQyIDIuNDg2MDggOC45MDU5N0MyLjQyMTIxIDguOTY5OTMgMi4zNjk2OSA5LjA0NjE2IDIuMzM0NTIgOS4xMzAyMUMyLjI5OTM2IDkuMjE0MjYgMi4yODEyNSA5LjMwNDQ2IDIuMjgxMjUgOS4zOTU1OEMyLjI4MTI1IDkuNDg2NjkgMi4yOTkzNiA5LjU3Njg5IDIuMzM0NTIgOS42NjA5NEMyLjM2OTY5IDkuNzQ0OTkgMi40MjEyMSA5LjgyMTIyIDIuNDg2MDggOS44ODUxOUMyLjU1MDk2IDkuOTQ5MTUgMi42Mjc5MSA5Ljk5OTU5IDIuNzEyNDUgMTAuMDMzNkMyLjc5Njk5IDEwLjA2NzUgMi44ODc0NCAxMC4wODQ0IDIuOTc4NTQgMTAuMDgzMUgzLjI0OTc4QzMuMzUzNzMgMTEuODI5NSA0LjAwOTMgMTMuNDMxNCA1LjA3Njg1IDE0LjY4MDdDNS4wNzg5MiAxNC42ODMxIDUuMDgxMDEgMTQuNjg1NSA1LjA4MzEyIDE0LjY4NzlDNS4wODMxMiAxNC42ODc5IDguMzk3NzUgMTguNDcwMSA5LjU3NzgzIDE5LjU5NjJDMTAuMzY4MSAyMC4zNDk2IDExLjYyOTggMjAuMzQ5NiAxMi40MiAxOS41OTYyQzEzLjc2NTEgMTguMzEzMiAxNi45MTY1IDE0LjY4NjEgMTYuOTE2NSAxNC42ODYxQzE2LjkxOCAxNC42ODQzIDE2LjkxOTUgMTQuNjgyNSAxNi45MjEgMTQuNjgwN0MxOC4wODM4IDEzLjMyMTEgMTguNzkxIDExLjU1MjkgMTguNzkxIDkuNjI0NzRDMTguNzkxIDUuMzI5ODIgMTUuMjk0MyAxLjgzMzA4IDEwLjk5OTQgMS44MzMwOEgyLjk3ODU0Wk0yLjk3ODU0IDQuMTI0NzRDMi44ODc0NCA0LjEyMzQ1IDIuNzk2OTkgNC4xNDAyOSAyLjcxMjQ1IDQuMTc0MjZDMi42Mjc5MSA0LjIwODIzIDIuNTUwOTYgNC4yNTg2NiAyLjQ4NjA4IDQuMzIyNjNDMi40MjEyMSA0LjM4NjYgMi4zNjk2OSA0LjQ2MjgzIDIuMzM0NTIgNC41NDY4OEMyLjI5OTM2IDQuNjMwOTMgMi4yODEyNSA0LjcyMTEzIDIuMjgxMjUgNC44MTIyNEMyLjI4MTI1IDQuOTAzMzUgMi4yOTkzNiA0Ljk5MzU2IDIuMzM0NTIgNS4wNzc2MUMyLjM2OTY5IDUuMTYxNjYgMi40MjEyMSA1LjIzNzg4IDIuNDg2MDggNS4zMDE4NUMyLjU1MDk2IDUuMzY1ODIgMi42Mjc5MSA1LjQxNjI2IDIuNzEyNDUgNS40NTAyM0MyLjc5Njk5IDUuNDg0MiAyLjg4NzQ0IDUuNTAxMDMgMi45Nzg1NCA1LjQ5OTc0SDUuNDk5MzhDNS41OTA0OCA1LjUwMTAzIDUuNjgwOTMgNS40ODQyIDUuNzY1NDcgNS40NTAyM0M1Ljg1MDAxIDUuNDE2MjYgNS45MjY5NSA1LjM2NTgyIDUuOTkxODMgNS4zMDE4NUM2LjA1NjcxIDUuMjM3ODggNi4xMDgyMyA1LjE2MTY2IDYuMTQzMzkgNS4wNzc2MUM2LjE3ODU2IDQuOTkzNTYgNi4xOTY2NyA0LjkwMzM1IDYuMTk2NjcgNC44MTIyNEM2LjE5NjY3IDQuNzIxMTMgNi4xNzg1NiA0LjYzMDkzIDYuMTQzMzkgNC41NDY4OEM2LjEwODIzIDQuNDYyODMgNi4wNTY3MSA0LjM4NjYgNS45OTE4MyA0LjMyMjYzQzUuOTI2OTUgNC4yNTg2NiA1Ljg1MDAxIDQuMjA4MjMgNS43NjU0NyA0LjE3NDI2QzUuNjgwOTMgNC4xNDAyOSA1LjU5MDQ4IDQuMTIzNDUgNS40OTkzOCA0LjEyNDc0SDIuOTc4NTRaTTIuOTc4NTQgNi40MTY0MUMyLjg4NzQ0IDYuNDE1MTIgMi43OTY5OSA2LjQzMTk1IDIuNzEyNDUgNi40NjU5MkMyLjYyNzkxIDYuNDk5OSAyLjU1MDk2IDYuNTUwMzMgMi40ODYwOCA2LjYxNDNDMi40MjEyMSA2LjY3ODI3IDIuMzY5NjkgNi43NTQ0OSAyLjMzNDUyIDYuODM4NTRDMi4yOTkzNiA2LjkyMjYgMi4yODEyNSA3LjAxMjggMi4yODEyNSA3LjEwMzkxQzIuMjgxMjUgNy4xOTUwMiAyLjI5OTM2IDcuMjg1MjIgMi4zMzQ1MiA3LjM2OTI3QzIuMzY5NjkgNy40NTMzMyAyLjQyMTIxIDcuNTI5NTUgMi40ODYwOCA3LjU5MzUyQzIuNTUwOTYgNy42NTc0OSAyLjYyNzkxIDcuNzA3OTIgMi43MTI0NSA3Ljc0MTg5QzIuNzk2OTkgNy43NzU4NyAyLjg4NzQ0IDcuNzkyNyAyLjk3ODU0IDcuNzkxNDFINC4xMjQzOEM0LjIxNTQ4IDcuNzkyNyA0LjMwNTkzIDcuNzc1ODcgNC4zOTA0NyA3Ljc0MTg5QzQuNDc1MDEgNy43MDc5MiA0LjU1MTk1IDcuNjU3NDkgNC42MTY4MyA3LjU5MzUyQzQuNjgxNzEgNy41Mjk1NSA0LjczMzIzIDcuNDUzMzMgNC43NjgzOSA3LjM2OTI3QzQuODAzNTYgNy4yODUyMiA0LjgyMTY3IDcuMTk1MDIgNC44MjE2NyA3LjEwMzkxQzQuODIxNjcgNy4wMTI4IDQuODAzNTYgNi45MjI2IDQuNzY4MzkgNi44Mzg1NEM0LjczMzIzIDYuNzU0NDkgNC42ODE3MSA2LjY3ODI3IDQuNjE2ODMgNi42MTQzQzQuNTUxOTUgNi41NTAzMyA0LjQ3NTAxIDYuNDk5OSA0LjM5MDQ3IDYuNDY1OTJDNC4zMDU5MyA2LjQzMTk1IDQuMjE1NDggNi40MTUxMiA0LjEyNDM4IDYuNDE2NDFIMi45Nzg1NFpNMTAuOTk5NCA2Ljg3NDc0QzEwLjE0IDYuODc0NzQgOS40MDg0MiA3LjIyMTc2IDguOTM4NjcgNy43NTAyM0M4LjQ2ODkyIDguMjc4NyA4LjI0OTM4IDguOTU2MzQgOC4yNDkzOCA5LjYyNDc0QzguMjQ5MzggMTAuMjkzMSA4LjQ2ODkyIDEwLjk3MDggOC45Mzg2NyAxMS40OTkzQzkuNDA4NDIgMTIuMDI3NyAxMC4xNCAxMi4zNzQ3IDEwLjk5OTQgMTIuMzc0N0MxMS44NTg4IDEyLjM3NDcgMTIuNTkwMyAxMi4wMjc3IDEzLjA2MDEgMTEuNDk5M0MxMy41Mjk4IDEwLjk3MDggMTMuNzQ5NCAxMC4yOTMxIDEzLjc0OTQgOS42MjQ3NEMxMy43NDk0IDguOTU2MzQgMTMuNTI5OCA4LjI3ODcgMTMuMDYwMSA3Ljc1MDIzQzEyLjU5MDMgNy4yMjE3NiAxMS44NTg4IDYuODc0NzQgMTAuOTk5NCA2Ljg3NDc0Wk0xMC45OTk0IDguMjQ5NzRDMTEuNTE1IDguMjQ5NzQgMTEuODE0NyA4LjQxODM1IDEyLjAzMjQgOC42NjMzMkMxMi4yNTAyIDguOTA4MjkgMTIuMzc0NCA5LjI2MTkgMTIuMzc0NCA5LjYyNDc0QzEyLjM3NDQgOS45ODc1OSAxMi4yNTAyIDEwLjM0MTIgMTIuMDMyNCAxMC41ODYyQzExLjgxNDcgMTAuODMxMSAxMS41MTUgMTAuOTk5NyAxMC45OTk0IDEwLjk5OTdDMTAuNDgzOCAxMC45OTk3IDEwLjE4NDEgMTAuODMxMSA5Ljk2NjM0IDEwLjU4NjJDOS43NDg1OSAxMC4zNDEyIDkuNjI0MzggOS45ODc1OSA5LjYyNDM4IDkuNjI0NzRDOS42MjQzOCA5LjI2MTkgOS43NDg1OSA4LjkwODI5IDkuOTY2MzQgOC42NjMzMkMxMC4xODQxIDguNDE4MzUgMTAuNDgzOCA4LjI0OTc0IDEwLjk5OTQgOC4yNDk3NFoiIGZpbGw9IiMzNDNDNEIiLz4KPC9zdmc+Cg==");
}
.modal-addBasket-item {
display: flex;
align-items: center;
padding: 14px 0;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
}
.modal-addBasket-item__image {
width: 109px;
height: 109px;
border-radius: 8px;
margin-right: 34px;
object-fit: contain;
flex: none;
}
.modal-addBasket-item__info {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.modal-addBasket-item__column:first-child {
margin-right: 20px;
}
.modal-addBasket-item__column:last-child {
flex-shrink: 0;
}
.modal-addBasket-item__title {
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin-bottom: 10px;
}
.price-per-item-row {
display: flex;
align-items: center;
}
.modal-addBasket-item__price-per-item-row {
margin-bottom: 14px;
}
.custom-select {
width: 101px;
}
.price-per-item-row__count {
margin-right: 14px;
}
.price-per-item-row__price-per-item {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #343c4b;
opacity: 0.5;
}
.modal-addBasket-item__actions {
display: flex;
align-items: center;
}
.modal-addBasket-item__to-favorites {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #2f69ff;
transition: all 0.2s;
text-decoration: none;
}
.modal-addBasket-item__to-favorites.active {
color: #fcb809;
}
.modal-addBasket-item__to-favorites:before {
content: "";
display: block;
width: 16px;
height: 15px;
margin-right: 6px;
transition: all 0.2s;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAxODEgMS42NjY1MUM3LjkwODM3IDEuNjY1OTMgNy44MTY2MiAxLjY5MTU0IDcuNzM2OTkgMS43NDA0NUM3LjY1NzM2IDEuNzg5MzYgNy41OTMwMyAxLjg1OTYgNy41NTEyOSAxLjk0MzIxTDUuODMzODQgNS4zNzgxTDEuNzU1NzIgNi4wMDU3MUMxLjY2NDQ0IDYuMDE5ODEgMS41Nzg4NCA2LjA1ODkyIDEuNTA4NDMgNi4xMTg3MUMxLjQzODAyIDYuMTc4NDkgMS4zODU1NSA2LjI1NjYxIDEuMzU2ODIgNi4zNDQzOUMxLjMyODEgNi40MzIxOCAxLjMyNDI1IDYuNTI2MjEgMS4zNDU3MSA2LjYxNjA1QzEuMzY3MTYgNi43MDU4OSAxLjQxMzA4IDYuNzg4MDMgMS40NzgzOCA2Ljg1MzM2TDQuMjk5MzQgOS42NzQzM0wzLjY3MTA4IDEzLjc1N0MzLjY1NzAzIDEzLjg0ODQgMy42Njg1NiAxMy45NDE4IDMuNzA0NCAxNC4wMjdDMy43NDAyNCAxNC4xMTIyIDMuNzk4OTkgMTQuMTg1OCAzLjg3NDEyIDE0LjIzOTZDMy45NDkyNSAxNC4yOTM0IDQuMDM3ODIgMTQuMzI1MyA0LjEzMDAxIDE0LjMzMTlDNC4yMjIxOSAxNC4zMzg0IDQuMzE0MzggMTQuMzE5MiA0LjM5NjM0IDE0LjI3NjVMNy45OTg1NiAxMi4zOTdMMTEuNjAwOCAxNC4yNzY1QzExLjY4MjcgMTQuMzE5MiAxMS43NzQ5IDE0LjMzODQgMTEuODY3MSAxNC4zMzE5QzExLjk1OTMgMTQuMzI1MyAxMi4wNDc5IDE0LjI5MzQgMTIuMTIzIDE0LjIzOTZDMTIuMTk4MSAxNC4xODU4IDEyLjI1NjkgMTQuMTEyMiAxMi4yOTI3IDE0LjAyN0MxMi4zMjg2IDEzLjk0MTggMTIuMzQwMSAxMy44NDg0IDEyLjMyNiAxMy43NTdMMTEuNjk3OCA5LjY3NDMzTDE0LjUxODcgNi44NTMzNkMxNC41ODQgNi43ODgwMyAxNC42MyA2LjcwNTg5IDE0LjY1MTQgNi42MTYwNUMxNC42NzI5IDYuNTI2MjEgMTQuNjY5IDYuNDMyMTggMTQuNjQwMyA2LjM0NDM5QzE0LjYxMTYgNi4yNTY2MSAxNC41NTkxIDYuMTc4NDkgMTQuNDg4NyA2LjExODcxQzE0LjQxODMgNi4wNTg5MiAxNC4zMzI3IDYuMDE5ODEgMTQuMjQxNCA2LjAwNTcxTDEwLjE2MzMgNS4zNzgxTDguNDQ1ODIgMS45NDMyMUM4LjQwNDU4IDEuODYwNTkgOC4zNDEyNiAxLjc5MSA4LjI2Mjg5IDEuNzQyMTZDOC4xODQ1MiAxLjY5MzMyIDguMDk0MTUgMS42NjcxNCA4LjAwMTgxIDEuNjY2NTFaTTcuOTk4NTYgMy4yODQzNUw5LjM4NDYzIDYuMDU2NDlDOS40MjAzMyA2LjEyODAxIDkuNDcyNjYgNi4xODk5MiA5LjUzNzIzIDYuMjM3MDRDOS42MDE4IDYuMjg0MTcgOS42NzY3MiA2LjMxNTEyIDkuNzU1NzIgNi4zMjczMkwxMy4xMTM4IDYuODQ0MjVMMTAuODExNyA5LjE0NjMzQzEwLjc1NjIgOS4yMDE4OCAxMC43MTQ1IDkuMjY5NzIgMTAuNjkwMSA5LjM0NDM3QzEwLjY2NTYgOS40MTkwMyAxMC42NTkxIDkuNDk4MzkgMTAuNjcxMSA5LjU3NjAyTDExLjE4NzQgMTIuOTMyOEw4LjIyOTY4IDExLjM4OThDOC4xNTgzMiAxMS4zNTI2IDguMDc5MDMgMTEuMzMzMiA3Ljk5ODU2IDExLjMzMzJDNy45MTgwOCAxMS4zMzMyIDcuODM4OCAxMS4zNTI2IDcuNzY3NDQgMTEuMzg5OEw0LjgwOTc2IDEyLjkzMjhMNS4zMjYwMyA5LjU3NjAyQzUuMzM3OTkgOS40OTgzOSA1LjMzMTQ5IDkuNDE5MDMgNS4zMDcwNSA5LjM0NDM3QzUuMjgyNjIgOS4yNjk3MiA1LjI0MDk1IDkuMjAxODggNS4xODU0MSA5LjE0NjMzTDIuODgzMzIgNi44NDQyNUw2LjI0MTQgNi4zMjczMkM2LjMyMDM5IDYuMzE1MTIgNi4zOTUzMiA2LjI4NDE3IDYuNDU5ODkgNi4yMzcwNEM2LjUyNDQ1IDYuMTg5OTIgNi41NzY3OCA2LjEyODAxIDYuNjEyNDkgNi4wNTY0OUw3Ljk5ODU2IDMuMjg0MzVaIiBmaWxsPSIjMkY2OUZGIi8+Cjwvc3ZnPgo=");
}
.modal-addBasket-item__to-favorites.active:before {
filter: hue-rotate(177deg) brightness(1.5);
}
.modal-addBasket-item__separator {
width: 2px;
height: 17px;
margin: 0 12px;
background: #343c4b;
opacity: 0.2;
}
.catalog-item-remove {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
opacity: 0.5;
text-decoration: none;
}
.catalog-item-remove:before {
content: "";
display: block;
width: 16px;
height: 15px;
margin-right: 6px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODMyNjQgMS4zMzMwNUM2Ljc1MjExIDEuMzMyMDIgNi42NzI1MiAxLjM1MDQ1IDYuNjAwNjUgMS4zODY3OUM2LjUyODc3IDEuNDIzMTIgNi40NjY3MyAxLjQ3NjI4IDYuNDE5ODEgMS41NDE3M0M2LjM3Mjg5IDEuNjA3MTkgNi4zNDI0OCAxLjY4MzAyIDYuMzMxMTYgMS43NjI3NUM2LjMxOTgzIDEuODQyNDkgNi4zMjc5NCAxLjkyMzc4IDYuMzU0NzggMS45OTk3Mkg0Ljg3OTUyQzQuMjY3MSAxLjk5OTcyIDMuNjkzNjIgMi4zMDYyIDMuMzU0MTMgMi44MTYxMkwyLjU2NTA2IDMuOTk5NzJIMi40OTkzMUMyLjQzMzA1IDMuOTk4NzggMi4zNjcyNyA0LjAxMTAyIDIuMzA1NzkgNC4wMzU3M0MyLjI0NDMgNC4wNjA0MyAyLjE4ODM0IDQuMDk3MTEgMi4xNDExNiA0LjE0MzY0QzIuMDkzOTcgNC4xOTAxNiAyLjA1NjUgNC4yNDU1OSAyLjAzMDkzIDQuMzA2NzJDMi4wMDUzNiA0LjM2Nzg1IDEuOTkyMTkgNC40MzM0NSAxLjk5MjE5IDQuNDk5NzJDMS45OTIxOSA0LjU2NTk4IDIuMDA1MzYgNC42MzE1OCAyLjAzMDkzIDQuNjkyNzFDMi4wNTY1IDQuNzUzODQgMi4wOTM5NyA0LjgwOTI3IDIuMTQxMTYgNC44NTU4QzIuMTg4MzQgNC45MDIzMiAyLjI0NDMgNC45MzkgMi4zMDU3OSA0Ljk2MzcxQzIuMzY3MjcgNC45ODg0MSAyLjQzMzA1IDUuMDAwNjUgMi40OTkzMSA0Ljk5OTcySDIuNzUzODdDMi43OTY3NiA1LjAwNjIgMi44NDAzMSA1LjAwNzA3IDIuODgzNDIgNS4wMDIzMkwzLjcwNzY0IDEyLjY5NUMzLjgwNzA5IDEzLjYyMjUgNC41OTc5MiAxNC4zMzMgNS41MzA1NiAxNC4zMzNIMTAuNDY3NEMxMS40IDE0LjMzMyAxMi4xOTA5IDEzLjYyMjUgMTIuMjkwMyAxMi42OTVMMTMuMTE1MiA1LjAwMjMyQzEzLjE1NzUgNS4wMDY4NSAxMy4yMDAxIDUuMDA1OTcgMTMuMjQyMSA0Ljk5OTcySDEzLjQ5OTNDMTMuNTY1NiA1LjAwMDY1IDEzLjYzMTMgNC45ODg0MSAxMy42OTI4IDQuOTYzNzFDMTMuNzU0MyA0LjkzOSAxMy44MTAzIDQuOTAyMzIgMTMuODU3NSA0Ljg1NThDMTMuOTA0NiA0LjgwOTI3IDEzLjk0MjEgNC43NTM4NCAxMy45Njc3IDQuNjkyNzFDMTMuOTkzMyA0LjYzMTU4IDE0LjAwNjQgNC41NjU5OCAxNC4wMDY0IDQuNDk5NzJDMTQuMDA2NCA0LjQzMzQ1IDEzLjk5MzMgNC4zNjc4NSAxMy45Njc3IDQuMzA2NzJDMTMuOTQyMSA0LjI0NTU5IDEzLjkwNDYgNC4xOTAxNiAxMy44NTc1IDQuMTQzNjRDMTMuODEwMyA0LjA5NzExIDEzLjc1NDMgNC4wNjA0MyAxMy42OTI4IDQuMDM1NzNDMTMuNjMxMyA0LjAxMTAyIDEzLjU2NTYgMy45OTg3OCAxMy40OTkzIDMuOTk5NzJIMTMuNDMzNkwxMi42NDQ1IDIuODE2MTJDMTIuMzA0NyAyLjMwNjQ4IDExLjczMTMgMS45OTk3MiAxMS4xMTkxIDEuOTk5NzJIOS42NDM4NEM5LjY3MDY4IDEuOTIzNzggOS42Nzg3OSAxLjg0MjQ5IDkuNjY3NDYgMS43NjI3NUM5LjY1NjE0IDEuNjgzMDIgOS42MjU3MiAxLjYwNzE5IDkuNTc4OCAxLjU0MTczQzkuNTMxODggMS40NzYyOCA5LjQ2OTg1IDEuNDIzMTIgOS4zOTc5NyAxLjM4Njc5QzkuMzI2MSAxLjM1MDQ1IDkuMjQ2NTEgMS4zMzIwMiA5LjE2NTk4IDEuMzMzMDVINi44MzI2NFpNNC44Nzk1MiAyLjk5OTcySDExLjExOTFDMTEuMzk4MiAyLjk5OTcyIDExLjY1NzYgMy4xMzg0NiAxMS44MTI1IDMuMzcwODFMMTIuMjMxNyAzLjk5OTcySDMuNzY2ODlMNC4xODYxNiAzLjM3MDgxQzQuMTg2MzcgMy4zNzA1OSA0LjE4NjU5IDMuMzcwMzggNC4xODY4MSAzLjM3MDE2QzQuMzQxMyAzLjEzODEgNC41OTk5NCAyLjk5OTcyIDQuODc5NTIgMi45OTk3MlpNMy44ODkyOCA0Ljk5OTcySDEyLjEwOTNMMTEuMjk2MiAxMi41ODgzQzExLjI1MDMgMTMuMDE2MSAxMC44OTc0IDEzLjMzMyAxMC40Njc0IDEzLjMzM0g1LjUzMDU2QzUuMTAwNTMgMTMuMzMzIDQuNzQ4MzIgMTMuMDE2MSA0LjcwMjQzIDEyLjU4ODNMMy44ODkyOCA0Ljk5OTcyWiIgZmlsbD0iIzM0M0M0QiIvPgo8L3N2Zz4K");
}
.catalog-list__remove_mobile {
display: none;
}
.modal-addBasket-item__old-price-row {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 12px;
}
.modal-addBasket-old-price {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #343c4b;
opacity: 0.5;
text-decoration: line-through;
}
.modal-addBasket-item__old-price {
margin-right: 6px;
}
.modal-addBasket-discount {
width: 34px;
height: 16px;
font-weight: 700;
font-size: 12px;
line-height: 12px;
text-align: right;
color: #343c4b;
padding: 2px 3px;
box-sizing: border-box;
background-size: cover;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTU2NDE5IDYuMjM5MDJMNC43NTA1NCAxLjE3MzMzQzUuMjc0MzQgMC40MzgwNDQgNi4xMTEzIDAgNi45ODY0NyAwSDMyLjEzNTlDMzMuMTY0IDAgMzQgMC44NzcwNjcgMzQgMS45NTU1NlYxNC4wNDQ0QzM0IDE1LjEyMjkgMzMuMTY0IDE2IDMyLjEzNTkgMTZINi45ODY0N0M2LjExMTMgMTYgNS4yNzQzNCAxNS41NjIgNC43NTA1NCAxNC44MjY3TDAuNTU2NDE5IDkuNzYwOThDLTAuMTg1NDc0IDguNzIzNTYgLTAuMTg1NDc0IDcuMjc2NDQgMC41NTY0MTkgNi4yMzkwMlpNNC42NTY0MSA5LjQ2NjY3QzUuNDI4MTIgOS40NjY2NyA2LjA1NDQ1IDguODA5NiA2LjA1NDQ1IDhDNi4wNTQ0NSA3LjE5MDQgNS40MjgxMiA2LjUzMzMzIDQuNjU2NDEgNi41MzMzM0MzLjg4NDY5IDYuNTMzMzMgMy4yNTgzNiA3LjE5MDQgMy4yNTgzNiA4QzMuMjU4MzYgOC44MDk2IDMuODg0NjkgOS40NjY2NyA0LjY1NjQxIDkuNDY2NjdaIiBmaWxsPSIjRkZENjAwIi8+Cjwvc3ZnPgo=");
}
.modal-addBasket-item__price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
margin-bottom: 2px;
}
.modal-addBasket-item__old-price-row + .modal-addBasket-item__price {
margin-bottom: 17px;
}
.catalog-item-bonuses {
display: flex;
align-items: center;
font-weight: 700;
font-size: 12px;
line-height: 14px;
color: #924aff;
}
.catalog-item-bonuses:before {
content: "";
display: block;
width: 16px;
height: 16px;
margin-right: 1px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzMzMzMgMUM1LjE0MjY5IDEgNC4xNjY2NyAxLjk3NjAyIDQuMTY2NjcgMy4xNjY2N0M0LjE2NjY3IDMuNjA1MDEgNC4zMzEzNiAzLjk5MTE2IDQuNTU3OTQgNC4zMzMzM0gyLjgzMzMzQzIuMzc4OCA0LjMzMzMzIDIgNC43MTIxNCAyIDUuMTY2NjdWNy41QzIgNy44OTAwNiAyLjMwMDI4IDguMTc2NjggMi42NjY2NyA4LjI2MzY3VjEyLjVDMi42NjY2NyAxMy42OTA2IDMuNjQyNjkgMTQuNjY2NyA0LjgzMzMzIDE0LjY2NjdIMTEuMTY2N0MxMi4zNTczIDE0LjY2NjcgMTMuMzMzMyAxMy42OTA2IDEzLjMzMzMgMTIuNVY4LjI2MzY3QzEzLjY5OTcgOC4xNzY2OCAxNCA3Ljg5MDA2IDE0IDcuNVY1LjE2NjY3QzE0IDQuNzEyMTQgMTMuNjIxMiA0LjMzMzMzIDEzLjE2NjcgNC4zMzMzM0gxMS40NDIxQzExLjY2ODYgMy45OTExNiAxMS44MzMzIDMuNjA1MDEgMTEuODMzMyAzLjE2NjY3QzExLjgzMzMgMS45NzYwMiAxMC44NTczIDEgOS42NjY2NyAxQzguOTgzODcgMSA4LjM5ODA0IDEuMzQwODMgOCAxLjgzOTE5QzcuNjAxOTYgMS4zNDA4MyA3LjAxNjEzIDEgNi4zMzMzMyAxWk02LjMzMzMzIDJDNi45ODMzNSAyIDcuNSAyLjUxNjY1IDcuNSAzLjE2NjY3VjQuMzMzMzNINi4zMzMzM0M1LjY4MzMxIDQuMzMzMzMgNS4xNjY2NyAzLjgxNjY5IDUuMTY2NjcgMy4xNjY2N0M1LjE2NjY3IDIuNTE2NjUgNS42ODMzMSAyIDYuMzMzMzMgMlpNOS42NjY2NyAyQzEwLjMxNjcgMiAxMC44MzMzIDIuNTE2NjUgMTAuODMzMyAzLjE2NjY3QzEwLjgzMzMgMy44MTY2OSAxMC4zMTY3IDQuMzMzMzMgOS42NjY2NyA0LjMzMzMzSDguNVYzLjE2NjY3QzguNSAyLjUxNjY1IDkuMDE2NjUgMiA5LjY2NjY3IDJaTTMgNS4zMzMzM0g2LjMzMzMzSDcuNVY3LjMzMzMzSDNWNS4zMzMzM1pNOC41IDUuMzMzMzNIOS42NjY2N0gxM1Y3LjMzMzMzSDguNVY1LjMzMzMzWk0zLjY2NjY3IDguMzMzMzNINy41VjEzLjY2NjdINC44MzMzM0M0LjE4MzMxIDEzLjY2NjcgMy42NjY2NyAxMy4xNSAzLjY2NjY3IDEyLjVWOC4zMzMzM1pNOC41IDguMzMzMzNIMTIuMzMzM1YxMi41QzEyLjMzMzMgMTMuMTUgMTEuODE2NyAxMy42NjY3IDExLjE2NjcgMTMuNjY2N0g4LjVWOC4zMzMzM1oiIGZpbGw9IiM5MjRBRkYiLz4KPC9zdmc+Cg==");
}
.modal-addBasket__total {
margin-top: 30px;
}
.modal-addBasket-total {
display: flex;
align-items: center;
background: rgba(47, 105, 255, 0.1);
border-radius: 8px;
padding: 22px 30px;
}
.modal-addBasket-total__title {
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #343c4b;
opacity: 0.6;
margin-bottom: 3px;
}
.modal-addBasket-total__price-row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.modal-addBasket-total__price {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #343c4b;
margin-right: 15px;
margin-bottom: 5px;
}
.modal-addBasket-total__discount {
margin-bottom: 5px;
}
.modal-addBasket-total__old-price {
margin-right: 6px;
margin-bottom: 5px;
}
.modal-addBasket__btns {
margin-left: auto;
}
.modal-addBasket__make-order {
height: auto;
width: auto;
padding: 22px 38px;
font-weight: 700;
font-size: 16px;
line-height: 16px;
}
.modal-addBasket__btns .modal-addBasket__make-order {
height: 52px;
margin-left: 10px;
}
.modal-addBasket .modal__container {
padding: 50px 50px 30px;
}
.modal-addBasket-total-tip {
position: relative;
}
.modal-addBasket-total__tip {
margin-left: 4px;
}
.modal-addBasket-total-tip__visible {
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS41QzQuODY0NTMgMS41IDEuNSA0Ljg2NDUzIDEuNSA5QzEuNSAxMy4xMzU1IDQuODY0NTMgMTYuNSA5IDE2LjVDMTMuMTM1NSAxNi41IDE2LjUgMTMuMTM1NSAxNi41IDlDMTYuNSA0Ljg2NDUzIDEzLjEzNTUgMS41IDkgMS41Wk05IDIuNjI1QzEyLjUyNzUgMi42MjUgMTUuMzc1IDUuNDcyNTIgMTUuMzc1IDlDMTUuMzc1IDEyLjUyNzUgMTIuNTI3NSAxNS4zNzUgOSAxNS4zNzVDNS40NzI1MiAxNS4zNzUgMi42MjUgMTIuNTI3NSAyLjYyNSA5QzIuNjI1IDUuNDcyNTIgNS40NzI1MiAyLjYyNSA5IDIuNjI1Wk05IDQuODc1QzcuNzY0MDUgNC44NzUgNi43NSA1Ljg4OTA1IDYuNzUgNy4xMjVWNy4zMTI1QzYuNzQ4OTUgNy4zODcwNCA2Ljc2MjcyIDcuNDYxMDQgNi43OTA1MSA3LjUzMDIxQzYuODE4MzEgNy41OTkzOCA2Ljg1OTU3IDcuNjYyMzQgNi45MTE5MSA3LjcxNTQyQzYuOTY0MjUgNy43Njg1IDcuMDI2NjEgNy44MTA2NiA3LjA5NTM4IDcuODM5NDNDNy4xNjQxNSA3Ljg2ODIgNy4yMzc5NiA3Ljg4MzAxIDcuMzEyNSA3Ljg4MzAxQzcuMzg3MDUgNy44ODMwMSA3LjQ2MDg1IDcuODY4MiA3LjUyOTYyIDcuODM5NDNDNy41OTgzOSA3LjgxMDY2IDcuNjYwNzUgNy43Njg1IDcuNzEzMDkgNy43MTU0MkM3Ljc2NTQzIDcuNjYyMzQgNy44MDY2OSA3LjU5OTM4IDcuODM0NDkgNy41MzAyMUM3Ljg2MjI4IDcuNDYxMDQgNy44NzYwNSA3LjM4NzA0IDcuODc1IDcuMzEyNVY3LjEyNUM3Ljg3NSA2LjQ5NzIgOC4zNzIyIDYgOSA2QzkuNjI3OCA2IDEwLjEyNSA2LjQ5NzIgMTAuMTI1IDcuMTI1QzEwLjEyNSA4LjAwMjg0IDkuODk2NzYgOC4xMTI4NCA5LjQ5NjU4IDguNDI3MjVDOS4yOTY0OSA4LjU4NDQ1IDkuMDM0NDEgOC43NjU3IDguODEwMyA5LjA3MTA1QzguNTg2MTkgOS4zNzYzOSA4LjQzNzUgOS44MDIwMyA4LjQzNzUgMTAuMzEyNUM4LjQzNjQ1IDEwLjM4NyA4LjQ1MDIyIDEwLjQ2MSA4LjQ3ODAxIDEwLjUzMDJDOC41MDU4MSAxMC41OTk0IDguNTQ3MDcgMTAuNjYyMyA4LjU5OTQxIDEwLjcxNTRDOC42NTE3NSAxMC43Njg1IDguNzE0MTEgMTAuODEwNyA4Ljc4Mjg4IDEwLjgzOTRDOC44NTE2NSAxMC44NjgyIDguOTI1NDYgMTAuODgzIDkgMTAuODgzQzkuMDc0NTUgMTAuODgzIDkuMTQ4MzUgMTAuODY4MiA5LjIxNzEyIDEwLjgzOTRDOS4yODU4OSAxMC44MTA3IDkuMzQ4MjUgMTAuNzY4NSA5LjQwMDU5IDEwLjcxNTRDOS40NTI5MyAxMC42NjIzIDkuNDk0MTkgMTAuNTk5NCA5LjUyMTk5IDEwLjUzMDJDOS41NDk3OCAxMC40NjEgOS41NjM1NSAxMC4zODcgOS41NjI1IDEwLjMxMjVDOS41NjI1IDkuOTkyNTMgOS42MjQ3NCA5Ljg2MjU3IDkuNzE3MDQgOS43MzY4MkM5LjgwOTM0IDkuNjExMDYgOS45NjkxMyA5LjQ4NjI2IDEwLjE5MDkgOS4zMTIwMUMxMC42MzQ1IDguOTYzNTEgMTEuMjUgOC4zMDk2NiAxMS4yNSA3LjEyNUMxMS4yNSA1Ljg4OTA1IDEwLjIzNiA0Ljg3NSA5IDQuODc1Wk05IDEyQzguODAxMDkgMTIgOC42MTAzMiAxMi4wNzkgOC40Njk2NyAxMi4yMTk3QzguMzI5MDIgMTIuMzYwMyA4LjI1IDEyLjU1MTEgOC4yNSAxMi43NUM4LjI1IDEyLjk0ODkgOC4zMjkwMiAxMy4xMzk3IDguNDY5NjcgMTMuMjgwM0M4LjYxMDMyIDEzLjQyMSA4LjgwMTA5IDEzLjUgOSAxMy41QzkuMTk4OTEgMTMuNSA5LjM4OTY4IDEzLjQyMSA5LjUzMDMzIDEzLjI4MDNDOS42NzA5OCAxMy4xMzk3IDkuNzUgMTIuOTQ4OSA5Ljc1IDEyLjc1QzkuNzUgMTIuNTUxMSA5LjY3MDk4IDEyLjM2MDMgOS41MzAzMyAxMi4yMTk3QzkuMzg5NjggMTIuMDc5IDkuMTk4OTEgMTIgOSAxMloiIGZpbGw9IiM5MjRBRkYiLz4KPC9zdmc+Cg==");
}
.modal-addBasket-total-tip__hidden {
opacity: 0;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
width: 382px;
text-align: center;
bottom: calc(100% + 15px);
padding: 30px 30px 40px;
background: #ffffff;
border-radius: 8px;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.2);
z-index: 30;
box-sizing: border-box;
left: -65px;
transition: all 0.2s;
}
.modal-addBasket-total-tip:hover .modal-addBasket-total-tip__hidden {
pointer-events: all;
opacity: 1;
}
.modal-addBasket-total-tip__hidden:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 15px solid white;
border-right: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
bottom: -24px;
left: 60px;
}
.modal-addBasket-total-tip__icon {
width: 41px;
height: 41px;
margin-bottom: 10px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjIyOTIgMi41NjI1QzEzLjE3ODEgMi41NjI1IDEwLjY3NzEgNS4wNjM1NSAxMC42NzcxIDguMTE0NThDMTAuNjc3MSA5LjIzNzg1IDExLjA5OTEgMTAuMjI3NCAxMS42Nzk3IDExLjEwNDJINy4yNjA0MkM2LjA5NTY4IDExLjEwNDIgNS4xMjUgMTIuMDc0OCA1LjEyNSAxMy4yMzk2VjE5LjIxODhDNS4xMjUgMjAuMjE4MyA1Ljg5NDQ3IDIwLjk1MjcgNi44MzMzMyAyMS4xNzU3VjMyLjAzMTNDNi44MzMzMyAzNS4wODIzIDkuMzM0MzkgMzcuNTgzMyAxMi4zODU0IDM3LjU4MzNIMjguNjE0NkMzMS42NjU2IDM3LjU4MzMgMzQuMTY2NyAzNS4wODIzIDM0LjE2NjcgMzIuMDMxM1YyMS4xNzU3QzM1LjEwNTUgMjAuOTUyNyAzNS44NzUgMjAuMjE4MyAzNS44NzUgMTkuMjE4OFYxMy4yMzk2QzM1Ljg3NSAxMi4wNzQ4IDM0LjkwNDMgMTEuMTA0MiAzMy43Mzk2IDExLjEwNDJIMjkuMzIwM0MyOS45MDA5IDEwLjIyNzQgMzAuMzIyOSA5LjIzNzg1IDMwLjMyMjkgOC4xMTQ1OEMzMC4zMjI5IDUuMDYzNTUgMjcuODIxOSAyLjU2MjUgMjQuNzcwOCAyLjU2MjVDMjMuMDIxMiAyLjU2MjUgMjEuNTIgMy40MzU4NyAyMC41IDQuNzEyOTNDMTkuNDggMy40MzU4NyAxNy45Nzg4IDIuNTYyNSAxNi4yMjkyIDIuNTYyNVpNMTYuMjI5MiA1LjEyNUMxNy44OTQ4IDUuMTI1IDE5LjIxODggNi40NDg5MSAxOS4yMTg4IDguMTE0NThWMTEuMTA0MkgxNi4yMjkyQzE0LjU2MzUgMTEuMTA0MiAxMy4yMzk2IDkuNzgwMjYgMTMuMjM5NiA4LjExNDU4QzEzLjIzOTYgNi40NDg5MSAxNC41NjM1IDUuMTI1IDE2LjIyOTIgNS4xMjVaTTI0Ljc3MDggNS4xMjVDMjYuNDM2NSA1LjEyNSAyNy43NjA0IDYuNDQ4OTEgMjcuNzYwNCA4LjExNDU4QzI3Ljc2MDQgOS43ODAyNiAyNi40MzY1IDExLjEwNDIgMjQuNzcwOCAxMS4xMDQySDIxLjc4MTJWOC4xMTQ1OEMyMS43ODEyIDYuNDQ4OTEgMjMuMTA1MiA1LjEyNSAyNC43NzA4IDUuMTI1Wk03LjY4NzUgMTMuNjY2N0gxNi4yMjkySDE5LjIxODhWMTguNzkxN0g3LjY4NzVWMTMuNjY2N1pNMjEuNzgxMiAxMy42NjY3SDI0Ljc3MDhIMzMuMzEyNVYxOC43OTE3SDIxLjc4MTJWMTMuNjY2N1pNOS4zOTU4MyAyMS4zNTQySDE5LjIxODhWMzUuMDIwOEgxMi4zODU0QzEwLjcxOTcgMzUuMDIwOCA5LjM5NTgzIDMzLjY5NjkgOS4zOTU4MyAzMi4wMzEzVjIxLjM1NDJaTTIxLjc4MTIgMjEuMzU0MkgzMS42MDQyVjMyLjAzMTNDMzEuNjA0MiAzMy42OTY5IDMwLjI4MDMgMzUuMDIwOCAyOC42MTQ2IDM1LjAyMDhIMjEuNzgxMlYyMS4zNTQyWiIgZmlsbD0iIzkyNEFGRiIvPgo8L3N2Zz4K");
}
.modal-addBasket-total-tip__title {
font-weight: 500;
font-size: 22px;
line-height: 22px;
margin-bottom: 10px;
}
.modal-addBasket-total-tip__subtitle {
color: #343c4b;
opacity: 0.7;
font-weight: 500;
font-size: 14px;
line-height: 17px;
margin-bottom: 23px;
}
.modal-addBasket-total-tip__button {
width: 100%;
padding: 22px;
background: #9b58ff;
color: #fff;
height: auto;
font-weight: 500;
font-size: 16px;
line-height: 19px;
box-sizing: border-box;
margin: 0;
}
.modal-addBasket-item__title_mobile {
display: none;
order: -1;
width: 100%;
}
.modal-addBasket__list {
max-height: 420px;
}
.simplebar {
height: 100%;
box-sizing: border-box;
}
body .modal-addBasket__list .simplebar-track.simplebar-vertical {
right: -26px;
top: -82px;
height: calc(100% + 82px);
}
body .modal-addBasket__slider {
margin-top: 31px;
}
body .modal-addBasket__slider .catalog-main__item {
height: 369px !important;
max-height: 382px !important;
width: 220px;
padding-left: 10px;
padding-right: 10px;
}
body .modal-addBasket__slider .catalog-main__item:hover .catalog-main__title {
height: 38px;
}
body .modal-addBasket__slider .catalog-main__item:hover .catalog-main__hover {
box-shadow: none;
}
.modal-addBasket-slider__title {
font-weight: 500;
font-size: 22px;
line-height: 26px;
margin-bottom: 31px;
}
body .modal-addBasket__slider .owl-nav {
top: -62px;
left: auto;
}
.new-basket .catalog-main__old-price,
.new-basket .catalog-main__cur-price {
font-family: "Gilroy", "Arial", sans-serif;
}
.modal-addBasket .catalog-main__info,
.modal-addBasket .catalog-main__item:hover .catalog-main__rating {
display: none !important;
}
.modal-addBasket .owl-stage-outer {
height: auto !important;
}
.modal-addBasket .catalog-main .pr-slider__item img {
height: 100%;
object-fit: contain;
}
@media (max-width: 700px) {
.modal-addBasket__list {
max-height: unset;
}
.modal-addBasket-item {
align-items: flex-start;
}
.modal-addBasket-item__column:first-child {
order: 1;
margin-right: 0;
}
.modal-addBasket-item__info {
flex-direction: column;
align-items: flex-start;
}
.modal-addBasket-item__column:last-child {
display: flex;
flex-wrap: wrap;
margin-bottom: 11px;
}
.modal-addBasket-item__price {
order: -1;
width: 100%;
flex-wrap: wrap;
margin-bottom: 8px;
}
.modal-addBasket-item__old-price-row {
margin-bottom: 0;
margin-right: 7px;
}
.modal-addBasket-item__old-price-row + .modal-addBasket-item__price {
margin-bottom: 8px;
}
.modal-addBasket-item__title:not(.modal-addBasket-item__title_mobile) {
display: none;
}
.modal-addBasket-item__title_mobile {
display: block;
}
.basket-delivery {
flex-direction: column;
padding: 8px 12px;
}
.basket-delivery__types {
margin-left: 45px;
margin-top: 2px;
}
.modal-addBasket-total {
flex-direction: column;
align-items: flex-start;
}
.modal-addBasket-total__info {
width: 100%;
margin-bottom: 20px;
}
.modal-addBasket__continue-buying {
float: none;
text-align: center;
}
.modal-addBasket__btns {
margin: 0;
width: 100%;
}
.modal-addBasket__make-order {
width: 100%;
}
}
@media (max-width: 550px) {
.modal-addBasket-total {
position: relative;
}
.modal-addBasket-total-tip {
position: static;
}
.modal-addBasket-total-tip__hidden {
left: 0;
width: 100%;
}
.modal-addBasket__title-wrap {
flex-direction: column;
align-items: flex-start;
}
.basket-delivery__title {
font-size: 12px;
line-height: 14px;
}
.basket-delivery__type-title {
font-weight: 500;
font-size: 12px;
line-height: 14px;
}
.basket-delivery__type:not(:last-child) {
margin-right: 6px;
}
.basket-delivery__type-image {
width: 16px;
height: 16px;
background-size: cover;
margin-right: 6px;
}
.modal-addBasket {
padding: 0;
overflow-x: hidden;
}
.modal-addBasket .modal {
width: 100%;
}
.modal-addBasket .modal__container {
width: 100%;
border-radius: 0;
}
.modal-addBasket-item__title_mobile {
font-size: 12px;
line-height: 14px;
margin-bottom: 8px;
}
.modal-addBasket-item__price {
font-size: 16px;
line-height: 19px;
}
.modal-addBasket-item__old-price-row + .modal-addBasket-item__price {
margin-bottom: 2px;
}
.modal-addBasket-old-price {
font-size: 12px;
line-height: 14px;
}
.modal-addBasket__btns .modal-addBasket__make-order {
margin-left: 0;
}
.catalog-item-bonuses {
font-size: 12px;
line-height: 14px;
}
.select-selected {
min-width: 68px;
}
.custom-select {
width: 68px;
}
.price-per-item-row__price-per-item {
font-weight: 500;
font-size: 12px;
line-height: 14px;
}
.modal-addBasket-item__to-favorites,
.catalog-item-remove {
font-size: 12px;
line-height: 14px;
}
.modal-addBasket-total__price {
font-size: 24px;
line-height: 28px;
width: 100%;
}
.basket-delivery__title:before {
margin-bottom: -15px;
}
.modal-addBasket .modal__close {
width: 18px;
height: 18px;
top: 20px;
right: 20px;
}
.modal-addBasket .modal__close svg {
width: 100%;
height: 100%;
}
}
@media (max-width: 500px) {
.modal-addBasket .modal__container {
padding: 40px 18px;
}
.modal-addBasket-item__image {
width: 58px;
height: 58px;
margin-right: 16px;
}
}
/* Новые стили попапа Ваш заказ - конец */
/* Новые стили оформления заказа - начало */
.new-order .new-basket__title {
margin-bottom: 35px;
}
.new-order__my-order-head {
display: flex;
align-items: center;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
padding: 35px 0;
margin-bottom: 7px;
}
.new-order__my-order-head:before {
content: "";
display: block;
width: 28px;
height: 28px;
margin-right: 12px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDM5ODEgMy41MDAwOUMxLjkyMzg2IDMuNDk4NDUgMS44MDg3NCAzLjUxOTg3IDEuNzAxMTQgMy41NjMxMUMxLjU5MzU1IDMuNjA2MzQgMS40OTU2MiAzLjY3MDUzIDEuNDEzMDQgMy43NTE5NUMxLjMzMDQ3IDMuODMzMzYgMS4yNjQ5IDMuOTMwMzcgMS4yMjAxNCA0LjAzNzM1QzEuMTc1MzkgNC4xNDQzMiAxLjE1MjM0IDQuMjU5MTMgMS4xNTIzNCA0LjM3NTA5QzEuMTUyMzQgNC40OTEwNSAxLjE3NTM5IDQuNjA1ODUgMS4yMjAxNCA0LjcxMjgyQzEuMjY0OSA0LjgxOTggMS4zMzA0NyA0LjkxNjgxIDEuNDEzMDQgNC45OTgyM0MxLjQ5NTYyIDUuMDc5NjQgMS41OTM1NSA1LjE0MzgzIDEuNzAxMTQgNS4xODcwN0MxLjgwODc0IDUuMjMwMzEgMS45MjM4NiA1LjI1MTczIDIuMDM5ODEgNS4yNTAwOUgzLjY0NzM5QzQuMDcyMDIgNS4yNTAwOSA0LjQyNTk4IDUuNTQzNDYgNC41MDY0NCA1Ljk2MTAyTDQuNjgwNzYgNi44NzI0OEw2LjU2MTc4IDE2Ljc1MTZDNi45MDE5MyAxOC41MzM5IDguNDcyMyAxOS44MzM0IDEwLjI4NzQgMTkuODMzNEgyMS4yMDg5QzIzLjAyNCAxOS44MzM0IDI0LjU5NSAxOC41MzQ0IDI0LjkzNDUgMTYuNzUxNkwyNi44MTU1IDYuODcyNDhDMjYuODM5NiA2Ljc0NiAyNi44MzU2IDYuNjE1NzQgMjYuODAzNiA2LjQ5MTAxQzI2Ljc3MTYgNi4zNjYyOSAyNi43MTI0IDYuMjUwMTYgMjYuNjMwNCA2LjE1MDkxQzI2LjU0ODMgNi4wNTE2NyAyNi40NDU0IDUuOTcxNzYgMjYuMzI4OSA1LjkxNjg4QzI2LjIxMjQgNS44NjIgMjYuMDg1MiA1LjgzMzUgMjUuOTU2NSA1LjgzMzQySDYuMjYzMjhMNi4yMjU2OCA1LjYzNDA0QzUuOTkwNTIgNC40MDE2NSA0LjkwMjIxIDMuNTAwMDkgMy42NDczOSAzLjUwMDA5SDIuMDM5ODFaTTYuNTk3MSA3LjU4MzQySDI0Ljg5OTJMMjMuMjE1MyAxNi40MjQ2QzIzLjAzMDkgMTcuMzkyNyAyMi4xOTUgMTguMDgzNCAyMS4yMDg5IDE4LjA4MzRIMTAuMjg3NEM5LjMwMTYxIDE4LjA4MzQgOC40NjYyNiAxNy4zOTI2IDguMjgxMDIgMTYuNDI0NlYxNi40MjM0TDYuNTk3MSA3LjU4MzQyWk0xMS42NjQ4IDIxLjAwMDFDMTEuMjAwNyAyMS4wMDAxIDEwLjc1NTYgMjEuMTg0NSAxMC40Mjc0IDIxLjUxMjdDMTAuMDk5MiAyMS44NDA4IDkuOTE0ODEgMjIuMjg2IDkuOTE0ODEgMjIuNzUwMUM5LjkxNDgxIDIzLjIxNDIgMTAuMDk5MiAyMy42NTkzIDEwLjQyNzQgMjMuOTg3NUMxMC43NTU2IDI0LjMxNTcgMTEuMjAwNyAyNC41MDAxIDExLjY2NDggMjQuNTAwMUMxMi4xMjg5IDI0LjUwMDEgMTIuNTc0MSAyNC4zMTU3IDEyLjkwMjIgMjMuOTg3NUMxMy4yMzA0IDIzLjY1OTMgMTMuNDE0OCAyMy4yMTQyIDEzLjQxNDggMjIuNzUwMUMxMy40MTQ4IDIyLjI4NiAxMy4yMzA0IDIxLjg0MDggMTIuOTAyMiAyMS41MTI3QzEyLjU3NDEgMjEuMTg0NSAxMi4xMjg5IDIxLjAwMDEgMTEuNjY0OCAyMS4wMDAxWk0xOS44MzE1IDIxLjAwMDFDMTkuMzY3MyAyMS4wMDAxIDE4LjkyMjIgMjEuMTg0NSAxOC41OTQgMjEuNTEyN0MxOC4yNjU4IDIxLjg0MDggMTguMDgxNSAyMi4yODYgMTguMDgxNSAyMi43NTAxQzE4LjA4MTUgMjMuMjE0MiAxOC4yNjU4IDIzLjY1OTMgMTguNTk0IDIzLjk4NzVDMTguOTIyMiAyNC4zMTU3IDE5LjM2NzMgMjQuNTAwMSAxOS44MzE1IDI0LjUwMDFDMjAuMjk1NiAyNC41MDAxIDIwLjc0MDcgMjQuMzE1NyAyMS4wNjg5IDIzLjk4NzVDMjEuMzk3MSAyMy42NTkzIDIxLjU4MTUgMjMuMjE0MiAyMS41ODE1IDIyLjc1MDFDMjEuNTgxNSAyMi4yODYgMjEuMzk3MSAyMS44NDA4IDIxLjA2ODkgMjEuNTEyN0MyMC43NDA3IDIxLjE4NDUgMjAuMjk1NiAyMS4wMDAxIDE5LjgzMTUgMjEuMDAwMVoiIGZpbGw9IiMzNDNDNEIiLz4KPC9zdmc+Cg==");
}
.new-order__my-order-title {
display: flex;
align-items: center;
}
.new-order__my-order-value {
color: #343c4b;
opacity: 0.5;
margin-left: 0.4em;
}
.new-order__my-order-head:after {
content: "";
display: block;
width: 12px;
height: 12px;
margin-left: auto;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzY1MTIgMi4zNTk4OEM5LjYxODYyIDIuMjEzMzcgOS4zODEzNyAyLjIxMzM3IDkuMjM0ODcgMi4zNTk4OEw1Ljk5OTg3IDUuNTk0ODhMMi43NjUxMiAyLjM1OTg4QzIuNjE4NjIgMi4yMTMzNyAyLjM4MTM3IDIuMjEzMzcgMi4yMzQ4NyAyLjM1OTg4TDAuNjA5ODc1IDMuOTg0ODhDMC40NjMzNzUgNC4xMzEzOCAwLjQ2MzM3NSA0LjM2ODYyIDAuNjA5ODc1IDQuNTE1MTNMNS43MzQ4NyA5LjY0MDEzQzUuODA3ODcgOS43MTM2MyA1LjkwMzg3IDkuNzUwMTMgNS45OTk4NyA5Ljc1MDEzQzYuMDk1ODcgOS43NTAxMyA2LjE5MTg3IDkuNzEzNjMgNi4yNjUxMiA5LjY0MDM4TDExLjM5MDEgNC41MTUzOEMxMS41MzY2IDQuMzY4ODggMTEuNTM2NiA0LjEzMTYzIDExLjM5MDEgMy45ODUxM0w5Ljc2NTEyIDIuMzU5ODhaIiBmaWxsPSIjMzQzQzRCIi8+Cjwvc3ZnPgo=");
}
.new-order__my-order {
padding: 0 40px;
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
margin-bottom: 22px;
}
.js-list-hidden.new-order__my-order .new-order__my-order-body {
display: none;
}
.js-list-hidden.new-order__my-order .new-order__my-order-head:after {
transform: rotate(180deg);
}
.new-order-delivery__title {
display: flex;
align-items: center;
font-weight: 700;
font-size: 22px;
line-height: 26px;
margin-bottom: 30px;
}
.new-order-delivery__title:after {
content: "";
display: block;
width: 28px;
height: 28px;
margin-left: 12px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDM5ODEgNS44MzMxQzEuOTIzODYgNS44MzE0NiAxLjgwODc0IDUuODUyODggMS43MDExNCA1Ljg5NjExQzEuNTkzNTUgNS45MzkzNSAxLjQ5NTYyIDYuMDAzNTQgMS40MTMwNCA2LjA4NDk2QzEuMzMwNDcgNi4xNjYzNyAxLjI2NDkgNi4yNjMzOCAxLjIyMDE0IDYuMzcwMzZDMS4xNzUzOSA2LjQ3NzMzIDEuMTUyMzQgNi41OTIxNCAxLjE1MjM0IDYuNzA4MUMxLjE1MjM0IDYuODI0MDUgMS4xNzUzOSA2LjkzODg2IDEuMjIwMTQgNy4wNDU4M0MxLjI2NDkgNy4xNTI4MSAxLjMzMDQ3IDcuMjQ5ODIgMS40MTMwNCA3LjMzMTI0QzEuNDk1NjIgNy40MTI2NSAxLjU5MzU1IDcuNDc2ODQgMS43MDExNCA3LjUyMDA4QzEuODA4NzQgNy41NjMzMSAxLjkyMzg2IDcuNTg0NzMgMi4wMzk4MSA3LjU4MzA5SDEwLjc4OThDMTAuOTA1OCA3LjU4NDczIDExLjAyMDkgNy41NjMzMSAxMS4xMjg1IDcuNTIwMDhDMTEuMjM2MSA3LjQ3Njg0IDExLjMzNCA3LjQxMjY1IDExLjQxNjYgNy4zMzEyNEMxMS40OTkxIDcuMjQ5ODIgMTEuNTY0NyA3LjE1MjgxIDExLjYwOTUgNy4wNDU4M0MxMS42NTQyIDYuOTM4ODYgMTEuNjc3MyA2LjgyNDA1IDExLjY3NzMgNi43MDgxQzExLjY3NzMgNi41OTIxNCAxMS42NTQyIDYuNDc3MzMgMTEuNjA5NSA2LjM3MDM2QzExLjU2NDcgNi4yNjMzOCAxMS40OTkxIDYuMTY2MzcgMTEuNDE2NiA2LjA4NDk2QzExLjMzNCA2LjAwMzU0IDExLjIzNjEgNS45MzkzNSAxMS4xMjg1IDUuODk2MTFDMTEuMDIwOSA1Ljg1Mjg4IDEwLjkwNTggNS44MzE0NiAxMC43ODk4IDUuODMzMUgyLjAzOTgxWk0xNC4yODk4IDUuODMzMUMxNC4xNzM5IDUuODMxNDYgMTQuMDU4NyA1Ljg1Mjg4IDEzLjk1MTEgNS44OTYxMUMxMy44NDM1IDUuOTM5MzUgMTMuNzQ1NiA2LjAwMzU0IDEzLjY2MyA2LjA4NDk2QzEzLjU4MDUgNi4xNjYzNyAxMy41MTQ5IDYuMjYzMzggMTMuNDcwMSA2LjM3MDM2QzEzLjQyNTQgNi40NzczMyAxMy40MDIzIDYuNTkyMTQgMTMuNDAyMyA2LjcwODFDMTMuNDAyMyA2LjgyNDA1IDEzLjQyNTQgNi45Mzg4NiAxMy40NzAxIDcuMDQ1ODNDMTMuNTE0OSA3LjE1MjgxIDEzLjU4MDUgNy4yNDk4MiAxMy42NjMgNy4zMzEyNEMxMy43NDU2IDcuNDEyNjUgMTMuODQzNSA3LjQ3Njg0IDEzLjk1MTEgNy41MjAwOEMxNC4wNTg3IDcuNTYzMzEgMTQuMTczOSA3LjU4NDczIDE0LjI4OTggNy41ODMwOUgxNi4wMzk4QzE2LjUzMzYgNy41ODMwOSAxNi45MTQ4IDcuOTY0MyAxNi45MTQ4IDguNDU4MDlWMTkuMjQ5OEgxMC4zNzI4QzkuOTg4MTcgMTcuOTA5IDguNzQ3OTkgMTYuOTE2NCA3LjI4OTgxIDE2LjkxNjRDNS44MzE2MyAxNi45MTY0IDQuNTkxNDQgMTcuOTA5IDQuMjA2OCAxOS4yNDk4SDMuNzg5ODFDMy4yOTYwMSAxOS4yNDk4IDIuOTE0ODEgMTguODY4NiAyLjkxNDgxIDE4LjM3NDhWMTcuMjA4MUMyLjkxNjQ5IDE3LjA5MSAyLjg5NDY0IDE2Ljk3NDcgMi44NTA1NiAxNi44NjYyQzIuODA2NDggMTYuNzU3NyAyLjc0MTA2IDE2LjY1OTEgMi42NTgxOSAxNi41NzY0QzIuNTc1MzIgMTYuNDkzNiAyLjQ3NjY3IDE2LjQyODMgMi4zNjgxIDE2LjM4NDRDMi4yNTk1MyAxNi4zNDA0IDIuMTQzMjUgMTYuMzE4NyAyLjAyNjEzIDE2LjMyMDZDMS43OTQyNyAxNi4zMjQyIDEuNTczMzIgMTYuNDE5NyAxLjQxMTgyIDE2LjU4NjFDMS4yNTAzMiAxNi43NTI1IDEuMTYxNDggMTYuOTc2MiAxLjE2NDgxIDE3LjIwODFWMTguMzc0OEMxLjE2NDgxIDE5LjgxNDEgMi4zNTA0MyAyMC45OTk4IDMuNzg5ODEgMjAuOTk5OEg0LjIwNjhDNC41OTE0NCAyMi4zNDA1IDUuODMxNjMgMjMuMzMzMSA3LjI4OTgxIDIzLjMzMzFDOC43NDc5OSAyMy4zMzMxIDkuOTg4MTcgMjIuMzQwNSAxMC4zNzI4IDIwLjk5OThIMTcuNjIzNUMxOC4wMDgxIDIyLjM0MDUgMTkuMjQ4MyAyMy4zMzMxIDIwLjcwNjUgMjMuMzMzMUMyMi4xNjQ2IDIzLjMzMzEgMjMuNDA0OCAyMi4zNDA1IDIzLjc4OTUgMjAuOTk5OEgyNC4yMDY1QzI1LjY0NTggMjAuOTk5OCAyNi44MzE1IDE5LjgxNDEgMjYuODMxNSAxOC4zNzQ4VjE0LjY2MjhDMjYuODMxNSAxNC4yOTQ1IDI2Ljc1MzggMTMuOTMyNyAyNi42MDU5IDEzLjU5ODdDMjYuNjA1NSAxMy41OTgzIDI2LjYwNTEgMTMuNTk4IDI2LjYwNDcgMTMuNTk3NkwyNC44ODQ0IDkuNzI2MTZWOS43MjUwMkMyNC40NjQzIDguNzc5MTIgMjMuNTIwOSA4LjE2NjQzIDIyLjQ4NjEgOC4xNjY0M0gxOC42MzUyQzE4LjQ4NjUgNi44NjM2MyAxNy4zNzk1IDUuODMzMSAxNi4wMzk4IDUuODMzMUgxNC4yODk4Wk0yLjAzOTgxIDkuMzMzMDlDMS45MjM4NiA5LjMzMTQ1IDEuODA4NzQgOS4zNTI4OCAxLjcwMTE0IDkuMzk2MTFDMS41OTM1NSA5LjQzOTM1IDEuNDk1NjIgOS41MDM1NCAxLjQxMzA0IDkuNTg0OTVDMS4zMzA0NyA5LjY2NjM3IDEuMjY0OSA5Ljc2MzM4IDEuMjIwMTQgOS44NzAzNkMxLjE3NTM5IDkuOTc3MzMgMS4xNTIzNCAxMC4wOTIxIDEuMTUyMzQgMTAuMjA4MUMxLjE1MjM0IDEwLjMyNDEgMS4xNzUzOSAxMC40Mzg5IDEuMjIwMTQgMTAuNTQ1OEMxLjI2NDkgMTAuNjUyOCAxLjMzMDQ3IDEwLjc0OTggMS40MTMwNCAxMC44MzEyQzEuNDk1NjIgMTAuOTEyNiAxLjU5MzU1IDEwLjk3NjggMS43MDExNCAxMS4wMjAxQzEuODA4NzQgMTEuMDYzMyAxLjkyMzg2IDExLjA4NDcgMi4wMzk4MSAxMS4wODMxSDguNDU2NDdDOC41NzI0MiAxMS4wODQ3IDguNjg3NTQgMTEuMDYzMyA4Ljc5NTE0IDExLjAyMDFDOC45MDI3MyAxMC45NzY4IDkuMDAwNjYgMTAuOTEyNiA5LjA4MzI0IDEwLjgzMTJDOS4xNjU4MSAxMC43NDk4IDkuMjMxMzggMTAuNjUyOCA5LjI3NjEzIDEwLjU0NThDOS4zMjA4OSAxMC40Mzg5IDkuMzQzOTQgMTAuMzI0MSA5LjM0Mzk0IDEwLjIwODFDOS4zNDM5NCAxMC4wOTIxIDkuMzIwODkgOS45NzczMyA5LjI3NjEzIDkuODcwMzZDOS4yMzEzOCA5Ljc2MzM4IDkuMTY1ODEgOS42NjYzNyA5LjA4MzI0IDkuNTg0OTVDOS4wMDA2NiA5LjUwMzU0IDguOTAyNzMgOS40MzkzNSA4Ljc5NTE0IDkuMzk2MTFDOC42ODc1NCA5LjM1Mjg4IDguNTcyNDIgOS4zMzE0NSA4LjQ1NjQ3IDkuMzMzMDlIMi4wMzk4MVpNMTguNjY0OCA5LjkxNjQzSDIyLjQ4NjFDMjIuODM0NiA5LjkxNjQzIDIzLjE0MzUgMTAuMTE3NyAyMy4yODQ4IDEwLjQzNkwyNC4zNSAxMi44MzMxSDE4LjY2NDhWOS45MTY0M1pNMi4wMzk4MSAxMi44MzMxQzEuOTIzODYgMTIuODMxNSAxLjgwODc0IDEyLjg1MjkgMS43MDExNCAxMi44OTYxQzEuNTkzNTUgMTIuOTM5MyAxLjQ5NTYyIDEzLjAwMzUgMS40MTMwNCAxMy4wODVDMS4zMzA0NyAxMy4xNjY0IDEuMjY0OSAxMy4yNjM0IDEuMjIwMTQgMTMuMzcwNEMxLjE3NTM5IDEzLjQ3NzMgMS4xNTIzNCAxMy41OTIxIDEuMTUyMzQgMTMuNzA4MUMxLjE1MjM0IDEzLjgyNDEgMS4xNzUzOSAxMy45Mzg5IDEuMjIwMTQgMTQuMDQ1OEMxLjI2NDkgMTQuMTUyOCAxLjMzMDQ3IDE0LjI0OTggMS40MTMwNCAxNC4zMzEyQzEuNDk1NjIgMTQuNDEyNiAxLjU5MzU1IDE0LjQ3NjggMS43MDExNCAxNC41MjAxQzEuODA4NzQgMTQuNTYzMyAxLjkyMzg2IDE0LjU4NDcgMi4wMzk4MSAxNC41ODMxSDYuMTIzMTRDNi4yMzkwOSAxNC41ODQ3IDYuMzU0MiAxNC41NjMzIDYuNDYxOCAxNC41MjAxQzYuNTY5NCAxNC40NzY4IDYuNjY3MzMgMTQuNDEyNiA2Ljc0OTkgMTQuMzMxMkM2LjgzMjQ4IDE0LjI0OTggNi44OTgwNSAxNC4xNTI4IDYuOTQyOCAxNC4wNDU4QzYuOTg3NTUgMTMuOTM4OSA3LjAxMDYgMTMuODI0MSA3LjAxMDYgMTMuNzA4MUM3LjAxMDYgMTMuNTkyMSA2Ljk4NzU1IDEzLjQ3NzMgNi45NDI4IDEzLjM3MDRDNi44OTgwNSAxMy4yNjM0IDYuODMyNDggMTMuMTY2NCA2Ljc0OTkgMTMuMDg1QzYuNjY3MzMgMTMuMDAzNSA2LjU2OTQgMTIuOTM5MyA2LjQ2MTggMTIuODk2MUM2LjM1NDIgMTIuODUyOSA2LjIzOTA5IDEyLjgzMTUgNi4xMjMxNCAxMi44MzMxSDIuMDM5ODFaTTE4LjY2NDggMTQuNTgzMUgyNS4wNzM1QzI1LjA3NiAxNC42MDk3IDI1LjA4MTUgMTQuNjM2MyAyNS4wODE1IDE0LjY2MjhWMTguMzc0OEMyNS4wODE1IDE4Ljg2ODYgMjQuNzAwMyAxOS4yNDk4IDI0LjIwNjUgMTkuMjQ5OEgyMy43ODk1QzIzLjQwNDggMTcuOTA5IDIyLjE2NDYgMTYuOTE2NCAyMC43MDY1IDE2LjkxNjRDMTkuOTMzIDE2LjkxNjQgMTkuMjIxMSAxNy4xOTYgMTguNjY0OCAxNy42NTgxVjE0LjU4MzFaTTcuMjg5ODEgMTguNjY2NEM4LjA3NjU4IDE4LjY2NjQgOC42OTgyNSAxOS4yNjg5IDguNzQwMTYgMjAuMDQzOUM4LjczNTE3IDIwLjA5NzcgOC43MzUxNyAyMC4xNTE4IDguNzQwMTYgMjAuMjA1N0M4LjY5ODI1IDIwLjk4MDYgOC4wNzY1OCAyMS41ODMxIDcuMjg5ODEgMjEuNTgzMUM2LjUwMzA0IDIxLjU4MzEgNS44ODEzNiAyMC45ODA2IDUuODM5NDUgMjAuMjA1N0M1Ljg0NDQ0IDIwLjE1MTggNS44NDQ0NCAyMC4wOTc3IDUuODM5NDUgMjAuMDQzOUM1Ljg4MTM2IDE5LjI2ODkgNi41MDMwNCAxOC42NjY0IDcuMjg5ODEgMTguNjY2NFpNMjAuNzA2NSAxOC42NjY0QzIxLjUyMSAxOC42NjY0IDIyLjE2NDggMTkuMzEwMiAyMi4xNjQ4IDIwLjEyNDhDMjIuMTY0OCAyMC45MzkzIDIxLjUyMSAyMS41ODMxIDIwLjcwNjUgMjEuNTgzMUMxOS44OTE5IDIxLjU4MzEgMTkuMjQ4MSAyMC45MzkzIDE5LjI0ODEgMjAuMTI0OEMxOS4yNDgxIDE5LjMxMDIgMTkuODkxOSAxOC42NjY0IDIwLjcwNjUgMTguNjY2NFoiIGZpbGw9IiMzNDNDNEIiLz4KPC9zdmc+Cg==");
}
.custom-radio:not(:last-child) {
margin-bottom: 36px;
}
.custom-radio__input {
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
position: absolute;
}
.custom-radio__label {
display: block;
padding-left: 34px;
position: relative;
cursor: pointer;
padding-bottom: 22px;
border-bottom: 2px solid rgba(52, 60, 75, 0.1);
transition: all 0.3s;
}
.custom-radio__label:hover {
border-bottom: 2px solid #2f69ff;
}
.custom-radio__label:before {
content: "";
display: block;
width: 20px;
height: 20px;
border-radius: 100%;
border: 2px solid #d6d6d6;
position: absolute;
left: 0;
top: 8px;
}
.custom-radio__label:after {
opacity: 0;
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
top: 15px;
left: 7px;
background: #2f69ff;
transition: all 0.2s;
}
.custom-radio__input:checked + .custom-radio__label:after {
opacity: 1;
}
.custom-radio__input:checked + .custom-radio__label {
border-bottom: 2px solid #2f69ff;
}
.new-order-delivery-delivery-type {
display: flex;
align-items: center;
}
.new-order-delivery-delivery-type__price {
font-weight: 700;
font-size: 16px;
line-height: 19px;
margin-left: auto;
}
.new-order-delivery-delivery-type__title {
margin-bottom: 2px;
font-weight: 700;
font-size: 16px;
line-height: 19px;
}
.new-order-delivery-place__city-input-placeholder {
flex-shrink: 0;
}
.new-order-delivery-delivery-type__subtitle {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
opacity: 0.5;
}
.new-order__delivery {
margin-bottom: 32px;
}
.new-order__delivery-place {
margin-top: 23px;
}
.new-order-delivery-place__title {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: rgba(52, 60, 75, 0.7);
margin-bottom: 11px;
}
.red {
color: #ef483d;
}
.custom-input {
padding: 21px 26px;
background: #f3f3f6;
border-radius: 8px 8px 0 0;
border: 0;
border-bottom: 2px solid #d7dae0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
outline: none;
box-sizing: border-box;
}
.custom-textarea {
padding: 21px 26px;
background: #f3f3f6;
border-radius: 8px 8px 0 0;
border: 0;
border-bottom: 2px solid #d7dae0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
outline: none;
min-height: 120px;
width: 100%;
box-sizing: border-box;
}
.new-order-delivery-place__input-wrap {
display: flex;
position: relative;
align-items: center;
padding: 21px 26px;
background: #f3f3f6;
border-radius: 8px 8px 0 0;
border: 0;
border-bottom: 2px solid #d7dae0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.new-order-delivery-place__input {
border: 0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgb(52, 60, 75);
margin-left: 0.4em;
outline: none;
background: transparent;
width: 100%;
}
.new-order-delivery-place__input::placeholder {
color: rgba(52, 60, 75, 0.5);
}
.custom-radio__input:not(:checked) + .custom-radio__label .new-order-delivery-delivery-type__price {
opacity: 0.5;
}
.new-order-delivery {
padding: 40px;
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
}
.new-order-city {
display: flex;
align-items: center;
padding: 14px 28px;
border: 1px solid #d7dae0;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s;
}
.new-order-city:hover {
border: 1px solid #2f69ff;
}
.new-order-delivery__city {
margin-bottom: 30px;
}
.new-order-city:before {
content: "";
display: block;
width: 28px;
height: 28px;
margin-right: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk5ODcgMi4zMzM1QzguNTMyNDMgMi4zMzM1IDQuMDgyMDMgNi43ODM4OSA0LjA4MjAzIDEyLjI1MDJDNC4wODIwMyAxNC43MDQxIDQuOTgyMjkgMTYuOTU0NiA2LjQ2MDk0IDE4LjY4NTFMNi40NjU1IDE4LjY4OTZMNi40Njg5MSAxOC42OTQyQzYuNDY4OTEgMTguNjk0MiAxMC42ODc1IDIzLjUwNzkgMTIuMTg5NSAyNC45NDExQzEzLjE5NTIgMjUuOSAxNC44MDExIDI1LjkgMTUuODA2OCAyNC45NDExQzE3LjUxODggMjMuMzA4MiAyMS41Mjk2IDE4LjY5MTkgMjEuNTI5NiAxOC42OTE5TDIxLjUzMTkgMTguNjg4NUwyMS41MzUzIDE4LjY4NTFDMjMuMDE1MyAxNi45NTQ2IDIzLjkxNTQgMTQuNzA0MSAyMy45MTU0IDEyLjI1MDJDMjMuOTE1NCA2Ljc4Mzg5IDE5LjQ2NSAyLjMzMzUgMTMuOTk4NyAyLjMzMzVaTTEzLjk5ODcgNC4wODM1QzE4LjUxOTEgNC4wODM1IDIyLjE2NTQgNy43Mjk3NyAyMi4xNjU0IDEyLjI1MDJDMjIuMTY1NCAxNC4yNzc0IDIxLjQyNjYgMTYuMTE5MiAyMC4yMDQ2IDE3LjU0OEMyMC4xOTY2IDE3LjU1NzEgMTYuMDkyOSAyMi4yNTA1IDE0LjU5OTEgMjMuNjc1M0MxNC4yNTI3IDI0LjAwNTYgMTMuNzQzNiAyNC4wMDU2IDEzLjM5NzEgMjMuNjc1M0MxMi4xNDg3IDIyLjQ4NCA3LjgwNDM0IDE3LjU2MjQgNy43OTE2NyAxNy41NDhMNy43OTA1MyAxNy41NDY5QzYuNTcwMTQgMTYuMTE4MSA1LjgzMjAzIDE0LjI3NjggNS44MzIwMyAxMi4yNTAyQzUuODMyMDMgNy43Mjk3NyA5LjQ3ODMgNC4wODM1IDEzLjk5ODcgNC4wODM1Wk0xMy45OTg3IDguNzUwMTZDMTIuOTA0OSA4Ljc1MDE2IDExLjk3MzggOS4xOTE4MiAxMS4zNzYgOS44NjQ0MkMxMC43NzgxIDEwLjUzNyAxMC40OTg3IDExLjM5OTUgMTAuNDk4NyAxMi4yNTAyQzEwLjQ5ODcgMTMuMTAwOSAxMC43NzgxIDEzLjk2MzMgMTEuMzc2IDE0LjYzNTlDMTEuOTczOCAxNS4zMDg1IDEyLjkwNDkgMTUuNzUwMiAxMy45OTg3IDE1Ljc1MDJDMTUuMDkyNSAxNS43NTAyIDE2LjAyMzYgMTUuMzA4NSAxNi42MjE0IDE0LjYzNTlDMTcuMjE5MyAxMy45NjMzIDE3LjQ5ODcgMTMuMTAwOSAxNy40OTg3IDEyLjI1MDJDMTcuNDk4NyAxMS4zOTk1IDE3LjIxOTMgMTAuNTM3IDE2LjYyMTQgOS44NjQ0MkMxNi4wMjM2IDkuMTkxODIgMTUuMDkyNSA4Ljc1MDE2IDEzLjk5ODcgOC43NTAxNlpNMTMuOTk4NyAxMC41MDAyQzE0LjY1NDkgMTAuNTAwMiAxNS4wMzYzIDEwLjcxNDggMTUuMzEzNSAxMS4wMjY1QzE1LjU5MDYgMTEuMzM4MyAxNS43NDg3IDExLjc4ODQgMTUuNzQ4NyAxMi4yNTAyQzE1Ljc0ODcgMTIuNzEyIDE1LjU5MDYgMTMuMTYyIDE1LjMxMzUgMTMuNDczOEMxNS4wMzYzIDEzLjc4NTYgMTQuNjU0OSAxNC4wMDAyIDEzLjk5ODcgMTQuMDAwMkMxMy4zNDI1IDE0LjAwMDIgMTIuOTYxMSAxMy43ODU2IDEyLjY4MzkgMTMuNDczOEMxMi40MDY4IDEzLjE2MiAxMi4yNDg3IDEyLjcxMiAxMi4yNDg3IDEyLjI1MDJDMTIuMjQ4NyAxMS43ODg0IDEyLjQwNjggMTEuMzM4MyAxMi42ODM5IDExLjAyNjVDMTIuOTYxMSAxMC43MTQ4IDEzLjM0MjUgMTAuNTAwMiAxMy45OTg3IDEwLjUwMDJaIiBmaWxsPSIjMzQzQzRCIi8+Cjwvc3ZnPgo=");
}
.new-order-city:after {
content: "";
display: block;
width: 12px;
height: 12px;
margin-left: auto;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41IiBjbGlwLXBhdGg9InVybCgjY2xpcDBfODY1XzEwNjkzKSI+CjxwYXRoIGQ9Ik0yLjM1OTg3IDIuMjM0MzlDMi4yMTMzNyAyLjM4MDg5IDIuMjEzMzcgMi42MTgxNCAyLjM1OTg3IDIuNzY0NjRMNS41OTQ4OCA1Ljk5OTY0TDIuMzU5ODcgOS4yMzQzOUMyLjIxMzM3IDkuMzgwODkgMi4yMTMzNyA5LjYxODE0IDIuMzU5ODcgOS43NjQ2NEwzLjk4NDg4IDExLjM4OTZDNC4xMzEzOCAxMS41MzYxIDQuMzY4NjIgMTEuNTM2MSA0LjUxNTEzIDExLjM4OTZMOS42NDAxMyA2LjI2NDY0QzkuNzEzNjMgNi4xOTE2NCA5Ljc1MDEzIDYuMDk1NjQgOS43NTAxMyA1Ljk5OTY0QzkuNzUwMTMgNS45MDM2NCA5LjcxMzYzIDUuODA3NjQgOS42NDAzOCA1LjczNDM5TDQuNTE1MzcgMC42MDkzODdDNC4zNjg4NyAwLjQ2Mjg4NyA0LjEzMTYyIDAuNDYyODg3IDMuOTg1MTIgMC42MDkzODdMMi4zNTk4NyAyLjIzNDM5WiIgZmlsbD0iIzM0M0M0QiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg2NV8xMDY5MyI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTIpIHJvdGF0ZSgtOTApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.new-order-city__subtitle {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
opacity: 0.5;
margin-bottom: 2px;
}
.new-order-city__city {
font-weight: 500;
font-size: 18px;
line-height: 22px;
margin-bottom: 3px;
}
.new-order-city__region {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #343c4b;
opacity: 0.5;
}
.new-order-payment {
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
padding: 40px;
}
.new-order-payment__title {
display: flex;
align-items: center;
font-weight: 700;
font-size: 22px;
line-height: 26px;
margin-bottom: 33px;
}
.new-order-payment__title:after {
content: "";
display: block;
margin-left: 12px;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTU5NjQgNS4yNUMyLjg3NiA1LjI1IDEuMTY3OTcgNi45NTgwNCAxLjE2Nzk3IDkuMDQxNjdWMTguOTU4M0MxLjE2Nzk3IDIxLjA0MiAyLjg3NiAyMi43NSA0Ljk1OTY0IDIyLjc1SDIzLjA0M0MyNS4xMjY2IDIyLjc1IDI2LjgzNDYgMjEuMDQyIDI2LjgzNDYgMTguOTU4M1Y5LjA0MTY3QzI2LjgzNDYgNi45NTgwNCAyNS4xMjY2IDUuMjUgMjMuMDQzIDUuMjVINC45NTk2NFpNNC45NTk2NCA3SDIzLjA0M0MyNC4xODA1IDcgMjUuMDg0NiA3LjkwNDEzIDI1LjA4NDYgOS4wNDE2N1Y5LjkxNjY3SDIuOTE3OTdWOS4wNDE2N0MyLjkxNzk3IDcuOTA0MTMgMy44MjIxIDcgNC45NTk2NCA3Wk0yLjkxNzk3IDEyLjI1SDI1LjA4NDZWMTguOTU4M0MyNS4wODQ2IDIwLjA5NTkgMjQuMTgwNSAyMSAyMy4wNDMgMjFINC45NTk2NEMzLjgyMjEgMjEgMi45MTc5NyAyMC4wOTU5IDIuOTE3OTcgMTguOTU4M1YxMi4yNVpNMTguMzc2MyAxNi45MTY3QzE4LjI2MDQgMTYuOTE1IDE4LjE0NTIgMTYuOTM2NCAxOC4wMzc2IDE2Ljk3OTdDMTcuOTMgMTcuMDIyOSAxNy44MzIxIDE3LjA4NzEgMTcuNzQ5NSAxNy4xNjg1QzE3LjY2NyAxNy4yNDk5IDE3LjYwMTQgMTcuMzQ3IDE3LjU1NjYgMTcuNDUzOUMxNy41MTE5IDE3LjU2MDkgMTcuNDg4OCAxNy42NzU3IDE3LjQ4ODggMTcuNzkxN0MxNy40ODg4IDE3LjkwNzYgMTcuNTExOSAxOC4wMjI0IDE3LjU1NjYgMTguMTI5NEMxNy42MDE0IDE4LjIzNjQgMTcuNjY3IDE4LjMzMzQgMTcuNzQ5NSAxOC40MTQ4QzE3LjgzMjEgMTguNDk2MiAxNy45MyAxOC41NjA0IDE4LjAzNzYgMTguNjAzNkMxOC4xNDUyIDE4LjY0NjkgMTguMjYwNCAxOC42NjgzIDE4LjM3NjMgMTguNjY2N0gyMS44NzYzQzIxLjk5MjIgMTguNjY4MyAyMi4xMDc0IDE4LjY0NjkgMjIuMjE1IDE4LjYwMzZDMjIuMzIyNiAxOC41NjA0IDIyLjQyMDUgMTguNDk2MiAyMi41MDMxIDE4LjQxNDhDMjIuNTg1NiAxOC4zMzM0IDIyLjY1MTIgMTguMjM2NCAyMi42OTYgMTguMTI5NEMyMi43NDA3IDE4LjAyMjQgMjIuNzYzOCAxNy45MDc2IDIyLjc2MzggMTcuNzkxN0MyMi43NjM4IDE3LjY3NTcgMjIuNzQwNyAxNy41NjA5IDIyLjY5NiAxNy40NTM5QzIyLjY1MTIgMTcuMzQ3IDIyLjU4NTYgMTcuMjQ5OSAyMi41MDMxIDE3LjE2ODVDMjIuNDIwNSAxNy4wODcxIDIyLjMyMjYgMTcuMDIyOSAyMi4yMTUgMTYuOTc5N0MyMi4xMDc0IDE2LjkzNjQgMjEuOTkyMiAxNi45MTUgMjEuODc2MyAxNi45MTY3SDE4LjM3NjNaIiBmaWxsPSIjMzQzQzRCIi8+Cjwvc3ZnPgo=");
}
.new-order-payment-type__title {
display: flex;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 19px;
margin-bottom: 2px;
}
.new-order-payment-type__subtitle {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: rgba(52, 60, 75, 0.5);
}
.new-order-payment-type__accordion-head {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: rgba(52, 60, 75, 0.5);
}
.new-order-payment-type__accordion-head:after {
content: "";
width: 8px;
height: 8px;
margin-left: 9px;
flex-shrink: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjUiPgo8cGF0aCBkPSJNNi41MDg3OCA2LjQyNjc1QzYuNDExMTEgNi41MjQ0MiA2LjI1Mjk1IDYuNTI0NDIgNi4xNTUyOCA2LjQyNjc1TDMuOTk4NjEgNC4yNzAwOEwxLjg0MjExIDYuNDI2NzVDMS43NDQ0NSA2LjUyNDQyIDEuNTg2MjggNi41MjQ0MiAxLjQ4ODYxIDYuNDI2NzVMMC40MDUyODEgNS4zNDM0MkMwLjMwNzYxNSA1LjI0NTc1IDAuMzA3NjE1IDUuMDg3NTggMC40MDUyODEgNC45ODk5MkwzLjgyMTk1IDEuNTczMjVDMy44NzA2MSAxLjUyNDI1IDMuOTM0NjEgMS40OTk5MiAzLjk5ODYxIDEuNDk5OTJDNC4wNjI2MSAxLjQ5OTkyIDQuMTI2NjEgMS41MjQyNSA0LjE3NTQ1IDEuNTczMDhMNy41OTIxMSA0Ljk4OTc1QzcuNjg5NzggNS4wODc0MiA3LjY4OTc4IDUuMjQ1NTggNy41OTIxMSA1LjM0MzI1TDYuNTA4NzggNi40MjY3NVoiIGZpbGw9IiMzNDNDNEIiLz4KPC9nPgo8L3N2Zz4K");
}
.new-order-payment-type__accordion-content {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: -13px;
margin-top: 16px;
}
.new-order-payment-type__subtitle-with-accordion.js-list-hidden .new-order-payment-type__accordion-content {
display: none;
}
.new-order-payment-type__subtitle-with-accordion.js-list-hidden .new-order-payment-type__accordion-head:after {
transform: rotate(180deg);
}
.new-order-payment-type__image {
margin-right: 13px;
margin-bottom: 13px;
}
.payment-type-popup__content:before {
content: "";
display: block;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
left: calc(50% - 10px);
top: 100%;
}
.payment-type-popup__content:after {
content: "";
display: block;
position: absolute;
top: 100%;
height: 30px;
width: 100%;
left: 0;
}
.payment-type-popup__content {
opacity: 0;
pointer-events: none;
position: absolute;
left: 50%;
width: 312px;
padding: 26px;
bottom: calc(100% + 19px);
background: #fff;
border-radius: 8px;
box-shadow: 5px 5px 60px rgb(36 40 43 / 20%);
font-weight: 500;
font-size: 14px;
transform: translateX(-50%);
box-sizing: border-box;
transition: all 0.3s;
}
.payment-type-popup__icon {
width: 18px;
height: 18px;
display: block;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTkgMS41QzQuODY0NTIgMS41IDEuNSA0Ljg2NDUzIDEuNSA5QzEuNSAxMy4xMzU1IDQuODY0NTIgMTYuNSA5IDE2LjVDMTMuMTM1NSAxNi41IDE2LjUgMTMuMTM1NSAxNi41IDlDMTYuNSA0Ljg2NDUzIDEzLjEzNTUgMS41IDkgMS41Wk05IDIuNjI1QzEyLjUyNzUgMi42MjUgMTUuMzc1IDUuNDcyNTIgMTUuMzc1IDlDMTUuMzc1IDEyLjUyNzUgMTIuNTI3NSAxNS4zNzUgOSAxNS4zNzVDNS40NzI1MiAxNS4zNzUgMi42MjUgMTIuNTI3NSAyLjYyNSA5QzIuNjI1IDUuNDcyNTIgNS40NzI1MiAyLjYyNSA5IDIuNjI1Wk05IDUuMjVDOC44MDEwOSA1LjI1IDguNjEwMzIgNS4zMjkwMiA4LjQ2OTY3IDUuNDY5NjdDOC4zMjkwMiA1LjYxMDMyIDguMjUgNS44MDEwOSA4LjI1IDZDOC4yNSA2LjE5ODkxIDguMzI5MDIgNi4zODk2OCA4LjQ2OTY3IDYuNTMwMzNDOC42MTAzMiA2LjY3MDk4IDguODAxMDkgNi43NSA5IDYuNzVDOS4xOTg5MSA2Ljc1IDkuMzg5NjggNi42NzA5OCA5LjUzMDMzIDYuNTMwMzNDOS42NzA5OCA2LjM4OTY4IDkuNzUgNi4xOTg5MSA5Ljc1IDZDOS43NSA1LjgwMTA5IDkuNjcwOTggNS42MTAzMiA5LjUzMDMzIDUuNDY5NjdDOS4zODk2OCA1LjMyOTAyIDkuMTk4OTEgNS4yNSA5IDUuMjVaTTguOTkxMjEgNy44NjY5NEM4Ljg0MjE1IDcuODY5MjcgOC43MDAxMiA3LjkzMDY3IDguNTk2MyA4LjAzNzY1QzguNDkyNDggOC4xNDQ2MyA4LjQzNTM2IDguMjg4NDQgOC40Mzc1IDguNDM3NVYxMi41NjI1QzguNDM2NDUgMTIuNjM3IDguNDUwMjIgMTIuNzExIDguNDc4MDEgMTIuNzgwMkM4LjUwNTgxIDEyLjg0OTQgOC41NDcwNyAxMi45MTIzIDguNTk5NDEgMTIuOTY1NEM4LjY1MTc1IDEzLjAxODUgOC43MTQxMSAxMy4wNjA3IDguNzgyODggMTMuMDg5NEM4Ljg1MTY1IDEzLjExODIgOC45MjU0NSAxMy4xMzMgOSAxMy4xMzNDOS4wNzQ1NSAxMy4xMzMgOS4xNDgzNSAxMy4xMTgyIDkuMjE3MTIgMTMuMDg5NEM5LjI4NTg5IDEzLjA2MDcgOS4zNDgyNSAxMy4wMTg1IDkuNDAwNTkgMTIuOTY1NEM5LjQ1MjkzIDEyLjkxMjMgOS40OTQxOSAxMi44NDk0IDkuNTIxOTkgMTIuNzgwMkM5LjU0OTc4IDEyLjcxMSA5LjU2MzU1IDEyLjYzNyA5LjU2MjUgMTIuNTYyNVY4LjQzNzVDOS41NjM1OCA4LjM2MjIxIDkuNTQ5NTMgOC4yODc0NyA5LjUyMTIgOC4yMTc3MkM5LjQ5Mjg2IDguMTQ3OTYgOS40NTA4MSA4LjA4NDYgOS4zOTc1MyA4LjAzMTM5QzkuMzQ0MjYgNy45NzgxOCA5LjI4MDg0IDcuOTM2MjEgOS4yMTEwNSA3LjkwNzk2QzkuMTQxMjUgNy44Nzk3MiA5LjA2NjUgNy44NjU3NyA4Ljk5MTIxIDcuODY2OTRaIiBmaWxsPSIjMzQzQzRCIi8+CjwvZz4KPC9zdmc+Cg==");
}
.new-order-payment-type__payment-type-popup {
margin-left: 7px;
position: relative;
}
.payment-type-popup:hover .payment-type-popup__content {
opacity: 1;
pointer-events: all;
}
.payment-type-popup__content a {
color: #2f69ff;
}
.payment-type-popup__content p:not(:last-child) {
margin-bottom: 1em;
}
.custom-radio__label_single-row:after {
top: 5px;
}
.custom-radio__label_single-row:before {
top: -2px;
}
.new-order__payment {
margin-bottom: 22px;
}
.new-order-data {
background: #ffffff;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
padding: 40px;
}
.new-order-data__title-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.new-order-data__title {
display: flex;
align-items: center;
font-weight: 700;
font-size: 22px;
margin-right: 10px;
line-height: 26px;
}
.new-order-data__title:after {
content: "";
width: 28px;
height: 28px;
margin-left: 12px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMTMgMi4zMzM1QzEwLjc5IDIuMzMzNSA4LjE2Nzk3IDQuOTU1NTMgOC4xNjc5NyA4LjE2NjgzQzguMTY3OTcgMTEuMzc4MSAxMC43OSAxNC4wMDAyIDE0LjAwMTMgMTQuMDAwMkMxNy4yMTI2IDE0LjAwMDIgMTkuODM0NiAxMS4zNzgxIDE5LjgzNDYgOC4xNjY4M0MxOS44MzQ2IDQuOTU1NTMgMTcuMjEyNiAyLjMzMzUgMTQuMDAxMyAyLjMzMzVaTTE0LjAwMTMgNC4wODM1QzE2LjI2NjggNC4wODM1IDE4LjA4NDYgNS45MDEzIDE4LjA4NDYgOC4xNjY4M0MxOC4wODQ2IDEwLjQzMjQgMTYuMjY2OCAxMi4yNTAyIDE0LjAwMTMgMTIuMjUwMkMxMS43MzU4IDEyLjI1MDIgOS45MTc5NyAxMC40MzI0IDkuOTE3OTcgOC4xNjY4M0M5LjkxNzk3IDUuOTAxMyAxMS43MzU4IDQuMDgzNSAxNC4wMDEzIDQuMDgzNVpNNi45ODg3NyAxNi4zMzM1QzUuNzE3MjEgMTYuMzMzNSA0LjY2Nzk3IDE3LjM4MjcgNC42Njc5NyAxOC42NTQzVjE5LjU0MThDNC42Njc5NyAyMS42NDQzIDUuOTk3NTQgMjMuMjcwNiA3Ljc2MzUxIDI0LjI0NUM5LjUyOTQ3IDI1LjIxOTMgMTEuNzY2IDI1LjY2NjggMTQuMDAxMyAyNS42NjY4QzE2LjIzNjYgMjUuNjY2OCAxOC40NzMxIDI1LjIxOTMgMjAuMjM5MSAyNC4yNDVDMjEuNzQ0OCAyMy40MTQyIDIyLjg3ODEgMjIuMDg2NyAyMy4xOTU2IDIwLjQxNjhIMjMuMzM1OFYxOC42NTQzQzIzLjMzNTggMTcuMzgyNyAyMi4yODU0IDE2LjMzMzUgMjEuMDEzOCAxNi4zMzM1SDYuOTg4NzdaTTYuOTg4NzcgMTguMDgzNUgyMS4wMTM4QzIxLjMzOTQgMTguMDgzNSAyMS41ODU4IDE4LjMyODcgMjEuNTg1OCAxOC42NTQzVjE4LjY2NjhIMjEuNTg0NlYxOS41NDE4QzIxLjU4NDYgMjAuOTM5NCAyMC43OTk2IDIxLjkzOCAxOS4zOTM3IDIyLjcxMzdDMTcuOTg3OCAyMy40ODk0IDE1Ljk5NTIgMjMuOTE2OCAxNC4wMDEzIDIzLjkxNjhDMTIuMDA3NCAyMy45MTY4IDEwLjAxNDggMjMuNDg5NCA4LjYwODg5IDIyLjcxMzdDNy4yMDI5OCAyMS45MzggNi40MTc5NyAyMC45Mzk0IDYuNDE3OTcgMTkuNTQxOFYxOC42NTQzQzYuNDE3OTcgMTguMzI4NyA2LjY2MzE2IDE4LjA4MzUgNi45ODg3NyAxOC4wODM1WiIgZmlsbD0iIzM0M0M0QiIvPgo8L3N2Zz4K");
flex-shrink: 0;
}
.new-order-data__register {
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.new-order-data__register a {
color: #2f69ff;
text-decoration: none;
}
.new-order-data__content {
display: flex;
flex-wrap: wrap;
}
.new-order-data__input-wrap {
margin-bottom: 18px;
width: 100%;
box-sizing: border-box;
}
.new-order-data__custom-input {
width: 100%;
box-sizing: border-box;
}
.new-order-data__50 {
width: calc(50% - 12px);
}
.new-order-data__input-label {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(52, 60, 75, 0.7);
margin-bottom: 10px;
}
.new-order-data__phone {
width: calc(50% - 12px);
margin-right: 23px;
}
.new-order-data__phone-wrapper {
margin-bottom: 18px;
width: 100%;
}
.new-order-data__phone-wrapper input {
width: 100%;
}
.new-order-data__phone-wrapper .card-ask__select {
flex-shrink: 0;
height: 63px;
background: #f3f3f6;
}
.new-order-data__textarea-wrap {
margin-top: 10px;
}
.new-order-data__checkbox {
margin-top: 18px;
}
.btn-transparent {
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #d7dae0;
background: #fff;
border-radius: 6px;
font-weight: 700;
font-size: 16px;
line-height: 100%;
color: #2f69ff;
padding: 20px;
width: 100%;
box-sizing: border-box;
}
.new-order__one-click {
margin-bottom: 8px;
}
.new-order__personal-data {
margin-top: 13px;
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: center;
color: rgba(52, 60, 75, 0.7);
}
.new-order__personal-data a {
color: #2f69ff;
font-weight: 700;
text-decoration: none;
}
.new-order .catalog-list__item:last-child {
border-bottom: 0;
}
.basket-total__edit {
width: 20px;
height: 20px;
display: block;
margin-left: auto;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTE1LjAwMjEgMi4wODc0QzE0LjI1NDMgMi4wODc0IDEzLjUwNjYgMi4zNzA4OSAxMi45Mzk5IDIuOTM3ODNMMTEuMzQ4MSA0LjUyOTYyQzExLjI5MTIgNC41Njk4OSAxMS4yNDE0IDQuNjE5NCAxMS4yMDA4IDQuNjc2MTFMMy43MTcwNyAxMi4xNTk4QzMuNTQyMDggMTIuMzM0OCAzLjQxMzkzIDEyLjU1MjQgMy4zNDU5OCAxMi43OTEzTDIuMTA5ODEgMTcuMTJDMi4wNzkzMyAxNy4yMjcxIDIuMDc4MDEgMTcuMzQwNCAyLjEwNiAxNy40NDgyQzIuMTMzOTkgMTcuNTU2IDIuMTkwMjcgMTcuNjU0MyAyLjI2OTAxIDE3LjczMzFDMi4zNDc3NiAxNy44MTE4IDIuNDQ2MTEgMTcuODY4MSAyLjU1MzkgMTcuODk2MUMyLjY2MTY5IDE3LjkyNDEgMi43NzUgMTcuOTIyNyAyLjg4MjExIDE3Ljg5MjNMNy4yMTE1NCAxNi42NTYxQzcuMjExODEgMTYuNjU1OCA3LjIxMjA4IDE2LjY1NTUgNy4yMTIzNSAxNi42NTUzQzcuNDQ5NjYgMTYuNTg3MSA3LjY2Njc0IDE2LjQ2MDUgNy44NDIyNCAxNi4yODVMMTUuMzEwNSA4LjgxNTkyQzE1LjM4MDMgOC43Njk2OCAxNS40NCA4LjcwOTkxIDE1LjQ4NjMgOC42NDAxNEwxNy4wNjQyIDcuMDYyMTdDMTguMTk4IDUuOTI4MzcgMTguMTk4IDQuMDcxNjMgMTcuMDY0MiAyLjkzNzgzQzE2LjQ5NzYgMi4zNzA4OSAxNS43NDk5IDIuMDg3NCAxNS4wMDIxIDIuMDg3NFpNMTUuMDAyMSAzLjMzMDA4QzE1LjQyNzQgMy4zMzAwOCAxNS44NTIxIDMuNDkzOTcgMTYuMTc5NiAzLjgyMTYxQzE2LjE3OTkgMy44MjE2MSAxNi4xODAyIDMuODIxNjEgMTYuMTgwNSAzLjgyMTYxQzE2LjgzNjYgNC40Nzc4MSAxNi44MzY2IDUuNTIyMTkgMTYuMTgwNSA2LjE3ODM5TDE0Ljk1NTcgNy40MDMxNkwxMi41OTg5IDUuMDQ2MzlMMTMuODIzNyAzLjgyMTYxQzE0LjE1MTIgMy40OTM5NyAxNC41NzY3IDMuMzMwMDggMTUuMDAyMSAzLjMzMDA4Wk0xMS43MTUxIDUuOTMwMThMMTQuMDcxOSA4LjI4Njk1TDYuOTU3NjMgMTUuNDAxMkM2LjkzMzIgMTUuNDI1NSA2LjkwMjI2IDE1LjQ0NCA2Ljg2NzMgMTUuNDU0MUw2LjQ1NzE1IDE1LjU3MTNMNC40MzA3OCAxMy41NDQ5TDQuNTQ3OTcgMTMuMTM0QzQuNTQ3OTcgMTMuMTMzNyA0LjU0Nzk3IDEzLjEzMzQgNC41NDc5NyAxMy4xMzMxQzQuNTU3NTIgMTMuMDk5NSA0LjU3NTAyIDEzLjA2OTUgNC42MDA4NiAxMy4wNDM2TDExLjcxNTEgNS45MzAxOFpNNC4wMzc3MSAxNC45MTk0TDUuMDgyNjMgMTUuOTY0NEwzLjYyMDIzIDE2LjM4MThMNC4wMzc3MSAxNC45MTk0WiIgZmlsbD0iIzM0M0M0QiIvPgo8L2c+Cjwvc3ZnPgo=");
}
.new-order__coupon,
.new-basket__coupon {
margin-bottom: 15px;
padding: 15px;
}
@media (max-width: 650px) {
.new-order-data__phone {
margin-right: 0;
width: 100%;
margin-bottom: 18px;
}
.new-order-data__50 {
width: 100%;
}
}
@media (max-width: 500px) {
.new-order__my-order {
padding: 0 20px;
}
.new-order__my-order-head {
padding: 20px 0;
}
.new-order-delivery,
.new-order-payment,
.new-order-data {
padding: 20px;
}
.new-order__my-order,
.new-order-delivery,
.new-order-payment,
.new-order-data {
width: calc(100% + 30px);
margin-left: -15px;
box-sizing: border-box;
border-radius: 0;
}
.new-order-delivery-place__input-wrap {
padding: 16px 10px;
font-size: 12px;
line-height: 12px;
}
.new-order-delivery-place__input {
font-size: 12px;
line-height: 12px;
}
.new-basket__title:before {
display: none;
}
.new-basket__title {
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.new-order__my-order-title,
.new-order-delivery__title,
.new-order-payment__title,
.new-order-data__title {
font-weight: 700;
font-size: 14px;
line-height: 17px;
}
.new-order-data__title {
margin-bottom: 10px;
}
.new-order-data__register {
font-size: 12px;
line-height: 14px;
}
.new-order-data__input-label {
font-size: 12px;
line-height: 14px;
}
.new-order-data__phone-wrapper .card-ask__select {
height: 44px;
width: 53px;
}
.custom-input {
padding: 14px 16px 9px;
}
.new-order-payment-type__title {
font-size: 14px;
line-height: 17px;
}
.new-order-payment-type__image {
max-width: 36px;
}
.new-order-payment-type__accordion-head {
font-size: 12px;
}
.new-order-delivery-delivery-type__title {
font-size: 14px;
line-height: 17px;
}
.new-order-delivery-delivery-type__subtitle {
font-size: 12px;
line-height: 14px;
}
.new-order-city__subtitle {
font-size: 10px;
line-height: 12px;
}
.new-order-city__city {
font-size: 14px;
line-height: 17px;
}
.new-order-city__region {
font-size: 10px;
line-height: 12px;
}
.new-order-city:before {
width: 22px;
height: 22px;
background-size: cover;
margin-right: 10px;
}
.new-order-city {
padding: 10px 14px;
}
.new-order-data__title-row {
margin-bottom: 18px;
}
.new-order-data__title:after {
width: 18px;
height: 18px;
background-size: cover;
}
.new-order-data__input-wrap {
margin-bottom: 14px;
}
.new-order-data__phone-wrapper {
margin-bottom: 0;
}
.new-order-data__custom-textarea {
min-height: unset;
height: 44px;
}
}
@media (max-width: 400px) {
.new-order-payment-type__payment-type-popup {
position: static;
}
.payment-type-popup__content {
transform: translateX(0);
left: 0;
max-width: 90vw;
}
}
/* Новые стили оформления заказа - конец */
.print-info {
display: flex;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 100%;
max-width: 162px;
text-decoration: none;
color: #2f69ff;
}
.print-info::before {
content: "";
display: block;
width: 36px;
height: 36px;
border: 1px solid #d7dae0;
box-sizing: border-box;
border-radius: 10px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTg3NSAxLjg3NUM1LjI2MjE5IDEuODc1IDQuNSAyLjYzNzE5IDQuNSAzLjU2MjVWNC4xMjVIMy45Mzc1QzIuNTk4MDIgNC4xMjUgMS41IDUuMjIzMDIgMS41IDYuNTYyNVYxMS44MTI1QzEuNSAxMi43Mzc4IDIuMjYyMTkgMTMuNSAzLjE4NzUgMTMuNUg0LjVWMTQuNDM3NUM0LjUgMTUuMzYyOCA1LjI2MjE5IDE2LjEyNSA2LjE4NzUgMTYuMTI1SDExLjgxMjVDMTIuNzM3OCAxNi4xMjUgMTMuNSAxNS4zNjI4IDEzLjUgMTQuNDM3NVYxMy41SDE0LjgxMjVDMTUuNzM3OCAxMy41IDE2LjUgMTIuNzM3OCAxNi41IDExLjgxMjVWNi41NjI1QzE2LjUgNS4yMjMwMiAxNS40MDIgNC4xMjUgMTQuMDYyNSA0LjEyNUgxMy41VjMuNTYyNUMxMy41IDIuNjM3MTkgMTIuNzM3OCAxLjg3NSAxMS44MTI1IDEuODc1SDYuMTg3NVpNNi4xODc1IDNIMTEuODEyNUMxMi4xMjk5IDMgMTIuMzc1IDMuMjQ1MDYgMTIuMzc1IDMuNTYyNVY0LjEyNUg1LjYyNVYzLjU2MjVDNS42MjUgMy4yNDUwNiA1Ljg3MDA2IDMgNi4xODc1IDNaTTMuOTM3NSA1LjI1SDE0LjA2MjVDMTQuNzkzOCA1LjI1IDE1LjM3NSA1LjgzMTIzIDE1LjM3NSA2LjU2MjVWMTEuODEyNUMxNS4zNzUgMTIuMTI5OSAxNS4xMjk5IDEyLjM3NSAxNC44MTI1IDEyLjM3NUgxMy41VjExLjA2MjVDMTMuNSAxMC4xMzcyIDEyLjczNzggOS4zNzUgMTEuODEyNSA5LjM3NUg2LjE4NzVDNS4yNjIxOSA5LjM3NSA0LjUgMTAuMTM3MiA0LjUgMTEuMDYyNVYxMi4zNzVIMy4xODc1QzIuODcwMDYgMTIuMzc1IDIuNjI1IDEyLjEyOTkgMi42MjUgMTEuODEyNVY2LjU2MjVDMi42MjUgNS44MzEyMyAzLjIwNjIzIDUuMjUgMy45Mzc1IDUuMjVaTTYuMTg3NSAxMC41SDExLjgxMjVDMTIuMTI5OSAxMC41IDEyLjM3NSAxMC43NDUxIDEyLjM3NSAxMS4wNjI1VjE0LjQzNzVDMTIuMzc1IDE0Ljc1NDkgMTIuMTI5OSAxNSAxMS44MTI1IDE1SDYuMTg3NUM1Ljg3MDA2IDE1IDUuNjI1IDE0Ljc1NDkgNS42MjUgMTQuNDM3NVYxMS4wNjI1QzUuNjI1IDEwLjc0NTEgNS44NzAwNiAxMC41IDYuMTg3NSAxMC41WiIgZmlsbD0iIzJGNjlGRiIvPgo8L3N2Zz4K");
background-position: center;
background-size: 18px;
background-repeat: no-repeat;
margin-right: 13px;
transition: all 0.3s;
flex-shrink: 0;
}
.print-info:hover:before {
border-color: #2f69ff;
}
/*форма "купить в рассрочку"*/
#form_installment .banki .check_pay.bnk1 {
width: 130px;
margin-right: 17px;
}
#form_installment .banki .check_pay {
display: inline-block;
padding: 10px;
border: 1px solid #efefef;
border-radius: 10px;
height: 60px;
width: 135px;
text-align: center;
margin: auto 2px 5px auto;
cursor: pointer;
}
#form_installment .bank_container {
text-align: center;
}
#form_installment .banki .check_pay.bnk2 img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
#form_installment .banki .check_pay.active {
border: 1px solid #7644aa;
cursor: default;
}
.modal-installment-confirm {
text-align: center;
}
b,
strong {
font-weight: bold;
}
i {
font-style: italic;
}
b,
strong,
i {
font-family: "Acrom", "Arial", sans-serif;
}
#globaldrive .detail-text {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
#globaldrive .detail-text span {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
#globaldrive .detail-text table {
width: 100%;
border: 1px solid #e6e6e6;
margin: 30px 0;
border-radius: 30px;
box-sizing: border-box;
border-collapse: collapse;
}
#globaldrive .detail-text td {
border-bottom: 1px solid #e6e6e6;
padding: 5px 10px;
}
#globaldrive .detail-text tr:nth-child(even) td {
background-color: #fcfcfc;
}
.content-page .content {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
.content-page .content div {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
.content-page .content span {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
.content-page .content p {
font-family: "Acrom", "Arial", sans-serif !important;
font-size: 13pt !important;
}
.content-page {
margin: 0 0 30px 0;
}
.content-page img {
object-fit: contain;
border-radius: 8px;
}
.content-page [style*="center"] img {
margin-left: auto !important;
margin-right: auto !important;
}
.content-page img[align="left"] {
margin-right: 2em !important;
}
@media (max-width: 991px) {
.content-page img[align="left"],
.content-page img[align="right"] {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 575px) {
.content-page img[align="left"],
.content-page img[align="right"] {
width: 100%;
}
.partners-info__preview-img {
max-width: 100%;
width: 100%;
}
}
.content-page img[align="right"] {
margin-left: 2em !important;
}
.content-page img {
margin-top: 25px;
margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.content-page img,
.content-page p > img {
max-width: 50%;
}
}
.content-page .ag-yt-ll {
border-radius: 8px;
}
.subscription {
margin-top: 10px;
}
/**
* Modal Win: Brand Details
*/
.brand-details {
font-weight: normal;
}
.brand-details__header {
margin-bottom: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.brand-details__header {
margin-bottom: 30px;
flex-wrap: nowrap;
}
}
.brand-details__brand-logo {
flex: 0 0 120px;
max-width: 120px;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 8px;
position: relative;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.brand-details__brand-logo {
margin-bottom: 0;
flex: 0 0 180px;
max-width: 180px;
margin-right: 35px;
}
}
.brand-details__brand-logo::before {
content: "";
display: block;
padding-top: 50%;
}
.brand-details__brand-logo-img {
position: absolute;
left: 50%;
top: 50%;
max-width: 80%;
max-height: 80%;
object-fit: contain;
transform: translate(-50%, -50%);
}
.brand-details__heading {
font-size: 18px;
max-width: 100%;
flex: 0 0 100%;
font-family: Acrom, Arial, sans-serif;
}
@media (min-width: 768px) {
.brand-details__heading {
font-size: 28px;
max-width: none;
flex: 1;
}
}
.brand-details__header span,
.brand-details__header strong {
font-weight: bold;
color: #2f69ff;
}
.brand-details__content {
font-family: Acrom, Arial, sans-serif;
font-weight: 400;
color: #455067;
font-size: 14px;
margin-bottom: 15px;
line-height: 1.5;
}
@media (min-width: 768px) {
.brand-details__content {
font-size: 16px;
margin-bottom: 30px;
}
}
.brand-details__content > * {
color: inherit;
}
.brand-details__content > *:not(:last-child),
.brand-details__content > div > *:not(:last-child) {
margin-bottom: 20px;
}
.brand-details__content > *:last-child {
margin-bottom: 0;
}
.brand-details__content br:last-child {
display: none;
}
.brand-details__content:last-child {
margin-bottom: 0;
}
.brand-details__content > div,
.brand-details__content > div:first-child {
margin-bottom: 0;
}
.brand-gallery {
position: relative;
}
.brand-gallery__heading {
margin-bottom: 20px;
color: #343c4b;
font-size: 16px;
font-weight: normal;
padding-right: 90px;
min-height: 30px;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.brand-gallery__heading {
font-size: 22px;
min-height: 36px;
}
}
.brand-gallery__carousel {
opacity: 0;
visibility: hidden;
transition: all 0.3s;
position: static;
}
.brand-gallery__carousel.owl-loaded {
opacity: 1;
visibility: visible;
}
.brand-gallery__carousel .owl-nav {
position: absolute;
right: 0;
top: 0;
}
.brand-gallery__carousel .owl-nav > *:not(:last-child) {
margin-right: 5px;
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev,
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next {
background: #fff;
border: 1px solid #d7dae0;
width: 36px;
height: 36px;
border-radius: 50%;
position: relative;
transition: all 0.3s;
}
@media (min-width: 768px) {
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev,
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next {
width: 30px;
height: 30px;
}
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev:hover,
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next:hover {
border-color: #343c4b;
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev.disabled,
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next.disabled {
cursor: default;
pointer-events: none;
opacity: 0.75;
filter: grayscale(100%);
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev::after,
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-prev::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54264 0.0349121C4.64115 0.0349361 4.73742 0.0643506 4.81912 0.119392C4.90082 0.174434 4.96424 0.2526 5.00127 0.343888C5.03829 0.435177 5.04724 0.535437 5.02697 0.63184C5.0067 0.728244 4.95812 0.816407 4.88746 0.885049L2.43244 3.34007H14.7675C14.8331 3.33914 14.8982 3.35126 14.9591 3.37572C15.0199 3.40018 15.0753 3.43649 15.1221 3.48255C15.1688 3.52861 15.2059 3.58349 15.2312 3.644C15.2565 3.70452 15.2695 3.76947 15.2695 3.83507C15.2695 3.90067 15.2565 3.96561 15.2312 4.02613C15.2059 4.08665 15.1688 4.14153 15.1221 4.18759C15.0753 4.23364 15.0199 4.26996 14.9591 4.29442C14.8982 4.31888 14.8331 4.331 14.7675 4.33007H2.43244L4.88746 6.78509C4.93497 6.8307 4.97289 6.88533 4.99902 6.94579C5.02515 7.00624 5.03895 7.0713 5.03962 7.13715C5.04029 7.20301 5.02781 7.26833 5.00292 7.3293C4.97803 7.39028 4.94122 7.44567 4.89465 7.49224C4.84808 7.53881 4.79269 7.57561 4.73172 7.60051C4.67075 7.6254 4.60542 7.63788 4.53957 7.63721C4.47371 7.63654 4.40865 7.62274 4.3482 7.59661C4.28775 7.57048 4.23311 7.53255 4.1875 7.48505L0.887502 4.18505C0.794706 4.09221 0.742579 3.96633 0.742579 3.83507C0.742579 3.70381 0.794706 3.57792 0.887502 3.48509L4.1875 0.185088C4.23364 0.137572 4.28885 0.0997984 4.34985 0.0740029C4.41085 0.0482073 4.47641 0.0349147 4.54264 0.0349121Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.brand-gallery__carousel.owl-carousel .owl-nav .owl-next::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4574 0.0349121C11.3588 0.0349361 11.2626 0.0643506 11.1809 0.119392C11.0992 0.174434 11.0358 0.2526 10.9987 0.343888C10.9617 0.435177 10.9528 0.535437 10.973 0.63184C10.9933 0.728244 11.0419 0.816407 11.1125 0.885049L13.5676 3.34007H1.23252C1.16693 3.33914 1.1018 3.35126 1.04093 3.37572C0.980063 3.40018 0.924662 3.43649 0.877949 3.48255C0.831236 3.52861 0.794143 3.58349 0.768825 3.644C0.743507 3.70452 0.730469 3.76947 0.730469 3.83507C0.730469 3.90067 0.743507 3.96561 0.768825 4.02613C0.794143 4.08665 0.831236 4.14153 0.877949 4.18759C0.924662 4.23364 0.980063 4.26996 1.04093 4.29442C1.1018 4.31888 1.16693 4.331 1.23252 4.33007H13.5676L11.1125 6.78509C11.065 6.8307 11.0271 6.88533 11.001 6.94579C10.9748 7.00624 10.961 7.0713 10.9604 7.13715C10.9597 7.20301 10.9722 7.26833 10.9971 7.3293C11.022 7.39028 11.0588 7.44567 11.1053 7.49224C11.1519 7.53881 11.2073 7.57561 11.2683 7.60051C11.3293 7.6254 11.3946 7.63788 11.4604 7.63721C11.5263 7.63654 11.5913 7.62274 11.6518 7.59661C11.7123 7.57048 11.7669 7.53255 11.8125 7.48505L15.1125 4.18505C15.2053 4.09221 15.2574 3.96633 15.2574 3.83507C15.2574 3.70381 15.2053 3.57792 15.1125 3.48509L11.8125 0.185088C11.7664 0.137572 11.7112 0.0997984 11.6502 0.0740029C11.5892 0.0482073 11.5236 0.0349147 11.4574 0.0349121Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.brand-slide {
position: relative;
}
.brand-slide::before {
content: "";
padding-top: 70%;
display: block;
}
.brand-slide__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.catalog-main__svg-wishlist {
transition: color 0.3s;
}
div.retail_wish_list:hover .catalog-main__svg-wishlist,
div.retail_wish_list:hover {
border-color: #fcb809;
color: #fcb809;
}
div.retail_wish_list-active:hover .catalog-main__svg-wishlist,
div.retail_wish_list-active:hover {
color: #fff;
}
div.retail_wish_list-active {
display: flex;
align-items: center;
justify-content: center;
background-color: #fcb809 !important;
border-color: #fcb809 !important;
}
div.retail_wish_list-active .catalog-main__svg-wishlist {
color: #fff;
}
.catalog-main__svg-compare {
transition: color 0.3s;
}
div.retail_compare:hover .catalog-main__svg-compare,
div.retail_compare:hover {
border-color: #924aff;
color: #924aff;
}
div.retail_compare-active:hover .catalog-main__svg-compare,
div.retail_compare-active:hover {
color: #fff;
}
div.retail_compare-active {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #924aff !important;
border-color: #924aff !important;
}
div.retail_compare-active .catalog-main__svg-compare {
color: #fff;
}
div.retail_add2basket {
display: flex;
width: 36px;
height: 34px;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
bottom: 7px;
border-radius: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
}
div.retail_add2basket:hover {
background-color: #2f69ff;
border-color: #2f69ff;
}
.retail_add2basket-svg {
width: 18px;
height: 14px;
transition: color 0.3s;
}
div.retail_add2basket:hover .retail_add2basket-svg {
color: #fff;
}
@media (max-width: 575px) {
.retail_add2basket-svg {
width: 15px;
height: 15px;
}
}
/* Skyweb Popup */
.popup-window .title {
font-size: unset;
line-height: unset;
font-family: inherit;
}
@media (max-width: 991px) {
.catalog-main .pr-slider__wrapper .pr-slider__trigger:after {
opacity: 1;
}
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/**
* Product video categories modal win
*/
.js-video-gallery.owl-carousel {
opacity: 0;
visibility: hidden;
transition: 0.5s all 0.5s ease-in-out;
}
.js-video-gallery.owl-loaded {
opacity: 1;
visibility: visible;
position: static;
}
.js-video-gallery.owl-carousel .owl-nav {
position: absolute;
right: 0;
top: 0;
}
.js-video-gallery.owl-carousel .owl-nav > *:not(:last-child) {
margin-right: 5px;
}
.js-video-gallery.owl-carousel .owl-nav .owl-prev,
.js-video-gallery.owl-carousel .owl-nav .owl-next {
background: #fff;
border: 1px solid #d7dae0;
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
transition: all 0.3s;
}
@media (min-width: 768px) {
.js-video-gallery.owl-carousel .owl-nav .owl-prev,
.js-video-gallery.owl-carousel .owl-nav .owl-next {
width: 30px;
height: 30px;
}
}
.js-video-gallery.owl-carousel .owl-nav .owl-prev:hover,
.js-video-gallery.owl-carousel .owl-nav .owl-next:hover {
border-color: #343c4b;
}
.js-video-gallery.owl-carousel .owl-nav .owl-prev.disabled,
.js-video-gallery.owl-carousel .owl-nav .owl-next.disabled {
cursor: default;
pointer-events: none;
opacity: 0.75;
filter: grayscale(100%);
}
.js-video-gallery.owl-carousel .owl-nav .owl-prev::after,
.js-video-gallery.owl-carousel .owl-nav .owl-next::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.js-video-gallery.owl-carousel .owl-nav .owl-prev::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54264 0.0349121C4.64115 0.0349361 4.73742 0.0643506 4.81912 0.119392C4.90082 0.174434 4.96424 0.2526 5.00127 0.343888C5.03829 0.435177 5.04724 0.535437 5.02697 0.63184C5.0067 0.728244 4.95812 0.816407 4.88746 0.885049L2.43244 3.34007H14.7675C14.8331 3.33914 14.8982 3.35126 14.9591 3.37572C15.0199 3.40018 15.0753 3.43649 15.1221 3.48255C15.1688 3.52861 15.2059 3.58349 15.2312 3.644C15.2565 3.70452 15.2695 3.76947 15.2695 3.83507C15.2695 3.90067 15.2565 3.96561 15.2312 4.02613C15.2059 4.08665 15.1688 4.14153 15.1221 4.18759C15.0753 4.23364 15.0199 4.26996 14.9591 4.29442C14.8982 4.31888 14.8331 4.331 14.7675 4.33007H2.43244L4.88746 6.78509C4.93497 6.8307 4.97289 6.88533 4.99902 6.94579C5.02515 7.00624 5.03895 7.0713 5.03962 7.13715C5.04029 7.20301 5.02781 7.26833 5.00292 7.3293C4.97803 7.39028 4.94122 7.44567 4.89465 7.49224C4.84808 7.53881 4.79269 7.57561 4.73172 7.60051C4.67075 7.6254 4.60542 7.63788 4.53957 7.63721C4.47371 7.63654 4.40865 7.62274 4.3482 7.59661C4.28775 7.57048 4.23311 7.53255 4.1875 7.48505L0.887502 4.18505C0.794706 4.09221 0.742579 3.96633 0.742579 3.83507C0.742579 3.70381 0.794706 3.57792 0.887502 3.48509L4.1875 0.185088C4.23364 0.137572 4.28885 0.0997984 4.34985 0.0740029C4.41085 0.0482073 4.47641 0.0349147 4.54264 0.0349121Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.js-video-gallery.owl-carousel .owl-nav .owl-next::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4574 0.0349121C11.3588 0.0349361 11.2626 0.0643506 11.1809 0.119392C11.0992 0.174434 11.0358 0.2526 10.9987 0.343888C10.9617 0.435177 10.9528 0.535437 10.973 0.63184C10.9933 0.728244 11.0419 0.816407 11.1125 0.885049L13.5676 3.34007H1.23252C1.16693 3.33914 1.1018 3.35126 1.04093 3.37572C0.980063 3.40018 0.924662 3.43649 0.877949 3.48255C0.831236 3.52861 0.794143 3.58349 0.768825 3.644C0.743507 3.70452 0.730469 3.76947 0.730469 3.83507C0.730469 3.90067 0.743507 3.96561 0.768825 4.02613C0.794143 4.08665 0.831236 4.14153 0.877949 4.18759C0.924662 4.23364 0.980063 4.26996 1.04093 4.29442C1.1018 4.31888 1.16693 4.331 1.23252 4.33007H13.5676L11.1125 6.78509C11.065 6.8307 11.0271 6.88533 11.001 6.94579C10.9748 7.00624 10.961 7.0713 10.9604 7.13715C10.9597 7.20301 10.9722 7.26833 10.9971 7.3293C11.022 7.39028 11.0588 7.44567 11.1053 7.49224C11.1519 7.53881 11.2073 7.57561 11.2683 7.60051C11.3293 7.6254 11.3946 7.63788 11.4604 7.63721C11.5263 7.63654 11.5913 7.62274 11.6518 7.59661C11.7123 7.57048 11.7669 7.53255 11.8125 7.48505L15.1125 4.18505C15.2053 4.09221 15.2574 3.96633 15.2574 3.83507C15.2574 3.70381 15.2053 3.57792 15.1125 3.48509L11.8125 0.185088C11.7664 0.137572 11.7112 0.0997984 11.6502 0.0740029C11.5892 0.0482073 11.5236 0.0349147 11.4574 0.0349121Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.modal-video-categories .modal__container {
max-width: 1150px;
}
@media (max-width: 500px) {
.modal-video-categories .modal__container {
padding-top: 35px;
padding-bottom: 35px;
}
}
.modal-video-categories__category:not(:last-child) {
margin-bottom: 25px;
}
.modal-video-category {
position: relative;
}
.modal-video-category__heading {
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
font-size: 20px;
color: #343c4b;
margin: 0 0 15px;
line-height: 1.15;
}
@media (min-width: 768px) {
.modal-video-category__heading {
font-size: 22px;
}
}
@media (min-width: 992px) {
.modal-video-category__heading {
font-size: 24px;
}
}
.news-card .ag-yt-ll::before {
content: "";
display: block;
padding-top: 56.25%;
}
.news-card:hover .news-card__img {
transform: scale(1.03);
}
.news-card__img-wrap {
position: relative;
display: block;
overflow: hidden;
border-radius: 8px;
margin-bottom: 20px;
}
.news-card__img-wrap::before {
content: "";
padding-top: 63%;
display: block;
}
.news-card__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
backface-visibility: hidden;
}
.owl-stage .news-card__img {
object-fit: cover;
}
.news-card__heading {
margin-bottom: 15px;
font-size: 18px;
font-family: Acrom, Arial, sans-serif;
font-weight: 500;
color: #343c4b;
min-height: 36px;
line-height: 1.05;
}
.news-card__heading-link {
transition: all 0.3s;
color: #343c4b !important;
text-decoration: none;
display: inline-block;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news-card__heading-link:hover {
color: #2f69ff !important;
}
div.news-card__heading-link {
pointer-events: none;
}
.news-card__meta {
display: flex;
flex-wrap: wrap;
margin-top: -10px;
font-size: 14px;
font-family: Gilroy, Acrom, Arial, sans-serif;
font-weight: 500;
color: #343c4b;
opacity: 0.5;
}
.news-card__meta-item {
margin: 10px 20px 0 0;
}
.news-card__meta-param {
position: relative;
padding-left: 25px;
}
.news-card__meta-param::before {
content: "";
background-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 0;
background-position: center;
background-repeat: no-repeat;
}
.news-card__meta-param.is-date::before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.9974 0.666504C4.40242 0.666504 0.664062 4.40487 0.664062 8.99984C0.664062 13.5948 4.40242 17.3332 8.9974 17.3332C13.5924 17.3332 17.3307 13.5948 17.3307 8.99984C17.3307 4.40487 13.5924 0.666504 8.9974 0.666504ZM8.9974 1.9165C12.9168 1.9165 16.0807 5.08042 16.0807 8.99984C16.0807 12.9193 12.9168 16.0832 8.9974 16.0832C5.07797 16.0832 1.91406 12.9193 1.91406 8.99984C1.91406 5.08042 5.07797 1.9165 8.9974 1.9165ZM8.7793 3.99089C8.61368 3.99347 8.45586 4.06169 8.3405 4.18056C8.22515 4.29942 8.16169 4.45922 8.16406 4.62484V9.62484C8.16408 9.79059 8.22993 9.94955 8.34714 10.0668C8.46435 10.184 8.62331 10.2498 8.78906 10.2498H12.1224C12.2052 10.251 12.2874 10.2357 12.3643 10.2048C12.4412 10.1739 12.5111 10.1281 12.5701 10.0699C12.6291 10.0118 12.6759 9.94249 12.7079 9.86608C12.7398 9.78967 12.7563 9.70767 12.7563 9.62484C12.7563 9.54201 12.7398 9.46001 12.7079 9.3836C12.6759 9.30719 12.6291 9.23789 12.5701 9.17974C12.5111 9.12159 12.4412 9.07573 12.3643 9.04485C12.2874 9.01397 12.2052 8.99867 12.1224 8.99984H9.41406V4.62484C9.41526 4.54119 9.39966 4.45814 9.36817 4.38063C9.33669 4.30312 9.28996 4.23272 9.23077 4.1736C9.17157 4.11448 9.10111 4.06785 9.02356 4.03646C8.94601 4.00508 8.86295 3.98958 8.7793 3.99089V3.99089Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
.news-card__meta-param.is-views::before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8121 5.99745L16.7432 6.12413C16.0014 7.48776 13.6445 10.9948 9 10.9948C4.33795 10.9948 1.99801 7.50383 1.25633 6.12945L1.18781 6.00248L1.25684 5.87575C1.99947 4.5123 4.3555 1.00524 9 1.00524C13.6621 1.00524 16.002 4.49617 16.7437 5.87055L16.8121 5.99745ZM0 6C0.0182077 6.0404 0.0422456 6.0924 0.072285 6.15471C0.152312 6.3207 0.274793 6.55958 0.442933 6.84702C0.779557 7.42249 1.29728 8.18935 2.02093 8.95519C3.46728 10.4858 5.72221 12 9 12C12.2778 12 14.5327 10.4858 15.9791 8.95519C16.7027 8.18935 17.2204 7.42249 17.5571 6.84702C17.7252 6.55958 17.8477 6.3207 17.9277 6.15471C17.9578 6.0924 17.9818 6.0404 18 6C17.9818 5.9596 17.9578 5.9076 17.9277 5.84529C17.8477 5.6793 17.7252 5.44042 17.5571 5.15298C17.2204 4.57751 16.7027 3.81065 15.9791 3.04481C14.5327 1.51417 12.2778 0 9 0C5.72221 0 3.46728 1.51417 2.02093 3.04481C1.29728 3.81065 0.779557 4.57751 0.442933 5.15298C0.274793 5.44042 0.152312 5.6793 0.072285 5.84529C0.0422456 5.9076 0.0182077 5.9596 0 6ZM9 3.14136C7.29517 3.14136 5.91292 4.42133 5.91292 6C5.91292 7.57867 7.29517 8.85864 9 8.85864C10.7048 8.85864 12.0871 7.57867 12.0871 6C12.0871 4.42133 10.7048 3.14136 9 3.14136ZM9 4.1466C10.1058 4.1466 11.0015 4.97606 11.0015 6C11.0015 7.02394 10.1058 7.8534 9 7.8534C7.89423 7.8534 6.99849 7.02394 6.99849 6C6.99849 4.97606 7.89423 4.1466 9 4.1466Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
.ns-intec-regionality.c-regions-select.c-regions-select-default .regions-select-question {
left: 0 !important;
}
.sect_tags {
overflow: hidden;
}
}
/**
* Product Vertical
*/
.product-tabs__tabs .card-tab svg {
display: none;
}
.product-tabs__tabs .card-tab span {
color: inherit;
}
@media (min-width: 992px) {
.product-tabs.is-vertical {
background: #f3f3f6;
padding-bottom: 40px;
padding-top: 30px;
margin-top: 20px;
}
.product-tabs.is-vertical .product-tabs__main {
display: grid;
grid-template-columns: minmax(0, 28%) minmax(0, 1fr);
}
.product-tabs.is-vertical .card-tabs__wrapper {
border-bottom: none;
padding: 0;
}
.product-tabs.is-vertical .card-tab {
width: 100%;
box-sizing: border-box;
justify-content: flex-start;
}
.product-tabs.is-vertical .card-tab:not(.active):not(:hover) {
background: #fff;
}
.product-tabs.is-vertical .card-tab:last-child {
margin-bottom: 0;
}
.product-tabs.is-vertical .card-tab svg {
display: block;
margin-right: 15px;
width: 22px;
height: 22px;
flex: none;
}
.product-tabs.is-vertical .product-tabs__tabs {
align-self: flex-start;
position: sticky;
top: 160px;
transition: top .3s ease-in-out;
}
.header.fixed.hided ~ .card .product-tabs.is-vertical .product-tabs__tabs {
top: 20px;
}
.product-tabs.is-vertical .product-tabs__content {
background: #fff;
border-radius: 8px;
padding: 20px 25px;
}
.product-tabs.is-vertical .tab-main__left {
width: 100%;
}
.product-tabs.is-vertical .tab-main__right {
width: 100%;
margin-left: 0;
margin-top: 50px;
}
.product-tabs.is-vertical .card-tab-content__title {
padding-top: 0;
}
.product-tabs.is-vertical .tab-main {
display: block;
}
.product-tabs.is-vertical .tab-main__right .tab-documentation__inner,
.product-tabs.is-vertical .tab-main__right .tab-documentation__name {
width: 100%;
}
.product-tabs.is-vertical .tab-main__right .tab-documentation__inner:before {
display: none;
}
.product-tabs.is-vertical .tab-useful__title {
padding-top: 0;
}
.product-tabs.is-vertical .tab-useful__item {
width: 100%;
}
.product-tabs.is-vertical .tab-useful__text a:hover {
text-decoration: none;
}
.product-tabs.is-vertical .tab-get .tab-get__content {
width: 100%;
}
.product-tabs.is-vertical .tab-get .tab-get__cities-wrapper {
clear: both;
margin-top: 35px;
}
.product-tabs.is-vertical .tab-get .tab-get__image {
position: static;
float: right;
max-width: 35%;
margin: 0 0 25px 20px;
}
.product-tabs.is-vertical .tab-get .tab-get__image img {
display: block;
max-width: 100%;
height: auto;
}
.product-tabs.is-vertical .tab-get .tab-get__city-col {
width: 340px;
}
.product-tabs.is-vertical .tab-get .tab-get__map-col {
width: calc(100% - 365px);
}
}
@media (min-width: 1151px) {
.product-tabs.is-vertical {
padding-bottom: 50px;
padding-top: 50px;
margin-top: 40px;
}
.product-tabs.is-vertical .product-tabs__tabs {
top: 135px;
}
.header.fixed.hided ~ .card .product-tabs.is-vertical .product-tabs__tabs {
top: 20px;
}
.product-tabs.is-vertical .product-tabs__main {
grid-template-columns: minmax(0, 22.5%) 1fr;
}
.product-tabs.is-vertical .product-tabs__content {
padding: 30px 40px;
}
}
.product-tabs.is-vertical .product-tabs__content {
min-width: 0;
}
@media (max-width: 1100px) {
.product-tabs.is-vertical .tab-get__map-col {
margin-bottom: 20px;
}
}
@media (min-width: 992px) and (max-width: 1150px) {
.product-tabs.is-vertical .tab-get .tab-get__city-info {
flex-wrap: wrap;
}
.product-tabs.is-vertical .tab-get .tab-get__city-col {
width: 100%;
margin-right: 0;
}
.product-tabs.is-vertical .tab-get .tab-get__map-col {
width: 100%;
order: -1;
margin-bottom: 20px;
}
}
.drive-area__btn {
background: #fff;
cursor: pointer;
border-radius: 5px;
color: #fff;
display: flex;
align-items: center;
padding: 3px 10px;
line-height: 1;
transition: all 0.3s;
font-weight: 500;
font-family: Acrom, Arial, sans-serif;
outline: none;
background: #2F69FF;
height: 52px;
font-size: 14px;
width: 100%;
justify-content: center;
}
@media (min-width: 1401px) {
.drive-area__btn {
height: 44px;
font-size: 11px;
}
}
.drive-area__btn:hover {
background: #2f82ff;
}
.drive-area__btn svg {
width: 18px;
height: 18px;
}
@media (min-width: 1401px) {
.drive-area__btn svg {
width: 16px;
height: 16px;
}
}
.drive-area__btn span {
color: inherit;
margin-left: 5px;
}
@media (min-width: 651px) {
.is-desktop-hidden {
display: none !important;
}
}
@media (max-width: 650px) {
.is-mobile-hidden {
display: none !important;
}
}
@media (max-width: 1100px) {
.is-tablet-hidden {
display: none !important;
}
}
@media (max-width: 512px) {
.b24-form .b24-window-scrollable {
padding-bottom: 0 !important;
}
}
@media (max-width: 650px) {
[class*="button_"][style*="background"] {
width: 45px;
height: 45px;
}
div[class*="logoIconCloud"] {
background-size: 18px;
background-position: center;
}
}
.basket-item-price-economy {
padding-top: 5px;
}
.basket-block-total-price-discount,
.basket-item-price-economy-text,
.basket-block-total-price-discount span {
color: #a1a1a1;
font-family: "Gilroy", "Acrom", "Arial", sans-serif;
font-weight: 500;
}
.brand-products-list {
padding-top: 15px;
}
.basket-item-property-custom-value {
width: 40px;
height: 40px;
background-color: #f42c2c;
color: white;
font-size: 13px;
line-height: 40px;
text-align: center;
border-radius: 50%;
font-weight: bold;
}
/*none of start
///////////////////////*/
.compare-products__share,
.compare-products__print {
transition: color .3s;
}
.compare-products__share:hover,
.compare-products__print:hover {
color: #2f69ff;
}
.rr-item__price {
font-family: "Gilroy", "Arial", sans-serif;
}
#globaldrive .top-menu {
user-select: none;
}
#globaldrive .delivery-banner img {
user-select: none;
}
/*
///////////////////////
none of end*/
.colortext {
color: #2F69FF;
}
/*
* ------START---- Partners Nav
*/
.partners-nav {
font-family: Acrom, Arial, sans-serif;
margin-bottom: 40px;
overflow-x: auto;
padding-bottom: 10px;
user-select: none;
}
.partners-nav-in-actions {
overflow-x: unset;
}
.partners-nav::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #D7DAE0;
}
.partners-nav::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #D7DAE0;
}
.partners-nav::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #2F69FF;
}
.partners-nav__list {
display: inline-flex;
background: #F3F3F6;
border-radius: 6px;
user-select: none;
}
.partners-nav__list-in-actions {
display: flex;
overflow-x: hidden;
scroll-behavior: smooth;
}
.partners-nav__item {
flex-grow: 1;
font-size: 16px;
font-weight: 500;
line-height: 1.15;
white-space: nowrap;
text-align: center;
}
@media (max-width: 1200px) {
.partners-nav {
margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.partners-nav {
margin-bottom: 25px;
}
}
@media (max-width: 768px) {
.partners-nav__item {
font-size: 14px;
}
}
@media (max-width: 576px) {
.partners-nav__item {
font-size: 12px;
}
}
.partners-nav__item.is-active .partners-nav__link {
color: #fff;
background: #2F69FF;
cursor: default;
pointer-events: none;
}
.partners-nav__link {
border-radius: 6px;
padding: 10px 25px;
color: #343C4B;
display: block;
transition: all .3s;
text-decoration: none;
}
.partners-nav__link:hover {
color: #2F69FF;
}
.partners-nav__more .partners-nav__link {
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.partners-nav__list.is-full {
width: 100%;
background: none;
}
.partners-nav__list.is-full .partners-nav__item {
position: relative;
background: #F3F3F6;
}
.partners-nav__list.is-full .partners-nav__item:first-child {
border-radius: 6px 0 0 6px;
}
.partners-nav__list.is-full .partners-nav__item:last-child,
.partners-nav__list.is-full .partners-nav__item:nth-last-child(2) {
border-radius: 0 6px 6px 0;
}
.partners-nav__item--more {
display: none;
cursor: pointer;
color: #9A9EA5;
border-left: 3px solid #fff;
font-size: 12px;
padding-right: 15px;
position: relative;
margin-left: -5px;
}
.partners-nav__item--more.is-hidden {
opacity: 0;
visibility: hidden;
}
.partners-nav__item--more::after {
position: absolute;
top: calc(50% - 5px);
right: 25px;
border-bottom: 2px solid #9A9EA5;
border-right: 2px solid #9A9EA5;
transform: rotate(45deg);
width: 6px;
height: 6px;
transition: 0.2s;
content: '';
}
.partners-nav__more {
width: 100%;
min-width: 230px;
background-color: #fff;
border-radius: 8px;
position: absolute;
top: calc(100% + 19px);
right: -25px;
filter: drop-shadow(5px 5px 60px rgba(36, 40, 43, 0.2));
padding: 10px 22px;
display: none;
}
.partners-nav__more::after {
content: "";
display: block;
width: 14px;
height: 14px;
transform: rotate(45deg);
background-color: #fff;
position: absolute;
right: 45px;
top: -6px;
}
.partners-nav__more .partners-nav__item {
background: none !important;
}
/*
* ----- END ----Partners Nav
*/
.b24-form-dropdown-container {
bottom: -100px;
}
.modal__container {
margin: 0 auto;
}
.categories-slider-container {
position: relative;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.categories-slider-container {
margin-bottom: 40px;
}
}
.categories-slider-btns {
display: none;
position: absolute;
width: 28px;
height: 28px;
top: 35%;
justify-content: center;
align-items: center;
transform: translateY(-50%);
background-color: white;
border-radius: 50%;
border: 1px solid #D7DAE0;
cursor: pointer;
z-index: 1;
}
.partners-nav-in-actions .categories-slider-btns {
top: 50%;
}
@media (max-width: 650px) {
.categories-slider-btns {
width: 20px;
height: 20px;
}
}
.categories-slider-btns.slider-btn-prev {
left: -10px;
}
.categories-slider-btns.slider-btn-prev.is-shown,
.categories-slider-btns.slider-btn-next.is-shown {
display: flex;
}
.categories-slider-btns.slider-btn-next {
right: -10px;
}
.categories-slider-btns.slider-btn-prev svg,
.categories-slider-btns.slider-btn-next svg {
width: 70%;
height: 70%;
transition: transform .3s ease-in-out;
}
.categories-slider-btns.slider-btn-prev:hover svg {
transform: translate3d(-2px, 0, 0);
}
.categories-slider-btns.slider-btn-next:hover svg {
transform: translate3d(2px, 0, 0);
}
.selecting-list-categories {
display: flex;
overflow-x: hidden;
scroll-behavior: smooth;
}
@media (hover: none) {
.selecting-list-categories,
.categories-slider-container .partners-nav__list {
overflow-x: auto;
}
.categories-slider-btns.slider-btn-prev.is-shown,
.categories-slider-btns.slider-btn-next.is-shown {
display: none;
}
}
.b24-window-popup-body .b24-form-wrapper.b24-form-border-bottom {
border-bottom: none;
}
@media (max-width: 650px) {
.b24-window-popup-wrapper .b24-window-close {
top: 2px;
right: 2px;
}
}
/* Scroll to start btn --------Start------- */
.scroll-to-top-link {
display: none;
position: fixed;
width: 50px;
height: 50px;
inset: auto auto 85px 24px;
border: none;
border-radius: 50%;
background-color: #2F69FF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M24 24L16 16L8 24' stroke='white' stroke-width='2.66667'/%3E%3Cpath d='M24 16L16 8L8 16' stroke='white' stroke-width='2.66667'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
z-index: 100;
transition: opacity .2s ease-in-out;
}
.scroll-to-top-link:hover {
opacity: 0.7;
}
.footer__addit-itemsvg {
width: unset !important;
}
@media (max-width: 650px) {
.footer__addit-trigger {
content: "";
position: absolute;
padding: 2px;
top: 50%;
right: 5%;
border-bottom: 4px solid #fff;
border-right: 4px solid #fff;
transform: translateY(-50%) rotate(45deg);
transition: 0.3s;
}
}
/* Scroll to start btn --------End------- */
/* 3D IMG MODAL -------START--------*/
.picture-lg__inner .picture-lg__item.is-cloudimage {
position: relative;
cursor: pointer;
}
.picture-lg__inner .picture-lg__item.is-cloudimage::after {
content: 'Развернуть';
position: absolute;
display: inline-block;
top: 10px;
right: 10px;
font-family: Acrom, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: #455067;
}
.cloudimage-360 {
pointer-events: none;
}
.modal-dimensional-view .cloudimage-360 {
pointer-events: initial;
height: 100%;
}
.modal-dimensional-view-content {
display: block;
width: 100%;
height: 100%;
}
.modal-dimensional-view .cloudimage-360-inner-box {
display: flex;
justify-content: center;
width: 100%;
height: 100%;
}
.modal-dimensional-view .modal__container {
display: flex;
max-width: initial;
height: 80vh;
flex-direction: column;
justify-content: center;
text-align: center;
}
.dimensional-view-svg {
position: absolute;
width: 65px;
height: 65px;
top: 15px;
left: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='68' viewBox='0 0 65 68' fill='none'%3E%3Cpath d='M14.4585 29.1122L13.9534 50.8357L32.1391 61.95M14.4585 29.1122L33.1494 16.9875L50.83 29.1122M14.4585 29.1122L21.0256 33.1538M32.1391 61.95L50.83 50.8357V29.1122M32.1391 61.95V49.3201M50.83 29.1122L44.3517 33.1538' stroke='%23343C4B' stroke-width='2'/%3E%3Cpath d='M32.89 2V13.99M32.89 2L28.9033 7.99499M32.89 2L36.8766 7.99499' stroke='%23343C4B' stroke-width='2'/%3E%3Cpath d='M2.73695 65.094L11.4332 56.8626M2.73695 65.094L9.822 63.8843M2.73695 65.094L4.34815 58.0723' stroke='%23343C4B' stroke-width='2'/%3E%3Cpath d='M62.263 65.094L53.5668 56.8626M62.263 65.094L55.178 63.8843M62.263 65.094L60.6519 58.0723' stroke='%23343C4B' stroke-width='2'/%3E%3Cpath d='M30.0179 36.3118L26.8659 39.3518C27.1646 39.3305 27.4153 39.3252 27.6179 39.3358C28.5353 39.4638 29.2446 39.8212 29.7459 40.4078C30.2473 40.9838 30.4979 41.6825 30.4979 42.5038C30.4979 43.5278 30.1513 44.3812 29.4579 45.0638C28.7753 45.7358 27.7566 46.0772 26.4019 46.0878H26.2899C24.5193 46.0772 23.0153 45.3945 21.7779 44.0398L23.2179 42.7118C24.2206 43.5758 25.2339 44.0078 26.2579 44.0078H26.3699C26.9673 43.9972 27.4579 43.8212 27.8419 43.4798C28.2259 43.1278 28.4179 42.6958 28.4179 42.1838C28.4179 41.0532 27.7033 40.4878 26.2739 40.4878C25.8686 40.4878 25.3406 40.6265 24.6899 40.9038L23.6499 40.1198L26.8019 37.0798H22.7859V35.0158H30.0179V36.3118ZM33.0318 34.7758H36.9198C38.5091 34.7758 39.8531 35.3092 40.9518 36.3758C42.0611 37.4318 42.6158 38.7652 42.6158 40.3758C42.6158 41.9865 42.0665 43.3252 40.9678 44.3918C39.8691 45.4478 38.5198 45.9758 36.9198 45.9758H33.0318V34.7758ZM35.2398 43.8958H36.9198C37.9331 43.8958 38.7651 43.5865 39.4158 42.9678C40.0771 42.3385 40.4078 41.4745 40.4078 40.3758C40.4078 39.2772 40.0771 38.4185 39.4158 37.7998C38.7651 37.1705 37.9331 36.8558 36.9198 36.8558H35.2398V43.8958Z' fill='%23343C4B'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.modal-dimensional-view canvas {
width: 50% !important;
height: 100% !important;
object-fit: contain;
}
.modal-dimensional__text {
font-family: Acrom, Arial, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 28px;
color: #455067;
user-select: none;
pointer-events: none;
transition: opacity .3s ease-in-out;
}
/*}*/
@media (max-width: 1100px) {
.picture-lg__inner .picture-lg__item.is-cloudimage::after {
right: 40px;
}
}
@media (max-width: 750px) {
.modal-dimensional-view-content {
display: flex;
flex-direction: column;
}
.modal-dimensional__text {
font-size: 16px;
}
.modal-dimensional-view canvas {
width: 100% !important;
}
}
/* 3D IMG MODAL -------END--------*/
.model-features {
padding: 45px 0;
}
/**
* Product Detail Features Section
*/
.model-features__header {
background: linear-gradient(268deg, #FF7A2F 9.25%, #000B1B 92.95%);
padding: 30px 0;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.model-features__header {
padding: 70px 0;
}
}
.model-features__heading {
text-transform: uppercase;
background: linear-gradient(91deg, #FFF 0.15%, rgba(255, 255, 255, 0.00) 176.36%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30px;
font-weight: 800;
line-height: 1;
}
@media (min-width: 576px) {
.model-features__heading {
font-size: 36px;
}
}
@media (min-width: 768px) {
.model-features__heading {
font-size: 56px;
}
}
@media (min-width: 992px) {
.model-features__heading {
font-size: 78px;
}
}
@media (min-width: 1200px) {
.model-features__heading {
font-size: 82px;
}
}
.model-promo {
border-radius: 8px;
padding: 20px 15px;
color: #fff;
background-color: #333;
background-repeat: repeat;
background-position: center;
background-image: url('/local/templates/globaldrive_new/css/../images/models-features-bg.png');
box-sizing: border-box;
}
@media (min-width: 576px) {
.model-promo {
padding: 30px;
}
}
@media (min-width: 768px) {
.model-promo {
padding: 50px 60px;
}
}
@media (min-width: 992px) {
.model-promo {
background-image: var(--bg-path, url('/local/templates/globaldrive_new/css/../images/models-features-bg.png'));
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
}
@media (min-width: 1200px) {
.model-promo {
padding: 60px 80px;
display: grid;
gap: 30px;
grid-template-columns: minmax(0, 45%) minmax(0, 55%);
min-height: 830px;
}
}
@media (min-width: 1400px) {
.model-promo {
padding: 100px 120px;
}
}
.model-promo * {
color: #fff;
box-sizing: border-box;
}
.model-promo__heading {
font-weight: bold;
font-size: 30px;
line-height: 1;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.model-promo__heading {
font-size: 38px;
}
}
@media (min-width: 992px) {
.model-promo__heading {
font-size: 64px;
}
}
.model-promo__content {
font-weight: 500;
line-height: 1.35;
font-size: 14px;
}
@media (min-width: 768px) {
.model-promo__content {
font-size: 16px;
}
}
.model-promo__content > *:not(:last-child) {
margin-bottom: 15px;
}
.model-promo__features {
margin-top: 20px;
padding-top: 10px;
border-top: 2px solid rgba(255, 255, 255, .1);
}
@media (min-width: 460px) {
.model-promo__features {
padding-right: 60px;
}
}
@media (min-width: 576px) {
.model-promo__features {
margin-top: 40px;
padding-top: 20px;
}
}
@media (min-width: 992px) {
.model-promo__features {
margin-top: 60px;
}
}
.model-promo__features.owl-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.model-promo__features.owl-carousel .owl-nav .owl-next svg {
transition: transform .3s ease-in-out;
}
.model-promo__features.owl-carousel .owl-nav .owl-next:hover svg {
transform: translate3d(5px, 0, 0);
}
@media (max-width: 459px) {
.model-promo__features.owl-carousel .owl-nav {
aspect-ratio: 16 / 9;
position: absolute;
left: 0;
right: 0;
top: 10px;
}
.model-promo__features.owl-carousel .owl-stage-outer {
z-index: 2;
}
.model-promo__features.owl-carousel .owl-nav .owl-next {
z-index: 3;
}
}
.model-promo__preview {
position: relative;
display: none;
align-self: center;
}
@media (min-width: 1200px) {
.model-promo__preview {
display: block;
}
}
.model-promo__promo {
max-width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 12.1;
object-fit: contain;
}
.model-promo__tooltip {
position: absolute;
}
.model-promo__tooltips {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.model-feature__img-wrap {
margin-bottom: 10px;
}
.model-feature__img {
aspect-ratio: 16 / 9;
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.model-feature__desc {
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
@media (min-width: 768px) {
.model-feature__desc {
font-size: 16px;
}
}
.feature-tooltip.is-active .feature-tooltip__trigger {
background: #343C4B;
color: #fff;
}
.feature-tooltip.is-active .feature-tooltip__trigger-icon {
transform: rotate(-45deg);
}
.feature-tooltip.is-active .feature-tooltip__body {
opacity: 1;
visibility: visible;
}
.feature-tooltip__trigger {
color: #343C4B;
background: #fff;
width: 30px;
height: 30px;
padding: 0;
border: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.feature-tooltip__trigger-icon {
color: inherit;
transition: transform .3s ease-in-out;
}
.feature-tooltip__trigger-icon path {
color: inherit;
}
.feature-tooltip__body {
position: absolute;
left: 100%;
top: 100%;
visibility: hidden;
opacity: 0;
transition: opacity .3s ease-in-out;
}
.is-bottom-right .feature-tooltip__body {
right: 100%;
left: auto;
}
.is-bottom-right .feature-tooltip__body .feature-tooltip__content {
transform: translate(5px, -5px);
}
.feature-tooltip__content {
color: #455067;
font-weight: 500;
font-family: Gilroy, Acrom, Arial, sans-serif;
font-size: 16px;
padding: 10px 15px;
border-radius: 8px;
background: #fff;
line-height: 1.1;
white-space: nowrap;
transform: translate(-5px, -5px);
}
.feature-tooltip[style*="left: 9"] .feature-tooltip__body,
.feature-tooltip[style*="left:9"] .feature-tooltip__body {
left: auto;
right: 100%;
}
.feature-tooltip[style*="left: 9"] .feature-tooltip__content,
.feature-tooltip[style*="left:9"] .feature-tooltip__content {
transform: translate(5px, -5px);
}
@media (min-width: 820px) and (max-width: 899px) {
.catalog .catalog-main__hover.is-redesign .retail_add2basket {
gap: 6px;
}
}
@media (min-width: 600px) and (max-width: 649px) {
.catalog-main__hover.is-redesign .catalog-main__credit {
font-size: 13px;
}
.catalog-main__credit-svg {
width: 23px;
height: 23px;
}
}
@media (min-width: 800px) and (max-width: 849px) {
.catalog-main__hover.is-redesign .catalog-main__credit {
font-size: 13px;
}
.catalog-main__credit-svg {
width: 23px;
height: 23px;
}
}
@media (max-width: 1400px) {
.card-top .product-discount-offer {
}
.card-top .product-discount-offer .markdown__text {
display: block;
padding-left: 30px;
}
.card-top .product-discount-offer .markdown__percent {
display: flex;
}
}
@media (min-width: 880px) and (max-width: 1200px) {
.is-promo .catalog-main__wrapper {
display: flex;
overflow-x: auto;
}
.is-promo .catalog-main__wrapper .catalog-main__item {
flex: 0 0 33.333%;
max-width: 33.333%;
}
}
@media (min-width: 1501px) {
.catalog-main.is-promo .catalog-block .catalog-main__wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.banners .owl-item.active img, .is-promo .owl-item.active .product-gallery__preview.preview-item img {
opacity: 1;
}
.mob-panel {
position: fixed;
left: 0;
top: 0;
bottom: 0;
max-width: 100%;
width: 100%;
background: #fff;
z-index: 2222;
display: none;
}
.mob-panel.is-active {
display: block;
}
.mob-panel.is-active ~ .chat {
opacity: 0;
visibility: hidden;
}
.mob-panel__main {
height: 100%;
overflow-y: auto;
}
.mob-panel__header {
background: #2F69FF;
display: flex;
gap: 15px;
align-items: center;
padding: 12px 20px;
position: sticky;
top: 0;
z-index: 135;
}
.mob-panel__heading {
color: #fff;
font-size: 14px;
font-weight: bold;
}
.mob-panel__close {
margin-left: auto;
}
.mob-panel__body {
padding: 25px 20px 0;
}
.mob-panel .catalog-actions__tags {
display: block !important;
padding-bottom: 25px;
font-size: 14px;
font-weight: bold;
font-family: Gilroy, Arial, sans-serif;
}
.mob-panel .catalog-actions__tag:not(:last-child) {
margin-bottom: 25px;
}
.mob-panel .catalog-actions__tag a {
color: #455067;
text-decoration: none;
}
.mob-sort {
font-size: 14px;
font-weight: bold;
font-family: Gilroy, Arial, sans-serif;
}
.mob-sort__item:not(:last-child) {
margin-bottom: 25px;
}
.mob-sort__link {
color: #455067;
text-decoration: none;
}
.mob-sort__link.sort-active {
text-decoration: underline;
}
.mob-panel .filter {
display: block !important;
padding: 0 5px;
position: static;
overflow: visible;
}
.mob-panel .filter__mob {
display: none;
}
.mob-panel .filter__block {
box-shadow: none;
padding: 0;
filter: none;
margin: 0;
}
.mob-panel .filter-result {
padding-bottom: 0;
position: sticky;
bottom: 0;
margin-right: 0;
width: calc(100% + 30px);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
display: flex;
flex-direction: column-reverse;
margin-left: -15px;
}
.mob-panel .filter__tags {
margin-bottom: 15px;
}
.mob-panel .filter-result__info {
width: 100%;
display: flex !important;
justify-content: space-between;
margin: 0;
border: none;
padding: 20px 0 0;
}
.mob-panel .filter-result__info[style*="display:none"] {
display: none !important;
}
/* End */
/* Start:/ajax/regions/style.css?173271025714019*/
.bam-regions .bam-regions-link {
border-bottom: 1px dashed;
}
.bam-regions .bam-regions-link:hover {
border-bottom: 1px none transparent;
}
.bam-regions-confirm {
display: none;
position: absolute;
left: 15px !important;
top: 30px !important;
background-color: #ffffff;
border: 0 none;
border-radius: 5px;
min-width: 200px;
margin-top: 15px;
z-index: 1000;
}
.bam-regions-confirm .bam-regions-confirm-content {
width: 100%;
display: block;
position: relative;
}
.bam-regions-confirm .bam-regions-confirm-content .bam-regions-confirm-title {
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 20px;
border: 1px solid #cccccc;
border-bottom: 0 none;
border-radius: 5px 5px 0 0;
font-family: 'Acrom', 'Arial', sans-serif;
}
.bam-regions-confirm .bam-regions-confirm-content .bam-regions-confirm-buttons {
display: flex;
}
.bam-regions-confirm
.bam-regions-confirm-content
.bam-regions-confirm-buttons
.bam-regions-confirm-button {
display: inline-block;
color: #ffffff;
width: 50%;
min-width: 70px;
padding: 10px;
background-color: #2f69ff;
text-align: center;
text-decoration: none;
font-family: 'Acrom', 'Arial', sans-serif;
}
.bam-regions-confirm
.bam-regions-confirm-content
.bam-regions-confirm-buttons
.bam-regions-confirm-button.bam-regions-confirm-button-no {
border-radius: 0 0 0 5px;
border-right: 0.1px solid transparent;
}
.bam-regions-confirm
.bam-regions-confirm-content
.bam-regions-confirm-buttons
.bam-regions-confirm-button.bam-regions-confirm-button-yes {
border-radius: 0 0 5px 0;
border-left: 0.1px solid #fff;
}
.bam-regions-confirm
.bam-regions-confirm-content
.bam-regions-confirm-buttons
.bam-regions-confirm-button:hover {
background-color: #2f82ff;
}
.bam-regions-popup {
display: none;
position: absolute;
}
.bam-regions-popup .bam-regions-popup-window {
background-color: #ffffff;
margin: auto;
padding: 20px;
z-index: 1800;
position: fixed;
max-width: 90%;
max-height: 90%;
width: 800px;
height: 400px;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-title {
font-weight: bold;
display: block;
border-bottom: 1px dotted #cccccc;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-size: 16px;
position: relative;
}
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-title h3 {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: bold;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-search {
width: 100%;
padding: 10px;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list {
display: block;
overflow: auto;
max-height: 100%;
margin-top: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-content: flex-start;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item {
padding: 5px 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
@media (max-width: 991.98px) {
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 575.98px) {
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
.bam-regions-popup-content-item-link
span {
display: block;
font-size: 0.9em;
color: #888888;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
.bam-regions-popup-content-item-link
strong {
color: #94002b;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
.bam-regions-popup-content-item-link.bam-regions-popup-content-item-link-current {
font-weight: bold;
}
.bam-regions-popupbg {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #777777;
opacity: 0.7;
z-index: 1111;
}
/*# sourceMappingURL=style.css.map */
/**
* =============================== header regions hotfix
*/
.header__city-chosen::after {
display: none;
}
.header__city .bam-regions-link {
display: flex;
position: relative;
align-items: center;
margin-right: 26px;
padding-right: 14px;
line-height: 1.1;
color: #343c4b;
cursor: pointer;
border: none;
text-decoration: none;
user-select: none;
white-space: nowrap;
font-family: 'Acrom', 'Arial', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
}
.bam-regions-link-svg {
width: 22px;
height: 22px;
padding-right: 6px;
flex: none;
}
.header__city .bam-regions-link::after {
content: '';
width: 7px;
height: 7px;
box-sizing: border-box;
border-bottom: 2px solid #2f69ff;
border-right: 2px solid #2f69ff;
transform: rotate(45deg);
opacity: 0.5;
position: absolute;
top: calc(50% - 4px);
right: 0;
}
@media (max-width: 700px) {
.header__city .bam-regions-link {
display: inline-block;
color: #2d2d2d;
background-color: #f3f3f6;
padding-left: 12px;
margin-right: 0;
height: 24px;
border-radius: 12px;
padding-right: 34px;
line-height: 1.5;
font-style: normal;
font-size: 14px;
margin-left: 20px;
}
.bam-regions-link-svg {
display: none;
}
.header__city .bam-regions-link::after {
border-color: #343c4b;
right: 12px;
top: 7px;
}
.bam-regions-confirm {
margin-top: 0;
top: 13px !important;
}
.bam-regions-confirm .bam-regions-confirm-content .bam-regions-confirm-content-arrow {
display: none;
}
}
.bam-regions-popupbg {
position: fixed;
background: rgba(52, 60, 75, 0.5);
}
.bam-regions-popup .bam-regions-popup-window {
padding: 50px;
min-width: 200px;
max-width: 615px;
width: calc(100vw - 60px);
text-align: left;
white-space: normal;
background-color: #fff;
color: #000;
border-radius: 12px;
box-sizing: border-box;
height: auto;
display: flex;
flex-direction: column;
}
@media (max-width: 900px) {
.bam-regions-popup .bam-regions-popup-window {
width: calc(100vw - 30px);
}
}
@media (max-width: 500px) {
.bam-regions-popup .bam-regions-popup-window {
padding: 20px;
}
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-title
.bam-regions-popup-close {
display: block;
position: absolute;
width: 16px;
height: 16px;
right: -30px;
top: -30px;
opacity: 0.4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M8.42382 0.101314C8.29064 -0.0337713 8.07495 -0.0337713 7.94177 0.101314L5.00086 3.08426L2.06018 0.101314C1.927 -0.0337713 1.71132 -0.0337713 1.57814 0.101314L0.100863 1.5997C-0.0323189 1.73479 -0.0323189 1.95355 0.100863 2.08863L2.9712 5L0.100863 7.91137C-0.0323189 8.04645 -0.0323189 8.26521 0.100863 8.4003L1.57814 9.89869C1.71132 10.0338 1.927 10.0338 2.06018 9.89869L5.00086 6.91574L7.94177 9.89869C8.07495 10.0338 8.29064 10.0338 8.42382 9.89869L9.90109 8.40007C10.0343 8.26498 10.0343 8.04622 9.90109 7.91113L7.03098 5L9.90109 2.08887C10.0343 1.95378 10.0343 1.73502 9.90109 1.59993L8.42382 0.101314Z' fill='%23343C4B'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: opacity .3s;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-title
.bam-regions-popup-close:hover {
opacity: 0.9;
}
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-title {
border: none;
margin: 0;
padding: 0;
}
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-title h3 {
font-family: 'Acrom', 'Arial', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 34px;
text-align: center;
color: #343c4b;
padding-bottom: 24px;
padding-top: 5px;
}
@media (max-width: 500px) {
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-title h3 {
font-size: 18px;
line-height: normal;
padding-bottom: 20px;
padding-top: 5px;
}
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-search {
display: block;
width: 100%;
color: #696969;
background-color: #f7f7f7;
border: 1px solid #e7e7e7;
border-radius: 4px;
padding: 5px 10px 5px 35px;
outline: none;
box-sizing: border-box;
font-family: 'Acrom', 'Arial', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
height: 52px;
margin-bottom: 30px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.39583 2.75C5.73358 2.75 2.75 5.73358 2.75 9.39583C2.75 13.0581 5.73358 16.0417 9.39583 16.0417C10.98 16.0417 12.4363 15.4821 13.5799 14.5521L18.0764 19.0486C18.1398 19.1146 18.2156 19.1672 18.2996 19.2035C18.3836 19.2398 18.4739 19.259 18.5654 19.2599C18.6569 19.2608 18.7476 19.2435 18.8323 19.2089C18.917 19.1744 18.9939 19.1232 19.0586 19.0586C19.1232 18.9939 19.1744 18.917 19.2089 18.8323C19.2435 18.7476 19.2608 18.6569 19.2599 18.5654C19.259 18.4739 19.2398 18.3836 19.2035 18.2996C19.1672 18.2156 19.1146 18.1398 19.0486 18.0764L14.5521 13.5799C15.4821 12.4363 16.0417 10.98 16.0417 9.39583C16.0417 5.73358 13.0581 2.75 9.39583 2.75ZM9.39583 4.125C12.315 4.125 14.6667 6.47669 14.6667 9.39583C14.6667 10.8179 14.1058 12.1026 13.1959 13.0491C13.1398 13.0903 13.0903 13.1398 13.0491 13.1959C12.1026 14.1058 10.8179 14.6667 9.39583 14.6667C6.47669 14.6667 4.125 12.315 4.125 9.39583C4.125 6.47669 6.47669 4.125 9.39583 4.125Z' fill='%23343C4B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 10px center;
}
@media (max-width: 500px) {
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-search {
height: 36px;
font-size: 12px;
margin-bottom: 15px;
}
}
.bam-regions-popup .bam-regions-popup-window .bam-regions-popup-content {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list {
display: block;
height: auto !important;
/*max-height: 56vh;*/
overflow-y: auto;
flex: 1;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list::-webkit-scrollbar {
width: 4px;
height: 4px;
margin-bottom: 40px;
background-color: #e2e2ea;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #2f82ff;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #e2e2ea;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list {
scrollbar-color: #9a9ea5 #dcdce9;
scrollbar-width: thin;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item {
padding: 9px 0;
max-width: none;
}
@media (max-width: 500px) {
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item {
padding: 5px 0;
}
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
a {
display: inline-block;
font-family: 'Acrom', 'Arial', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #343c4b;
text-decoration: none;
position: relative;
padding-bottom: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 500px) {
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
a {
font-size: 12px;
}
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
a::after {
content: '';
width: 100%;
height: 2px;
position: absolute;
bottom: 0px;
left: 0px;
border-bottom: 2px dotted #9a9ea5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bam-regions-popup
.bam-regions-popup-window
.bam-regions-popup-content
.bam-regions-popup-content-list
.bam-regions-popup-content-item
a:hover::after {
width: 50%;
}
/* End */
/* Start:/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/style.css?174107871416095*/
/* div.title-search-result {
display: block !important;
} */
.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}
.bx-searchtitle {
margin: 10px 0 0;
}
.bx-searchtitle-history {
margin-top: 5px;
}
.bx-searchtitle-history a {
color: #222;
text-decoration: underline;
}
.bx-searchtitle-history a:hover {
text-decoration: none;
}
.bx-searchtitle .bx-block-title {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #343434;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 9px;
font-weight: 600;
}
.bx-searchtitle .bx-input-group {
position: relative;
display: table;
border-collapse: separate;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {
}
.bx-searchtitle .bx-input-group .bx-form-control {
display: table-cell;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #f8fafc;
border: 1px solid #d5dadc;
border-right: none;
border-radius: 1px 0 0 1px;
outline: none;
box-shadow: none !important;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
background-color: #fff;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
/* Fix of input shadow for IOS browsers. */
background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
position: relative;
font-size: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
line-height: normal;
}
.bx-searchtitle .bx-input-group-btn button {
position: relative;
border: none;
background: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/search-icon.png) center center no-repeat #95a1a8;
display: inline-block;
margin-bottom: 0;
cursor: pointer;
padding: 0;
border-radius: 0 1px 1px 0;
color: #fff;
font-size: 16px;
line-height: 1.42857143;
height: 34px;
width: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
background-color: #1484CE;
}
div.title-search-result {
border: 0 none !important;
border-top: 0 none;
display: none;
overflow: hidden;
z-index: 999;
min-width: 200px;
margin-top: 3px;
background-color: #FFF;
/* border-top: 0 none; */
border-radius: 2px;
box-shadow: 0px 0px 7px -2px #d6d6d6;
/* display: block !important; */
}
div.title-search-fader {
display: none;
background-image: url('/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/fader.png');
background-position: right top;
background-repeat: repeat-y;
position: absolute;
}
p.title-search-preview {
font-size: 12px;
}
div.title-search-result td.title-search-price span {
font-size: 26px;
}
.fancybox-container,
.title-search-result {
z-index: 999999 !important;
}
.title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 140px);
overflow-y: auto;
}
#panel:not(:empty) ~ .title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 180px);
}
@media (min-width: 701px) {
.title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 210px);
}
#panel:not(:empty) ~ .title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 250px);
}
}
@media (min-width: 1151px) {
.title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 170px);
}
#panel:not(:empty) ~ .title-search-result .search__content--inner {
max-height: calc(var(--viewport-height, 100vh) - 210px);
}
}
/*========================*/
.bx_smart_searche {
padding-top: 8px;
border-top: 0 none;
border-radius: 0 0 3px 3px;
}
.bx_smart_searche .bx_info_wrap {
margin-left: 85px;
}
.bx_smart_searche .bx_img_element {
float: left;
padding: 5px;
width: 75px;
text-align: center;
}
.bx_smart_searche .bx_item_block {
min-height: 65px;
position: relative;
}
.bx_smart_searche .bx_image {
/* width: 45px;
height: 45px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #e8e8e8; */
display: inline-block;
max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/image/noimg.png);
}
.bx_smart_searche .bx_item_element {
padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
text-align: center;
}
.bx_smart_searche .bx_item_element hr {
margin: 0;
border: none;
border-bottom: 1px solid #e5e5e5;
}
.bx_smart_searche .bx_item_element a {
margin-top: 5px;
display: inline-block;
color: #333;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.bx_smart_searche .bx_item_element a b {
font-weight: bold;
}
.bx_smart_searche .bx_item_element a b {
color: #000;
}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b {
text-decoration: underline;
}
.bx_smart_searche .bx_item_preview_text {
font-size: 13px;
padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price {
font-weight: bold;
font-size: 15px;
margin-top: 5px;
}
.bx_smart_searche .bx_price .old {
font-weight: normal;
text-decoration: line-through;
color: #636363;
font-size: 12px;
vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result {
min-height: 0
}
.bx_smart_searche .bx_item_block.others_result {
min-height: 0;
line-height: 12px;
padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button {
display: inline-block;
font-size: 14px;
background-color: #1485CE;
border: 1px solid;
border-color: #1485CE;
color: #FFF;
padding: 0 22px;
height: 34px;
text-decoration: none;
border-radius: 2px;
margin: 0 0 8px;
line-height: 34px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .5px;
}
.bx_smart_searche .bx_item_block_href {
display: block;
text-decoration: none;
margin-bottom: 5px;
padding: 8px;
line-height: 14px;
}
.bx_smart_searche .bx_item_block_href:hover {
background-color: #feeed2;
}
.bx_smart_searche .bx_item_block_hrline {
border-bottom: 1px solid #f5a61c;
margin: 0 8px 5px;
}
.bx_item_block_item_clear {
display: block;
clear: both;
}
.bx_smart_searche .bx_item_block_item_info_wrap {
display: block;
}
.bx_smart_searche .bx_item_block_item_info_wrap.wpic {
padding-left: 39px;
}
.bx_smart_searche .bx_item_block_item_info {
display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
color: #a2a2a2;
/* font-weight: bold; */
}
.bx_smart_searche .bx_item_block_href_category_name {
color: #f5a61c;
font-weight: bold;
text-transform: uppercase;
}
.bx_smart_searche .bx_item_block_item_image {
width: 34px;
height: 34px;
float: left;
margin-right: 5px;
position: relative;
}
.bx_smart_searche .bx_item_block_item_image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.bx_smart_searche .bx_item_block_item_name {
color: #333;
overflow: hidden;
height: 34px;
display: block;
line-height: 17px;
display: flex;
}
.bx_smart_searche .bx_item_block_item_name_flex_align {
margin: auto 0;
}
.bx_smart_searche .bx_item_block_item_simple_name {
color: #333;
display: block;
line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
color: #f5a61c;
}
.bx_smart_searche .bx_item_block_item_price {
float: right;
text-align: right;
color: #333;
line-height: 17px;
padding-left: 5px;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
white-space: nowrap;
font-weight: bold;
display: block;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
white-space: nowrap;
text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
color: #9b9b9b;
display: block;
margin-top: 8px;
font-size: 13px;
line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_props {
color: #9b9b9b;
display: block;
margin-top: 8px;
font-size: 13px;
line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic {
/* padding-left: 39px; */
}
.bx_item_block_item_prop_item {
display: block;
}
.bx_smart_no_result_find {
padding: 0 8px 8px;
}
/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
position: absolute;
top: 2px;
right: 110%;
width: 30px;
height: 30px;
z-index: 5;
display: none;
/* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
background: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_orange.gif) center center no-repeat;
}
/* blue */
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
border-color: #0083d1;
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button {
background-color: #0083d1;
border-color: #0083d1;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button {
background-color: #0083d1;
border-color: #0083d1;
color: #FFF;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
background-color: #5ca6e4;
border-color: #5ca6e4;
text-decoration: none;
}
.bx_smart_searche.theme-blue .bx_item_element a b {
color: #5ca6e4;
}
.bx_smart_searche.theme-blue .bx_item_block_href:hover {
background-color: #b2d9f1;
}
.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
color: #0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
color: #0083d1;
}
.bx_smart_searche.theme-blue .bx_item_block_hrline {
border-color: #0083d1;
}
/* black */
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
border-color: #333;
}
.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_black.gif);
}
.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button {
background-color: #333;
border-color: #333;
}
.bx-searchtitle.theme-black .bx-input-group-btn button {
background-color: #333;
border-color: #333;
color: #FFF;
}
.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
background-color: #5c5c5c;
border-color: #5c5c5c;
text-decoration: none;
}
.bx_smart_searche.theme-black .bx_item_element a b {
color: #5c5c5c;
}
.bx_smart_searche.theme-black {
/* border:1px solid #333; */
border-top: 0 none;
border-radius: 0 0 3px 3px;
}
.bx_smart_searche.theme-black .bx_item_block_href:hover {
background-color: #eaeaea;
}
.bx_smart_searche.theme-black .bx_item_block_href_category_name {
color: #333;
}
.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
color: #333;
}
.bx_smart_searche.theme-black .bx_item_block_hrline {
border-color: #333;
}
/* green */
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_green.gif);
}
.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button {
background-color: #159ebb;
border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-input-group-btn button {
background-color: #159ebb;
border-color: #159ebb;
color: #FFF;
}
.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
background-color: #44b1c9;
border-color: #44b1c9;
text-decoration: none;
}
.bx_smart_searche.theme-green .bx_item_element a b {
color: #44b1c9;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
background-color: #d0ebf1;
}
.bx_smart_searche.theme-green .bx_item_block_href_category_name {
color: #159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
color: #159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_hrline {
border-color: #159ebb;
}
/* red */
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_red.gif);
}
.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button {
background-color: #E22B2B;
border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group-btn button {
background-color: #E22B2B;
border-color: #E22B2B;
color: #FFF;
}
.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
background-color: #e95c5c;
border-color: #e95c5c;
text-decoration: none;
}
.bx_smart_searche.theme-red .bx_item_element a b {
color: #e95c5c;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
background-color: #f9d4d4;
}
.bx_smart_searche.theme-red .bx_item_block_href_category_name {
color: #E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
color: #E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_hrline {
border-color: #E22B2B;
}
/* yellow */
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
background-image: url(/local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/images/loader_yellow.gif);
}
.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button {
background-color: #F9A91D;
border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button {
background-color: #F9A91D;
border-color: #F9A91D;
color: #FFF;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
background-color: #faba4a;
border-color: #faba4a;
text-decoration: none;
}
.bx_smart_searche.theme-yellow .bx_item_element a b {
color: #faba4a;
}
.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
color: #F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
color: #F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_hrline {
border-color: #F9A91D;
}
/* End */
/* Start:/local/templates/globaldrive_new/styles.css?17065299979598*/
/**/
/**/
.p {
margin-top: 60px;
}
.showmobile { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .showmobile { display: inline; }}
@media screen and (max-width: 768px) {
.hidemobile {
visibility: hidden;
display: none;
}
}
/* ============== DOCS START ============== */
.docs {
font-family: Acrom, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
color: #343C4B;
}
.docs__item:not(:last-child) {
margin-bottom: 15px;
}
.doc {
display: flex;
align-items: center;
}
.doc__main {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.doc__main::before {
content: '';
background-position: center;
background-size: contain;
width: 20px;
height: 24px;
margin-right: 20px;
background-repeat: no-repeat;
flex: none;
}
.doc__main.is-pdf::before {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.827.24C1.533.24.48 1.331.48 2.67v18.66c0 1.34 1.053 2.43 2.347 2.43h13.784c1.294 0 2.346-1.09 2.346-2.43V5.986s.037-.449-.151-.886c-.177-.41-.464-.695-.464-.695l-.003-.003L14.92.929a.784.784 0 0 0-.005-.005s-.292-.288-.725-.48C13.68.216 13.154.24 13.154.24h.008H2.827Z' fill='%23FF2116'/%3E%3Cpath d='M2.83 1.039H13.171s.413.004.716.138c.29.13.497.325.498.326l.002.002 3.411 3.464s.206.225.305.456c.08.186.086.528.086.528l-.001.017v15.36c0 .911-.696 1.632-1.576 1.632H2.83c-.88 0-1.575-.72-1.575-1.631V2.67c0-.912.696-1.632 1.575-1.632Z' fill='%23F5F5F5'/%3E%3Cpath d='M5.095 14.244c-.53-.55.044-1.304 1.601-2.105l.98-.504.382-.865c.21-.476.524-1.252.697-1.725l.314-.86-.216-.636c-.267-.782-.362-1.958-.193-2.381.23-.573.98-.514 1.277.1.232.48.208 1.348-.067 2.443l-.225.897.198.35c.11.191.429.647.71 1.013l.527.68.657-.09c2.086-.281 2.801.198 2.801.884 0 .867-1.638.939-3.014-.062-.31-.225-.522-.448-.522-.448s-.862.181-1.286.3c-.438.122-.657.199-1.298.423 0 0-.225.338-.372.584-.546.915-1.183 1.674-1.638 1.95-.51.31-1.044.33-1.313.052Zm.833-.308c.298-.19.901-.93 1.32-1.616l.168-.277-.77.4c-1.19.62-1.734 1.203-1.45 1.556.158.199.349.182.732-.063Zm7.727-2.245c.292-.212.25-.638-.08-.81-.257-.133-.464-.16-1.13-.15-.41.028-1.07.114-1.18.14 0 0 .361.259.522.354a6.82 6.82 0 0 0 1.113.481c.374.119.59.106.755-.015Zm-3.107-1.337a7.856 7.856 0 0 1-.667-.89 4.986 4.986 0 0 1-.374-.577s-.182.606-.331.97L8.71 11.05l-.135.27s.718-.244 1.083-.343c.387-.104 1.172-.264 1.172-.264l-.282-.358ZM9.547 6.197c.045-.39.064-.781-.058-.978-.336-.381-.743-.064-.674.842.023.305.096.826.194 1.147l.178.584.125-.44c.069-.241.174-.761.235-1.155Z' fill='%23FF2116'/%3E%3Cpath d='M5.996 16.787h.861c.276 0 .499.027.67.082a.791.791 0 0 1 .434.356c.117.183.176.404.176.662 0 .238-.048.441-.143.612a.85.85 0 0 1-.385.37c-.16.075-.406.113-.739.113h-.298v1.406h-.576v-3.6Zm.576.462v1.255h.285c.255 0 .431-.049.528-.147.098-.099.148-.259.148-.48a.74.74 0 0 0-.097-.401c-.065-.104-.136-.168-.214-.19a1.293 1.293 0 0 0-.365-.037h-.285ZM8.578 16.787h.782c.38 0 .682.07.908.209.227.138.399.345.514.62a2.3 2.3 0 0 1 .176.912c0 .352-.053.666-.158.942a1.494 1.494 0 0 1-.479.665c-.214.168-.52.253-.917.253h-.826v-3.6Zm.576.478v2.645h.24c.334 0 .577-.12.728-.358.152-.241.227-.562.227-.963 0-.883-.318-1.324-.955-1.324h-.24ZM11.512 16.787h1.931v.478h-1.355v1.076h1.085v.477h-1.085v1.57h-.576v-3.6Z' fill='%232C2C2C'/%3E%3C/svg%3E");
}
.doc__name {
font-size: 14px;
}
@media (min-width: 768px) {
.doc__name {
font-size: 16px;
}
}
.doc__separator {
display: block;
flex: 1;
margin: 0 15px;
opacity: 0.3;
min-width: 15px;
border-bottom: 2px dotted #343C4B;
}
@media (min-width: 768px) {
.doc__separator {
min-width: 100px;
}
}
.doc__meta {
margin-left: auto;
opacity: 0.5;
white-space: nowrap;
}
.doc__download {
/*background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.987.737a.917.917 0 0 0-.904.93v8.787L6.898 9.268a.917.917 0 1 0-1.296 1.297l2.75 2.75a.917.917 0 0 0 1.296 0l2.75-2.75a.916.916 0 1 0-1.296-1.297l-1.185 1.186V1.667a.917.917 0 0 0-.93-.93ZM1.653 12.196a.917.917 0 0 0-.903.929V14.5a2.764 2.764 0 0 0 2.75 2.75h11a2.764 2.764 0 0 0 2.75-2.75v-1.375a.918.918 0 1 0-1.833 0V14.5c0 .517-.4.917-.917.917h-11a.903.903 0 0 1-.917-.917v-1.375a.916.916 0 0 0-.93-.93Z' fill='%232F69FF'/%3E%3C/svg%3E");
background-position: center;
background-size: contain;
background-repeat: no-repeat;*/
width: 16px;
height: 16px;
transition: all .3s;
margin-left: 15px;
margin-top: -2px;
flex: none;
}
.doc__download:hover {
opacity: .8;
}
/* ============== DOCS END ============== */
/* Свойства для описания характеристик в умном фильтре и сравнениях */
.prop__wrapper .prop__title {
/*display: flex;*/
padding-right: 15px;
}
.description_characteristics {
position: relative;
margin-left: 5px;
right: auto;
top: auto;
color: #8d9198;
border: 1px solid currentColor;
width: 16px;
height: 16px;
transition: all .3s;
box-sizing: border-box;
text-align: center;
line-height: 16px;
cursor: pointer;
flex: none;
font-size: 11px;
padding: 0;
align-self: center;
justify-content: center;
border-radius: 50%;
display: inline-flex;
font-weight: bold;
}
.description_characteristics:hover {
color: #2F69FF;
}
@media (max-width: 500px) {
body .info__tabs img { max-height: 36px; }
}
.catalog .catalog-actions__tags_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
background-color: #F3F3F6;
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none;
border-left: 3px solid #fff;
}
.catalog .catalog-actions__tags_bottom a{
text-decoration:none;
}
.tag__title {
font-family: "Acrom", "Arial", sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #343C4B;
padding-bottom: 5px;
margin-top:2em;
}
.catalog .catalog-actions__tags_bottom {
height: auto;
padding: 15px 15px 5px;
flex-wrap: wrap;
}
.catalog .catalog-actions__tag {
margin-bottom: 10px;
}
/**
* Product detail offers ============================================
*/
.product-offers-container {
margin: 20px 0;
}
.product-offers-container > *:not(:last-child) {
margin-bottom: 15px;
}
.product-offer {
display: flex;
align-items: center;
padding-right: 30px;
position: relative;
}
.product-offer__caption {
font-size: 13px;
color: #999;
flex: 0 0 80px;
max-width: 80px;
margin-right: 10px;
}
.product-offer__main {
flex: 1;
min-width: 0;
}
.product-offer__items {
position: static !important;
}
.product-offer__link {
cursor: pointer;
border: 1px solid #e6e6e6;
border-radius: 2px;
position: relative;
transition: all .3s;
display: block;
width: 38px;
box-sizing: border-box;
}
.product-offer__link::before {
content: '';
display: block;
padding-top: 100%;
}
.product-offer__link:hover {
border-color: #ccc;
}
.product-offer__img {
object-fit: cover;
position: absolute;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
width: calc(100% - 4px) !important;
height: calc(100% - 4px);
}
.product-offer__link.selected {
cursor: default;
border-color: #2F69FF;
}
.product-offer__option {
border-radius: 5px;
padding: 5px 8px;
line-height: 1.1;
border: 1px solid #F0F0F0;
transition: all .3s;
font-size: 13px;
text-decoration: none;
display: block;
font-weight: 500;
font-family: Acrom, Arial, sans-serif;
white-space: nowrap;
cursor: pointer;
box-sizing: border-box;
}
.product-offer__option.notallowed {
display: block !important;
pointer-events: none;
opacity: .3;
filter: grayscale(1);
cursor: default;
}
.product-offer__option.selected {
cursor: default;
border-color: #2F69FF;
color: #2F69FF;
}
.product-offer__option:hover {
border-color: #ccc;
}
.product-offer .owl-prev {
display: none;
}
.product-offer .owl-next.disabled {
display: none;
}
.product-offer .owl-nav {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.product-offer .owl-next {
width: 30px;
height: 100%;
position: relative;
}
.product-offer .owl-next::before {
content: '';
display: block;
border-bottom: 3px solid #9A9EA5;
border-right: 3px solid #9A9EA5;
transform: translate(-50%, -50%) rotate(-45deg);
width: 5px;
height: 5px;
position: absolute;
left: 50%;
top: 50%;
}
.product-offer .owl-next:hover::before {
border-bottom-color: #2F69FF;
border-right-color: #2F69FF;
}
.picture-sm__item.is-video {
flex-direction: column;
}
.card-top__picture .picture-sm__item {
width: 70px;
height: 70px;
margin-bottom: 3px;
padding: 2px;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #D7DAE0;
border-radius: 8px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.3s;
}
/*=====PAYMENT=======*/
.sale-paysystem-yandex-button-item{
padding-top:0.6em;
}
.sale-paysystem-yandex-button-item:hover{
background-color:#2F82FF;
}
.sale-paysystem-yandex-button-container{
text-align:center;
}
div .sale-paysystem-wrapper{
border:0;
}
.tablebodytext{
font-weight:bold;
}
/*=====PAYMENT=======*/
.mob-nav__panel-main .mob-nav__categories-more-text{
color:#2f69ff;
}
/* End */
/* Start:/local/templates/globaldrive_new/template_styles.css?175465502838603*/
.tab-useful__video-wrapper .ag-yt-ll {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.info__video .ag-yt-ll {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border-width: 0;
outline-width: 0;
}
/* ================= FIXES ================= */
@media (max-width: 500px){
.hide_info{
display:none;
}
.body-inner .catalog .catalog-actions__sort,
.body-inner .catalog .catalog-actions__tags-btn{
width: calc(50% - 5px);
}
.body-inner .catalog .catalog-actions__sort{
/*margin-right: 5px;*/
}
.body-inner .catalog .catalog-actions__tags-btn{
/*margin-left: 5px;*/
margin-right: 0;
}
.catalog .catalog-actions__sort-active {
border-left: none;
}
.body-inner .catalog .catalog-actions__tags{
border-left: none;
}
.catalog-actions__filter .catalog-actions__filter-icon {
flex: 0 0 16px;
max-width: 16px;
margin-right: 6px;
}
.content img{
margin-top: 20px;
margin-bottom: 20px;
}
.body-inner .page12{
width: 100%;
}
.catalog-main__item .catalog-main__stickers{
position: absolute;
top: 10px;
left: 17px;
z-index: 15;
}
body .news-items__main.is-row .news-card__img-wrap{
background: #fff;
box-shadow: 0px 0px 40px rgb(54 63 80 / 10%);
border-radius: 12px;
flex: 0 0 400px;
max-width: 100%;
margin-bottom: 15px;
margin-right: 30px;
}
body .brands-page .brands-detail{
padding: 28px 0px;
}
}
.content a {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.content img {
max-width: 100%;
display: block;
height: auto;
}
.body-inner .credit-banner {
background-size: cover;
overflow: hidden;
height: auto;
}
.body-inner #globaldrive .step {
box-sizing: border-box;
}
@media (max-width: 1199px) {
.body-inner .credit-banner {
background-position: -200% center;
background-repeat: no-repeat;
padding: 20px;
}
.body-inner .credit-banner h3,
.body-inner .credit-banner .credit-banner-text {
margin: 0;
padding: 0;
}
.body-inner .credit-banner h3 {
font-size: 24px;
line-height: 1.15;
margin-bottom: 15px !important;
}
}
.menu-bottom__more-items{
z-index:10000;
}
/* ================= FIXES ================= */
/* ================= FIXES ================= */
.body-inner #globaldrive .detail-header { margin-bottom: 40px; justify-content: flex-start; }
.body-inner #globaldrive .detail-header .detail-header--right { flex: 1; margin-top: 0; display: block; }
@media (max-width: 1200px) { .body-inner #globaldrive .detail-header .detail-header--right { margin-top: 25px; } }
.sale_order_full_table.payment { font-family: Acrom, Arial, sans-serif; line-height: 1.5; }
.sale_order_full_table.payment td { padding-bottom: 30px; }
.sale_order_full_table.payment .pay_name { min-width: 150px; margin-bottom: 15px; }
.sale_order_full_table.payment .alert { margin-top: 15px; }
.checkout-summary__footer .footer__socials { padding-bottom: 0; }
@media (max-width: 575px) { .sale_order_full_table.payment { font-size: 12px; } }
/* ------ */
.compare-products__slider.owl-carousel {
display: block;
}
.compare-tables__table tr {
display: grid;
grid-template-columns: 40px 290px repeat(4, calc( (100% - 330px) / 4 ));
}
.compare-tables__prop {
width: 100%;
}
@media (max-width: 1450px) {
.compare-tables__table tr {
grid-template-columns: 40px 290px repeat(3, calc( (100% - 330px) / 3 ));
}
}
@media (max-width: 1000px) {
.compare-tables__table tr {
grid-template-columns: 40px 290px repeat(2, calc( (100% - 330px) / 2 ));
}
}
@media (max-width: 800px) {
.compare-tables__table tr {
grid-template-columns: repeat(2, 50%);
}
.compare-tables__name tr {
grid-column: 1 / -1;
}
.compare-products .compare-products__items .catalog-block .catalog-main__item {
max-height: none !important;
height: auto !important;
}
.compare-products .compare-products__slider {
height: auto;
}
.compare-products .compare-products__slider .owl-stage-outer {
height: auto !important;
}
}
@media (min-width: 801px) and (max-width: 1649px) {
.compare-products .compare-products__slider .owl-next {
display: none;
}
}
@media (max-width: 650px) {
.info__slider .owl-stage { display: block; }
}
/* Homepage Video FIX */
.about .about__video-wrap .ag-yt-ll { width: 100% !important; height: 100% !important; position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; }
@media (min-width: 821px) {
.banners .banners__wrapper {
grid-template-columns: calc(66.3% - 7px) calc(33.7% - 7px);
}
}
@media (min-width: 821px) and (max-width: 1399px) {
.banners__slider .owl-nav .owl-next {
transform: scale(.5);
right: 2px;
}
.banners__slider .owl-nav .owl-prev {
transform: scale(.5) rotate(180deg);
left: 2px;
}
.banners .banners__item:not(.banners__item-lg) a {
position: relative;
}
.banners .banners__item:not(.banners__item-lg) img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1400px) {
.banners .banners__item {
max-height: 220px;
}
.banners .banners__wrapper,
.banners .banners__item-lg {
max-height: 460px;
}
}
@media (max-width: 820px) {
.banners .owl-nav {
display: none;
}
}
.banners .owl-dots { bottom: 15px; }
.banners .banners__item {
position: relative;
z-index: 2;
}
.filter__block.filter__block-adv img {
display: block;
max-width: 90%;
width: 100%;
height:auto;
margin-left: auto;
margin-right: auto;
}
.catalog-main__adv img { width: 100%; }
font.errortext {
color: red;
display: block;
text-align: center;
border: 1px solid #f00;
border-radius: 5px;
max-width: 600px;
margin: 20px auto 0;
padding: 10px 5px;
line-height: 1.1;
background: rgba(255, 0, 0, .1);
font-size: 14px;
}
.menu-mp__image img { max-height: 45px; }
/**
* 404 Page
*/
.error-404 {
margin: 80px auto 140px;
max-width: 1000px;
width: 100%;
text-align: center;
padding: 0 15px;
font-family: Acrom, Arial, sans-serif;
box-sizing: border-box;
}
.error-404 img {
margin: 0 auto 30px;
}
.error-404 .name {
font-size: 22px;
margin-bottom: 15px;
}
@media (min-width: 576px) {
.error-404 .name {
font-size: 24px;
}
}
@media (min-width: 768px) {
.error-404 .name {
font-size: 26px;
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.error-404 .name {
font-size: 28px;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.error-404 .name {
font-size: 32px;
}
}
.error-404 .text {
line-height: 1.5;
margin-bottom: 30px;
}
.error-404 .text > *:not(:last-child) {
margin-bottom: 5px;
}
.error-404 .text a:hover {
text-decoration: none;
}
.error-404 .buttons {
display: grid;
max-width: 600px;
margin: 0 auto;
gap: 15px;
}
@media (min-width: 576px) {
.error-404 .buttons {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.error-404 .btn {
background-color: #2F69FF;
border-radius: 8px;
font-family: Acrom, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
position: relative;
color: #fff;
display: inline-block;
text-decoration: none;
height: 50px;
line-height: 50px;
border: 2px solid transparent;
transition: all .3s;
}
.error-404 .btn:hover {
background: #2F82FF;
}
.error-404 .btn.transparent {
background: #fff;
border-color: #2F69FF;
color: #2F69FF;
}
.error-404 .btn.transparent:hover {
background: #2F82FF;
border-color: #2F82FF;
color: #fff;
}
.not-found {
margin: 30px 0 60px;
font-family: Acrom, Arial, sans-serif;
}
.socials {
display: flex;
width: 100%;
justify-content: space-between;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 576px) {
.socials {
margin: 0;
max-width: 180px;
}
}
.socials__link {
display: block;
}
.socials__link:hover .socials__icon {
fill: #2F69FF;
}
.socials__icon {
transition: all .3s;
width: 25px;
height: 25px;
fill: #4d4d4d;
}
@media (min-width: 576px) {
.socials__icon {
width: 16px;
height: 16px;
}
}
@media (min-width: 768px) {
.not-found {
margin: 40px 0 70px;
}
}
@media (min-width: 768px) {
.not-found {
margin: 80px 0 140px;
}
}
.not-found * {
box-sizing: border-box;
}
.not-found .wrapper {
max-width: 1260px;
}
@media (min-width: 768px) {
.not-found__main {
display: grid;
grid-template-columns: minmax(0, 62%) 1fr;
gap: 30px;
}
}
@media (min-width: 1200px) {
.not-found__main {
gap: 80px;
grid-template-columns: minmax(0, 59%) 1fr;
}
}
.not-found__aside {
display: none;
}
@media (min-width: 768px) {
.not-found__aside {
display: block;
}
}
.not-found__header {
margin-bottom: 35px;
}
@media (min-width: 768px) {
.not-found__header {
margin-bottom: 45px;
}
}
@media (min-width: 1200px) {
.not-found__header {
margin-bottom: 55px;
}
}
.not-found__heading {
color: #343C4B;
font-weight: 500;
font-size: 65px;
line-height: 1.1;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.not-found__heading {
font-size: 80px;
}
}
@media (min-width: 992px) {
.not-found__heading {
font-size: 96px;
}
}
@media (min-width: 1200px) {
.not-found__heading {
font-size: 109px;
}
}
.not-found__desc {
max-width: 390px;
color: rgba(0, 0, 0, 0.7);
font-size: 14px;
line-height: 1.25;
}
@media (min-width: 768px) {
.not-found__desc {
font-size: 16px;
}
}
@media (min-width: 992px) {
.not-found__desc {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.not-found__desc {
font-size: 24px;
}
}
.not-found__helpers {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.not-found__helpers {
margin-bottom: 55px;
}
}
@media (min-width: 1200px) {
.not-found__helpers {
margin-bottom: 35px;
}
}
.not-found__subheading {
font-weight: 500;
font-size: 15px;
color: #343C4B;
line-height: 1.15;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
@media (min-width: 768px) {
.not-found__subheading {
margin-bottom: 25px;
font-size: 24px;
padding-right: 35px;
}
.not-found__subheading::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 2L10.5 19' stroke='%23343C4B' stroke-width='2.42857' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 10.5L10.5 19L2 10.5' stroke='%23343C4B' stroke-width='2.42857' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
@media (min-width: 992px) {
.not-found__subheading {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.not-found__subheading {
font-size: 31px;
}
.not-found__subheading::after {
width: 22px;
height: 22px;
}
}
.not-found__controls {
display: flex;
flex-wrap: wrap;
}
.not-found__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding-left: 40px;
padding-right: 40px;
height: 40px;
cursor: pointer;
box-shadow: 4px 6px 91px rgba(0, 0, 0, 0.15);
position: relative;
border: 1px solid transparent;
border-radius: 5px;
transition: all .3s;
font-size: 13px;
font-weight: bold;
margin: 0 0 20px 0;
text-align: center;
width: 100%;
}
@media (min-width: 576px) {
.not-found__btn {
height: 50px;
width: auto;
margin: 0 25px 20px 0;
}
}
.not-found__btn:hover {
background: #2F82FF;
}
.not-found__btn.is-reverse {
background: #fff;
color: #263238;
border-color: currentColor;
box-shadow: none;
}
.not-found__btn.is-reverse:hover {
opacity: .8;
}
.not-found__btn span + svg {
margin-left: 30px;
}
.not-found__btn svg {
display: none;
}
@media (min-width: 576px) {
.not-found__btn svg {
display: block;
}
}
.not-found__footer-header {
margin-bottom: 45px;
display: flex;
justify-content: center;
}
@media (min-width: 576px) {
.not-found__footer-header {
margin-bottom: 15px;
padding-bottom: 15px;
justify-content: flex-start;
border-bottom: 1.4px dashed #263238;
}
}
.not-found__caption {
font-weight: 500;
font-size: 16px;
color: #343C4B;
display: flex;
align-items: center;
border-bottom: 1.4px dashed #263238;
padding-bottom: 5px;
}
@media (min-width: 576px) {
.not-found__caption {
display: block;
padding-bottom: 0;
border-bottom: none;
margin-right: 15px;
}
}
.not-found__caption::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_586)'%3E%3Cpath d='M9.92871 5.18799L11.9285 7.1878L9.92871 9.18761' stroke='%23343C4B' stroke-width='0.974636' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.92969 7.18799H11.9293' stroke='%23343C4B' stroke-width='0.974636' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4285 13.1473V14.6472C11.429 14.7864 11.4005 14.9242 11.3447 15.0518C11.289 15.1794 11.2071 15.2939 11.1045 15.3881C11.0019 15.4822 10.8808 15.5538 10.7489 15.5985C10.617 15.6431 10.4772 15.6596 10.3386 15.6471C8.80014 15.4799 7.32236 14.9542 6.02398 14.1122C4.81601 13.3446 3.79186 12.3205 3.02426 11.1125C2.17933 9.80825 1.65352 8.32329 1.48941 6.77793C1.47692 6.63968 1.49335 6.50034 1.53766 6.36878C1.58196 6.23723 1.65318 6.11634 1.74677 6.01382C1.84036 5.91129 1.95427 5.82938 2.08125 5.77329C2.20823 5.7172 2.3455 5.68817 2.48432 5.68804H3.98417C4.2268 5.68565 4.46202 5.77157 4.64599 5.92978C4.82996 6.08799 4.95012 6.3077 4.98408 6.54796C5.04738 7.02794 5.16479 7.49923 5.33405 7.95282C5.40131 8.13177 5.41587 8.32624 5.376 8.51321C5.33612 8.70018 5.24349 8.87179 5.10907 9.00772L4.47413 9.64266C5.18584 10.8943 6.22219 11.9307 7.47384 12.6424L8.10878 12.0074C8.24472 11.873 8.41633 11.7804 8.6033 11.7405C8.79026 11.7006 8.98474 11.7152 9.16368 11.7825C9.61728 11.9517 10.0886 12.0691 10.5686 12.1324C10.8114 12.1667 11.0332 12.289 11.1918 12.4761C11.3503 12.6633 11.4346 12.9021 11.4285 13.1473Z' stroke='%23343C4B' stroke-width='0.974636' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_586'%3E%3Crect x='0.00390625' y='0.27002' width='16.8346' height='16.8346' rx='7.08826' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 18px;
height: 18px;
margin-left: 5px;
transform: translateY(-1px);
}
@media (min-width: 576px) {
.not-found__caption::after {
display: none;
}
}
.not-found__soc {
margin-left: auto;
max-width: 140px;
display: none;
}
@media (min-width: 576px) {
.not-found__soc {
display: flex;
}
}
.not-found__footer-main {
display: grid;
gap: 30px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 576px) {
.not-found__footer-main {
gap: 40px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.not-found__contact-card {
max-width: 200px;
}
@media (min-width: 576px) {
.not-found__contact-card:last-child {
display: none;
}
}
.not-found__footer-bottom {
text-align: center;
margin-top: 60px;
}
@media (min-width: 576px) {
.not-found__footer-bottom {
display: none;
text-align: left;
}
}
.not-found__footer-bottom .not-found__caption {
display: block;
margin-bottom: 25px;
padding-bottom: 25px;
}
.not-found__footer-bottom .not-found__caption::after {
display: none;
}
.not-found__img {
display: block;
max-width: 100%;
height: auto;
}
.contacts-widget {
text-align: center;
}
@media (min-width: 576px) {
.contacts-widget {
text-align: left;
}
}
.contacts-widget small {
opacity: 1 !important;
}
.contacts-widget__item:not(:last-child) {
margin-bottom: 15px;
}
.contacts-widget__link {
font-family: Acrom, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #2F69FF;
position: relative;
padding-left: 35px;
padding-right: 35px;
text-decoration: underline;
}
@media (min-width: 576px) {
.contacts-widget__link {
padding-right: 0;
}
}
.contacts-widget__link::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.contacts-widget__link:hover {
text-decoration: none;
}
.contacts-widget__link.is-phone::before {
background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90658 0.327626C8.35668 0.287621 7.79322 0.343827 7.2407 0.507104L5.26318 1.09285C3.15596 1.71606 1.50949 3.38799 0.95245 5.49822C-0.284406 10.1912 1.13051 15.7461 4.81286 21.9988C8.49003 28.2428 12.68 32.2113 17.4122 33.5066C19.5433 34.0898 21.8415 33.5327 23.4557 32.0332L24.9601 30.6382C26.6434 29.0753 26.8944 26.4721 25.5344 24.6224L23.3611 21.6708C22.1961 20.0885 20.1425 19.4148 18.2541 19.9821L14.8538 21.0002C14.7111 21.0419 14.3695 20.8475 14.0723 20.5907L14.0707 20.5891C13.5412 20.1287 12.8077 19.1982 12.023 17.8675V17.8659C11.1815 16.4368 10.8226 15.5021 10.6785 14.9502C10.5344 14.398 10.5693 14.3308 10.5904 14.1442C10.6014 14.051 10.6456 13.9647 10.7209 13.8962L10.7226 13.8945L13.2581 11.576C14.7108 10.248 15.1493 8.12584 14.3301 6.34014L12.8013 3.00511V3.00348C12.0815 1.43454 10.5558 0.447608 8.90658 0.327626ZM8.72547 2.82726C9.49252 2.88457 10.1989 3.34467 10.5219 4.04935L12.0523 7.38437C12.4227 8.19171 12.237 9.11558 11.5678 9.72737L9.03222 12.0443C8.51243 12.5182 8.18003 13.1644 8.10056 13.8619V13.8635C8.07986 14.0469 8.03094 14.7291 8.25394 15.5832C8.47693 16.4374 8.93733 17.5672 9.86271 19.1385H9.86434C10.7278 20.603 11.5438 21.7155 12.4276 22.4834H12.4292C12.7163 22.7318 13.9191 23.8847 15.5554 23.4069L15.5603 23.4052L18.9753 22.3822C19.8621 22.1158 20.8102 22.4339 21.3428 23.1572L23.5161 26.1088C24.1315 26.9473 24.024 28.087 23.255 28.801L21.7507 30.1976C20.7886 31.0917 19.3599 31.4407 18.073 31.0885C14.2475 30.0414 10.4619 26.6519 6.97312 20.7277C3.47948 14.7955 2.38678 9.88892 3.3754 6.13781C3.7022 4.89981 4.70348 3.87215 5.97457 3.49623L7.95046 2.91048C8.20784 2.83442 8.46979 2.80816 8.72547 2.82726Z' fill='%232F69FF'/%3E%3C/svg%3E%0A")
}
.contacts-widget__link.is-email::before {
background-image: url("data:image/svg+xml,%3Csvg width='34' height='28' viewBox='0 0 34 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77157 0.805542C2.78762 0.805542 0.341553 3.25161 0.341553 6.23556V22.1079C0.341553 25.0919 2.78762 27.538 5.77157 27.538H28.3271C31.311 27.538 33.7571 25.0919 33.7571 22.1079V6.23556C33.7571 3.25161 31.311 0.805542 28.3271 0.805542H5.77157ZM5.77157 3.31171H28.3271C29.9561 3.31171 31.2509 4.6065 31.2509 6.23556V7.15906L17.0493 14.8358L2.84772 7.15906V6.23556C2.84772 4.6065 4.14252 3.31171 5.77157 3.31171ZM2.84772 10.0079L16.4538 17.3632C16.6367 17.462 16.8414 17.5137 17.0493 17.5137C17.2572 17.5137 17.4619 17.462 17.6449 17.3632L31.2509 10.0079V22.1079C31.2509 23.737 29.9561 25.0318 28.3271 25.0318H5.77157C4.14252 25.0318 2.84772 23.737 2.84772 22.1079V10.0079Z' fill='%232F69FF'/%3E%3C/svg%3E%0A");
}
.contacts-widget__link.is-phone {
color: #3C3C3B;
text-decoration: none;
font-size: 18px;
}
.contacts-widget__link.is-phone:hover {
text-decoration: underline;
}
.contact-card {
display: flex;
line-height: 1.3;
align-items: center;
flex-direction: column;
text-align: center;
}
@media (min-width: 576px) {
.contact-card {
flex-direction: row;
text-align: left;
}
}
.contact-card__img-wrap {
flex: 0 0 64px;
max-width: 64px;
width: 64px;
border-radius: 50%;
background: #D9D9D9;
position: relative;
overflow: hidden;
margin-bottom: 7px;
}
@media (min-width: 576px) {
.contact-card__img-wrap {
margin-right: 7px;
margin-bottom: 0;
}
}
.contact-card__img-wrap::before {
content: '';
display: block;
padding-top: 100%;
}
.contact-card__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.contact-card__position {
font-weight: 500;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 5px;
order: -1;
}
@media (min-width: 576px) {
.contact-card__position {
order: 0;
font-size: 11px;
}
}
.contact-card__name {
font-weight: 500;
font-size: 15px;
color: #000000;
line-height: 1.15;
}
@media (min-width: 576px) {
.contact-card__name {
font-size: 12px;
}
}
/* Soc Sizes */
.phones-modal__social img,
.footer__socials-link img {
max-width: 22px;
max-height: 22px;
height: auto;
display: block;
}
.phones-menu-m__social img,
.phones-menu-m__social svg {
max-width: 18px;
max-height: 18px;
height: auto;
display: block;
}
/**
* Product Detail RTE text
*/
.tab-description,
.product-offer-description {
line-height: 1.35;
font-family: Acrom, Arial, sans-serif;
}
.tab-description .product-offer-description p,
.product-offer-description p {
font-family: inherit;
line-height: inherit;
padding-bottom: 0;
font-weight: 400;
}
.tab-description .product-offer-description > *:not(:last-child),
.product-offer-description > *:not(:last-child) {
margin-bottom: 25px;
}
.tab-description .product-offer-description h3,
.product-offer-description h3 {
font-weight: normal;
font-size: 20px;
line-height: 1.2;
color: #343c4b;
}
.tab-description .product-offer-description ul,
.tab-description .product-offer-description li,
.product-offer-description ul,
.product-offer-description li {
font-weight: 400;
}
[data-fancybox-next] > div,
[data-fancybox-prev] > div {
color: inherit;
}
.fancybox-infobar > * {
color: inherit;
}
@media (max-width: 767px) {
.catalog h1.seo-title, .card h1.seo-title, .catalog h1.seo-title-section,
.card .card-top .card-info__article,
.card .card-top .card-info__additional > div {
color: #333;
}
.card .catalog-main__info ul li,
.catalog .catalog-main__info ul li,
.catalog .breadcrumbs__link .breadcrumbs__text, .card .breadcrumbs__link .breadcrumbs__text {
color: #555;
}
.catalog .wrapper h1.seo-title-section {
font-weight: 400;
}
.card .card-top .card-info__article {
padding-bottom: 0;
}
}
.basket-items-list-wrapper .basket-items-search-field {
display: none;
}
@media (min-width: 501px) and (max-width: 991px) {
body[style*="padding-top"] .side-menu {
top: 195px;
}
}
@media (min-width: 1151px) {
body[style*="padding-top"] .side-menu {
top: 155px;
}
}
@media (min-width: 1101px) {
.is-md-hidden {
display: none !important;
}
}
.eapps-countdown-timer * {
color: inherit;
}
body[data-scroll-lock-locked] .header__content.fixed {
z-index: 11;
}
.b24-window-mounts {position: relative;z-index: 1100002;}
.catalog-empty-section .catalog-back {
margin-top: 15px;
padding: 15px 25px;
}
.catalog-empty-section .catalog-back:hover {
background: #2F82FF;
}
.catalog-empty-section .description {
margin-top: 10px;
}
/**
* Intrusive Modal Win
*/
.modal-intrusive_callback .modal__container {
padding: 0;
}
.modal-intrusive_callback .modal-callback__btn {
height: 44px;
border-radius: 0;
}
.modal-intrusive_callback .modal-callback__info {
font-size: 10px;
}
.modal-intrusive_callback .modal-callback__info a {
text-decoration: underline;
}
.modal-intrusive_callback .modal-callback__info a:hover {
text-decoration: none;
}
.modal-intrusive_callback .modal__inner {
padding: 30px;
}
.modal-intrusive_callback .modal__logo {
display: none;
}
.modal-intrusive_callback .modal__title {
font-size: 24px;
padding-bottom: 5px;
font-family: inherit;
}
.modal-intrusive_callback .modal__sub-title {
font-size: 13px;
padding-bottom: 5px;
margin-bottom: 10px;
font-family: inherit;
}
.modal-intrusive_callback .modal-callback__input {
height: 36px;
background: #fff;
border-radius: 0;
border: 1px solid rgb(143, 148, 150);
font-size: 14px;
font-weight: 500;
padding: 0 7px;
color: rgba(31, 40, 44, 0.7);
font-family: inherit;
}
.modal-intrusive_callback .modal__preview {
display: none;
}
@media (min-width: 768px) {
.modal-intrusive_callback .modal__container {
max-width: 740px;
border-radius: 0;
}
.modal-intrusive_callback .modal__inner {
max-width: 395px;
box-sizing: border-box;
flex: none;
width: 100%;
padding: 25px 45px;
}
.modal-intrusive_callback .modal__logo {
display: inline-block;
margin-bottom: 10px;
}
.modal-intrusive_callback .modal__title {
text-align: left;
font-size: 24px;
padding-bottom: 5px;
font-family: inherit;
}
.modal-intrusive_callback .modal__sub-title {
text-align: left;
font-size: 13px;
padding-bottom: 5px;
margin-bottom: 5px;
font-family: inherit;
}
.modal-intrusive_callback .modal__area {
display: flex;
}
.modal-intrusive_callback .modal__preview {
display: block;
flex: 1;
}
.modal-intrusive_callback .modal__preview-img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: right;
}
}
@media (min-width: 992px) {
.modal-intrusive_callback .modal__container {
max-width: 905px;
}
}
.info__slider-carousel,
.info__slider {
display: block !important;
}
/**
* Homepage products focus/hover prevent
*/
@media (max-width: 650px) {
.catalog-main__wrapper.card .catalog-main__item {
height: auto !important;
max-height: none !important;
}
.catalog-main__wrapper .catalog-main__item:hover {
box-shadow: none;
}
.catalog-main__wrapper .catalog-main__price {
min-height: 120px;
align-items: flex-start;
}
.catalog-main__wrapper .product-item-button-container {
margin-top: auto;
}
.catalog-main__wrapper .catalog-main__item .catalog-main__rating {
display: flex;
gap: 5px;
}
.catalog-main__wrapper .catalog-main__info ul li span {
display: inline;
}
}
.catalog-main.is-redesign .catalog-main__wrapper.catalog-main__new {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 700px) {
.catalog-main.is-redesign .catalog-main__wrapper.catalog-main__new {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 701px) and (max-width: 991px) {
.catalog-main.is-redesign .catalog-main__wrapper.catalog-main__new {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.catalog-main.is-redesign .catalog-main__item:nth-child(n+4) {
display: none;
}
}
@media (max-width: 479px) {
.catalog-main.is-redesign .catalog-main__wrapper.catalog-main__new {
grid-template-columns: minmax(0, 1fr) !important;
}
}
.modal-callback__input-submit input[disabled] {
cursor: default;
opacity: .75;
pointer-events: none;
filter: grayscale(.8);
}
/**
* Lazyload
*/
img:not([src]):not([srcset]) {
visibility: hidden;
}
.has-skeleton {
animation: 1.5s skeleton-loading linear infinite;
border-radius: 5px;
background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
background-size: 200% 100%;
}
@keyframes skeleton-loading {
from {
background-position-x: 0%
}
to {
background-position-x: -200%
}
}
/**/
.menu__col_hidden{
display:none;
}
.one_view .menu__col_hidden{
display:inherit;
}
.link_hide{
display:none
}
.section-intro.is-videos .categories-slider .owl-nav button.owl-next:before,
.section-intro.is-videos .categories-slider .owl-nav button.owl-prev:before {
display: none;
}
.compare-products__items .catalog-block .catalog-main__item {
height: 100% !important;
max-height: 100% !important;
}
.compare-products__items .catalog-block .catalog-main__item .catalog-main__title {
height: auto !important;
min-height: 28px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.compare-products.fixed .compare-products__items .catalog-block .catalog-main__item .catalog-main__title {
min-height: 35px;
}
@media (max-width: 575px) {
.compare-products__items .catalog-block .catalog-main__item .catalog-main__title {
margin-bottom: 10px;
}
.compare-products__items .catalog-block .catalog-main__item .catalog-main__title {
font-size: 12px;
}
}
@media (min-width: 1400px) {
.compare-products:not(.fixed) .compare-products__items .catalog-block .catalog-main__item .catalog-main__title {
min-height: 57px;
font-size: 15px;
-webkit-line-clamp: 3;
}
}
@media (min-width: 650px) and (max-width: 1199px) {
.compare-products.fixed .compare-products__btns {
width: calc(100% + 80px);
}
}
.owl-item .catalog-main__item {
width: 100%;
}
div.title-search-result {
z-index: 1002;
}
.card-top .card-info__rating .reviews-detail {
z-index: 9999;
top: calc(100% + 20px);
bottom: auto;
}
.card-top .card-info__rating .reviews-detail:after {
bottom: auto;
top: -7px;
}
@media (max-width: 1100px) {
.card-top .card-info__rating .reviews-detail {
display: none !important;
}
.card-info__rating {
pointer-events: none;
}
.card-top .card-info__reviews:after {
display: none !important;
}
.card-top .card-info__reviews {
border-bottom: none;
transform: translateY(2px);
}
}
.catalog-main__item.is-swapped .pr-slider__wrapper .pr-slider__trigger:first-child + .pr-slider__item {
opacity: 1;
}
.catalog-main__hover .catalog-main__rating {
min-width: min-content;
}
.brand-products-list .catalog__inner {
margin-left: 0;
margin-right: 0;
width: 100%;
}
@media (min-width: 576px) {
.brand-products-list .catalog-main__wrapper.main_col_3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.brand-products-list .catalog-main__wrapper.main_col_3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1400px) {
.brand-products-list .catalog-main__wrapper.main_col_3 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1100px) {
.card-top__actions .tooltip-container {
display: none;
}
}
@media (max-width: 1199px) {
.header__logo-image {
max-height: 56px;
}
}
@media (max-width: 700px) {
.header__logo-image {
max-height: 46px;
}
}
/**
* Browser Deprecated Modal Win
*/
.browser-alert {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
padding: 15px;
background: rgba(0, 0, 0, .25);
display: none;
}
@media (min-width: 768px) {
.browser-alert {
padding: 40px 15px 15px;
}
#panel ~ .browser-alert {
padding-top: 80px;
}
}
.browser-alert__main {
padding: 16px 35px 16px 16px;
max-width: calc(590px - 30px);
background: #FFFFFF;
box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1);
border-radius: 16px;
margin: 0 auto;
position: relative;
max-height: calc(100% - 30px);
overflow-y: auto;
}
@media (min-width: 768px) {
.browser-alert__main {
max-height: calc(100% - 55px);
padding: 24px 56px 24px 30px;
}
}
.browser-alert__close {
position: absolute;
right: 15px;
top: 15px;
color: #343C4B;
opacity: .5;
transition: opacity .3s ease-in-out;
}
@media (min-width: 768px) {
.browser-alert__close {
right: 25px;
top: 25px;
}
}
.browser-alert__close:hover {
opacity: .85;
}
.browser-alert__close-icon {
width: 16px;
height: 16px;
}
.browser-content__heading {
font-weight: 700;
font-size: 16px;
color: #343C4B;
line-height: 1.15;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.browser-content__heading {
font-size: 20px;
}
}
.browser-content__desc {
font-weight: 500;
font-size: 12px;
color: #343C4B;
line-height: 1.35;
}
@media (min-width: 768px) {
.browser-content__desc {
font-size: 14px;
}
}
.browser-content__bottom {
display: flex;
gap: 10px;
margin-top: 15px;
}
@media (min-width: 768px) {
.browser-content__bottom {
margin-top: 20px;
gap: 15px;
}
}
.browser-content__btn {
min-width: 0;
flex: 1;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
height: 46px;
border-radius: 8px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
border: 1px solid transparent;
transition: background-color .3s ease-in-out;
padding: 5px 15px;
}
@media (min-width: 768px) {
.browser-content__btn {
font-size: 14px;
height: 48px;
}
}
.browser-content__btn:first-child {
background: #2f69ff;
color: #fff;
}
.browser-content__btn:first-child:hover,
.browser-content__btn:first-child:focus {
background: #2f82ff;
}
.browser-content__btn:not(:first-child) {
background: #fff;
color: #2f69ff;
border-color: #D7DAE0;
}
.browser-content__btn:not(:first-child):hover,
.browser-content__btn:not(:first-child):focus {
background: #2f69ff;
color: #fff;
border-color: transparent;
}
.is-locked {
overflow: hidden !important;
}
/**
* Rating
*/
.rating {
position: relative;
display: inline-flex;
}
.rating__active,
.rating__inactive {
background-repeat: repeat-x;
background-size: 19px 14px;
background-position: left center;
}
.rating__inactive {
width: 95px;
height: 15px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M9 0C8.92744 6.23608e-05 8.85659 0.0218745 8.79674 0.0625773C8.73689 0.10328 8.69084 0.160976 8.66461 0.228097L6.44488 5.90535L0.34183 6.21436C0.269182 6.21801 0.199351 6.2434 0.141536 6.2872C0.0837212 6.33099 0.0406341 6.39113 0.0179511 6.4597C-0.00473187 6.52827 -0.0059459 6.60204 0.0144664 6.67131C0.0348787 6.74057 0.0759593 6.80208 0.1323 6.84773L4.88467 10.7023L3.32375 16.5512C3.30511 16.6208 3.30814 16.6944 3.33242 16.7623C3.35671 16.8302 3.40112 16.8892 3.45982 16.9316C3.51853 16.974 3.58879 16.9978 3.66138 16.9999C3.73396 17.0019 3.80549 16.9822 3.86655 16.9432L9 13.6745L14.1334 16.9432C14.1945 16.9822 14.266 17.0019 14.3386 16.9999C14.4112 16.9978 14.4815 16.974 14.5402 16.9316C14.5989 16.8892 14.6433 16.8302 14.6676 16.7623C14.6919 16.6944 14.6949 16.6208 14.6763 16.5512L13.1153 10.7023L17.8677 6.84773C17.924 6.80208 17.9651 6.74057 17.9855 6.67131C18.0059 6.60204 18.0047 6.52827 17.982 6.4597C17.9594 6.39113 17.9163 6.33099 17.8585 6.2872C17.8006 6.2434 17.7308 6.21801 17.6582 6.21436L11.5551 5.90535L9.33539 0.228097C9.30916 0.160976 9.26311 0.10328 9.20326 0.0625773C9.14341 0.0218745 9.07256 6.23608e-05 9 0ZM9 1.34416L10.968 6.37898C10.9932 6.44328 11.0366 6.49898 11.093 6.53933C11.1494 6.57968 11.2164 6.60297 11.2858 6.60638L16.6893 6.88051L12.4804 10.295C12.4269 10.3383 12.3872 10.396 12.3659 10.4612C12.3445 10.5264 12.3426 10.5963 12.3602 10.6626L13.7432 15.846L9.19476 12.9491C9.13667 12.912 9.06907 12.8923 9 12.8923C8.93093 12.8923 8.86333 12.912 8.80524 12.9491L4.25678 15.846L5.63981 10.6626C5.65742 10.5963 5.65546 10.5264 5.63414 10.4612C5.61282 10.396 5.57305 10.3383 5.51958 10.295L1.31073 6.88051L6.71417 6.60638C6.78362 6.60297 6.85059 6.57968 6.90699 6.53933C6.96339 6.49898 7.0068 6.44328 7.03198 6.37898L9 1.34416Z' fill='%23343C4B'%3E%3C/path%3E%3C/svg%3E");
}
.rating__active {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79674 0.0625773C8.85659 0.0218745 8.92744 6.23608e-05 9 0C9.07256 6.23608e-05 9.14341 0.0218745 9.20326 0.0625773C9.26311 0.10328 9.30916 0.160976 9.33539 0.228097L11.5551 5.90535L17.6582 6.21436C17.7308 6.21801 17.8006 6.2434 17.8585 6.2872C17.9163 6.33099 17.9594 6.39113 17.982 6.4597C18.0047 6.52826 18.0059 6.60204 17.9855 6.67131C17.9651 6.74057 17.924 6.80208 17.8677 6.84773L13.1153 10.7023L14.6763 16.5512C14.6949 16.6208 14.6919 16.6944 14.6676 16.7623C14.6433 16.8302 14.5989 16.8892 14.5402 16.9316C14.4815 16.974 14.4112 16.9978 14.3386 16.9998C14.266 17.0019 14.1945 16.9822 14.1334 16.9432L9 13.6745L3.86655 16.9432C3.80549 16.9822 3.73396 17.0019 3.66138 16.9998C3.58879 16.9978 3.51853 16.974 3.45982 16.9316C3.40112 16.8892 3.35671 16.8302 3.33242 16.7623C3.30814 16.6944 3.30511 16.6208 3.32375 16.5512L4.88467 10.7023L0.1323 6.84773C0.0759593 6.80208 0.0348787 6.74057 0.0144664 6.67131C-0.00594591 6.60204 -0.00473187 6.52826 0.0179511 6.4597C0.0406341 6.39113 0.0837211 6.33099 0.141536 6.2872C0.199351 6.2434 0.269182 6.21801 0.34183 6.21436L6.44488 5.90535L8.66461 0.228097C8.69084 0.160976 8.73689 0.10328 8.79674 0.0625773Z' fill='%23FFD600'%3E%3C/path%3E%3C/svg%3E");
}
.catalog-main__hover .catalog-main__rating {
gap: 3px;
}
.modal-callback__input-wrapper input::placeholder {
opacity: .6;
}
.iti {
width: 100%;
}
.iti__selected-country {
min-width: 42px;
}
.iti__selected-country-primary {
width: 100%;
justify-content: center;
gap: 3px;
min-width: 42px;
}
.chat .iti__country,
.iti__country {
padding: 8px;
}
.chat .iti__selected-dial-code {
font-size: 14px;
font-weight: normal;
}
.iti__selected-dial-code {
font-family: "Acrom", "Arial", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #343c4b;
}
@media (max-width: 500px) {
.iti__selected-dial-code {
font-size: 14px
}
}
@media (min-width: 501px) {
.modal .iti__selected-dial-code,
.fsend:not(.callback-panel__form):not(.auth) .iti__selected-dial-code {
transform: translateY(-1px);
}
}
.auth .iti__selected-dial-code {
font-size: 15px;
}
@media (min-width: 768px) {
.auth .iti__selected-dial-code {
font-size: 16px;
transform: translateY(1px);
}
}
/**
* Card detail and catalog SEO-headings
*/
@media (min-width: 1101px) {
.card-top__header {
display: flex;
align-items: flex-end;
gap: 15px;
}
}
.catalog .seo-title-section span {
color: #9a9ea5;
padding-bottom: 5px;
display: block;
}
.categories__list li.is-active,
.partners-nav li.is-active,
.top-menu li:has(.active) {
order: -1;
}
/* End */
/* /local/templates/globaldrive_new/libs/OwlCarousel/owl.carousel.min.css?16402536473351 */
/* /local/templates/globaldrive_new/libs/OwlCarousel/owl.theme.default.min.css?16402536471013 */
/* /local/templates/globaldrive_new/libs/CustomSelect/custom-select.css?17133421533432 */
/* /local/templates/globaldrive_new/css/style.css?1754571669622255 */
/* /ajax/regions/style.css?173271025714019 */
/* /local/templates/globaldrive_new/components/arturgolubev/search.title/header.search/style.css?174107871416095 */
/* /local/templates/globaldrive_new/styles.css?17065299979598 */
/* /local/templates/globaldrive_new/template_styles.css?175465502838603 */