/* Start:/local/templates/surmebel_v.2/libs/sm.popup/style.css?17845687011287*/
.sm-popup {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10500;
background-color: rgba(77, 92, 116, 0.8);
}
.sm-popup._scroll {
overflow-y: auto;
padding: 25px 0;
align-items: start;
}
.sm-popup_block {
position: fixed;
width: 550px;
min-height: 100px;
padding: 50px;
background-color: white;
border: 1px solid #d8d8d8;
}
.sm-popup._scroll .sm-popup_block {
position: relative;
}
.sm-popup_close {
position: absolute;
width: 20px;
height: 20px;
top: 20px;
right: 20px;
background: url(/local/templates/surmebel_v.2/icons/popup_close.svg) no-repeat center/15px;
cursor: pointer;
}
.sm-popup_content {
border-radius: 7px;
}
.sm-popup_title {
font-size: 28px;
font-weight: 500;
line-height: 32px;
padding-right: 25px;
}
@media (max-width: 1280px) {
.sm-popup_block {
/*width: 415px;*/
padding: 35px;
}
.sm-popup_close {
top: 40px;
right: 32px;
}
.sm-popup_title {
font-size: 22px;
line-height: 26px;
}
}
@media (max-width: 600px) {
.sm-popup_block {
width: calc(100% - 40px) !important;
padding: 25px;
}
.sm-popup_close {
width: 30px;
height: 30px;
top: 20px;
right: 20px;
}
.sm-popup_title {
font-size: 18px;
line-height: 20px;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/sm.agreement/style.css?1784568701496*/
._agreement {
margin: 12px 0;
font-size: 13px;
}
._agreement input[type=checkbox] {
display: none !important;
}
._agreement span {
cursor: pointer;
}
._agreement._white {
color: #F4F4F6;
}
form button[type=submit][disabled]:not(._loading) {
background-color: #a5a6ab !important;
border: none !important;
cursor: default !important;
color: #4c4c4f !important;
}
form button[type=submit][disabled]:not(._loading):hover {
color: #4c4c4f !important;
background-color: #8a8b8d !important;
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/sm.callback/style.css?1784568701609*/
[data-buy=сallback] {
cursor: pointer;
}
.sm-сallback {
max-width: 450px;
}
.sm-сallback .sm-popup_title,
.sm-сallback-thank-you .sm-popup_title {
margin-bottom: 25px;
font-size: 18px;
line-height: 24px;
}
.sm-сallback .sm-popup_text,
.sm-сallback-thank-you .sm-popup_text {
margin-bottom: 25px;
font-size: 14px;
line-height: 18px;
}
.sm-сallback .input-list {
flex-direction: column;
}
.sm-сallback .input-list-i {
width: 100%;
}
.sm-сallback ._invalid-message {
margin-top: 0;
}
.sm-сallback ._btn,
.sm-сallback-thank-you ._btn {
width: 100%;
margin-top: 20px;
text-align: center;
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/sm.callback.email/style.css?1784568701780*/
[data-buy=сallback-email] {
cursor: pointer;
}
.sm-сallback-email {
max-width: 450px;
}
.sm-сallback-email .sm-popup_title,
.sm-сallback-email-thank-you .sm-popup_title {
margin-bottom: 25px;
font-size: 18px;
line-height: 24px;
}
.sm-сallback-email .sm-popup_text,
.sm-сallback-email-thank-you .sm-popup_text {
margin-bottom: 25px;
font-size: 14px;
line-height: 18px;
}
.sm-сallback-email .input-list {
flex-direction: column;
}
.sm-сallback-email .input-list-i {
width: 100%;
}
.sm-сallback-email .input-list-i textarea {
resize: vertical;
min-height: 50px;
max-height: 150px;
}
.sm-сallback-email ._invalid-message {
margin-top: 0;
}
.sm-сallback-email ._btn,
.sm-сallback-email-thank-you ._btn {
width: 100%;
margin-top: 20px;
text-align: center;
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/sm.callback-factory/style.css?1784568701681*/
[data-buy$="-factory"] {
cursor: pointer;
}
.sm-callback-factory {
max-width: 450px;
}
.sm-callback-factory .sm-popup_title,
.sm-callback-factory-thank-you .sm-popup_title {
margin-bottom: 25px;
font-size: 18px;
line-height: 24px;
}
.sm-callback-factory .sm-popup_text,
.sm-callback-factory-thank-you .sm-popup_text {
margin-bottom: 25px;
font-size: 14px;
line-height: 18px;
}
.sm-callback-factory .input-list {
flex-direction: column;
}
.sm-callback-factory .input-list-i {
width: 100%;
}
.sm-callback-factory ._invalid-message {
margin-top: 0;
}
.sm-callback-factory ._btn,
.sm-callback-factory-thank-you ._btn {
width: 100%;
margin-top: 20px;
text-align: center;
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/sm.checkbox/style.css?1784568701927*/
label.checkbox2 {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
min-width: 18px;
height: 18px;
margin-bottom: 0;
border-radius: 3px;
border: 1px solid #2F303D;
background: #2F303D;
position: relative;
overflow: hidden;
cursor: pointer;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label.checkbox2:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(/local/templates/surmebel_v.2/libs/sm.checkbox/check-white.svg) center/14px no-repeat;
transition: opacity 0.18s ease-in-out;
opacity: 0;
}
input[type=checkbox]:checked + label.checkbox2:after {
opacity: 1;
transform: scale(1);
}
label.checkbox2 + span {
margin-left: 8px;
line-height: 18px;
}
label.checkbox2 + span a {
text-decoration: underline;
}
.checkbox2._white {
border: 1px solid #F4F4F6;
background: #F4F4F6;
}
input[type=checkbox] + label.checkbox2._white:after{
background-image: url(/local/templates/surmebel_v.2/libs/sm.checkbox/check-black.svg);
}
/* End */
/* Start:/local/templates/surmebel_v.2/libs/link-menu/style.css?17845687013988*/
.link-menu {
display: none;
position: fixed;
width: 160px;
height: 36px;
right: 35px;
bottom: 0;
z-index: 1000;
cursor: pointer;
}
.link-menu._show {
display: flex;
}
.link-menu:hover {
height: 55px;
}
.link-menu_c {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 36px;
margin-top: auto;
background-color: #ee3535;
box-shadow: 0 0 5px rgba(0,0,0,.2);
border-radius: 6px 6px 0 0;
}
.link-menu_c:hover {
bottom: 0;
background-color: #ee3131;
}
.link-menu_c:before {
content: '';
display: block;
width: 20px;
height: 20px;
background: url(/local/templates/surmebel_v.2/icons/link-menu/chat.svg) center center no-repeat;
background-size: contain;
margin-right: 12px;
}
.link-menu_label {
color: #fff;
}
.link-menu_list {
display: none;
position: fixed;
width: 170px;
bottom: 50px;
margin-left: -10px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 17px 1px, rgba(0, 0, 0, 0.16) 0 0 4px;
border-radius: 6px;
}
.link-menu:hover .link-menu_list {
display: block;
}
.link-menu_list:after {
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
right: 15px;
bottom: -5px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 17px 1px, rgba(0, 0, 0, 0.16) 0 0 4px;
transform: rotate(45deg);
z-index: -1;
}
.link-menu_list-c {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 6px;
}
.link-menu_list-i {
display: flex;
align-items: center;
justify-content: start;
height: 36px;
padding: 0 15px;
}
.link-menu_list-i:hover {
background-color: #f1f2f7;
}
.link-menu_list-i:before {
content: '';
display: block;
width: 16px;
height: 16px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 12px;
}
.link-menu_list-i._WhatsApp:before,
.link-menu_list-i._WhatsAppPopUp:before {
background-image: url(/local/templates/surmebel_v.2/icons/link-menu/whats_app.svg);
}
.link-menu_list-i._Telegram:before,
.link-menu_list-i._TelegramPopUp:before {
background-image: url(/local/templates/surmebel_v.2/icons/link-menu/telegram_app.svg);
}
.link-menu_list-i._Max:before {
background-image: url(/local/templates/surmebel_v.2/icons/link-menu/max_app.png);
}
.link-menu_list-i._JivoChat:before {
background-image: url(/local/templates/surmebel_v.2/icons/link-menu/chat2.svg);
}
.link-menu_list-i._AmoCRMChat:before {
background-image: url(/local/templates/surmebel_v.2/icons/link-menu/chat2.svg);
}
._hideChat {
right: -100% !important;
opacity: 0 !important;
}
.chat-reg {
position: sticky;
width: 320px;
min-height: 230px;
margin-left: auto;
padding: 25px;
right: 35px;
bottom: 70px;
z-index: 1001;
background-color: #fff;
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
border: 2px solid #ee3535;
border-radius: 25px;
color: #34343a;
}
.chat-reg._whatsapp {
min-height: 190px;
}
.chat-reg_close {
position: absolute;
width: 30px;
height: 30px;
line-height: 28px;
top: 15px;
right: 15px;
font-size: 26px;
text-align: center;
border: 1px solid #34343a;
border-radius: 100%;
background-color: #fff;
cursor: pointer;
transition: background-color .3s ease;
}
.chat-reg_close:hover {
color: #000;
border: 1px solid #000;
font-weight: bold;
}
.chat-reg p {
font-weight: bold;
font-size: 16px;
}
.chat-reg input {
width: 100%;
height: 36px;
margin-top: 15px;
padding: 5px 10px;
border: none;
border-bottom: 1px solid #d8d8d8;
}
.chat-reg input._no-valid {
border-bottom-color: #ee3535;
}
.chat-reg input._no-valid::placeholder {
font-weight: bold;
}
.chat-reg_message {
color: #ed1c24;
font-size: 12px;
margin-top: 10px;
}
.chat-reg button {
width: 100%;
height: 40px;
margin-top: 15px;
background-color: #ee3535;
color: #fff;
cursor: pointer;
border-radius: 3px;
transition: background-color .3s ease;
}
.chat-reg button:hover {
background-color: #a82a2a;
}
@media (max-width: 480px) {
.chat-reg {
width: calc(100% - 40px);
right: 20px;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/main_old.css?1784568701404806*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic');
/*fonts*/
/*plugins*/
/*! nouislider - 12.1.0 - 10/25/2018 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
/* Offset direction
*/
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
-webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
-webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%, 0);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
/**
* Swiper 4.3.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 5, 2018
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/*
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1MS44NDZweCIgaGVpZ2h0PSI0NTEuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ2IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDYgNDUxLjg0NzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM0NS40NDEsMjQ4LjI5MkwxNTEuMTU0LDQ0Mi41NzNjLTEyLjM1OSwxMi4zNjUtMzIuMzk3LDEyLjM2NS00NC43NSwwYy0xMi4zNTQtMTIuMzU0LTEyLjM1NC0zMi4zOTEsMC00NC43NDQNCgkJTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0DQoJCWM2LjE3Nyw2LjE4LDkuMjYyLDE0LjI3MSw5LjI2MiwyMi4zNjZDMzU0LjcwOCwyMzQuMDE4LDM1MS42MTcsMjQyLjExNSwzNDUuNDQxLDI0OC4yOTJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
left: 0;
transform: rotate(180deg);
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1MS44NDZweCIgaGVpZ2h0PSI0NTEuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ2IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDYgNDUxLjg0NzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM0NS40NDEsMjQ4LjI5MkwxNTEuMTU0LDQ0Mi41NzNjLTEyLjM1OSwxMi4zNjUtMzIuMzk3LDEyLjM2NS00NC43NSwwYy0xMi4zNTQtMTIuMzU0LTEyLjM1NC0zMi4zOTEsMC00NC43NDQNCgkJTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0DQoJCWM2LjE3Nyw2LjE4LDkuMjYyLDE0LjI3MSw5LjI2MiwyMi4zNjZDMzU0LjcwOCwyMzQuMDE4LDM1MS42MTcsMjQyLjExNSwzNDUuNDQxLDI0OC4yOTJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
right: 0;
}
*/
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 50px;
height: 40px;
font-size: 30px;
background-color: rgba(255, 255, 255, 0);
margin-top: 0;
z-index: 10;
cursor: pointer;
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 0;
-webkit-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 0;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: 20px;
/*display: block;*/
position: absolute;
/*left: 50%;*/
bottom: 0;
/*transform: translateX(-50%);*/
white-space: nowrap;
z-index: 1;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 20px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 7px;
height: 7px;
display: inline-block;
border: 1px solid #fff;
background: #fff;
position: relative;
margin: 0 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, background .3s ease;
transition: transform .3s ease, background .3s ease, -webkit-transform .3s ease;
}
/*
.swiper-pagination-bullet:hover {
border: 2px solid var(--primaryRed);
}
.swiper-pagination-bullet::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 10px;
border-radius: 100%;
background: #d1d1d1;
transform: translate(-50%, -50%) scale(0);
transition: background .2s ease, transform .2s ease;
}
*/
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
/*border: 2px solid var(--primaryRed);*/
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5);
background: rgba(255, 255, 255, 0);
}
/*
.swiper-pagination-bullet-active:before {
background: var(--primaryRed);
transform: translate(-50%, -50%) scale(1);
}
*/
.swiper-container-vertical > .swiper-pagination-bullets {
right: 18px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;overflow-scrolling:touch}
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}
.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}
.glightbox-container .gslide{height:100%;width:100%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glightbox-container .gslide.current{opacity:1;z-index:99999}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}
.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gslide-image img{max-height:100vh;display:block;max-width:100%;margin:0;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;width:initial}
.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}
.gslide-video:before{content:'';position:absolute;width:100%;height:100%;background:rgba(255, 0, 0, .34);display:none}
.gslide-video.playing:before{display:none}
.gslide-video .jw-media,.gslide-video .jw-video{position:relative!important}
.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto!important}
.gslide-video .box-emboss,.gslide-video .jwplayer{outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}
.gslide-video .box-emboss .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.gslide-video object{position:absolute;top:0;left:0}
.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}
.ginlined-content{overflow:auto;display:block!important;opacity:1}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}
.gslide-media{display:block;width:auto}
.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}
.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p::last-child{margin-bottom:0}
.glightbox-mobile .glightbox-container .gslide-description{position:absolute;bottom:15px;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0, 0, 0, 0)),to(rgba(0, 0, 0, .75)));background:linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, .75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}
.gdesc-open .gslide-description{padding-bottom:30px}
.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
.greset{-webkit-transition:all .5s ease;transition:all .5s ease}
.glightbox-desc{display:none}
.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto;height:auto}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}
.gclose,.gnext,.gprev{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}
.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}
.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}
.glightbox-clean .gslide-description{background:#fff;padding:22px 20px}
.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0, 0, 0, .08);position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=)}
.glightbox-clean .gprev{background-position:4px 5px;top:-100%;left:30px;width:38px;height:56px}
.glightbox-clean .gnext{background-position:-27px 5px;top:-100%;right:30px;width:38px;height:56px}
.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;opacity:.7;background-position:-59px 2px}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}
@keyframes gfadeIn{from{opacity:0}to{opacity:1}}
@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}
@keyframes gfadeOut{from{opacity:1}to{opacity:0}}
@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}
@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}
@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}
@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}
@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}
@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}
@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}}
@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{width:auto;width:initial;max-height:97vh}.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh!important}.gslide-external,.gslide-inline{max-height:95vh}.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.goverlay{background:rgba(0, 0, 0, .92)}.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0 rgba(0, 0, 0, .65);box-shadow:1px 2px 9px 0 rgba(0, 0, 0, .65)}.glightbox-clean .gnext,.glightbox-clean .gprev{top:45%}}
@media (min-width:62em){.glightbox-clean .gclose{right:20px}}
@charset "utf-8";
/*
| tail.select - Another solution to make select fields beautiful again!
| @file ./css/tail.select-default.css
| @author SamBrishes
| @version 0.5.6 - Beta
|
| @website https://github.com/pytesNET/tail.select
| @license X11 / MIT License
| @copyright Copyright © 2014 - 2019 SamBrishes, pytesNET
*/
/* @start GENERAL */
.tail-select,
.tail-select *,
.tail-select *:before,
.tail-select *:after{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.tail-select{
width: 250px;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
}
.tail-select mark{
color: #fff;
background-color: #DC4650;
}
.tail-select button.tail-all,
.tail-select button.tail-none{
color: #808080;
cursor: pointer;
margin: 1px 3px 0 0;
padding: 1px 5px;
display: inline-block;
font-size: 10px;
text-shadow: none;
line-height: 14px;
vertical-align: top;
outline: none;
background-color: transparent;
border: 1px solid #a0a0a0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.tail-select button.tail-all:hover{
color: #3C82E6;
border-color: #3C82E6;
background-color: transparent;
}
.tail-select button.tail-none:hover{
color: #DC4650;
border-color: #DC4650;
background-color: transparent;
}
.tail-select-container{
margin: 0;
padding: 3px;
text-align: left;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
}
.tail-select-container .select-handle{
width: auto;
color: #FFFFFF;
cursor: pointer;
margin: 1px;
padding: 2px 24px 2px 5px;
display: inline-block;
position: relative;
font-size: 12px;
text-align: left;
line-height: 16px;
vertical-align: top;
background-color: #3C82E6;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: background 142ms linear;
-moz-transition: background 142ms linear;
-webkit-transition: background 142ms linear;
}
.tail-select-container .select-handle:hover{
background-color: #DC4650;
}
.tail-select-container .select-handle:after{
top: 0;
margin: 0;
padding: 0;
z-index: 21;
display: inline-block;
content: "";
position: absolute;
background-repeat: no-repeat;
background-position: center center;
width: 24px;
height: 21px;
opacity: 0.3;
vertical-align: top;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
transition: opacity 142ms linear;
-moz-transition: opacity 142ms linear;
-webkit-transition: opacity 142ms linear;
}
.tail-select-container .select-handle:hover:after{
opacity: 1;
}
/* @end GENERAL */
/* @start LABEL */
.tail-select .select-label{
cursor: pointer;
color: #303438;
width: 100%;
margin: 0;
padding: 5px 10px;
display: block;
z-index: 1;
position: relative;
font-size: 14px;
text-align: left;
line-height: 28px;
background-color: #FFFFFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
/*
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
*/
-webkit-transition: -webkit-box-shadow 142ms linear;
transition: -webkit-box-shadow 142ms linear;
transition: box-shadow 142ms linear;
transition: box-shadow 142ms linear, -webkit-box-shadow 142ms linear;
-moz-transition: box-shadow 142ms linear;
-webkit-transition: box-shadow 142ms linear;
border: 1px solid #aaa;
}
.tail-select .select-label:after{
top: 0;
margin: 0;
padding: 0;
z-index: 21;
display: inline-block;
content: "";
position: absolute;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
right: 0;
width: 34px;
height: 38px;
opacity: 0.5;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMCA1bDYgNiA2LTZIM\
HoiLz48L3N2Zz4=");
-webkit-transition: opacity 142ms linear, -webkit-transform 142ms linear;
transition: opacity 142ms linear, -webkit-transform 142ms linear;
transition: opacity 142ms linear, transform 142ms linear;
transition: opacity 142ms linear, transform 142ms linear, -webkit-transform 142ms linear;
-moz-transition: opacity 142ms linear, transform 142ms linear;
-webkit-transition: opacity 142ms linear, transform 142ms linear;
}
.tail-select .select-label .label-count{
margin: 0 5px 0 0;
padding: 0 7px 0 0;
display: inline-block;
border-right: 1px solid #cccccc;
}
.tail-select .select-label .label-count,
.tail-select .select-label .label-inner{
opacity: 0.75;
transition: border-color 142ms linear, opacity 142ms linear;
-moz-transition: border-color 142ms linear, opacity 142ms linear;
-webkit-transition: border-color 142ms linear, opacity 142ms linear;
}
.tail-select:hover .select-label,
.tail-select.idle .select-label,
.tail-select.active .select-label{
z-index: 25;
}
.tail-select.active .select-label{
z-index: 27;
border-color: rgba(170, 170, 170, 0);
}
.tail-select:hover .select-label:after,
.tail-select.idle .select-label:after,
.tail-select.active .select-label:after{
opacity: 0.85;
}
.tail-select:hover .select-label .label-count,
.tail-select.idle .select-label .label-count,
.tail-select.active .select-label .label-count,
.tail-select:hover .select-label .label-inner,
.tail-select.idle .select-label .label-inner,
.tail-select.active .select-label .label-inner{
opacity: 1;
}
.tail-select.active .select-label:after{
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.tail-select.disabled .select-label{
cursor: not-allowed;
background-color: #ededed;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .35);
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .35);
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .35);
}
/* @end LABEL */
/* @start DROPDOWN */
.tail-select .select-dropdown{
top: 0;
width: 100%;
height: auto;
min-height: 35px;
/*margin: -1px 0 0 0;*/
padding: 0;
padding-top: 40px;
display: none;
z-index: 23;
overflow: hidden;
position: absolute;
font-size: 14px;
text-align: left;
line-height: 22px;
background-color: #FFFFFF;
border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
/*
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
*/
-webkit-transition: -webkit-box-shadow 142ms linear;
transition: -webkit-box-shadow 142ms linear;
transition: box-shadow 142ms linear;
transition: box-shadow 142ms linear, -webkit-box-shadow 142ms linear;
-moz-transition: box-shadow 142ms linear;
-webkit-transition: box-shadow 142ms linear;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}
.tail-select.active .select-dropdown{
z-index: 26;
}
.tail-select .select-dropdown .dropdown-search,
.tail-select .select-dropdown .dropdown-inner,
.tail-select .select-dropdown .dropdown-empty,
.tail-select .select-dropdown .dropdown-action,
.tail-select .select-dropdown input[type=text].search-input{
width: 100%;
margin: 0;
padding: 0;
display: block;
}
.tail-select .select-dropdown .dropdown-search{
z-index: 30;
position: relative;
border-bottom: 1px solid #cccccc;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}
.tail-select .select-dropdown .dropdown-search input[type=text].search-input{
color: #303438;
padding: 10px 15px;
font-size: 12px;
text-align: left;
line-height: 20px;
outline: none;
background-color: transparent;
border: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.tail-select .select-dropdown .dropdown-inner{
padding: 0;
overflow-x: hidden;
overflow-y: auto;
}
.tail-select .select-dropdown .dropdown-empty{
padding: 16px 0 15px 0;
font-size: 12px;
text-align: center;
line-height: 18px;
}
.tail-select .select-dropdown .dropdown-action{
padding: 6px 0 5px 0;
text-align: center;
border-bottom: 1px solid #cccccc;
background-color: #f2f2f2;
}
.tail-select .select-dropdown .dropdown-action button{
font-size: 12px;
line-height: 16px;
}
.tail-select .select-dropdown ul,
.tail-select .select-dropdown ul li{
width: auto;
margin: 0;
padding: 0;
display: block;
position: relative;
list-style: none;
}
.tail-select .select-dropdown ul li{
color: #303438;
cursor: pointer;
padding: 10px 10px 10px 35px;
font-size: 12px;
text-align: left;
line-height: 18px;
}
/*
.tail-select .select-dropdown ul li:first-of-type{
margin-top: 7px;
}
*/
/*
.tail-select .select-dropdown ul li:last-of-type{
margin-bottom: 7px;
}
*/
.tail-select .select-dropdown ul li.optgroup-title{
padding-left: 10px;
font-size: 14px;
background-color: transparent;
}
.tail-select .select-dropdown ul li.optgroup-title button{
float: right;
}
.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option.hover{
background-color: #e0e0e0;
}
.tail-select .select-dropdown ul li.dropdown-option:before{
margin: 0;
padding: 0;
z-index: 21;
display: inline-block;
content: "";
position: absolute;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
top: 0;
left: 0;
width: 30px;
height: 38px;
transition: opacity 50ms linear;
-moz-transition: opacity 50ms linear;
-webkit-transition: opacity 50ms linear;
}
.tail-select .select-dropdown ul li .option-description{
color: #484e53;
width: auto;
margin: 0;
padding: 0;
display: block;
font-size: 10px;
text-align: left;
line-height: 14px;
}
.tail-select.open-top .select-dropdown{
top: auto;
bottom: 100%;
margin: 0 0 -1px 0;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.tail-select.disabled .select-dropdown ul li.dropdown-option,
.tail-select .select-dropdown ul li.dropdown-option.disabled{
cursor: not-allowed;
opacity: 0.65;
background-color: #ededed;
}
.tail-select.hide-selected .select-dropdown ul li.selected{
display: none;
}
.tail-select.hide-disabled .select-dropdown ul li.disabled{
display: none;
}
.tail-select .select-dropdown ul li:before{
opacity: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQtN\
CAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==");
}
.tail-select .select-dropdown ul li:hover:before{
opacity: 0.5;
}
.tail-select .select-dropdown ul li.selected:before{
opacity: 0.85;
}
.tail-select.deselect .select-dropdown ul li.selected:hover:before{
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNNy40OCA4bDMuNzUgM\
y43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4yNWwxLjQ4LTEuNDhMNiA2\
LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
}
.tail-select.multiple .select-dropdown ul li:before{
opacity: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
SDFWMmgxMnYxMnpNNiA5SDNWN2gzVjRoMnYzaDN2Mkg4djNINlY5eiIvPjwvc3ZnPg==");
}
.tail-select.multiple .select-dropdown ul li:hover:before{
opacity: 0.5;
}
.tail-select.multiple .select-dropdown ul li.selected:before{
opacity: 0.85;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
SDFWMmgxMnYxMnpNNCA4YzAtMS42NiAxLjM0LTMgMy0zczMgMS4zNCAzIDMtMS4zNCAzLTMgMy0zLTEuMzQtMy0zeiIvPjw\
vc3ZnPg==");
}
.tail-select.multiple .select-dropdown ul li.selected:hover:before{
opacity: 0.85;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
SDFWMmgxMnYxMnptLTItNUgzVjdoOHYyeiIvPjwvc3ZnPg==");
}
.tail-select.disabled .select-dropdown ul li:before,
.tail-select .select-dropdown ul li.disabled:before{
opacity: 0.85;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNNyAxQzMuMTQgMSAwI\
DQuMTQgMCA4czMuMTQgNyA3IDcgNy0zLjE0IDctNy0zLjE0LTctNy03em0wIDEuM2MxLjMgMCAyLjUuNDQgMy40NyAxLjE3\
bC04IDhBNS43NTUgNS43NTUgMCAwIDEgMS4zIDhjMC0zLjE0IDIuNTYtNS43IDUuNy01Ljd6bTAgMTEuNDFjLTEuMyAwLTI\
uNS0uNDQtMy40Ny0xLjE3bDgtOGMuNzMuOTcgMS4xNyAyLjE3IDEuMTcgMy40NyAwIDMuMTQtMi41NiA1LjctNS43IDUuN3\
oiLz48L3N2Zz4=");
}
.tail-select.multiple.disabled .select-dropdown ul li:before,
.tail-select.multiple .select-dropdown ul li.disabled:before{
opacity: 0.85;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
SDFWMmgxMnYxMnptLTguNS0ySDN2LTEuNUw5LjUgNEgxMXYxLjVMNC41IDEyeiIvPjwvc3ZnPg==");
}
/* @end DROPDOWN */
/*global*/
* {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
p {
margin: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
button {
padding: 0;
margin: 0;
border: 0;
background: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
}
/* chrome */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* firefox */
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}
/* other */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
:root {
/*colors*/
/* sizes */
/*
--mobile: 320px;
--tablet: 768px;
--desctop-rect: 1200px;
--desctop-landscape: 1800px;
*/
}
/*svg:not([class]) {*/
/* width: 0;*/
/* height: 0;*/
/* overflow: hidden;*/
/* display: none;*/
/*}*/
.gclose svg:not([class]),
.gprev svg:not([class]),
.gnext svg:not([class]) {
width: 0;
height: 0;
overflow: hidden;
display: none;
}
.icon {
position: relative;
display: block;
width: 1em;
height: 1em;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
.icon svg, .icon img {
display: block;
width: 1em;
height: 1em;
max-width: 100%;
max-height: 100%;
}
.icon svg {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
fill: inherit;
stroke: inherit;
stroke-width: inherit;
}
* {
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text]::-ms-clear { display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
html {
height: 100%;
}
body {
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #333;
min-width: 320px;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
body.scroll-blocked {
overflow: hidden;
}
input {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.input {
width: 100%;
height: 40px;
background: #fff;
border-radius: 3px;
border: 1px solid #c6c6c6;
text-align: center;
}
.textarea {
font-family: 'Roboto', sans-serif;
font-size: 14px;
width: 100%;
padding: 20px;
border-radius: 3px;
border: 1px solid #c6c6c6;
resize: none;
}
.page-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-body__left-bar {
width: 280px;
height: 100%;
position: fixed;
left: 0;
top: 0;
padding-top: 60px;
z-index: 10000;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: width .3s ease, -webkit-transform .3s ease;
transition: width .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, width .3s ease;
transition: transform .3s ease, width .3s ease, -webkit-transform .3s ease;
}
body.left-bar-opened .page-body__left-bar {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.page-body__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/*padding-top: 56px;*/
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #fff;
}
.container {
padding: 0 15px;
}
.section {
padding: 30px 0;
}
.section-button-wrap {
padding-top: 20px;
}
.overlay {
position: absolute;
left: 0;
top: 66px;
width: 100%;
height: calc(100vh - 66px);
background: rgba(0, 0, 0, .5);
z-index: 10000;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease;
transition: visibility .3s ease, opacity .3s ease;
}
body.left-bar-opened .overlay {
visibility: visible;
opacity: 1;
}
.hard-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
z-index: 5;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease;
transition: visibility .3s ease, opacity .3s ease;
}
body.right-bar-opened .hard-overlay {
visibility: visible;
opacity: 1;
}
.page-head {
margin-bottom: 10px;
}
.page-head__container {
border: 1px solid #c1c1c1;
padding: 15px 20px;
background: #424348;
}
.page-head__container .page-title__title {
color: #fff;
}
.page-head__container .location__caption {
color: #fff;
}
.page-head .page-title {
margin: 0;
}
.section-title {
min-height: 54px;
padding: 7px 18px;
text-transform: uppercase;
border-bottom: 1px solid #d8d8d8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-title__text {
padding: 5px 0;
}
.product-summary .section-title {
border-bottom: none;
}
.product-summary .section-title__text {
font-size: 18px;
font-weight: 500;
border-bottom: 2px solid #efd45f;
}
.section-title__addition {
padding: 5px 0;
}
.section-title .button--more {
max-width: 350px;
height: 40px;
font-size: 18px;
padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 1219px) {
.page-body__left-bar {
width: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.left-bar-opened .page-body__left-bar {
width: 280px;
}
}
@media (min-width: 768px) {
.page-head {
padding: 0 15px;
}
.section-button-wrap {
display: none;
}
.page-body__left-bar {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1220px) {
.page-head {
padding: 0 40px;
}
.page-body__content {
padding-top: 0;
width: calc(100% - 220px);
}
.section {
padding: 60px 0;
}
.container {
padding: 0 40px;
}
.page-body__left-bar {
padding-top: 0;
position: static;
position: initial;
width: auto;
width: initial;
height: 100%;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
.page-body__left-bar.is-fixed {
position: fixed;
left: 0;
top: 0;
width: 220px;
}
.page-body__content.is-padding {
padding-left: 220px;
}
}
@media (min-width: 1800px) {
.page-body__left-bar {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.page-body__content {
width: calc(100% - 300px);
}
.page-body__left-bar.is-fixed {
width: 300px;
}
.page-body__content.is-padding {
padding-left: 300px;
}
}
@-webkit-keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
@-webkit-keyframes zoomInMap {
0% { opacity: 0; -webkit-transform: scale(0.3) translate(-50%, -50%); transform: scale(0.3) translate(-50%, -50%);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); opacity: 1;}
}
@keyframes zoomInMap {
0% { opacity: 0; -webkit-transform: scale(0.3) translate(-50%, -50%); transform: scale(0.3) translate(-50%, -50%);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); opacity: 1;}
}
@-webkit-keyframes zoomInMapTable {
0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
@keyframes zoomInMapTable {
0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}
50% { opacity: 1; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomInMap {
-webkit-animation-name: zoomInMap;
animation-name: zoomInMap;
}
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft {
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -15%, 0);
transform: translate3d(100%, -15%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-10%, -15%, 0);
transform: translate3d(-10%, -15%, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -15%, 0);
transform: translate3d(100%, -15%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-10%, -15%, 0);
transform: translate3d(-10%, -15%, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-0-2s {
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.animated.delay-0-3s {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.animated.delay-0-4s {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.animated.delay-0-5s {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.animated.delay-0-6s {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.animated.delay-0-7s {
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (min-width: 768px) {
.zoomInMap {
-webkit-animation-name: zoomInMapTable;
animation-name: zoomInMapTable;
}
}
/*components*/
.products-offers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0 10px;
}
.products-offers__item {
margin: 0 10px 10px 0;
}
.products-offers__button {
font-weight: 400;
font-size: 14px;
height: 42px;
white-space: nowrap;
background-color: #fff;
border: 2px solid #EEF2F6;
border-radius: 25px;
color: #262626;
padding: 0 25px;
outline: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
line-height: 1;
}
.products-offers__button:hover {
color: #ee3535;
}
.products-offers__button:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
background-color: #EEF2F6;
}
.button-group {
margin: -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-group__item {
padding: 5px;
}
.button {
border: none;
border-radius: 3px;
cursor: pointer;
height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color .3s ease;
transition: color .3s ease;
font-family: 'Roboto', sans-serif;
}
.button__caption {
margin-right: 8px;
}
/* цвета кнопок */
.button--red {
background: #ee3535;
color: #fff;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.button--red:hover {
background: #a82a2a;
}
.button--yellow {
border: 1px solid #ffdd2d;
}
.button--gray {
height: 36px;
background-color: #dedede;
padding: 0 20px;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.button--gray:hover {
background-color: #ccc;
}
.button--orange {
background: #ffd34c;
color: #333;
font-size: 16px;
font-weight: 500;
height: 40px;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.button--empty {
background: transparent;
border: 1px solid #888;
color: #888;
-webkit-transition: border-color .3s ease, color .3s ease;
transition: border-color .3s ease, color .3s ease;
}
.button--empty:hover {
border-color: #ee3535;
color: #ee3535;
}
.button--blue {
background-color: #E2EBF3;
}
.button--colorless {
color: #666;
}
/* размеры кнопок */
.button--icon {
width: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
}
.button--wide {
width: 100%;
}
.button--simple {
width: 240px;
}
.button--more {
margin: 0 auto;
font-size: 12px;
text-transform: uppercase;
color: #888;
border: 1px solid #888;
border-radius: 0;
width: 100%;
max-width: 200px;
height: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}
.button--more:hover {
background-color: #ee3535;
border-color: #ee3535;
color: #fff;
}
.button:not(.button--icon) .icon {
font-size: 20px;
margin-right: 10px;
}
/* анимации */
.button--scale-animation {
}
.button--scale-animation .icon {
-webkit-transform: scale(.7);
transform: scale(.7);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.button--scale-animation:hover .icon {
-webkit-transform: scale(1);
transform: scale(1);
}
.select {
width: 100%;
height: 40px;
padding: 0 15px;
}
.toggle {
padding: 5px;
border: 1px solid #c6c6c6;
border-radius: 3px;
cursor: pointer;
display: table;
position: relative;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.toggle:hover {
border-color: #ee3535;
}
.toggle.is-disable {
pointer-events: none;
}
.toggle.is-disable .toggle__inner:before {
background: #c6c6c6;
}
.toggle__label {
top: 50%;
position: absolute;
right: 100%;
padding-right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}
.toggle__label--hidden {
}
.toggle__label--visible {
}
.toggle.is-left .toggle__label--hidden {
opacity: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.toggle.is-left .toggle__label--visible {
opacity: 1;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.toggle.is-right .toggle__label--hidden {
opacity: 1;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.toggle.is-right .toggle__label--visible {
opacity: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.toggle__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.toggle__inner:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
border-radius: 3px;
background: #ee3535;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.toggle.is-left .toggle__inner:before {
-webkit-transform: translateX(0) scaleY(1);
transform: translateX(0) scaleY(1);
}
.toggle.is-right .toggle__inner:before {
-webkit-transform: translateX(100%) scaleY(-1);
transform: translateX(100%) scaleY(-1);
}
.toggle__item {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #c6c6c6;
-webkit-transition: color .3s ease;
transition: color .3s ease;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle--icon .toggle__item {
width: 26px;
height: 26px;
}
.toggle--text .toggle__item {
width: 120px;
padding: 5px 10px;
}
.toggle.is-left .toggle__item:nth-child(1) {
color: #fff;
}
.toggle.is-right .toggle__item:nth-child(2) {
color: #fff;
}
.switch-tabs {
padding: 5px;
border: 1px solid #c6c6c6;
border-radius: 3px;
cursor: pointer;
display: table;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.switch-tabs:hover {
border-color: #ee3535;
}
.switch-tabs__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.switch-tabs__item {
font-size: 14px;
padding: 5px 12px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #c6c6c6;
-webkit-transition: color .3s ease;
transition: color .3s ease;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-tabs__item.is-active {
background: #ee3535;
color: #fff;
}
.switch-tabs__link {
}
@media (min-width: 768px) {
.toggle--text .toggle__item {
width: 150px;
padding: 5px;
}
.switch-tabs__item {
padding: 5px 20px;
}
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.form__field {
padding: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.form__field-4 {
padding: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.form__field-button {
padding: 10px;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.form__field-title {
padding-bottom: 10px;
}
.form__input {
width: 100%;
height: 40px;
padding: 0 20px;
border: 1px solid #c6c6c6;
border-radius: 3px;
}
@media (min-width: 768px) {
.form__field-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (min-width: 1220px) {
.form__field-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
}
.notifications {
position: fixed;
z-index: 10;
bottom: 10px;
right: 20px;
}
.notice {
display: none;
opacity: 0;
padding: 10px 0;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
transition: opacity 1s ease, -webkit-transform 1s ease;
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
}
.notice.is-active {
display: block;
opacity: 1;
}
.notice.is-out {
opacity: 0;
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.notice--wrong {
}
.notice--checked {
}
.notice--warning {
}
.notice-items {
width: 280px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
}
.notice__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-radius: 2px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
background-color: #FFFFFF;
padding: 25px 20px 20px;
position: relative;
}
.notice__close {
position: absolute;
width: 18px;
height: 18px;
right: 5px;
top: 5px;
cursor: pointer;
}
.notice__close:before,
.notice__close:after {
content: '';
width: 100%;
height: 2px;
background: #666;
position: absolute;
left: 0;
top: 50%;
}
.notice__close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.notice__close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.notice__icon {
border: 1px solid #c6c6c6;
min-width: 40px;
min-height: 40px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.notice--wrong .notice__card {
border-color: #ee3535;
}
.notice--wrong .notice__icon {
color: #ee3535;
}
.notice--checked .notice__card {
border-color: #61c954;
}
.notice--checked .notice__icon {
color: #61c954;
}
.notice--warning .notice__card {
border-color: #eea635;
}
.notice--warning .notice__icon {
color: #eea635;
}
.notice__text {
font-size: 12px;
padding-left: 15px;
}
.notice__title {
text-transform: uppercase;
font-weight: 500;
padding-bottom: 10px;
}
.notice__caption {
}
.check-button {
width: 150px;
height: 50px;
background-color: #ee3535;
position: fixed;
bottom: 0;
right: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup {
display: none;
}
.popup.is-open {
display: block;
}
.popup__frame-item {
position: fixed;
z-index: 5;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
height: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup-frame__item {
}
.popup__frame-item iframe {
width: 100%;
height: 100%;
}
.popup__frame-cancel {
display: none;
position: absolute;
top: -35px;
right: -35px;
z-index: 5;
color: #FFFFFF;
width: 30px;
height: 30px;
font-size: 18px;
cursor: pointer;
}
@media (min-width: 768px) {
.popup__frame-item {
width: 65%;
height: 80%;
}
.popup__frame-cancel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.main-banner {
position: relative;
height: 400px;
}
.main-banner__inner {
position: absolute;
width: 100%;
height: 100%;
}
.banner {
position: relative;
height: 400px;
width: 100%;
background: rgba(0, 0, 0, .5);
overflow: hidden;
}
/* whole banner */
.banner__image {
width: 100%;
height: 100%;
position: relative;
}
.banner__image-sm,
.banner__image-md,
.banner__image-rect,
.banner__image-full {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
}
.banner__image-sm { display: block; }
.banner__image-md { display: none; }
.banner__image-rect { display: none; }
.banner__image-full { display: none; }
@media (min-width: 768px) {
.banner__image-sm { display: none; }
.banner__image-md { display: block; }
.banner__image-rect { display: none; }
.banner__image-full { display: none; }
}
@media (min-width: 1220px) {
.banner__image-sm { display: none; }
.banner__image-md { display: none; }
.banner__image-rect { display: block; }
.banner__image-full { display: none; }
}
@media (min-width: 1800px) {
.banner__image-sm { display: none; }
.banner__image-md { display: none; }
.banner__image-rect { display: none; }
.banner__image-full { display: block; }
}
/* half banner */
.banner__half {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.banner__right {
left: 50%;
background-position: left center;
background-repeat: no-repeat;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .5s ease .1s;
transition: -webkit-transform .5s ease .1s;
transition: transform .5s ease .1s;
transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
display: none;
}
.swiper-slide-active .banner__right {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.banner__left {
right: 0;
background-position: center;
}
.banner__left-bg,
.banner__left-description {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-label {
position: absolute;
top: 120px;
padding: 10px 20px;
background: #333;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-label__caption-1,
.banner-label__caption-2 {
position: absolute;
font-size: 18px;
font-weight: 500;
}
.banner-label__caption-1 {
color: #ee3535;
top: -22px;
left: 0;
}
.banner-label__caption-2 {
font-size: 18px;
color: #ee3535;
position: absolute;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 25px;
left: -46px;
}
.banner-label__caption-3 {
position: absolute;
color: #fff;
width: 100%;
text-align: center;
font-size: 20px;
text-transform: uppercase;
padding: 10px;
top: 100%;
left: 0;
background-color: rgba(51, 51, 51, .7);
}
.banner-label__main-text {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
}
.banner__right-caption {
display: none;
position: absolute;
left: 0;
top: 220px;
background: #333;
padding: 10px 20px 10px 250px;
}
.banner__right-caption-text {
color: #fff;
font-size: 20px;
text-transform: uppercase;
text-align: center;
max-width: 350px;
}
.banner__button {
height: 50px;
width: 220px;
position: absolute;
left: 50%;
top: 150px;
font-size: 14px;
text-transform: uppercase;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.main-banner-prev,
.main-banner-next {
font-size: 14px;
color: #fff;
height: 100%;
top: 0;
}
.main-banner-prev {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.main-banner-next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-banner-prev:hover,
.main-banner-next:hover {
background-color: rgba(255, 255, 255, .3);
}
@media (min-width: 1220px) {
.main-banner {
position: relative;
height: 532px;
}
.banner {
height: 500px;
}
.banner__half {
width: 1000px;
}
.banner__left {
right: 50%;
background-position: right center;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
}
.swiper-slide-active .banner__left {
-webkit-transform: translateX(120px);
transform: translateX(120px);
}
.banner__left:before,
.banner__left:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-clip-path: polygon(880px 0, 100% 50%, 880px 100%, 0 100%, 0 0);
clip-path: polygon(880px 0, 100% 50%, 880px 100%, 0 100%, 0 0);
}
.banner__left:before {
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
.banner__left:after {
opacity: .5;
-webkit-transform: translateX(23px);
transform: translateX(23px);
}
.banner__left-bg,
.banner__left-description {
-webkit-clip-path: polygon(880px 0, 100% 50%, 880px 100%, 0 100%, 0 0);
clip-path: polygon(880px 0, 100% 50%, 880px 100%, 0 100%, 0 0);
}
.banner-label {
height: 80px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
top: 160px;
right: 0;
left: auto;
left: initial;
padding: 10px 70px 10px 20px;
-webkit-transition: -webkit-transform .5s ease .4s;
transition: -webkit-transform .5s ease .4s;
transition: transform .5s ease .4s;
transition: transform .5s ease .4s, -webkit-transform .5s ease .4s;
}
.banner-label__caption-3 {
display: none;
}
.banner__right-caption {
display: block;
}
.swiper-slide-active .banner-label {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.banner-label__main-text {
font-size: 48px;
}
.banner__button {
left: 0;
-webkit-transform: none;
transform: none;
-webkit-transform: initial;
transform: initial;
}
.banner__right {
display: block;
}
}
.page_oferta p {
margin: 1em 0;
text-align: justify;
}
.page_oferta .container {
max-width: 779px;
margin: 0 auto;
}
.article-frame {
}
.article-frame .action-card__banner .action-card__img:nth-child(1) {
display: block !important;
}
.article-content {
padding: 0 15px;
line-height: 1.5;
margin: 20px 0;
}
@media (max-width: 767px) {
.article-frame .container {
padding: 0;
}
}
@media (min-width: 768px) {
.article-content {
padding: 0;
}
}
.article-gallery {
}
.article-gallery__img {
display: block;
}
.article-gallery__img img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
.article-gallery .swiper-pagination-bullets {
position: unset;
}
.article-gallery .swiper-pagination-bullet {
-webkit-transform: unset;
transform: unset;
border-radius: 100%;
border: 1px solid #000;
background: #fff;
margin: 0 4px !important;
width: 10px;
height: 10px;
}
.article-gallery .swiper-pagination-bullet-active {
background: #000;
}
.gray-card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.gray-card-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 5px;
}
.gray-card {
height: 100%;
border: 1px solid #c6c6c6;
padding: 25px 20px;
border-radius: 3px;
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.gray-card.is-active {
border: 1px solid #ee3535;
}
.gray-card__check {
position: absolute;
right: 0;
bottom: 0;
width: 112px;
height: 112px;
-webkit-transform: rotate(45deg) translate(80px, 0px);
transform: rotate(45deg) translate(80px, 0px);
background: #c6c6c6;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.gray-card.is-active .gray-card__check {
background: #ee3535;
}
.gray-card__check .icon {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 46px;
left: 20px;
color: #fff;
font-size: 16px;
}
.gray-card__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.gray-card__group-icon {
color: #666;
font-size: 16px;
}
.gray-card__group-text {
font-size: 14px;
padding: 2px 0 0 5px;
}
.gray-card__button-group {
padding-right: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.gray-card__button {
width: 40px;
height: 40px;
border: 1px solid #c6c6c6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #888;
font-size: 18px;
margin: 0 5px;
}
.gray-card__icon {
font-size: 36px;
color: #c6c6c6;
margin-bottom: 20px;
}
.gray-card__description {
padding-right: 50px;
}
.gray-card__description-title {
text-transform: uppercase;
font-weight: 500;
margin-bottom: 15px;
}
.gray-card__description-text {
color: #666;
}
@media (min-width: 768px) {
.gray-card-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (min-width: 1024px) {
.gray-card-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
}
@media (min-width: 1800px) {
.gray-card-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
.page-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-title__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-title__cell {
}
.page-title__title {
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
margin-left: 0;
position: relative;
/*min-height: 36px;
padding-top: 5px;
padding-bottom: 5px;*/
border-bottom: 2px solid #efd45f;
}
.page-title__incut {
display: inline;
}
.page-title__items-amount {
margin: 0 5px;
font-weight: 500;
}
.page-title--subtitle {
font-size: 18px;
margin-bottom: 10px;
}
.page-title__rect1,
.page-title__rect2 {
display: none;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 18px;
}
.page-title__rect1 {
top: 14px;
}
.page-title__rect1:before,
.page-title__rect1:after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
}
.page-title__rect1:before {
top: 0;
border: 20px solid transparent;
border-top: 0;
border-bottom: 9px solid #333;
}
.page-title__rect1:after {
bottom: 0;
border: 20px solid transparent;
border-bottom: 0;
border-top: 9px solid #333;
}
.page-title__rect2 {
top: 6px;
}
.page-title__rect2:before,
.page-title__rect2:after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
}
.page-title__rect2:before {
top: 0;
border: 20px solid transparent;
border-top: 0;
border-bottom: 9px solid #ee3535;
}
.page-title__rect2:after {
bottom: 0;
border: 20px solid transparent;
border-bottom: 0;
border-top: 9px solid #ee3535;
}
.page-title__additional {
display: none;
}
.page-title__additional a {
display: block;
padding: 10px;
margin-right: -10px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.page-title__additional a:hover {
color: #ee3535;
}
.page-title__tabs {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 10px;
}
.page-title__more {
display: block;
color: #666;
}
.page-title__label {
background: #ee3535;
padding: 0 20px;
border-radius: 20px;
height: 40px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
@media (max-width: 767px) {
/* article title */
.page-title--article .page-title__title {
font-size: 18px;
padding-left: 0;
}
.page-title--article .page-title__rect1,
.page-title--article .page-title__rect2 {
display: none;
}
}
@media (min-width: 768px) {
.page-title {
margin-bottom: 30px;
}
.page-title__title {
font-size: 22px;
padding-top: 0;
}
.page-title__additional {
display: block;
}
}
@media (min-width: 1220px) {
.page-title {
margin-bottom: 40px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.page-title__tabs {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin-top: 0;
}
.page-title__label {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 0;
}
}
.checklist {
}
.checklist__item {
margin-bottom: 10px;
}
.checklist__item:last-child {
margin-bottom: 0;
}
.checklist.is-cover {
}
.checklist.is-cover .checklist__item:nth-child(n+11) {
display: none;
}
.checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox__input {
display: none;
}
.checkbox__color {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 0 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.checkbox__color img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.checkbox__control {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: block;
width: 20px;
height: 20px;
-webkit-transition:
background-color .3s ease,
border-color .3s ease,
opacity .3s ease;
transition:
background-color .3s ease,
border-color .3s ease,
opacity .3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.checkbox__control::before {
content: '';
position: absolute;
border: 1px solid #c1c1c1;
top: 50%;
left: 50%;
display: block;
width: 100%;
height: 100%;
color: #fff;
border-radius: 3px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background-color .3s ease, width .3s ease, height .3s ease;
transition: background-color .3s ease, width .3s ease, height .3s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox__input:checked ~ .checkbox__control {
}
.checkbox__input:checked ~ .checkbox__control:before {
opacity: 1;
background-color: #ee3535;
border-color: #ee3535;
width: 50%;
height: 90%;
}
.checkbox__input[disabled] ~ .checkbox__control {
opacity: .5;
}
.checkbox__label {
display: block;
margin: 0 0 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.checkbox__input[disabled] ~ .checkbox__label {
opacity: .5;
}
.checklist-color {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -4px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.checklist-color__item {
padding: 4px;
}
.checklist-color__item:last-child {
margin-bottom: 0;
}
.checkbox-color {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-color__input {
display: none;
}
.checkbox-color__control {
position: relative;
display: block;
width: 30px;
height: 30px;
border-radius: 3px;
-webkit-transition:
background-color .3s ease,
border-color .3s ease,
opacity .3s ease;
transition:
background-color .3s ease,
border-color .3s ease,
opacity .3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
}
.checkbox-color__check {
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
-webkit-transform: translate(-50%, -100%) scale(0) rotate(-180deg);
transform: translate(-50%, -100%) scale(0) rotate(-180deg);
opacity: 0;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: transform .3s ease .3s, opacity .3s ease;
transition: transform .3s ease .3s, opacity .3s ease, -webkit-transform .3s ease .3s;
}
.checkbox-color__check > span {
position: absolute;
top: 0;
left: 0;
}
.checkbox-color__check > span:nth-child(1) {
font-size: 14px;
opacity: .5;
}
.checkbox-color__check > span:nth-child(2) {
font-size: 14px;
color: #fff;
}
.checkbox-color__input:checked ~ .checkbox-color__control .checkbox-color__check {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
transform: translate(-50%, -50%) scale(1) rotate(0deg);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}
.breadcrumbs-wrap {
display: none;
}
.breadcrumbs-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0 10px;
}
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: #fff;
border-radius: 3px;
overflow: hidden;
}
.breadcrumbs__item {
position: relative;
}
.breadcrumbs__item:not(:last-child) {
}
.breadcrumbs__item:not(:last-child):after {
content: '/';
}
.breadcrumbs__link {
padding-left: 4px;
font-size: 14px;
line-height: 24px;
color: #666;
max-width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
color: #ee3535;
}
a.breadcrumbs__link:hover {
color: #ee3535;
}
@media (min-width: 1220px) {
.breadcrumbs-wrap {
display: block;
}
}
.pagination-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 0;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination__item {
padding: 0 3px;
}
.pagination__link {
width: 30px;
height: 40px;
border-radius: 3px;
border: 1px solid rgba(136, 136, 136, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: border-color .3s ease, background .3s ease;
transition: border-color .3s ease, background .3s ease;
}
.pagination__link--back {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination__link--next {
}
.pagination__link:hover {
border: 1px solid rgba(136, 136, 136, 1);
}
.pagination__link.is-active {
border: 1px solid #ee3535;
background: #ee3535;
color: #fff;
}
@media (min-width: 768px) {
.pagination__link {
width: 40px;
}
}
.left-bar-caption {
padding: 5px 0;
line-height: 20px;
text-align: center;
color: #fff;
background-color: #444;
}
.left-bar {
background: #333;
/*height: calc(100% - 30px);*/
height: 100%;
width: 100%;
overflow-x: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.left-bar__body {
padding-top: 10px;
}
.left-bar__head {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
height: 70px;
}
.left-bar__head-icon {
font-size: 20px;
}
.left-bar__head-caption {
font-weight: 500;
text-transform: uppercase;
padding-left: 20px;
font-size: 16px;
}
.left-bar__catalog {
position: relative;
}
.left-bar__catalog.left-bar__catalog--mobile {
padding-bottom: 10px;
}
.left-bar__catalog-item {
position: relative;
-webkit-transition: background .2s ease;
transition: background .2s ease;
}
.left-bar__catalog-item:hover {
background: rgba(0, 0, 0, .15);
}
.left-bar__catalog-item:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background: #ee3535;
-webkit-box-shadow: 0 0 0 0 #ee3535;
box-shadow: 0 0 0 0 #ee3535;
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
-webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: transform .2s ease, box-shadow .2s ease;
transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
pointer-events: none;
}
.left-bar__catalog-item:hover:before {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0 15px 1px #ee3535;
box-shadow: 0 0 15px 1px #ee3535;
}
.left-bar__catalog-item:after {
content: '>';
position: absolute;
width: 48px;
height: 100%;
right: 0;
top: 0;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
opacity: 0;
font-size: 12px;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
}
.left-bar__catalog-item:hover:after {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: .5;
}
.left-bar__catalog-item.zakazat-dizain-proekt {
background-color: #f6d30a;
}
.left-bar__catalog-item.zakazat-dizain-proekt .left-bar__catalog-item-caption,
.left-bar__catalog-item.zakazat-dizain-proekt:after {
color: var(--color-text-secondary);
font-weight: bold;
}
.left-bar__catalog-link {
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 38px;
background: rgba(0, 0, 0, 0);
-webkit-transition: background .2s ease;
transition: background .2s ease;
}
.left-bar__catalog-item-icon {
color: #fff;
opacity: .5;
font-size: 22px;
}
.left-bar__catalog .left-bar__catalog-item-icon .icon:nth-child(1) { display: none; }
.left-bar__catalog .left-bar__catalog-item-icon .icon:nth-child(2) { display: block; }
.left-bar__catalog .left-bar__catalog-item-icon .icon:only-child { display: block !important; }
.left-bar__catalog-item.is-active .left-bar__catalog-item-icon {
color: #ee3535;
opacity: 1;
}
.left-bar__catalog-item-caption {
color: #fff;
font-weight: 300;
text-transform: uppercase;
padding-left: 20px;
font-size: 13px;
white-space: nowrap;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.left-bar__catalog-item.is-active .left-bar__catalog-item-caption {
font-weight: 500;
}
.left-bar__additional {
padding: 10px 0;
margin: 10px 0;
position: relative;
}
.left-bar__catalog.left-bar__catalog--mobile:after,
.left-bar__additional:before,
.left-bar__additional:after {
content: '';
position: absolute;
height: 1px;
width: calc(100% - 30px);
left: 15px;
background: #aaa;
}
.left-bar__additional:before {
top: 0;
}
.left-bar__additional:after {
bottom: 0;
display: none;
}
.left-bar__menu {
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
}
.left-bar__menu-item {
}
.left-bar__menu-link {
text-transform: uppercase;
white-space: nowrap;
padding: 0 20px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
background: rgba(0, 0, 0, 0);
-webkit-transition: background .2s ease;
transition: background .2s ease;
}
.left-bar__themes {
padding: 20px 20px 20px;
}
.left-bar__themes-title {
font-size: 12px;
margin-bottom: 10px;
color: #fff;
white-space: nowrap;
}
.consultant {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
min-height: 48px;
position: relative;
cursor: pointer;
}
.consultant__thumb {
}
.consultant__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 46px;
flex: 0 0 46px;
border-radius: 3px;
overflow: hidden;
}
.consultant__img img {
width: 100%;
display: block;
}
.consultant__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -28px;
position: relative;
}
.consultant__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
color: #fff;
padding-left: 10px;
}
.consultant__name {
font-size: 14px;
font-weight: 500;
padding-bottom: 5px;
white-space: nowrap;
}
.consultant__position {
font-size: 12px;
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1219px) {
.left-bar-caption {
display: none;
}
.left-bar__catalog-link {
padding: 0 16px;
-webkit-transition: padding .3s ease;
transition: padding .3s ease;
}
body.left-bar-opened .left-bar__catalog-link {
padding: 0 20px;
}
.left-bar__catalog-item:after {
display: none;
}
.left-bar__catalog-item-caption {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
body.left-bar-opened .left-bar__catalog-item-caption {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.left-bar__menu {
display: none;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
body.left-bar-opened .left-bar__menu {
-webkit-transform: translateX(0);
transform: translateX(0);
display: block;
}
.consultant {
padding: 0 16px;
-webkit-transition: padding .3s ease;
transition: padding .3s ease;
}
body.left-bar-opened .consultant {
padding: 10px 20px;
}
.consultant__thumb {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
body.left-bar-opened .consultant__thumb {
opacity: 0;
}
.consultant__content {
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
body.left-bar-opened .consultant__content {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.left-bar__themes {
display: none;
}
body.left-bar-opened .left-bar__themes {
display: block;
}
}
@media (min-width: 768px) {
.left-bar__additional:after {
display: none;
}
}
@media (min-width: 1220px) {
.left-bar__menu {
display: none;
}
.left-bar__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 20px;
}
.left-bar__catalog-link {
padding: 0 10px;
}
.left-bar__catalog--mobile {
display: none;
}
.consultant__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
}
.left-bar {
height: calc(100% - 30px);
}
}
@media (min-width: 1800px) {
.left-bar__catalog-item-caption {
font-size: 14px;
}
.left-bar__head {
padding: 0 35px;
}
.left-bar__themes {
padding: 20px 35px 30px;
}
.left-bar__catalog-link {
padding: 0 35px;
}
.left-bar__menu-link {
padding: 0 35px;
}
.consultant {
padding: 10px 35px;
}
.consultant__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
}
.right-bar {
top: 0;
right: 0;
position: fixed;
width: 320px;
height: 100%;
background: #333;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
/*box-shadow: 0 0 200px rgba(0, 0, 0, 0.5);*/
z-index: 10010;
}
.right-bar.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.right-bar-inner {
padding: 20px 10px;
height: 100%;
overflow-y: auto;
}
.right-bar__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 50px 20px 0;
position: relative;
}
.right-bar__title-text {
color: #fff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.right-bar__title-alert {
}
.right-bar__title-alert span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
margin-left: 15px;
font-size: 16px;
font-weight: 700;
border-radius: 100%;
background: #fff;
}
.right-bar__title-tooltip {
width: 300px;
padding: 20px;
position: absolute;
top: 50px;
right: 5px;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
box-shadow: 0 0 30px rgba(0, 0, 0, .3);
opacity: 0;
z-index: 1;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease;
}
.right-bar__title-tooltip:before {
content: '';
position: absolute;
top: 40px;
right: 20px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 0;
border-bottom: 10px solid #fff;
z-index: 2;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease;
}
.right-bar__title-alert:hover .right-bar__title-tooltip {
opacity: 1;
visibility: visible;
}
.right-bar__title-alert:hover:before {
opacity: 1;
visibility: visible;
}
.right-bar__title-close {
position: absolute;
color: #c6c6c6;
right: 0;
top: 0;
font-size: 20px;
opacity: .5;
padding: 10px;
cursor: pointer;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.right-bar__title-reset {
position: absolute;
top: 14px;
right: 0;
text-decoration: underline;
color: #fff;
cursor: pointer;
opacity: .6;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}
.right-bar__title-reset:hover {
opacity: 1;
}
.right-bar__color-filter {
background: #fff;
padding: 10px 20px;
margin-bottom: 10px;
border-radius: 3px;
}
.right-bar__color-filter-title {
font-size: 16px;
padding-bottom: 5px;
font-weight: 500;
text-align: center;
}
@media (min-width: 768px) {
.right-bar {
width: 430px;
}
#panel-add-module.right-bar {
width: 470px;
}
.right-bar-inner {
padding: 20px 30px;
}
}
.toggle-filter {
margin: 16px 0;
}
.filter {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
border: 1px solid #c1c1c1;
position: relative;
}
.filter__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #c1c1c1;
background: #fff;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter__header-icon {
width: 50px;
height: 50px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter__header-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.filter__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto;
}
.filter-group {
background: #fff;
}
.filter-group:not(:last-child) {
border-bottom: 1px solid #c1c1c1;
}
.js-show-filter-toggle {
display: none;
}
.toggle-show-filter {
margin: 0 auto;
height: 30px;
}
.toggle-show-filter .icon {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.toggle-show-filter.is-active .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.filter-group__header {
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
padding: 0 20px;
cursor: pointer;
}
.filter-group__header-caption {
padding-right: 16px;
}
.filter-group__header-icon {
position: absolute;
right: 20px;
top: 21px;
font-size: 8px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.filter-group.is-open .filter-group__header-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.filter-group__body {
padding: 0 20px 0;
height: 0;
overflow: hidden;
}
.filter-group.is-open .filter-group__body {
padding: 0 20px 20px;
height: auto;
}
.filter-group__more {
margin-top: 10px;
}
.filter-group__more .button {
width: 100%;
max-width: unset;
}
.filter-group__more .button.is-hidden {
display: none;
}
.filter__footer {
padding: 20px 20px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter__footer .button {
text-transform: uppercase;
}
@media (min-width: 1220px) {
.toggle-filter {
display: none;
}
.filter-group__item.is-hidden {
display: none;
}
.js-show-filter-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter__header {
display: none;
}
.filter__body {
overflow: hidden;
}
.category-frame--horizontal .filter__body {
overflow: unset;
}
.category-frame--horizontal .filter-group:not(:last-child) {
border-bottom: unset;
}
.category-frame--horizontal .filter-group__body {
padding: 0 20px 0 !important;
height: auto !important;
overflow: unset;
}
.category-frame--horizontal .filter-group__header-icon {
display: none;
}
}
@media (min-width: 1440px) {
.filter-group__item {
width: 215px;
}
}
.price-control {
}
.category-frame--horizontal ._del-filter {
width: 140px;
position: absolute;
right: 10px;
bottom: 10px;
}
.category-frame--horizontal ._del-filter a {
height: 30px;
font-size: 14px;
}
@media (max-width: 1220px) {
.category-frame--horizontal ._del-filter {
position: unset;
}
}
.category-frame--horizontal .price-control {
width: 240px;
}
.price-control__input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px 20px;
position: relative;
}
.price-control__input-group:before {
content: '';
width: 8px;
height: 2px;
background: #666;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.price-control__input-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding: 0 10px;
}
.price-control__input {
width: 100%;
height: 40px;
background: #fff;
border-radius: 3px;
border: 1px solid #c6c6c6;
text-align: center;
color: #888;
font-weight: 300;
}
.noUi-target {
padding: 0 5px;
height: 26px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.noUi-base {
padding: 12px 0;
}
.noUi-handle {
width: 8px !important;
height: 18px !important;
right: -4px !important;
top: 4px !important;
background: #ee3535;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 3px;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
}
.noUi-connects {
background: #cecece;
}
.noUi-connect {
background: #ee3535;
}
.preloader-frame {
position: relative;
}
.preloader-field {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
pointer-events: none;
}
.preloader {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.preloader-frame.is-loading .preloader-field {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
pointer-events: auto;
}
.preloader-frame.is-loading .preloader {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 4;
}
@media (min-width: 768px) and (max-width: 1219px) {
}
@media (min-width: 1220px) {
.header {
position: static;
position: initial;
}
}
.desktop-top-bar {
display: none;
}
.desktop-top-bar__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ee3535;
}
.desktop-top-bar__logo img {
display: block;
height: 60px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.desktop-top-bar__logo:hover img {
-webkit-transform: scale(1.18);
transform: scale(1.18);
}
.desktop-top-bar__panel {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.desktop-panel {
height: 80px;
background-color: #333;
background-image: url('/local/templates/surmebel_v.2/assets/css/../img/header-bg-dark.png');
background-position: center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 20px 0 20px;
}
.desktop-panel__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.desktop-panel__item:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
}
.desktop-panel__item:nth-child(2) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.location__icon {
font-size: 20px;
color: #ee3535;
}
.location__caption {
font-size: 20px;
padding-left: 5px;
}
.desktop-panel__location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*height: 80px;*/
cursor: pointer;
position: relative;
padding: 0 10px;
}
.desktop-panel__location-icon {
color: #ee3535;
font-size: 18px;
}
.desktop-panel__location-caption {
color: #fff;
padding-left: 10px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px;
overflow: hidden;
}
.town-confirmation {
position: absolute;
width: 280px;
left: 0;
top: 90px;
padding: 20px 30px;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .4);
box-shadow: 0 3px 30px rgba(0, 0, 0, .4);
z-index: 3;
border-left: 5px solid #ee3535;
border-right: 5px solid #ee3535;
display: none;
}
.town-confirmation:before {
content: '';
position: absolute;
bottom: 100%;
left: 20px;
border: 10px solid transparent;
border-top: 0;
border-bottom: 10px solid #fff;
}
.town-confirmation__title {
text-align: center;
}
.town-confirmation__buttons {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.town-confirmation__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.town-confirmation__button:nth-child(1) { -ms-flex-preferred-size: 40%; flex-basis: 40%; }
.town-confirmation__button:nth-child(2) { -ms-flex-preferred-size: 60%; flex-basis: 60%; }
.desktop-panel__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
height: 80px;
width: 185px;
position: relative;
}
.desktop-panel__phone-icon {
color: #ee3535;
font-size: 18px;
}
.desktop-panel__phone-caption {
color: #fff;
padding-left: 10px;
}
.desktop-panel__phone-caption span {
display: block;
position: absolute;
font-size: 10px;
color: #aaa;
white-space: nowrap;
top: 50px;
left: 38px;
}
.desktop-panel__menu {
padding-right: 10px;
}
.top-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-menu__item {
-webkit-transition: background .2s ease;
transition: background .2s ease;
position: relative;
}
.top-menu__item:hover,
.top-menu__item.is-open {
background: rgba(0, 0, 0, .15);
}
.top-menu__item:before {
content: '';
position: absolute;
width: 100%;
height: 5px;
background: #ee3535;
-webkit-box-shadow: 0 0 0 0 #ee3535;
box-shadow: 0 0 0 0 #ee3535;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: transform .2s ease, box-shadow .2s ease;
transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
pointer-events: none;
}
.top-menu__item:hover:before,
.top-menu__item.is-open:before {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: 0 0 15px 1px #ee3535;
box-shadow: 0 0 15px 1px #ee3535;
}
.top-menu__link {
height: 80px;
padding: 0 10px;
color: #fff;
font-size: 12px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
.desktop-panel__search {
position: absolute;
top: 100%;
right: 0;
width: 350px;
display: none;
background: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
}
.top-menu__item.is-open .desktop-panel__search {
display: block;
}
.header-search {
position: relative;
}
.header-search__input {
width: 100%;
height: 40px;
border: 1px solid #666;
background: #666;
border-radius: 3px;
padding: 0 50px 0 20px;
color: #fff;
-webkit-transition: background .3s ease, border-color .3s ease, color .3s ease;
transition: background .3s ease, border-color .3s ease, color .3s ease;
}
.header-search:hover .header-search__input {
border-color: #ccc;
}
.header-search__input:focus {
background: #888;
border-color: #888;
}
.header-search:hover .header-search__input:focus {
border-color: #eee;
}
.header-search__input::-webkit-input-placeholder { color: #bbb; }
.header-search__input::-moz-placeholder { color: #bbb; }
.header-search__input:-moz-placeholder { color: #bbb; }
.header-search__input:-ms-input-placeholder { color: #bbb; }
.header-search__input:focus::-webkit-input-placeholder { color: #888; }
.header-search__input:focus::-moz-placeholder { color: #888; }
.header-search__input:focus:-moz-placeholder { color: #888; }
.header-search__input:focus:-ms-input-placeholder { color: #888; }
.header-search__button {
color: #333;
position: absolute;
right: 0;
top: 0;
font-size: 18px;
height: 100%;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.header-search:hover .header-search__button {
color: #ccc;
}
.header-search:hover .header-search__input:focus ~ .header-search__button {
color: #eee;
}
.desktop-panel__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 20px;
}
.header-button {
color: #fff;
font-size: 20px;
height: 80px;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background .2s ease;
transition: background .2s ease;
cursor: pointer;
position: relative;
}
.header-button:hover {
background: rgba(0, 0, 0, .15);
}
.header-button--search .icon {
position: relative;
}
.header-button--search .icon svg {
position: absolute;
left: 0;
top: 0;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.header-button--search .icon svg:nth-child(1) {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.header-button--search .icon svg:nth-child(2) {
-webkit-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
}
.is-open .header-button--search .icon svg:nth-child(1) {
-webkit-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg);
}
.is-open .header-button--search .icon svg:nth-child(2) {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.header-button__counter {
position: absolute;
bottom: 50%;
left: 50%;
font-size: 10px;
background: #ee3535;
color: #fff;
width: 18px;
height: 14px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.desktop-panel__cart {
}
.header-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #666;
border-radius: 25px;
height: 50px;
width: 100px;
padding: 0 7px;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.header-cart:hover {
background-color: #888;
}
.header-cart__icon {
color: #fff;
font-size: 22px;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-cart__counter {
width: 36px;
height: 36px;
background: rgba(0, 0, 0, .15);
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
}
@media (min-width: 1220px) {
.desktop-top-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desktop-top-bar__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
}
@media (min-width: 1800px) {
/*.desktop-panel__location-caption {*/
/* max-width: 150px;*/
/*}*/
.desktop-panel__menu {
padding-right: 30px;
}
.desktop-top-bar__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.desktop-panel {
padding: 0 40px 0 20px;
}
.desktop-panel__item:nth-child(1) {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.desktop-panel__location {
padding: 0 15px;
}
.desktop-panel__phone {
padding: 0 15px;
}
.desktop-panel__phone-caption span {
left: 43px;
}
.top-menu__link {
padding: 0 15px;
font-size: 14px;
}
.header-search__input {
padding: 0 50px 0 20px;
}
}
@media (max-width: 1380px) {
.desktop-panel__menu {
display: none;
}
}
.header-alert {
position: relative;
background-color: #292929;
padding: 20px 40px 20px 10px;
display: none;
}
.header-alert.is-visible {
display: block;
}
.header-alert__text {
color: #fff;
font-size: 14px;
}
.header-alert__text span {
font-weight: 500;
font-size: 18px;
color: #ee3535;
}
.header-alert__close {
padding: 6px;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
color: #ee3535;
-webkit-transition: color .3s ease;
transition: color .3s ease;
cursor: pointer;
}
.header-alert__close:hover {
color: #a82a2a;
}
@media (min-width: 768px) {
.header-alert {
padding: 25px 50px 25px 15px;
}
.header-alert__text {
font-size: 16px;
text-align: center;
max-width: 400px;
margin: 0 auto;
}
.header-alert__text span {
font-size: 20px;
}
.header-alert__close {
right: 15px;
}
}
@media (min-width: 1220px) {
.header-alert {
padding: 25px 70px 25px 40px;
}
.header-alert__text {
font-size: 20px;
max-width: 500px;
}
.header-alert__text span {
font-size: 24px;
}
.header-alert__close {
right: 40px;
}
.contact-inf {
padding: 35px 20px 10px;
}
.post-form {
padding: 30px;
}
}
.dropdown-search {
}
.dropdown-search__field {
position: relative;
}
.dropdown-search__input {
width: 100%;
height: 42px;
background: #fff;
padding: 0 50px 0 20px;
border: none;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.dropdown-search__input:hover ~ .header-search__button,
.dropdown-search__input:focus ~ .header-search__button {
color: #ee3535;
}
.autocomplete {
max-height: 350px;
overflow-y: auto;
position: relative;
}
.autocomplete__categories {
}
/*
.autocomplete__categories:before {
content: '';
width: calc(100% - 40px);
height: 1px;
background-color: #ccc;
position: absolute;
top: 100%;
left: 10px;
}
*/
.autocomplete__categories-item {
display: block;
text-decoration: underline;
padding: 10px 20px;
cursor: pointer;
}
.autocomplete__categories-item span {
color: #ee3535;
text-decoration: underline;
}
.autocomplete__products {
}
.autocomplete__products-item {
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.autocomplete__products-item-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
.autocomplete__products-item-img img {
width: 100%;
}
.autocomplete__products-item-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 10px;
}
.autocomplete__products-item-title span {
color: #ee3535;
}
.autocomplete-item {
}
.autocomplete-item.is-selected {
background-color: #e0e0e0;
}
.mobile-top-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: var(--color-darkgrey);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.mobile-top-bar__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-top-bar__item--adaptive {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 60px;
overflow: hidden;
}
.mobile-top-bar__logo {
display: block;
padding: 7px;
margin: 0 auto;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.search-open .mobile-top-bar__logo {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.mobile-top-bar__logo img {
display: block;
height: 46px;
margin: 0 auto;
}
.mobile-top-bar__search {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 0 18px;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.search-open .mobile-top-bar__search {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.mobile-top-bar .header-search {
width: 100%;
}
.mobile-top-bar__burger {
font-size: 20px;
color: #fff;
width: 60px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.burger-icon {
display: block;
position: relative;
width: 24px;
height: 24px;
}
.burger-icon span,
.burger-icon:before,
.burger-icon:after {
content: '';
position: absolute;
left: 0;
background: #fff;
height: 3px;
width: 100%;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.burger-icon:before {
top: 3px;
}
.burger-icon span {
top: 12px;
}
.burger-icon:after {
top: 21px;
}
body.left-bar-opened .burger-icon:before {
-webkit-transform: rotate(405deg) translateX(7.5px) translateY(4px);
transform: rotate(405deg) translateX(7.5px) translateY(4px);
}
body.left-bar-opened .burger-icon span {
-webkit-transform: scale(0);
transform: scale(0);
}
body.left-bar-opened .burger-icon:after {
-webkit-transform: rotate(-45deg) translateX(8.5px) translateY(-5px);
transform: rotate(-45deg) translateX(8.5px) translateY(-5px);
}
.mobile-top-bar__cart {
font-size: 20px;
color: #fff;
width: 60px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.mobile-top-bar__cart .mobile-top-bar__cart-counter {
position: absolute;
right: 7px;
top: 7px;
width: 24px;
height: 24px;
font-weight: 500;
font-size: 10px;
background: #fff;
color: #ee3535;
border: 3px solid #ee3535;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mobile-top-bar__cart.is-active {
}
.mobile-header-button {
color: #fff;
font-size: 20px;
height: 100%;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background .2s ease;
transition: background .2s ease;
cursor: pointer;
}
.tablet-header-button {
color: #fff;
font-size: 20px;
height: 100%;
width: 50px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background .2s ease;
transition: background .2s ease;
cursor: pointer;
position: relative;
}
.mobile-header-button__counter {
position: absolute;
left: 50%;
top: 7px;
width: 24px;
height: 24px;
font-weight: 500;
font-size: 10px;
background: #fff;
color: #ee3535;
border: 3px solid #ee3535;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mobile-top-bar .header-search__input {
background: #fff;
color: #666;
}
.mobile-top-bar .header-search__button {
color: #c6c6c6;
}
@media (min-width: 768px) {
.mobile-top-bar__item--adaptive {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.search-open .mobile-top-bar__logo {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.mobile-top-bar__logo {
padding: 7px 20px;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.search-open .mobile-top-bar__search {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.mobile-header-button {
display: none;
}
.tablet-header-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1220px) {
.mobile-top-bar {
display: none;
}
}
.footer {
background-color: #1c1c1c;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(transparent)), url('/local/templates/surmebel_v.2/assets/css/../img/header-bg-light.png');
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2), transparent), url('/local/templates/surmebel_v.2/assets/css/../img/header-bg-light.png');
background-position: bottom center;
background-size: contain;
background-repeat: no-repeat;
}
.footer__frame {
padding: 60px 0 40px;
}
.footer__column:nth-child(3) {
display: none;
}
.footer__column:nth-child(4) {
display: none;
}
.footer__column-title {
display: none;
}
.footer__list-items {
}
.footer-item__subtitle {
font-size: 12px;
color: #ee3535;
font-weight: 500;
padding-bottom: 20px;
}
.footer-item__content {
padding-bottom: 20px;
color: #666;
}
.footer-item__content a {
padding: 5px;
color: #c1c1c1;
font-size: 14px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.footer-item__content a:hover {
color: #ee3535 !important;
}
.footer-item__image {
display: none;
margin-bottom: 40px;
position: relative;
}
.footer-item__image:before {
content: 'интернет-магазин';
position: absolute;
top: 100%;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
color: #fff;
}
.footer-item__social {
margin-bottom: 20px;
}
.social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
}
.social-links__item {
background-color: #333;
color: #fff;
font-size: 16px;
margin: 0 5px;
width: 28px;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.social-links__item:hover {
background-color: #666;
}
.footer-item__pay-list {
width: 135px;
height: 20px;
background: url('/local/templates/surmebel/img/logo_pay.png') no-repeat center center;
background-size: contain;
}
.footer-item__caption {
font-size: 14px;
color: #a6a6a6;
padding: 10px 0 20px;
}
.footer-item__link-ht {
color: #575757;
}
.footer-item__link-ht a {
color: #a6a6a6;
}
.footer-contacts-container li,
footer .footer-contacts-container ul.left-menu li {
font-size: var(--font-size-smaller);
font-weight: 400;
color: var(--color-text-secondary);
padding: 0;
}
.footer-contacts-container ul + ul,
.footer-contacts-container li + li {
margin-top: 12px;
}
@media (min-width: 768px) {
.footer__frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__column {
margin-right: 40px;
}
.footer__column:nth-child(1) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
.footer__column:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.footer__column:nth-child(2) .footer__list-items {
padding-top: 0;
}
.footer__column:nth-child(4) {
display: block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: -20px;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
.footer__column-title {
display: block;
font-size: 18px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .5);
padding-bottom: 20px;
}
.footer__list-items {
padding-top: 30px;
}
.footer-item__image {
width: 200px;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ee3535;
}
.footer-item__image img {
display: block;
height: 60px;
}
}
@media (min-width: 1440px) {
.footer__column:nth-child(1) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.footer__column:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.footer__column:nth-child(3) {
display: block;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: -20px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.footer__column:nth-child(3) .footer-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.footer__column:nth-child(4) {
display: block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: -20px;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
}
.footer__list-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.action-card {
height: 300px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.action-card:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
position: absolute;
opacity: 0;
z-index: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.action-banner {
margin-bottom: 30px;
}
.action-banner .action-card:before {
opacity: 0 !important;
}
.action-card:hover:before {
opacity: .5;
}
.action-card:hover {
}
.action-card__banner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.action-card__banner .action-card__img {
}
.action-card__banner .action-card__img:nth-child(1) { display: block; }
.action-card__banner .action-card__img:nth-child(2) { display: none; }
.action-card__banner .action-card__img:nth-child(3) { display: none; }
.action-card__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.action-card__description {
width: 250px;
min-height: 180px;
background-color: rgba(255, 255, 255, .8);
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
}
.action-card__text {
position: relative;
}
.action-card__head {
font-size: 20px;
text-transform: uppercase;
text-align: center;
font-weight: 700;
color: #333;
padding-bottom: 5px;
}
.action-card__title {
font-size: 15px;
text-align: center;
color: #333;
}
.action-card__price {
padding-top: 26px;
position: relative;
}
.action-card__price:before {
content: '';
position: absolute;
top: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 48px;
height: 16px;
background:
linear-gradient(to left top, #aa241f 3px, transparent 3px),
linear-gradient(to right top, #aa241f 3px, transparent 3px),
linear-gradient(to left bottom, #aa241f 3px, transparent 3px),
linear-gradient(to right bottom, #aa241f 3px, transparent 3px);
background-size: 16px 16px;
background-color: transparent;
background-position: 8px 8px;
}
.action-card__price-new {
color: #ee3535;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.action-card__price-new span:nth-child(1) {
font-size: 26px;
font-weight: 700;
padding-right: 10px;
}
.action-card__price-new span:nth-child(2) {
font-size: 20px;
}
.action-card__price-old {
font-size: 12px;
font-weight: 700;
color: #666;
text-decoration: line-through;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.action-card__price-old span:nth-child(1) {
}
.action-card__price-old span:nth-child(2) {
font-size: 10px;
}
@media (min-width: 480px) {
.action-card {
height: 380px;
}
.action-card__price-new span:nth-child(1) {
font-size: 36px;
}
.action-card__price-new span:nth-child(2) {
font-size: 26px;
}
}
@media (min-width: 768px) {
.action-card__banner .action-card__img:nth-child(1) { display: none; }
.action-card__banner .action-card__img:nth-child(2) { display: block; }
.action-card__banner .action-card__img:nth-child(3) { display: none; }
}
@media (min-width: 1220px) {
.action-card__banner .action-card__img:nth-child(1) { display: none; }
.action-card__banner .action-card__img:nth-child(2) { display: none; }
.action-card__banner .action-card__img:nth-child(3) { display: block; }
.action-card__description {
width: 300px;
height: 200px;
}
.action-card__head {
font-size: 26px;
}
.action-card__title {
font-size: 16px;
}
}
@media (min-width: 1800px) {
}
.rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rating__item {
font-size: 16px;
color: #ddd;
}
.rating__item:not(:last-child) {
padding-right: 3px;
}
.rating__item.is-active {
color: #f2d720;
}
.mobile-phone-wrap {
position: relative;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 290px;
margin: 0 auto;
}
.mobile-phone-wrap:before {
content: '';
position: absolute;
left: 40%;
top: 50%;
height: 30px;
width: 1px;
background: #aaa;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-phone-caption {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
padding-right: 20px;
text-align: right;
font-size: 13px;
font-weight: 500;
}
.mobile-phone {
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.mobile-phone__icon {
color: #ee3535;
font-size: 16px;
}
.mobile-phone__phone {
font-size: 14px;
padding-left: 5px;
}
@media (min-width: 1220px) {
.mobile-phone-wrap {
display: none;
}
}
.module {
padding: 10px 15px;
background: #fff;
}
.module__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.module__color {
padding-top: 10px;
width: 200px;
margin: 0 auto;
}
.module .cart-color-slider__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.module__color .cart-color-slider__list-item-frame {
width: 22px;
height: 22px;
margin: 3px;
}
.module__color .cart-color-slider__list-item {
width: 18px;
height: 18px;
}
.modules-list__item:first-child {
border-top: 0 !important;
}
.module__cell {
}
.module__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
}
.module__img img {
max-width: 100%;
border: 1px solid #c6c6c6;
display: block;
}
.module__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 10px;
font-size: 11px;
}
.module__input {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
text-align: center;
}
.module__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 14px;
}
.module__price .icon {
font-size: 10px;
margin-left: 2px;
}
.module__button {
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
}
.module-button {
width: 30px;
height: 30px;
-webkit-transform: translateX(5px);
transform: translateX(5px);
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*opacity: .75;*/
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
cursor: pointer;
}
/*
.module-button:hover {
opacity: 1;
}
*/
.module__button--remove {
color: #ee3535;
}
.module__button--add {
color: #28df31;
}
@media (min-width: 768px) {
.module__color {
padding-top: 10px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: unset;
}
.module__color .cart-color-slider {
width: 50%;
}
}
.modules-thumb {
padding: 10px 10px 20px;
border: 1px solid #d8d8d8;
border-radius: 3px;
height: 100%;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
/*box-shadow: inset 0 0 0 2px black;*/
}
.modules-thumb:hover {
border-color: #888;
}
.modules-thumb__edit {
}
.modules-thumb__del {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
opacity: .5;
padding: 10px;
cursor: pointer;
z-index: 2;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.modules-thumb__del:hover {
opacity: 1;
}
.modules-thumb__img {
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modules-thumb__img img {
display: block;
max-height: 100%;
max-width: 100%;
}
.modules-thumb__slider {
position: relative;
height: 170px;
}
.modules-thumb__slider-wrap {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.modules-thumb .swiper-pagination-bullets {
position: unset;
}
.modules-thumb .swiper-pagination-bullet {
-webkit-transform: unset;
transform: unset;
border-radius: 100%;
border: 1px solid #000;
background: #fff;
margin: 0 4px !important;
width: 10px;
height: 10px;
}
.modules-thumb .swiper-pagination-bullet-active {
background: #000;
}
.product-slider-modules {
}
.product-slider-modules__img {
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-slider-modules__img img {
display: block;
max-height: 100%;
max-width: 100%;
}
.modules-thumb__color {
padding: 10px 0;
max-width: 200px;
margin: 0 auto;
height: 110px;
}
.modules-thumb__color .cart-color-slider__list-item-frame {
width: 22px;
height: 22px;
}
.modules-thumb__color .cart-color-slider__list-item {
width: 18px;
height: 18px;
}
.modules-thumb__title {
position: relative;
text-align: center;
color: #666;
font-weight: 500;
padding-top: 10px;
line-height: 18px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.modules-thumb:hover .modules-thumb__title {
color: #444;
}
.modules-thumb__quantity {
position: relative;
text-align: center;
color: #666;
font-weight: 500;
padding-top: 10px;
line-height: 18px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.modules-thumb:hover .modules-thumb__quantity {
color: #444;
}
.modules-thumb__buy {
position: absolute;
right: 10px;
bottom: 10px;
width: 50px;
}
@media (min-width: 768px) {
.modules-thumb__slider {
height: 210px;
}
.modules-thumb__img {
height: 180px;
}
.product-slider-modules__img {
height: 180px;
}
}
.checkselect {
position: relative;
display: block;
width: 200px;
}
.checkselect-control {
position: relative;
padding: 0 !important;
}
.checkselect-control select {
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding-left: 5px;
height: 30px;
}
.checkselect-over {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.checkselect-popup {
display: none;
margin: 0;
width: 100%;
height: auto;
max-height: 200px;
padding: 14px;
position: absolute;
top: 100%;
left: 0;
border: 1px solid #dadada;
border-top: none;
background: #fff;
z-index: 9999;
overflow: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*.checkselect label {*/
/* position: relative;*/
/* display: block;*/
/* margin: 0;*/
/* padding: 4px 6px 4px 25px;*/
/* font-weight: normal;*/
/* font-size: 1em;*/
/* line-height: 1.1;*/
/* cursor: pointer;*/
/*} */
/*.checkselect-popup input {*/
/* position: absolute;*/
/* top: 5px; */
/* left: 8px;*/
/* margin: 0 !important;*/
/* padding: 0;*/
/*}*/
/*.checkselect-popup label:hover {*/
/* background: #03a2ff;*/
/* color: #fff;*/
/*}*/
.checkselect-popup fieldset {
display: block;
margin: 0;
padding: 0;
border: none;
}
/*.checkselect-popup fieldset input {*/
/* left: 15px;*/
/*} */
.checkselect-popup fieldset label {
padding-left: 32px;
}
.checkselect-popup legend {
display: block;
margin: 0;
padding: 5px 8px;
font-weight: 700;
font-size: 1em;
line-height: 1.1;
}
@media (max-width: 1219px) {
.checkselect-control {
display: none;
}
.checkselect-popup {
padding: unset;
display: block !important;
position: unset;
left: unset;
top: unset;
z-index: unset;
max-height: unset;
height: unset;
border: unset;
border-top: unset;
background: unset;
overflow: unset;
}
}
.category-description {
padding: 20px;
background: #fff;
margin: 20px 0;
border: 1px solid #c1c1c1;
}
.category-description p {
max-width: 900px;
}
.category-description p:not(:last-child) {
margin-bottom: 10px;
}
.category-description__img {
max-width: 400px;
}
@media (max-width: 768px) {
.category-description__img {
max-width: 100%;
}
}
.category-description__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.category-description__text {
padding: 20px 0 0 0;
}
.category-description__head {
position: relative;
padding-bottom: 10px;
}
.category-description__head:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
max-width: 300px;
background-color: #aaa;
}
.category-description__title {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
color: #444;
}
.category-description__subtitle {
margin-top: 6px;
font-size: 14px;
color: #aaa;
}
.category-description__description {
padding-top: 16px;
}
.category-description__buttons {
margin-top: 20px;
}
@media (min-width: 768px) {
.category-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category-description__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.category-description__text {
padding: 0 0 0 20px;
}
}
.product-slider {
padding-bottom: 20px;
}
.product-card {
padding: 0;
background: #fff;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
position: relative;
border: 1px solid #c1c1c1;
}
.product-card:hover {
-webkit-box-shadow: 0 0 20px;
box-shadow: 0 0 20px;
}
.product-card__inner {
display: flex;
flex-direction: column;
position: relative;
height: 185px;
}
.is-color-open .product-card__inner {
}
.product-card__top-panel {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
opacity: 1;
height: 22px;
-webkit-transition: height .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: height .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), height .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), height .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.product-card__top-panel-item {
}
.product-card__favorite {
position: absolute;
right: 8px;
top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*background-color: rgba(255, 255, 255, .75);*/
border-radius: 100%;
color: #ddd;
width: 50px;
height: 50px;
font-size: 22px;
cursor: pointer;
-webkit-transition: color .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: color .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.product-card__favorite:hover {
color: #aaa;
}
.product-card__favorite.is-active {
color: #ee3535;
}
.product-card__favorite.is-active g path {
fill: red !important;
}
.product-card__preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 280px;
display: block;
/*margin: -20px -16px 0;*/
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.product-slider-images {
}
.is-color-open .product-card__preview {
}
.product-slider-images__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: height .3s ease;
transition: height .3s ease;
max-height: 300px;
margin-bottom: 15px;
overflow: hidden;
}
.product-slider-images__img img {
width: 100%;
max-width: 100%;
height: auto;
min-height: 200px;
max-height: 100%;
transition: transform 0.5s;
}
.product-card:hover .product-slider-images__img img {
transform: scale(1.01);
}
.is-color-open .product-slider-images__img {
height: 120px;
}
.product-card .swiper-pagination-bullets {
position: unset;
}
.product-card .swiper-pagination-bullet {
-webkit-transform: unset;
transform: unset;
border-radius: 100%;
border: 1px solid #000;
background: #fff;
margin: 0 4px !important;
width: 10px;
height: 10px;
}
.product-card .swiper-pagination-bullet-active {
background: #000;
}
.product-card__label {
position: absolute;
left: 0;
top: -80px;
background: #61c954;
color: #fff;
width: 100px;
height: 35px;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__label {
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
.product-card__palette {
display: none;
position: absolute;
left: 0;
top: 272px;
width: 100%;
height: 16px;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__palette {
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
.palette {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.palette__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.palette__item {
width: 10px;
height: 10px;
margin: 0 4px;
border-radius: 3px;
background-size: contain;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
}
.palette__item:nth-child(1) {
width: 16px;
height: 16px;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
}
.palette__caption {
line-height: 16px;
}
.product-card__sizes {
height: 28px;
top: 40px;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__sizes {
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
.product-sizes {
background: #ededed;
padding: 5px 0;
border-radius: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-sizes__item {
padding: 0 5px;
color: #888;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-sizes__item-icon {
font-size: 10px;
}
.product-sizes__item:nth-child(1) .product-sizes__item-icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.product-sizes__item:nth-child(2) .product-sizes__item-icon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.product-sizes__item:nth-child(3) .product-sizes__item-icon {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.product-sizes__item-value {
padding-left: 5px;
font-size: 13px;
}
.product-card__bottom-panel {
padding: 15px;
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__bottom-panel {
pointer-events: none;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
.product-card__description {
}
.product-card__name {
color: #666;
font-size: 18px;
margin-bottom: 10px;
height: 46px;
line-height: 20px;
overflow: hidden;
display: block;
}
.product-card:hover .product-card__name {
text-decoration: underline;
}
.product-card__code {
font-size: 12px;
}
.product-card__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 40px;
}
.product-card__price-current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-weight: 700;
color: #333;
font-size: 30px;
line-height: 30px;
}
.product-card__price-current span:nth-child(1) {
padding-right: 5px;
}
.product-card__price-current .icon {
font-size: 28px;
}
.product-card__price-old {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
color: #666;
font-size: 12px;
padding-left: 15px;
text-decoration: line-through;
display: none;
}
.product-card__price-old span:nth-child(1) {
padding-right: 5px;
}
.product-card__colors {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: opacity .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__colors {
pointer-events: auto;
opacity: 1;
}
.cart-colors {
position: relative;
background: #fff;
padding: 8px 7px;
margin: 0;
height: 205px;
-webkit-transition: border-top-color .3s ease;
transition: border-top-color .3s ease;
/*border-radius: 8px 8px 0 0;*/
}
.product-card:hover .cart-colors {
border-top-color: #ee3535;
}
.product-list.product-list--view-two .cart-colors,
.product-list.product-list--view-three .cart-colors {
border-top: none;
background: unset;
padding: unset;
height: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
border-radius: unset;
}
.cart-colors__close {
position: absolute;
right: 2px;
top: 4px;
font-size: 10px;
padding: 7px;
cursor: pointer;
}
.product-list--view-two .cart-colors__close,
.product-list--view-three .cart-colors__close {
right: 0;
top: -5px;
}
.cart-color-slider {
}
.cart-color-slider:not(:last-child) {
padding-bottom: 8px;
}
.cart-color-slider__caption {
font-size: 12px;
color: #888;
padding-bottom: 5px;
}
.cart-color-slider__list {
}
.color-slider {
padding: 0 12px;
}
.color-slider-prev,
.color-slider-next {
width: 12px;
height: 34px;
font-size: 10px;
background: #fff;
border-radius: 0 !important;
}
.cart-color-slider__list-item-frame {
padding: 2px;
margin: 0 auto;
width: 34px;
height: 34px;
}
.cart-color-slider__list-item {
position: relative;
background-size: contain;
width: 30px;
height: 30px;
border-radius: 3px;
margin: 0 auto;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #999;
}
.cart-color-slider__check {
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 14px;
-webkit-transform: translate(-50%, -100%) scale(0) rotate(-180deg);
transform: translate(-50%, -100%) scale(0) rotate(-180deg);
opacity: 0;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: transform .3s ease .3s, opacity .3s ease;
transition: transform .3s ease .3s, opacity .3s ease, -webkit-transform .3s ease .3s;
}
.cart-color-slider__check > span {
position: absolute;
left: 0;
top: 0;
}
.cart-color-slider__check > span:nth-child(1) {
font-size: 14px;
opacity: .5;
}
.cart-color-slider__check > span:nth-child(2) {
font-size: 14px;
color: #fff;
}
.cart-color-slider__list-item.is-active .cart-color-slider__check {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
transform: translate(-50%, -50%) scale(1) rotate(0deg);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}
.product-card__button {
position: absolute;
right: 15px;
bottom: 15px;
-webkit-transition: width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.is-color-open .product-card__button {
width: 100%;
}
.button-buy {
width: 100%;
height: 35px;
border-radius: 3px;
cursor: pointer;
-webkit-transition: width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
overflow: hidden;
background: #ee3535;
font-size: 20px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 15px;
}
.button-buy:hover {
background: #a82a2a;
}
.button-buy.is-added {
background: #61c954;
}
.button-buy.is-added:hover {
background: #53ad48;
}
.button-buy .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 51px;
flex: 0 0 51px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-buy__caption {
white-space: nowrap;
font-size: 12px;
text-transform: uppercase;
}
.is-color-open .button-buy {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.show-all-long-button {
background: #f8f8f8;
width: 100%;
display: block;
padding: 8px 0;
text-align: center;
color: #9f9f9f;
font-size: var(--font-size-smaller);
margin-top: var(--font-size-large);
cursor: pointer;
}
.show-all-long-button span:before {
content: "+";
font-size: 1.5em;
margin-right: 5px;
line-height: 0.4;
top: 4px;
left: 5px;
position: absolute;
}
.show-all-long-button span {
position: relative;
padding-left: 20px;
}
@media (min-width: 1800px) {
.product-card__price-current {
font-size: 32px;
line-height: 32px;
}
.product-card__price-current .icon {
font-size: 23px;
}
}
.product-card-slider {
height: 260px;
width: 100%;
background: #fff;
position: relative;
overflow: hidden;
}
.product-card-swiper {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.product-card-swiper__img {
width: 100%;
height: 100%;
position: relative;
}
.product-card-swiper__gallery {
position: absolute;
left: 10px;
top: 10px;
width: 50px;
height: 40px;
font-size: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ee3535;
background-color: rgba(0, 0, 0, .6);
border-radius: 5px;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
z-index: 1;
}
.product-card-swiper__gallery:hover {
background-color: rgba(0, 0, 0, .8);
}
.product-card-slider__link {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.product-card-slider__label {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 55px;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1;
}
.product-card-slider__label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
background-image: linear-gradient(transparent, #fff);
}
.product-card-slider__title {
position: relative;
width: 100%;
padding: 0 20px 3px;
text-align: right;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.product-card-slider__title:before {
content: '';
width: 60%;
height: 2px;
position: absolute;
bottom: 0;
right: 20px;
background: #000;
}
.slider-card-prev,
.slider-card-next {
height: 50px;
width: 30px;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, .4);
border-radius: 5px;
}
.slider-card-prev:hover,
.slider-card-next:hover {
background: rgba(0, 0, 0, .6);
}
.slider-card-prev {
left: 5px;
}
.slider-card-next {
right: 5px;
}
.product-list--view-two .product-card {
padding: 20px 16px;
}
.product-list--view-two .product-list__item {
padding: 5px 0;
}
.product-list--view-two .product-card__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-color: #fff;
height: unset;
}
.product-list--view-two .product-card__image {
height: 200px;
width: 200px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-list--view-two .product-card__image img {
max-width: 100%;
max-height: 100%;
}
.product-list--view-two .product-card__label {
bottom: 20px;
top: unset;
}
.product-list--view-two .is-color-open .product-card__label {
-webkit-transform: unset;
transform: unset;
opacity: unset;
}
.product-list--view-two .product-card__preview {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
position: unset;
height: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-list--view-two .is-color-open .product-card__preview {
-webkit-transform: unset;
transform: unset;
opacity: unset;
}
.product-list--view-two .product-card__review {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
z-index: 2;
}
.product-list--view-two .is-color-open .product-card__review {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.product-list--view-two .product-card__description {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px;
}
.product-list--view-two .product-card__name {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
height: unset;
line-height: unset;
padding-right: 20px;
font-size: 16px;
}
.product-list--view-two .product-card__size {
font-size: 14px;
color: #888888;
font-weight: 300;
}
.product-list--view-two .product-card__size span {
color: #444;
}
.product-list--view-two .product-card__main-info {
overflow: hidden;
position: relative;
padding: 0 20px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.product-list--view-two .product-card__code {
padding: 20px 0 30px;
}
.product-list--view-two .product-card-size-value {
padding-bottom: 10px;
}
.product-list--view-two .product-card__palette {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: unset;
width: unset;
padding: 2px 0;
height: 20px;
}
.product-list--view-two .is-color-open .product-card__palette {
-webkit-transform: unset;
transform: unset;
opacity: unset;
}
.product-list--view-two .cart-colors {
width: 200px;
margin: 60px auto;
}
.product-list--view-two .product-card__value {
padding-top: 20px;
}
.product-list--view-two .product-card__rating {
padding-bottom: 35px;
}
.product-list--view-two .product-card__cost {
padding-bottom: 20px;
}
.product-list--view-two .product-card__new-cost {
font-size: 20px;
color: #666666;
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-list--view-two .product-card__new-cost span {
font-weight: 500;
color: #666666;
font-size: 14px;
margin-left: 5px;
}
.product-list--view-two .product-card__old-cost {
font-size: 14px;
color: #888888;
text-decoration: line-through;
}
.product-list--view-two .product-card__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-list--view-two .product-card-button-wrap {
padding: 0 5px;
}
.product-list--view-two .product-card__button-buy {
width: 45px;
background: #ee3535;
height: 45px;
font-size: 20px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
cursor: pointer;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
.product-list--view-two .product-card__button-buy:hover {
background-color: #a82a2a;
}
.product-list--view-two .product-card__button-buy.is-added {
background-color: #61c954;
}
.product-list--view-two .product-card__button-buy.is-added:hover {
background-color: #53ad48;
}
.product-list--view-two .product-card__logo {
display: none;
position: absolute;
right: 20px;
top: 20px;
}
.product-list--view-two .product-card__logo img {
width: 110px;
height: 40px;
border-radius: 3px;
}
.product-list--view-two .cart-colors {
width: 200px;
}
.product-list--view-two .cart-color-slider__list-item-frame {
width: 22px;
height: 22px;
}
.product-list--view-two .cart-color-slider__list-item {
width: 18px;
height: 18px;
}
.product-list--view-two .cart-color-slider__check > span:nth-child(1) {
font-size: 12px;
}
.product-list--view-two .cart-color-slider__check > span:nth-child(2) {
font-size: 12px;
}
.product-list--view-two .color-slider-prev,
.product-list--view-two .color-slider-next {
height: 22px;
background: #fff;
}
.product-list--view-two .cart-color-slider {
padding-bottom: 5px;
}
.product-list--view-two .cart-color-slider__caption {
padding-bottom: 5px;
}
.product-list--view-two .product-card__button-favourite {
border: 1px solid #c5c5c5;
border-radius: 3px;
height: 45px;
width: 45px;
color: #ee3535;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.product-list--view-two .product-card__button-favourite:hover {
border-color: #ee3535;
}
.product-list--view-two .product-card__button-favourite span {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.product-list--view-two .product-card__button-favourite.is-active {
border-color: #ee3535;
}
.product-list--view-two .product-card__button-favourite:hover.product-card__button-favourite span {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.product-list--view-two .product-card__button-favourite.is-active.product-card__button-favourite span {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
@media (min-width: 1440px) {
.product-list--view-two .product-card__preview {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.product-list--view-two .product-card__description {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
.product-list--view-two .product-card__palette {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
height: 16px;
}
}
@media (min-width: 1800px) {
.product-list--view-two .product-card__logo {
display: block;
}
}
.product-list--view-three .product-list__item {
padding: 5px 0;
}
.product-list--view-three .product-list__item:nth-child(1) {
padding: 10px 0 5px;
}
.product-list--view-three .product-card.is-color-open .product-card__review {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.product-list--view-three .product-card {
border: 1px solid transparent;
-webkit-transition: border .2s ease;
transition: border .2s ease;
padding: 20px 16px;
}
.product-list--view-three .product-card:hover {
border: 1px solid #ee3535;
}
.product-list--view-three .product-card__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
height: unset;
}
.product-list--view-three .product-card__image {
height: 100px;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-list--view-three .product-card__image img {
max-width: 100%;
max-height: 100%;
}
.product-list--view-three .product-card__main-info {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
overflow: hidden;
position: relative;
padding-left: 20px;
min-height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-list--view-three .product-card__preview {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
position: unset;
height: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-list--view-three .product-card__caption {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.product-list--view-three .product-card__name {
margin-bottom: 10px;
color: #666;
font-size: 20px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
height: unset;
line-height: unset;
padding-right: 20px;
}
.product-list--view-three .product-card__code {
color: #888888;
font-size: 12px;
font-weight: 300;
}
.product-list--view-three .product-card__palette {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: unset;
width: unset;
}
.product-list--view-three .is-color-open .product-card__palette {
-webkit-transform: unset;
transform: unset;
opacity: unset;
}
.product-list--view-three .product-card__review {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
z-index: 2;
}
.product-list--view-three .cart-colors {
width: 200px;
}
.product-list--view-three .cart-color-slider__list-item-frame {
width: 22px;
height: 22px;
}
.product-list--view-three .cart-color-slider__list-item {
width: 18px;
height: 18px;
}
.product-list--view-three .cart-color-slider__check > span:nth-child(1) {
font-size: 12px;
}
.product-list--view-three .cart-color-slider__check > span:nth-child(2) {
font-size: 12px;
}
.product-list--view-three .color-slider-prev,
.product-list--view-three .color-slider-next {
height: 22px;
background: #fff;
}
.product-list--view-three .cart-color-slider {
padding-bottom: 5px;
}
.product-list--view-three .cart-color-slider__caption {
padding-bottom: 5px;
}
.product-list--view-three .product-card__label {
top: unset;
bottom: 0;
}
.product-list--view-three .is-color-open .product-card__label {
-webkit-transform: unset;
transform: unset;
opacity: unset;
}
.product-list--view-three .is-color-open .product-card__preview {
-webkit-transform: unset;
transform: unset;
}
.product-list--view-three .product-card__value {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
padding-left: 20px;
}
.product-list--view-three .product-card__rating {
padding-bottom: 5px;
}
.product-list--view-three .product-card__rating-text {
display: none;
}
.product-list--view-three .product-card__rating .rating__item {
font-size: 14px;
}
.product-list--view-three .product-card__old-cost {
font-size: 14px;
color: #888888;
text-decoration: line-through;
height: 17px;
}
.product-list--view-three .product-card__new-cost {
font-size: 20px;
color: #666666;
font-weight: 900;
}
.product-list--view-three .product-card__new-cost span {
font-weight: 500;
color: #666666;
font-size: 14px;
}
.product-list--view-three .product-card__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
}
.product-list--view-three .product-card-button-wrap {
padding: 0 5px;
}
.product-list--view-three .product-card__button-buy {
width: 45px;
background: #ee3535;
height: 45px;
font-size: 20px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
cursor: pointer;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
.product-list--view-three .product-card__button-buy:hover {
background-color: #a82a2a;
}
.product-list--view-three .product-card__button-buy.is-added {
background-color: #61c954;
}
.product-list--view-three .product-card__button-buy.is-added:hover {
background-color: #53ad48;
}
.product-list--view-three .product-card__button-favourite {
border: 1px solid #c5c5c5;
border-radius: 3px;
height: 45px;
width: 45px;
color: #ee3535;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.product-list--view-three .product-card__button-favourite:hover {
border-color: #ee3535;
}
.product-list--view-three .product-card__button-favourite span {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.product-list--view-three .product-card__button-favourite.is-active {
border-color: #ee3535;
}
.product-list--view-three .product-card__button-favourite:hover.product-card__button-favourite span {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.product-list--view-three .product-card__button-favourite.is-active.product-card__button-favourite span {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
@media (min-width: 1440px) {
.product-list--view-three .product-card__image {
padding-right: 20px;
}
.product-list--view-three .product-card__main-info {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.product-card__label {
font-size: 14px;
}
.product-list--view-three .product-card__preview {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.product-list--view-three .product-card__caption {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
.product-list--view-three .product-card__palette {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.product-list--view-three .product-card__value {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.product-list--view-three .product-card__old-cost {
padding-left: 20px;
}
.product-card__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-card__rating-text {
padding-left: 10px;
display: block;
font-size: 12px;
color: #666666;
font-weight: 300;
}
.product-list--view-three .product-card__cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
/*sections*/
.section-hits {
display: none;
padding-bottom: 0;
}
.hits {
}
.hits__tabs-panel {
margin-bottom: -1px;
}
.hits-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hits-tabs__item {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
padding: 10px;
color: #333;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(216, 216, 216, 0);
border-bottom: 1px solid rgba(255, 255, 255, 0);
border-radius: 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: border-color .3s ease, background-color .3s ease, color .3s ease;
transition: border-color .3s ease, background-color .3s ease, color .3s ease;
}
.hits-tabs__item:hover {
border-color: rgba(216, 216, 216, .6);
background-color: rgba(255, 255, 255, .3);
}
.hits-tabs__item.is-active {
background-color: rgba(255, 255, 255, 1);
border-color: #d8d8d8;
border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.hits-tabs__icon {
}
.hits-tabs__icon img {
height: 30px;
}
.hits-tabs__caption {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding-top: 15px;
text-align: center;
}
.hits__content-panel {
padding: 0 0 20px;
background: #fff;
border: 1px solid rgba(216, 216, 216, 1);
}
.hits-content {
background: #fff;
}
.hits-content__item {
display: none;
}
.hits-content__item.is-active {
display: block;
}
.hit-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hit-list__item {
padding: 0 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: none;
}
.hit-list__item:nth-child(1) { display: block; }
.hit-list__item:nth-child(2) { }
.hit-list__item:nth-child(3) { }
.hit-list__item:nth-child(4) { }
.hits .cart-colors {
background: #fff;
}
.hits .color-slider-prev,
.hits .color-slider-next {
background: #fff;
}
@media (min-width: 768px) {
.section-hits {
display: block;
}
.hit-list__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.hit-list__item:nth-child(2) { display: block; }
}
@media (min-width: 1220px) {
.hits-tabs__item {
padding: 20px;
}
.hits-tabs__icon img {
height: 50px;
}
.hits-tabs__caption {
font-size: 16px;
}
.section-hits {
display: block;
}
.hit-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hit-list__item:nth-child(3) { display: block; }
.hit-list__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (min-width: 1800px) {
.hit-list__item:nth-child(4) { display: block; }
.hit-list__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.section-hits-mobile {
}
.hits-tabs__item-mobile {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 20px;
border: 1px solid rgba(216, 216, 216, 0);
border-bottom: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px 3px 0 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255, 255, 255, 1);
border-color: #d8d8d8;
color: #333;
border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.hits-content__item-mobile {
}
@media (min-width: 768px) {
.section-hits-mobile {
display: none;
}
}
@media (min-width: 1220px) {
}
.section-actions {
}
.actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.actions__item {
padding: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.section-actions .actions__item:nth-child(1) { display: block; }
.section-actions .actions__item:nth-child(2) { display: none; }
.section-actions .actions__item:nth-child(3) { display: none; }
@media (min-width: 768px) {
.actions__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.section-actions .actions__item:nth-child(2) { display: block; }
}
@media (min-width: 1220px) {
}
@media (min-width: 1800px) {
.actions__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.section-actions .actions__item:nth-child(3) { display: block; }
}
.section-advantages {
padding: 0;
}
.advantages-inner {
position: relative;
padding: 20px 0;
}
.advantages-inner:before,
.advantages-inner:after {
display: none;
content: '';
position: absolute;
left: 0;
width: 100%;
height: 50%;
z-index: 1;
background: repeating-linear-gradient(45deg, #ee3535 0px, #ee3535 20px, rgba(0, 0, 0, .05) 20px, rgba(0, 0, 0, .05) 110px, #ee3535 110px, #ee3535 270px);
}
.advantages-inner:before {
top: 0;
}
.advantages-inner:after {
top: 50%;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.advantages__filter {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #222222; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#222222),color-stop(50%, #ffffff),to(#222222));
background: linear-gradient(to right, #222222 0%,#ffffff 50%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 ); /* IE6-9 */
opacity: .15;
z-index: 2;
}
.advantages {
position: relative;
z-index: 2;
padding: 0 20px;
}
.advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.advantages__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 10px;
}
.advantages__item:last-child {
padding-bottom: 0;
}
.advantages-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.advantages-item__icon {
opacity: .75;
font-size: 50px;
color: #000;
}
.advantages-item__caption {
color: #333;
text-transform: uppercase;
max-width: 260px;
padding-top: 20px;
text-align: center;
}
.delivery .advantages-inner {
padding: 30px 0;
background: #ee3535;
}
.delivery .advantages-inner:before,
.delivery .advantages-inner:after {
display: block;
}
.delivery .advantages__filter {
display: block;
}
.delivery .advantages-item__caption {
font-size: 16px;
}
.delivery .advantages-item__icon {
color: #fff;
}
.delivery .advantages-item__caption {
color: #fff;
}
@media (min-width: 768px) {
.advantages__list {
}
.advantages__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.advantages-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.advantages-item__icon {
padding-right: 30px;
}
.advantages-item__caption {
padding-top: 0;
text-align: left;
}
}
@media (min-width: 1220px) {
}
@media (min-width: 1800px) {
.advantages__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-bottom: 0;
}
}
.section-news {
padding-bottom: 10px;
}
.news {
}
.news__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 10px 10px 20px;
}
.section-news .news__item:nth-child(1) { display: block }
.section-news .news__item:nth-child(2) { display: none; }
.section-news .news__item:nth-child(3) { display: none; }
.section-news .news__item:nth-child(4) { display: none; }
.news-card {
display: block;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}
.news-card:hover {
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}
.news-card__img {
height: 310px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width:768px) {
.news-card__img {
height: 280px;
}
}
.news-card__img-play {
color: #ee3535;
width: 50px;
height: 50px;
border: 2px solid #ee3535;
font-size: 22px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.news-card__text {
position: relative;
padding: 15px;
}
.news-card__white-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.news-card__white-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.news-card:hover .news-card__white-bg:before {
opacity: 1;
}
.news-card__label-wrap {
-webkit-transform: translateY(-17px);
transform: translateY(-17px);
position: relative;
display: none;
}
.news-card__label {
width: 90px;
height: 34px;
background: #ee3535;
border-radius: 17px;
border: 2px solid #fff;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.news-card__title {
font-size: 18px;
padding: 0 0 10px;
position: relative;
}
.news-card__teaser {
display: none;
padding: 0 0 10px;
font-size: 12px;
font-weight: 300;
color: #888;
position: relative;
}
@media (min-width: 768px) {
.news__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.section-news .news__item:nth-child(1) { }
.section-news .news__item:nth-child(2) { display: block; }
.section-news .news__item:nth-child(3) { }
.section-news .news__item:nth-child(4) { }
}
@media (min-width: 1220px) {
.section-news {
padding-bottom: 30px;
}
.news__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.section-news .news__item:nth-child(1) { }
.section-news .news__item:nth-child(2) { }
.section-news .news__item:nth-child(3) { display: block; }
.section-news .news__item:nth-child(4) { }
}
@media (min-width: 1800px) {
.section-news .news__item:nth-child(4) { display: block; }
.news__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.partners {
}
.partners__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partners__item {
padding: 0 10px 20px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: none;
}
.partners__item:last-child {
padding: 0 10px;
}
.partners__item:nth-child(1) { display: block; }
.partners__item:nth-child(2) {}
.partners__item:nth-child(3) {}
.partners__item:nth-child(4) {}
.partners__item:nth-child(5) { display: block; }
.partners__card {
background: #fff;
padding: 5px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 110px;
border-bottom: 4px solid #ee3535;
cursor: pointer;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-transition: -webkit-box-shadow .4s ease;
transition: -webkit-box-shadow .4s ease;
transition: box-shadow .4s ease;
transition: box-shadow .4s ease, -webkit-box-shadow .4s ease;
}
.partners__card:hover {
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .15);
box-shadow: 0 0 35px rgba(0, 0, 0, .15);
}
.partners__card img {
display: block;
max-width: 100%;
max-height: 100%;
}
.partners__join {
border: 2px dashed #bbb;
width: 100%;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: border-color .4s ease;
transition: border-color .4s ease;
}
.partners__join:hover {
border: 2px dashed #777;
}
.partners__join span:nth-child(1) {
color: #bbb;
font-size: 50px;
}
.partners__join span:nth-child(2) {
color: #666;
font-weight: 500;
text-transform: uppercase;
padding-top: 5px;
}
@media (min-width: 768px) {
.partners__item:nth-child(2) { display: block; }
.partners__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.partners__item:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media (min-width: 1220px) {
.partners__item {
padding: 0 10px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.partners__item:last-child {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (min-width: 1800px) {
.partners__item:nth-child(1) { }
.partners__item:nth-child(2) { }
.partners__item:nth-child(3) { display: block; }
.partners__item:nth-child(4) { display: block; }
.partners__item:nth-child(5) { }
.partners__item {
padding: 0 10px;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.partners__item:last-child {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
.section-delivery-pay {
}
.delivery-pay {
position: relative;
}
.delivery-pay__parallax {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.delivery-pay__bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.delivery-pay__map {
position: absolute;
opacity: .3;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.delivery-pay__description {
position: relative;
padding: 30px 10px;
max-width: 450px;
z-index: 1;
}
.delivery-pay__title {
color: #333;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
text-align: center;
}
.delivery-pay__types {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
}
.delivery-pay__types-caption {
color: #333;
font-weight: 500;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 10px;
}
.delivery-pay__types-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.delivery-pay__types-icon {
background: #fff;
width: 70px;
height: 50px;
padding: 8px;
border-radius: 100%;
margin: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.delivery-pay__types-icon img {
width: 100%;
}
.delivery-pay__button-wrap {
}
.delivery-pay__button {
height: 50px;
text-transform: uppercase;
}
.delivery-pay__truck {
display: none;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.delivery-pay__truck img {
display: block;
width: 500px;
}
@media (min-width: 768px) {
.delivery-pay__title {
text-align: left;
}
.delivery-pay__types {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.delivery-pay__types-caption {
margin-bottom: 0;
}
.delivery-pay__button {
margin: 0;
}
}
@media (min-width: 1220px) {
.delivery-pay__description {
padding: 20px 0 20px 0;
}
.delivery-pay__truck {
display: block;
}
}
@media (min-width: 1800px) {
.delivery-pay__title {
text-align: right;
}
.delivery-pay__types {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.delivery-pay__button {
margin: 0 0 0 auto;
}
.delivery-pay__description {
padding: 30px 0 30px 20px;
}
.delivery-pay__truck img {
display: block;
width: 900px;
}
}
.section-subscribe {
padding-bottom: 0;
}
.subscribe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #424348;
}
.subscribe__label {
position: relative;
padding: 20px 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.subscribe__label-img {
width: 300px;
position: absolute;
left: 60px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.subscribe__label-text {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 32px;
font-weight: 300;
color: #fff;
text-align: center;
}
.subscribe__form {
padding: 15px 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
z-index: 1;
}
.subscribe__input-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 200px;
margin-right: 20px;
margin-bottom: 10px;
position: relative;
}
.subscribe__submit-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.subscribe__input-icon {
position: absolute;
top: 15px;
left: 15px;
color: #666;
font-size: 40px;
pointer-events: none;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.subscribe__input-placeholder {
position: absolute;
height: 20px;
top: 50%;
left: 70px;
font-size: 16px;
font-weight: 500;
color: #666;
pointer-events: none;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: font-size .3s ease, -webkit-transform .3s ease;
transition: font-size .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, font-size .3s ease;
transition: transform .3s ease, font-size .3s ease, -webkit-transform .3s ease;
}
.subscribe__input-wrap:hover .subscribe__input-icon {
color: #ee3535;
}
.subscribe__input {
width: 100%;
background: #dfdfdf;
border: 0;
border-radius: 3px;
height: 70px;
color: #333;
padding: 30px 20px 8px 70px;
font-size: 16px;
font-weight: 500;
-webkit-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease;
}
.subscribe__input-wrap:hover .subscribe__input {
background: #fff;
}
.subscribe__input:focus {
background: #fff;
}
.subscribe__input:focus ~ .subscribe__input-placeholder {
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
font-size: 15px;
}
.subscribe__input.is-full ~ .subscribe__input-placeholder {
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
font-size: 15px;
}
.subscribe__submit {
width: 100%;
height: 70px;
border-radius: 3px;
background: #ffd34c;
text-transform: uppercase;
color: #333;
border: 0;
padding: 0;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.subscribe__submit:hover {
background: #a82a2a;
}
@media (max-width: 767px) {
.section-subscribe > .container {
padding: 0;
}
}
@media (min-width: 768px) {
.section-subscribe {
padding-bottom: 60px;
}
.subscribe {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 130px;
}
.subscribe__label:before {
border: 65px solid transparent;
border-left: 90px solid #ee3535;
display: block;
}
.subscribe__label {
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
}
.subscribe__label-text {
font-size: 28px;
text-align: left;
}
.subscribe__form {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
}
.subscribe__input-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0;
}
.subscribe__submit-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
}
}
@media (min-width: 1220px) {
.subscribe {
height: 190px;
}
.subscribe__label {
-webkit-box-flex: 0;
-ms-flex: 0 0 450px;
flex: 0 0 450px;
padding: 20px 30px;
}
.subscribe__label:before {
border: 95px solid transparent;
border-left: 90px solid #ee3535;
}
.subscribe__label-text {
font-size: 40px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1800px) {
.subscribe__form {
padding: 0 60px 0 130px;
}
.subscribe__submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
}
.subscribe__label {
padding: 0 0 0 370px;
-webkit-box-flex: 0;
-ms-flex: 0 0 750px;
flex: 0 0 750px;
}
.subscribe__label:before {
display: block;
}
.subscribe__label-img {
display: block;
}
}
/*right bar*/
.town-search {
margin-bottom: 40px;
}
.town-search__form {
position: relative;
}
.town-search__form input {
height: 50px;
width: 100%;
border-radius: 3px;
border-color: transparent;
padding: 20px 40px 20px 20px;
}
.town-search .icon {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color .2s ease;
transition: color .2s ease;
}
.town-search__form input:focus + .icon {
color: #ee3535;
}
.town-list {
}
.town-list__item {
margin-bottom: 10px;
}
.town-item {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
cursor: pointer;
}
.town-item__check {
position: relative;
height: 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.town-item__check:before {
content: '';
left: 20px;
top: 15px;
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid #c6c6c6;
-webkit-transition: background-color .3s ease, width .3s ease, height .3s ease;
transition: background-color .3s ease, width .3s ease, height .3s ease;
}
.town-list__item.is-active .town-item__check:before {
width: 10px;
height: 10px;
background: #ee3535;
border-color: #ee3535;
}
.town-item__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.town-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ee3535;
opacity: .5;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.town-list__item.is-active .town-item__icon {
opacity: 1;
}
.module-detail {
background: #fff;
border-radius: 3px;
border: 1px solid #d8d8d8;
}
.module-detail__card {
}
.module-detail__parts-list {
border-top: 1px solid #d8d8d8;
padding: 20px 10px;
}
.module-card {
padding: 20px;
position: relative;
}
.module-card__button {
position: absolute;
top: 10px;
font-size: 20px;
opacity: .5;
padding: 10px;
cursor: pointer;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.module-card__button--close {
left: 10px;
}
.module-card__button--del {
right: 10px;
}
.module-card__button:hover {
opacity: 1;
}
.module-card__img {
height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.module-card__img img {
max-width: 100%;
max-height: 100%;
}
.module-card__title {
text-align: center;
color: #666;
width: 220px;
margin: 0 auto;
padding-top: 5px;
}
.module-card__amount {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.module-card__amount-title {
color: #888;
padding-bottom: 5px;
}
.module-card__price {
padding-top: 10px;
}
.module-price {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #666;
}
.module-price__value {
}
.module-price__currency {
padding-left: 5px;
}
.module-card__apply {
padding-top: 25px;
}
.parts-list-head {
color: #444;
font-size: 16px;
}
.parts-list {
}
.parts-list__item {
}
.parts-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
color: #666;
}
.parts-item__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
height: 30px;
font-size: 20px;
background: #cecece;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.parts-item__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 5px;
}
.parts-item__amount {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
.parts-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
.dynamic-modules {
margin-bottom: 30px;
}
.dynamic-modules__item {
margin-bottom: 5px;
border-radius: 3px;
overflow: hidden;
}
.dynamic-modules__empty {
border: 2px dashed #666;
color: #666;
font-size: 12px;
text-transform: uppercase;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#added-modules .module__button--add {
display: none;
}
#remaining-modules .module__button--remove {
display: none;
}
.feedback {
background: #fff;
border-radius: 3px;
}
.feedback__item {
padding: 20px;
}
.feedback__item:not(:last-child) {
border-bottom: 1px solid #c6c6c6;
}
.feedback__item-title {
text-transform: uppercase;
text-align: center;
padding-bottom: 10px;
}
.feedback__rating {
}
.star-list {
margin: 0 auto;
width: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.star-list__item {
width: 30px;
height: 30px;
cursor: pointer;
}
.star-list__star-path {
stroke: #ee3535;
-webkit-transition: stroke-width .2s ease-out, fill .2s ease-out;
transition: stroke-width .2s ease-out, fill .2s ease-out;
}
.star-list:hover .star-list__star-path {
stroke-width: 6;
}
.star-list:hover .star-list__item:hover ~ .star-list__item .star-list__star-path {
stroke-width: 0;
}
.star-list__item.is-active .star-list__star-path {
fill: #ee3535;
stroke-width: 6 !important;
}
.feedback__caption {
text-align: center;
}
.feedback__caption a {
color: #ee3535;
}
/*
.star-list__item.hover .star-list__star-path {
stroke-width: 6;
}
*/
.address-form {
background: #fff;
border-radius: 3px;
padding: 20px;
}
.instruction-content {
}
.instruction-content__header {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 30px;
}
.instruction-content__title {
color: #ffffff;
text-transform: uppercase;
padding-bottom: 30px;
}
.instruction-object {
}
.instruction-object__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.instruction-object__image {
height: 105px;
}
.instruction-object__image img {
border-radius: 3px;
max-height: 100%;
max-width: 100%;
}
.instruction-object__description {
padding-left: 20px;
}
.instruction-object__name {
color: #e6e6e6;
font-weight: 300;
padding-bottom: 20px;
max-width: 185px;
}
.instruction-object__name--uppercase {
text-transform: uppercase;
}
.instruction-object__download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.instruction-object__icon {
}
.instruction-object__icon img {
width: 22px;
}
.instruction-object__link {
padding-left: 10px;
}
.instruction-object__link a {
display: block;
color: #969696;
font-weight: 300;
cursor: pointer;
-webkit-transition: color .2s ease;
transition: color .2s ease;
}
.instruction-object__link a:hover {
color: #e6e6e6;
}
.instruction-content__modules {
padding-top: 40px;
}
.instruction-content__list {
}
.instruction-content__item {
padding-bottom: 30px;
}
.instruction-content__item:last-child {
padding-bottom: 0;
}
/*pages*/
.catalog-frame {
}
.root-catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -10px -10px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.root-catalog__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 10px 10px;
}
.catalog-card {
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
border-radius: 3px;
display: block;
padding: 20px;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.catalog-card:hover {
border-color: #ee3535
}
.catalog-card__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 180px;
width: 100%;
position: relative;
}
.catalog-card__image img {
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
}
.catalog-card__name {
padding-top: 40px;
text-align: center;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
color: #444;
}
@media (min-width: 768px) {
.root-catalog {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.root-catalog__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.catalog-card__image {
height: 260px;
}
}
@media (min-width: 1024px) {
.root-catalog__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (min-width: 1800px) {
.root-catalog__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.category-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.category-frame__filter {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 4;
pointer-events: none;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.category-frame__filter.is-open {
pointer-events: auto;
background: rgba(0, 0, 0, .5);
}
.filter-container {
position: absolute;
width: 280px;
height: 100%;
background: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.category-frame__filter.is-open .filter-container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.category-frame__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.product-panel {
background: #fff;
/*padding: 0 20px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/*border: 1px solid #c1c1c1;*/
}
@media (max-width: 767px) {
.product-panel {
padding: 0 16px;
}
}
.product-panel__sort {
-ms-flex-preferred-size: 220px;
flex-basis: 220px;
}
.product-panel__mobile-sort {
}
.product-panel__desktop-sort {
display: none;
}
.mobile-sort {
position: relative;
z-index: 1;
}
.mobile-sort__caption {
}
.mobile-sort__frame {
}
.mobile-sort__frame .tail-select {
width: 100%;
}
.mobile-sort__select {
}
.desktop-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desktop-sort__caption {
height: 28px;
line-height: 28px;
padding-right: 10px;
}
.desktop-sort__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desktop-sort__option {
height: 28px;
padding: 0 30px 0 0;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
cursor: pointer;
position: relative;
opacity: .5;
}
.desktop-sort__option.is-active {
opacity: 1;
}
.desktop-sort__option-text {
}
.desktop-sort__option-icon {
position: absolute;
font-size: 8px;
right: 5px;
top: 0;
width: 28px;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.desktop-sort__option.reverse .desktop-sort__option-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.product-panel__filter-button {
}
.product-panel__view {
display: none;
}
.product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px;
}
.product-list__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 10px;
}
.category-frame__button-wrap {
padding-top: 10px;
}
.category-frame__button {
}
.view-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*border: 1px solid #c6c6c6;
border-radius: 3px;
padding: 5px;*/
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.view-tabs:hover {
border-color: #ee3535;
}
.view-tabs__item {
color: #888888;
font-size: 15px;
width: 21px;
height: 21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-left: 5px;
}
.view-tabs__item.is-active {
background-color: #ee3535;
border-radius: 3px;
color: #ffffff;
}
.product-list--view-one {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 0;
height: 0;
opacity: 0;
z-index: 0;
overflow: hidden;
}
.product-list--view-one.is-active {
width: unset;
height: unset;
opacity: 1;
z-index: 1;
overflow: unset;
}
.product-list--view-two {
margin: 0 !important;
width: 0;
height: 0;
opacity: 0;
z-index: 0;
overflow: hidden;
}
.product-list--view-two.is-active {
display: block !important;
width: 100%;
height: unset;
opacity: 1;
z-index: 1;
overflow: unset;
}
.product-list--view-three {
margin: 0 !important;
z-index: 0;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.product-list--view-three.is-active {
display: block !important;
width: 100%;
height: unset;
opacity: 1;
z-index: 1;
overflow: unset;
}
.category-frame--horizontal {
}
@media (max-width: 767px) {
.product-panel {
margin: 0 -15px;
}
}
@media (min-width: 768px) {
.product-list__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1220px) {
.product-panel__view {
display: block;
}
.product-panel__mobile-sort {
display: none;
}
.product-panel__desktop-sort {
display: block;
}
.product-list__item {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
.category-frame__filter {
position: static;
position: initial;
padding-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
pointer-events: initial;
}
.filter-container {
-webkit-transform: none;
transform: none;
-webkit-transform: initial;
transform: initial;
position: static;
position: initial;
width: auto;
width: initial;
height: auto;
height: initial;
background: none;
}
.category-frame__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.product-panel__filter-button {
display: none;
}
.product-panel__sort {
-ms-flex-preferred-size: initial;
flex-basis: initial;
}
.category-frame--horizontal {
display: block;
}
.category-frame--horizontal .category-frame__filter {
position: unset;
padding-right: unset;
padding-bottom: 30px;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
.category-frame--horizontal .filter__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 1800px) {
.product-list__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.category-sliders {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.category-sliders__item {
padding: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
.category-sliders__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1220px) {
.category-sliders__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
@media (min-width: 1800px) {
.category-sliders__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.page-head__items-amount {
font-weight: 500;
}
.filter-category {
padding: 10px 0;
}
.filter-category__item {
padding-bottom: 2px;
}
.filter-category__item:last-child {
padding-bottom: 0
}
.filter-category__card {
background-color: #f7f7f7;
-webkit-transition: background-color .3s ease, color .3s ease;
transition: background-color .3s ease, color .3s ease;
}
.filter-category__checkbox {
width: 100%;
}
.filter-category__custom-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 17px 20px;
cursor: pointer;
position: relative;
}
.filter-category__item.is-active .filter-category__card {
background-color: #FFFFFF;
}
.filter-category__item.is-active .filter-category__caption {
color: #ee3535;
}
.filter-category__item.is-active .filter-category__icon {
opacity: 1;
}
.filter-category__check-input {
display: none;
}
.filter-category__card:hover {
background-color: #fff;
}
.filter-category__card:hover .filter-category__icon {
opacity: 1;
}
.filter-category__caption {
color: #333333;
}
.filter-category__icon {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background-color: #ee3535;
color: #fff;
font-size: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
z-index: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.filter-category__link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.filter-category__icon:hover ~ .filter-category__link {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (min-width: 1220px) {
.filter-category {
padding: 0 0 10px;
}
}
.product-summary-frame {
padding-bottom: 100px;
}
.product-summary {
}
.product-summary__section {
background: #fff;
border: 1px solid #c1c1c1;
}
.product-summary__section:not(:last-child) {
margin-bottom: 10px;
}
.product-summary__head {
padding: 20px 20px;
}
.product-summary__head .page-title {
margin: 0;
}
.product-summary__row {
max-width: 100%;
padding: 0 20px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-summary__preview {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.product-summary__instruction {
}
.product-instruction {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 240px;
}
.product-instruction:hover .product-instruction__name {
color: #ee3535;
}
.product-instruction:hover .product-instruction__icon > span {
color: #ee3535;
}
.product-instruction__icon {
}
.product-instruction__icon .icon {
font-size: 20px;
color: #666666;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.product-instruction__name {
font-size: 14px;
color: #444;
text-decoration: underline;
text-transform: uppercase;
padding-left: 10px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.product-summary__details {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
}
.product-gallery {
position: relative;
}
.product-gallery__to-video {
position: absolute;
left: 15px;
top: 0;
border: 2px solid #ee3535;
width: 80px;
height: 80px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ee3535;
font-size: 28px;
cursor: pointer;
-webkit-transition: border-color .3s ease, color .3s ease;
transition: border-color .3s ease, color .3s ease;
}
.product-gallery__to-video:hover {
border: 2px solid #a82a2a;
color: #a82a2a;
}
.action-links {
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
padding-left: 14px;
}
.action-links__item {
}
.action-links__item:not(:last-child) {
margin-bottom: 6px;
}
.action-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e2e2e2;
padding: 0 20px;
height: 54px;
position: relative;
-webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
transition: background-color .3s ease, -webkit-transform .3s ease;
transition: background-color .3s ease, transform .3s ease;
transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease;
-webkit-transform: translateX(calc(100% - 70px));
transform: translateX(calc(100% - 70px));
}
.action-link:hover {
background: #ee3535;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.action-link:before {
content: '';
position: absolute;
left: -14px;
top: 0;
border: 27px solid transparent;
border-left: 0;
border-right: 14px solid #e2e2e2;
-webkit-transition: border-right-color .3s ease;
transition: border-right-color .3s ease;
}
.action-link:after {
content: '';
position: absolute;
left: -1px;
top: 1px;
width: 2px;
height: 52px;
background-color: #e2e2e2;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.action-link:hover:after {
background-color: #ee3535;
}
.action-link:hover:before {
border-right-color: #ee3535;
}
.action-link__img {
width: 34px;
}
.action-link__img * {
-webkit-transition: fill .3s ease;
transition: fill .3s ease;
}
.action-link:hover .action-link__img * {
fill: #fff;
}
.action-link__img .partial-icon {
display: block;
width: 100%;
}
.action-link__caption {
color: #fff;
text-transform: uppercase;
font-size: 12px;
overflow: hidden;
-webkit-transition: width .3s ease;
transition: width .3s ease;
padding-left: 20px;
}
.product-gallery__preview {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-gallery__preview.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-gallery__preview img {
display: block;
max-width: 100%;
max-height: 100%;
}
.product-gallery__preview:not(._vertical) {
width: 100%;
}
.product-gallery__preview._vertical {
width: auto;
height: 100%;
}
.product-gallery__thumbs {
padding: 10px 0 0;
}
.thumbs {
max-width: 100%;
min-width: 290px;
}
.thumbs .swiper-slide {
width: auto;
}
.thumbs__item {
height: 86px;
padding: 4px;
border: 1px solid #d8d8d8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.thumbs__item.is-active {
border-color: #ee3535;
}
/*.thumbs__item._vertical {
max-width: 74px;
}*/
.thumbs__item img {
display: block;
max-width: 100%;
max-height: 100%;
}
.thumbs__item:not(._vertical) img {
width: 100%;
height: 100%;
}
.thumbs__item._vertical img {
height: 100%;
}
.product-summary__item {
}
.product-summary__item:not(:last-child) {
margin-bottom: 20px;
}
.product-summary__inf {
}
.product-summary__title {
color: #333;
font-size: 16px;
margin-bottom: 5px;
}
.product-summary__id {
display: none;
}
.product-summary__rating {
display: none;
}
.product-summary__color {
margin-bottom: 20px;
}
.product-summary__color .product-summary__title {
font-size: 26px;
text-transform: uppercase;
}
.product-summary__code {
margin-bottom: 5px !important;
}
.color-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -3px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.color-list__item {
padding: 7px;
cursor: pointer;
}
.color-list__color {
width: 75px;
height: 150px;
overflow: hidden;
position: relative;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .25);
box-shadow: inset 0 0 4px rgba(0, 0, 0, .25);
}
.color-list__check {
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
-webkit-transform: translate(-50%, -100%) scale(0) rotate(-180deg);
transform: translate(-50%, -100%) scale(0) rotate(-180deg);
opacity: 0;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: opacity .3s ease, -webkit-transform .3s ease .3s;
transition: transform .3s ease .3s, opacity .3s ease;
transition: transform .3s ease .3s, opacity .3s ease, -webkit-transform .3s ease .3s;
}
.color-list__check > span {
position: absolute;
top: 0;
left: 0;
}
.color-list__check > span:nth-child(1) {
font-size: 14px;
opacity: .5;
}
.color-list__check > span:nth-child(2) {
font-size: 14px;
color: #fff;
}
.color-list__item.is-active .color-list__check {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
transform: translate(-50%, -50%) scale(1) rotate(0deg);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}
.product-amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-amount__control {
}
.product-amount__caption {
padding-left: 20px;
}
.amount-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.amount-control__button {
height: 30px;
width: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
color: #666;
cursor: pointer;
}
.amount-control__button--minus {
}
.amount-control__button--minus .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.amount-control__button--plus {
}
.amount-control__button--plus .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.amount-control__input {
height: 30px;
width: 55px;
border: 1px solid #c6c6c6;
border-radius: 3px;
text-align: center;
}
.product-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-price__value {
font-size: 36px;
font-weight: 700;
}
.product-price__currency {
font-size: 18px;
padding-left: 10px;
}
.product-summary__group {
max-width: 300px;
}
.product-summary__group-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
}
.product-summary__group-row:not(:last-child) {
margin-bottom: 10px;
}
.product-summary__inf {
}
.short-inf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #eee;
padding: 20px;
}
.short-inf__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.short-inf__item:not(:last-child) {
margin-bottom: 20px;
}
.short-inf__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.short-inf__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 26px;
flex: 0 0 26px;
}
.short-inf__img img {
width: 100%;
display: block;
}
.short-inf__caption {
padding-left: 10px;
}
.product-summary__buy {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 5px;
text-transform: uppercase;
}
.product-summary__buy.is-added .button--red {
background: #61c954;
}
.product-summary__buy.is-added .button--red:hover {
background: #4d9b4d;
}
.product-summary__buy .button {
height: 35px;
}
.product-summary__to-favorites {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
margin: 0 5px;
}
.product-summary__to-favorites .button.is-active {
color: #ee3535;
}
.product-summary__to-favorites .button {
height: 35px;
}
.product-summary__add-module {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0 5px;
text-transform: uppercase;
}
.modules-thumbs {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.modules-thumbs .add-element {
min-height: 250px;
}
.modules-thumbs__item {
padding: 5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.add-element {
height: 100%;
padding: 20px;
border: 2px dashed #d8d8d8;
color: #888;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.add-element:hover {
border-color: #888;
}
.add-element__icon {
font-size: 40px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.add-element:hover .add-element__icon {
color: #444;
}
.add-element__caption {
margin-top: 40px;
font-size: 16px;
text-align: center;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.add-element:hover .add-element__caption {
color: #444;
}
.product-description {
padding: 20px 15px;
line-height: 1.5;
}
.product-summary__characteristics {
padding-top: 20px;
}
.characteristics {
}
.characteristics:not(:last-child) {
padding-bottom: 30px;
}
.characteristics__head {
padding: 5px 20px;
}
.characteristics__table {
width: 100%;
border-collapse: collapse;
}
.characteristics__table tr {
}
.characteristics__table tr:nth-child(2n+1) { background: #ebebeb; }
.characteristics__table tr:nth-child(2n+2) { background: #f1f1f1; }
.characteristics__table td {
width: 50%;
}
.characteristics__table td:nth-child(1) { color: #888; padding: 10px 10px 10px 15px; }
.characteristics__table td:nth-child(2) { color: #444; padding: 10px 15px 10px 10px; }
.characteristics__table a {
color:#646464;
text-decoration:underline;
}
.reviews-wrap {
padding: 30px 0;
background: url('/local/templates/surmebel_v.2/assets/css/../img/review-bg.jpg') right bottom repeat-y;
}
.reviews-wrap .product-summary__section {
background: rgba(255, 255, 255, .75);
}
.reviews-wrap .section-title {
border-bottom: 0;
}
.reviews-wrap .section-title__text {
font-size: 18px;
font-weight: 500;
border-bottom: 2px solid #efd45f;
}
.product-summary__reviews {
}
.reviews {
}
.reviews__list {
}
.review {
padding: 15px;
position: relative;
}
.review:before {
content: '';
position: absolute;
bottom: 0;
left: 15px;
width: 40%;
height: 1px;
background: #d8d8d8;
}
.review__name {
padding-bottom: 5px;
text-transform: uppercase;
}
@media (max-width: 480px) {
.review__photos {
margin: 0 -10px;
}
.review__photos > a {
width: calc(50% - 10px);
margin: 5px;
overflow: hidden;
}
}
.review__rating {
padding-bottom: 10px;
}
.review__text {
padding-bottom: 10px;
}
.review__date {
color: #888;
font-size: 12px;
}
.reviews__feedback {
padding: 20px 15px;
}
.recommended-products {
padding-top: 30px;
}
.recommended-products__title {
}
.recommended-products__body {
}
.recommended-products .product-slider-images__img {
max-height: 200px;
}
.recommended-products .product-card__name {
font-size: 14px;
}
.detail_add .recommended-products {
padding-top: 0px;
padding-bottom: 50px;
}
.product-slider-wrap {
padding-bottom: 490px;
position: relative;
}
.product-slider {
width: 100%;
position: absolute;
}
.constructor-alert {
margin: 30px 0;
background-color: #424348;
background-image: url(/local/templates/surmebel_v.2/assets/css/../img/alert-bg-dark.png);
background-position: center right;
background-size: 380px;
background-repeat: no-repeat;
padding: 20px 15px;
}
.constructor-alert__text {
color: #fff;
font-size: 18px;
text-align: center;
max-width: 550px;
margin: 0 auto;
text-transform: uppercase;
}
.constructor-alert__text a {
text-decoration: underline;
}
@media (max-width: 767px) {
.product-summary-frame .container {
padding: 0;
}
.recommended-products__body .container {
padding: 0;
}
}
@media (min-width: 480px) {
.modules-thumbs__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.product-summary__head {
padding: 40px 20px;
}
.short-inf__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.short-inf__item:not(:last-child) {
margin-bottom: 0;
}
.short-inf__caption {
max-width: 130px;
}
.modules-thumbs__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.characteristics__table td:nth-child(1) { padding: 10px 10px 10px 40px; width: 40%; }
.characteristics__table td:nth-child(2) { padding: 10px 40px 10px 10px; width: 60%; }
}
@media (min-width: 1024px) {
.modules-thumbs__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
}
@media (min-width: 1220px) {
.modules-thumbs__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.product-summary__row {
}
.product-summary__preview {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.product-summary__details {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
padding-left: 20px;
}
.constructor-alert {
margin: 50px -40px;
padding: 20px 40px;
}
.constructor-alert__text {
font-size: 30px;
text-align: left;
max-width: 1100px;
margin: 0;
font-weight: 300;
}
}
@media (min-width: 1640px) {
.product-summary__preview {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.product-summary__details {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1800px) {
.product-summary__details {
padding-left: 60px;
}
.modules-thumbs__item {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.product-summary__instruction {
position: absolute;
right: 0;
top: -5px;
margin: 0 !important;
}
}
.product-summary__video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-video {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
margin-top: 10px;
cursor: pointer;
}
.product-video:first-child {
margin-top: 0;
}
.product-video__image {
}
.product-video:hover .product-video-wrap:before {
opacity: .2;
}
.product-video-wrap {
background-position: center;
background-size: cover;
height: 280px;
}
.product-video-wrap:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: black;
opacity: .5;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.product-video__frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-video__caption {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 100%;
padding: 0 20px;
}
.product-video__icon {
width: 40px;
height: 40px;
background-color: #ee3535;
border-radius: 100%;
position: relative;
}
.product-video__icon:before {
content: '';
display: block;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 11px solid #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px;
}
.product-video__name {
font-weight: 500;
color: #ffffff;
font-size: 24px;
text-align: center;
}
@media (min-width: 768px) {
.product-summary__video {
margin: 0 -5px -10px;
}
.product-video {
margin-top: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 5px 10px;
}
.product-video:first-child {
margin-top: unset;
}
.product-video-wrap {
height: 330px;
}
}
@media (min-width: 1220px) {
.product-video {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-video-wrap {
height: 330px;
}
.product-video-wrap {
height: 570px;
}
.product-video__icon {
width: 118px;
height: 118px;
}
.product-video__icon:before {
content: '';
display: block;
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 20px solid #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px;
}
.product-video__name {
font-size: 36px;
padding-bottom: 45px;
}
}
@media (min-width: 1680px) {
.product-video {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.basket-page {
}
.basket-page .container {
}
.basket-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-frame__left {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
min-height: 300px;
}
.basket-frame__right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
position: relative;
}
.basket {
}
.basket-head {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
border: 1px solid #c1c1c1;
}
.basket-head__item {
padding: 20px 10px;
}
.basket-head__item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; }
.basket-head__item:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.basket-head__item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; }
.basket-head__item:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; }
.basket-head__item:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; }
.personal-history-head {
background: #fff;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.personal-history-head__item {
padding: 10px 20px;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.personal-history-head__item:nth-child(1) { }
.personal-history-head__item:nth-child(2) { }
.personal-history-head__item:nth-child(3) { }
.personal-history-head__item:nth-child(4) { display: none; }
.personal-history-head__item:nth-child(5) { display: none; }
.personal-history-head__item:nth-child(6) { }
.personal-history-head__item:nth-child(7) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.basket-body {
}
.basket-body__item {
margin-bottom: 20px;
border: 1px solid #c1c1c1;
}
.basket-item {
background: #fff;
}
.basket-item__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #c6c6c6;
}
.basket-item__head-cell {
padding: 20px 5px;
font-weight: 500;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.status-rect {
display: inline-block;
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.status-caption {
display: none;
margin-left: 10px;
}
.basket-item.accepted .status-rect { background: #61c954; }
.basket-item.waiting .status-rect { background: #ee3535; }
.basket-item.canceled .status-rect { background: #ee3535; }
.basket-item__head-cell:nth-child(1) { }
.basket-item__head-cell:nth-child(2) { }
.basket-item__head-cell:nth-child(3) { display: none; }
.basket-item__head-cell:nth-child(4) { display: none; }
.basket-item__head-cell:nth-child(5) { display: none; }
.basket-item__head-cell:nth-child(6) { white-space: nowrap; }
.basket-item__head-cell:nth-child(7) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.basket-item__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-item__main-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.basket-item__cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 15px;
}
.basket-item__name {
}
.basket-page .toggle__label {
display: none;
}
.basket-item__body {
}
.basket-item__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
padding-right: 0;
}
.basket-item__image img {
max-width: 100%;
}
.basket-item__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 10px;
color: #666;
}
.basket-item__manufacturer {
}
.basket-item__manufacturer img {
display: block;
max-height: 30px;
max-width: 100px;
border-radius: 3px;
}
.basket-item__description-title {
padding: 10px 0 5px;
font-size: 14px;
}
.basket-item__description-id {
font-size: 12px;
font-weight: 300;
}
.basket-item__del {
margin-top: 15px;
font-size: 14px;
font-weight: 400;
cursor: pointer;
display: table;
padding: 5px 0;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.basket-item__del:hover {
color: #ee3535;
}
.basket-item__price {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #d8d8d8;
}
.basket-item__price-old {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #888;
font-size: 12px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
text-decoration: line-through;
}
.basket-item__price-old .icon {
font-size: 10px;
margin-left: 2px;
}
.basket-item__price-current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #666;
font-size: 20px;
font-weight: 700;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.basket-item__price-current .icon {
font-size: 16px;
margin-left: 5px;
}
.basket-item__amount {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #d8d8d8;
}
.basket-item__toggle {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #d8d8d8;
}
.basket-item__set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-item__set-title {
padding: 20px 15px;
font-size: 16px;
border-bottom: 1px solid #d8d8d8;
}
.basket-item__modules .basket-item__set-title {
border-right: 1px solid #d8d8d8;
}
.basket-item__modules {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #d8d8d8;
}
.basket-item__parts {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-top: 1px solid #d8d8d8;
display: none;
}
.modules-list {
}
.modules-list__item {
border-right: 1px solid #d8d8d8;
position: relative;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.modules-list__item:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #ee3535;
-webkit-transition: width .3s ease;
transition: width .3s ease;
}
.basket-parts {
padding: 0 15px;
}
.checkout-block {
background: #fff;
padding: 20px;
}
.checkout-block.is-fixed {
position: fixed;
top: 10px;
width: 370px;
}
.checkout-block.is-bottom {
position: absolute;
bottom: 20px;
width: 370px;
}
.checkout-block__item {
}
.checkout-block__item:not(:last-child) {
padding-bottom: 20px;
}
.basket-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.basket-promo__input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 10px;
}
.basket-promo__input input {
width: 100%;
height: 40px;
border-radius: 3px;
border: 1px solid #c6c6c6;
padding: 0 20px;
}
.basket-promo__button {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
.basket-total {
}
.basket-total__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.basket-total__row:not(:last-child) {
padding-bottom: 20px;
}
.basket-total__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
font-size: 16px;
color: #666;
font-weight: 300;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.basket-total__title span {
padding-right: 5px;
}
.basket-total__title:after {
content: '';
height: 4px;
border-bottom: 1px dashed #666;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.basket-total__value {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 20px;
font-weight: 700;
}
.basket-total__value .value {
padding-right: 5px;
}
.basket-total__value .icon {
font-size: 16px;
}
.basket-item__footer {
border-top: 1px solid #c6c6c6;
}
.order-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-footer__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-footer__item {
padding: 20px;
}
.order-footer__item-caption {
font-size: 12px;
}
.order-footer__item-text {
font-size: 14px;
font-weight: 500;
}
.order-footer__button {
padding: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0;
flex: 0 0;
}
@media (max-width: 767px) {
.basket-page .container {
padding: 0;
}
.basket-head {
display: none;
}
}
@media (min-width: 768px) {
.status-caption {
display: block;
}
.basket-item__head-cell {
padding: 20px 10px;
font-size: 14px;
}
.basket-item__set {
}
.basket-item__modules {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.basket-item__parts {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.basket-item__parts.is-active {
display: block;
}
.basket-item__row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.basket-item__cell {
padding: 10px;
}
.basket-item__main-cell {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.basket-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 0;
}
.basket-item__price-old {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.basket-item__price-current {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.basket-item__amount {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 0;
}
.basket-item__toggle {
-webkit-box-flex: 0;
-ms-flex: 0 0 135px;
flex: 0 0 135px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border: 0;
}
.basket-item__name {
display: none;
}
.basket-page .toggle__label {
display: block;
}
.modules-list__item.is-active {
border-right: 1px solid #fff;
}
.modules-list__item.is-active:before {
width: 5px;
}
.modules-list__item.is-active {
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
}
@media (min-width: 1024px) {
.personal-history-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.basket-item__head-cell {
font-size: 14px;
padding: 20px;
}
.basket-item__head-cell:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; }
.personal-history-head__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.basket-item__head-cell {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.basket-head__item:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 170px;
flex: 0 0 170px;
}
.basket-head__item:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
.basket-item__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 170px;
flex: 0 0 170px;
}
.basket-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
.basket-item__price-old {
font-size: 14px;
}
.basket-item__price-old .icon {
font-size: 10px;
}
.basket-item__price-current {
font-size: 28px;
}
.basket-item__price-current .icon {
font-size: 20px;
}
}
@media (min-width: 1220px) {
.personal-history-head__item {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
}
.basket-item__head-cell {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
}
.personal-history-head__item:nth-child(4) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.personal-history-head__item:nth-child(5) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.basket-item__head-cell:nth-child(4) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.basket-item__head-cell:nth-child(5) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.basket-head__item {
padding: 20px;
}
.basket-head__item:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.basket-head__item:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.basket-head__item:nth-child(4) {
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.basket-head__item:nth-child(5) {
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
.basket-item__cell {
padding: 20px;
}
.basket-item__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.basket-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.basket-item__amount {
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.basket-item__toggle {
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
}
@media (min-width: 1800px) {
.basket-frame {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.basket-frame__left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.basket-frame__right {
-webkit-box-flex: 0;
-ms-flex: 0 0 390px;
flex: 0 0 390px;
padding-left: 20px;
}
.basket-head__item:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.basket-head__item:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
.basket-head__item:nth-child(4) {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.basket-head__item:nth-child(5) {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.basket-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
.basket-item__amount {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.basket-item__toggle {
-webkit-box-flex: 0;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
.checkout-block {
}
}
.empty-basket {
background: #fff;
padding-top: 50px;
margin-bottom: 10px;
position: relative;
}
.empty-basket__description {
padding-bottom: 110px;
}
.empty-basket__title {
text-align: center;
font-size: 24px;
text-transform: uppercase;
width: 250px;
padding-bottom: 30px;
margin: 0 auto;
}
.empty-basket__button {
margin: 0 auto;
}
.empty-basket__line {
position: relative;
}
.empty-basket__img {
height: 175px;
position: absolute;
left: 50%;
bottom: 30px;
z-index: 1;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.empty-basket .advantages-inner {
padding: 60px 0;
}
@media (min-width: 768px) {
.empty-basket {
padding-top: 100px;
}
.empty-basket__title {
width: 300px;
}
.empty-basket .advantages-inner {
padding: 120px 0;
}
.empty-basket__description {
padding-bottom: 250px;
}
.empty-basket__img {
height: 320px;
}
}
@media (min-width: 1220px) {
.empty-basket {
padding-top: 300px;
}
.empty-basket__description {
position: absolute;
right: 50%;
top: 100px;
width: 300px;
padding: 0;
}
.empty-basket__title {
text-align: left;
}
.empty-basket__button {
margin: 0;
}
.empty-basket .advantages-inner {
padding: 60px 0;
}
.empty-basket__img {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1800px) {
.empty-basket__description {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.empty-basket__img {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
}
.empty-favorite {
background: #fff;
padding-top: 50px;
margin-bottom: 10px;
position: relative;
}
.empty-favorite__description {
padding-bottom: 110px;
}
.empty-favorite__title {
text-align: center;
font-size: 24px;
text-transform: uppercase;
width: 250px;
padding-bottom: 30px;
margin: 0 auto;
}
.empty-favorite__button {
margin: 0 auto;
}
.empty-favorite__line {
position: relative;
}
.empty-favorite__img {
height: 175px;
position: absolute;
left: 50%;
bottom: 30px;
z-index: 1;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.empty-favorite .advantages-inner {
padding: 60px 0;
}
@media (min-width: 768px) {
.empty-favorite {
padding-top: 100px;
}
.empty-favorite__title {
width: 350px;
}
.empty-favorite .advantages-inner {
padding: 120px 0;
}
.empty-favorite__description {
padding-bottom: 250px;
}
.empty-favorite__img {
height: 320px;
}
}
@media (min-width: 1220px) {
.empty-favorite {
padding-top: 300px;
}
.empty-favorite__description {
position: absolute;
right: 50%;
top: 100px;
width: 350px;
padding: 0;
}
.empty-favorite__title {
text-align: left;
width: 100%;
}
.empty-favorite__button {
margin: 0;
}
.empty-favorite .advantages-inner {
padding: 60px 0;
}
.empty-favorite__img {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1800px) {
.empty-favorite__description {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.empty-favorite__img {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
}
.checkout {
margin-bottom: 20px;
}
.checkout__section {
background: #fff;
}
.checkout__section:not(:last-child) {
margin-bottom: 10px;
}
.checkout__section-body {
padding: 20px;
}
.checkout .form__input {
max-width: 280px;
}
.checkout .address-form .select {
max-width: 280px;
}
.transport-company {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.transport-company__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.transport-company__description {
padding: 10px 50px;
}
@media (min-width: 1220px) {
.transport-company__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.personal-page {
}
.personal {
}
.personal__section {
background: #fff;
margin-bottom: 20px;
}
.personal__section-body {
padding: 20px;
}
.personal__section-body .form {
max-width: 1000px;
}
.personal__section-body .header-search__input {
background: #fff;
border: 1px solid #c6c6c6;
color: inherit;
}
.personal__section-body .header-search__button {
color: #c6c6c6;
}
.error-page__frame {
}
.error-content {
background-color: #ee3535;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
.error-content__image {
width: 100%;
height: 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.error-content__image img {
max-width: 100%;
max-height: 100%;
}
.error-content__caption {
color: #FFFFFF;
text-align: center;
padding: 30px 0;
}
.error-content__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: -10px 0;
}
.error-content__button {
padding: 10px 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.error-content__button a:hover {
background-color: #FFFFFF;
color: #ee3535;
}
.error-content__button a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #fff;
height: 50px;
width: 100%;
border-radius: 3px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 500;
font-family: 'Roboto', sans-serif;
-webkit-transition: color .3s ease, background-color .3s ease;
transition: color .3s ease, background-color .3s ease;
}
@media (min-width: 768px) {
.error-page__frame {
padding: 30px;
}
}
@media (min-width: 1024px) {
.error-page__frame {
padding: 80px 100px;
}
.error-content {
padding: 90px 160px 60px;
}
.error-content__button {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 290px;
padding: 0 20px;
}
.error-content__nav {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 1800px) {
.error-page__frame {
padding: 80px 170px;
}
}
.login-page {
}
.page-head--login {
padding: 0;
margin: 0;
}
.login-page .toggle--text .toggle__item {
width: 135px;
}
.login-page__frame {
background-color: #FFFFFF;
}
.login-page__tab-item {
display: none;
}
.login-page__tab-item.is-active {
display: block;
}
.login-content {
max-width: 300px;
margin: 0 auto;
}
.reg-forms {
max-width: 300px;
margin: 0 auto;
}
.login-content__forms {
padding: 40px 0 10px;
}
.login-content__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.login-content__add-form {
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
height: 0;
opacity: 0;
-webkit-transition: height .2s ease-out, padding .2s ease-out, opacity .2s ease-out;
transition: height .2s ease-out, padding .2s ease-out, opacity .2s ease-out;
}
.login-content__add-form.is-open {
padding-bottom: 20px;
height: 87px;
opacity: 1;
}
.login-content__form-caption {
padding-bottom: 5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.login-content__item input {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border: 1px solid #c6c6c6;
border-radius: 3px;
height: 40px;
padding-left: 20px;
}
.login-content__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px;
}
.login-page .button {
text-transform: uppercase;
}
.login-content__submit {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.login-content__pass-help {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login-content__pass-help a {
font-size: 12px;
font-weight: 500;
}
.login-content__switch {
padding-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.login-switch-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.login-switch {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
padding: 6px;
}
.login-content__switch-text {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
padding-left: 10px;
}
.recovery .login-content__submit {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.recovery .login-content__buttons {
padding-bottom: 0;
}
.recovery .login-content__caption {
padding: 20px 0 85px;
font-size: 12px;
color: #666666;
}
.recovery .login-content__forms {
padding: 40px 0 0;
}
.recovery-pass .login-content__buttons {
padding-bottom: 50px;
}
@media (min-width: 768px) {
.login-page {
padding: 70px;
}
.login-content__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 90px;
}
}
@media (min-width: 1024px) {
.login-page {
padding: 50px 120px;
}
.login-content__submit {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.login-content__pass-help {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: center;
}
.reg-forms {
max-width: 620px;
}
.reg-forms .login-content__forms {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.reg-forms .login-content__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.reg-forms .login-content__item {
padding: 0 10px 20px;
}
.reg-forms .login-content__add-form.is-open {
padding: 0 10px 20px;
}
.reg-forms .entity-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.login-content__switch {
padding: 0 10px 20px;
}
}
@media (min-width: 1220px) {
.login-page {
padding: 10px 140px 90px;
}
}
@media (min-width: 1440px) {
.login-page {
padding: 10px 250px 90px;
}
}
@media (min-width: 1800px) {
.login-page {
padding: 10px 390px 90px;
}
}
.page-success .page-head {
margin-bottom: 0;
}
.page-success .container {
padding: 0;
}
.page-success__frame {
background-color: #FFFFFF;
}
.success-content {
max-width: 300px;
margin: 0 auto;
padding: 50px 0;
}
.success-content__title {
font-size: 27px;
text-align: center;
color: #333333;
text-transform: uppercase;
}
.success-content__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.success-content__icon {
border: 1px solid #ee3535;
width: 200px;
height: 200px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 40px;
color: #ee3535;
opacity: 0;
-webkit-animation: opacity .5s ease-out forwards 1.2s;
animation: opacity .5s ease-out forwards 1.2s;
}
.success-content__icon svg {
-webkit-animation: order-success .5s ease-out forwards 1.2s;
animation: order-success .5s ease-out forwards 1.2s;
}
.success-content__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.success-content__button a {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
max-width: 300px;
cursor: pointer;
}
.success-content__button a:hover {
}
@media (min-width: 768px) {
.page-success .container {
padding: 0 15px;
}
.success-content {
max-width: 500px;
}
.success-content__title {
font-size: 36px;
}
}
@media (min-width: 1220px) {
.page-success {
padding-bottom: 45px;
}
.page-success .container {
padding: 0 40px;
}
.success-content {
padding: 70px 0 90px;
}
.success-content__image {
padding: 60px 0;
}
}
@-webkit-keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes order-success {
0% {
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.delivery p {
color: #444444;
font-size: 14px;
/*font-weight: 300;*/
}
.static-page-frame {
background-color: #ffffff;
padding: 35px 20px 65px;
border: 1px solid #c1c1c1;
}
.page-delivery .advantages__item {
opacity: 0;
}
.delivery-frame:nth-child(1) {
margin-bottom: 10px;
}
.delivery-frame:nth-child(2) {
margin-bottom: 10px;
}
.frame-square-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 35px;
}
.frame-square-title span {
padding-right: 10px;
color: #444444;
font-size: 16px;
font-weight: 500;
}
.red-square-vertical {
width: 8px;
height: 8px;
background-color: #ee3535;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.delivery-frame__advantages {
padding-bottom: 45px;
}
.delivery-frame__advantages .section-advantages {
margin: 0 -20px;
}
.delivery-frame__advantages p {
padding-bottom: 35px;
}
.delivery-frame__advantages .advantages__item:nth-child(2) .advantages-item__icon {
}
.delivery-frame__advantages .advantages-item__icon {
opacity: 1;
height: 100%;
}
.delivery-frame__caption p {
padding-bottom: 25px;
}
.delivery-map__content {
height: 240px;
}
.delivery-map__background {
background-image: url("/img/delivery/delivery-map-2.png");
width: 100%;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.delivery-map__truck {
display: none;
}
@media (min-width: 1024px) {
.static-page-frame {
padding: 45px 20px 75px;
}
.frame-square-title {
padding-bottom: 55px;
}
.delivery-frame__advantages p {
padding-bottom: 45px;
}
.delivery-frame__advantages {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.page-delivery .container {
padding: 0;
}
}
@media (min-width: 1220px) {
.delivery-map__content {
position: relative;
}
.delivery-map__background {
background-position: right;
background-size: auto
}
.delivery-map__truck {
display: block;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(-10%, -15%);
transform: translate(-10%, -15%);
z-index: 4;
opacity: 0;
}
}
@media (min-width: 1800px) {
.delivery-frame__advantages .advantages__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.delivery-frame__advantages .advantages-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.delivery-frame__advantages .advantages-item__caption {
max-width: 240px;
}
}
.delivery-frame__advantages {
padding: 30px 0;
}
.advantages-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.advantages-item__title {
font-size: 16px;
padding-bottom: 10px;
color: #fff;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
.delivery-frame__advantages .advantages-item__icon {
font-weight: 700;
}
.advantages-item__caption {
text-transform: unset;
font-size: 17px;
}
.delivery-frame__caption p:last-child {
padding-bottom: 0;
}
.delivery-frame__caption span {
font-size: 12px;
}
.page-delivery .static-page-frame {
padding: 30px 20px 30px;
}
.delivery-options {
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.delivery-options__item {
padding: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.delivery-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.delivery-option__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
font-size: 60px;
color: #ee3535;
}
.delivery-option__caption {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 16px;
padding-left: 20px;
}
@media (min-width: 768px) {
.advantages-item__title {
text-align: left;
}
.delivery-options__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.delivery-options {
padding-bottom: 50px;
}
.delivery-frame__advantages {
padding: 45px 0;
}
}
@media (min-width: 1220px) {
.page-delivery .static-page-frame {
padding: 40px 40px 40px;
}
.delivery-options__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.delivery-frame__advantages .section-advantages {
margin: 0 -40px;
}
}
.page-payment {
}
.payment {
}
.payment-frame:first-child {
margin-bottom: 10px;
}
.payment-frame__title {
}
.payment-frame__title span {
}
.payment-frame__square {
}
.payment-frame__caption {
color: #444444;
font-size: 14px;
padding-bottom: 30px;
}
.payment-frame__advantages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.payment-advantages {
opacity: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.payment-advantages:first-child {
padding-bottom: 40px;
}
.payment-advantages:first-child .payment-item:nth-child(3) {
padding-bottom: 0;
}
.payment-advantages:nth-child(2) .payment-advantages__title {
padding-bottom: 0;
}
.payment-advantages__image {
position: relative;
width: 80px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.payment-advantages__image span {
font-size: 50px;
}
.payment-square-wrap {
position: absolute;
left: 0;
bottom: 0;
}
.payment-advantages__square {
width: 60px;
height: 28px;
position: relative;
}
.payment-advantages__square:after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
bottom: 0;
border: 34px solid transparent;
border-bottom: 0;
border-top: 14px solid #ee3535;
opacity: .8;
}
.payment-advantages__square:before {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
top: 0;
border: 34px solid transparent;
border-top: 0;
border-bottom: 14px solid #ee3535;
opacity: .8;
}
.payment-advatages__description {
color: #4c4c4c;
padding-top: 20px;
}
.payment-advantages__title {
padding-bottom: 20px;
}
.payment-advantages__title span {
font-weight: 700;
}
.payment-item {
padding-bottom: 20px;
}
.payment-item__subtitle {
font-weight: 500;
}
.payment-item__caption {
}
.payment-item {
}
.payment-item__subtitle {
}
.payment-item__caption {
}
.payment-frame__credit {
}
.payment-credit {
}
.payment-credit__subtitle {
font-size: 14px;
color: #444444;
padding-bottom: 35px;
}
.payment-credit__steps {
}
.payment-credit__item {
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
}
.payment-credit__step-number {
font-size: 14px;
color: #3a3a3a;
font-weight: 500;
}
.payment-credit__image {
height: 63px;
width: auto;
}
.payment-credit__image img {
-webkit-transform: rotate(90deg) translate(35%);
transform: rotate(90deg) translate(35%);
}
.payment-credit__image span {
font-size: 50px;
}
.payment-credit__description {
font-size: 14px;
color: #444444;
padding-top: 10px;
text-align: center;
}
.payment-credit__caption {
font-size: 14px;
color: #444444;
}
.payment-credit__caption p:first-child {
padding-bottom: 30px;
}
@media (max-width: 767px) {
.page-payment .container {
padding: 0;
}
}
@media (min-width: 768px) {
.payment-advantages {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.payment-advatages__description {
width: 320px;
}
.payment-credit__steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0 50px 75px;
}
.payment-credit__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-bottom: 0;
}
.payment-credit__item:nth-child(2) .payment-credit__image {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.payment-credit__step-number {
padding-right: 5px;
}
.payment-credit__image {
height: auto;
}
.payment-credit__image span {
font-size: 32px;
}
.payment-credit__image img {
-webkit-transform: none;
transform: none;
}
.payment-credit__description {
text-align: left;
width: 180px;
padding: 0 0 0 10px;
}
}
@media (min-width: 1024px) {
.payment-advantages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.payment-advatages__description{
padding-top: 0;
}
.payment-credit__item {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
}
}
@media (min-width: 1440px) {
.payment-frame__caption {
padding-bottom: 50px;
}
.credit-frame-caption {
padding-bottom: 30px;
}
.payment-advatages__description {
width: 480px;
}
}
.page-about {
}
.page-about .container {
padding: 0;
}
.about-header {
}
.about-header__frame {
/*background-color: #ee3535;*/
}
.about-frame {
background-color: #FFFFFF;
padding: 30px 20px;
}
.about-logo {
position: relative;
padding: 0 20px;
display: none;
}
.about-logo__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 135px;
}
.about-logo__image img {
max-width: 100%;
max-height: 100%;
}
.about-logo:before {
content: '';
display: block;
width: 0;
height: 0;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-top: 50px solid #ee3535;
position: absolute;
bottom: 1px;
right: 50%;
-webkit-transform: translate(50%, 100%);
transform: translate(50%, 100%);
z-index: 2;
}
.about-video {
position: relative;
cursor: pointer;
}
.about-video__image {
}
.about-video__image img {
max-height: 100%;
max-width: 100%;
}
.about-video-wrap {
width: 100%;
height: 280px;
background-position: center;
background-size: cover;
}
.about-video-wrap:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: black;
opacity: .5;
}
.about-video__caption {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0 20px;
}
.about-video__text {
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
padding-left: 10px;
}
.about-video__icon {
width: 40px;
height: 40px;
background-color: #ee3535;
border-radius: 100%;
position: relative;
}
.about-video__icon:before {
content: '';
display: block;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 11px solid #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px;
}
.about-video__content {
display: none;
}
@media (min-width: 768px) {
.page-about .container {
padding: 0 15px;
}
.about-logo {
display: block;
}
.about-video-wrap {
height: 380px;
}
.about-video__icon {
width: 50px;
height: 50px;
}
.about-video__icon:before {
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
border-left: 14px solid #FFFFFF;
}
.about-video__text {
padding: 0 30px 0;
font-size: 16px;
}
.about-video__content.is-active {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
right: 0;
display: block;
}
}
@media (min-width: 1024px ) {
.about-video-wrap {
height: 550px;
}
}
@media (min-width: 1220px) {
.about-frame {
padding: 30px 90px;
}
.page-about .container {
padding: 0 40px;
}
.about-logo__image {
height: 220px;
}
.about-logo:before {
border-left: 150px solid transparent;
border-right: 150px solid transparent;
border-top: 105px solid #ee3535;
}
.about-video-wrap {
height: 800px;
}
.about-video__icon {
width: 120px;
height: 120px;
}
.about-video__icon:before {
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 25px solid #FFFFFF;
}
.about-video__text {
font-size: 32px;
}
}
.about-header__top {
position:relative;
display:flex;
align-items:center;
max-height:540px;
overflow:hidden;
}
.about-header__video {
position:relative;
z-index:1;
width:100%;
}
.banner-video__text {
position:absolute;
z-index:2;
width:100%;
padding:0 100px;
}
.banner-video__text h2,
.banner-video__text h3 {
color:#ffffff;
line-height:1.2;
}
.banner-video__text h2 {
font-size:60px;
font-weight:300;
}
.banner-video__text h3 {
padding-top:20px;
font-size:20px;
font-weight:400;
}
.about-header__video video {
width:100%;
}
@media (max-width:1199px) {
.banner-video__text {
padding:0 60px;
}
.banner-video__text h2 {
font-size:30px;
}
}
@media (max-width:799px) {
.banner-video__text {
padding:0 30px;
}
.banner-video__text h2 {
font-size:26px;
}
.banner-video__text h3 {
padding-top:10px;
font-size:14px;
font-weight:400;
}
}
@media (max-width: 480px) {
.about-header__top {
margin:0 -14px;
}
.about-header__video {
width:200%;
margin-left:-50%;
}
}
@media (min-width: 1800px) {
.about-quality__frame {
padding: 65px 130px;
}
}
.about-clients {
padding-top: 10px;
}
.clients-content {
}
.clients-content__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-clients__frame {
background-color: #FFFFFF;
padding: 30px 15px;
text-align: center;
}
.clients-content__main-field {
}
.clients-content__title {
font-size: 20px;
color: #444444;
font-weight: 500;
padding-bottom: 35px;
text-transform: uppercase;
}
.clients-content__caption {
font-size: 14px;
color: #444444;
font-weight: 300;
padding-bottom: 50px;
line-height: 1.7;
}
.clients-content__advantages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.clients-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-bottom: 60px;
opacity: 0;
}
.clients-item__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.clients-content__images {
margin: 0 -15px;
}
.clients-item__icon {
font-size: 40px;
color: #ee3535;
}
.clients-item__caption {
font-size: 14px;
width: 150px;
color: #444444;
padding-top: 20px;
}
.clients-image {
opacity: 0;
}
.clients-content__top-images {
margin: 0 -15px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.clients-content__head-img {
width: 100%;
min-height: 360px;
}
.clients-content__head-img img {
display: block;
max-width: 100%;
max-height: 100%;
border-radius: 3px;
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}
.clients-content__bot-images {
position: relative;
padding: 15px 0 20px 25px ;
}
.clients-content__body-img {
width: 80%;
max-width: 390px;
min-height: 220px;
position: absolute;
top: -200px;
left: 0;
}
.clients-content__body-img img {
max-width: 100%;
max-height: 100%;
border-radius: 3px;
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}
.clients-content__foot-img {
background-image: url("/img/about/clients-foot.jpg");
background-position: 0 5px;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 200px;
}
.clients-content__foot-img img {
border-radius: 3px;
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 768px) {
.about-clients__frame {
text-align: left;
padding: 45px 18px 60px;
}
.clients-content__title {
width: 550px;
}
.clients-content__caption {
padding-bottom: 30px;
}
.clients-content__description {
}
.clients-content__advantages {
width: 50%;
}
.clients-item__card {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.clients-item__caption {
width: 120px;
}
.clients-content__top-images {
margin: 0;
position: relative;
}
.clients-content__head-img {
position: absolute;
right: 30px;
bottom: -30px;
min-height: 320px;
max-width: 290px;
}
.clients-content__images {
margin: 0;
padding-top: 75px;
}
.clients-content__bot-images {
padding: 0;
}
.clients-content__body-img {
width: 45%;
left: unset;
right: 10%;
top: -200px;
max-width: 350px;
}
.clients-content__body-img img {
}
.clients-content__foot-img {
background-position: 0px -25px;
width: 80%;
height: 200px;
}
}
@media (min-width: 1024px) {
.clients-content__head-img {
bottom: -70px;
max-width: 330px;
}
}
@media (min-width: 1220px) {
.about-clients__frame {
padding: 45px 90px;
}
.clients-content__foot-img {
margin: 0;
height: 240px;
}
}
@media (min-width: 1440px) {
.clients-content__title {
width: 450px;
}
.clients-content__description {
display: block;
}
.clients-content__top-images {
float: right;
}
.clients-content__head-img {
position: relative;
right: unset;
bottom: unset;
max-width: 460px;
}
.clients-content__caption {
width: 340px;
}
.clients-content__images {
padding-top: 0;
}
.clients-content__bot-images {
padding: 0 50px;
}
.clients-content__body-img {
right: -60px;
max-width: 480px;
}
.clients-content__foot-img {
height: 400px;
width: 100%;
background-position: center;
}
}
@media (min-width: 1800px) {
.about-clients__frame {
padding: 110px 130px;
}
.clients-content__title {
padding-bottom: 45px;
width: 590px;
font-size: 30px;
}
.clients-content__caption {
padding-bottom: 90px;
width: 550px;
font-size: 20px;
}
.clients-item {
padding-bottom: 90px;
}
.clients-item__icon {
font-size: 55px;
}
.clients-content__main-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.clients-content__description {
padding-top: 0;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
}
.clients-content__top-images {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
position: relative;
}
.clients-content__head-img {
max-width: 570px;
}
.clients-content__head-img img {
}
.clients-content__bot-images {
position: relative;
}
.clients-content__body-img {
top: -360px;
max-width: 620px;
}
.clients-content__foot-img {
height: 480px;
}
}
.about-company {
padding-top: 10px;
}
.about-company__frame {
background-color: #FFFFFF;
padding: 30px 15px;
text-align: center;
}
.company-item {
margin: 0 -15px;
opacity: 0;
}
.company-item:first-child {
padding-bottom: 30px;
}
.company-item__description {
padding: 0 15px;
}
.company-item__title {
font-size: 20px;
color: #444444;
font-weight: 500;
padding-bottom: 35px;
text-transform: uppercase;
}
.company-item__caption {
font-size: 14px;
color: #444444;
font-weight: 300;
padding-bottom: 30px;
line-height: 1.7;
}
.company-item__image {
min-height: 260px;
width: 100%;
}
.company-item__image img {
max-width: 100%;
max-height: 100%;
border-radius: 3px;
}
@media (min-width: 768px) {
.about-company__frame {
text-align: left;
padding: 45px 18px;
}
.company-item {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.company-item:nth-child(1) .company-item__image{
padding-left: 30px;
}
.company-item:nth-child(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.company-item:nth-child(2) .company-item__image{
padding-right: 30px;
}
.company-item__description {
padding: 10px 0 0 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.company-item__image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1220px){
.about-company__frame {
padding: 45px 90px;
}
}
@media (min-width: 1440px) {
.company-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.company-item:first-child {
padding-bottom: 0;
}
.company-item:nth-child(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
min-height: 625px;
}
.company-item:nth-child(1) .company-item__description {
padding-right: 50px;
}
.company-item:nth-child(2) .company-item__description {
padding-left: 50px;
padding-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.company-item:nth-child(1) .company-item__image{
position: relative;
z-index: 2;
}
.company-item:nth-child(2) .company-item__image{
position: absolute;
width: 55%;
left: 0;
top: -10%;
z-index: 1;
}
.company-item__description {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
}
.company-item__title {
width: 100%;
}
.company-item__caption {
}
.company-item__image {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.company-item__image img {
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
max-width: 100%;
}
}
@media (min-width: 1800px) {
.about-company__frame {
padding: 65px 130px;
}
.company-item__title {
font-size: 30px;
}
.company-item__caption {
font-size: 20px;
}
.company-item:nth-child(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
min-height: 520px;
}
.company-item:nth-child(2) .company-item__image{
top: -25%;
}
}
.about-history {
padding-top: 10px;
}
.about-history__frame {
background-color: #FFFFFF;
padding: 30px 15px 60px;
text-align: center;
}
.about-history__title {
font-size: 19px;
color: #444444;
font-weight: 500;
text-transform: uppercase;
}
.about-history__text {
padding: 20px 0 10px;
line-height: 1.7;
}
.about-history__text p {
font-size: 14px;
color: #444444;
font-weight: 300;
}
.about-history__info {
}
.history-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.history-info__quantity {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-top: 30px;
}
.history-info__item {
padding: 10px 0;
opacity: 0;
}
.history-info__card {
}
.history-info__amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.history-info__digites {
font-weight: 700;
font-size: 42px;
padding-left: 20px;
}
.history-info__icon {
font-size: 34px;
color: #ee3535;
}
.history-info__caption {
font-size: 14px;
color: #666666;
}
.history-info__diagram {
width: 100%;
min-height: 150px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
opacity: 0;
}
.history-info__diagram img {
max-width: 100%;
max-height: 100%;
}
@media (min-width: 768px) {
.about-history__frame {
padding: 45px 18px 55px;
text-align: left;
}
.about-history__title {
font-size: 20px;
}
.about-history__text {
padding: 55px 0 60px;
}
.about-history__text p {
font-size: 14px;
}
.history-info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.history-info__quantity {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0;
}
.history-info__amount {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.history-info__diagram {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 40px;
}
}
@media (min-width: 1024px ) {
.history-info__quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.history-info__diagram {
padding-left: 60px;
}
}
@media (min-width: 1220px) {
.about-history__frame {
padding: 45px 90px;
}
}
@media (min-width: 1440px) {
}
@media (min-width: 1680px) {
.history-info {
position: relative;
}
.about-history__info {
padding-top: 80px;
}
.about-history__text {
padding: 60px 0 0;
max-width: 900px;
}
.history-info__diagram {
position: absolute;
padding: 0;
bottom: 0;
right: 0;
width: auto;
}
}
@media (min-width: 1800px) {
.about-history__frame {
padding: 65px 130px;
}
.about-history__title {
font-size: 36px;
}
.about-history__text p {
font-size: 20px;
}
}
.about-cities {
padding-top: 10px;
}
.about-cities__frame {
background-color: #FFFFFF;
padding: 30px 15px 75px;
text-align: center;
}
.about-cities__description {
font-size: 14px;
color: #444444;
font-weight: 300;
line-height: 1.7;
}
.about-cities {
}
.about-cities__content {
padding-top: 80px;
}
.about-cities__info {
position: relative;
}
.about-cities__items {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-cities__caption {
font-size: 18px;
color: #888888;
text-transform: uppercase;
}
.about-cities__amount {
position: relative;
}
.about-cities__amount-number {
font-size: 100px;
font-weight: 900;
}
.about-cities__bg-amount {
font-size: 170px;
z-index: 1;
position: absolute;
left: 0;
top: 0;
color: #444444;
font-weight: 900;
opacity: 0.2;
-webkit-transform: translate(-30px, -40px);
transform: translate(-10px, -110px);
}
.about-cities__map {
background-image: url("/img/about/map.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
min-height: 280px;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.3);
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
}
@media (min-width: 768px) {
.about-cities__frame {
padding: 30px 18px 75px;
text-align: left;
}
.about-cities__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.about-cities__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
opacity: 0;
}
.about-cities__map {
position: absolute;
background-position: left;
top: -60px;
left: 15%;
min-height: 240px;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
z-index: 1;
}
}
@media (min-width: 1024px) {
.about-cities__content {
padding-top: 20px;
}
.about-cities__map {
position: relative;
min-height: 390px;
top: 0;
left: -15%;
background-position: right;
}
}
@media (min-width: 1440px) {
}
@media (min-width: 1220px) {
.about-cities__frame {
padding: 45px 90px;
}
.about-cities__items {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.about-cities__amount-number {
font-size: 200px;
}
.about-cities__bg-amount {
font-size: 330px;
}
.about-cities__map {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
min-height: 350px;
z-index: 1;
background-position: left;
left: 0;
opacity: 0;
}
}
@media (min-width: 1440px) {
}
@media (min-width: 1800px) {
.about-cities__frame {
padding: 65px 130px;
}
.about-cities__description {
font-size: 20px;
}
.about-cities__items {
padding-top: 50px;
z-index: 1;
}
.about-cities__caption {
font-size: 36px;
}
.about-cities__amount-number {
position: relative;
z-index: 3;
}
.about-cities__bg-amount {
display: block;
font-size: 337px;
position: absolute;
left: 0;
top: -50%;
color: #444444;
font-weight: 900;
opacity: .1;
-webkit-transform: translate(-30px, -40px);
transform: translate(-30px, -40px);
}
.about-cities__map {
z-index: 2;
min-height: 480px;
top: 0;
}
}
.about-quality {
padding-top: 10px;
}
.about-quality__frame {
background-color: #FFFFFF;
padding: 30px 15px 45px;
text-align: center;
}
.about-quality__title {
font-size: 16px;
color: #444444;
font-weight: 500;
line-height: 1.7;
}
.quality-content {
padding-top: 30px;
}
.quality-content__caption {
font-size: 14px;
color: #444444;
font-weight: 300;
line-height: 1.7;
}
.quality-content__modules {
margin: 0 -15px;
padding: 30px 0;
}
.quality-modules {
background-image: url("/img/about/quality-modules-image.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 25px 15px 50px;
position: relative;
}
.quality-modules:before {
content: '';
display: block;
background-color: #f5f5f5;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: .8;
z-index: 1;
}
.quality-modules__sections {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.quality-modules__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 30px 0;
position: relative;
z-index: 2;
opacity: 0;
}
.quality-item-wrap {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.quality-modules__icon {
font-size: 45px;
}
.quality-modules__caption {
font-size: 12px;
color: #333333;
padding-top: 15px;
text-transform: uppercase;
font-weight: 500;
width: 100%;
text-align: center;
}
.quality-modules__description {
font-size: 14px;
color: #444444;
font-weight: 400;
padding-top: 35px;
position: relative;
z-index: 2;
}
.quality-content__caption {
}
.quality-modules__image {
display: none;
opacity: 0;
-webkit-clip-path: polygon(35% 0, 100% 0%, 100% 100%, 20% 100%);
clip-path: polygon(35% 0, 100% 0%, 100% 100%, 20% 100%);
}
.quality-modules__image img {
}
@media (min-width: 768px) {
.about-quality__frame {
padding: 30px 18px 45px;
text-align: left;
overflow: hidden;
}
.quality-content__modules {
margin: 0 -18px;
}
.quality-modules {
background-image: none;
overflow: hidden;
background: #f5f5f5;
}
.quality-modules__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.quality-modules__sections {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.quality-modules__item {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.quality-modules__image {
display: block;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
height: 510px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 2;
position: absolute;
right: -50px;
top: 0;
}
.quality-modules__image img {
max-width: 100%;
max-height: 100%;
}
.quality-modules__description {
width: 400px;
}
}
@media (min-width: 1024px) {
.quality-modules {
}
.quality-modules__sections {
}
.quality-modules__item {
}
.quality-item-wrap {
}
.quality-modules__description {
}
}
@media (min-width: 1220px) {
.about-quality__frame {
padding: 45px 90px;
}
.quality-content__modules {
margin: 0;
}
.quality-modules {
margin: 0 -90px;
padding: 35px 90px;
}
.quality-modules__image {
height: 600px;
top: -30px;
right: -90px;
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@media (min-width: 1440px) {
.about-quality__title {
width: 80%;
}
.about-quality__frame {
overflow: hidden;
}
.quality-content {
position: relative;
}
.quality-content__caption {
width: 60%;
}
.quality-modules {
padding: 30px 90px;
overflow: unset;
}
.quality-modules__description {
width: 60%;
padding-top: 0;
}
.quality-modules__sections {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
.quality-modules__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding-right: 50px;
}
.quality-content__image {
position: absolute;
display: block;
width: 100%;
height: 840px;
background-image: url("/img/about/woman-apple.png");
background-position: right;
background-size: contain;
background-repeat: no-repeat;
top: 5px;
right: 5px;
-webkit-transform: translate(160px, -90px);
transform: translate(160px, -90px);
z-index: 5;
}
.quality-content__image img {
width: 100%;
height: 100%;
}
.quality-modules__image {
top: -190px;
right: -200px;
height: 780px;
}
}
@media (min-width: 1800px) {
.about-quality__frame {
padding: 65px 130px;
}
.about-quality__title {
font-size: 24px;
}
.quality-modules {
margin: 0 -130px;
padding: 35px 130px;
}
.quality-content__caption {
width: 70%;
font-size: 20px;
}
.quality-modules__description {
font-size: 20px;
font-weight: 300;
}
}
.page-partners {
}
.page-partners {
}
.partners-header {
}
.partners-header__frame {
background-color: #ffffff;
}
.partners-header__description {
display: block;
background-image: url("/img/partners/bg-partners-head.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 30px 15px 40px;
text-align: center;
}
.partners-header__title {
font-size: 16px;
color: #444444;
font-weight: 500;
padding-bottom: 40px;
}
.partners-header__caption {
}
.partners-header__contacts {
background-color: #ee3535;
color: #ffffff;
padding: 35px 15px 65px;
}
.partners-contacts {
text-align: center;
}
.partners-contacts__title {
font-size: 24px;
font-weight: 500;
padding-bottom: 50px;
}
.partners-contacts__items {
}
.contact-details {
}
.contact-details__caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 25px;
}
.contact-details__arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.contact-details__description {
width: 100%;
}
.contact-details__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: 500;
}
.contact-details-wrap {
opacity: 0;
}
.contact-details .contact-details-wrap:nth-child(1) {
padding-bottom: 45px;
}
.contact-details__icon span{
color: #ffffff;
}
.contact-details__contact {
padding-left: 10px;
}
.partners-header-image {
display: none;
}
.partners-header-image img {
max-width: 100%;
max-height: 100%;
}
@media (max-width: 767px) {
.page-partners .container {
padding: 0;
}
}
@media (min-width: 768px) {
.partners-header__description {
text-align: left;
padding: 45px 15px 20px;
}
.partners-header__title {
padding-bottom: 50px;
}
.partners-header__contacts {
padding: 50px 15px 90px;
position: relative;
}
.partners-contacts {
text-align: left;
width: 80%;
}
.partners-contacts__title {
padding-bottom: 60px;
}
.contact-details .contact-details-wrap:nth-child(1) {
padding-bottom: 60px;
}
.contact-details {
max-width: 440px;
}
.contact-details__description {
padding-left: 15px;
}
.contact-details__link {
padding-left: 30px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.partners-header-image {
position: absolute;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.partners-header__image-board {
bottom: 80px;
right: 25px;
height: 150px;
}
.partners-header__image-people {
bottom: 20px;
right: 0;
height: 150px;
opacity: 0;
}
}
@media (min-width: 1024px) {
.partners-header__image-board {
bottom: 90px;
right: 30px;
height: 255px;
}
.partners-header__image-people {
bottom: 10px;
right: 0;
height: 220px;
}
}
@media (min-width: 1440px) {
.partners-header__frame {
display: block;
background-image: url("/img/partners/bg-partners-head.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.partners-header__contacts {
padding: 50px 15px 60px;
}
.partners-header__description {
display: block;
background-image: none;
padding: 45px 15px 50px;
}
.partners-header__caption {
max-width: 800px;
}
}
@media (min-width: 1800px) {
.partners-header__frame {
padding-bottom: 100px;
}
.partners-contacts {
width: 58%;
}
.contact-details {
max-width: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact-details-wrap {
max-width: 420px;
}
.partners-contacts__title {
padding-bottom: 50px;
}
.contact-details .contact-details-wrap:nth-child(1) {
padding-bottom: 0;
}
.contact-details__link {
padding: 0 0 0 30px;
}
.partners-header__image-board {
bottom: 15px;
right: 60px;
height: 350px;
}
.partners-header__image-people {
bottom: -110px;
right: 0;
height: 320px;
}
}
.partners-advantages {
background-color: #ffffff;
}
.partners-advantages__frame {
padding: 30px 15px;
}
.partners-advantages__title {
font-size: 16px;
color: #444444;
font-weight: 500;
text-align: center;
padding-bottom: 40px;
}
.partners-advantages__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.advantages-card {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 60px;
opacity: 0;
}
.advantages-card__items {
}
.advantages-card__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 30px;
}
.advantages-card__icon span {
color: #ee3535;
font-size: 35px;
}
.advantages-card__caption {
font-size: 14px;
color: #444444;
text-align: center;
}
@media (min-width: 768px) {
.partners-advantages__frame {
padding: 50px 15px 45px;
}
.advantages-card {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 28px 15px;
}
.partners-advantages__items {
margin: 0 -15px;
}
.advantages-card__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.advantages-card__caption {
text-align: left;
padding-left: 20px;
max-width: 310px;
}
}
@media (min-width: 1440px) {
.partners-advantages__title {
text-align: left;
}
.partners-advantages__items {
margin: 0;
}
.advantages-card {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
}
.partners-offers {
}
.partners-offers__frame {
padding: 40px 15px 60px;
}
.partners-offers__description {
font-size: 14px;
color: #444444;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}
.partners-offers__items {
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.offers-card {
padding: 10px 45px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
opacity: 0;
}
.offers-card:nth-child(1) .offers-card__item {
background-image: url("/img/partners/box-man.jpg");
}
.offers-card:nth-child(2) .offers-card__item {
background-image: url("/img/partners/blue-man.jpg");
}
.offers-card:nth-child(3) .offers-card__item {
background-image: url("/img/partners/warehouse.jpg");
}
.offers-card:nth-child(4) .offers-card__item {
background-image: url("/img/partners/bell.jpg");
}
.offers-card:nth-child(5) {
padding: 10px 45px 0;
}
.offers-card:nth-child(5) .offers-card__item {
background-image: url("/img/partners/office.jpg");
}
.offers-card__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 20px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
height: 240px;
}
.offers-card__item:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
opacity: .5;
z-index: 1;
}
.offers-card__square {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
position: relative;
}
.offers-card__square:before {
content: '';
display: block;
width: 12px;
height: 12px;
background-color: #ee3535;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.offers-card__caption {
font-size: 16px;
color: #ffffff;
padding: 30px 0;
text-align: center;
z-index: 2;
position: relative;
}
@media (min-width: 660px) {
.offers-card {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 768px) {
.partners-offers__frame {
padding: 70px 15px 80px;
}
.partners-offers__items {
margin: 0 -23px;
}
.partners-offers__description {
text-align: left;
}
.offers-card {
padding: 20px 23px;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
.offers-card:nth-child(5) {
padding: 20px 23px;
}
}
@media (min-width: 1440px) {
.offers-card {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.partners-offers__description {
max-width: 1000px;
}
}
.partners-footer {
padding-bottom: 10px;
}
.partners-footer__frame {
}
.partners-footer__text-filed {
color: #ffffff;
text-align: center;
padding: 70px 15px 0;
background-color: #ee3535;
position: relative;
}
.partners-footer__text-filed:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 50vw solid transparent;
border-right: 50vw solid transparent;
border-top: 160px solid #ee3535;
bottom: 1px;
right: 50%;
-webkit-transform: translate(50%, 100%);
transform: translate(50%, 100%);
z-index: 2;
}
.partners-footer__description {
font-size: 16px;
font-weight: 500;
padding-bottom: 40px;
}
.partners-footer__caption {
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
}
.partners-footer__image {
background-image: url("/img/partners/office-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 320px;
}
@media (min-width: 768px) {
.partners-footer {
padding: 10px 0;
}
.partners-footer__frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.partners-footer__text-filed {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px;
}
.partners-footer__text-filed:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 190px solid #ee3535;
border-bottom: 190px solid transparent;
border-top: 190px solid transparent;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
top: 0;
right: 1px;
z-index: 1;
}
.partners-footer__description {
margin-right: -65px;
z-index: 2;
position: relative;
}
.partners-footer__caption {
margin-right: -65px;
z-index: 2;
position: relative;
}
.partners-footer__image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
height: 380px;
}
}
@media (min-width: 1440px) {
.partners-footer {
padding: 10px 0 20px;
}
.partners-footer__description {
margin: 0;
}
.partners-footer__caption {
margin: 0;
}
}
.partners-list {
}
.partners-list__item {
padding-bottom: 10px;
}
.partner-block {
padding: 40px 15px 30px;
background: #fff;
}
.partner-block__logo {
height: 110px;
padding: 0 20px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.partner-block__logo img {
max-width: 100%;
max-height: 100%;
}
.partner-block__description {
}
.partner-block__title {
padding-bottom: 25px;
}
.partner-block__text {
padding-bottom: 10px;
}
.partner-block__text a {
color: #ee3535;
text-decoration: underline;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.partner-block__text a:hover {
color: #a82a2a;
}
.partner-label {
background: #ee3535;
padding: 40px 20px;
position: relative;
overflow: hidden;
}
.partner-label:before,
.partner-label:after {
content: '';
position: absolute;
top: 0;
width: 50%;
height: 100%;
/*background:
linear-gradient(
-45deg, var(--primaryRed) 0px, var(--primaryRed) 20px, rgba(0, 0, 0, 0.05) 20px, rgba(0, 0, 0, 0.05) 50px, var(--primaryRed) 50px, var(--primaryRed) 100px, rgba(0, 0, 0, 0.05) 100px, rgba(0, 0, 0, 0.05) 130px, var(--primaryRed) 130px);*/
background:
linear-gradient(
-45deg, #ee3535 0%, #ee3535 25%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 30%, #ee3535 30%, #ee3535 40%, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05) 45%, #ee3535 45%);
}
.partner-label:before {
left: 0;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.partner-label:after {
left: 50%;
-webkit-transform: scaleX(-1) scaleY(-1);
transform: scaleX(-1) scaleY(-1);
}
.partner-label__description {
color: #fff;
position: relative;
z-index: 1;
}
.partner-label__text {
padding-bottom: 40px;
text-align: center;
}
.partner-label__bottom {
}
.partner-label__bottom-text {
text-align: center;
padding-bottom: 90px;
font-size: 18px;
position: relative;
}
.partner-label__bottom-text:last-child {
padding-bottom: 0;
}
.partner-label__bottom-arrow {
position: absolute;
bottom: 35px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
width: 30px;
}
@media (min-width: 768px) {
.partner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.partner-block__logo {
height: unset;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
margin-bottom: 0;
}
/*
.partner-label:before,
.partner-label:after {
width: 100%;
height: 50%;
left: 0;
background:
linear-gradient(
45deg, var(--primaryRed) 0%, var(--primaryRed) 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 30%, var(--primaryRed) 30%, var(--primaryRed) 40%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05) 45%, var(--primaryRed) 45%);
}
.partner-label:before {
top: 0;
transform: unset;
}
.partner-label:after {
top: 50%;
transform: scaleX(-1);
}
*/
.partner-block__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.partner-block__title {
padding-bottom: 30px;
}
}
.page-wholesalers {
}
.wholesalers-info {
}
.wholesalers-info__frame {
background-color: #ffffff;
}
.wholesalers-info__text {
text-align: center;
}
.wholesalers-info__caption {
padding: 30px 15px 45px;
}
.wholesalers-info__title {
padding-bottom: 40px;
}
.wholesalers-info__title span {
font-size: 16px;
font-weight: 500;
color: #444444;
}
.wholesalers-info__square {
display: none;
}
.wholesalers-text-wrap p:nth-child(2) {
padding-bottom: 35px;
}
.wholesalers-info__caption {
}
.wholesalers-info__caption p {
font-size: 14px;
color: #444444;
}
.wholesalers-info__image {
display: none;
}
.wholesalers-info__description {
background-color: #ee3535;
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
padding: 30px 15px 45px;
opacity: 0;
}
.wholesalers-info__images {
}
@media (max-width: 767px) {
.page-wholesalers .container {
padding: 0;
}
}
@media (min-width: 768px) {
.wholesalers-info__caption {
padding: 45px 15px 40px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wholesalers-info__text {
text-align: left;
}
.wholesalers-info__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 55px;
}
.wholesalers-info__title span {
padding-right: 10px;
}
.wholesalers-info__square {
display: block;
}
.wholesalers-text-wrap {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
.wholesalers-info__top-paragraph {
width: 55%;
}
.wholesalers-info__bot-paragraph {
width: 55%;
}
.wholesalers-info__bot-paragraph:before {
content: '';
width: 145px;
height: 160px;
float: right;
}
.wholesalers-image-wrap {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.wholesalers-info__image {
display: block;
}
.blue-truck-image {
background-image: url("/img/wholesalers/truck-blue.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 47%;
right: 100px;
height: 180px;
width: 380px;
opacity: 0;
}
.blue-truck-image:before {
content: '';
display: block;
width: 100px;
height: 110px;
background-color: #ee3535;
position: absolute;
right: -100px;
top: -75px;
}
.workers-image {
background-image: url("/img/wholesalers/workers.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 15%;
right: 40px;
height: 200px;
width: 300px;
opacity: 0;
}
.wholesalers-info__image {
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
}
}
@media (min-width: 1024px) {
.wholesalers-text-wrap {
-ms-flex-preferred-size: unset;
flex-basis: unset;
}
.wholesalers-image-wrap {
-ms-flex-preferred-size: unset;
flex-basis: unset;
}
.blue-truck-image {
top: 50%;
right: 100px;
}
.workers-image {
top: 5%;
right: 80px;
}
}
@media (min-width: 1220px) {
.blue-truck-image {
right: 165px;
}
.workers-image {
right: 110px;
}
}
@media (min-width: 1440px) {
.wholesalers-info__frame {
padding-bottom: 160px;
}
.wholesalers-info__description {
width: 55%;
position: relative;
z-index: 2;
padding: 30px 20px 45px;
}
.wholesalers-info__caption {
padding: 45px 20px 0;
}
.wholesalers-text-wrap p {
padding-bottom: 50px;
}
.wholesalers-info__bot-paragraph:before {
content: none;
}
.blue-truck-image {
width: 550px;
height: 280px;
top: 100%;
right: 100px;
z-index: 1;
}
.workers-image {
top: 15%;
right: 40px;
height: 350px;
width: 370px;
z-index: 2;
}
}
@media (min-width: 1680px) {
.wholesalers-info__frame {
padding-bottom: 240px;
}
.wholesalers-info__description {
width: 730px;
}
.blue-truck-image {
width: 695px;
height: 310px;
top: 100%;
right: 100px;
z-index: 1;
}
.workers-image {
top: 10%;
right: 25px;
height: 360px;
width: 550px;
}
.wholesalers-info__top-paragraph {
width: 50%;
}
.wholesalers-info__bot-paragraph {
width: 50%;
}
}
@media (min-width: 1800px) {
.blue-truck-image {
right: 245px;
}
.wholesalers-info__description {
width: 775px;
}
.blue-truck-image:before {
width: 185px;
height: 190px;
right: -185px;
top: -105px;
}
.workers-image {
top: 10%;
right: 95px;
}
}
.wholesalers-advantages {
padding-top: 10px;
}
.wholesalers-advantages__frame {
background-color: #ffffff;
padding: 30px 15px;
text-align: center;
}
.wholesalers-advantages__title {
font-size: 16px;
color: #444444;
font-weight: 500;
padding-bottom: 40px;
}
.whosalers-items-desctop {
}
.wholesalers-items-tablet {
display: none;
}
.wholesalers-advantages__column {
}
.wholesalers-card {
padding-bottom: 45px;
}
.wholesalers-card__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
}
.wholesalers-card__icon {
width: 30px;
height: 30px;
background-color: #ee3535;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wholesalers-card__icon span {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 20px;
color: #ffffff;
}
.wholesalers-card__caption {
padding-top: 35px;
font-size: 14px;
color: #444444;
}
@media (min-width: 768px) {
.wholesalers-advantages__frame {
text-align: left;
padding: 45px 15px 120px;
}
.wholesalers-advantages__title {
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wholesalers-advantages__title span {
padding-right: 10px;
}
.wholesalers-items-desctop {
display: none;
}
.wholesalers-items-tablet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wholesalers-card {
padding-bottom: 50px;
}
.wholesalers-card__items {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wholesalers-advantages__column {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.wholesalers-card__caption {
max-width: 254px;
padding: 0 0 0 20px;
}
}
@media (min-width: 1220px) {
.wholesalers-items-tablet {
padding: 0 20px;
}
}
@media (min-width: 1440px) {
.wholesalers-advantages__frame {
padding: 50px 20px 80px;
}
.wholesalers-items-desctop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wholesalers-card__caption {
max-width: 190px;
}
.wholesalers-advantages__column {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.wholesalers-card__items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wholesalers-card {
padding-bottom: 60px;
}
.wholesalers-items-tablet {
display: none;
}
}
@media (min-width: 1680px) {
.wholesalers-card__caption {
max-width: 250px;
}
}
.wholesalers-footer {
}
.wholesalers-footer__frame {
background-image: url("/img/wholesalers/warehouse-bg.jpg");
display: block;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 55px 15px 75px;
position: relative;
}
.wholesalers-footer__frame:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: .8;
z-index: 1;
}
.wholesalers-footer__caption {
position: relative;
z-index: 2;
text-align: center;
}
.wholesalers-footer__caption p:nth-child(1) {
color: #ee3535;
font-size: 54px;
font-weight: 500;
padding-bottom: 30px;
}
.wholesalers-footer__caption p:nth-child(2) {
font-weight: 500;
font-size: 16px;
color: #444444;
}
.wholesalers-footer__image {
display: none;
}
@media (min-width: 768px) {
.wholesalers-footer__frame {
background-image: none;
padding: 35px 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.wholesalers-footer__frame:before {
display: none;
}
.wholesalers-footer__caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-preferred-size: 36%;
flex-basis: 36%;
text-align: left;
}
.wholesalers-footer__caption p:nth-child(1) {
padding-bottom: 0;
padding-right: 20px;
}
.wholesalers-footer__image {
display: block;
height: 400px;
width: auto;
position: absolute;
right: 0;
bottom: 0;
-ms-flex-preferred-size: 64%;
flex-basis: 64%;
}
.wholesalers-footer__image img {
max-width: 100%;
max-height: 100%;
}
}
@media (min-width: 1440px) {
.wholesalers-footer__frame {
padding: 105px 20px 175px;
}
.wholesalers-footer__caption {
-ms-flex-preferred-size: 43%;
flex-basis: 43%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wholesalers-footer__image {
-ms-flex-preferred-size: 57%;
flex-basis: 57%;
height: 640px;
}
}
@media (min-width: 1680px) {
.wholesalers-footer__caption {
-ms-flex-preferred-size: 54%;
flex-basis: 54%;
}
.wholesalers-footer__image {
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
}
}
.page-contacts {
}
.page-contacts .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-contacts__item:nth-child(1) {
padding-bottom: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.page-contacts__item:nth-child(2) {
padding-bottom: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.page-contacts__item:nth-child(3) {
padding-bottom: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.contacts-sections {
padding: 0 15px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
.contacts-section {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 30px 0;
}
.contacts-section:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.contacts-section:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.contacts-section:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
.contacts-section:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
.contacts-section__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 15px;
}
.contacts-section__head-icon {
font-size: 20px;
color: #ee3535;
}
.contacts-section__head-title {
padding-left: 15px;
font-size: 14px;
font-weight: 500;
}
.contacts-section__list {
padding-left: 35px;
}
.contacts-section__list-item {
position: relative;
color: #444;
line-height: 1.5em;
font-size: 16px;
}
.contacts-section__list-item:not(:last-child) {
padding-bottom: 15px;
}
.phone-time {
font-size: 11px;
}
.contacts-section__mail-title {
font-size: 14px;
}
.contacts-section__mail {
font-size: 16px;
text-decoration: underline;
font-weight: 500;
}
.contact-inf-block__caption ._return {
width: auto;
display: inline-flex;
margin-top: 15px;
padding: 0 15px;
}
.contacts-section__market {
}
.contacts-section__market-name {
display: table;
font-size: 16px;
border-bottom: 1px dashed #444;
margin-bottom: 5px;
-webkit-transition: color .3s ease, border-color .3s ease;
transition: color .3s ease, border-color .3s ease;
cursor: pointer;
}
.contacts-section__market-name:hover {
color: #ee3535;
border-color: #ee3535;
}
.contacts-section__market-addresses {
font-size: 14px;
padding-left: 20px;
display: none;
}
.contacts-section__market.is-active .contacts-section__market-addresses {
display: block;
}
.contacts-map {
}
.contacts-requisites {
height: 100%;
padding: 15px 15px;
background: url("/local/templates/surmebel_v.2/assets/css/../img/about/requisites.jpg") center no-repeat;
background-size: cover;
margin-bottom: 10px;
}
.contacts-requisites .contacts-section__head-title {
color: #fff;
}
.contacts-requisites .contacts-section__list-item {
color: #fff;
}
.contacts-map {
position: relative;
}
.map-frame {
height: 580px;
width: 100%;
}
.map-inf {
width: 100%;
height: 200px;
background: #fff;
padding: 0 15px;
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: -4px 4px 25px rgba(0, 0, 0, .25);
box-shadow: -4px 4px 25px rgba(0, 0, 0, .25);
}
.map-inf__logo {
position: absolute;
right: 0;
top: 0;
width: 140px;
height: 140px;
}
.map-inf__logo:before {
content: '';
width: 0;
height: 0;
position: absolute;
right: 0;
top: 0;
border: 140px solid transparent;
border-top: 140px solid #ee3535;
border-bottom: 0;
border-right: 0;
}
.map-inf__logo img {
position: absolute;
right: 10px;
top: 30px;
width: 70px;
display: block;
z-index: 1;
}
.map-inf__description {
}
.map-inf__title {
font-size: 18px;
text-transform: uppercase;
padding-bottom: 20px;
}
.map-inf__address {
line-height: 1.4em;
font-size: 15px;
}
.contact-inf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
padding: 35px 0 10px;
height: 100%;
}
.contact-inf__6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 25px;
padding: 0 10px;
}
.contact-inf__12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 25px;
padding: 0 10px;
}
.contact-inf-block {
border-left: 4px solid #ee3535;
padding-left: 10px;
}
.contact-inf-block--big {
}
.contact-inf-block__title {
font-size: 16px;
padding-bottom: 10px;
font-weight: 500;
}
.contact-inf-block__description {
font-size: 12px;
}
p.contact-inf-block__description:nth-child(2) {
margin: 0;
}
.contact-inf-block__caption {
margin-top: 20px;
padding-left: 14px;
font-weight: 700;
font-size: 15px;
}
.contact-inf-list {
padding-left: 14px;
font-size: 12px;
}
.post-form {
height: 100%;
padding: 30px 10px;
background: #fff;
}
.post-form__title {
font-size: 24px;
font-weight: 500;
padding-bottom: 20px;
}
.post-form__caption {
margin-bottom: 20px;
font-size: 16px;
}
.post-form__field {
margin-bottom: 20px;
}
.post-form__field-name {
margin-bottom: 10px;
}
.post-form__field-input {
}
.post-form__text {
}
@media (max-width: 767px) {
.page-contacts .container {
padding: 0;
}
.contacts-section:not(:last-child) {
border-bottom: 1px solid #ccc;
}
}
@media (min-width: 768px) {
.contacts-section {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.contacts-section:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.contacts-section:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
.contacts-section:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.contacts-section:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
.map-inf {
width: 400px;
padding-left: 30px;
}
.map-inf__logo {
width: 160px;
height: 160px;
}
.map-inf__logo:before {
border: 160px solid transparent;
border-top: 160px solid #ee3535;
border-bottom: 0;
border-right: 0;
}
.map-inf__logo img {
right: 10px;
top: 30px;
width: 90px;
}
.contact-inf {
padding: 35px 10px 10px;
}
.contact-inf__6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.contact-inf-block--big .contact-inf-block__title {
font-size: 18px;
padding-bottom: 15px;
}
.contact-inf-block--big .contact-inf-block__description {
font-size: 14px;
}
.contact-inf-block--big + .contact-inf-block__caption {
font-size: 20px;
}
.post-form {
padding: 30px 20px;
}
}
@media (min-width: 1800px) {
.page-contacts__item:nth-child(1) {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
padding-right: 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.page-contacts__item:nth-child(2) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.page-contacts__item:nth-child(3) {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.map-inf {
width: 45%;
padding-left: 60px;
}
.map-inf__logo {
width: 200px;
height: 200px;
}
.map-inf__logo:before {
border: 200px solid transparent;
border-top: 200px solid #ee3535;
border-bottom: 0;
border-right: 0;
}
.map-inf__logo img {
right: 10px;
top: 40px;
width: 110px;
}
}
.page-h1 {
font-weight: 500;
font-size: 32px;
margin-bottom: 12px;
}
.page-description {
font-size: 16px;
color: #525E69;
margin-bottom: 24px;
}
.project-advantages {
margin-bottom: 24px;
}
.project-advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -12px;
}
.project-advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
}
.project-advantages__item .icon {
background-color: #424348;
width: 64px;
height: 64px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 22px;
color: #fff;
}
.project-advantages__caption {
padding-left: 16px;
font-weight: 500;
font-size: 16px;
}
.project-advantages__button {
margin-top: 24px;
}
.project-advantages__button .button {
font-weight: 600;
font-size: 14px;
}
.articles {
margin: 48px 0;
}
.articles__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 32px;
}
.articles__title {
font-weight: 500;
font-size: 32px;
margin-bottom: 12px;
}
.articles__link {
font-size: 16px;
text-decoration: underline;
}
.articles__link .icon {
display: inline-block;
color: #DC4641;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
font-size: 12px;
margin-left: 6px;
}
.articles__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
}
.article-card {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.articles__list .article-card:nth-child(1) { }
.articles__list .article-card:nth-child(2) { display: none; }
.articles__list .article-card:nth-child(3) { display: none; }
.article-card__img {
height: 370px;
}
.article-card__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.article-card__text {
padding: 32px;
background-color: #EBF1F5;
}
.article-card__title {
font-weight: 500;
font-size: 24px;
margin-bottom: 12px;
}
.article-card__teaser {
font-size: 16px;
color: #525E69;
margin-bottom: 32px;
}
.article-card__arrow {
background-color: #DC4641;
border-radius: 100%;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media (min-width: 768px) {
.project-advantages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project-advantages__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.project-advantages__button {
display: none;
}
.series-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.parent {
}
.articles {
margin: 96px 0;
}
.articles__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.articles__title {
margin-bottom: unset;
}
.articles__list .article-card:nth-child(2) { display: block; }
}
@media (min-width: 1220px) {
.series-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.articles__list .article-card:nth-child(3) { display: block; }
}
@media (min-width: 1800px) {
.project-advantages__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.series-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.div1 { grid-area: 8 / 1 / 11 / 3; }
.div2 { grid-area: 1 / 1 / 8 / 3; }
.div3 { grid-area: 1 / 3 / 6 / 4; }
.div4 { grid-area: 6 / 3 / 11 / 4; }
.div5 { grid-area: 1 / 4 / 7 / 5; }
.div6 { grid-area: 7 / 4 / 11 / 5; }
}
.projects__input-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 200px;
margin-right: 0px;
margin-bottom: 10px;
position: relative;
}
.section-subscribe__projects {
padding-top: 48px;
padding-bottom: 48px;
}
.projects__input-wrap:last-of-type {
margin-bottom: 0px;
}
.projects__input-wrap:hover .projects__input-icon {
color: #ee3535;
}
.projects__input-wrap:hover .projects__input {
background: #fff;
}
.projects__form {
padding: 15px 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
z-index: 1;
}
.projects__submit-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.projects__input-icon {
position: absolute;
top: 15px;
left: 15px;
color: #666;
font-size: 40px;
pointer-events: none;
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
.projects__input-placeholder {
position: absolute;
height: 20px;
top: 27px;
left: 20px;
font-size: 12px;
font-weight: 500;
color: #666;
pointer-events: none;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: font-size .3s ease, -webkit-transform .3s ease;
transition: font-size .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, font-size .3s ease;
transition: transform .3s ease, font-size .3s ease, -webkit-transform .3s ease;
}
.projects__input-placeholder span { color: #DC4641; }
.projects__input-wrap:hover .projects__input-icon {
color: #ee3535;
}
.projects__input {
min-width: 256px;
width: 90%;
background: #dfdfdf;
border: 0;
border-radius: 3px;
height: 48px;
color: #333;
padding: 18px 20px 8px 20px;
font-size: 16px;
font-weight: 500;
-webkit-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease;
}
.projects__input-wrap:hover .projects__input {
background: #fff;
}
.projects__input:focus {
background: #fff;
}
.projects__input:focus ~ .projects__input-placeholder {
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
font-size: 12px;
}
.projects__input.is-full ~ .projects__input-placeholder {
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
font-size: 12px;
}
.projects__submit {
min-width: 256px;
width: 90%;
height: 48px;
border-radius: 8px;
background: #DC4641;
color: #FFF;
border: 0;
padding: 16px 24px;
gap: 6px;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.projects__submit span {
font-size: 14px;
}
.projects__submit--icon {
width: 16px;
height: 16px;
top: -1px;
position: relative;
}
.projects__submit:hover {
background: #a82a2a;
}
.projects-callback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #424348;
padding: 64px 32px 64px 0px;
height: 409px;
isolation: isolate;
background: -webkit-gradient(linear, right top, left top, color-stop(38%, #424348), color-stop(62%, rgba(0, 0, 0, 0))), url(/img/projects/bg.jpg), #424348;
background: linear-gradient(270deg, #424348 38%, rgba(0, 0, 0, 0) 62%), url(/img/projects/bg.jpg), #424348;
background-size: 91% auto;
background-repeat: no-repeat;
}
.projects-callback__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.projects-callback__text-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 32px 32px 32px 32px;
margin-right: -100px;
gap: 8px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 648px;
background: -webkit-gradient(linear, left top, right top, from(rgba(66, 67, 72, .75)), to(rgba(66, 67, 72, 0)));
background: linear-gradient(90deg, rgba(66, 67, 72, .75) 0%, rgba(66, 67, 72, 0) 100%);
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
}
.projects-callback__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
width: 100%;
}
.projects-text--title {
font-weight: 400;
font-size: 32px;
line-height: 120%;
color: #ffffff;
}
.projects-text--text {
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #ffffff;
}
.projects-callback__text-label {
position: relative;
width: 98.18px;
height: 135.32px;
top: -75px;
right: 0px;
}
.projects-callback__form {
width: 100%;
}
.projects-callback__success {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 32px 16px;
gap: 16px;
isolation: isolate;
height: 281px;
width: 90%;
background: rgba(255, 255, 255, .05);
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
}
.projects-success__title {
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: #FFFFFF;
}
.projects-success__message {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #FFFFFF;
}
.success .projects-callback__form {
display: none;
}
.success .projects-callback__success {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.section-subscribe__projects {
padding: 24px 0px;
}
.projects-callback {
background: #424348;
padding: 24px 16px;
gap: 24px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
}
.projects-callback__text {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
background: rgba(255, 255, 255, .05);
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
}
.projects-text--title {
font-size: 24px;
}
.projects-callback__text-label {
padding-top: 24px;
position: unset;
}
.projects-callback__text-data {
width: 100%;
margin-right: auto;
background: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.projects__input, .projects-callback__success {
width: 100%;
}
.projects__submit {
width: 100%;
}
}
@media (min-width: 768px) {
.section-subscribe__projects {
padding: 32px 0px;
}
.projects__submit--icon {
width: 16px;
height: 16px;
}
.projects__submit span {
font-size: 14px;
}
.projects__input-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.projects-callback {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.projects-callback__text {
width: 60%;
padding-right: 10px;
}
.projects-callback__data {
width: 40%;
}
.projects__input-wrap--empty {
height: 53px;
}
.projects-callback__text-data {
padding: 32px 90px 32px 32px;
}
}
@media (min-width: 820px) {
.projects-callback__text-label {
right: 20px;
}
}
@media (min-width: 1024px) {
.projects-callback__text {
width: 60%;
}
.projects-callback {
background: -webkit-gradient(linear, right top, left top, color-stop(10%, #424348), color-stop(60%, rgba(0, 0, 0, 0))), url(/img/projects/bg.jpg), #424348;
background: linear-gradient(270deg, #424348 10%, rgba(0, 0, 0, 0) 60%), url(/img/projects/bg.jpg), #424348;
background-size: 66% auto;
background-repeat: no-repeat;
}
}
@media (min-width: 1112px) {
.projects-callback {
background: -webkit-gradient(linear, right top, left top, from(#424348), color-stop(40%, rgba(0, 0, 0, 0))), url(/img/projects/bg.jpg), #424348;
background: linear-gradient(270deg, #424348 0%, rgba(0, 0, 0, 0) 40%), url(/img/projects/bg.jpg), #424348;
background-size: 60% auto;
background-repeat: no-repeat;
}
}
@media (min-width: 1576px) {
.projects-callback__text-label {
top: -75px;
}
}
.page-wrapper {
max-width: 1920px;
margin: 0 auto
}
.page-header {
position: relative;
padding: 0 32px 32px 32px;
overflow: hidden;
}
.page-banner {
display: flex;
justify-content: center;
}
.page-banner_image {
position: relative;
}
.page-banner_image:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(264.34deg, rgba(105, 86, 82, 0) 4.04%, rgba(101, 82, 76, 0.7) 98.11%);
}
.page-banner_image img {
display: block;
}
.page-banner_text {
display: flex;
gap: 20px;
flex-direction: column;
align-items: start;
position: absolute;
width: 460px;
max-width: 100%;
margin: 30px;
top: 150px;
left: 30px;
}
.page-banner_text h1,
.page-banner_text h2 {
line-height: 1.2;
color: #FFFFFF;
}
.page-banner_text h1 {
font-weight: 500;
font-size: 48px;
}
.page-banner_text h2 {
font-weight: 400;
font-size: 16px;
max-width: 330px;
}
.about-service {
padding: 32px;
margin: 32px 0;
background: #F3F3F3;
}
.about-service_header {
font-weight: 500;
font-size: 32px;
line-height: 1.2;
color: #000000;
}
.about-service_list {
display: flex;
flex-direction: row;
padding: 32px 0;
gap: 24px;
}
.about-service_item {
display: flex;
flex-direction: row;
padding: 40px;
gap: 32px;
border: 1px solid #000000;
width: calc((100% - 48px* 2) / 3);
}
.about-service_item-num {
font-weight: 400;
font-size: 24px;
}
.vc-video-form {
display: flex;
flex-direction: row;
gap: 32px;
padding: 64px 0;
}
.vc-video-form_block {
width: calc((100% - 32px) / 2);
}
.vc-video {
display: flex;
justify-content: center;
position: relative;
background: #F3F3F3;
}
.vc-video_background {
display: block;
position: absolute;
z-index: 3;
width: 600px;
max-width: 100%;
height: 397px;
margin: 60px auto;
overflow: hidden;
}
.vc-video_background:before,
.vc-video_background:after {
content: '';
display: block;
position: absolute;
width: 504px;
height: 191px;
background: linear-gradient(90deg, #DC4641 0%, #FF7671 100%);
}
.vc-video_background:before {
top: 0;
left: 15%;
}
.vc-video_background:after {
top: 206px;
right: 15%;
}
.vc-video_phone {
position: relative;
z-index: 5;
margin-top: -20px;
margin-bottom: -77px;
margin-left: 70px;
}
.vc-video_phone-video {
display: flex;
justify-content: center;
position: absolute;
top: 59px;
left: 18px;
width: 219px;
height: 439px;
overflow: hidden;
}
.vc-video_phone-video:after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 7px;
left: 185px;
background: #DC4641;
border-radius: 12px;
}
.vc-video_phone-buttons {
display: flex;
gap: 15px;
justify-content: center;
position: absolute;
width: 220px;
bottom: 90px;
left: 17px;
}
.vc-form {
display: flex;
padding: 32px;
gap: 32px;
align-items: center;
justify-content: center;
background: #424348;
}
.vc-form_text {
display: flex;
flex-direction: column;
gap: 12px;
}
.vc-form_text h2 {
font-size: 32px;
font-weight: 500;
color: #FFFFFF;
}
.vc-form_text h3 {
font-size: 16px;
font-weight: 400;
color: #EAEAEA;
}
.vc-form_block {
width: calc((100% - 32px) / 2);
}
@media (min-width: 1500px) {
.page-banner_image img {
width: 1920px;
}
}
@media (max-width: 1279px) {
.about-service_list {
flex-wrap: wrap;
}
.about-service_item {
width: calc((100% - 24px) / 2);
font-size: 16px;
}
.about-service_item:nth-child(3) {
width: 100%;
}
.about-service_item-num {
font-size: 24px;
}
.vc-video-form {
flex-direction: column;
}
.vc-video-form_block {
width: 100%;
}
.vc-video_phone {
margin-bottom: -60px;
}
.vc-form {
padding: 100px 32px;
}
}
@media (max-width: 1023px) {
.about-service_list {
flex-direction: column;
padding-bottom: 0;
}
.about-service_item {
flex-direction: column;
gap:10px;
width: 100%;
padding:32px;
}
}
@media (max-width: 767px) {
.page-banner_text {
width: 100%;
top: 99px;
left: 40px;
}
.page-banner_text h1 {
font-size: 32px;
max-width: 310px;
}
.page-banner_text h2 {
font-size: 16px;
max-width: 330px;
}
}
@media (max-width: 600px) {
.about-service_list {
padding-top: 16px;
}
.about-service_header {
font-size: 20px;
}
.about-service {
padding: 16px;
}
.about-service_item {
font-size: 14px;
}
.about-service_item-num {
font-size: 24px;
}
.vc-form {
flex-direction: column;
padding: 32px;
}
.vc-form_block {
width: 70%;
}
}
@media (max-width: 479px) {
.page-banner_text {
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 70px 16px;
margin: 0;
}
.page-banner_text h1 {
font-size: 32px;
max-width: 310px;
}
.page-banner_text h2 {
font-size: 16px;
max-width: 330px;
}
.about-service_item {
padding: 10px 16px;
}
.vc-form_block {
width: 100%;
}
.vc-video_background:before {
left: 10%;
}
.vc-video_background:after {
right: 10%;
}
}
.footer-aboutus {
margin-top: 24px;
}
.footer-aboutus-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: 10px;
align-items: center;
justify-content: flex-start;
}
.footer-aboutus-wrapper a {
display: block;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 100%;
}
.footer-aboutus-wrapper a > img {
width: 100%;
height: 100%;
}
/* about page */
.sec {
padding: 32px 0;
}
.banner-video__text {
max-width: 1150px;
}
@media (max-width: 1199px) {
.banner-video__text {
max-width: 650px;
}
}
.about-sert .h2 {
margin-bottom: 12px;
font-size: 32px;
font-weight: 500;
line-height: 48px;
}
.about-desc1 {
margin-bottom: 48px;
}
.about-banner {
display: flex;
flex-direction: row;
}
.about-banner__col {
width: 50%;
}
.about-banner__desc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 64px;
background: var(--color-grey);
}
.about-video__image img {
max-height: 100%;
max-width: 100%;
}
.about-video-wrap {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.tizers {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.tizer {
display: flex;
flex: 1 1 calc(25% - 18px);
}
.tizer__icon {
display: flex;
justify-content: center;
align-items: center;
width: 30%;
background-color: var(--color-darkgrey);
}
.tizer__text {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex: 1;
width: 100%;
padding: 34px 32px;
background: var(--color-grey);
}
.tizer__title {
margin-bottom: 12px;
font-size: 28px;
font-weight: 500;
line-height: 32px;
}
.tizer__desc {
line-height: 24px;
color: var(--color-text-secondary);
}
.staff-item {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.staff-item__img {
height: 352px;
width: 100%;
background-color: var(--color-darkgrey);
}
.staff-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.staff-item__text {
width: 100%;
padding: 32px;
background-color: var(--color-grey);
}
.staff-item__name {
margin-bottom: 6px;
font-size: 32px;
font-weight: bold;
}
.about-sert {
display: flex;
flex-direction: row;
}
.about-sert__col {
min-height: 500px;
}
.sert__col__imgwr {
min-width: 420px;
}
.about-sert__img {
display: flex;
max-width: 420px;
width: 100%;
height: 100%;
}
.about-sert__img img {
width: 100%;
max-width: 450px;
height: 100%;
}
.sert__col__desc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 64px;
background: var(--color-grey);
}
@media (min-width: 1220px) {
.about-video-wrap {
height: 600px;
}
}
@media (max-width: 1200px) {
.about-sert__col {
min-height: 300px;
}
.sert__col__imgwr {
min-width: 300px;
}
}
@media (max-width: 860px) {
.sert__col__desc {
order: 1;
width: 100%;
padding: 24px;
border-left: 0;
}
.sert__col__imgwr {
order: 2;
width: 100%;
margin-top:32px;
border-right: 0;
}
.about-sert__img {
max-width: 300px;
margin: 0 auto;
}
}
@media (max-width: 1200px) {
.tizer {
flex: 1 1 calc(50% - 18px);
}
}
@media (max-width: 860px) {
.sec {
padding: 24px 0;
}
.about-desc1 {
margin-bottom: 24px;
}
.about-banner {
flex-direction: column;
}
.about-banner__col.about-video {
order: 1;
width: 100%;
border-left: 0;
}
.about-banner__desc {
order: 2;
width: 100%;
padding: 24px;
border-right: 0;
}
.about-video-wrap {
height: 343px;
}
.tizers {
flex-direction: column;
gap: 16px;
padding-top: 0;
}
.about-sert {
flex-direction: column;
}
}
@media (max-width: 640px) {
.c-slider__top {
height: auto;
}
.c-slider__title {
padding-right: 0;
}
.sec.staff.c-slider .swiper-button-rounded {
display: none;
}
.tizer__icon {
width: 25%;
}
.tizer__text {
padding: 15px 16px;
}
}
@media (max-width: 440px) {
.staff.c-slider .swiper-button-prev,
.staff.c-slider .swiper-button-next {
top: -84px;
}
}
/*themes*/
/*---------------------------------------------------*/
/*[data-theme="light"] .left-bar {
background: #f4f4f4;
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .3);
box-shadow: 0 0 35px rgba(0, 0, 0, .3);
}*/
[data-theme="light"] .desktop-panel {
background-color: #fff;
background-image: url('/local/templates/surmebel_v.2/assets/css/../img/header-bg-light.png');
}
/*---------------------------------------------------*/
/* поиск */
[data-theme="light"] .header-search__input {
background: #fff;
border: 1px solid #c6c6c6;
color: #666;
}
[data-theme="light"] .header-search:hover .header-search__input {
border-color: #ee3535;
}
[data-theme="light"] .header-search__input:focus {
background: #fdebeb;
}
[data-theme="light"] .header-search:hover .header-search__input:focus {
border-color: #ee3535;
background: #fdebeb;
}
[data-theme="light"] .header-search:hover .header-search__button {
color: #ee3535;
}
[data-theme="light"] .header-search:hover .header-search__input:focus ~ .header-search__button {
color: #ee3535;
}
[data-theme="light"] .header-search__input:focus::-webkit-input-placeholder { color: #fdebeb; }
[data-theme="light"] .header-search__input:focus::-moz-placeholder { color: #fdebeb; }
[data-theme="light"] .header-search__input:focus:-moz-placeholder { color: #fdebeb; }
[data-theme="light"] .header-search__input:focus:-ms-input-placeholder { color: #fdebeb; }
/* поиск */
/*---------------------------------------------------*/
[data-theme="light"] .left-bar__head,
[data-theme="light"] .left-bar__catalog-item-caption,
[data-theme="light"] .left-bar__catalog-item-icon,
[data-theme="light"] .left-bar__catalog-item:after,
[data-theme="light"] .left-bar__menu-link,
[data-theme="light"] .consultant__description,
[data-theme="light"] .desktop-panel__location-caption,
[data-theme="light"] .desktop-panel__phone-caption,
[data-theme="light"] .top-menu__link,
[data-theme="light"] .header-button,
[data-theme="light"] .left-bar__themes-title {
color: #333;
}
[data-theme="light"] .left-bar__catalog-item-caption {
font-weight: 400;
}
[data-theme="light"] .header-cart {
background: #ee3535;
}
[data-theme="light"] .header-cart:hover {
background: #ff6664;
}
/*---------------------------------------------------*/
[data-theme="light"] .footer {
background-color: #fff;
background-image: url('/local/templates/surmebel_v.2/assets/css/../img/header-bg-light.png');
}
[data-theme="light"] .footer-item__caption { color: #333; }
[data-theme="light"] .footer-item__image:before { color: #333; }
[data-theme="light"] .footer-item__content a { color: #333; }
[data-theme="light"] .footer__column-title { color: #333; border-bottom: 1px solid rgba(0, 0, 0, .2); }
[data-theme="light"] .left-bar__catalog .left-bar__catalog-item-icon .icon:nth-child(1) { display: block; }
[data-theme="light"] .left-bar__catalog .left-bar__catalog-item-icon .icon:nth-child(2) { display: none; }
/* End */
/* Start:/css/loader.css?1784568700643*/
.loader{
height: 50px;
border-radius: 100%;
position: relative;
margin-top: -35px;
}
#loader-4 span{
display: inline-block;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #ee3535;
margin: 35px 5px;
opacity: 0;
}
#loader-4 span:nth-child(1){
animation: opacitychange 1s ease-in-out infinite;
}
#loader-4 span:nth-child(2){
animation: opacitychange 1s ease-in-out 0.33s infinite;
}
#loader-4 span:nth-child(3){
animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange{
0%, 100%{
opacity: 0;
}
60%{
opacity: 1;
}
}
/* End */
/* Start:/css/surmeb-modal.css?17845687005867*/
.modal-window {
z-index: 1000;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
visibility: hidden;
opacity: 0;
}
.modal-window span.required {
color: red;
}
.modal-window__overlay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
/*right: 0;*/
/*bottom: 0;*/
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
pointer-events: none;
visibility: hidden;
opacity: 0;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
cursor: pointer;
}
.modal-window--active {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.modal-window--active .modal-window__overlay {
visibility: visible;
opacity: 1;
}
.modal-window__close {
position: absolute;
z-index: 10;
color: #c6c6c6;
right: 17px;
top: 25px;
width: 14px;
height: 14px;
cursor: pointer;
}
.modal-window--active .modal-window__close,
.modal-window--active .modal-window__overlay {
pointer-events: auto;
opacity: 1;
}
.modal-window__container {
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
width: 288px;
max-height: 100%;
padding: 25px 17px;
background: #EBF1F5;
border-radius: 8px;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-window__header {
font-style: normal;
margin-right: 20px;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
color: #000000;
}
.modal-window__subtitle {
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #1F232B;
}
.modal-window__form {
margin-top: 25px;
}
.modal-window__form .input-wrap {
position: relative;
}
.modal-window__form .input-wrap input {
width: 100%;
background: #dfdfdf;
border: 0;
border-radius: 3px;
color: #333;
padding: 18px 20px 8px 20px;
font-size: 16px;
font-weight: 500;
-webkit-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease;
}
.modal-window__form .input-wrap + .input-wrap {
margin-top: 8px;
}
.modal-window__form .input-wrap.input-btn-wrap {
margin-top: 16px;
margin-bottom: 16px;
}
.modal-window__form .input-placeholder {
position: absolute;
height: 20px;
top: 27px;
left: 12px;
font-size: 12px;
font-weight: 500;
color: #666;
pointer-events: none;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: font-size .3s ease, -webkit-transform .3s ease;
transition: font-size .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, font-size .3s ease;
transition: transform .3s ease, font-size .3s ease, -webkit-transform .3s ease;
}
.modal-window__form .input-wrap input:focus {
background: #fff;
}
.modal-window__form .input-wrap input:focus ~ .input-placeholder,
.modal-window__form .input-wrap input.is-full ~ .input-placeholder {
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
font-size: 12px;
}
.modal-window__form .btn__submit {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
border-radius: 3px;
background: #DC4641;
color: #FFF;
border: 0;
padding: 16px 24px;
gap: 6px;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.modal-window__form .btn__submit:hover {
background: #a82a2a;
}
.modal-window__form .btn__submit span {
font-size: 14px;
}
.modal-window__form .btn__submit-icon {
width: 16px;
height: 16px;
top: -1px;
position: relative;
}
.modal-window__form .form-consent {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 1.2;
color: #525E69;
}
.modal-window__result {
position: relative;
padding: 80px 0 0;
}
.result__icon {
position: absolute;
top: 0;
left: 0;
}
.modal-window__result .input-btn-wrap {
margin-top: 24px;
}
.modal-window--sending {
position: absolute;
z-index: 5;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffffb5;
border-radius: 8px;
}
.loading-icon__wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal-window--sending .loading-icon {
width: 100px;
height: 100px;
}
.modal-window--sending .loading-icon img {
display: block;
width: 100%;
height: 100%;
}
.file-input {
display: block;
width: 100%;
padding: 12px;
border: 1px dashed #B8C7D4;
border-radius: 8px;
font-size: 12px;
line-height: 1.2;
text-align: center;
cursor: pointer;
}
.file-input__active {
border: 1px dashed #DC4641;
}
.file-input span {
color: #DC4641;
text-decoration-line: underline;
}
.modal-window__form .form-consent a {
color: #DC4641;
}
.btn__red {
min-width: 250px;
width: 100%;
border-radius: 3px;
background: #DC4641;
color: #FFF;
border: 0;
padding: 16px 24px;
gap: 6px;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.btn__red:hover {
background: #a82a2a;
}
.local-phone {
white-space: nowrap;
font-weight: 500;
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/colors.css?1784568701658*/
:root {
--color-text-primary: #1F232B;
--color-text-secondary: #646464;
--color-grey: #F3F3F3;
--color-darkgrey: #424348;
--color-red: #DC4641;
--color-white: #FFF;
--c-red: #dc4641;
--c-red2: #E02544;
--c-grey0: #F8F8F8;
--c-grey1: #F3F3F3;
--c-grey2: #2323231f;
--c-grey3: #EEEEEE;
--c-grey4: #424348;
--c-text0: #1F232B;
--c-text1: #646464;
--c-text1-l: #9F9F9F;
--padding-1: 32px;
--transition-delay: .3s;
}
.color-white {
color: var(--color-white);
}
.color-darkgrey {
color: var(--color-darkgrey);
}
.color-text-secondary {
color: var(--color-text-secondary);
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/text.css?178456870113684*/
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--font-size-normal: 16px;
--font-size-smaller: 14px;
--font-size-large: 24px;
--font-size-largest: 32px;
}
@media screen and (max-width: 567px) {
:root {
--font-size-normal: 16px;
--font-size-smaller: 14px;
--font-size-large: 24px;
--font-size-largest: 24px;
}
}
body {
color: var(--color-text-primary);
font-family: Roboto;
font-size: var(--font-size-normal);
font-style: normal;
font-weight: 400;
line-height: 1.25;
}
.smaller {
font-size: var(--font-size-smaller);
}
.large {
font-size: var(--font-size-large);
}
.largest {
font-size: var(--font-size-largest);
}
.bolder {
font-weight: 400;
}
.bold {
font-weight: 800;
}
@media (screen and max-width: 567px) {
:root {
--font-size-normal: 16px;
--font-size-smaller: 14px;
--font-size-large: 24px;
--font-size-largest: 32px;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/buttons.css?1784568701922*/
.btn {
display: flex;
padding: 6px 12px;
align-items: center;
gap: 4px;
}
.btn-red {
background-color: var(--color-red);
}
.btn-rounded {
border-radius: 6px;
}
.btn-factory {
background-color: var(--color-white);
border: 1px solid var(--color-red);
padding: 4px 10px;
border-radius: 6px;
color: var(--color-red);
text-decoration: none;
font-size: var(--font-size-smaller);
transition: background-color 0.2s ease, color 0.2s ease;
}
.btn-factory:hover {
background-color: var(--color-red);
color: var(--color-white);
}
.top-info-personal-button:hover span {
border-bottom: 1px solid #000;
}
.top-buttons {
display:flex;
gap: 15px;
}
.top-buttons .btn {
font-size: 15px;
padding: 4px 10px;
}
@media (max-width:979px) {
.top-buttons {
display:flex;
gap: 10px;
}
.top-buttons .btn {
font-size: 12px;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/decorations.css?178456870136*/
.rounded {
border-radius: 6px;
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/blocks/header.css?17845687015068*/
.top-grey-line {
height: 40px;
width: 100%;
justify-content: space-between;
display: flex;
padding: 6px 32px;
align-items: center;
gap: 32px;
align-self: stretch;
background: var(--color-grey);
}
.top-grey-line * {
white-space: nowrap;
overflow: hidden;
}
.top-grey-line .top-info-personal-wrapper, .top-grey-line .desktop-panel__location-caption.ht-region-city {
overflow: visible;
}
.top-info-wrapper {
display: flex;
align-items: center;
gap: 24px;
}
.top-info-callback {
color: var(--color-red);
text-decoration: underline;
display: flex;
align-items: center;
gap: 4px;
}
.top-info-phone-label {
color: var(--color-text-secondary);
}
.desktop-panel__location-caption.ht-region-city {
font-weight: 400;
font-size: var(--font-size-smaller);
}
.top-city-wrapper .desktop-panel__location-caption {
color: inherit;
}
.desktop-panel__location-caption.ht-region-city:before {
content: '';
background-image: url( "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.52857%206.19736C3.78892%205.93419%204.21103%205.93419%204.47138%206.19736L7.99998%209.70639L11.5286%206.19736C11.7889%205.93419%2012.211%205.93419%2012.4714%206.19736C12.7317%206.46053%2012.7317%206.88722%2012.4714%207.15039L8.47138%2011.1359C8.21103%2011.3991%207.78893%2011.3991%207.52858%2011.1359L3.52857%207.15039C3.26823%206.88722%203.26823%206.46053%203.52857%206.19736Z%22%20fill%3D%22%23424348%22%2F%3E%3C%2Fsvg%3E");
width: var(--font-size-normal);
height: var(--font-size-normal);
display: block;
float: left;
margin-right: 4px;
}
.desktop-panel__location-icon {
display: none;
}
.top-info-phone-wrapper {
display: flex;
flex-wrap: nowrap;
}
.top-second-line {
display: flex;
justify-content: space-between;
align-items: center;
background-size: cover;
height: 90px;
padding: 0 32px;
}
.top-second-line-leftblock {
display: flex;
flex-wrap: nowrap;
gap: 32px;
align-items: center;
}
.top-logo-wrapper {
display: flex;
align-items: center;
gap: 16px;
}
.top-logo {
width: 250px;
height: 70px;
padding: 8px;
background: url('/local/templates/surmebel_v.2/img/logo.png') center/cover no-repeat;
}
.top-search-input-wrapper {
position: relative;
}
.top-search-input {
width: 40vw;
border: 1px solid var(--color-text-secondary);
padding: 8px 16px;
}
.top-search-button {
margin-left: -25px;
top: 12px;
width: var(--font-size-normal);
height: var(--font-size-normal);
position: absolute;
}
.top-search .autocomplete {
position: absolute;
background-color: var(--color-white);
z-index: 100;
width: 100%;
}
.top-second-line-rightblock {
display: flex;
align-items: center;
gap: 24px;
}
.top-icon-wrapper > .icon {
padding: 8px;
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: var(--color-grey);
}
.top-favourites, .top-cart-link {
display: flex;
flex-direction: column;
align-items: center;
}
.top-favourites-result,
.top-cart-result {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 2px;
}
.top-favourites-counter,
.top-cart-counter {
font-size: 11px;
padding: 3px 6px;
line-height: 11px;
background-color: var(--color-red);
color: var(--color-white);
border-radius: 8px;
}
.page-body__left-bar {
display: none;
}
@media (max-width: 1220px) {
.top-grey-line * {
font-size: var(--font-size-smaller);
}
.mobile-top-bar {
display: none;
}
}
@media (max-width: 1100px) {
.top-info-wrapper [data-buy=сallback-factory] {
display: none;
}
}
@media (max-width:979px) {
.top-grey-line {
padding: 6px 10px;
}
.top-grey-line * {
font-size: 12px;
}
.top-info-wrapper {
gap: 15px;
}
}
@media (max-width: 1024px) {
.top-info-phone-label {
display: none;
}
.top-search {
display: none;
}
}
@media (max-width: 768px) {
.mobile-top-bar {
display: flex;
}
.top-grey-line, .top-second-line {
display: none;
}
.mobile-top-bar__burger {
width: auto;
height: 66px;
margin-top: -10px;
}
.mobile-top-bar {
padding: 10px 16px 0;
}
.mobile-top-bar__logo {
display: flex;
width: 130px;
height: 35px;
background: url('/local/templates/surmebel_v.2/img/logo_white.png') center/cover no-repeat;
align-items: center;
gap: 8px;
padding: 0;
}
.mobile-top-bar__item {
gap: 16px;
display: flex;
align-items: center;
}
.page-body__left-bar {
height: calc(100vh - 66px);
top: 66px;
padding: 0;
display: block;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/blocks/footer.css?17845687013958*/
footer {
border-top: 8px solid var(--color-grey);
display: flex;
flex-wrap: wrap;
padding: 64px 32px 0;
gap: 32px 16px;
}
.footer-block {
display: flex;
width: calc(50% - 16px);
gap: 32px 16px;
}
.footer-block-1, .footer-block-2 {
align-items: center;
}
.footer-logo-container {
width: 270px !important;
height: 70px;
background: url('/local/templates/surmebel_v.2/img/logo.png') center/cover no-repeat;
margin-right: auto;
}
.footer-logo-wrapper {
background-color: var(--color-red);
padding: 8px;
}
.footer-block > div {
display: flex;
width: calc(50% - 8px);
justify-content: flex-start;
}
.footer-information-container, .footer-catalog-container, .footer-contacts-container, .footer-payment-container {
flex-direction: column;
}
.footer-topic {
font-size: 18px;
font-weight: bold;
margin-bottom: 24px;
}
.footer-payment {
margin-bottom: 32px;
}
.footer-location-block {
margin-bottom: 8px;
color: var(--color-text-primary);
font-size: var(--font-size-normal);
}
.footer-location-container {
color: var(--color-text-secondary);
font-size: var(--font-size-smaller);
}
.footer-phone1-container, .footer-phone2-container {
flex-direction: column;
}
.footer-phone-container {
display: flex;
gap: 8px;
align-items: center;
}
.footer-phone-icon {
background-color: var(--color-red);
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
padding: 4px;
}
.footer-phone-text {
margin-top: 8px;
font-size: var(--font-size-smaller);
color: var(--color-text-secondary);
}
.footer-grey-line {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% + 64px);
padding: 12px 32px;
background-color: var(--color-darkgrey);
font-size: var(--font-size-smaller);
color: var(--color-white);
margin: 0 -32px;
}
.footer-logo-caption {
white-space: nowrap;
}
/*
.footer-logo-container, .footer-information-container {
min-width: 300px;
}
*/
/* start menu */
footer ul.left-menu li {
background: none;
padding: 0 0 12px 0;
}
footer ul.left-menu li a, footer ul.left-menu li a:visited {
font-size: var(--font-size-smaller);
font-weight: 400;
color: var(--color-text-secondary);
}
/* end menu */
@media (max-width: 1024px) {
footer {
flex-direction: column;
}
.footer-block {
width: 100%;
}
}
@media (max-width: 768px) {
.footer-block {
flex-direction: column;
}
.footer-block-1, .footer-block-2 {
align-items: baseline;
}
.footer-information-container .footer-topic:after, .footer-catalog-container .footer-topic:after, .footer-contacts-container .footer-topic:after {
content: '';
background-image: url( "data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.29289%205.29289C3.68342%204.90237%204.31658%204.90237%204.70711%205.29289L8%208.58579L11.2929%205.29289C11.6834%204.90237%2012.3166%204.90237%2012.7071%205.29289C13.0976%205.68342%2013.0976%206.31658%2012.7071%206.70711L8.70711%2010.7071C8.31658%2011.0976%207.68342%2011.0976%207.29289%2010.7071L3.29289%206.70711C2.90237%206.31658%202.90237%205.68342%203.29289%205.29289Z%22%20fill%3D%22%23424348%22%2F%3E%3C%2Fsvg%3E");
width: 16px;
height: 16px;
position: absolute;
top: 4px;
margin-left: 4px;
}
.footer-topic {
position: relative;
}
.footer-grey-line {
flex-direction: column-reverse;
align-items: baseline;
gap: 24px;
padding: 32px 24px;
}
.footer-block > div {
width: 100%;
}
.footer-logo-container {
width: 200px !important;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/main.css?1784568701700*/
/* -- NEW -- */
.shopsPage .title {
color: #1F232B;
font-size: 48px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 12px;
}
.shopsPage .page__text {
color: #646464;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
}
@media (max-width: 1200px) {
.shopsPage .title {
font-size: 42px;
}
}
@media (max-width: 575px) {
.shopsPage .title {
font-size: 28px;
}
}
._article-h1 {
max-width: 1080px;
margin: 20px auto;
}
.article-content {
max-width: 1080px;
margin: 40px auto;
}
.article-content {
padding: 0;
}
@media (max-width: 680px) {
.article-content {
font-size: 14px;
line-height: 1.3;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/custom.css?17845687017935*/
/*svg:not([class]) {*/
/* width: initial;*/
/* height: initial;*/
/* display: initial;*/
/* overflow: initial;*/
/*}*/
.top-cart .icon svg {
fill: none;
}
body > svg:not([class]) {
display: none;
}
.container {
padding: 0;
}
.page-body {
padding: 20px 32px;
}
@media (max-width: 800px) {
.page-body {
padding: 20px 14px !important;
}
}
.page-head {
padding: 0;
}
h1._h1 {
margin-bottom: 12px;
font-size: 36px;
font-weight: 500;
line-height: 1.2;
color: #1F232B;
}
@media (max-width: 1200px) {
h1._h1 {
font-size: 30px;
}
}
@media (max-width: 800px) {
h1._h1 {
font-size: 26px;
}
}
.swiper-button-rounded {
background-color: var(--color-grey);
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.88%2018.34C10.973%2018.2472%2011.0468%2018.1369%2011.0971%2018.0155C11.1474%2017.8941%2011.1733%2017.7639%2011.1733%2017.6325C11.1733%2017.5011%2011.1474%2017.371%2011.0971%2017.2496C11.0468%2017.1282%2010.973%2017.0179%2010.88%2016.925L7.58802%2013.632L18%2013.625C18.2652%2013.625%2018.5196%2013.5197%2018.7071%2013.3321C18.8947%2013.1446%2019%2012.8902%2019%2012.625C19%2012.3598%2018.8947%2012.1055%2018.7071%2011.9179C18.5196%2011.7304%2018.2652%2011.625%2018%2011.625L7.58602%2011.632L10.88%208.34003C11.0677%208.15252%2011.1731%207.89815%2011.1732%207.63288C11.1733%207.36761%2011.068%207.11317%2010.8805%206.92553C10.693%206.73789%2010.4386%206.63242%2010.1734%206.63232C9.9081%206.63223%209.65366%206.73752%209.46602%206.92503L5.88002%2010.511C5.60139%2010.7896%205.38037%2011.1203%205.22957%2011.4844C5.07877%2011.8484%205.00116%2012.2385%205.00116%2012.6325C5.00116%2013.0265%205.07877%2013.4167%205.22957%2013.7807C5.38037%2014.1447%205.60139%2014.4754%205.88002%2014.754L9.46602%2018.34C9.65355%2018.5275%209.90786%2018.6328%2010.173%2018.6328C10.4382%2018.6328%2010.6925%2018.5275%2010.88%2018.34Z%22%20fill%3D%22%231F232B%22%2F%3E%3C%2Fsvg%3E');
transform: none;
width: 48px;
height: 48px;
border-radius: 50%;
}
.swiper-button-rounded.swiper-button-next {
transform: rotate(180deg);
}
/* layouts */
@media (max-width:768px) {
.page-body__content {
padding: 0;
}
.page-body {
padding: 20px 24px;
}
.main-banner {
height: 532px;
}
.main-banner-prev, .main-banner-next {
display: none;
}
.main-banner-slider .swiper-slide {
height: 500px;
}
.cdu-main-section-wrapper {
flex-direction: column;
}
.cdu-main-section-wrapper .cdu-main-section-item {
height: 335px;
}
.reviews-card__title.largest.bolder {
font-weight: 600;
font-size: var(--font-size-large);
}
.reviews-card__text {
padding: 24px;
}
}
@media (max-width: 375px) {
.main-banner {
height: 432px;
}
.main-banner-slider .swiper-slide {
height: 400px;
}
.catalog-section-title, .cdu-main-page-section-title, .news-list-series-title, .news-list-reviews-title {
font-weight: 500;
}
:root {
--font-size-normal: 16px;
--font-size-smaller: 14px;
--font-size-large: 24px;
--font-size-largest: 24px;
}
.cdu-main-section-wrapper .cdu-main-section-item {
height: 327px;
}
.catalog-section-cdu .swiper-button-rounded.swiper-button-prev, .catalog-section-cdu .swiper-button-rounded.swiper-button-next {
top: 16px;
}
.news-list-series-container .swiper-button-prev, .news-list-series-container .swiper-button-next,
.news-list-reviews .swiper-button-rounded.swiper-button-next, .news-list-reviews .swiper-button-rounded.swiper-button-prev {
top: -8px;
}
}
._f {
display: flex;
}
._fs {
display: flex;
align-items: start;
}
._fe {
display: flex;
justify-content: flex-end;
}
._fcc {
display: flex;
align-items: center;
justify-content: center;
}
._fce {
display: flex;
align-items: center;
justify-content: flex-end;
}
._fc {
display: flex;
align-items: center;
}
._fjc {
display: flex;
justify-content: center;
}
._fss {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
._fcsb {
display: flex;
align-items: center;
justify-content: space-between;
}
._fssb {
display: flex;
align-items: start;
justify-content: space-between;
}
._invalid-message {
display: none;
margin-top: 10px;
margin-bottom: -10px;
font-size: 12px;
color: red;
}
._invalid-message._show {
display: block;
}
input._no-valid,
textarea._no-valid {
border-bottom: 2px solid #e9693d !important;
}
input._animation,
textarea._animation {
animation: 1.2s ease-in-out 0s normal none 2 running animation-trampling;
}
._loading {
background-image: url(/local/templates/surmebel_v.2/icons/loading/horizontal.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 40%;
color: transparent !important;
transition: none !important;
}
._loading._round {
background-image: url(/local/templates/surmebel_v.2/icons/loading/round.svg);
background-size: 80%;
}
@keyframes animation-trampling {
0%, 50%, 100% {
transform: rotate(0deg);
}
10%, 30% {
transform: rotate(-0.5deg);
}
20%, 40% {
transform: rotate(0.5deg);
}
}
._input-list {
flex-wrap: wrap;
}
._input-list-i {
width: calc((100% - 20px) / 2);
margin-bottom: 20px;
}
._input-list-i label {
color: #2d2d2d;
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
input._input-list-i,
._input-list-i input,
._input-list-i select,
._input-list-i textarea {
width: 100%;
height: 35px;
padding: 8px 12px;
border: 1px solid #d8d8d8;
font-size: 12px;
font-weight: 400;
color: #333;
}
._input-list-i._select {
position: relative;
}
._input-list-i._select select {
appearance: none;
cursor: pointer;
}
._input-list-i._select:after {
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
border-right: 1px solid black;
border-bottom: 1px solid black;
top: calc(50% + 2px);
right: 20px;
transform: rotate(45deg);
}
._input-list-i._textarea {
width: 100%;
}
._checkbox input[type=checkbox] {
display: none;
}
._checkbox input[type=checkbox] + label {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
margin-right: 8px;
background-color: #f1f1f1;
cursor: pointer;
}
._checkbox input[type=checkbox] + label:after {
content: '';
display: inline-block;
width: 100%;
height: 100%;
background: url(/local/templates/surmebel_v.2/icons/check_mark.svg) center/10px no-repeat;
transition: all .2s;
opacity: 0;
}
._checkbox input[type=checkbox]:checked + label:after {
opacity: 1;
transform: scale(1);
}
._btn {
display: inline-block;
height: 40px;
line-height: 40px;
font-weight: 600;
font-size: 14px;
padding: 0 15px;
text-transform: uppercase;
cursor: pointer;
align-items: center;
border: none;
}
._btn._red {
color: #ebf1f5;
background-color: #e02544;
}
.input-list {
flex-wrap: wrap;
}
.input-list-i {
width: calc((100% - 20px) / 2);
margin-bottom: 20px;
}
.input-list-i label {
color: #2d2d2d;
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
input.input-list-i,
.input-list-i input,
.input-list-i select,
.input-list-i textarea {
width: 100%;
height: 35px;
padding: 8px 12px;
border: 1px solid #d8d8d8;
font-size: 12px;
font-weight: 400;
color: #333;
}
.input-list-i._select {
position: relative;
}
.input-list-i._select:after {
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
border-right: 1px solid black;
border-bottom: 1px solid black;
top: calc(50% + 2px);
right: 20px;
transform: rotate(45deg);
}
.input-list-i._textarea {
width: 100%;
}
/* End */
/* Start:/local/templates/surmebel_v.2/assets/css/textstyle.css?17845687011137*/
.text-style h2 {
font-size: 22px;
padding: 20px 0 10px;
font-weight: 500;
}
.text-style h3 {
font-size: 20px;
padding-bottom: 20px;
font-weight: 500;
}
.text-style p {
margin: 1em 0;
text-align: justify;
}
.text-style a {
text-decoration: underline;
}
.text-style a:hover {
text-decoration: none;
}
.text-style img {
max-width: 100%;
}
.text-style img._align-left {
float: left;
padding: 0 30px 30px 0;
}
.text-style img._align-right {
float: right;
padding: 0 0 30px 30px;
}
.text-style img._width30 {
width: 30%;
height: auto;
}
.text-style ul {
margin: initial;
padding-left: 2em;
list-style: initial;
}
@media (max-width: 1080px) {
.text-style img._align-left {
float: left;
padding: 0 20px 20px 0;
}
.text-style img._align-right {
float: right;
padding: 0 0 20px 20px;
}
.text-style img._width30 {
width: 40%;
}
}
@media (max-width: 780px) {
.text-style img._align-left {
float: left;
padding: 0 10px 10px 0;
}
.text-style img._align-right {
float: right;
padding: 0 0 10px 10px;
}
.text-style img._width30 {
width: 50%;
}
}
.page_oferta.text-style ul {
text-align: justify;
}
/* End */
/* Start:/local/components/sm/location.select/templates/.default/style.css?178456870169*/
#surmeb-location__panel .bx-sls .dropdown-block {
height: 35px;
}
/* End */
/* Start:/bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17845686745525*/
.bx-sls .dropdown-block{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px #ebebeb;box-shadow:inset 0 1px 2px #ebebeb;font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff}.bx-sls .dropdown-block-ui{font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-top:5px;}
.bx-sls .dropdown-arrow {
background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height:100%;top:0;right:0;position:absolute;width:22px}.bx-sls .bx-ui-sls-container{overflow:hidden;min-height:25px}.bx-sls .bx-ui-sls-pane{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:200px;overflow-y:auto;left:0;top:35px;padding:5px 5px 3px 5px;position:absolute;width:100%}.bx-sls .dropdown-active .bx-ui-sls-pane{display:block}.bx-sls .bx-ui-sls-variants{list-style:none;margin:0;padding:0}.bx-sls .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-sls .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-sls .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-sls .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-sls .dropdown-item-text span{color:#25282c}.bx-sls .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px;}
.bx-sls .dropdown-icon {
background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height:14px;left:10px;position:absolute;top:10px;width:14px}.bx-sls .quick-locations{margin-bottom:5px}.bx-sls .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;margin:0 3px;padding:0 14px;text-decoration:none;margin-bottom:10px}.bx-sls .quick-location-tag:hover{background-color:#fafafa}.bx-sls .dropdown-fade2white{width:46px;height:31px;position:absolute;top:2px;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}
.bx-sls .bx-ui-sls-clear{
background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:0;right:0;display:block}.bx-sls .bx-ui-sls-clear:hover{background-position:6px -3418px;}
.bx-sls .bx-ui-sls-loader{
background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat:no-repeat !important;background-position:right -1px !important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-sls .bx-ui-sls-go-edit{display:none}.bx-sls .bx-ui-sls-pane{max-height:300px}.bx-sls input::-ms-clear{display:none}.bx-sls input[type="text"]{position:relative}.bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route{position:absolute !important;top:0;left:0;color:#000 !important;opacity:1 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 22px 0 0 !important;background-position:right 1px;background-repeat:no-repeat;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:14px;height:33px;width:100%;outline:0;z-index:10}.bx-sls .bx-ui-sls-route{color:#aba8ac !important;z-index:5}.bx-sls .bx-ui-sls-pane{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,.bx-sls .bx-ui-sls-error{padding:10px 10px}.bx-sls .bx-ui-sls-error{color:#f22;padding-left:30px;position:relative}.bx-sls .bx-ui-sls-error div{position:absolute;top:0;left:0;width:25px;height:25px; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;height:25px}.bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route{height:25px}.bx-admin-mode .dropdown-icon{top:7px}.bx-admin-mode .dropdown-fade2white{height:22px}.bx-admin-mode .dropdown-fade2white{right:1px}.bx-admin-mode .bx-ui-sls-clear{background-position:6px -3389px;height:22px}.bx-admin-mode .bx-ui-sls-clear:hover{background-position:6px -3421px}.bx-admin-mode .bx-ui-sls-loader{background-position:right -4px !important;height:21px}.bx-admin-mode .bx-ui-sls-pane{top:27px}
/* End */
/* Start:/local/templates/surmebel_v.2/components/bitrix/menu/horizontal_multilevel_redesign/style.css?17845687011891*/
.top-menu {
background-color: var(--color-darkgrey);
padding: 0 32px;
display: flex;
align-items: center;
width: 100%;
}
ul#horizontal-multilevel-menu {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
ul#horizontal-multilevel-menu > li > ul {
display: none;
}
ul#horizontal-multilevel-menu > li:hover > ul, ul#horizontal-multilevel-menu > li > ul:hover {
display: block;
position: absolute;
z-index: 100;
background: var(--color-darkgrey);
padding: 0 36px 12px;
}
ul#horizontal-multilevel-menu > li > a {
display: block;
padding: 12px 16px;
}
ul#horizontal-multilevel-menu > li:first-child > a,
ul#horizontal-multilevel-menu > li > a:hover,
a.root-item-selected {
background-color: var(--color-red);
}
ul#horizontal-multilevel-menu > li:first-child > a {
border-radius: 5px;
box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%);
transform: scale(1.15);
margin-right: 15px;
}
ul#horizontal-multilevel-menu > li:first-child > a:hover {
background-color: #cc2c24;
}
ul#horizontal-multilevel-menu > li > ul > li {
padding: 6px 0;
}
ul#horizontal-multilevel-menu li a {
display: flex;
align-items: flex-start;
gap: 4px;
white-space: nowrap;
}
ul#horizontal-multilevel-menu li a[href="/zakazat-dizain-proekt/"] {
height: calc(100% - 10px);
background-color: #f6d30a;
color: var(--color-text-secondary);
font-weight: bold;
/*border-radius: 5px;
box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%);*/
}
ul#horizontal-multilevel-menu li a[href="/zakazat-dizain-proekt/"]:hover,
ul#horizontal-multilevel-menu li a[href="/zakazat-dizain-proekt/"].root-item-selected {
text-decoration: underline;
}
@media (max-width: 767px) {
.top-menu {
display: none;
}
}
/* End */
/* Start:/local/templates/surmebel_v.2/components/bitrix/menu/catalog_v.2/style.css?17845687017650*/
/* Mega menu */
.megamenu__burger+ul {
display: none!important;
}
.top-menu {
position: relative;
}
.megamenu {
position: absolute;
left: 0;
top: 42px;
z-index: 100;
width: 100%;
height: 500px;
visibility: hidden;
transition: .25s visibility ease-in-out;
}
.megamenu.open {
visibility: visible;
}
.megamenu.open .megamenu__overlay {
opacity: 1;
}
.megamenu.open .megamenu__main {
left: 0;
}
.megamenu__main {
position: absolute;
left: -360px;
top: 0;
width: 360px;
height: 100%;
z-index: 10;
background-color: #fff;
padding: 24px 32px;
transition: .25s all ease-in-out;
overflow-y: auto;
}
.megamenu__main::-webkit-scrollbar-track {
background-color: #fff;
}
.megamenu__main::-webkit-scrollbar {
width: 5px;
background-color: #fff;
}
.megamenu__main::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.megamenu__main>ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.megamenu__main>ul>li {
list-style: none;
position: relative;
}
.megamenu__main>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(35, 35, 35, 0.12);
}
.megamenu__main>ul>li>a {
display: flex;
align-items: center;
justify-content: space-between;
color: #1F232B;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
padding: 13px 16px;
transition: .25s all ease-in-out;
position: relative;
}
.megamenu__main>ul>li>a:hover {
color: #DC4641;
}
.megamenu__main>ul>li>a.arrow:after {
content: '';
width: 16px;
height: auto;
aspect-ratio: 1;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%23A1A1A1' fill-rule='evenodd' d='M5.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8 5.293 4.707a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
display: block;
flex: none;
transition: .25s all ease-in-out;
}
.megamenu__main>ul>li>a.arrow:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background-color: #DC4641;
opacity: 0;
transition: .25s all ease-in-out;
}
.megamenu__main>ul>li>a.arrow:hover:after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%23424348' fill-rule='evenodd' d='M5.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8 5.293 4.707a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.megamenu__main>ul>li>a.open {
background-color: #E4E4E4;
}
.megamenu__main>ul>li:before {
content: '';
width: 36px;
height: calc(100% + 2px);
background-color: #E4E4E4;
position: absolute;
left: 100%;
top: -1px;
opacity: 0;
transition: .25s all ease-in-out;
}
.megamenu__main>ul>li:first-child:before {
content: '';
width: 36px;
height: calc(100% + 1px);
background-color: #E4E4E4;
position: absolute;
left: 100%;
top: 0px;
opacity: 0;
transition: .25s all ease-in-out;
}
.megamenu__main>ul>li>a.open:before {
opacity: 1;
}
.megamenu__main>ul>li.open:before {
opacity: 1;
}
.megamenu__main>ul>li>ul {
display: none;
}
.megamenu__overlay {
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 11, 20, 0.24);
width: 100%;
height: 100%;
opacity: 0;
transition: .25s all ease-in-out;
}
.megamenu__sub {
position: absolute;
height: 100%;
background-color: #F3F3F3;
padding: 24px 32px;
width: 360px;
left: 0;
transition: .25s all ease-in-out;
opacity: 0;
z-index: 9;
}
.megamenu__sub.open {
left: 360px;
opacity: 1;
}
.megamenu__sub>ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.megamenu__sub>ul>li {
list-style: none;
}
.megamenu__sub>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(35, 35, 35, 0.12);
}
.megamenu__sub>ul>li>a {
display: flex;
align-items: center;
justify-content: space-between;
color: #1F232B;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
padding: 13px 0;
transition: .25s all ease-in-out;
}
.megamenu__sub>ul>li>a:hover {
color: #DC4641;
}
.megamenu__sub>ul>li>a:after {
content: '';
width: 16px;
height: auto;
aspect-ratio: 1;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%23A1A1A1' fill-rule='evenodd' d='M5.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8 5.293 4.707a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
display: block;
flex: none;
margin-right: 16px;
transition: .25s all ease-in-out;
}
.megamenu__sub>ul>li>a:hover:after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%23424348' fill-rule='evenodd' d='M5.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L8.586 8 5.293 4.707a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.megamenu__sub>ul>li>ul {
display: none;
}
.megamenu__subTop {
color: #1F232B;
font-size: 28px;
font-weight: 500;
line-height: 1.1;
display: none;
align-items: center;
gap: 16px;
padding: 8px 0 12px;
}
.megamenu__subTop:before {
content: '';
width: 24px;
height: auto;
aspect-ratio: 1;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23424348' fill-rule='evenodd' d='M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
flex: none;
}
@media (max-width: 991px) {
.megamenu__main {
width: 50%;
left: -100%;
padding: 20px 24px;
}
.megamenu__sub {
width: 50%;
padding: 20px 24px;
}
.megamenu__sub.open {
left: 50%;
}
}
@media (max-width: 500px) {
.megamenu__main {
width: 100%;
padding: 16px;
}
.megamenu__sub {
padding: 16px;
left: -100%;
width: 100%;
z-index: 11;
visibility: hidden;
}
.megamenu__sub.open {
left: 0;
visibility: visible;
}
.megamenu__subTop {
display: flex;
}
.megamenu__main>ul>li>a {
padding: 13px 0;
}
.megamenu__main>ul>li:before {
display: none;
}
.megamenu__main>ul>li>a.open {
background-color: transparent;
}
.megamenu__main>ul>li>a.arrow:before {
display: none;
}
.megamenu__sub>ul>li>a:after {
margin-right: 0;
}
}
/* Mega menu */
/* End */
/* Start:/local/components/sm/location.detect/templates/footer/style.css?1784568701308*/
.footer-city-wrapper .desktop-panel__location-caption {
color: #333;
padding-left: 0;
white-space: nowrap;
/*text-overflow: ellipsis;*/
max-width: 400px;
overflow: hidden;
}
.footer-city-wrapper .desktop-panel__location-caption.ht-region-city:before {
display: none;
}
/* End */
/* Start:/local/components/sm/menu/templates/footer_kitchen/style.css?1784568701304*/
.footer-block > .footer-catalog-container {
width: 100%;
}
.footer-catalog-list {
display: flex;
flex-wrap: wrap;
}
.left-menu li {
display: flex;
width: calc(50% - 8px);
justify-content: flex-start;
}
@media (max-width: 1023px) {
.left-menu li {
width: 100%;
}
}
/* End */
/* Start:/local/components/cdu/menu/templates/simple/style.css?1784568701585*/
/* Left menu*/
ul.left-menu
{
list-style:none;
margin:0; padding:0;
/*margin-bottom:8px;*/
position: relative; /*IE bug*/
}
ul.left-menu li
{
padding: 10px 16px;
background:#F5F5F5 url(/local/components/cdu/menu/templates/simple/images/left_menu_bg.gif) top repeat-x;
}
ul.left-menu li a
{
font-size:100%;
color:#BC262C;
font-weight:bold;
text-decoration:none;
}
ul.left-menu li a:visited
{
color:#BC262C;
}
ul.left-menu li a:hover
{
color:#BC262C;
}
ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
color:#FC8D3D;
}
/* End */
/* /local/templates/surmebel_v.2/libs/sm.popup/style.css?17845687011287 */
/* /local/templates/surmebel_v.2/libs/sm.agreement/style.css?1784568701496 */
/* /local/templates/surmebel_v.2/libs/sm.callback/style.css?1784568701609 */
/* /local/templates/surmebel_v.2/libs/sm.callback.email/style.css?1784568701780 */
/* /local/templates/surmebel_v.2/libs/sm.callback-factory/style.css?1784568701681 */
/* /local/templates/surmebel_v.2/libs/sm.checkbox/style.css?1784568701927 */
/* /local/templates/surmebel_v.2/libs/link-menu/style.css?17845687013988 */
/* /local/templates/surmebel_v.2/assets/css/main_old.css?1784568701404806 */
/* /css/loader.css?1784568700643 */
/* /css/surmeb-modal.css?17845687005867 */
/* /local/templates/surmebel_v.2/assets/css/colors.css?1784568701658 */
/* /local/templates/surmebel_v.2/assets/css/text.css?178456870113684 */
/* /local/templates/surmebel_v.2/assets/css/buttons.css?1784568701922 */
/* /local/templates/surmebel_v.2/assets/css/decorations.css?178456870136 */
/* /local/templates/surmebel_v.2/assets/css/blocks/header.css?17845687015068 */
/* /local/templates/surmebel_v.2/assets/css/blocks/footer.css?17845687013958 */
/* /local/templates/surmebel_v.2/assets/css/main.css?1784568701700 */
/* /local/templates/surmebel_v.2/assets/css/custom.css?17845687017935 */
/* /local/templates/surmebel_v.2/assets/css/textstyle.css?17845687011137 */
/* /local/components/sm/location.select/templates/.default/style.css?178456870169 */
/* /bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17845686745525 */
/* /local/templates/surmebel_v.2/components/bitrix/menu/horizontal_multilevel_redesign/style.css?17845687011891 */
/* /local/templates/surmebel_v.2/components/bitrix/menu/catalog_v.2/style.css?17845687017650 */
/* /local/components/sm/location.detect/templates/footer/style.css?1784568701308 */
/* /local/components/sm/menu/templates/footer_kitchen/style.css?1784568701304 */
/* /local/components/cdu/menu/templates/simple/style.css?1784568701585 */