@charset "UTF-8";
@font-face {
font-family: 'Bebas Neue';
src: url("../fonts/Bebas Neue Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue full';
src: url("../fonts/Bebas Neue Cyrillic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue reg';
src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url("../fonts/Roboto.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto-italic';
src: url("../fonts/Roboto-Italic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--font-family: "Inter", sans-serif;
--second-family: "Bebas Neue", sans-serif;
--second-family-full: "Bebas Neue full", sans-serif;
--second-family-reg: "Bebas Neue reg", sans-serif;
--third-family: "Roboto", sans-serif;
--third-family-italic: "Roboto-italic", sans-serif;
}
.fancybox__container {
--fancybox-bg: #787878;
}
html {
max-width: 100%;
overflow-x: hidden;
height: 100%;
scroll-behavior: smooth;
}
body {
font-family: var(--font-family) !important;
font-optical-sizing: auto;
font-style: normal;
background: #ddd;
height: 100%;
margin: 0;
text-shadow: none !important;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #282828;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-synthesis: none;
}
body.noise {
background-size: 70px;
background-image: url(/image/noise.gif);
background-blend-mode: overlay;
}
.container {
max-width: 1520px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.container_info {
max-width: 800px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.sec_col_small {
width: 548px;
}
.sec_col_big {
width: 970px;
overflow: unset;
}
.sec_col_half {
width: 50%;
}
.container_nolimit .sec_col_small {
margin-left: calc(50% - 760px);
}
.container_nolimit .sec_col_big {
width: calc(50% + 210px);
}
.section_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 120px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
width: 85%;
}
.section_subtitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
width: 50%;
margin-bottom: 20px;
float: left;
}
.car_nav1, .car_nav2 {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 9;
float: right;
width: 90px;
margin-top: 10px;
}
.car_nav_aboutcerts {
position: relative;
display: flex;
right: 0;
margin-top: 40px;
z-index: 9;
max-width: 758px;
justify-content: flex-end;
margin-bottom: 5px;
margin-right: calc(50% - 760px);
}
.car_nav_homecerts {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 95%;
margin: 25px auto -35px;
margin-top: 25px;
z-index: 9;
}
.slick-prev {
cursor: pointer;
width: 36px;
position: relative;
left: 0;
top: 0;
}
.slick-next {
cursor: pointer;
width: 36px;
position: relative;
right: 0;
top: 0;
}
.slick-prev:before {
content: '';
background: url('data:image/svg+xml,');
width: 36px;
height: 15px;
display: block;
}
.slick-next:before {
content: '';
background: url('data:image/svg+xml,');
width: 36px;
height: 15px;
display: block;
}
.slick-prev:hover:before, .slick-next:hover:before {
color: #d33d00;
}
.car_nav_aboutcerts .slick-prev {
margin-right: 18px;
}
.car_nav_homecerts .slick-prev {
left: 0;
width: 126px;
}
.car_nav_homecerts .slick-next {
right: 0;
width: 126px;
}
.car_nav_homecerts .slick-prev:before {
content: '';
background: url('data:image/svg+xml,');
width: 126px;
height: 15px;
display: block;
}
.car_nav_homecerts .slick-next:before {
content: '';
background: url('data:image/svg+xml,');
width: 126px;
height: 15px;
display: block;
}
#warning-messages .alert.alert-danger {
text-align: center;
padding: 20px 0;
border-bottom: 1px solid #7e7e7e;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.visible {
opacity: 1 !important;
}
.no-scroll {
overflow: hidden;
}
.mob_scr {
display: none !important;
}
.full_scr {
display: block;
}
.noaction {
cursor: auto;
pointer-events: none;
}
.video_block {
overflow: hidden;
border-radius: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
}
.video_block video, .video_block img {
object-fit: cover;
object-position: center center;
border-radius: 0;
width: 100%;
}
.about_video .video_block video, .about_video .video_block img,
.home_video .video_block video, .home_video .video_block img {
max-height: 680px;
}
.text_block {
overflow: hidden;
z-index: auto;
}
.img_block {
overflow: hidden;
border-radius: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.img_block img {
object-fit: contain;
object-position: center center;
border-radius: 0;
width: 100%;
}
.right {
float: right;
}
.left {
float: left;
}
.text-right, .text-right p {
text-align: right;
}
.text-left, .text-left p {
text-align: left;
}
.text-center, .text-center p {
text-align: center;
}
.text-justify, .text-justify p {
text-align: justify;
}
.uppercase {
text-transform: uppercase;
}
.alert-dismissible {
display: none;
}
#stock_warning {
display: none;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #cecece;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #282828;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #282828;
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
box-shadow: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
.input {
border-radius: 0;
font-family: var(--font-family);
text-transform: none;
line-height: normal;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
.input:focus {
border-radius: 0;
outline: none;
background: transparent;
}
select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4998 5L8.20686 9.29289C7.81634 9.68342 7.18317 9.68342 6.79265 9.29289L2.49976 5' stroke='%23363636' stroke-linecap='round' /%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 8px) !important;
background-position-y: center !important;
}
.fake-input input {
border-radius: 0;
box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
transition: background-color 0s 600000s, color 0s 600000s !important;
}
input + .text-danger {
margin-top: 10px;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1, .h1 {
font-family: var(--second-family);
font-weight: 700;
font-size: 120px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
h2, .h2 {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
h3, .h3 {
font-family: var(--second-family);
font-weight: 700;
font-size: 50px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
h4, .h4 {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
h5, .h5 {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin: 20px 0;
}
.strong {
font-weight: 700;
}
.italic {
font-style: italic;
}
.normal {
font-style: normal;
}
a {
border: none;
font-family: var(--font-family);
color: #282828;
text-decoration: none;
}
a:focus, a:hover {
color: #282828;
text-decoration: none;
}
.text_block a {
color: #3984c6;
}
.text_block a:hover {
color: #3984c6;
}
b, b span, p b, b p {
font-weight: 600 !important;
}
p {
text-align: left;
padding: 0;
margin: 0 0 5px;
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #282828;
}
.default_page .page_content p {
margin: 0 0 10px;
}
ul {
padding: 0;
list-style: none;
}
li {
display: flex;
line-height: 110%;
-align-items: center;
}
.default_page .page_content ul {
padding-left: 15px;
}
.default_page .page_content li {
align-items: center;
}
.default_page .page_content li:before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
background: #282828;
margin-right: 8px;
border-radius: 50%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0;
font-weight: 400;
font-family: var(--font-family);
}
button, .btn {
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: uppercase;
color: #282828;
letter-spacing: normal;
border-radius: 0;
border: 1px solid #282828;
transition: all .3s ease-in-out;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
vertical-align: middle;
font-family: var(--font-family);
background: transparent;
padding: 0;
width: 365px;
height: 58px;
cursor: pointer;
}
.btn:hover {
border: 1px solid #282828;
}
.btn_org {
background: #d33d00;
width: 348px;
height: 58px;
}
.btn_tr {
background: none;
width: 348px;
height: 58px;
}
.btn_grey {
border: 1px solid #282828;
width: 298px;
height: 42px;
background: #282828;
font-weight: 500;
color: #cecece;
}
.btn_full {
width: calc(100% - 2.5px);
}
button:hover, button.active, .btn:hover, input[type="button"].btn:hover, .btn.active {
box-shadow: none;
background: transparent;
}
.btn_tr:hover {
background: #282828;
color: #cecece;
}
button:after {
display: none;
}
.error-message {
color: red;
}
/*---------------------моб меню------------------*/
.drawer-list {
position: fixed;
left: 0;
top: 0;
margin-top: 20px;
height: 90vh;
max-height: 760px;
width: 300px;
z-index: 998;
transform: translate(-100vw, 0);
-ms-transform: translatex(-100vw);
box-sizing: border-box;
-pointer-events: none;
padding: 20px;
-transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
transition: width 475ms ease-out, transform 450ms ease;
border-bottom-left-radius: 100vw;
background-color: #ddd;
display: flex;
overflow: hidden;
}
.drawer-list ul {
height: auto;
width: 100%;
margin: 0;
-padding: 20px 10px;
-overflow: auto;
overflow: hidden;
pointer-events: auto;
float: none;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
width: 100%;
margin-bottom: 5px;
-padding-left: 20px;
}
.drawer-list li:last-child {
-margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: var(--black);
font-weight: 500;
text-align: left !important;
-display: inline-block;
display: block;
padding: 7px 0;
font-size: 13px;
}
input.hamburger {
display: none;
}
label.hamburger:before, label.hamburger:after {
display: none;
width: 0;
}
input.hamburger:checked ~ .drawer-list {
transform: translatex(0);
border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li a {
-padding-right: 15px;
}
input.hamburger:checked ~ label close {
color: var(--black);
width: 170%;
}
input.hamburger:checked ~ label open {
color: var(--black);
width: 0;
}
label.hamburger {
position: relative;
display: block;
top: -1px;
padding: 0 !important;
width: 100%;
height: 100%;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger text close,
label.hamburger text open {
text-transform: uppercase;
font-size: 13px;
position: absolute;
transform: translateY(18.5px) translateX(24px);
text-align: center;
overflow: hidden;
transition: width .25s .35s, color .45s .35s;
}
label.hamburger text close {
color: #282828;
right: 0;
width: 0;
}
label.hamburger text open {
color: #282828;
}
label.hamburger > i {
position: absolute;
height: 2px;
top: 50%;
background-color: #383838;
pointer-events: auto;
transition-duration: .35s;
transition-delay: .35s;
width: 14px;
}
label.hamburger > i:before, label.hamburger > i:after {
position: absolute;
display: block;
width: 100%;
height: 2px;
left: 50%;
background-color: #383838;
content: "";
transition: transform 0.35s;
transform-origin: 50% 50%;
}
label.hamburger > i:before {
transform: translate(-50%, -6px);
}
label.hamburger > i:after {
transform: translate(-50%, 6px);
}
.mobmenu_close {
position: absolute;
left: 270px;
top: 45px;
z-index: 999;
transition: 2s;
}
.mob_menu_wrap {
display: flex;
flex-wrap: wrap;
align-content: space-between;
width: 100%;
overflow-y: auto;
}
.mob_menu_wrap::-webkit-scrollbar {
width: 0.1px;
}
.mob_menu_top {
width: 100%;
}
.mob_menu_bt {
width: 100%;
margin-top: 40px;
}
.mob_menu_phones {
display: flex;
margin-bottom: 10px;
}
.mob_menu_phones .header_social {
width: 20px;
height: 20px;
}
.mob-menu-list .menu-item {
padding: 0 !important;
border: none !important;
line-height: 120% !important;
}
.cat_mob_menu {
display: none;
width: 100%;
-overflow-y: auto !important;
-max-height: 75vh;
padding: 20px 0;
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
margin-top: 10px !important;
}
.cat_mob_menu::-webkit-scrollbar {
width: 1px;
}
.catalog_mob_menu_wrap {
width: 100%;
display: flex;
align-items: center;
}
.catalog_mob_menu_btn {
margin-top: -5px;
margin-left: 10px;
}
.mob-menu-list .menu-item.active {
color: #d33d00;
}
.catalog_mob_menu {
flex-wrap: wrap;
}
.cat_mob_menu .cat_menu_lev1 {
padding: 0;
-margin-bottom: 10px;
}
.cat_mob_menu .cat_menu_lev1:last-child {
margin-bottom: 0;
}
.cat_mob_menu .menu_item_wrapper {
padding: 5px 10px;
flex-wrap: wrap;
width: 90%;
}
.cat_mob_menu .menu_item_body {
max-width: 200px;
}
.cat_mob_menu .cat_menu_link {
white-space: normal;
line-height: normal;
padding: 5px 0 !important;
color: #282828;
font-size: 11px;
}
.cat_mob_menu .cat_menu_lev1.active .menu_item_wrapper {
background: #d33d00;
border-radius: 5px;
}
.cat_mob_menu .cat_menu_lev1.active img {
filter: brightness(0.2);
}
.cat_mob_menu .cat_menu_lev1:hover .menu_item_wrapper .cat_menu_link.active {
color: #282828;
}
.cat_mob_menu .submenu-container {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
width: 100%;
}
.cat_mob_menu .submenu2-container {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
width: 100%;
}
.catalog_mob_menu2_btn {
margin-right: 15px;
}
.cat_mob_menu .submenu-container.open, .cat_mob_menu .submenu2-container.open {
max-height: 1000px; /* Достаточно большое значение для анимации */
}
.catalog_mob_menu_btn {
transition: transform 0.3s ease;
cursor: pointer;
}
.catalog_mob_menu_btn.rotated {
transform: rotate(180deg);
margin-top: 0;
}
.cat_mob_menu .cat_submenu {
position: relative;
display: block;
left: 0;
min-height: fit-content;
padding: 10px 0;
border: none;
}
.cat_mob_menu .cat_menu_lev2 {
padding: 0 0 0 30px;
position: relative;
}
.cat_mob_menu .cat_menu_lev1.has-child > .menu_item_wrapper::after {
display: none;
}
.cat_mob_menu .cat_menu_lev2 .cat_menu_link {
color: #7e7e7e;
font-size: 10px;
padding: 2px 0 !important;
height: auto;
line-height: 200%;
width: calc(100% - 40px);
}
.cat_mob_menu .cat_menu_lev2 .cat_menu_link.active {
color: #d33d00;
}
.cat_mob_menu .cat_submenu_l3 {
position: relative;
box-shadow: none;
min-width: auto;
left: 0;
border: none;
}
/*---------------------моб меню------------------*/
/*---------------------select, radio, checkbox---------------------*/
.form_toggle {
display: inline-block;
overflow: hidden;
border: 1px solid #282828;
border-radius: 20px;
width: 91px;
height: 36px;
}
.form_toggle-item {
float: left;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 45%;
height: 100%;
align-items: center;
border-radius: 20px;
}
.form_toggle-item.active {
width: 55%;
}
.form_toggle-item input[type=radio] {
display: none;
}
.form_toggle-item label {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
width: 100% !important;
height: 100%;
padding: 0 !important;
}
.form_toggle input[type=radio]:checked + label {
background: #282828;
border-radius: 20px;
color: #fff;
width: 100%;
}
.select_custom_title {
display: flex;
align-items: center;
text-transform: uppercase;
z-index: 2;
cursor: pointer;
}
.select_custom_input {
display: none;
pointer-events: none;
position: absolute;
opacity: 0;
}
.select_custom_input:checked + label::after {
-content: attr(data-value);
}
.select_custom_input:checked + label {
display: none;
}
.select_custom {
position: relative;
border: 1px solid #282828;
border-radius: 20px;
width: 57px;
height: 36px;
cursor: pointer;
}
#form-currency {
margin-bottom: 0;
}
#form-currency .select_custom[data-state="active"] {
display: block;
border-bottom: none;
border-radius: 20px 20px 0 0;
background: #cecece;
}
.select_custom[data-state="active"] .select_custom_content {
display: block;
}
.select_custom_title {
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
width: 100%;
height: 100%;
}
.select_custom_content {
display: none;
position: absolute;
width: 100%;
top: 100%;
left: 0;
right: 0;
border: 1px solid #282828;
border-radius: 0 0 20px 20px;
z-index: 10;
margin-top: -1px;
margin-left: -1px;
border-top: none;
background: #cecece;
padding-bottom: 5px;
}
.select_custom_label {
display: block;
padding: 5px 10px;
text-align: center;
cursor: pointer;
color: #707070;
}
.select_custom_label:hover {
color: #282828;
}
.custom-checkbox, .custom-radio {
cursor: pointer;
}
.custom-checkbox>input {
position: absolute;
opacity: 0;
width: 20px;
height: 20px;
margin: 0;
cursor: pointer;
}
.custom-checkbox>span {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
user-select: none;
}
.custom-checkbox>span::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
flex-grow: 0;
margin-right: 0.5em;
background-repeat: no-repeat;
background-size: 90%;
background-image: url('data:image/svg+xml,');
}
.custom-checkbox>input:checked+span::before {
border-color: var(--linii);
background-color: transparent;
background-image: url('data:image/svg+xml,');
}
input[type="radio"] {
position: absolute;
left: -9999px;
}
input[type="radio"]+ label.custom-radio:before, input[type="radio"]+ label.custom-radio:after {
position: absolute;
content: '';
}
input[type="radio"]:checked+ label.custom-radio:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
label.custom-radio:before, label.custom-radio:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"]+ label.custom-radio {
display: inline-block;
vertical-align: top;
padding: 0 0 0 30px;
position: relative;
cursor: pointer;
font-size: 13px;
line-height: 22px;
width: auto;
}
label.custom-radio {
padding: 0 0 0 20px!important;
font-size: 14px !important;
line-height: 14px !important;
}
.custom-radio::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #282828 !important;
border-radius: 50%;
margin-right: 0.5em;
position: relative;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 50% 50% !important;
background: transparent !important;
top: 0;
left: 0;
margin-top: 2px;
}
.custom-radio::after {
content: '';
width: 9.5px;
height: 9.5px;
border-radius: 50%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-color: #282828;
background-color: #282828;
top: 0;
left: 0;
margin-right: 0.5em;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 50% 50% !important;
margin-top: 2px;
}
/*---------------------select, radio, checkbox---------------------*/
/*--------------------accordion--------------------*/
.accordion {
cursor: pointer;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.accordion:after {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 22px;
height: 12px;
background-size: cover;
float: right;
transition: .5s;
}
.accordion.ac_active:after {
background: url('data:image/svg+xml,');
transition: .5s;
}
.accordion_body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/*--------------------accordion--------------------*/
/*--------------------animation--------------------*/
@keyframes marquee1 {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes marquee2 {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-200%);
}
}
@keyframes marquee3 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes marquee4 {
0% {
transform: translateX(-200%);
}
100% {
transform: translateX(0);
}
}
@keyframes pricePulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
/*--------------------animation--------------------*/
/*---------------------breadcrumbs---------------------*/
.breadcrumbs {
height: 69px;
border-bottom: 1px solid #7e7e7e;
display: flex;
flex-wrap: wrap;
align-content: center;
margin-bottom: 40px;
}
.breadcrumbs_list {
display: flex;
flex-wrap: wrap;
}
.breadcrumb {
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #282828;
}
.breadcrumb a, .breadcrumb span {
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #707070;
}
.breadcrumb:after {
content: '';
display: block;
border-top: 0.50px solid #707070;
width: 10px;
height: .5px;
transform: rotate(105deg);
margin: 5px 2px;
}
.breadcrumb:last-child:after {
display: none;
}
/*---------------------breadcrumbs---------------------*/
/*---------------------header---------------------*/
header {
width: 100%;
height: 130px;
}
.header_top {
border-bottom: 1px solid #7e7e7e;
height: 64px;
}
.header_top_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
width: 100%;
height: 64px;
}
.header_top_left {
width: 20%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.header_top_text {
margin-left: 20px;
}
.header_top_text p {
margin: 0;
}
.header_top_center {
width: 60%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.header_logo {
height: 65px;
-display: block;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
overflow: hidden;
}
.header_logo img {
-height: 90%;
height: auto;
max-width: 157px;
}
.header_top_right {
width: 20%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.header_phone {
line-height: 25px;
}
.header_social {
width: 25px;
height: 25px;
background: #282828;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 500px;
margin-left: 20px;
}
.header_social.whapp svg {
-margin-left: 2px;
}
.header_bt {
border-bottom: 1px solid #7e7e7e;
height: 64px;
}
.header_bt_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
height: 64px;
}
.header_menu {
width: 82%;
height: 64px;
}
.header_menu .menu-list {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
height: 64px;
}
.header_menu .menu-item {
padding: 0 65px;
border-right: 1px solid #7e7e7e;
height: 100%;
line-height: 64px;
text-transform: uppercase;
}
.menu-item:hover>a {
color: #d33d00;
}
.header_menu .menu-item:first-child {
padding-left: 0;
}
.catalog_menu {
background-repeat: no-repeat !important;
background-position-x: calc(100% - 35px) !important;
background-position-y: center !important;
background-image: url('data:image/svg+xml,');
}
.cat_menu {
background: #ddd;
z-index: 99;
border: 1px solid #7e7e7e;
padding: 30px 0;
position: absolute;
display: none;
width: 100%;
max-width: 460px;
margin-top: 64px;
transition: .2s;
}
.catalog_menu:hover .cat_menu {
display: block;
}
.cat_menu_lev1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
cursor: pointer;
padding: 0 30px;
}
.menu_item_body {
display: flex;
align-items: center;
width: calc(100% - 10px);
}
.menu_item_wrapper {
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
width: 100%;
padding: 0 15px;
}
.submenu-item-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.cat_icon {
width: 23px;
margin-right: 10px;
}
.cat_menu_link {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
width: calc(100% - 35px);
}
.cat_menu_lev1 .cat_menu_link {
padding: 14px 0;
}
.cat_menu_lev2 .cat_menu_link {
padding: 2px 0;
height: 34px;
width: 95%;
line-height: 36px;
}
.cat_menu_lev1:hover .menu_item_wrapper {
background: #d33d00;
border-radius: 5px;
}
.cat_menu_lev1:hover img {
filter: brightness(0.2);
}
.cat_submenu {
display: none;
position: absolute;
left: 100%;
top: 0;
width: 100%;
background: #ddd;
list-style: none;
padding: 30px;
padding-right: 10px;
padding-left: 0;
margin: 0;
-max-width: max-content;
max-width: 360px;
z-index: 1000;
border-bottom: 1px solid #7e7e7e;
border-right: 1px solid #7e7e7e;
min-height: 420px;
transition: .5s;
box-shadow: -10px 1px 13px 0px #00000052;
padding-left: 40px;
}
.cat_menu_lev2 {
padding: 0 30px 0 0;
position: relative;
flex-wrap: wrap;
}
.cat_submenu a {
font-weight: 400;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #707070;
width: 100%;
}
.cat_menu_lev2:hover > .submenu-item-wrapper a {
color: #d33d00;
}
.cat_menu_lev2:hover > .submenu-item-wrapper svg {
-transform: rotate(90deg);
}
.cat_menu_lev1 > svg {
margin-left: auto;
opacity: 0.5;
transition: transform 0.2s;
}
.cat_menu_lev1.has-child:hover .submenu-container {
display: block;
}
.cat_menu_lev1.has-child:hover > .menu_item_wrapper > .submenu-arrow {
-transform: rotate(90deg);
}
.cat_menu_lev1.has-child > .menu_item_wrapper::after {
content: '';
position: absolute;
right: -50%;
top: 0;
width: 100px;
height: 100%;
background: transparent;
}
.cat_menu_lev1.has-child > .menu_item_wrapper::after:hover .submenu-container {
display: block;
}
.cat_submenu_l3 {
display: none;
left: 100%;
top: 0;
width: 100%;
background: #ddd;
list-style: none;
padding: 10px;
padding-left: 0;
margin: 0;
max-width: max-content;
z-index: 1000;
transition: .5s;
-max-height: 180px;
-overflow-y: auto;
min-width: 320px;
position: absolute;
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
border-right: 1px solid #7e7e7e;
margin-left: 10px;
box-shadow: -10px 1px 13px 0px #00000052;
}
.cat_menu_lev3 .cat_menu_link {
padding: 2px 0;
height: 34px;
width: 100%;
line-height: 36px;
font-style: italic;
margin-left: 20px;
}
.cat_menu_lev3:hover > .submenu-item-wrapper a {
color: #d33d00;
}
.header_cart_block {
width: 18%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.header_currencies {
display: flex;
width: 50%;
justify-content: center;
align-items: center;
}
.header_currencies .select_custom_title {
display: flex;
align-items: center;
text-transform: uppercase;
z-index: 2;
width: 100%;
height: 100%;
flex-wrap: wrap;
justify-content: center;
}
#form-currency .select_custom {
border: 1px solid #282828;
border-radius: 20px;
width: 57px;
height: 36px;
}
.header_cart_wrap {
display: flex;
width: 50%;
justify-content: space-between;
align-items: center;
}
#cart-total span, #wish-total span {
margin-top: -5px;
margin-left: -5px;
position: absolute;
font-size: 9px;
color: #fff;
font-weight: 700;
display: inline-block;
background: #282828;
border-radius: 50%;
min-width: 16px;
height: 16px;
text-align: center;
line-height: 18px;
z-index: 1;
}
.storenote {
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #282828;
min-height: 40px;
padding: 5px 5px 0;
background: #d33d00;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
/*---------------------header---------------------*/
/*---------------------footer---------------------*/
footer {
border-top: 1px solid #7e7e7e;
}
.footer_top {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0 20px;
}
.footer_top_left {
width: 50%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-content: flex-start;
}
.footer_logo {
margin-bottom: 40px;
-justify-content: left;
max-height: 70px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
overflow: hidden;
}
.footer_logo img {
height: auto;
max-width: 157px;
}
.footer_company {
width: 100%;
}
.footer_company p {
max-width: 367px;
margin-bottom: 20px;
font-size: 12px;
line-height: 100%;
color: #707070;
}
.footer_top_right {
width: 50%;
padding-top: 10px;
}
.footer_menu_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_menu_col {
width: 35%;
}
.footer_menu_col.footer_soc {
width: 15%;
}
.footer_menu_title {
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 20px;
}
.footer_contacts a {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #707070;
}
.footer_contacts p {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #707070;
}
.footer_phone {
width: 100%;
display: inline-block;
margin-bottom: 7px;
}
.footer_mail {
width: 100%;
display: inline-block;
margin: 13px 0 20px;
}
.footer_menu_item {
margin-bottom: 10px;
}
.footer_menu_link {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #707070;
}
.footer_ratings {
padding: 60px 0 0;
display: flex;
flex-wrap: wrap;
-justify-content: space-between;
}
.rating_wrap {
-width: calc((100% - 20px)/3);
margin-right: 20px;
}
.footer_ratings img {
-margin-right: 20px;
width: 100%;
}
.footer_bt {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 0;
}
.footer_bt_left {
width: 50%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.footer_copy p {
font-size: 12px;
line-height: 100%;
color: #707070;
}
.footer_copy p:last-child {
margin-bottom: 0;
}
.footer_link {
font-size: 12px;
line-height: 100%;
color: #707070;
margin-left: 40px;
}
.footer_bt_right {
width: 50%;
}
.footer_pay {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 100%;
align-content: center;
}
.footer_pay img {
max-height: 23px;
width: auto;
height: fit-content;
}
/*---------------------footer---------------------*/
/*---------------------footer_form---------------------*/
.footer_form {
width: 100%;
display: inline-block;
margin-right: auto;
margin-left: auto;
padding: 90px 0 120px;
}
.footer_form_wrap {
width: 745px;
display: flex;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
justify-content: center;
}
.footer_form_title {
text-align: center;
margin-bottom: 0;
margin-top: 0;
}
.footer_formtitle_sub {
width: 340px;
text-align: center;
margin-bottom: 15px;
}
.footer_form form {
width: 520px;
}
.footer_form input[type="text"],
.footer_form input[type="password"],
.footer_form input[type="email"],
.footer_form input[type="tel"] {
width: calc(100% - 40px);
height: 50px;
background: transparent;
padding: 0 20px;
font-size: 14px;
line-height: 100%;
color: #707070;
border: 1px solid #7e7e7e;
margin-bottom: 10px;
}
.pol_check_wrap {
margin: 10px 0 20px;
}
span.pol_text {
color: #707070;
}
span.pol_text a {
-color: #707070;
-text-decoration: underline;
color: #3984c6;
text-decoration-skip-ink: none;
margin-left: 5px;
}
.footer_form .btn {
width: 100%;
}
#footer-form .error-message {
margin: -5px 0 10px;
color: #d33d00;
}
#footer-form .pol_check_wrap .error-message {
margin-top: 5px;
}
#common-maintenance + .footer_form {
display: none;
}
/*---------------------footer_form---------------------*/
/*---------------------search, wishlist, mini-cart, popup---------------------*/
.popup-overlay {
position: fixed;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
z-index: 2;
background: rgba(0,0,0,0.8);
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: none;
pointer-events: none;
}
.popup-overlay.show {
pointer-events: auto;
}
.popup {
background: #ddd;
-webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);
box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);
position: fixed !important;
opacity: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: none;
margin: 40px 0 0;
z-index: 1000;
}
.js-popup-close {
cursor: pointer;
}
.popup-search, .popup-wish, .popup-cart {
display: block !important;
visibility: hidden;
top: 0;
right: 0;
width: 720px;
height: 720px;
padding: 40px 0 40px 40px;
cursor: auto;
transform: translateX(100%);
transition: all 0.4s ease-out;
}
.popup-one-click {
display: block !important;
visibility: hidden;
top: 0;
right: 0;
width: 720px;
height: 800px;
padding: 40px 0 40px 40px;
cursor: auto;
transform: translateX(100%);
transition: all 0.4s ease-out;
}
.popup-search.show, .popup-wish.show, .popup-cart.show {
transform: translateX(0);
transition: all 0.4s ease-out;
visibility: visible;
max-height: 100vh;
}
.popup-search.show {
max-height: 70vh;
}
.popup-one-click.show {
transform: translateX(0);
transition: all 0.4s ease-out;
visibility: visible;
max-height: calc(100vh - 100px);
}
.pop_wrap {
overflow: hidden;
height: 100%;
}
.pop_wrap.search_wrap {
display: flex;
flex-direction: column;
max-height: 760px;
overflow: hidden;
}
.top_search, .top_wish, .top_cart {
cursor: pointer;
}
.pop_title_block {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 40px;
flex-shrink: 0;
}
.pop_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: normal;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
.btn_search {
border: none;
height: auto;
width: auto;
margin-right: 20px;
}
#search {
margin-top: 50px;
width: 100%;
max-height: 620px;
flex-grow: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
#search input {
border: none;
outline: none;
background: none;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #707070;
width: calc(100% - 60px);
}
.search_input_wrap {
width: calc(100% - 40px);
display: flex;
align-items: center;
border-bottom: 1px solid #7e7e7e;
padding: 10px 0;
flex-wrap: wrap;
flex-shrink: 0;
}
.search_input_wrap .dropdown-menu {
display: none;
}
.live-search {
border: none !important;
background: none;
width: calc(100% - 40px) !important;
position: relative !important;
padding: 0 20px 0 0 !important;
overflow-y: auto;
max-height: 530px;
flex-grow: 1;
border-radius: 0 !important;
background: #ddd !important;
}
.live-search ul {
background: #ddd;
}
.live-search ul li {
padding: 0 !important;
border-radius: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-color: #ddd !important;
}
.live-search .result-text {
display: none !important;
}
li.topsearch_item {
cursor: auto !important;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px !important;
}
li.topsearch_item:last-child {
margin-bottom: 0 !important;
}
.topsearch_item_body, .live-search ul li a.topsearch_item_body {
width: 75%;
display: flex;
flex-wrap: wrap;
}
.topsearch_btn_block {
width: 15%;
display: flex;
justify-content: flex-end;
}
.pop_prod_img {
background: #cecece;
border: 1px solid #7e7e7e;
padding: 16px;
width: 100px;
height: 100px;
margin-right: 16px;
}
.topsearch_item_info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: calc(100% - 170px);
align-content: space-between;
}
.pop_prod_name {
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
width: 100%;
}
.pop_prod_art {
margin-top: 10px;
}
.pop_prod_price {
width: 100%;
}
.btn_topsearch {
background: #282828;
border: 1px solid #282828;
width: 300px;
height: 44px;
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: uppercase;
color: #cecece;
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.pop_prod_price {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.pop_prod_price span {
width: 100%;
}
.pop_prod_price .price {
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
}
.pop_prod_price .old_price {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
text-decoration: line-through;
color: #707070;
margin-top: 3px;
}
.topsearch_wish {
margin-right: 15px;
}
.wish_title_block, .topcart_title_block {
border-bottom: 1px solid #7e7e7e;
padding-bottom: 40px;
width: calc(100% - 40px);
padding-right: 0;
}
.wish_empty, .topcart_empty {
margin: 20px 0;
}
.wish_list, .topcart_list {
margin-top: 0;
width: calc(100% - 40px);
padding: 0 20px 0 0;
overflow-y: auto;
max-height: 600px;
}
.topcart_list {
max-height: 407px;
}
.wish_item, .topcart_item {
padding: 30px 0;
border-bottom: 1px solid #7e7e7e;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wish_item_body, .topcart_item_body {
width: 65%;
display: flex;
flex-wrap: wrap;
}
.wish_item_text, .topcart_item_text {
display: flex;
flex-wrap: wrap;
align-content: space-between;
width: calc(100% - 170px);
}
.wish_item_action, .topcart_item_action {
display: flex;
flex-wrap: wrap;
width: 30%;
align-content: space-between;
justify-content: flex-end;
}
.wish_action_top, .topcart_action_top {
display: flex;
flex-wrap: wrap;
align-content: space-between;
width: 100%;
}
.wish_action_top a, .topcart_action_top a {
width: 100%;
text-align: right;
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #707070;
cursor: pointer;
}
.wish_action_top p {
width: 100%;
text-align: right;
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: #707070;
}
.wish_action_top a:hover, .topcart_action_top a:hover {
color: #282828;
}
.wish_cart {
margin-top: 10px;
}
.wish_more input, .topcart_more input, .one_more input {
font-weight: 400;
font-size: 16px;
color: #282828;
background: #ddd;
border: none;
outline: none;
}
.topcart_total {
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 20px;
}
.scroll-container {
display: flex;
flex-wrap: wrap;
align-content: space-between;
height: 620px;
max-height: 73vh;
}
.spinner-wrap {
display: flex;
align-items: center;
overflow: hidden;
}
.spinner-btn {
width: 10px;
height: 10px;
border: none;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.spinner-input, .spinner-input_check {
width: 30px;
text-align: center;
border: none;
-moz-appearance: textfield;
}
.spinner-input::-webkit-outer-spin-button,
.spinner-input::-webkit-inner-spin-button,
.spinner-input_check::-webkit-outer-spin-button,
.spinner-input_check::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.topcart_total_block {
width: calc(100% - 40px);
}
.top_cart_btn {
width: calc(50% - 5px);
height: 59px;
}
.btn_org.top_cart_btn {
height: 56px;
width: calc(50% - 9px);
}
/*---------------------search, wishlist, mini-cart, popup---------------------*/
/*---------------------main_sale---------------------*/
.main_sale {
background: #d33d00;
-opacity: 0;
visibility: hidden;
transform: translateY(-300px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
height: 0;
}
.main_sale.visible {
visibility: visible;
height: auto;
}
.main_sale.show {
-opacity: 1;
transform: translateY(0);
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.main_sale_line {
height: 3px;
background: #d33d00;
}
.main_sale_label {
width: 70px;
height: 75px;
cursor: pointer;
background: #d33d00;
position: absolute;
right: 19.4%;
filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
margin-top: -1px;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: all .1s ease;
transition: all .1s ease;
}
.main_sale_label span {
display: block;
font-family: var(--second-family);
font-weight: 700;
font-size: 30px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
text-align: center;
}
.main_sale ul {
display: flex;
justify-content: space-between;
margin: 0;
}
li.main_sale_item {
width: 50%;
display: flex;
margin-bottom: 0 !important;
background: #cecece;
border: 30px solid #d33d00;
}
.main_sale_img.img_block {
width: calc(50% - 60px);
height: 200px;
padding-left: 20px;
background: transparent;
border: none;
}
.main_sale_img.img_block img {
height: 100%;
width: auto;
filter: saturate(0.5);
}
li.main_sale_item:hover img {
filter: saturate(1);
}
.main_sale_item_body {
width: calc(50% - 60px);
align-content: space-between;
padding: 30px;
}
.main_sale_item_top {
width: 100%;
display: flex;
justify-content: space-between;
}
.main_sale_item_info {
align-content: flex-start;
width: calc(100% - 70px);
}
.main_sale_item_info .pop_prod_price {
flex-wrap: unset;
margin-top: 15px;
}
.main_sale_item_info .pop_prod_price span {
width: auto;
margin-right: 10px;
}
.main_sale_item_info .pop_prod_price .old_price {
margin-top: 0;
}
.main_sale_close {
cursor: pointer;
position: absolute;
right: 30px;
top: 5px;
margin-right: calc(50% - 760px);
z-index: 1;
}
.main_sale_label.active {
-top: 290px;
}
/*---------------------main_sale---------------------*/
/*---------------------home page---------------------*/
.main_banner {
padding: 120px 0;
}
.home_pagetitle {
text-align: center;
margin-bottom: 30px;
margin-top: 0;
}
.home_pagetitle_sub {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
text-align: center;
color: #282828;
width: 460px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
/*.home_pagetitle_sub::before {
content: '';
background: url('data:image/svg+xml,');
display: inline-block;
width: calc(50% - 280px);
height: 148.5px;
background-size: contain;
position: absolute;
left: 0;
margin-top: -80px;
}
.home_pagetitle_sub::after {
content: '';
background: url('data:image/svg+xml,');
display: inline-block;
width: calc(50% - 280px);
height: 148.5px;
background-size: contain;
position: absolute;
right: 0;
margin-top: -111px;
}*/
.pulse-line {
width: calc(50% - 280px);
height: auto;
position: absolute;
-top: 50%;
transform: translateY(-20%);
}
.left-line {
left: 0;
}
.right-line {
right: 0;
}
.line-path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: dash 5s linear infinite;
}
.main_banner .btn {
margin-left: auto;
margin-right: auto;
}
.top_sale {
margin-bottom: 120px;
}
.top_sale_wrap {
width: 100%;
display: inline-block;
border-right: 1px solid #7e7e7e;
}
.prod_item {
width: 25%;
padding: 20px;
background: #cecece;
-border: 1px solid #7e7e7e;
box-shadow: 0 0 0 0.5px #7e7e7e;
height: 440px;
display: flex !important;
flex-wrap: wrap;
align-content: space-between;
transition: .3s;
box-sizing: border-box;
width: 25%;
}
.top_sale_car .prod_item {
border: 1px solid #7e7e7e;
box-shadow: none;
border-right: none;
}
.prod_item_topinfo {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #707070;
height: 14px;
width: 100%;
display: flex;
justify-content: space-between;
}
.prod_item_top_btns {
display: flex;
justify-content: flex-end;
opacity: 0;
margin-top: -5px;
}
.prod_item:hover .prod_item_top_btns {
opacity: 1;
}
.prod_item_top_btns button, .topsearch_btn_block button, .main_sale_btn_block button {
width: auto;
height: 25px;
border: none;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
}
.prod_item_img {
width: 100%;
filter: saturate(0.5);
}
.catalog_wrap .prod_item_img {
margin-top: 21px;
}
.prod_item:hover .prod_item_img {
filter: saturate(1);
}
.prod_item_img img {
max-width: 300px;
-filter: contrast(0.6);
}
.prod_item_btinfo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
align-items: flex-start;
margin-top: 10px;
}
.catalog_wrap .prod_item_btinfo {
margin-top: 21px;
}
.prod_item_name {
width: 75%;
font-weight: 500;
font-size: 16px;
line-height: 110%;
text-transform: uppercase;
color: #282828;
-height: 53px;
}
.catalog_wrap .prod_item_name {
height: 32px;
}
.prod_item_price {
width: 24%;
text-align: right;
}
.prod_item_price .reg_price {
font-weight: 700;
font-size: 17.5px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
}
.prod_item_price .old_price {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
text-decoration: line-through;
color: #707070;
margin-top: 3px;
}
.prod_item_desc {
visibility: hidden;
margin-top: 10px;
opacity: 0;
}
.catalog_wrap .prod_item:hover {
height: 480px;
box-shadow: 0px 0px 14px 1px #7e7e7e !important;
transition: .3s;
margin-bottom: -41px;
z-index: 99;
-border: 1px solid #7e7e7e;
}
.catalog_wrap .prod_item:hover .prod_item_desc {
max-height: 42px;
visibility: visible;
opacity: 1;
margin-top: 10px;
transition-delay: 3s;
transition: .5s;
color: #707070;
}
.why {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
margin-bottom: 100px;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.why_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.why_title_block {
border-right: 1px solid #7e7e7e;
padding: 40px 0;
}
.why_items_top {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #7e7e7e;
width: 100%;
}
.why_items_bt {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.why_item {
display: flex;
flex-wrap: wrap;
padding: 40px 0 0;
width: 485px;
}
.why_items_line {
width: 1px;
height: 136px;
border-right: 1px solid #7e7e7e;
margin: 20px 0;
}
.why_item_icon {
width: 23%;
text-align: center;
}
.why_item_body {
width: 65%;
}
.why_item_name {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 10px;
}
.why_item_text ul {
padding-left: 10px;
}
.why_item_text li:before {
content: '';
background: #282828;
width: 5px;
height: 5px;
border-radius: 50%;
display: inline-block;
margin-right: 7px;
margin-top: 5px;
}
.home_cat {
margin-bottom: 100px;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.home_cat .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home_cat_wrap {
padding-left: 30px;
}
.home_cat_item {
margin-bottom: 20px;
max-height: 54px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home_cat_item:before {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 15px;
height: 16px;
margin-right: 15px;
position: relative;
margin-top: 10px;
}
.home_cat_item.active:before {
background: url('data:image/svg+xml,');
}
.home_cat_name {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
opacity: 0.2;
}
.home_cat_item.active .home_cat_name {
opacity: 1;
}
.home_cat_img {
height: 130px;
display: none;
margin-left: 7%;
margin-top: -40px;
}
.home_cat_item.active .home_cat_img {
display: flex;
}
.home_cat_right .btn {
margin-top: 60px;
margin-left: 30px;
}
.home_brands {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.home_brands_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home_brands_left {
border-right: 1px solid #7e7e7e;
padding: 40px 0;
}
.home_brands_top {
width: 100%;
padding: 47px 0;
border-bottom: 1px solid #7e7e7e;
display: flex;
overflow: hidden;
}
.home_brands_bt {
width: 100%;
padding: 47px 0;
overflow: hidden;
display: flex;
}
.home_brands_topline1 {
animation: marquee1 40s infinite linear;
animation-delay: -40s;
white-space: nowrap;
display: flex;
}
.home_brands_topline2 {
animation: marquee2 40s infinite linear;
animation-delay: -20s;
white-space: nowrap;
display: flex;
}
.home_brands_btline1 {
animation: marquee3 40s infinite linear;
animation-delay: -40s;
white-space: nowrap;
display: flex;
}
.home_brands_btline2 {
animation: marquee4 40s infinite linear;
animation-delay: -20s;
white-space: nowrap;
display: flex;
}
.home_brands_top:hover .home_brands_topline1,
.home_brands_top:hover .home_brands_topline2,
.home_brands_bt:hover .home_brands_btline1,
.home_brands_bt:hover .home_brands_btline2 {
animation-play-state: paused;
}
.home_brands_item {
height: 50px;
margin: 0 20px;
filter: grayscale(1);
}
.home_brands_item:hover {
filter: grayscale(0);
}
.home_brands_item img {
width: auto;
height: 100%;
}
.home_video {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.home_video_subtitle {
font-family: var(--second-family);
font-weight: 700;
font-size: 50px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
width: 90%;
padding: 40px 0;
}
.home_video_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home_video_right {
border-left: 1px solid #7e7e7e;
}
.home_video_textblock {
padding: 40px;
}
.home_video_text {
width: 75%;
margin-bottom: 30px;
}
.home_video_text p {
text-align: left;
}
.home_video_body {
max-height: 680px;
}
.home_video_body img {
height: 100%;
}
.home_certs {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
margin: 40px 0 0;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.home_certs_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.home_certs_right {
border-left: 1px solid #7e7e7e;
}
.home_certs_info {
padding: 40px 40px 60px;
height: calc(100% - 100px);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.home_certs_text {
width: 75%;
margin-bottom: 30px;
}
.home_certs_car {
padding: 40px 0 60px;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.home_certs_car .slick-list {
padding: 0 !important;
}
.home_cert {
-height: 200px;
height: 420px;
width: auto !important;
min-width: fit-content;
display: inline-block !important;
-margin: 280px 5px 0;
margin: 20px 5px 0;
opacity: 0.7;
transition: .5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform-style: preserve-3d;
}
.home_cert.slick-center, .home_cert.active {
-height: 480px;
-margin-top: 0;
opacity: 1;
transition: .5s;
transition-delay: .5s;
}
.home_cert img {
height: 100%;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.home_blog {
border-bottom: 1px solid #7e7e7e;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.home_blog_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.home_blog_left {
border-right: 1px solid #7e7e7e;
}
.home_blog_info {
padding: 40px 0 60px;
height: calc(100% - 100px);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.home_blog_text {
width: 75%;
margin-bottom: 20px;
}
.home_blog_items {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 0 0 0 40px;
}
.home_blog_item {
width: calc(100% - 40px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 40px 0;
}
.home_blog_item:first-child {
border-bottom: 1px solid #7e7e7e;
}
.home_blog_item:last-child {
padding-bottom: 60px;
}
.hblog_item_img {
width: 300px;
}
.hblog_item_info {
width: 445px;
margin-left: 30px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.hblog_item_arr {
width: calc(100% - 785px);
text-align: right;
}
.hblog_item_title {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #282828;
line-height: 110%;
}
.hblog_item_intro {
color: #707070;
}
.hblog_item_date {
color: #707070;
margin-bottom: 20px;
}
/*---------------------home page---------------------*/
/*---------------------about---------------------*/
.about_pagetitle .pagetitle {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
}
.about_title_img1 {
height: 96px;
width: 242px;
margin-left: -18px;
margin-top: -20px;
}
.about_title_img2 {
height: 96px;
width: 242px;
margin-left: -10px;
margin-top: -20px;
}
.about_title_img3 {
height: 96px;
width: 242px;
display: none;
}
.about_title_img1 img, .about_title_img2 img, .about_title_img3 img {
-height: 100%;
width: 100%;
}
.about_subtext {
width: 100%;
margin-top: 40px;
}
.about_subtext {
width: 350px;
margin-top: 5px;
float: right;
}
.about_subtext.lang_en {
margin-top: -105px;
}
.about_subtext_text {
margin-bottom: 20px;
}
.about_subtext_text p {
font-weight: 400;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #282828;
margin-bottom: 0;
}
.about_numbers {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
margin-top: 80px;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.about_numbers_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
}
.about_numbers_item_top, .about_numbers_item_bt {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
width: calc(50% - 37px);
}
.about_numbers_item {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width: calc(50% - 37px);
padding-top: 40px;
}
.about_numbers_line {
width: 1px;
height: 176px;
border-right: 1px solid #7e7e7e;
margin: 20px 35px;
}
.about_numbers_num {
font-family: var(--second-family);
font-weight: 700;
font-size: 120px;
line-height: 100px;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
width: 100%;
}
.about_numbers_text {
-margin-top: 15px;
width: 99%;
}
.about_video {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
margin: 30px 0;
}
.about_video_body {
max-height: 680px;
}
.about_video_body img {
height: 100%;
}
.history {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.history_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.history_left {
border-right: 1px solid #7e7e7e;
width: 758px;
margin-left: calc(50% - 760px);
}
.history_left .section_title {
margin-top: 30px;
}
.history_item {
padding: 40px 40px 60px;
border-bottom: 1px solid #7e7e7e;
}
.history_item:last-child {
border: none;
}
.history_item_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
margin-bottom: 40px;
max-width: 600px;
}
.history_item_body {
width: 600px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
}
.history_item_num {
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #707070;
}
.history_item_text {
width: 500px;
}
.about_midtext {
display: inline-block;
width: 100%;
margin: 40px auto;
}
.about_midtext_wrap p {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
margin-bottom: 0;
}
.about_certs {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.about_certs_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about_certs_left {
border-right: 1px solid #7e7e7e;
width: 758px;
margin-left: calc(50% - 760px);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.about_certs_left .section_title {
margin-top: 40px;
}
.about_certs_text {
width: 500px;
margin-bottom: 40px;
}
.about_certs_car {
margin-left: 30px;
margin-bottom: 40px;
}
.about_cert {
height: 300px;
-width: 216px;
width: auto;
margin-right: 20px;
}
.about_cert img {
height: 100%;
width: auto;
}
/*---------------------about---------------------*/
/*---------------------buyers---------------------*/
.buyers {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 100px;
}
.buyers_item_head {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
height: 65px;
border-bottom: 1px solid #7e7e7e;
}
.buyers_item_head span {
margin-left: calc(50% - 760px);
}
.buyers_item_head.accordion:after {
margin-right: calc(50% - 760px);
}
.buyers_item_body_content p {
max-width: 1520px;
margin-left: auto;
margin-right: auto;
}
.buyers_item_body_content a {
color: #3984c6;
}
.buyers_item_body_content {
margin-top: 40px;
margin-bottom: 80px;
}
.buyers .table_wrap {
display: flex;
flex-wrap: wrap;
align-content: center;
margin-left: 40%;
padding-right: calc(50% - 760px);
margin-bottom: 80px;
}
.buyers .table_line {
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: space-between;
height: 50px;
border-bottom: 1px solid #7e7e7e;
}
.buyers .table_line_left {
width: 80%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.buyers .table_item_left {
width: 60%;
}
.buyers .table_item_left p {
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #707070;
text-align: left;
margin-bottom: 0;
}
.buyers .table_item_center {
width: 40%;
}
.buyers .table_item_center p {
text-align: left;
margin-bottom: 0;
}
.buyers .table_line_right {
width: 20%;
}
.buyers .table_item_right p {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
text-align: right;
margin-bottom: 0;
}
.buyers .text_wrap {
margin-left: 45%;
width: 740px;
max-height: 300px;
overflow-y: scroll;
padding-right: 40px;
margin-top: 25px;
margin-bottom: 40px;
}
.buyers .text_wrap p {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #7e7e7e;
margin-bottom: 20px;
}
/*---------------------buyers---------------------*/
/*---------------------manufacturers---------------------*/
.manufacturers_pagetitle .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.manufacturers_subtext {
width: 445px;
margin-bottom: 23px;
}
.manufacturers {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 100px;
margin-bottom: 40px;
}
.manufacturers_item {
border-bottom: 1px solid #7e7e7e;
cursor: pointer;
}
.manufacturers_item:first-child {
border-top: 1px solid #7e7e7e;
}
.manufacturers_item_body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 90px;
align-content: center;
}
.manufacturers_item_name, .manufacturers_item_name a {
font-family: var(--second-family);
font-weight: 700;
font-size: 60px;
line-height: 90%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
margin-top: 12px;
}
.manufacturers_item_info {
width: 550px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.manufacturers_item_country {
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #707070;
}
.manufacturers_item_cert {
width: 0;
position: absolute;
left: calc(50% - 100px);
-display: none;
transition: .3s;
}
.manufacturers_item_cert.active {
display: block;
transition: 1s;
width: 200px;
}
.man_description ul {
list-style: disc;
margin-bottom: 10px;
padding-inline-start: 40px;
}
.man_description li {
display: list-item;
line-height: normal;
}
.man_description li::marker {
margin-top: -2px;
}
/*---------------------manufacturers---------------------*/
/*---------------------blog---------------------*/
.blog {
border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
margin: 40px 0 40px;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.blog_line {
width: 100%;
border-bottom: 1px solid #7e7e7e;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog_line:last-child {
border-bottom: none;
}
.blog_line_left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-right: 1px solid #7e7e7e;
width: calc(50% - 2px);
}
.blog_line_right {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog_line_right .blog_item {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
width: calc(50% - 20px);
display: block;
}
.blog_line_right .blog_item_big {
padding-top: 20px;
padding-left: 20px;
width: calc(100% - 20px);
display: block;
}
.blog_line_left .blog_item {
padding-top: 20px;
padding-right: 20px;
padding-left: 0%;
width: calc(50% - 20px);
}
.blog_line_left .blog_item_big {
padding-top: 20px;
padding-right: 20px;
padding-left: 0%;
width: calc(100% - 20px);
}
.blog_item:last-child {
padding-bottom: 20px;
}
.blog_img {
height: 240px;
width: 100%;
-filter: saturate(0.2);
}
.blog_img img {
height: 100%;
}
.blog_item:hover .blog_img {
-filter: saturate(0.8);
}
.blog_item_big .blog_img {
height: 500px;
width: 100%;
}
.blog_date {
color: #707070;
margin-top: 20px;
}
.blog_title {
font-weight: 500;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #282828;
margin-top: 20px;
}
.blog_item_big .blog_title {
font-weight: 500;
font-size: 16px;
line-height: 110%;
text-transform: uppercase;
color: #282828;
}
.home_blog_intro {
color: #707070;
margin-top: 20px;
}
.article_pagetitle h1 {
font-size: 100px;
margin-bottom: 0;
max-width: 980px;
margin: 0 auto;
}
.article_subtitle {
display: flex;
flex-wrap: wrap;
max-width: 960px;
margin: 16px auto 20px;
}
.article_date {
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #707070;
margin-bottom: 15px;
}
.article_page p {
-max-width: 700px;
}
.article {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
border-bottom: 1px solid #7e7e7e;
padding-bottom: 100px;
}
.article_main_img {
width: 100%;
-height: 680px;
-height: 430px;
height: 637px;
-margin-bottom: 20px;
max-width: 960px;
margin: 0 auto 20px;
}
.article_main_img img {
height: 100%;
width: auto;
}
.article_body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 960px;
margin: 0 auto;
}
.article_content {
width: 100%;
}
.article_content a {
color: #3984c6;
}
.article_content, .article_content p, .article_content span, .article_content font {
font-family: var(--font-family) !important;
font-size: 14px !important;
}
.article_dop {
-margin-top: 60px;
margin-top: 20px;
}
/*.article_dop, .article_dop1, .article_dop2 {
margin-top: 60px;
}
.article_side_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
}*/
.article_content h3 {
margin: 0 0 40px;
}
.article_content img {
max-width: 100%;
margin: 10px 0;
}
/*.article_dop2 img {
max-width: 49%;
}*/
.article_sim {
-border-top: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
-margin: 90px 0 0;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 30px 0;
}
.article_sim_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 40px;
}
.article_sim_wrap .blog_item {
width: calc((100% - 60px)/4);
margin-left: 20px;
}
.article_sim_wrap .blog_item:first-child {
margin-left: 0;
}
/*---------------------blog---------------------*/
/*---------------------contacts---------------------*/
.contacts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
}
.contacts_soc_block {
display: flex;
flex-wrap: wrap;
align-content: space-between;
height: 100%;
justify-content: space-between;
max-width: 400px;
}
.contacts_soc_top {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.num_247 {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
}
.text_247 {
width: 320px;
margin-left: 40px;
}
.contacts_soc_btn {
margin-right: 10px;
}
.contacts_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
}
.contacts_col_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 20px;
}
.contacts_col {
width: 30%;
}
.phone_link {
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
.contacts_col_phone {
margin-left: 80px;
}
.contacts_mail_line {
margin-bottom: 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.contacts_mail_line:last-child {
margin-bottom: 0;
}
.contacts_mail_line span {
text-transform: uppercase;
width: 100%;
margin-bottom: 5px;
}
.mail_link {
color: #707070;
width: 100%;
}
.contacts_map {
filter: grayscale(.1) saturate(.7);
}
/*---------------------contacts---------------------*/
/*---------------------404, success---------------------*/
.page_wrap_404, .success_page_wrap {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 120px;
margin-bottom: 160px;
text-align: center;
}
.pagetitle_sub_404 {
margin: 40px auto;
max-width: 500px;
}
.success_pagetitle_sub {
margin: 40px auto;
max-width: 480px;
}
.pagetitle_sub_404 p, .success_pagetitle_sub p {
text-align: center;
}
.success_pagetitle_sub p:last-child {
margin-top: 20px;
}
.btn_404, .btn_success {
margin: 0 auto;
}
/*---------------------404, success---------------------*/
/*---------------------catalog---------------------*/
.catalog {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-bottom: 20px;
margin-top: 30px;
}
.catalog_top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.catalog_filters {
width: 80%;
display: flex;
flex-wrap: wrap;
}
.catalog_filters_wrap {
display: flex;
flex-wrap: wrap;
}
.catalog_filter {
margin-right: 80px;
}
.catalog_filter_btn {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
cursor: pointer;
display: flex;
}
.catalog_filter_btn.active {
color: #d33d00;
}
.catalog_filter_btn:after {
content: '';
width: 15px;
height: 8px;
display: block;
background-image: url('data:image/svg+xml,');
margin-top: 3px;
margin-left: 10px;
}
.reset_filters {
font-weight: 300;
font-size: 14px;
line-height: 100%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #707070;
width: auto;
height: auto;
text-transform: none;
border: none;
outline: none;
}
.reset_filters.active {
color: #d33d00;
}
.catalog_sort_btn {
font-weight: 500;
font-size: 14px;
line-height: 100%;
cursor: pointer;
text-transform: uppercase;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 8px) !important;
background-position-y: center !important;
background-image: url('data:image/svg+xml,');
width: 130px;
}
.catalog_filters_mob {
font-weight: 500;
font-size: 14px;
line-height: 100%;
cursor: pointer;
text-transform: uppercase;
}
.catalog_filters_mob:before {
content: '';
display: block;
width: 16px;
height: 16px;
margin-right: 5px;
background: url('data:image/svg+xml,');
}
.sort_list {
position: absolute;
z-index: 9;
padding: 20px;
margin-top: 20px;
width: 100%;
max-width: 240px;
background: #cecece;
-box-shadow: 0 0 0 0.5px #7e7e7e;
border: 1px solid #7e7e7e;
display: none;
right: calc(50% - 760px);
}
.sort_list_item {
text-decoration: none;
width: 100%;
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 15px;
}
.sort_list_item:last-child {
margin-bottom: 0;
}
.sort_list_item.selected {
color: #707070;
pointer-events: none;
}
.sort_list_item:hover {
color: #707070;
}
.sort_list_item label {
cursor: pointer;
}
.sort_list input[type="radio"] {
display: none;
}
.sort_list input[type="radio"]:checked + label {
color: #707070;
}
.filter_list {
position: absolute;
z-index: 9;
padding: 30px;
margin-top: 21px;
width: 100%;
max-width: 450px;
background: #cecece;
-box-shadow: 0 0 0 0.5px #7e7e7e;
border: 1px solid #7e7e7e;
border-top: none;
display: none;
}
.filter_filter_list {
max-width: 1000px;
transition: .5s;
box-sizing: border-box;
}
.filter_list input[type="checkbox"] {
display: none;
}
.filter_list input[type="checkbox"]:checked + label {
color: #d33d00;
}
.filter_list li:last-child {
margin-bottom: 0;
}
.filter_bt_line {
margin-bottom: 0;
}
.filter-list {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
max-height: 460px;
}
.filter-list li {
width: calc((100% - 60px)/4);
margin-bottom: 10px;
}
.filter-list label {
font-weight: 400;
font-size: 13px;
line-height: 120%;
text-transform: uppercase;
color: #707070;
cursor: pointer;
width: 100%;
}
.filter-list li:hover label {
color: #282828;
}
.caregory_filter_list {
-max-width: 1460px;
max-width: 960px;
left: calc(50% - 760px);
box-sizing: border-box;
}
.category-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
align-items: flex-start;
}
.top_cat_wrap {
-width: calc((100% - 200px)/5);
width: calc((100% - 60px) / 3);
flex-wrap: wrap;
margin-bottom: 40px;
flex-wrap: wrap;
}
.top_cat {
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: uppercase;
color: #282828;
margin-bottom: 20px;
cursor: pointer;
}
.top_cat:hover {
color: #707070;
}
.sub_cat {
font-weight: 400;
font-size: 13px;
line-height: 150%;
text-transform: uppercase;
color: #707070;
cursor: pointer;
width: 100%;
}
.sub_cat:hover {
color: #282828;
}
.sub_cat_wrap {
margin-bottom: 10px;
}
.filter_manufacturer_list {
max-width: 640px;
}
.manufacturer-list {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.manufacturer-list li {
width: 100%;
margin-bottom: 10px;
width: calc((100% - 30px) / 3);
padding-right: 10px;
}
.manufacturer-list label {
font-weight: 400;
font-size: 13px;
line-height: 120%;
text-transform: uppercase;
color: #707070;
cursor: pointer;
width: 100%;
}
.manufacturer-list li:hover label {
color: #282828;
}
.tag-cloud {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tag-cloud li {
width: calc(50% - 15px);
margin-bottom: 10px;
}
.tag-cloud label {
font-weight: 400;
font-size: 13px;
line-height: 120%;
text-transform: uppercase;
color: #707070;
cursor: pointer;
width: 100%;
}
.tag-cloud li:hover label {
color: #282828;
}
.catalog_wrap {
display: flex;
flex-wrap: wrap;
-justify-content: space-between;
-box-shadow: 0 0 0 0.5px #7e7e7e;
border-top: 1px solid #7e7e7e;
-border-left: 1px solid #7e7e7e;
box-sizing: border-box;
}
.catalog_wrap p {
margin: 40px 0;
}
.catalog_wrap .prod_item {
border: none;
-box-shadow: 0 0 0 0.5px #7e7e7e;
border-bottom: 1px solid #7e7e7e;
border-left: 1px solid #7e7e7e;
box-shadow: none;
}
.catalog_wrap .prod_item:last-child {
border-right: 1px solid #7e7e7e;
width: calc(25% + 1px);
}
.catalog_wrap .prod_item:nth-child(4n) {
border-right: 1px solid #7e7e7e;
width: 25%;
}
.catalog_btn_block {
margin-top: 40px;
}
#load-more {
touch-action: manipulation;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
}
.pagination {
margin-top: 20px;
text-align: right;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
}
.pagination>span {
margin: 0 5px;
}
.page_link {
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
color: #282828;
margin: 0 5px;
}
.page_link.active {
color: #d33d00;
pointer-events: none;
}
.page_link_item {
touch-action: manipulation;
}
.page_link:hover {
color: #d33d00;
}
.pagination label {
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.pagination input[type="radio"] {
display: none;
}
.pagination input[type="radio"]:checked + label {
color: #d33d00;
cursor: auto;
}
.next_link {
margin-left: 15px;
}
.prev_link {
margin-right: 15px;
}
.prev_link.disable, .next_link.disable {
pointer-events: none;
opacity: 0.5;
}
.not_instock img {
filter: grayscale(1);
}
.not_instock .topsearch_cart {
display: none;
}
/*---------------------catalog---------------------*/
/*---------------------product---------------------*/
.product_page .breadcrumbs {
margin-bottom: 0;
}
.prod_wrap, .prod_wrap.full_scr {
display: flex !important;
flex-wrap: wrap;
border-bottom: 1px solid #7e7e7e;
}
.prod_left a, .prod_wrap .tab-content a {
-color: #d33d00;
color: #3984c6;
}
.prod_wrap .tab-content a:focus, .prod_left a:focus,
.prod_wrap .tab-content a:hover, .prod_left a:hover {
-color: #d33d00;
color: #3984c6;
}
.prod_left {
border-right: 1px solid #7e7e7e;
width: calc((100% - 733px)/2);
}
.prod_left_info {
width: 374px;
margin-right: 20px;
margin-top: 50px;
margin-bottom: 60px;
margin-left: auto;
}
.prod_intro p {
margin-bottom: 10px;
}
.prod_pagetitle_wrap {
margin-bottom: 25px;
width: 99%;
}
.prod_right .prod_pagetitle_wrap {
display: none;
}
h1.prod_pagetitle, .h1.prod_pagetitle {
font-family: var(--font-family);
font-weight: 500;
font-size: 30px;
line-height: 105%;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #282828;
}
.prodinfo_items {
margin-bottom: 40px;
}
.prodinfo_item {
border-top: 1px solid #7e7e7e;
}
.prodinfo_item:last-child {
border-bottom: 1px solid #7e7e7e;
}
.prodinfo_item_head {
width: 374px;
margin-right: 20px;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
padding: 20px 0;
margin-left: auto;
}
.prodinfo_item_head:after {
background: url('data:image/svg+xml,');
width: 15px;
height: 9px;
}
.prodinfo_item_head.ac_active:after {
background: url('data:image/svg+xml,');
}
.prodinfo_item_body {
width: 374px;
margin-right: 20px;
margin-left: auto;
font-weight: 400;
font-size: 14px;
-line-height: 120%;
line-height: normal;
color: #707070;
}
.prodinfo_item_body_content {
padding-bottom: 10px;
max-height: 370px;
overflow-y: auto;
}
.prodinfo_item_body p, .prodinfo_item_body span, .prodinfo_item_body_content, .prod_intro, .prod_intro p, .prod_intro span {
font-weight: 400 !important;
font-size: 14px !important;
-line-height: 120%;
line-height: normal;
color: #707070 !important;
font-family: var(--font-family) !important;
}
.prod_wrap ul {
list-style: circle;
padding: 0 10px;
}
.prod_wrap ol {
list-style: none;
counter-reset: my-counter;
padding: 0 10px;
}
.prod_wrap li {
width: 100%;
flex-wrap: wrap;
-justify-content: space-between;
line-height: normal;
}
.prod_wrap ol li {
counter-increment: my-counter;
}
.prod_wrap li p, .prod_wrap li font, .prod_wrap li span {
width: calc(100% - 15px);
line-height: normal;
margin-bottom: 0;
}
.prod_left_info li {
justify-content: flex-start;
line-height: normal;
margin-bottom: 5px;
}
.prodinfo_item_body_content li {
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 7px;
line-height: normal;
}
.prod_wrap ul li:before {
content: '';
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #707070;
background-size: cover;
margin-right: 7px;
margin-top: 5px;
}
.prod_wrap ol li:before {
content: counter(my-counter) ".";
display: block;
width: 5px;
height: 5px;
margin-right: 10px;
}
.prod_right {
border-left: 1px solid #7e7e7e;
width: calc((100% - 733px)/2);
}
.prod_right_info {
width: 374px;
margin-left: 20px;
margin-top: 30px;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 35px;
}
.prod_sku_block {
max-width: 70%;
}
.prod_sku {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #707070;
margin-bottom: 10px;
}
.prod_manufacturer {
font-weight: 500;
font-size: 14px;
-line-height: 120%;
line-height: normal;
text-transform: uppercase;
color: #707070;
}
.copy-toast {
position: fixed;
-bottom: 20px;
-left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
z-index: 9999;
animation: fadeInOut 2s ease-in-out;
pointer-events: none;
}
.prod_price {
font-weight: 600;
font-size: 25px;
line-height: 110%;
text-transform: uppercase;
color: #282828;
margin-bottom: 2px;
text-align: right;
transition: all 0.3s ease;
}
.prod_price_old {
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
text-decoration: line-through;
color: #707070;
text-align: right;
}
.price-updated {
animation: pricePulse 0.5s;
}
.prod_tags {
margin-left: 20px;
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
width: 374px;
}
.prod_tag {
border: 1px solid #7e7e7e;
border-radius: 5px;
padding: 10px;
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #707070;
margin-right: 5px;
margin-bottom: 5px;
}
.prod_options {
margin-left: 20px;
margin-bottom: 30px;
width: 374px;
display: flex;
flex-wrap: wrap;
}
.prod_option_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.prod_option {
display: flex;
align-items: center;
cursor: pointer;
margin-right: calc((100% - 355px)/4);
margin-bottom: calc((100% - 355px)/4);
}
.prod_option:nth-child(5n) {
margin-right: 0;
}
.prod_option input[type="radio"], .prod_option input[type="checkbox"] {
display: none;
}
.option_item {
border: 1px solid #7e7e7e;
width: 68px;
height: 68px;
background: #ddd;
position: relative;
transition: background-color 0.3s, border-color 0.3s;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.option_item img {
width: max-content;
height: max-content;
max-width: 100%;
}
.option_value_name {
position: absolute;
border: 1px solid #7e7e7e;
border-radius: 5px;
padding: 5px 10px;
z-index: 9;
background: #dddddd;
margin-top: -30px;
margin-left: 40px;
max-width: 360px;
}
.prod_options_mob .option_value_name {
display: none;
}
.prod_option input[type="radio"]:checked + .option_item, .prod_option input[type="checkbox"]:checked + .option_item {
border: 2px solid #d33d00;
}
.prod_btn_block {
margin-left: 20px;
width: 374px;
}
.btn_cart {
width: calc(100% - 5px);
margin-bottom: 10px;
}
.btn_cart_one {
width: calc(100% - 5px);
}
.btn_not_instock {
width: calc(100% - 5px);
pointer-events: none;
cursor: auto;
}
.btn_not_instock:hover {
background: none;
}
.prod_center {
width: 730px;
}
.prod_center .tab-content img {
max-width: 100%;
}
.prod_gal_for {
width: 690px;
height: 550px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #7e7e7e;
border-left: 1px solid #7e7e7e;
border-right: 1px solid #7e7e7e;
background: #cecece;
}
.prod_gal_for .prod_gal_img {
height: 550px;
display: flex !important;
}
.prod_gal_for .prod_gal_img img {
width: 500px;
}
.prod_gal_nav {
width: 690px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
.prod_gal_nav .prod_gal_img {
height: 80px;
display: flex !important;
border: 1px solid #7e7e7e;
background: #cecece;
margin-right: 10px;
cursor: pointer;
}
.prod_gal_nav .prod_gal_img img {
width: 80px;
}
.prod_gal_nav .video_block {
width: 80px;
}
.prod_gal_nav iframe {
width: 80px;
object-fit: contain;
object-position: center center;
border-radius: 0;
pointer-events: none;
}
.prod_gal_for .video_block {
height: 550px;
display: flex !important;
}
.prod_gal_for iframe, .prod_gal_mob iframe {
width: 100%;
height: 100%;
}
.img_video img {
width: auto;
height: 80px;
object-fit: cover;
}
.img_video.type_youtube:after {
content: '';
width: 40px;
height: 30px;
background: url("/image/yt_play.png");
background-size: cover;
position: absolute;
}
.img_video.type_rutube:after {
content: '';
width: 40px;
height: 30px;
background: url("/image/rt_play.png");
background-size: cover;
position: absolute;
}
.video_block:has(.tiktok) {
border-bottom: 1px solid #777777;
}
iframe.insta {
height: calc(100% - 2px);
min-width: unset !important;
background: #dddddd !important;
margin: 0 !important;
border: none !important;
width: auto;
}
.prod_dealer {
border: 1px solid #7e7e7e;
border-radius: 5px;
padding: 12px 0 9px;
width: 220px;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
position: absolute;
z-index: 1;
margin-left: 40px;
margin-top: -150px;
-background: #ddd;
-background: #ffffff00;
background: rgb(0 0 0 / 30%);
backdrop-filter: blur(5px) brightness(1.1);
box-shadow: 0px 0px 8px 0px rgb(206 206 206);
}
.prod_share {
position: absolute;
margin-left: 40px;
margin-top: 20px;
z-index: 9;
}
.prod_like {
position: absolute;
margin-left: 650px;
margin-top: 20px;
z-index: 9;
width: auto;
border: none;
height: 30px;
}
.wish svg {
fill: #282828;
}
.prod_tabs {
margin-bottom: 30px;
margin-top: 40px;
border-top: 1px solid #7e7e7e;
}
.prod_tabs .tab_navs {
display: flex;
flex-wrap: wrap;
-justify-content: space-evenly;
width: calc(100% - 40px);
margin: 0 auto;
}
.prod_tabs .tab_navs > input[type="radio"] {
display: none;
}
.prod_tabs .tab-content {
display: none;
width: calc(100% - 40px);
padding: 20px 20px 0;
border-top: 1px solid #7e7e7e;
}
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8,
#tab-btn-9:checked~#content-9,
#tab-btn-10:checked~#content-10
#tab-btn-11:checked~#content-11 {
display: inline-block;
}
.tab-content.active {
display: inline-block;
}
.prod_tabs .tab_navs > label {
cursor: pointer;
transition: color .15s ease-in-out, border-color .15s ease-in-out;
padding: 20px 0;
font-weight: 400;
font-size: 14px;
line-height: 110%;
text-transform: uppercase;
color: #707070;
margin-right: 14px;
}
.prod_tabs .tab_navs label:last-child {
margin-right: 0;
}
.prod_tabs .tab_navs > label:hover {
color: #d33d00;
}
.prod_tabs .tab_navs label.active {
cursor: default;
color: #d33d00;
border-bottom: 1px solid #d33d00;
}
.prod_tabs .tab_navs > input[type="radio"]:checked + label {
cursor: default;
color: #d33d00;
border-bottom: 1px solid #d33d00;
}
.prod_tabs p, .prod_tabs span, .prod_tabs li {
font-weight: 400;
font-size: 14px !important;
-line-height: 120%;
line-height: normal;
-color: #707070;
color: #282828;
margin-bottom: 10px;
}
.prod_tabs p {
margin-bottom: 10px;
}
.prod_tabs, .prod_tabs p, .prod_tabs span, .prod_tabs li, .prod_tabs h1, .prod_tabs h2, .prod_tabs h3, .prod_tabs h4, .prod_tabs h5, .prod_tabs h6, .prod_tabs font {
font-family: var(--font-family) !important;
line-height: normal;
}
.table_wrap {
overflow-x: auto;
}
.prod_tabs table {
border: 1px solid #707070;
}
.prod_tabs td {
border: 1px solid #707070;
padding: 10px;
}
.feat_products {
margin-bottom: 80px;
margin-top: 40px;
}
.recent_products {
margin-bottom: 10px;
}
.feat_products_wrap {
width: 100%;
display: inline-block;
border-right: 1px solid #7e7e7e;
}
.feat_products_wrap .slick-track {
display: flex;
justify-content: flex-start;
margin: 0;
}
.feat_products_car .prod_item, .recent_products_car .prod_item {
border: 1px solid #7e7e7e;
box-shadow: none;
border-right: none;
}
.feat_products_wrap.recent_products_line {
border-right: none;
display: flex;
}
.feat_products_wrap.recent_products_line .prod_item {
border: 1px solid #7e7e7e;
box-shadow: none;
border-right: none;
}
.feat_products_wrap.recent_products_line .prod_item:last-child {
border-right: 1px solid #7e7e7e;
}
.btn_arrive {
width: calc(100% - 5px);
height: 54px;
margin-top: 10px;
}
.popup-arrive {
width: calc(100% - 40px);
max-width: 400px;
padding: 20px;
background: #ddd;
top: 25%;
position: fixed !important;
display: none;
opacity: 0;
z-index: 999;
left: calc(50% - 200px);
height: auto !important;
}
.popup-arrive form {
width: auto !important;
}
.popup-arrive.active {
display: block;
}
.popup-arrive.visible {
opacity: 1;
}
.arrive_popup_form_wrap {
padding: 0 !important;
}
.arrive_popup_top_block {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.arrive_popup_title {
font-size: 24px;
margin-bottom: 20px;
}
.arrive_popup_text {
font-style: italic;
}
.prod_action_block {
background: #cecece;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding: 20px 0;
}
.prod_action_block.sticky {
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
animation: slideUp 0.3s ease-out;
}
/*---------------------product---------------------*/
/*---------------------cart, checkout, order-------------------*/
.fixed-notification {
position: fixed;
top: 130px;
-margin-top: -430px;
right: 0;
z-index: 9999;
min-width: 300px;
opacity: 0;
transition: opacity 0.7s ease-in-out;
padding: 22.5px;
border-radius: 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.fixed-notification.show {
opacity: 1;
}
.notification-content {
display: flex;
align-items: center;
gap: 10px;
}
.notification-content i {
font-size: 24px;
}
.notification-message a {
color: #d33d00;
}
.alert-success {
-background: #d4edda;
-color: #155724;
-border-color: #c3e6cb;
background: #282828;
color: #cecece;
}
.header_checkout, .footer_checkout {
height: .1px;
border: none;
}
#quickcheckoutconfirm {
display: flex;
flex-wrap: wrap;
justify-content: center;
min-height: 100vh;
}
#quickcheckoutconfirm .breadcrumbs_list {
margin: 40px 0;
}
.checkout_left {
width: 720px;
padding: 40px 80px 40px 0;
border-right: 1px solid #7e7e7e;
min-height: 100vh;
}
.checkout_right {
width: 590px;
padding: 40px 0 40px 50px;
-opacity: 0;
}
.check_buyers_type {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.check_btn_wrap input[type=radio] {
display: none;
}
.check_btn_wrap {
width: calc(50% - 6px);
}
.buyers_type_btn {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #282828;
text-transform: uppercase;
border: 1px solid #282828;
height: 50px;
}
.buyers_type_btn:hover {
background: #282828;
color: #fff;
}
.check_btn_wrap input[type=radio]:checked + .buyers_type_btn {
background: #282828;
color: #fff;
}
.quickcheckout-heading {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
margin-bottom: 30px;
}
#payment-address, #shipping-method, #shipping-address, #payment-method {
margin-top: 60px;
}
.ur_wrap #payment-address {
margin-top: 20px;
}
.chekout_fields_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.checkout_col1, .checkout_col2 {
width: calc(50% - 5px);
margin-bottom: 10px;
}
.checkout_col1:first-child, .address_field {
width: 100%;
}
.chekout_fields_block input[type="text"] {
border: 1px solid #7e7e7e;
background: none;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #7e7e7e;
outline: none;
padding: 15px 20px;
width: calc(100% - 40px);
}
.check_terms {
padding-top: 20px;
border-top: 1px solid #7e7e7e;
margin-top: 30px;
}
.check_terms a {
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: #707070;
}
.check_terms a:first-child {
margin-right: 60px;
}
.check_btn_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-top: 10px;
}
.check_btn_block button {
width: calc(50% - 5px);
}
.check_btn_block .fa-spin {
position: absolute;
opacity: 0;
}
.agree_check_wrap {
margin-top: 60px;
}
.agree_check_wrap label {
width: 100%;
margin-bottom: 10px;
}
.check_cart_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
padding-bottom: 20px;
border-bottom: 1px solid #7e7e7e;
}
.payment_method_item {
margin-bottom: 20px;
width: 100%;
}
.shipping_method_item {
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #7e7e7e;
}
.shipping_method_item label:last-child {
text-transform: uppercase;
}
.chekout_fields_block select {
cursor: pounter;
padding: 15px 20px;
width: 100%;
color: #282828;
font-weight: 400;
font-size: 14px;
background: none;
border: 1px solid #7e7e7e !important;
height: 50px;
}
.checkcart_total {
margin-top: 120px;
}
.checkcart_subtotal_item {
display: flex;
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
justify-content: space-between;
margin-bottom: 15px;
}
.checkcart_total_item {
padding-top: 30px;
border-top: 1px solid #7e7e7e;
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #282828;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.topcart_list.cart__list {
max-height: 800px;
width: calc(100% + 10px);
-padding-right: 0;
margin-bottom: 0;
-border-top: 1px solid #7e7e7e;
}
.paycard_line {
margin: 20px 0 5px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.paycard_line img {
max-height: 32px;
width: auto;
height: fit-content;
}
.order_discount_text {
margin: 20px 0;
}
.order_discount_text p {
font-weight: 400;
font-size: 16px;
color: #707070;
}
.order_currency_text p {
font-weight: 400;
font-size: 16px;
color: #707070;
}
.ur_wrap #payment-method {
display: none;
}
.ur_wrap #button-payment-method {
width: 100%;
}
.ur_wrap .checkout_col1 {
width: 100%;
order: 2;
}
.checkout_col1.ur_group {
order: 1;
}
#input-req-file {
display: none;
}
.req_wrap {
border: 1px solid #7e7e7e;
background: none;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #7e7e7e;
outline: none;
padding: 15px 20px;
width: calc(100% - 40px);
display: flex;
justify-content: space-between;
align-items: center;
}
.chekout_fields_block #input-payment-company {
padding: 0;
border: none;
}
.req_file {
cursor: pointer;
}
#req-upload-status span {
margin-left: 10px;
display: inline-block;
}
.popup-one-click .topcart_total {
margin: 10px 0 40px;
}
#one_click_data {
width: 100%;
}
#terms_one_click {
margin-top: 20px;
}
.popup-one-click.popup .topcart_list {
height: 210px;
width: 100%;
}
#one_full_wrap {
overflow: hidden;
height: 100%;
}
.one_full_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
align-content: space-between;
height: calc(100% - 100px);
overflow-y: auto;
}
.one_top_wrap {
width: calc(100% - 20px);
}
.one_bt_wrap {
width: calc(100% - 40px);
}
.one_btn_block button {
width: 100%;
}
.order_currency_text {
margin-top: 20px;
}
#hutkigrosh-completion-tabs {
-display: inline-block;
margin-top: 60px;
cursor: default;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#hutkigrosh-completion-tabs:after {
display: none;
}
#hutkigrosh-completion-tabs .accordion-item {
margin-bottom: 60px;
}
#hutkigrosh-completion-tabs .accordion-item button {
border: none;
padding: 0;
justify-content: flex-start;
font-weight: 700;
width: auto;
height: auto;
margin-bottom: 10px;
cursor: default;
}
#collapseinstructions li {
margin: 5px 0;
}
#collapseinstructions li strong {
margin-left: 5px;
}
#collapseqrcode div {
text-align: left;
margin-bottom: 5px;
}
#test2 a {
margin: 0 auto;
}
#test2 a:hover {
background: #282828;
color: #cecece;
}
.reload_checkout {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
align-items: center;
}
/*---------------------cart, checkout, order-------------------*/