@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,500&display=swap");
@charset "UTF-8";
@font-face {
font-family:'Navigo';
src:url('../fonts/Navigo-Bold.woff2') format('woff2'),url('../fonts/Navigo-Bold.woff') format('woff');
font-weight:700;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'Navigo';
src:url('../fonts/Navigo-Regular.woff2') format('woff2'),url('../fonts/Navigo-Regular.woff') format('woff');
font-weight:400;
font-style:normal;
font-display:swap;
}
:root {
--font-family: "Roboto", sans-serif;
--second-family: "Inter", sans-serif;
--third-family: "Navigo", sans-serif;
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
max-width: 100%;
overflow-x: hidden;
height: 100%;
box-sizing: border-box;
background: #000;
}
body {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 160%;
color: #000;
background-color: transparent;
margin: 0;
font-optical-sizing: auto;
height: auto;
overflow-x: hidden;
}
a {
-color: #000;
color: #ff5000;
border: none;
text-decoration: none;
}
a:focus, a:hover {
color: #e24d03;
text-decoration: none;
}
p {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 160%;
color: #000;
margin: 5px 0;
}
ul {
-padding: 0;
-list-style: none;
}
li {
display: flex;
line-height: 110%;
}
ol li, ul li {
display: list-item;
line-height: 160%;
}
.strong {
font-weight: 600;
}
.italic {
font-style: italic;
}
.normal {
font-style: normal;
}
span.orange {
color: #ff5000 !important;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0;
font-weight: 400;
font-family: var(--font-family);
}
.hide {
display: none !important;
}
.show {
display: block !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;
}
.video_block video, .video_block img {
object-fit: cover;
object-position: center center;
border-radius: 0;
width: 100%;
}
.text_block {
overflow: hidden;
}
.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: cover;
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;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: #ececec;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #000000;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #1c1c1c;
}
.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"],
input[type="number"],
textarea,
select,
.input {
font-family: var(--font-family);
text-transform: none;
line-height: normal;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"] {
background: #f5f5f5;
border: 0.80px solid #414040;
border-radius: 15px;
padding: 0 30px;
height: 53px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus,
.input:focus {
outline: none;
}
.fake-input input {
box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
transition: background-color 0s 600000s, color 0s 600000s !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.slick-track {
margin: 0;
}
main {
margin-top: 100px;
}
.header_container {
max-width: 1520px;
margin-right: auto;
margin-left: auto;
width: 100%;
display: block;
height: 100%;
position: relative;
}
.container {
max-width: 1680px;
margin-right: auto;
margin-left: auto;
width: 100%;
display: block;
padding: 0;
}
.row {
padding: 60px 200px 140px;
margin: 0;
width: 100%;
}
.row_mid {
padding: 80px 100px;
margin: 0;
width: 100%;
}
.footer_row {
padding: 80px 200px 200px;
margin: 0;
}
.glass {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
}
.glass_tr {
border-radius: 33px;
backdrop-filter: blur(50px);
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
border: 1px solid #707079;
}
.glass_wh {
background: #fff;
border-radius: 33px;
}
.glass_bl {
border-radius: 33px;
backdrop-filter: blur(50px);
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
border: 1px solid #707079;
background: #0000001a;
}
.col_half {
width: calc(50% - 20px);
}
.col_full {
width: 100%;
}
button, .btn {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
color: #fff;
text-align: center;
transition: all .3s ease-in-out;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
vertical-align: middle;
background: #ff5000;
padding: 8px 20px;
border: none;
border-radius: 12px;
min-width: 200px;
height: 50px;
cursor: pointer;
}
button:hover, .btn:hover, input[type="button"].btn:hover {
background: #e24d03;
box-shadow: none;
color: #fff;
scale: 1.05;
}
button:focus, button.active, .btn:focus, .btn.active {
background: #b13b00;
color: #fff;
box-shadow: none;
scale: .95;
}
.slick-dots li {
border-radius: 50%;
width: 10px;
height: 10px;
}
.slick-dots li button {
min-width: auto;
background: #d9d9d9;
width: 8px;
height: 8px;
}
.slick-dots li.slick-active button {
background: #ff5000;
}
.page_top_block .breadcrumbs {
margin-top: 60px;
width: 100%;
}
.breadcrumbs li {
padding-right: 1.2em;
}
.breadcrumbs li a, .breadcrumbs li span {
text-decoration: none !important;
text-transform: lowercase;
font-weight: 400;
font-size: 16px;
color: #8e8e8e;
}
.breadcrumbs li:after {
display: block;
content: "";
content: '\E903';
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 16px;
color: #e9540d;
position: absolute;
right: 0;
top: 50%;
margin-top: -.02em;
-webkit-transform: translateY(-50%) scaleX(-1);
-ms-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
}
.popup-overlay {
position: fixed;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
z-index: 997;
background: rgba(0,0,0,0.8);
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: none;
pointer-events: none;
}
.popup-overlay.visible {
opacity: 1;
}
.popup-overlay.active {
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
height: 100vh;
overflow: hidden;
}
/*---------------------меню------------------*/
.mainMenu__link {
padding-right: 14px;
}
.menu_parent .mainMenu__link {
padding-right: 2px;
}
.menu_parent .mainMenu__item a:after {
content: '';
display: block;
width: 7px;
height: 6px;
background: url('data:image/svg+xml,');
margin-left: 7px;
}
.mobmenu_wrap .menu_parent .mainMenu__item a:after {
display: none;
}
/*.header_full .mainMenu__submenu {
border-radius: 20px;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
background: #0000006e;
-background: rgb(0 0 0 / 0%);
backdrop-filter: blur(70px);
margin-top: 20px;
-padding: 25px 0 30px;
padding: 0;
z-index: 98 !important;
filter: drop-shadow(0 50px 50px #000);
width: 460px;
}*/
.header_full .mainMenu__submenu {
border-radius: 20px;
-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(70px);
-webkit-backdrop-filter: blur(70px);
margin-top: 20px;
padding: 0;
z-index: 98 !important;
filter: drop-shadow(0 50px 50px #000);
min-width: 460px;
width: fit-content;
max-width: 560px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
position: absolute;
top: 100%;
background: linear-gradient(128deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 0%));
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
left: auto;
right: auto;
}
.header_full .mainMenu__submenu::before {
content: '';
position: absolute;
top: -20px;
left: 30px;
border: 10px solid transparent;
border-bottom-color: rgba(255, 255, 255, 0.7);
}
/*.header_full .mainMenu__submenu ul {
-border-radius: 0 0 33px 33px;
-padding: 30px 20px 0px;
border-radius: 20px;
padding: 30px 60px;
border: 1px solid #707079;
backdrop-filter: blur(80px);
margin-top: 0;
transition: none !important;
margin-bottom: 0;
height: auto;
}*/
.header_full .mainMenu__submenu ul {
border-radius: 20px;
padding: 30px 60px;
border: 1px solid #707079;
backdrop-filter: drop-shadow(2px 4px 6px black) sepia(.5);
margin-top: 0;
transition: none !important;
margin-bottom: 0;
height: auto;
background: linear-gradient(128deg, rgb(0 0 0 / 49%), rgb(235 235 235 / 19%));
}
.header_full .menu_parent:hover .header_full .mainMenu__submenu,
.header_full .mainMenu__submenu:hover {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header_full .mainMenu__submenu ul li {
width: 100%;
margin-bottom: 20px;
}
.header_full .mainMenu__submenu ul li:last-child {
margin-bottom: 0;
}
.header_full .mainMenu__submenu ul li a {
-border: 1px solid #ff5000;
-border-radius: 20px;
-background: #000;
padding: 0;
}
.mainMenuCard__image .fittingImage {
border-radius: 20px 20px 0 0;
}
.mainMenuCard:hover, .mainMenuCard:focus {
background-color: #ff5000;
color: #fff;
}
.mainMenuCard__image {
max-height: 400px;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.mainMenuCard__image picture {
max-height: 400px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.mainMenuCard__image img {
max-height: 300px;
height: auto;
width: auto;
padding: 40px;
}
.mainMenu>li:first-child .mainMenuCard__image img {
width: 100%;
padding: 0;
}
/*---------------------меню------------------*/
/*---------------------моб меню------------------*/
.mobmenu_title {
font-weight: 400;
font-size: 30px;
color: #fff;
margin-bottom: 40px;
}
.mobmenu_wrap {
margin-bottom: 30px;
height: 45vh;
overflow: auto;
}
.mobmenu_btn_callback {
width: 100%;
justify-content: space-between;
height: 50px;
margin-bottom: 40px;
}
a.mobmenu_phone,
a.mobmenu_mail {
font-size: 20px;
color: #fff;
width: 100%;
display: block;
margin-bottom: 15px;
}
.mobmenu_soc {
display: flex;
}
.mobmenu_soc a {
width: 35px;
height: 35px;
display: flex;
margin-right: 5px;
filter: invert(1);
}
.mobmenu_wrap .mainMenu__item {
border-bottom: none;
height: auto;
}
.mobmenu_wrap .menu_parent>.mainMenu__item {
display: flex;
justify-content: space-between;
}
.mobmenu_wrap .mainMenu__drop {
display: none;
}
.mobmenu_wrap .menu_parent .mainMenu__drop {
min-width: 20px;
position: relative;
display: flex;
flex-wrap: wrap;
align-content: baseline;
padding: 7px 30px 0 0;
text-align: center;
background: none;
}
.mobmenu_wrap .menu_parent .mainMenu__drop:focus {
outline: none;
}
.mobmenu_wrap .menu_parent .mainMenu__submenu {
background-color: transparent;
padding: 0;
-height: 0;
display: none;
opacity: 1;
visibility: visible;
position: relative;
border-bottom: none;
}
.mobmenu_wrap .mainMenu li:focus-within .mainMenu__submenu {
-height: fit-content;
}
.mobmenu_wrap .mainMenu__submenu ul li {
margin-bottom: 10px;
padding-left: 20px !important;
padding-right: 0 !important;
}
.mobmenu_wrap .mainMenu__submenu ul li a {
padding: 0;
font-weight: 300;
font-size: 15px;
color: #e0e0e0;
padding-right: 0 !important;
}
.mobmenu_wrap .mainMenuCard__title {
text-align: left;
white-space: normal;
padding: 2px 0;
}
.drawer-list {
position: fixed;
right: 0;
top: 0;
-height: 100vh;
-width: 360px;
z-index: 998;
transform: translate(100vw, 0);
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding: 60px 30px;
-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: #707070;
width: 0;
border: 1px solid #fdeeee;
-border-radius: 33px !important;
border-radius: 33px 0 0 33px !important;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: rgba(255, 255, 255, 0.11);
backdrop-filter: blur(50px);
}
.drawer-list.active {
pointer-events: auto;
transform: translatex(0);
height: 100vh;
width: 360px;
transition: width 475ms ease-out, transform 450ms ease;
overflow: auto;
}
.drawer-list ul {
height: auto;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
float: none;
display: flex;
flex-wrap: wrap;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
-ms-transform: translatex(-100vw);
width: 100%;
margin-bottom: 5px;
padding-left: 0 !important;
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #fff;
font-weight: 500;
text-align: left;
display: flex;
padding: 0 0 20px 0;
font-size: 20px;
text-transform: none;
background: none !important;
}
.drawer-list .menu_parent .mainMenu__item a:after {
margin-left: 10px;
}
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: #fff;
width: 170%;
}
input.hamburger:checked ~ label open {
color: #fff;
width: 0;
}
label.hamburger {
position: relative;
display: block;
top: -1px;
padding: 0 !important;
float: right;
width: 20px;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger text close,
label.hamburger text open {
text-transform: uppercase;
font-size: 1.1em;
position: absolute;
transform: translateY(12px) translateX(70px);
text-align: center;
overflow: hidden;
transition: width .25s .35s, color .45s .35s;
display: none;
}
label.hamburger text close {
color: #fff;
right: 0;
width: 0;
}
label.hamburger text open {
color: #fff;
}
label.hamburger > i {
position: absolute;
height: 2px;
top: 50%;
background-color: #fff;
pointer-events: auto;
transition-duration: .35s;
transition-delay: .35s;
width: 20px;
}
label.hamburger > i:before, label.hamburger > i:after {
position: absolute;
display: block;
width: 100%;
height: 2px;
left: 50%;
background-color: #fff;
content: "";
transition: transform 0.35s;
transform-origin: 50% 50%;
}
label.hamburger > i:before {
transform: translate(-50%, -7px);
}
label.hamburger > i:after {
transform: translate(-50%, 7px);
}
.mobmenu_close {
position: absolute;
right: 20px;
top: 25px;
z-index: 999;
transition: 2s;
}
.mobmenu_wrap .menu_parent .mainMenu__submenu ul {
-height: 0;
display: none;
}
.mobmenu_wrap .mainMenu li:focus-within .mainMenu__submenu ul {
-height: fit-content;
}
/*---------------------моб меню------------------*/
/*------------------header---------------------*/
header {
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
height: 100px;
border-bottom: 1px solid #707079;
border-radius: 20px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
z-index: 99;
position: fixed;
width: 100%;
}
.header_wrap.header_full {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
height: 100%;
}
.header_mob {
display: none;
}
.header_left {
width: 54%;
display: flex;
justify-content: space-between;
}
.header_right {
width: 42%;
}
.logo {
height: 30px;
}
.header_logo {
width: 40px;
}
.header_menu a {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #fff;
}
a.header_phone, a.header_mail {
font-weight: 400;
font-size: 16px;
color: #ff5000;
}
a.header_wp, a.header_tg {
width: 40px;
display: block;
}
a.header_wp img, a.header_tg img {
width: 100%;
}
.header_btn_block {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn_callback {
height: 40px;
}
/*------------------header---------------------*/
/*------------------footer---------------------*/
.footer {
background: transparent;
color: #000;
padding: 20px 0 60px;
}
.footer_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_title {
font-weight: 700;
font-size: 30px;
line-height: 105%;
margin-bottom: 30px;
}
.footer_subtext {
width: 85%;
margin-bottom: 40px;
}
.footer_contacts .footer_phone, .footer_contacts .footer_mail {
font-weight: 500;
font-size: 30px;
color: #000;
width: 100%;
display: block;
margin-bottom: 35px;
}
.footer_contacts .footer_phone:hover, .footer_contacts .footer_mail:hover {
color: #ff5000;
}
.footer_soc {
display: flex;
}
.footer_soc a {
width: 50px;
display: block;
margin-right: 10px;
}
.footer_soc a img {
width: 100%;
}
.footer_menu_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_menu {
width: 45%;
margin-bottom: 50px;
}
.footer_menu_title {
font-weight: 500;
margin-bottom: 15px;
color: #ff5000;
}
.footer_menu_item li {
width: 100%;
margin-left: 0;
display: flex;
}
.footer_menu_item a {
color: #000;
}
.footer_menu4 a {
font-weight: 500;
color: #ff5000;
}
/*------------------footer---------------------*/
/*------------------footer_form---------------------*/
.footer_form {
margin-top: 20px;
}
.footer_form .row {
padding-top: 100px;
}
.footer_form_title {
font-weight: 700;
font-size: 40px;
line-height: 110%;
color: #000;
margin-bottom: 40px;
}
.footer_form_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_form_wrap .col_half {
width: calc(40% - 20px);
}
.footer_form_wrap .col_half:first-child {
width: calc(60% - 20px);
}
.footer_form_subtext {
width: 85%;
margin-bottom: 40px;
}
.footer_form_soctext {
margin-bottom: 30px;
width: 85%;
}
.footer_form_soctext p {
font-weight: 500;
}
.footer_form_socblock {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_form_contacts {
width: 49%;
}
.footer_form_contacts a {
font-weight: 500;
font-size: 30px;
line-height: normal;
color: #000;
width: 100%;
display: block;
margin-bottom: 15px;
}
.footer_form_contacts a:hover {
color: #ff5000;
}
a.footer_mail {
margin-bottom: 0;
}
.footer_form_soc {
width: 49%;
display: flex;
}
.footer_form_soc a {
width: 40px;
display: block;
margin-right: 10px;
}
.footer_form_soc a img {
width: 100%;
}
.footer_form_item form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_form_field {
width: 100%;
margin-bottom: 20px;
}
.quantity_field, .condition_field, .name_field, .email_field {
width: calc(50% - 10px);
}
.condition_field {
opacity: .5;
}
.footer_form_field input {
border: 0.80px solid #414040;
border-radius: 15px;
width: 100%;
height: 55px;
padding: 0 30px;
-background: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.9);
font-weight: 300;
font-size: 17px;
line-height: 141%;
color: #414040;
}
.footer_form_field textarea {
border: 0.80px solid #414040;
border-radius: 15px;
width: 100%;
height: 160px;
padding: 20px 30px;
-background: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.9);
font-weight: 300;
font-size: 17px;
line-height: 141%;
color: #414040;
}
.form_politic {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.custom_check_label {
display: flex;
flex-wrap: wrap;
width: 15px;
align-items: center;
cursor: pointer;
margin-right: 15px;
}
.custom_check {
appearance: none;
cursor: pointer;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin: 0;
border: 0.80px solid #414040;
border-radius: 2px;
width: 15px;
height: 15px;
-background: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.9);
}
.custom_check:checked {
background-color: #ff5000;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.custom_check:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.custom_check:disabled + span {
opacity: 0.5;
cursor: not-allowed;
}
.form_politic span {
height: 22px;
}
.footer_form_btn {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #ff5000;
border-radius: 12px;
width: 100%;
height: 55px;
}
.footer_form_item .alert-success {
width: 100%;
color: #16580a;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.footer_form_item .alert-danger {
width: 100%;
color: #ef0000;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.custom-file-input {
position: relative;
display: inline-block;
height: 55px;
border: 0.80px solid #414040;
border-radius: 15px;
overflow: hidden;
cursor: pointer;
}
.custom-file-input input[type="file"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.file-text {
position: absolute;
top: 0;
left: 0;
width: 75%;
height: 100%;
display: flex;
align-items: center;
padding-left: 30px;
color: #666;
font-size: 16px;
z-index: 1;
background: #f8f8f8;
pointer-events: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.file-button {
position: absolute;
right: 0;
width: 35%;
height: 55px;
background: #ff5000;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 15px;
z-index: 1;
pointer-events: none;
transition: background 0.3s ease;
}
/*------------------footer_form---------------------*/
/*------------------modal_form---------------------*/
.form_callback .name_field,
.form_zakup .name_field,
.form_zakup .email_field {
width: 100%;
}
.modal.modal_form {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.modal_form .modalWrapper__close {
right: 20px;
top: 20px;
}
.modal_form_title {
font-family: var(--font-family) !important;
font-weight: 700;
font-size: 30px;
margin-bottom: 20px;
}
.modal_form .alert-success {
width: 100%;
color: #16580a;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.modal_form .alert-danger {
width: 100%;
color: #ef0000;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.form_order_wrap {
max-width: 1200px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.form_order_body {
background: #fff;
border-radius: 20px;
padding: 30px;
}
.form_order.modal_form .modalWrapper__close {
right: 60px;
top: 60px;
}
.form_order_wrap .search_block .row {
padding: 0;
margin-top: 60px;
}
.form_order_wrap .search_title {
margin: 20px 0 40px;
}
.form_order .search_form {
display: flex;
flex-wrap: nowrap;
}
.form_order .search_tags {
margin-top: 40px;
padding: 0 80px;
}
.order_form_title, .order_prod_name {
font-family: var(--font-family);
font-weight: 500;
font-size: 30px;
line-height: normal;
text-align: center;
color: #000;
margin-bottom: 40px;
}
.form_order_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form_order form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form_order_left, .form_order_right {
width: calc(50% - 20px);
}
.form_order .footer_form_field input {
height: 50px;
background: #eaeaea;
}
.form_order .footer_form_field textarea {
height: 120px;
background: #eaeaea;
}
/*------------------modal_form---------------------*/
/*------------------accordeon---------------------*/
.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;
font-weight: 500;
font-size: 20px;
color: #fff;
}
.accordion span {
width: 90%;
}
.accordion:after {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 17px;
height: 10px;
background-size: cover;
float: right;
transition: .5s;
}
.accordion.ac_active:after {
background: url('data:image/svg+xml,');
height: 2.5px;
}
.accordion_body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/*------------------accordeon---------------------*/
/*------------------search---------------------*/
.search_block .row {
padding-bottom: 20px;
padding-top: 40px;
}
.page-404 .search_block .row {
padding-bottom: 120px;
}
.search_wrap {
width: 100%;
}
.search_title {
font-family: var(--font-family);
font-weight: 700;
font-size: 43px;
text-align: center;
color: #fff;
margin: 20px 0 80px;
line-height: 110%;
}
.search_form {
display: flex;
width: 100%;
height: 56px;
background: #d3d3d3;
border-radius: 12px;
align-items: center;
padding: 0 20px;
}
.search_form input {
border: none;
width: 100%;
height: 100%;
padding: 0;
background: #d3d3d3;
font-weight: 400;
font-size: 15px;
line-height: 160%;
color: rgba(0, 0, 0, 0.54);
}
.btn_search {
border: none;
background: transparent !important;
width: 40px;
margin-right: 20px;
min-width: 40px;
padding: 0;
}
.search_tags {
margin-top: 20px;
padding: 0 120px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.search_tag {
font-weight: 400;
font-size: 15px;
line-height: 160%;
color: #212121;
background: #cecece;
border-radius: 12px;
padding: 8px 50px;
height: 40px;
display: inline-block;
text-align: center;
margin-bottom: 20px;
width: calc((100% - 60px) / 4);
}
.search_top_block .row {
padding-bottom: 0 !important;
}
.search-page_wrap {
width: 100%;
}
.search-page {
background: url(../img/bg_page.png);
background-repeat: no-repeat;
}
.search-page-inner,
.search-page-inner p {
color: #ffffff;
}
.search-item h4 a {
font-weight: 700;
}
.search-page-inner .search_form {
margin-bottom: 30px;
}
/*------------------search---------------------*/
/*------------------default page--------------------*/
.page_top_block {
margin-top: 60px;
}
h1.page_title {
font-family: var(--second-family);
font-weight: 400;
font-size: 45px;
color: #fff;
margin-bottom: 24px;
max-width: 90%;
}
.top_block_content {
width: 100%;
}
.top_block_text {
margin-bottom: 30px;
width: 85%;
}
.top_block_text p {
font-size: 16px;
color: #fff;
}
.btn_top_block {
width: calc((100% - 40px)/3);
}
.top_block_btns {
width: 75%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top_block_img {
width: 320px;
margin-left: 80%;
margin-top: -10%;
position: relative;
}
.politic_sec {
margin: 60px 0;
}
/*------------------default page--------------------*/
/*------------------front page--------------------*/
.front_top_block .glass_tr {
-background: url(../img/bg_top_front.png) bottom right, radial-gradient(240% 180% at 160% -10%, rgb(3, 1, 3) 64.99999761581421%, rgb(255, 80, 0) 100%);
background: url(../img/bg_main_top.gif) center right, #000;
background-size: 30%;
background-repeat: no-repeat;
}
.front_top_block .top_block_content {
width: 80%;
}
.lider {
margin-top: 60px;
}
.lider_wrap {
background-color: #eee;
background-image: url(../img/bg_lider_fr.png), url(../img/bg_lider.png), url(../img/bg_main.png);
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
border-radius: 33px;
padding: 20px;
-box-shadow: inset -1px -6px 16px 15px rgb(0 0 0 / 50%);
}
.lider_wrap .row {
padding-left: 160px;
padding-right: 160px;
}
.lider_title_block {
width: 100%;
display: flex;
justify-content: center;
align-items: baseline;
}
.lider_img {
width: 40px;
margin-right: 40px;
}
.lider_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 45px;
text-align: center;
color: #000;
}
.lider_subtitle {
font-size: 16px;
text-align: center;
color: #000;
margin: 0 auto;
}
.lider_nums_items {
border-radius: 33px;
display: flex;
flex-wrap: wrap;
padding: 30px 40px 20px;
justify-content: space-between;
width: 100%;
margin-top: 140px;
cursor: pointer;
box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.25);
-background: rgb(0 0 0 / 19%);
background: rgb(0 0 0 / 5%);
backdrop-filter: blur(40px);
transition: .3s;
}
.lider_nums_items:hover {
scale: 1.05;
}
.lider_nums_item {
text-align: center;
}
.lider_num {
font-family: var(--second-family);
font-weight: 600;
font-size: 42px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #ff5000;
-text-shadow: -1px 1px 10px #000000;
}
.lider_num_text {
margin: 20px auto 0;
width: 90%;
}
.lider_num_text p {
font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
letter-spacing: 0.01em;
text-align: center;
color: #fff;
margin-top: 0;
-text-shadow: 1px 1px 10px #000000;
}
.front-page .sol_cats {
background: url(../img/bg_main2.png) 90% 130%;
background-size: 30%;
background-repeat: no-repeat;
}
.front-page .sol_cats .row {
padding-bottom: 40px;
}
.front-page .sol_cats_img1 {
right: 8%;
margin-top: 58%;
}
.front-page .sol_cats_img2 {
right: 8%;
margin-top: 66%;
}
.front-page .sol_cats_img3 {
position: relative;
margin-top: -37%;
margin-bottom: -16%;
max-width: 620px;
right: -70%;
}
.front-page .footer_form {
margin-top: 0;
}
.main_catalog {
margin-top: 60px;
}
.main_catalog_wrap {
border-radius: 33px;
border: 23px solid #ddd;
}
.main_catalog_top {
background: #ddd;
border-radius: 0 0 33px 33px;
width: 285px;
height: 56px;
margin: 0 auto;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #020002;
display: flex;
align-items: center;
justify-content: center;
margin-top: -10px;
}
.main_catalog_title {
font-family: var(--font-family);
font-weight: 700;
font-size: 43px;
text-align: center;
color: rgba(255, 255, 255, 0.8);
width: 70%;
margin: 0 auto 25px;
}
.main_catalog_subtitle {
margin: 0 auto 40px;
}
.main_catalog_subtitle p {
font-size: 15px;
line-height: 160%;
text-align: center;
color: rgba(255, 255, 255, 0.8);
}
.main_catalog_tabs_wrap {
width: 100%;
}
.main_catalog_tabs_btns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 40px;
width: 60%;
}
.main_catalog_tab_btn {
border: 2px solid #ff5000;
border-radius: 12px;
background: rgba(255, 80, 0, 0);
width: calc((100% - 60px)/3);
}
.main_catalog_tab_btn.active {
background: #ff5000;
pointer-events: none;
cursor: auto;
}
.main_catalog_tab {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-background: url(../img/bg_lider_sun.png) center;
background-size: contain;
background-repeat: no-repeat;
width: 100% !important;
}
.main_catalog_btns {
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px auto 0;
}
.main_catalog_btns a {
width: calc(50% - 30px);
}
.main_catalog_full {
border: 2px solid #ff5000;
border-radius: 12px;
background: rgba(255, 80, 0, 0);
-color: #ff5000;
}
.main_catalog_full:hover {
color: #fff;
}
/*------------------front page--------------------*/
/*------------------solutions--------------------*/
.solutions-page {
-background: url(../img/bg_sol1.png) top left no-repeat, url(../img/bg_sol2.png) 100% 50% no-repeat;
-background: url(../img/bg_sol1.png) top left no-repeat;
background-size: 15%;
background-repeat: no-repeat;
}
.solutions-fmcg {
-background: url(../img/bg_sol_item1.png) top right;
background-size: 40%;
background-repeat: no-repeat;
}
.solutions-retail {
-background: url(../img/bg_sol_item2.png) top right;
background-size: contain;
background-repeat: no-repeat;
}
.solutions-logistic {
-background: url(../img/bg_sol_item3.png) bottom right;
background-size: contain;
background-repeat: no-repeat;
}
.sol_cats {
background: url(../img/bg_main2.png) 90% 110%;
background-size: 30%;
background-repeat: no-repeat;
}
.solutions-page .sol_cats {
background: url(../img/bg_main2.png) 90% 60%;
background-size: 30%;
background-repeat: no-repeat;
margin-bottom: -400px;
}
.sol_items .row {
padding-bottom: 40px;
}
.sol_items_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 45px;
text-align: center;
color: #fff;
width: 100%;
margin-bottom: 60px;
line-height: normal;
}
.sol_items_text {
margin-top: 40px;
}
.sol_items_text p {
font-size: 16px;
color: #fff;
}
.sol_cats_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.sol_items_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.sol_cat {
width: calc((100% - 40px)/3);
padding: 35px 30px;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
border-radius: 33px;
margin-bottom: 20px;
backdrop-filter: blur(50px);
-border: 1px solid #707070;
transition: .2s;
background-size: 150%;
background-position: -100px 150px;
background-repeat: no-repeat;
}
.sol_item {
width: calc((100% - 40px)/3);
padding: 35px 30px;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
border-radius: 33px;
margin-bottom: 20px;
margin-right: 20px;
backdrop-filter: blur(50px);
-border: 1px solid #707070;
transition: .2s;
background-size: 150%;
background-position: -100px 150px;
background-repeat: no-repeat;
}
.sol_cat:hover, .sol_item:hover {
transition: .2s;
scale: 1.05;
background: url(../img/bg_lider_sun2.png), rgba(255, 255, 255, 0.1);
background-size: 150%;
background-position: -100px bottom;
background-repeat: no-repeat;
}
.sol_cat:last-child:hover {
transition: scale .2s;
scale: 1.05;
background: url(../img/bg_lider_sun2.png), rgba(255, 255, 255, 0.1);
background-size: cover;
background-repeat: no-repeat;
}
.sol_cat:focus, .sol_item:focus {
transition: .2s;
scale: .95;
}
.sol_cat:hover .sol_cat_text,
.sol_item:hover .sol_item_text,
.sol_cat:focus .sol_cat_text,
.sol_item:focus .sol_item_text {
scale: 1;
}
.sol_cat:last-child {
width: calc(20px + (100% - 40px)*2/3);
}
.sol_item:nth-child(3n) {
margin-right: 0;
}
.sol_cat_title, .sol_item_title {
font-weight: 500;
font-size: 30px;
color: #fff;
margin-bottom: 30px;
line-height: normal;
}
.sol_cat_text, .sol_item_text {
margin-bottom: 20px;
color: #fff;
}
.sol_cat:last-child .sol_cat_text {
width: 60%;
}
.sol_cat_text p, .sol_item_text p {
color: #fff;
}
.sol_cat_link, .sol_item_link {
text-transform: lowercase;
}
.sol_cat_link:after, .sol_item_link:after {
content: ' -->';
}
.sol_cat_link:hover, .sol_cat_link:active, .sol_cat_link:focus,
.sol_item_link:hover, .sol_item_link:active, .sol_item_link:focus {
color: #e24d03;
}
.sol_cats_img1 {
-margin-top: 31%;
-position: absolute;
-right: 10%;
position: sticky;
transform: translate(640px, -350px);
}
.sol_cats_img2 {
-margin-top: 38.5%;
-position: absolute;
-right: 10%;
position: sticky;
transform: translate(1140px, -280px);
}
.solutions-page .footer_form {
margin-top: 0;
}
/*------------------solutions--------------------*/
/*------------------zakup--------------------*/
.zakup-page {
-background: url(../img/bg_zakup.png) bottom;
background-size: contain;
background-repeat: no-repeat;
}
.zakup-page .glass_tr {
-background: radial-gradient(240% 180% at 160% -10%, rgb(3, 1, 3) 64.99999761581421%, rgb(255, 80, 0) 100%);
}
.zakup_top_block_btns {
justify-content: flex-start;
align-items: center;
}
.top_block_link {
font-size: 16px;
color: #fff;
margin-left: 40px;
cursor: pointer;
}
.top_block_link:hover {
color: #ff5000;
}
.zakup_wrap {
padding: 20px 20px 80px;
margin-top: 20px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
width: 100%;
}
.zakup_top_title {
font-weight: 700;
font-size: 30px;
text-align: center;
margin-bottom: 40px;
line-height: normal;
}
.zakup_item_title {
font-weight: 700;
font-size: 30px;
margin-bottom: 40px;
line-height: normal;
/*background-image: linear-gradient(to right, #000000, #ff5000 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;*/
}
.dots_top {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.dot_left, .dot_right {
border-radius: 100%;
background: #000;
width: 13px;
height: 13px;
}
.dot_center {
border-radius: 33px;
width: 68px;
height: 13px;
background: #000;
}
.zakup_items {
width: 100%;
}
.zakup_item {
padding: 60px 120px 80px 200px;
margin-bottom: 20px;
border-radius: 33px;
width: 100%;
backdrop-filter: blur(50px);
box-shadow: inset 1px 0px 20px 3px rgb(38 38 38 / 25%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888888 0%, #eeeeeecc 47.19%, #888 100%), url(../img/bg_zakup_bt.png) 50% 200px;
background-size: cover;
background-repeat: no-repeat;
}
.zakup_item:first-child {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888888 0%, #eeeeeecc 47.19%, #888 100%), url(../img/bg_zakup_top.png) top;
background-size: cover;
background-repeat: no-repeat;
}
.zakup_item_info {
width: 50%;
}
.zakup_item_img {
width: 45%;
border-radius: 22px;
}
.zakup_item_text {
margin-bottom: 40px;
}
.btn_zakup_item {
width: 80%;
}
.zakup-poddon-new {
-background: url(../img/bg_poddon_new.png) 100% 53%;
background-size: contain;
background-repeat: no-repeat;
}
.zakup-poddon-new .glass_tr {
-background: radial-gradient(240% 180% at 160% -10%, rgb(3, 1, 3) 64.99999761581421%, rgb(255, 80, 0) 100%);
}
.zakup_catalog .row {
padding: 60px 200px 20px;
}
.zakup_catalog_wrap {
display: inline-block;
width: 100%;
}
.zakup_catalog_title {
font-weight: 500;
font-size: 30px;
text-align: center;
color: #fff;
margin-bottom: 30px;
line-height: 110%;
}
.catalog_items {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.catalog_item {
display: flex;
flex-wrap: wrap;
align-content: space-between;
width: calc((100% - 40px)/3);
margin-right: 20px;
margin-bottom: 20px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
border: 0.50px solid #ff5000;
border-radius: 20px;
padding: 30px;
backdrop-filter: blur(50px);
background: rgba(255, 255, 255, 0.2);
transition: .2s;
}
.catalog_item:hover {
scale: 1.05;
transition: .2s;
}
.catalog_item > .catalog_item_btn:focus {
scale: .95;
transition: .2s;
}
.prod_feat_car .catalog_item:hover {
scale: 1;
}
.catalog_item_body {
width: 100%;
}
.catalog_item:nth-child(3n) {
margin-right: 0;
}
.item_img {
max-height: 240px;
border-radius: 12px;
background: #f6f6f6;
}
.catalog_item_name {
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
letter-spacing: -0.01em;
color: #fff;
line-height: normal;
margin: 40px 0 10px;
min-height: 42px;
}
.catalog_item_labels {
display: flex;
justify-content: space-between;
}
.catalog_item_status {
font-family: var(--second-family);
font-weight: 400;
font-size: 15px;
letter-spacing: -0.01em;
color: #ffe100;
margin-bottom: 15px;
}
.catalog_item_status.instock {
color: #00d853;
}
.catalog_item_status.by_order {
color: #ffe100;
}
.catalog_item_label {
font-family: var(--second-family);
font-weight: 400;
font-size: 15px;
letter-spacing: -0.01em;
text-align: right;
}
.catalog_item_label.top_sale {
color: #ff5000;
}
.catalog_item_props {
margin-bottom: 20px;
}
.catalog_item_prop {
font-family: var(--second-family);
font-weight: 500;
font-size: 15px;
letter-spacing: 0.02em;
color: #fff;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.catalog_item_prop .prod_prop_separ {
background-image: radial-gradient(circle, #ffffff 1px, transparent 1px);
transform: translateY(-5px);
}
.catalog_item_btn {
margin-top: 10px;
width: 100%;
}
.points_wrap {
padding: 20px 20px 80px;
margin-top: 20px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
width: 100%;
margin-bottom: 20px;
}
.points_top_title {
width: 65%;
font-weight: 700;
font-size: 43px;
text-align: center;
color: #000;
line-height: 110%;
margin: 30px auto;
}
.points_top_subtitle {
width: 65%;
font-weight: 400;
font-size: 16px;
text-align: center;
color: #000;
margin: 0 auto 20px;
}
.points_items_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.points_item {
width: calc((100% - 30px)/4);
margin-right: 10px;
margin-bottom: 10px;
padding: 30px;
border-radius: 33px;
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
transition: .3s ease-out;
}
.points_item:hover {
scale: .95;
transition: .3s ease-out;
}
.points_item:nth-child(4n) {
margin-right: 0;
}
.points_item_num {
font-weight: 600;
font-size: 30px;
color: #ff5000;
margin-bottom: 20px;
transition: .3s ease-out;
}
.points_item_title {
font-weight: 600;
font-size: 30px;
color: #000;
margin-bottom: 20px;
transition: .3s ease-out;
line-height: normal;
}
.points_item_address p {
font-weight: 400;
font-size: 15px;
color: #434343;
transition: .3s ease-out;
}
.points_item_link {
margin-top: 20px;
transition: .3s ease-out;
}
.show-more-btn {
display: none;
background: #eee;
color: #000;
border-radius: 20px;
width: 100%;
margin-top: 10px;
}
.show-more-btn:hover {
background: #ff5000;
color: #fff;
}
.row_form {
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
}
.zakup_also {
margin-bottom: 60px;
}
.also_items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.also_item {
width: calc(50% - 10px);
padding: 50px 160px;
backdrop-filter: blur(50px);
border-radius: 31px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(153, 153, 153, 0.1) 100%);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.also_item_btn {
width: 100%;
}
.zakup_also_title {
font-weight: 500;
font-size: 30px;
text-align: center;
color: #fff;
margin-bottom: 40px;
}
.also_item_name {
font-weight: 500;
font-size: 28px;
text-align: center;
color: #fff;
margin: 30px 0;
}
.also_item_img {
margin: 0 auto;
max-height: 190px;
width: 70%;
}
.also_item_img img {
height: 100%;
}
.also_item_text {
font-size: 14px;
text-align: center;
color: #fff;
margin-bottom: 20px;
}
.also_item_text p {
font-size: 14px;
text-align: center;
color: #fff;
}
.zakup-poddon-used {
-background: url(../img/bg_poddon_used.png);
background-size: contain;
background-repeat: no-repeat;
}
.points_form {
margin-top: 20px;
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
}
.points_form .points_wrap {
background: none;
margin-top: -80px;
}
.advantages_short {
margin-top: 80px;
}
.advantages_short_title {
font-weight: 700;
font-size: 43px;
text-align: center;
color: #fff;
line-height: 110%;
}
.advantages_short_subtitle {
font-size: 16px;
text-align: center;
color: #fff;
width: 55%;
margin: 40px auto;
}
.advantages_short_subtitle p {
font-size: 16px;
text-align: center;
color: #fff;
}
.advantages_short_items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.advantages_short_item {
width: calc(50% - 10px);
border-radius: 33px;
margin-bottom: 20px;
padding: 40px;
box-shadow: 0px 0px 2px 2px rgb(243 243 243 / 10%);
backdrop-filter: blur(50px);
}
.advantages_short_item_num {
font-weight: 600;
font-size: 30px;
color: #ff5000;
}
.advantages_short_item_title {
font-weight: 500;
font-size: 30px;
color: #fff;
margin: 30px 0;
}
.advantages_short_item_text p {
font-size: 15px;
color: #fff;
}
.zakup-borta {
-background: url(../img/bg_borta.png) bottom;
background-size: contain;
background-repeat: no-repeat;
}
.zakup-pilo {
-background: url(../img/bg_borta.png) bottom;
background-size: contain;
background-repeat: no-repeat;
}
.zakup-pilo .zakup_top_block .row {
background-position: 127% -900% !important;
background-color: black !important;
background-blend-mode: hard-light;
border-radius: 33px;
}
.zakup_content h2 {
font-weight: 700;
font-size: 40px;
text-align: center;
color: #fff;
margin: 50px 0 40px;
line-height: 110%;
}
.zakup_content h3 {
font-size: 30px;
margin-bottom: 30px;
}
.zakup_fullcontent_text,
.zakup_fullcontent_text p,
.zakup_fullcontent_text li {
font-size: 16px;
}
.zakup_content .sp-block-table {
padding: 0 200px;
overflow-x: auto;
}
.zakup_content .sp-block-table table {
-min-width: 740px;
width: fit-content;
margin: 0 auto;
}
.zakup_content .sp-block-table table tr {
height: 42px;
}
.zakup_content .sp-block-table table tr p {
-font-size: 10px;
text-align: center;
}
.zakup_content .sp-block-table table tr:nth-child(odd) {
background: #efeeee;
}
.zakup_content .sp-block-table table tr:first-child {
background: #d9d9d9;
}
.zakup_content .sp-block-table table tr:first-child p {
font-size: 15px;
}
.zakup_content .sp-block-table table td {
padding: 0 15px;
border: none;
min-width: 200px;
}
.zakup_content .sp-block-table table tr:first-child td:first-child {
border-radius: 12px 0 0 0;
}
.zakup_content .sp-block-table table tr:first-child td:last-child {
border-radius: 0 12px 0 0;
}
.zakup_content .sp-block-table table tr:last-child td:first-child {
border-radius: 0 0 0 12px;
}
.zakup_content .sp-block-table table tr:last-child td:last-child {
border-radius: 0 0 12px 0;
}
.zakup_content {
margin-top: 60px;
}
.zakup_fullcontent {
margin: 0 0 60px;
color: #fff;
}
.zakup_fullcontent .row {
padding: 60px 200px 40px;
}
.zakup_fullcontent p,
.zakup_fullcontent span,
.zakup_fullcontent h1,
.zakup_fullcontent h2,
.zakup_fullcontent h3,
.zakup_fullcontent h4,
.zakup_fullcontent h5 {
color: #fff;
}
/*------------------zakup--------------------*/
/*------------------services--------------------*/
.services_top_block .glass_tr {
-background: url(../img/bg_services.png) bottom right, radial-gradient(240% 180% at 160% -10%, rgb(3, 1, 3) 64.99999761581421%, rgb(255, 80, 0) 100%);
-background-size: 80%;
background: radial-gradient(300% 160% at 50% -20%, rgb(3, 1, 3) 64.99999761581421%, rgb(255, 80, 0) 100%);
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
.services_list {
margin-top: 60px;
}
.services_wrap {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
padding: 20px;
}
.services_row {
padding: 20px 140px 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.services_row_left {
width: calc(47% - 10px);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.services_title_block {
width: 95%;
}
.sec_title {
font-weight: 700;
font-size: 43px;
line-height: 110%;
margin-bottom: 25px;
}
.sec_subtitle {
margin-bottom: 25px;
}
.sec_subtitle p {
font-weight: 400;
font-size: 16px;
}
.services_subtitle p {
font-weight: 400;
font-size: 14px;
}
.services_row_right {
width: calc(53% - 10px);
}
.services_items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.services_item {
width: calc(50% - 10px);
border-radius: 31px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
padding: 30px 20px 60px;
margin-bottom: 20px;
backdrop-filter: blur(50px);
height: 370px;
}
.services_item_title {
font-weight: 500;
font-size: 28px;
margin-bottom: 20px;
line-height: 100%;
}
.services_item_text {
margin-bottom: 20px;
font-size: 14px;
line-height: 130%;
}
.services_item_text p {
font-size: 14px;
line-height: 130%;
}
.services_item_link, .services_case_link {
font-size: 14px;
}
.services_case_block {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
border-radius: 31px;
padding: 50px 20px 85px;
margin-bottom: 20px;
height: 370px;
}
.services_case_title {
font-weight: 500;
font-size: 28px;
margin-bottom: 20px;
line-height: 110%;
}
.services_case_text {
margin-bottom: 20px;
}
.services_case_text p {
font-weight: 400;
font-size: 14px;
}
.sol_cats_title {
color: #fff;
width: 60%;
text-align: center;
margin: 0 auto 25px;
}
.sol_cats_subtitle {
margin-bottom: 30px;
}
.sol_cats_subtitle p {
color: #fff;
text-align: center;
}
.services-page .sol_cats .row {
padding: 60px 200px 40px;
}
.services-page .sol_cats_img2 {
margin-top: 53.5%;
}
.services-page .sol_cats_img1 {
margin-top: 46%;
}
.sell_cats .row_mid {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
}
.sell_cats_title {
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.sell_cats_subtitle {
width: 75%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.sell_cats_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sell_cat {
width: calc((100% - 60px)/4);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
border-radius: 31px;
padding: 30px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.sell_cat:nth-child(1), .sell_cat:nth-child(2) {
width: calc(50% - 10px);
text-align: center;
}
.sell_cat_img {
width: 70%;
margin: 0 auto 20px;
}
.sell_cat_title {
font-weight: 500;
font-size: 28px;
margin-bottom: 20px;
line-height: 110%;
text-align: center;
}
.sell_cat_text {
margin-bottom: 20px;
}
.sell_cat_text p {
font-size: 14px;
}
.sell_cat:nth-child(1) p, .sell_cat:nth-child(2) p {
text-align: center;
}
.sell_cat_btn {
border-radius: 12px;
height: 40px;
max-width: 180px;
margin: 0 auto;
}
.sell_cat:nth-child(1) .sell_cat_btn, .sell_cat:nth-child(2) .sell_cat_btn {
height: 50px;
}
.services_form .row {
padding: 40px 200px 60px;
}
.services_form,
.services_form p,
.services_form a,
.services_form span,
.services_form .footer_form_title {
color: #fff;
}
.services_form a img {
width: 100%;
filter: brightness(3);
}
.buy_cats .row_mid {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
}
.buy_cats_title {
text-align: center;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.buy_cats_subtitle {
width: 60%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.buy_cats_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.buy_cat {
width: calc((100% - 60px)/4);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
border-radius: 31px;
padding: 30px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.buy_cat_img {
width: 70%;
margin: 0 auto 20px;
min-height: 200px;
}
.buy_cat_title {
font-weight: 500;
font-size: 28px;
margin-bottom: 20px;
line-height: 110%;
text-align: center;
}
.buy_cat_text {
margin-bottom: 20px;
}
.buy_cat_text p {
font-size: 14px;
text-align: center;
}
.buy_cat_btn {
border-radius: 12px;
height: 40px;
max-width: 180px;
margin: 0 auto;
background: #000;
}
.service-page, .services-page:has(.service_content) {
background: url(../img/bg_service.png) 0 50%/contain, url(../img/eclipse_left.png) 110% 12%, url(../img/eclipse_right.png) 0 20%;
background-repeat: no-repeat;
}
.service_content {
text-align: center;
width: 80%;
margin: 0 auto;
}
.service_text {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.service_block_btns {
justify-content: center;
margin: 0 auto;
}
.service_content h1.page_title {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.service_feats_wrap {
width: 100%;
margin-top: 50px;
}
.service_feats_wrap:before {
-display: block;
display: none;
content: '';
width: 120px;
height: 120px;
background: url(../img/graf.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 3;
position: absolute;
margin-left: 65%;
margin-top: -5%;
}
.service_feats_wrap:after {
-display: block;
display: none;
content: '';
width: 120px;
height: 120px;
background: url(../img/wallet.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
position: absolute;
margin-left: -3%;
margin-top: -5%;
transform: rotate(150deg);
}
.service_feats {
width: 100%;
display: flex;
flex-wrap: wrap;
border-radius: 30px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px) opacity(0.7);
padding: 50px 30px;
justify-content: space-between;
z-index: 2;
position: relative;
}
.service_feat {
width: calc((100% - 30px)/3);
padding-bottom: 30px;
text-align: center;
}
.service_feat:nth-child(n+4) {
display: none;
}
.service_feat_line {
width: 100%;
height: 9px;
margin-bottom: 20px;
background: linear-gradient(90deg, #ff5000 0%, #ff9500 100%);
}
.service_feat_title {
font-weight: 600;
font-size: 30px;
text-align: center;
color: #ff5000;
width: 95%;
line-height: 110%;
margin: 0 auto 20px;
}
.service_feat_text {
width: 90%;
margin: 0 auto;
}
.service_feat_text p {
font-size: 16px;
text-align: center;
color: #fff;
}
.scheme {
margin-bottom: 100px;
}
.scheme_title {
font-family: var(--second-family);
font-weight: 700;
font-size: 45px;
text-align: center;
color: #fff;
margin-bottom: 40px;
}
.scheme_subtitle {
width: 50%;
text-align: center;
margin: 0 auto 40px;
}
.scheme_subtitle p {
color: #fff;
}
.scheme_wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.scheme_items {
width: calc(100% - 200px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
}
.scheme_item {
border-radius: 31px;
height: 200px;
width: calc((100% - 260px)/3);
}
.scheme_item_body {
background: rgba(255, 255, 255, 0.1);
border-radius: 31px;
backdrop-filter: blur(20px) opacity(0.7);
padding: 30px 55px;
display: flex;
align-items: center;
height: 100%;
width: 100%;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
z-index: 2;
position: relative;
}
.scheme_item:nth-child(1) {
margin-bottom: 200px;
}
.scheme_item:nth-child(3) {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
-background: #ff5000;
-color: #fff !important;
}
.scheme_item span.orange {
-color: #fff !important;
}
.scheme_item_title {
font-size: 28px;
color: #fff;
line-height: 110%;
}
.scheme_arrow {
height: 200px;
display: flex;
align-items: center;
}
.scheme_item:nth-child(6) .scheme_item_title {
-color: #ff5000;
}
.scheme_item:nth-child(6):before {
-display: block;
display: none;
content: '';
width: 100px;
height: 100px;
background: url(../img/money.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 3;
position: absolute;
margin-left: 20%;
margin-top: -3%;
}
.scheme_item:nth-child(6):after {
-display: block;
display: none;
content: '';
width: 100px;
height: 100px;
background: url(../img/money.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
position: absolute;
margin-left: -3%;
margin-top: -5%;
}
.scheme_mob_btn {
background: #eee !important;
color: #000 !important;
height: 65px;
border-radius: 20px;
cursor: pointer;
}
.scheme_arenda .scheme_wrap, .scheme_diag .scheme_wrap {
justify-content: center;
}
.scheme_arenda .scheme_item, .scheme_diag .scheme_item {
margin-bottom: 0;
}
.scheme_lines_bt {
margin-top: -120px;
}
.scheme_lines_bt svg {
max-width: 100%;
}
.scheme_text_bt {
margin-top: 30px;
font-size: 28px;
text-align: center;
width: 100%;
}
.scheme_text_side {
font-size: 28px;
display: none;
transform: rotate(270deg);
position: absolute;
left: 0;
}
.scheme_arenda_out .scheme_text_side {
display: block;
}
.scheme_diag .scheme_lines_bt, .scheme_diag .scheme_text_bt {
display: none;
}
.scheme_steps {
margin-top: 80px;
}
.scheme_steps_wrap {
padding: 20px 20px 200px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
width: 100%;
box-shadow: inset 3px -18px 20px 18px rgb(38 38 38 / 25%);
}
.scheme_steps_row {
padding: 20px 80px 200px;
}
.scheme_steps_title {
width: 50%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.scheme_steps_items {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.scheme_step {
width: calc((100% - 40px)/3);
border-left: 2px solid #ff5000;
padding: 0 20px;
}
.scheme_step_num {
font-weight: 900;
font-size: 48px;
color: #ff5000;
line-height: 100%;
margin-bottom: 40px;
}
.scheme_step_title {
font-weight: 500;
font-size: 30px;
text-align: center;
color: #000;
line-height: 110%;
margin-bottom: 20px;
}
.scheme_step_text p {
font-weight: 400;
font-size: 15px;
text-align: center;
color: #4e4e4e;
}
.scheme_steps_img {
max-width: 540px;
width: 40%;
position: absolute;
margin-top: 60px;
}
.scheme_steps_img1 {
right: 50%;
z-index: 1;
}
.scheme_steps_img2 {
right: 35%;
transform: scaleX(-1);
z-index: 2;
}
.scheme_steps_img3 {
right: 5%;
z-index: 3;
}
.scheme_row_mob {
margin-top: 0;
display: none;
}
.problems {
margin-top: 20px;
box-shadow: 0px -20px 20px 18px rgb(0 0 0 / 25%);
z-index: 4;
position: relative;
}
.problems_title {
color: #fff;
width: 50%;
text-align: center;
margin: 0 auto 40px;
}
.problems_row {
padding: 40px 0;
}
.problems_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.problems_item {
width: calc((100% - 40px)/3);
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.1);
border-radius: 33px;
backdrop-filter: blur(50px);
padding: 30px 55px;
display: flex;
align-items: center;
height: 200px;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
}
.problems_item_title {
font-weight: 600;
font-size: 30px;
color: #fff;
line-height: 110%;
}
.hows {
margin-top: 20px;
}
.hows_row {
padding: 40px 0;
}
.hows_title {
color: #fff;
width: 60%;
text-align: center;
margin: 0 auto 40px;
}
.hows_wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.hows_item {
width: calc((100% - 60px)/4);
border-radius: 33px;
padding: 30px;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
}
.hows_item_num {
font-weight: 600;
font-size: 30px;
color: #ff5000;
margin-bottom: 30px;
}
.hows_item_title {
font-weight: 600;
font-size: 30px;
color: #fff;
margin-bottom: 20px;
line-height: 110%;
}
.hows_item_text p {
font-weight: 400;
font-size: 15px;
color: #d9d9d9;
}
.hows_vygody {
margin-top: -60px;
}
.fast_start {
margin-top: -20px;
}
.hows_item.fast_start_item {
width: 100%;
margin-bottom: 20px;
padding: 50px 160px 35px 50px;
}
.steps {
margin-top: 40px;
}
.steps_row {
padding: 40px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
}
.steps_title {
width: 90%;
text-align: center;
margin: 0 auto 40px;
}
.steps_wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.steps_item {
width: calc((100% - 40px)/3);
border-radius: 33px;
padding: 40px 40px 160px;
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(50px);
min-height: 465px;
}
.steps_item_num {
font-weight: 600;
font-size: 30px;
color: #ff5000;
margin-bottom: 30px;
}
.steps_item_title {
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
line-height: 110%;
}
.steps_item_text p {
font-weight: 400;
font-size: 15px;
}
.steps_item1 {
background: url(../img/shine_left.png) bottom right;
-background-size: 36.5%;
background-repeat: no-repeat;
}
.steps_item2 {
background: url(../img/shine_center.png) 0 bottom;
background-size: contain;
background-repeat: no-repeat;
}
.steps_item3 {
background: url(../img/shine_right.png) bottom left;
background-size: 36.5%;
background-repeat: no-repeat;
}
.economs {
margin-top: 40px;
}
.economs_row {
padding: 40px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
}
.economs_title {
width: 50%;
text-align: center;
margin: 0 auto 40px;
}
.economs_wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.economs_item {
width: 100%;
border-radius: 33px;
padding: 40px;
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
margin-bottom: 20px;
min-height: 420px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.economs_body {
width: 100%;
}
.economs_item_num {
font-weight: 600;
font-size: 30px;
color: #ff5000;
margin-bottom: 30px;
}
.economs_item_title {
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
line-height: 110%;
}
.economs_item_text {
width: 70%;
}
.economs_item_text p {
font-weight: 400;
font-size: 15px;
}
.economs_item_btn {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
max-width: 480px;
margin-top: 20px;
width: 100%;
}
.economs2 .economs_row {
background: none;
}
.economs2 .economs_title {
color: #fff;
}
.economs2 .economs_item {
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
min-height: 340px;
}
.economs2 .economs_item_title {
color: #fff;
}
.economs2 .economs_item_text p {
color: #fff;
}
/*------------------services--------------------*/
/*------------------catalog--------------------*/
.catalog-page {
-background: url(../img/bg_catalog1.png) 0 4500px, url(../img/bg_catalog2.png) 0 5500px;
background-size: contain;
background-repeat: no-repeat;
}
.catalog_top_block .row {
padding-bottom: 20px;
padding-top: 0;
}
.catalog_top_block .breadcrumbs {
margin-top: 0;
}
.catalog_cats .row {
padding-top: 0;
padding-bottom: 0;
}
.catalog_cats_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.catalog_cat {
width: calc((100% - 40px)/3);
background: rgba(255, 255, 255, 0.1);
border-radius: 31px;
backdrop-filter: blur(20px) opacity(0.7);
padding: 30px 20px 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
}
.catalog_cat.active {
border: 1px solid #ff5000;
pointer-events: none;
cursor: auto;
}
.catalog_cat:hover {
border: 1px solid #ff5000;
}
.catalog_cat_img {
width: 70%;
margin: 0 auto 20px;
}
.catalog_cat_title {
font-weight: 500;
font-size: 28px;
text-align: center;
color: #fff;
width: 100%;
}
.catalog_sort .row {
padding-bottom: 40px;
}
.catalog_sort_wrap {
width: 40%;
display: flex;
justify-content: space-between;
max-width: 250px;
}
.catalog_sort_text {
color: #fff;
font-size: 16px;
}
.catalog_sort_btn {
color: #fff;
font-size: 16px;
cursor: pointer;
}
.sort_list {
position: absolute;
width: 200px;
z-index: 99;
padding: 30px;
border-radius: 33px;
backdrop-filter: blur(50px);
box-shadow: inset -2px 1px 6px 0px rgb(215 215 215 / 42%);
margin-left: 110px;
margin-top: 40px;
}
.sort_list ul {
padding: 0;
list-style: none;
margin-bottom: 0;
}
.sort_option {
display: flex;
align-items: center;
color: #fff;
margin-bottom: 15px;
}
.sort_option.active {
color: #ff5000;
pointer-events: none;
cursor: auto;
}
.sort_list li:last-child .sort_option {
margin-bottom: 0;
}
.sort_modal_bg {
backdrop-filter: blur(50px);
}
.modalWrapper__dialog.sort_modal {
max-width: 240px !important;
margin: auto !important;
}
.sort_modal .modal-content {
padding: 0;
background: #000000d9;
border-radius: 33px;
}
.sort_list_mob {
margin: 0;
position: relative;
width: 100%;
}
.sort_list_mob button {
right: 0;
min-width: fit-content;
}
.catalog_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.catalog_col_left {
border: 1px solid #ff5000;
border-radius: 30px;
width: 300px;
padding: 30px;
max-height: fit-content;
backdrop-filter: blur(50px);
background: rgba(255, 255, 255, 0.2);
}
.catalog_col_right {
width: calc(100% - 320px);
}
.filters {
margin-bottom: 60px;
}
.filter {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.filter:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.filter_title {
font-size: 18px;
font-weight: 500;
color: #fff;
margin-bottom: 15px;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.filter_wrap {
max-height: 300px;
overflow-y: auto;
padding-right: 10px;
}
.filter_wrap::-webkit-scrollbar {
width: 6px;
}
.filter_wrap::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}
.filter_wrap::-webkit-scrollbar-thumb {
background: rgba(255, 80, 0, 0.5);
border-radius: 3px;
}
.filter_item {
display: flex;
margin-bottom: 10px;
align-items: center;
padding: 8px 0;
}
.filter_item:last-child {
margin-bottom: 0;
}
.filter_item.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.filter_item span {
font-family: var(--second-family);
font-weight: 400;
width: calc(100% - 41px);
font-size: 16px;
letter-spacing: -0.01em;
color: #fff;
margin-left: 10px;
}
.filter_value {
margin-right: 0;
width: 100%;
}
.filter_value:hover {
color: #FF5000;
}
.filter_check {
border-radius: 12px;
width: 31px;
height: 31px;
background: #f0f0f0;
}
.filter_item.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.filter_item.disabled:hover {
background-color: transparent;
padding-left: 0;
}
.filter-count {
color: #999;
font-size: 10px;
margin-left: 5px;
display: none;
}
.filter_wrap::-webkit-scrollbar {
width: 6px;
}
.filter_wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.filter_wrap::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.filter_wrap::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.filter_wrap input.min-value, .filter_wrap input.max-value, .filter_wrap input.min-price, .filter_wrap input.max-price {
flex: 1;
font-size: 14px;
border: 1px solid #f6a37c;
border-radius: 12px;
padding: 2px 20px;
text-align: center;
color: #fff;
width: 87px;
height: 30px;
background: rgba(217, 217, 217, 0);
}
.range-inputs,
.price-inputs {
margin-bottom: 15px;
}
.range-input-group,
.price-input-group {
display: flex;
align-items: center;
gap: 10px;
}
.range-filter, .price-filter {
padding: 15px 0;
}
.range-slider, .price-slider {
margin-top: 20px;
}
.range-labels, .price-labels {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
font-size: 12px;
color: #666;
}
.range-progress, .price-progress {
position: absolute;
height: 100%;
background: #FF5000;
border-radius: 2px;
}
.range-handle, .price-handle {
position: absolute;
top: 50%;
width: 20px;
height: 20px;
background: #FF5000;
border-radius: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 2;
}
.range-track, .price-track {
position: relative;
height: 4px;
background: #ddd;
border-radius: 2px;
}
.range-separator,
.price-separator {
color: #666;
font-weight: bold;
}
.filters_btn_block {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.filter_reset_btn {
font-family: var(--second-family);
font-weight: 400;
width: 100%;
font-size: 16px;
letter-spacing: -0.01em;
color: #000;
margin-bottom: 20px;
background: #f0f0f0;
order: 1;
}
.filter_reset_btn:hover {
color: #fff;
background: #000;
border: 1px solid #ff5000;
}
.filter_submit_btn {
order: 2;
width: 100%;
}
.filter-results {
margin-top: 20px;
padding: 15px;
background: rgba(255, 80, 0, 0.1);
border-radius: 4px;
color: #fff;
font-size: 16px;
width: 99%;
border-radius: 12px;
display: none !important;
}
.filter-results a {
color: #FF5000;
text-decoration: none;
margin-left: 10px;
}
.filter-results a:hover {
text-decoration: underline;
}
#modef_num {
font-weight: bold;
color: #FF5000;
margin-left: 5px;
}
.filters_modal_bg {
backdrop-filter: blur(50px);
}
.modalWrapper__dialog.filters_modal {
max-width: 300px !important;
margin: auto !important;
}
.filters_modal .modal-content {
padding: 0;
border-radius: 33px;
background: #000000d9;
margin-top: 20px;
margin-bottom: 20px;
box-shadow: inset -2px 1px 6px 0px rgb(215 215 215 / 42%);
}
.filters_list_mob {
margin: 0;
position: relative;
width: 100%;
padding: 30px;
}
.filters_list_mob button {
right: 0;
min-width: fit-content;
}
.faq {
margin-top: 40px;
}
.faq .row {
border-radius: 30px;
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
padding-bottom: 80px;
}
.faq_item {
padding: 15px 0;
border-bottom: 1px solid #d9d9d9;
}
.faq_item_body_content {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #d9d9d9;
}
.faq_item_body p {
font-weight: 400;
font-size: 15px;
color: #fff;
}
/*------------------catalog--------------------*/
/*------------------product--------------------*/
.prod_body .row {
padding-top: 0;
padding-bottom: 0;
}
.prod_body_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.prod_info {
width: calc(50% - 10px);
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
h1.prod_title {
font-size: 30px;
margin-bottom: 0;
}
.prod_cond_block {
width: 100%;
display: flex;
}
.prod_cond_btn {
margin-right: 40px;
height: 44px;
width: 40%;
max-width: 200px;
color: #ff5000;
background: none;
border: 1px solid #ff5000;
}
.prod_cond_btn.active {
color: #fff;
background: #ff5000;
}
.prod_cond_btn input {
display: none;
}
.prod_buy_btn {
width: 100%;
height: 44px;
}
.prod_props {
border-radius: 12px;
background: #fff;
width: 100%;
padding: 40px 30px;
}
.prod_props_title {
font-weight: 500;
font-size: 30px;
margin-bottom: 30px;
}
.prod_prop {
display: flex;
justify-content: space-between;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
margin-bottom: 10px;
}
.prod_prop_name, .prod_prop_value {
width: auto;
}
.prod_prop_separ {
flex: 1;
background-image: radial-gradient(circle, #000 1px, transparent 1px);
background-size: 4px 4px;
background-position: 0 bottom;
background-repeat: repeat-x;
opacity: 0.6;
margin: 0 5px;
}
.prod_imgs {
width: calc(50% - 10px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.prod_imgs_for {
border-radius: 20px;
background: #fff;
padding: 30px;
width: calc(100% - 115px);
display: flex;
flex-wrap: wrap;
align-content: center;
margin-bottom: 0 !important;
height: 555px;
}
.prod_imgs_nav {
width: 100px;
height: 555px;
}
.prod_imgs_nav .prod_img {
width: 95px;
height: 95px;
margin-bottom: 20px;
display: flex;
align-items: center;
background: #fff;
border-radius: 20px;
}
.prod_imgs_for .slick-dots {
bottom: 20px;
left: 0;
}
.prod_feat .catalog_item {
min-height: 720px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.prod_feat_body {
display: inline-block;
width: 100%;
}
.prod_feat .catalog_item_btn {
margin-top: auto;
}
.prod_feat_body .catalog_item:nth-child(2n),
.prod_feat_body .catalog_item:nth-child(3n) {
margin-right: 20px;
}
.prod_description_title {
font-weight: 500;
font-size: 30px;
color: #fff;
margin-bottom: 10px;
}
.prod_description_body p,
.prod_description_body ul,
.prod_description_body li {
font-size: 15px;
color: #fff;
}
.prod_description_body h1,
.prod_description_body h2,
.prod_description_body h3,
.prod_description_body h4,
.prod_description_body h5,
.prod_description_body h6 {
color: #fff;
}
.prod_description .row {
padding-bottom: 40px;
}
.prod_feat_title {
font-weight: 500;
font-size: 30px;
color: #fff;
}
.prod_feat .row {
padding-top: 20px;
padding-bottom: 0;
}
body:has(.prod_body) {
background: none;
}
.product-page .economs_row,
body:has(.prod_body) .economs_row {
background: none;
}
.product-page .economs_item,
body:has(.prod_body) .economs_item {
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
border: 1px solid #707070;
}
.product-page .economs_item_title,
body:has(.prod_body) .economs_item_title {
color: #fff;
}
.product-page .economs_title,
body:has(.prod_body) .economs_title {
color: #fff;
}
.product-page .economs_item_text p,
body:has(.prod_body) .economs_item_text p,
.product-page .economs_item_text ul,
body:has(.prod_body) .economs_item_text ul,
.product-page .economs_item_text li,
body:has(.prod_body) .economs_item_text li,
.product-page .economs_item_text h2,
body:has(.prod_body) .economs_item_text h2,
.product-page .economs_item_text h3,
body:has(.prod_body) .economs_item_text h3,
.product-page .economs_item_text h4,
body:has(.prod_body) .economs_item_text h4 {
color: #fff;
}
/*------------------product--------------------*/
/*------------------blog--------------------*/
.blog-page {
-background: url(../img/bg_blog.png) bottom;
background-size: contain;
background-repeat: no-repeat;
}
.blog_top_block .row {
padding-bottom: 20px;
padding-top: 0;
}
.blog_top_block .breadcrumbs {
margin-top: 0;
}
.blog_list .container {
max-width: 1680px;
}
.blog_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog_col_left, .blog_col_right {
width: calc((100% - 1280px)/2);
}
.blog_col_center {
width: 1240px;
}
.blog_item {
width: 100%;
display: inline-block;
margin-bottom: 20px;
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -37.24% 132.57%, #888 0%, #eee 47.19%, #888 100%);
padding: 50px 80px 80px;
}
.blog_item_title {
font-weight: 700;
font-size: 43px;
color: #000;
line-height: normal;
width: 90%;
margin-bottom: 20px;
}
.blog_item_text {
margin-bottom: 20px;
width: 90%;
}
.blog_item_link {
font-weight: 700;
font-size: 18px;
line-height: 133%;
color: #ff5000;
margin-bottom: 20px;
}
.blog_item_img {
border-radius: 22px;
height: 500px;
}
.blog_item_img img {
border-radius: 22px;
}
.blog_sidefilters {
width: 100%;
margin-bottom: 20px;
padding: 30px;
border-radius: 33px;
backdrop-filter: blur(50px);
box-shadow: inset -2px 1px 6px 0px rgb(215 215 215 / 42%);
}
.blog_sidefilters_title {
font-size: 20px;
color: #fff;
margin-bottom: 20px;
}
.blog_sidefilter {
width: 100%;
display: flex;
align-items: center;
color: #fff;
margin-bottom: 15px;
}
.blog_sidefilter:hover {
color: #e9540d;
}
.blog_sidefilter span {
margin-right: 10px;
width: 17px;
overflow: hidden;
}
.blog_sidefilter img {
border-radius: 3px;
width: 17px;
height: 17px;
}
.blog_sidefilter.active {
color: #ff5000;
}
.article .row {
padding-top: 0;
padding-bottom: 0;
}
.article_wrap {
width: 100%;
padding: 50px 80px 80px;
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
}
h1.article_page_title {
font-weight: 700;
font-size: 43px;
color: #000;
margin-bottom: 20px;
}
.article_content img {
margin: 10px 10px 10px 0;
border-radius: 22px;
}
/*------------------blog--------------------*/
/*------------------contacts---------------------*/
.contacts-page {
-background: url(../img/bg_contacts.png);
background-size: contain;
background-repeat: no-repeat;
}
.map_content {
margin-bottom: 40px;
padding: 0 40px;
}
.map_title {
font-weight: 700;
font-size: 45px;
text-align: center;
color: #000;
margin-bottom: 60px;
line-height: normal;
}
.time_block {
margin-bottom: 30px;
}
.time_line {
font-size: 24px;
margin-bottom: 15px;
font-family: var(--second-family);
}
.time_line span {
font-weight: 700;
}
.map_search span {
font-family: var(--second-family);
font-weight: 700;
font-size: 24px;
margin-right: 30px;
}
.map_search_item {
width: 25%;
}
.map {
height: auto;
max-height: fit-content;
margin-top: 20px;
}
.map_block {
padding: 60px 20px 40px;
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
box-shadow: inset -6px -8px 20px 18px rgb(38 38 38 / 25%);
}
.map_wrap iframe {
border-radius: 33px;
border: 2px solid #ff5000;
}
/*------------------contacts---------------------*/
/*------------------vacs---------------------*/
.vacs_top_block .top_block_btns {
justify-content: flex-start;
}
.btn_top_vac {
margin-right: 30px;
}
.round {
margin-top: 60px;
}
.round_wrap {
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
border-radius: 33px;
padding: 20px;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
}
.round_top {
margin-bottom: 20px;
}
.round_wrap .row {
padding: 0 40px 20px 200px;
}
.round_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
}
.round_left {
width: calc(55% - 20px);
padding: 60px 0;
}
.round_right {
width: calc(45% - 20px);
}
.vacs_services {
margin-top: 60px;
}
.vacs_services_title {
color: #fff;
text-align: center;
}
.vacs_services_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.vacs_services_item {
width: calc(40% - 10px);
border-radius: 33px;
margin-bottom: 20px;
padding: 30px 80px 30px 30px;
display: flex;
flex-wrap: wrap;
align-content: center;
min-height: 280px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px) opacity(0.7);
-box-shadow: inset 1px 0px 6px 0px rgb(215 215 215 / 42%);
box-shadow: 0px 0px 4px 0 rgb(255 255 255 / 38%);
}
.vacs_services_item:nth-child(2n) {
width: calc(60% - 10px);
}
.vacs_services_item_title {
font-weight: 500;
font-size: 30px;
color: #fff;
margin-bottom: 20px;
line-height: normal;
width: 100%;
}
.vacs_services_item_text, .vacs_services_item_text p {
font-weight: 400;
font-size: 15px;
color: #fff;
}
.hotvacs {
margin-top: 60px;
}
.hotvacs_wrap {
border-radius: 33px;
background: radial-gradient(173.98% 237.94% at -36.4% 130.8%, #888 0%, #eee 47.19%, #888 100%);
padding: 20px;
}
.hotvacs_title {
text-align: center;
width: 100%;
}
.hotvacs_subtitle {
text-align: center;
width: 100%;
}
.hotvacs_vacs {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hotvacs_vac {
width: calc(50% - 10px);
padding: 60px 30px 120px;
border-radius: 33px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
}
.hotvacs_vac_title {
font-weight: 500;
font-size: 30px;
margin-bottom: 30px;
line-height: 110%;
}
.hotvacs_vac_text {
margin-bottom: 30px;
}
.hotvacs_hh {
margin-top: 60px;
}
.hotvacs_hh_wrap {
border-radius: 33px;
padding: 40px;
background: rgba(255, 255, 255, 0.9);
}
.vacs_video {
margin-top: 60px;
}
.vacs_video_title {
color: #fff;
text-align: center;
}
.vacs_video_subtitle {
color: #fff;
text-align: center;
padding: 0 60px;
}
.vacs_video_subtitle p {
color: #fff;
}
.vacs_video_row {
padding: 0 80px 40px;
}
.vacs_video_wrap {
height: 620px;
width: 100%;
border-radius: 33px;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25);
}
.vacs_video_wrap video {
height: 100%;
}
/*------------------vacs---------------------*/
/*------------------404---------------------*/
.page-404 {
background: url("../img/bg_page.png");
background-size: cover;
background-position: right 360px;
background-repeat: no-repeat;
}
.pagetitle_404 {
font-family: var(--second-family);
font-weight: 700;
font-size: 200px;
text-align: center;
color: #fff;
margin-top: 150px;
}
.subtitle_404 {
font-family: var(--second-family);
font-weight: 700;
font-size: 45px;
text-align: center;
color: #fff;
margin-top: 60px;
}
body:has(.page_404_wrap) {
background: url("../img/bg_page.png");
background-size: cover;
background-position: right 360px;
background-repeat: no-repeat;
}
.page-404 .footer_form,
main:has(.page_404_wrap)+.footer_form {
order: 2;
}
.page-404 .search_block,
main:has(.page_404_wrap)+.footer_form+.search_block {
order: 1;
}
.page-404 .footer,
main:has(.page_404_wrap)+.footer_form+.search_block+.footer {
order: 8;
}
/*------------------404---------------------*/