html{
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
body{
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
color: #232323;
line-height: 24px;
-webkit-font-smoothing: antialiased;
text-size-adjust:none !important;
-webkit-text-size-adjust:none !important;
-moz-text-size-adjust:none !important;
-ms-text-size-adjust:none !important;
}
body.over{
overflow: hidden;
}
a{
color: #3B78D6;
}
*:focus {
outline: none;
}
*{
-webkit-tap-highlight-color: transparent !important;
}
a, label{
-webkit-tap-highlight-color: transparent;
}
iframe{
border-width: 0px;
}
img{
max-width: 100%;
width: auto;
}
label{
cursor: pointer;
}
.row{
max-width: 1200px;
margin: 0 auto;
}
header ul{
margin: 0;
padding: 0;
list-style: none;
}
header .top-block{
display: flex;
flex-wrap: wrap;
padding: 21px 0 19px 0;
justify-content: space-between;
}
header .top-block .top-block-1, header .top-block .top-block-2{
display: flex;
flex-wrap: wrap;
align-items: center;
}
header .top-block .logo-block{
margin-right: 30px;
}
header .top-block .catalog-btn{
display: flex;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
padding: 8px 15px;
text-align: center;
background: #04AF53;
border-radius: 8px;
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.fancybox-container [data-selectable="true"]{
position: relative;
}
.tank-vol ul input[type="radio"]:checked + label, .Checked + label{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
header .top-block .catalog-btn img{
display: inline-block;
height: 24px;
margin-right: 5px;
}
header .top-block {
}
header .pages-block ul{
display: flex;
flex-wrap: wrap;
gap:0 30px;
}
header .pages-block ul li a{
font-size: 14px;
line-height: 24px;
color: #232323;
text-decoration: none;
}
header .pages-block ul li a[href*="mailto"]{
color: #3B78D6;
}
header .pages-block ul li a[href*="mailto"]:hover{
color: #3B78D6;
}
header .phone-block a{
display: block;
}
header .phone-block a:first-child{
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #232323;
text-decoration: none;
}
header .phone-block a+a{
font-size: 13px;
line-height: 18px;
color: #04AF53;
text-decoration: none;
text-align: right;
}
.section{
margin-bottom: 90px;
}
.section.video-block{
overflow: hidden;
}
.section h2{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-top: 0;
margin-bottom: 30px;
}
.banner-block{
position: relative;
margin-bottom: 40px;
background: linear-gradient(96.76deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.05) 100%);
border-radius: 20px;
height: 413px;
}
.banner-block .banner-caption{
position: absolute;
top: 80px;
left: 80px;
}
.banner-block .banner-title{
font-weight: 500;
font-size: 32px;
line-height: 40px;
color: #232323;
margin-bottom: 20px;
}
.banner-block .banner-desc{
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 20px;
}
.banner-block .banner-desc ul{
margin: 0;
padding: 0;
list-style: none;
}
.banner-block .banner-desc ul li::before{
content: '• ';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #04AF53;
}
.banner-block .banner-btn a{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
text-decoration: none;
display: block;
background: #04AF53;
border-radius: 8px;
padding: 15px 35px 13px 35px;
display: inline-block;
}
.benefits-block .row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.benefits-block .benefits-item{
flex: 0 0 220px;
max-width: 220px;
}
.benefits-block .benefits-item .benefits-item-img{
text-align: center;
margin-bottom: 20px;
height: 32px;
}
.benefits-block .benefits-item .benefits-title{
font-weight: 500;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #232323;
margin-bottom: 10px;
}
.benefits-block .benefits-item .benefits-desc{
padding: 0 15px;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #868686;
font-weight: 400;
}
.benefits-block .benefits-item:first-child .benefits-desc{
padding: 0;
}
.categories-block .categories-flex{
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.categories-block .category-item{
position: relative;
margin: 0 20px;margin-bottom: 20px;
flex: 0 0 270px;
}
.categories-block .category-item img{
}
.categories-block .category-item .category-item-img{
border-radius: 10px;
background: #F7F7F7;
position: relative;
}
.categories-block .category-item .category-item-img:hover{
background: #e8e9eb;
}
.categories-block .category-item .category-item-img a{
display: block;
}
.categories-block .category-item .category-item-title{
position: absolute;
bottom: 30px;
left: 30px;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
max-width: 210px;
}
.categories-block .category-item .category-item-title a{
color: #232323;
text-decoration: none;
display: block;
}
.video-block .owl-carousel .owl-item img{
width: auto;
}
.video-block .row{
position: relative;
}
.home .video-block .swiper-button-next, .home .video-block .swiper-button-prev {
top: 51%;
}
.video-block .owl-carousel .owl-item{
width: auto;
flex: 0 0 270px;
max-width: 270px;
width: 270px !important;
}
.swiper-slide iframe {
width: 100%;
margin: 0 auto;
border-radius: 10px;
}
.swiper-slide { -webkit-transform: translateZ(0); -o-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-backface-visibility:hidden; transform: translateZ(0); } .swiper-wrapper { -webkit-backface-visibility:hidden; }
.video-block-wrap, .options-slider, .category-img-slider{
overflow-x: hidden;
}
.category-img-slider{
position: relative;
}
.video-block .swiper-slide a, .options-slider .swiper-slide a {
display: block !important;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.category-img-slider .swiper-button-prev:after{
content: url(../img/ar-left.svg);
width: 72px;
height: auto;
left: 32px;
position: absolute;
margin-top: 5px;
}
.category-img-slider .swiper-button-next:after{
content: url(../img/ar-right.svg);
width: 72px;
height: auto;
right: 0;
position: absolute;
margin-top: 5px;
}
.category-img-slider .swiper-slide .not-mobile-block iframe{
height: 480px;
border-radius: 0;
}
.video-block-wrap.not-mobile-block .swiper-wrapper.overxx{
overflow-y: hidden;
overflow: hidden;
}
.video-block-wrap.not-mobile-block .videoWrapper {
padding-bottom: 0;
height: 560px;
}
.video-block-wrap.not-mobile-block .videoWrapper:before{
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../img/preloader.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 64px;
z-index: 2;
}
.video-block-wrap.not-mobile-block .videoWrapper .vk-poster>img,
.video-block-wrap.not-mobile-block .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 3;
}
.video-block-wrap.not-mobile-block .videoWrapper .vk-poster .play-button-overlay img {
width: 68px;
height: 47.55px;
display: flex;
align-self: center;
}
.video-block-wrap.not-mobile-block .videoWrapper .vk-poster .play-button-overlay{
position: absolute;
width: 100%;
text-align: center;
height: 100%;
display: flex;
justify-content: center;
z-index: 4;
}
.video-block-wrap .swiper-button-prev:after, .options-block .swiper-button-prev:after{
content: url(../img/arrow-new-prev.svg);
width: 52px;
height: 52px;
box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
border-radius: 50%;
}
.video-block-wrap .swiper-button-next:after, .options-block .swiper-button-next:after{
content: url(../img/arrow-new-next.svg);
width: 52px;
height: 52px;
box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
border-radius: 50%;
}
.video-block-wrap .owl-carousel .owl-nav .owl-prev span, .video-block-wrap .owl-carousel .owl-nav .owl-next span, .options-block .owl-carousel .owl-nav .owl-prev span, .options-block .owl-carousel .owl-nav .owl-next span{
display: none;
}
.video-block-wrap .swiper-slide iframe{
height: 200px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
opacity: 0;
cursor: default;
}
.category-img-slider .swiper-button-next.swiper-button-disabled, .category-img-slider .swiper-button-prev.swiper-button-disabled{
opacity: 1;
cursor: default;
}
.owl-theme .owl-nav{
position: absolute;
top: 41%;
width: 100%;
text-align: left;
margin: 0;
}
.video-block-wrap .swiper-button-next, .options-block .swiper-button-next{
position: absolute;
right: -11px;
}
.video-block .swiper-button-prev, .options-block .swiper-button-prev{
left: -16px;
position: absolute;
}
.video-block .swiper-button-next, .video-block .swiper-button-prev{
top: calc(50% - 2px);
height: 52px
}
.options-block-in{
position: relative;
}
.owl-scrollbar {
margin-top: 35px;
border-radius: 10px;
height: 4px;
width: 100%;
background: #DBDBDB;
box-shadow: inset 0 0 10px -9px rgba(30, 30, 30, .4);
position: relative;
overflow-x: hidden;
}
.owl-scrollbar .owl-scroll-handle {
height: 4px;
width: 284px;
display: inline-block;
background: #232323;
position: absolute;
left: -1px;
}
.desc-block-wrap ul.two-col, .text-block ul.two-col{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 760px;
justify-content: space-between;
}
.text-block ul{
padding-left: 15px;
}
.text-block ul.two-col.marker{
list-style: outside;
}
.desc-block-wrap ul li, .text-block ul.two-col li{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
flex: 0 0 50%;
margin-bottom: 10px;
}
.desc-block-wrap ul.dots, .text-block ul.dots{
list-style: none;
}
.desc-block-wrap ul.dots li:before{
content: '· ';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
}
.text-block ul.dots li::before{
content: '· ';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
}
.models-block table{
width: 100%;
border-collapse: collapse;
}
.models-block table tr:not(:first-child):hover{
background: #F2F1F1;
cursor: pointer;
}
.models-block table tr td{
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #232323;
}
.models-block table tr th{
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #232323;
width: 255px;
}
.models-block table tr th:first-child{
text-align: left;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #232323;
width: 180px;
}
.models-block table tr:hover td{
background: #F2F1F1;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #232323;
font-weight: 700;
}
.models-block table tr td, .models-block table tr th{
padding: 10px 0;
}
.models-block table tr td:first-child{
text-align: left;
color: #3B78D6;
font-size: 16px;
line-height: 24px;
text-decoration-line: underline;
}
.owl-scrollbar .owl-scroll-progress {
background: #232323;
height: 4px;
position: absolute;
top: 0;
left: 0;
}
.opt-title{
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #232323;
margin-bottom: 20px;
margin-top: 0px;
}
.opt-in{
display: flex;
flex-wrap: wrap;
position: relative;
}
.fancybox-slide--html{
padding: 0;
transform: none !important;
}
.fancy-opt>.opt-slider2+.fancybox-button{
display: none;
}
.opt-video{
flex: 0 0 550px;
}
.opt-desc{
flex: 1;
background: #fff;
}
.opt-slider2 .opt-desc .opt-desc-in{
padding: 40px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 100%;
width: 100%;
}
.opt-slider2 .opt-desc{
border-radius: 0px 20px 20px 0px;
background: #FFFFFF;
}
.opt-txt{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
margin-bottom: 0px;
display: flex;
flex-direction: column;
max-height:115px;
overflow-y: auto;
}
.opt-txt{
margin-bottom: 0px;
max-height: 115px;
overflow-y: auto;
}
.opt-txt.long{
max-height: 165px;
}
.opt-txt ul{
margin: 0;
padding-left: 18px;
list-style: outside;
}
.opt-txt p, .opt-txt h1, .opt-txt h2, .opt-txt h3, .opt-txt h4, .opt-txt h5, .opt-txt h6{
margin:0;
}
#hidden-content .opt-desc{
display: flex;
flex-wrap: wrap;
height: 358px;
width: 100%;
flex: 0 0 325px;
}
#hidden-content .toc{
width: 100%;
margin-top: auto;
}
#hidden-content .opt-desc .opt-srok{
}
#hidden-content .opt-desc li.opt-price1{
margin-bottom: 0;
}
#hidden-content .opt-desc li.opt-price2{
margin-bottom: 0;
}
.toc{
margin: 0;
padding: 0;
}
.toc li{
display: flex;
}
.toc li:first-child{
margin-bottom: 20px;
}
.toc li .title{
order: 1;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
}
.toc li .chapter{
order: 3;
font-size: 16px;
line-height: 24px;
text-align: right;
font-weight: 500;
color: #232323;
}
.toc li::after{
border-bottom: 1px dashed #DBDBDB;
content: "";
flex-grow: 1;
height: 1em;
order: 2;
}
.toc li{
display: flex;
}
.toc li:first-child{
margin-bottom: 20px;
}
.opt-item{
cursor: pointer;
}
.opt-item .opt-item-img{
margin-bottom: 20px;
position: relative;
}
.opt-item-img iframe{
height: 200px;
}
.opt-item .opt-item-img:before{
content: url(../img/play.svg);
display: flex;
align-items: center;
align-content: center;
text-align: center;
position: absolute;
width: 100%;
justify-content: center;
height: 100%;
}
.video-thumb:before{
content: '';
background: url(../img/play.svg) no-repeat;
background-size: 25px;
display: flex;
align-items: center;
align-content: center;
text-align: center;
position: absolute;
width: 100%;
justify-content: center;
height: 100%;
background-position: center;
left: 0;
top: 0;
}
.opt-item .opt-item-title{
color: var(--Black, #232323);
/* H4 - Title */
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
margin-bottom: 10px;
}
.opt-item .opt-item-price{
color: var(--Grey, #868686);
/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.opt-item .opt-item-more{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #04AF53;
}
.fancy-model .toc.full {
max-height: 296px;
position: relative;
margin-right: -20px;
padding-right: 20px;
overflow-y:hidden;
}
.fancy-model .toc li{
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
color: #5B5B5B;
}
.fancy-model .toc li span{
font-size: 16px;
line-height: 24px;
color: #5B5B5B;
}
.fancy-model .toc{
margin-bottom: 30px;
}
.toc li .model-name{
order: 1;
font-size: 16px;
line-height: 24px;
color: #5B5B5B;
}
.toc li .model-val{
order: 3;
font-size: 16px;
line-height: 24px;
color: #5B5B5B;
}
.toc li::after{
border-bottom: 1px dashed #DBDBDB;
content: "";
flex-grow: 1;
height: 1em;
order: 2;
}
.toc li.free::after{
border: none;
}
.fancy-opt .opt-in-wrap{
padding: 0;
max-width: 960px;
width: 100%;
padding-right: 0px;
background: none;
position: relative;
}
.swiper-slide:not(.swiper-slide-active) .opt-in-wrap:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(35, 35, 35, 0.7);
border-radius: 20px;
z-index: 9999;
}
.opt-slider2 .swiper-slide:not(.swiper-slide-active) .opt-desc{
border-radius: 0px 21px 21px 0px
}
.swiper-slide:not(.swiper-slide-active) .fancy-model .toc li:after{
border-bottom: 1px dashed #464646;
opacity: 0.3;
}
.models-slider2 .swiper-slide:not(.swiper-slide-active) .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
top: 10px;
opacity: 1;
}
.models-slider2 .swiper-slide:not(.swiper-slide-active) .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
top: 10px;
opacity: 1;
}
.models-slider2 .swiper-slide{
width: auto;
}
.fancy-model{
padding: 40px;
background: #FFFFFF;
border-radius: 20px;
max-width: 500px;
width: 100%;
}
.fancy-model2 .fancy-model{
padding: 40px;
background: #FFFFFF;
border-radius: 20px;
max-width: 500px;
width: 500px;
}
.fancy-opt{
border-radius: 0;
}
.swiper-slide .opt-video iframe{
border-radius: 0;
}
.fancy-model2{
padding: 0px;
background: none;
border-radius: 0;
max-width: 100%;
width: 100%;
}
.fancy-model2 .swiper-slide .fancy-model{
position: relative;
}
.fancy-model2 .swiper-slide .fancy-model{
border-radius: 20px;
min-height: 500px;
}
.fancy-model2 .swiper-button-next{
z-index: 99999;
}
.fancy-model2 .swiper-slide:not(.swiper-slide-active) .fancy-model:before{
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(35, 35, 35, 0.7);
border-radius: 20px;
width: 100%;
height: 100%;
z-index: 9999;
transition: all 0.1s ease;
}
.models-slider2 .fancybox-close-small{
opacity: 1;
}
.models-slider2 .swiper-slide:not(.swiper-slide-active) .fancybox-close-small{
cursor: default;
}
.models-slider2 .swiper-slide:not(.swiper-slide-active) .fancybox-close-small::before{
opacity: 1;
content: url(../img/order-x.svg);
position: absolute;
width: 32px;
height: 32px;
display: block;
top: 20px;
right: 20px;
}
.fancy-model2 .swiper-slide .fancy-model:before{
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(35, 35, 35, 0);
border-radius: 20px;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.fancy-model2 .swiper-slide:not(.swiper-slide-active) .fancy-model{
border-radius: 21px;
}
.fancy-model2 .swiper-slide.swiper-slide-active .fancy-model{
background: #fff;
border-radius: 20px;
}
.fancy-model2 .swiper-pagination, .opt-slider2 .swiper-pagination{
text-align: left;
bottom: -30px;
height: auto;
position: relative;
}
.fancy-model2 .swiper-pagination{
bottom: auto;
/* margin-top: 30px;*/
}
.fancy-model2 .swiper-pagination ul li{
padding-bottom: 10px;
border-bottom: 1px solid transparent;
}
.fancy-model2 .swiper-pagination ul li.active{
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.swiper-pagination-slider .swiper-slide div, .swiper-pagination-slider2 .swiper-slide div{
padding-bottom: 10px;
border-bottom: 1px solid transparent;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.5);
padding-bottom: 10px;
text-align: center;
display: inline-block;
}
.swiper-pagination-slider, .models-slider2, .swiper-pagination-slider2, .opt-slider2 .swiper-container{overflow-x: hidden;}
.swiper-pagination-slider .swiper-slide.swiper-slide-active div, .swiper-pagination-slider2 .swiper-slide.swiper-slide-active div{
padding-bottom: 10px;
border-bottom: 1px solid #ffffff;
color: #fff;
}
.swiper-pagination-slider .swiper-slide:not(.swiper-slide-active):hover div, .swiper-pagination-slider2 .swiper-slide:not(.swiper-slide-active):hover div{
padding-bottom: 10px;
border-bottom: 1px solid #ffffff;
color: #fff;
cursor: pointer;
}
.swiper-pagination-slider2 .swiper-slide{
position: relative;
}
.swiper-pagination-slider2 .swiper-slide.swiper-slide-active:after{
content: attr(aria-label);
display: block;
margin-top: 20px;
font-weight: 400;
font-size: 13px;
line-height: 18px;
/* identical to box height, or 138% */
text-align: center;
color: #FFFFFF;
}
/*.opt-slider2 .swiper-pagination{
max-width: 1041px;
}*/
.fancy-model2 .swiper-button-next, .fancy-model2 .swiper-button-prev, .opt-slider2 .swiper-button-next, .opt-slider2 .swiper-button-prev{
top: calc(50% - 83px);
}
.opt-slider2 .swiper-button-next, .opt-slider2 .swiper-button-prev, .opt-slider2 .swiper-button-next, .opt-slider2 .swiper-button-next{
top: calc(50% - 70px);
height: 72px;
}
.fancy-model2 .swiper-button-next, .fancy-model2 .swiper-button-prev{
top: calc(50% - 32px);
}
.fancy-model2 .swiper-pagination ul, .opt-slider2 .swiper-pagination ul{
padding: 0;display: flex;
white-space: nowrap;
overflow: auto;
padding: 0px 5px;
margin: 0;
text-align: center;
justify-content: center;
}
.opt-slider2 .swiper-pagination ul{
white-space: normal;
}
.opt-slider2 .swiper-pagination ul{
display: flex;
flex-direction: row;
overflow: hidden;
}
.fancy-model2 .swiper-pagination ul li, .opt-slider2 .swiper-pagination ul li{
display: inline-block;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.5);
padding-bottom: 10px;
text-align: center;
}
.fancy-model2 .swiper-pagination ul li{
padding-bottom: 0;
}
.opt-slider2 .swiper-pagination ul li{
text-align: left;
}
.fancy-model2 .swiper-pagination ul li.active, .opt-slider2 .swiper-pagination ul li.active{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.opt-slider2 .swiper-pagination ul li.active span.active-bullet{
padding-bottom: 10px;
border-bottom: 1px solid #ffffff;
display: block;
margin-bottom: 20px;
}
.opt-slider2 .swiper-pagination ul li.active span+span{
font-weight: 400;
font-size: 13px;
line-height: 18px;
display: block;
}
.fancy-model2 .swiper-pagination-bullet, .opt-slider2 .swiper-pagination-bullet{
width: auto;
height: auto;
display: inline-block;
border-radius: 0;
background: none;
opacity: 1;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #828282;
margin-right: 20px;
}
.opt-slider2 .swiper-pagination-bullet{
margin-right: 40px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.5);
}
.fancy-model2 .swiper-pagination-bullet.active, .opt-slider2 .swiper-pagination-bullet.active{
color: #232323;
}
.opt-slider2 .swiper-pagination-bullet.active{
color: #FFFFFF;
}
.fancy-model2 .toc li {
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
color: #464646;
}
.fancy-model2 .toc li span{
color: #464646;
}
.fancy-model2 .toc li::after{
border-bottom: 1px dashed #464646;
opacity: 0.3;
}
.model-title{
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-bottom: 30px;
}
.model-price{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
}
.fancy-model2 ..model-price{
margin-top:auto;
}
.fancy-model2{
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.partners-block .partners-flex{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -20px;
}
.partners-block .partners-flex .partner-item{
flex: 0 0 166px;
max-width: 166px;
margin: 0 20px;
max-height: 128px;
}
.home-text-block{margin-bottom: 80px;}
.home-text-block p{
margin-top: 0px;
margin-bottom: 11px;
}
.home-text-block p:last-of-type{
margin-bottom: 0;
}
/*** main page end ***/
body:not(.home) header{
border-bottom: 1px solid #DBDBDB;
}
.main-block{
display: flex;
flex-wrap: wrap;
}
.main-block .aside-block{
flex: 0 0 235px;
max-width: 235px;
border-right: 1px solid #DBDBDB;
padding-right: 35px;
}
.aside-block{
padding-top: 30px;
}
.aside-block .aside-menu{
margin-bottom: 30px;
}
.aside-block .aside-menu:last-of-type{
margin-bottom: 0;
}
.aside-block .aside-menu h4{
margin-top: 0;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
margin-bottom: 20px;
padding: 0 11px;
}
.aside-block .aside-menu ul{
margin: 0;
padding: 0;
list-style: none;
}
.aside-block .aside-menu ul li a{
text-decoration: none;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 5px;
display: block;
padding: 5px 11px;
}
.aside-block .aside-menu ul li a:hover, .aside-block .aside-menu ul li.current-menu-item a{
background: rgba(0, 0, 0, 0.03);
border-radius: 10px;
}
.aside-block .aside-menu ul li:last-of-type a{
margin-bottom: 0;
}
.content-block{
padding-top: 36px;
padding-left: 40px;
padding-bottom: 100px;
}
.content-block h1{
margin-top: 28px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 40px;
color: #232323;
margin-bottom: 30px;
}
.content-block.contacts-w h1{
margin-bottom: 20px;
}
.page-content h3{
margin-top: 0;
margin-bottom: 10px;
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #232323;
}
.page-content strong{
font-weight: 700;
}
.page-content h2{
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 40px;
color: #232323;
margin-top: 0;
margin-bottom: 30px;
}
.page-content p{
margin-top: 0;
margin-bottom: 30px;
}
.breadcrumbs-block ul{
margin: 0;
padding: 0;
list-style: none;
height: 18px;
display: flex;
flex-wrap: wrap;
}
.breadcrumbs-block ul li{
display: inline-block;
font-size: 13px;
line-height: 18px;
color: #868686;
text-decoration: none;
display: flex;
}
.breadcrumbs-block ul li a{
font-size: 13px;
line-height: 18px;
color: #868686;
text-decoration: none;
display: inline-block;
}
.breadcrumbs-block ul li a:hover{
text-decoration: underline;
}
.breadcrumbs-block ul li:after{
content: url(../img/chevron-right.svg);
margin: 0 5px;
height: 16px;
display: inline-block;
position: relative;
top: 2px;
}
.breadcrumbs-block ul li:last-of-type:after{
content: none;
margin: 0 5px;
height: 16px;
display: inline-block;
position: relative;
top: 4px;
}
.breadcrumbs-block ul li:last-of-type a:after{
content: none;
margin: 0 5px;
height: 16px;
display: inline-block;
position: relative;
top: 4px;
}
.category-page .breadcrumbs-block{
padding: 16px 0 16px 0;
}
.contacts-block-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contacts-block-wrapper-2{
flex: 0 0 477px;
margin-top: -115px;
}
.page-content.delivery{
max-width: 787px;
}
.page-content{
max-width: 680px;
}
.page-content h2{
font-weight: 500;
font-size: 32px;
line-height: 40px;
color: #232323;
}
.page-content h3{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
}
.page-content p{
font-size: 16px;
line-height: 24px;
color: #232323;
}
.contacts-phone a{
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #232323;
display: block;
text-decoration: none;
}
.contacts-phone{
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #232323;
display: block;
text-decoration: none;
}
.contacts-hours{
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #868686;
}
.contacts-email{
margin-top: 20px;
margin-bottom: 20px;
}
.contacts-email h5{
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #232323;
margin-top: 0;
margin-bottom: 0;
}
.contacts-email a{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #3B78D6;
display: block;
text-decoration: none;
}
.contacts-email a:hover{
text-decoration: underline;
}
.contacts-address h5{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #232323;
margin-top: 0;
margin-bottom: 10px;
}
.contacts-address p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-top: 0;
margin-bottom: 10px;
}
.ymaps-2-1-79-inner-panes{
border-radius: 10px;
}
.category-page-top{
display: flex;
flex-wrap: wrap;
}
.category-img{
max-width: 477px;
flex: 0 0 477px;
margin-right: 40px;
}
.category-desc-begin h1{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-top: 0;
margin-bottom: 10px;
}
.category-model{
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #868686;
margin-bottom: 30px;
}
.category-price{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-bottom: 10px;
}
.category-btn{
background: #04AF53;
border-radius: 8px;
padding: 15px 35px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
margin-bottom: 30px;
}
.order-of-work span{
display: block;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 20px;
}
.order-of-work ol{
list-style: none;
counter-reset: my-awesome-counter;
margin: 0;
padding: 0;
}
.order-of-work ol li {
counter-increment: my-awesome-counter;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
color: #232323;
position: relative;
top: -1px;
}
.order-of-work ol li:last-of-type{
margin-bottom: 0;
}
.order-of-work ol li::before {
content: counter(my-awesome-counter);
width: 23px;
height: 23px;
display: inline-block;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #232323;
margin-right: 0.5rem;
border: 1px solid #2E2E32;
border-radius: 45px;
position: relative;
}
.category-desc-middle{
flex: 1;
max-width: 100%;
margin-top: 70px;
padding-bottom: 70px;
}
.category-desc-middle article{
padding-top: 90px;
display: block;
position: relative;
top: -20px;
}
.category-desc-middle article h2{
margin-top: 0;
margin-bottom: 30px;
}
.text-block{
max-width: 890px;
margin-bottom: 0px;
}
.text-block h2{
margin-top: 0;
margin-bottom: 30px;
}
.text-page .h2{
margin-top: 0;
margin-bottom: 10px;
font-size:22px;
font-weight: 700;
}
.text-block h3, .text-block .h3{
margin-top: 0;
margin-bottom: 10px;
font-size:18px;
font-weight: 700;
margin-top: 20px;
}
.text-block ol{
padding-left: 0;
list-style-position:inside;
margin: 0;
margin-bottom: 20px;
}
.text-block ol li{
margin-bottom: 10px;
}
.text-block p{
margin-top: 0;
margin-bottom: 30px;
}
.text-block p:last-of-type{
margin-bottom: 0;
}
.sticky {
background: #ffffff;
top: 0;
z-index: 998;
position: -webkit-sticky;
position: sticky;
}
.sticky .row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #DBDBDB;
}
.is-sticky .sticky{
background: #ffffff;
}
.is-sticky .sticky .row{
border-bottom: none;
}
.over-x{
overflow-x: hidden;
}
.is-sticky .sticky::before{
content: '';
width: 1000%;
height: 100%;
background: #ffffff;
position: absolute;
left: -100%;
z-index: 1;
top: 0;
box-shadow: 0px 9px 63px rgba(0, 0, 0, 0.03), 0px 3.75998px 26.3199px rgba(0, 0, 0, 0.0215656);
}
nav.sticky ul{
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 2;
flex:0 0 742px;
}
nav.sticky ul li{
}
nav.sticky ul li a{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #868686;
text-decoration: none;
margin-right: 40px;
padding-top: 19px;
padding-bottom: 18px;
display: block;
border-bottom: 3px solid #fff;
position: relative;
}
nav.sticky ul li a.active{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #232323;
}
nav.sticky ul li a:hover{
color: #232323;
}
nav.sticky ul li a:hover:after{
content: '';
height: 3px;
width: 100%;
color: #232323;
background: #2E2E32;
position: absolute;
bottom: -4px;
}
nav.sticky ul li a:after{
content: '';
height: 3px;
width: 0;
background: #2E2E32;
position: absolute;
bottom: -4px;
}
.is-sticky nav.sticky ul li a:hover:after{
content: '';
height: 3px;
width: 100%;
color: #232323;
background: #2E2E32;
position: absolute;
bottom: -3px;
}
.is-sticky nav.sticky ul li a:after{
content: '';
height: 3px;
width: 0;
background: #2E2E32;
position: absolute;
bottom: -3px;
}
.is-sticky nav.sticky ul li a.active:after{
content: '';
height: 3px;
width: 100%;
background: #2E2E32;
position: absolute;
bottom: -3px;
left: 0;
}
/*
nav.sticky ul li a.active-next:after{
right: 0;
width: 100%;
}
nav.sticky ul li a.active.active-next:after{
right: 0;
}
nav.sticky ul li a.active-prev:after{
left: 0;
width: 100%;
}
nav.sticky ul li a.active.active-prev:after{
left: 0;
}
nav.sticky ul li a.inactive-next:after{
right: 0;
}
nav.sticky ul li a.inactive-prev:after{
left: 0;
}
nav.sticky.not(.active) ul li a:hover{
border-bottom: 3px solid #2E2E32;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #232323;
}*/
.megamenu-block{
display: none;
border-top: 1px solid #DBDBDB;
height: 100vh;
position: absolute;
top: 116px;
width: 100%;
background: #fff;
z-index: 99999;
}
.megamenu-block.show{
display: block;
}
.megamenu-block-wrapper{
max-width: 270px;
border-right: 1px solid #DBDBDB;
height: 100vh;
position: relative;
}
.megamenu-block-list{
margin-bottom: 40px;
}
.megamenu-block-list:first-child{
padding-top: 30px;
}
.megamenu-block-list .h3{
margin-top: 0;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
margin-bottom: 20px;
padding: 0 11px;
}
.megamenu-block-list ul li ul .h3, .megamenu-block-list ul li ul li:first-child a{
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #232323;
cursor: default;
}
.megamenu-block-list ul li ul li:first-child a:hover,.megamenu-block-list ul li ul li:first-child:hover a{
color: #232323 !important;
}
.megamenu-block-list ul{
margin: 0;
padding: 0;
list-style: none;
}
.megamenu-block-list ul li{
padding-right: 40px;
}
.megamenu-block-list ul li a{
text-decoration: none;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 5px;
display: block;
padding: 5px 11px;
}
.megamenu-block-list ul li .sub-menu li:not(:first-child) a{
max-width: 220px;
}
.megamenu-block-list ul li .sub-menu li:not(:first-child) a ul{
display: none;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big>li{
flex:0 0 300px;
max-width: 300px;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big>li, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big>li{
flex:0 0 300px;
max-width: 300px;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big2, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big2, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big2, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big2{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big2>li, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big2>li, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big2>li, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big2>li{
flex:0 0 275px;
max-width: 275px;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big2>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big3, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big3, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big3, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big3{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big3>li, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big3>li, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big3>li, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big3>li{
flex:0 0 200px;
max-width: 200px;
}
.megamenu-block-list ul.menu1 li ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu1 li:hover ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu1 li.active ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu1 li.active-menu ul.sub-menu.big3>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big>li, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big>li, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big>li, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big>li{
flex:0 0 300px;
max-width: 300px;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big>li:first-child, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big2, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big2, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big2, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big2{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big2>li, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big2>li, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big2>li, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big2>li{
flex:0 0 275px;
max-width: 275px;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big2>li:first-child, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big2>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big3, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big3, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big3, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big3{
display: flex;
flex-wrap: wrap;
width: 1000px;
height: auto;
padding-bottom: 100vh;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big3>li, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big3>li, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big3>li, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big3>li{
flex:0 0 200px;
max-width: 200px;
}
.megamenu-block-list ul.menu2 li ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu2 li:hover ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu2 li.active ul.sub-menu.big3>li:first-child, .megamenu-block-list ul.menu2 li.active-menu ul.sub-menu.big3>li:first-child{
flex:0 0 100%;
max-width: 100%;
}
.megamenu-block-list ul.menu1 li .sub-menu li ul, .megamenu-block-list ul.menu2 li .sub-menu li ul{
display: none !important;
}
.megamenu-block-list>ul>li>a:hover, .megamenu-block-list>ul>li.active>a{
background: rgba(0, 0, 0, 0.03);
border-radius: 10px;
}
.megamenu-block-list>ul>li:last-of-type>a{
margin-bottom: 0;
}
.megamenu-block-list ul li ul{
position: absolute;
left: 271px;
width: 1000px;
padding-left: 33px;
top: 30px;
height: 100vh;
transition: all 0.1s;
background: #fff;
z-index: 1;
}
.megamenu-block-list ul li ul li a:hover{
color: #fa3300 !important;
}
.megamenu-block-list ul li:hover ul, .megamenu-block-list ul li.active ul, .megamenu-block-list ul li.active-menu ul{
z-index: 2;
}
footer{
background: rgba(0, 0, 0, 0.03);
}
footer p{
margin-top: 0;
}
footer .footer1{
padding: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-block1{
display: flex;
flex-wrap: wrap;
flex: 0 0 683px;
max-width: 683px;
}
.footer-menu{
flex: 0 0 207px;
max-width: 207px;
}
.footer-contacts1 p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 10px;
}
.footer-contacts1 span{
display: block;
}
.footer-contacts1 a{
font-size: 16px;
line-height: 24px;
color: #3B78D6;
text-decoration: none;
}
.footer-contacts1 a:hover{
text-decoration: underline;
}
header .pages-block ul li:last-of-type a:hover{
text-decoration: underline;
}
.footer-contacts1{
flex: 1;
}
footer ul{
margin: 0;
padding: 0;
list-style: none;
}
footer ul li a{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
text-decoration: none;
display: inline-block;
margin-bottom: 10px;
}
footer .footer-menu-heading{
font-size: 16px;
line-height: 24px;
color: #868686;
margin-bottom: 10px;
}
footer .footer-phone, footer .footer-phone a{
font-weight: 700;
font-size: 28px;
line-height: 24px;
color: #04AF53;
display: block;
text-decoration: none;
margin-bottom: 10px;
}
.work-mode{
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #868686;
margin-bottom: 10px;
}
footer .callback a{
border: 1px solid #04AF53;
border-radius: 8px;
padding: 7px 15px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #232323;
display: inline-block;
text-align: center;
text-decoration: none;
margin-bottom: 20px;
max-width: 210px;
}
footer .social a{
display: inline-block;
margin-right: 10px;
}
footer .copyright{
border-top: 1px solid #DBDBDB;
padding: 20px 0 17px 0;
}
footer .copyright{
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #868686;
text-align: left;
}
footer .copyright a{
color: #868686;
}
footer .copyright p{
margin: 0;
}
.slider {
max-width: 1200px;
margin: 0 auto;
}
.swiper-container {
padding-bottom: 30px;
}
.swiper-scrollbar {
background: #d6d6d6;
}
.swiper-container-horizontal > .swiper-scrollbar {
border-radius: 2px;
height: 3px;
width: 200px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.swiper-wrapper img {
width: 100%;
}
.swiper-horizontal > .swiper-scrollbar {
position: relative;
left: 0;
bottom: 0;
z-index: 50;
height: 2px;
width: 100%;
background: #DBDBDB;
cursor: grab;
}
.swiper-horizontal > .swiper-scrollbar:hover:before{
content: '';
height: 4px;
}
.swiper-horizontal > .swiper-scrollbar {
width: 94.66%;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar, .options-slider .swiper-horizontal > .swiper-scrollbar, .video-block-wrap .swiper-horizontal > .swiper-scrollbar{
margin-top: 29px;
}
.video-block-wrap .swiper-horizontal > .swiper-scrollbar{
margin-top: 26px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar, .options-slider .swiper-horizontal > .swiper-scrollbar, .video-block-wrap .swiper-horizontal > .swiper-scrollbar, .gallery-top.swiper-horizontal > .swiper-scrollbar, .opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar{
position: relative;
background: none;
padding: 10px 0;
height: 3px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar:before, .gallery-top.swiper-horizontal > .swiper-scrollbar:before, .options-slider .swiper-horizontal > .swiper-scrollbar:before, .video-block-wrap .swiper-horizontal > .swiper-scrollbar:before, .opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar:before{
content: '';
position: absolute;
height: 2px;
width: 100%;
background: #DBDBDB;
cursor: grab;
top: 7px;
border-radius: 4px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar:hover:before, .gallery-top.swiper-horizontal > .swiper-scrollbar:hover:before, .options-slider .swiper-horizontal > .swiper-scrollbar:hover:before, .video-block-wrap .swiper-horizontal > .swiper-scrollbar:hover:before, .opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar:hover:before{
height: 4px;
top: 6px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar.active:before, .gallery-top.swiper-horizontal > .swiper-scrollbar.active:before, .options-slider .swiper-horizontal > .swiper-scrollbar.active:before, .video-block-wrap .swiper-horizontal > .swiper-scrollbar.active:before, .opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar.active:before{
height: 4px;
top: 6px;
}
.swiper-scrollbar-drag{
background: none;
}
.numberslides0{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides012{
position: absolute;
right: 20px;
bottom: 14px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides011{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides1{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides2{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides0012{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides3{
position: absolute;
right: 0;
bottom: 0;
font-weight: 700;
font-size: 14px;
line-height: 14px;
color: #232323;
}
.numberslides009{
position: absolute;
right: 0;
bottom: 8px;
font-weight: 700;
font-size: 13px;
line-height: 13px;
color: #232323;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar{
width: 89.13% !important;
margin-top: 20px;
}
.category-img-slider .swiper-wrapper{
height: 480px;
}
.category-img-slider{
overflow: hidden;
}
.category-img-slider .swiper-container{
padding-bottom: 0;
}
.category-img-slider .swiper-container, .options-slider .swiper-container, .video-block-wrap .swiper-container{
padding-bottom: 0;
}
.swiper-scrollbar-drag{
background: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
left:0 !important;
bottom: 0 !important;
width: 94.66% !important;
}
.swiper-scrollbar-drag.active:hover:before, .swiper-scrollbar-drag.active:before{
content: '';
background: #232323;
height: 6px;
position: absolute;
top: -5px;
width: 100%;
}
.swiper-scrollbar-drag{
background: none;
position: relative;
}
.swiper-scrollbar-drag:before{
content: '';
background: #232323;
height: 2px;
position: absolute;
width: 100%;
top: -3px;
border-radius: 4px;
}
.swiper-scrollbar:hover .swiper-scrollbar-drag:not(.active):before{
height: 4px;
top: -4px;
}
.tank-vol{
max-width: 400px;
margin-bottom: 30px;
}
.tank-vol ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.tank-vol ul li {
width: 72px;
height: 40px;
position: relative;
margin-bottom: 0px;
padding: 5px;
}
.tank-vol ul li:first-child{
padding-left: 0;
}
.tank-vol ul li:nth-child(5){
padding-right: 0;
}
.tank-vol ul li:nth-child(6){
padding-left: 0;
}
.tank-vol ul li:nth-child(10){
padding-right: 0;
}
.tank-vol ul li:nth-child(11){
padding-left: 0;
}
.tank-vol ul li:nth-child(15){
padding-left: 0;
}
.tank-vol ul li:nth-child(16){
padding-left: 0;
}
.tank-vol ul li:nth-child(20){
padding-left: 0;
}
.tank-vol ul li:first-child,.tank-vol ul li:nth-child(2),.tank-vol ul li:nth-child(3),.tank-vol ul li:nth-child(4),.tank-vol ul li:nth-child(5){
padding-top: 0;
}
.tank-vol ul li:nth-child(16),.tank-vol ul li:nth-child(17),.tank-vol ul li:nth-child(18),.tank-vol ul li:nth-child(19),.tank-vol ul li:nth-child(20){
padding-bottom: 0;
}
.tank-vol>span{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 10px;
display: block;
}
.tank-vol ul input[type="radio"] {
opacity: 0.01;
z-index: 100;
display: none;
}
.tank-vol ul input[type="radio"]:checked+label,
.Checked+label {
border: 1px solid #2E2E32;
color: #232323;
background: #DEDEDE;
}
.tank-vol ul label {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #828282;
padding: 7px 10px;
border: 1px solid #DBDBDB;
border-radius: 8px;
z-index: 90;
width: 50px;
display: block;
cursor: pointer;
}
.tank-vol ul label:hover {
border: 1px solid #2E2E32;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #232323;
}
#privacy.order{
max-width: 800px;
}
.order {
max-width: 380px;
border-radius: 20px;
padding: 40px 40px 24px 40px;
}
.order .h4{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-top: 0;
margin-bottom: 30px;
}
.order .phone-1{
padding: 5px 10px;
height: 48px;
border: 1px solid #DBDBDB;
border-left-color: rgb(219, 219, 219);
border-left-style: solid;
border-left-width: 1px;
border-radius: 0 10px 10px 0;
width: 100%;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #232323;
border-left: none !important;
max-width: calc(100% - 63px);
}
.order .phone-1::placeholder{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #232323 !important;
opacity: 1;
}
.order .form-block{
display: flex;
flex-wrap: wrap;
position: relative;
}
#order.order input[type="text"]{
margin-bottom: 20px;
}
.order .fancybox-close-small svg{
display: none;
}
.order .fancybox-close-small{
width: 32px;
height: 32px;
right: 20px;
top: 20px;
padding: 0;
}
.order .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
}
.order .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
opacity: 1;
}
.fancy-opt{
padding: 0;
background: none;
}
.fancy-opt .fancybox-close-small svg{
display: none;
}
.fancy-opt .fancybox-close-small{
width: 32px;
height: 32px;
right: 10px;
top: 10px;
padding: 0;
}
.fancy-opt>div+.fancybox-close-small{
display: none;
}
.opt-slider2{
overflow-x: hidden;
}
.opt-desc .opt-desc-in{
padding-right: 40px;
}
.fancy-opt .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
}
.fancy-opt .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
opacity: 1;
}
form label.error{
color: red;
margin-top: 10px;
}
.order input[type="submit"], .order input[type="button"]{
cursor: pointer;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
padding: 14px 15px;
background: #04AF53;
border-radius: 8px;
width: 100%;
border: none;
box-shadow: none;
margin-top: 20px;
margin-bottom: 20px;
}
.order select{
background: none;
border: none;
}
.order .order-data{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
width: 100%;
max-width: 100%;
margin-top: 20px;
}
.order-data-i2{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
}
.order p{
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #868686;
margin: 0;
}
#privacy p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
color: #232323;
line-height: 24px;
}
#privacy .h2, #privacy h2{
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 24px;
color: #232323;
}
.order p a{
color: #868686;
}
.is-sticky .sticky .sticky-order{
display: flex;
position: relative;
z-index: 2;
height: 64px;
max-width: 550px;
}
.sticky-order{
display: none;
flex-wrap: wrap;
align-items: center;
}
.sticky-order-name{
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: right;
color: #232323;
flex:1;
}
.sticky-order-price{
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: right;
color: #232323;
margin-left: 20px;
}
.sticky-order-btn{
padding: 8px 25px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background: #04AF53;
border-radius: 8px;
margin-left: 20px;
cursor: pointer;
}
.footer-mob-block{
display: none;
}
.top-block-0{
display: none;
}
.footer-contacts1-tablet{
display: none;
}
.mobile-menu{
display: none;
}
.sticky-panel{
display: none;
}
.sticky-panel.hide22{
display: none;
}
.fancybox-bg{
opacity: 1;
background: none;
transition-duration: unset;
transition-property: none;
transition-timing-function: unset;
}
.fancybox-active .wrapper:before{
content: '';
position: absolute;
width: 100%;
height: 1000%;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgba(35, 35, 35, 0.8);
z-index: 999;
}
/*.fancybox-bg:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}*/
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{
transition: none !important;
}
.fancybox-is-open+.fancybox-is-open .fancybox-bg{
opacity: 0;
}
.fancybox-is-closing{
display: none !important;
}
.fancybox-animated, .fancybox-container, .fancybox-is-open, .fancybox-is-closing{
transition: none !important;
}
.fancybox-slide.fancybox-slide--image {
opacity: 0;
-moz-transition: all 0.0s ease;
-o-transition: all 0.0s ease;
-webkit-transition: all 0.0s ease;
transition: all 0.0s ease;}
.fancybox-slide.fancybox-slide--image.fancybox-slide--complete {
opacity: 1!important;
}
.opt-video {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 37.25%;
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.models-slider{
display: none;
}
.text-page table tr td{
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #232323;
}
.text-page table tr td:first-child{
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #232323;
}
.text-page table tr td:nth-child(2){
padding-left: 5px;
}
.text-page ul, .text-page ol{
padding-left: 15px;
}
.text-page ul li{
margin-bottom: 10px;
}
.text-page ul li span{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
display: block;
}
.contacts-block-wrapper-1{
flex: 0 0 299px;
}
.logo-block img{
position: relative;
top: -5px;
}
header .pages-block ul{
position: relative;
top: -2px;
}
.fancy-model2>.fancybox-button.fancybox-close-small{
display: none;
}
.video-fancy .fancybox-thumbs{
width: 100%;
max-width: 100%;
background: none;
}
.video-fancy .fancybox-show-thumbs .fancybox-thumbs{
top: 2px;
z-index: 3;
}
.video-fancy .fancybox-thumbs-x .fancybox-thumbs__list{
max-width: 786px;
}
.video-fancy .fancybox-thumbs-x .fancybox-thumbs__list {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
overflow: visible;
}
.video-fancy .fancybox-show-thumbs .fancybox-thumbs {
top: 2px;
z-index: 3;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.video-fancy .fancybox-thumbs__list a{
display: none;
max-width: 786px;
width: 100%;
height: 100%;
max-height: 444px;
position: absolute;
z-index: 1;
float: none;
}
.video-fancy .fancybox-thumbs__list a.fancybox-thumbs-active + a{
display: inline-block;
right: -826px;
}
.video-fancy .fancybox-thumbs__list a.prev{
display: inline-block;
left: -826px;
}
.video-fancy.fancybox-show-thumbs .fancybox-inner{
right: 0 !important;
}
.video-fancy .fancybox-thumbs__list a::before{
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff;
border: none;
z-index: 999;
opacity: 1;
background: rgba(35, 35, 35, 0.7);
}
.video-fancy .fancybox-navigation{
display: none;
}
.video-fancy .fancybox-slide--video .fancybox-content {
max-width: 786px;
max-height: 444px;
margin: 50px 0;
overflow: visible;
background: #000;
}
.video-fancy .fancybox-thumbs-x{
overflow: hidden;
}
.video-fancy .fancybox-thumbs-x .fancybox-thumbs__list{
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.video-popup-slider .button-close,
.video-popup-slider .button-previous,
.video-popup-slider .button-next {
position: absolute;
}
.video-popup-slider .swiper-button-prev,
.video-popup-slider .swiper-button-next {
top: 50%;
width: 72px;
height: 72px;
margin-top: -11px;
}
.video-popup-slider .swiper-button-prev, .opt-slider2 .swiper-button-prev{
left: 95px;
}
.video-popup-slider .swiper-button-next, .opt-slider2 .swiper-button-next{
right: 95px;
}
.opt-slider2 .swiper-button-prev{
left: 4%;
}
.opt-slider2 .swiper-button-next{
right: 4%;
}
.video-popup-slider .swiper-button-prev:after, .opt-slider2 .swiper-button-prev:after, .models-slider2 .swiper-button-prev:after{
content: url(../img/fancy-left.svg);
width: 72px;
height: 72px;
}
.video-popup-slider .swiper-button-next:after, .opt-slider2 .swiper-button-next:after, .models-slider2 .swiper-button-next:after{
content: url(../img/fancy-right.svg);
width: 72px;
height: 72px;
}
.category-desc-begin{
height: 515px;
flex: 1;
}
.swiper-fade .swiper-slide {
transition-property: none !important;
}
.footer-block2{
margin-right: 46px;
}
.models-slider2 .swiper-button-next{
right: 21%;
}
.models-slider2 .swiper-button-prev{
left: 21%;
}
.models-slider2 .swiper-container{
padding: 0;
overflow: hidden;
margin-top: 0;
}
.fancybox-slide--current.fm2, .fancybox-slide--current.p0{
padding: 0;
}
.models-slider2 .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: absolute;
width: 32px;
height: 32px;
display: block;
top: 20px;
right: 20px;
}
.models-slider2 .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
opacity: 1;
}
.models-slider2 .fancybox-close-small svg{
display: none;
}
.models-slider2 .fancybox-close-small{
padding: 0;
}
.mobile-models-link{
display: none;
}
.spoiler{
display: none;
}
.video-popup-slider{
background: none;
padding: 0;
overflow-x: hidden;
}
.video-popup-slider .videoWrapper{
width: 786px;
height: 444px;
}
.video-popup-slider .swiper-slide iframe{
border-radius: 0;
}
.video-popup-slider .swiper-slide .videoWrapper{
border-radius: 0;
}
.video-popup-slider .swiper-slide-active .close-wrapper{
height: 50px;
opacity: 1;
}
.video-block-wrap .swiper-container {
overflow-x: hidden;
}
.video-popup-slider .swiper-slide:last-of-type.swiper-slide-active .close-wrapper{
max-width: 786px;
position: relative;
}
.video-popup-slider .close-wrapper{
height: 50px;
opacity: 0;
}
.video-popup-slider .swiper-slide .button-close{
opacity: 0;
}
.video-popup-slider .swiper-slide-active .button-close{
opacity: 1;
}
.video-popup-slider>.fancybox-button{
display: none;
}
.video-popup-slider .button-close{
text-decoration: none;
width: 32px;
height: 32px;
}
.video-popup-slider .button-close {
right: -7px;
font-size: 22px;
color: rgba(255,255,255,0.8);
}
.video-popup-slider .swiper-slide-active .button-close:before{
content: url(../img/fancy-x.svg);
width: 32px;
height: 32px;
position: absolute;
}
.video-popup-slider .button-close {
top: 0;
right: -7px;
font-size: 22px;
color: rgba(255,255,255,0.8);
}
.video-popup-slider .swiper-slide-prev .videoWrapper {
margin-right: 0;
margin-left: auto;
}
.video-popup-slider .swiper-slide:last-of-type .videoWrapper{
margin-right: auto;
margin-left: 0;
}
.video-popup-slider .swiper-slide:not(.swiper-slide-active) .videoWrapper:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
background: rgba(35, 35, 35, 0.7);
}
.video-popup-slider .videoWrapper.active .videoPoster{
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.video-popup-slider .videoWrapper iframe{
height: 444px;
}
.gallery-top.swiper-container, .gallery-thumbs.swiper-container {
overflow: hidden;
width: 100%;
}
.gallery-thumbs.swiper-container{
max-width: 87px;
height: 100%;
min-height: 473px;
padding: 35px 0;
width: 100%;
}
.gallery-top.swiper-container{
overflow: hidden;
overflow: hidden;
max-width: 1058px;
max-width: 700px;
margin: 0 auto;
padding: 0;
}
.gallery-top.swiper-container .swiper-wrapper{}
.gallery-top .swiper-container-wrapper, .gallery-thumbs .swiper-container-wrapper{
display: flex;
flex-flow: column nowrap;
height: 100vh;
width: 100vw;
}
@media (min-width: 480px) {
.gallery-top .swiper-container-wrapper, .gallery-thumbs .swiper-container-wrapper{
flex-flow: row nowrap;
}
}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev, .gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{
color: #000;
}
.swiper-top-wrapper .swiper-button-next-new, .swiper-top-wrapper .swiper-button-prev-new{
position: relative;
}
.swiper-top-wrapper{
max-width: 1058px;
margin: 0 auto;
position: relative;
}
.gallery-top-video{
height:580px
}
.gallery-top-video-in{
position: relative;
padding-bottom: 46px;
padding-top: 76.25%;
height: 0;
}
.swiper-top-wrapper iframe{
border-radius: 0 !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.swiper-top-wrapper .swiper-button-prev-new{
position: absolute;
left: -103px;
top: calc(50% - 8px);
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
}
.swiper-top-wrapper .swiper-button-next-new{
position: absolute;
right: -103px;
top: calc(50% - 8px);
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
}
.gallery-thumbs .swiper-slide{
text-align: center;
background-size: cover;
background-position: center;
background-color: #fff;
/* Center slide text vertically */
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
/* Slide content */
height: 81.6667px;
}
.gallery-top .swiper-slide{
text-align: center;
background-size: cover;
background-position: center;
background-color: #fff;
/* Center slide text vertically */
display: flex;
justify-content: center;
/* Slide content */
}
.gallery-top {
position: relative;
width: 100%;
height: 100%;
}
.gallery-thumbs {
width: 100%;
height: 100%;
padding-top: 10px;
}
.opt-slider2.optvideo.mobile .swiper-wrapper{
overflow-y: hidden;
}
/*.wrapper, .overxx{
overflow-x: hidden;
}*/
@media (min-width: 480px) {
.gallery-thumbs {
width: 20%;
padding: 0;
}
}
.gallery-thumbs .swiper-wrapper {
flex-direction: row;
}
@media (min-width: 480px) {
.gallery-thumbs .swiper-wrapper {
flex-direction: column;
}
}
.gallery-thumbs .swiper-slide {
width: 25%;
flex-flow: row nowrap;
height: 100%;
cursor: pointer;
}
@media (min-width: 480px) {
.gallery-thumbs .swiper-slide {
flex-flow: column nowrap;
width: 100%;
}
}
.gallery-top.swiper-container img, .gallery-thumbs.swiper-container img{
width: auto;
max-width: 100%;
display: block;
}
.gallery-thumbs.swiper-container img{
max-height: 100%;
}
.gallery-top.swiper-container img{
height: 580px;
margin:0 auto;
}
.cat-img-modal-wrap{
display: flex;
}
.gallery-top{
}
.swiper-top-wrapper .swiper-button-prev-new:after{
content: url(../img/arrow-prev22.svg);
width: 52px;
height: 52px;
left: 0;
box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
border-radius: 40px;
position: absolute;
}
.swiper-top-wrapper .swiper-button-next-new:after{
content: url(../img/arrow-next22.svg);
width: 52px;
height: 52px;
right: 0;
box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
position: absolute;
border-radius: 40px;
}
.gallery-thumbs .swiper-slide .thumbs-block{
border: 1px solid #fff;
border-radius: 10px;
padding: 6px;
display: flex;
width: 100%;
height: 100%;
flex-wrap: wrap;
}
.gallery-thumbs .swiper-slide{
opacity: 0;
}
.gallery-thumbs .swiper-slide.swiper-slide-visible{
opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active .thumbs-block{
border: 1px solid #232323;
border-radius: 10px;
padding: 6px;
display: flex;
}
.gallery-thumbs{
position: relative;
}
.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{
right: auto;
left: auto;
top: auto;
width: 100%;
background: transparent;
}
.gallery-thumbs .swiper-button-prev{
top: 0;
}
.cat-img0{
padding: 0 !important;
}
.gallery-thumbs .swiper-button-next{
bottom: 0;
}
.gallery-thumbs .swiper-button-next.swiper-button-disabled, .gallery-thumbs .swiper-button-prev.swiper-button-disabled{
opacity: 0.35;
}
.gallery-thumbs .swiper-button-prev:after{
content: url(../img/thumb-up.svg);
position: absolute;
display: block;
top: -8px
}
.gallery-thumbs .swiper-button-next:after{
content: url(../img/thumb-down.svg);
position: absolute;
display: block;
bottom: 0;
}
.cat-img-modal{
height: 100%;
width: 100%;
}
.cat-img-modal .fancybox-close-small svg{
display: none;
}
.cat-img-modal .fancybox-close-small{
width: 32px;
height: 32px;
right: 20px;
top: 20px;
padding: 0;
}
.cat-img-modal .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
}
.cat-img-modal .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
opacity: 1;
}
.cat-img-modal-wrap{
display: flex;
flex-wrap: wrap;
height: 100%;
align-items: center;
}
.cat-img-modal-wrap-in{
height: 580px;
position: relative;
display: flex;
overflow: hidden;
flex-wrap: wrap;
width: 100%;
}
.opt-slider2.mobile{
display: none;
}
.cat-img-modal .swiper-scrollbar, .cat-img-modal .numberslides009{display: none;}
.swiper-pagination-slider .swiper-slide{width: auto;}
.swiper-pagination-slider2 .swiper-slide{width: auto;}
.opt-slider2 .swiper-slide{width: 960px;}
.swiper-pagination-slider, .opt-slider2, .swiper-pagination-slider2{
padding-bottom: 0;
}
.opt-slider2{
margin-bottom: 40px;
}
#hidden-content{
margin-top: 38px;
}
.models-slider2{
}
.cat-img-popup-link{
display: block;
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
cursor:zoom-in;
}
.opt-slider2 .swiper-slide .opt-video a{
display: block !important;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
@media screen and (max-width: 767px){
html body.fancybox-active{
height: 100vh;
touch-action: none;
overscroll-behavior: none;
-webkit-overflow-scrolling: auto;
overflow: hidden;
}
html body.fancybox-active .category-img-slider .swiper-slide{
max-width: 100% !important;
width: 100% !important;
}
.breadcrumbs-block ul{
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.opt-slider2.optvideo.mobile .swiper-wrapper {
overflow-y: unset;
}
.category-img-slider .swiper-slide .opt-video a {
display: block !important;
height: 78%;
position: absolute;
width: 100%;
z-index: 9999;
top: 0;
}
.categories-block .category-item{
flex: auto;
}
.categories-block .category-item .category-item-title a{
text-align: left;
}
.categories-block .category-item img{
height: 200px;
}
.opt-slider2.optvideo .swiper-wrapper{
margin-top: 0;
}
.opt-slider2.optvideo .opt-video, .opt-slider2.optvideo .opt-video .responsive-iframe{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar {
margin-top: 15px;
}
.calc-block div.newselect .hidden{
top: 40px;
}
#hidden-content00 .calc-block div.newselect .hidden{
bottom: 40px;
top: auto;
}
#hidden-content00 .calc-block div.newselect .input{
max-width: 100%;
}
.cat-img-popup-link{
display: none;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar:before, .gallery-top.swiper-horizontal > .swiper-scrollbar:before, .options-slider .swiper-horizontal > .swiper-scrollbar:before, .video-block-wrap .swiper-horizontal > .swiper-scrollbar:before, .opt-slider2.mobile .swiper-horizontal > .swiper-scrollbar:before{
height: 3px;
}
.video-block .swiper-slide .opt-video a {
display: block !important;
height: calc(100% - 66px);
position: absolute;
width: 100%;
z-index: 9999;
top: 0;
}
.calc-block div.newselect{
margin-left: 0;
}
.video-block .row{
padding: 0;
}
/*.video-block-wrap .swiper-slide:first-child{
margin-left: -14px;
}*/
.cat-img-modal .swiper-scrollbar, .cat-img-modal .numberslides009{display: block;}
.order{
padding: 40px 20px 24px 20px;
}
.order .h4{
margin-bottom: 20px;
}
.fancybox-slide--html{
padding: 15px;
}
.order input[type="submit"], .order input[type="button"]{
margin: 20px 0;
height: 52px;
}
.order .order-data{
margin-bottom: 20px;
}
.banner-block .banner-title{
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
}
.opt-slider2.mobile{
display: block;
margin-bottom: 5px;
}
.opt-slider2.mobile .swiper-container{
padding-bottom: 5px;
}
.opt-slider2.optvideo.mobile .swiper-slider{
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.opt-slider2.mobile .swiper-slide.swiper-slide-active{
/*box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); */
}
.opt-slider2.mobile .opt-desc{
border-radius: 0 0 10px 10px;
border-bottom: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
min-height: 149px;
}
.opt-slider2.mobile .opt-desc .toc{
margin-top:auto;
}
.opt-slider2.swiper-container{
padding-bottom: 0;
}
.gallery-thumbs.swiper-container{
display: none;
}
.opt-slider2{
position: relative;
}
.options-block .row{
padding: 0;
}
.opt-slider2.swiper-container{
padding: 0px;
}
.opt-slider2 .opt-desc{
padding: 20px;
}
.opt-slider2 .opt-video{
border-radius: 10px 10px 0 0;
}
.opt-slider2 .swiper-pagination ul li{
width: auto;
height: auto;
display: inline-block;
border-radius: 0;
background: none;
opacity: 1;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #828282;
margin-right: 20px;
}
.opt-slider2{
overflow-x:hidden ;
}
.opt-slider2 .swiper-pagination {
text-align: left;
top: 0;
height: 25px;
bottom: auto;
position: absolute;
overflow: auto;
}
.opt-slider2 .swiper-pagination ul{
padding: 0 20px;
overflow: auto;
position: absolute;
}
.opt-slider2 .swiper-wrapper{
margin-top: 50px;
}
.opt-slider2 .swiper-pagination ul li.active span.active-bullet{
margin: 0;padding: 0;
}
.opt-slider2 .swiper-pagination ul li{
padding: 0;
white-space: nowrap;
}
.category-desc-middle article h2{
margin-bottom: 20px;
}
.opt-slider2 .swiper-pagination ul li.active{
color: #232323;
font-weight: 500;
}
.opt-slider2 .swiper-pagination ul li.active span + span{
display: none;
}
.opt-in-wrap{
border: 1px solid #DBDBDB;
border-radius: 10px;
}
.opt-slider2 .opt-in-wrap{
border: none;
}
.swiper-slide:not(.swiper-slide-active) .opt-in-wrap::before{
content: none;
}
.gallery-top.swiper-container{
padding: 0;
}
.cat-img-modal-wrap-in{
height: 320px;
}
.gallery-top.swiper-container img{
height: auto;
}
.gallery-top .swiper-slide{
align-items: center;
}
.gallery-top .swiper-wrapper{
height: auto;
}
.cat-img-modal{
padding: 160px 20px 139px 20px;
}
.videoWrapper.active .videoPoster {
display: none;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms;
}
.videoWrapper .videoPoster {
display: block;
}
.models-block .calc-block{
margin-top: 20px;
}
.table-models{
padding: 40px 20px;
}
.table-models h2{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-top: 12px;
margin-bottom: 8px;
}
.table-models table{
display: table;
width: 100%;
border-collapse: collapse;
}
.table-models .calc-block{
margin-top: 20px;
}
.table-models .fancybox-close-small:before{
content: url(../img/order-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
top: 10px;
}
.table-models .fancybox-close-small:hover:before{
content: url(../img/order-x-black.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
top: 10px;
opacity: 1;
}
.table-models .fancybox-close-small svg{
display: none;
}
.table-models .fancybox-close-small{
padding: 0;
}
.table-models table tr th, .table-models table tr td{
text-align: center;
padding: 9.5px 0;
border-bottom: 1px dashed #DBDBDB;
}
.table-models.fancy-model0 table tr th, .table-models.fancy-model0 table tr td{
text-align: right;
}
.table-models table tr th:first-child, .table-models table tr td:first-child{
text-align: left;
}
.table-models table tr td:first-child{
color: #3B78D6;
text-decoration-line: underline;
}
.scroll-table{
height: 50dvh;
overflow-y: auto;
}
.scroll-table .calc-block{
padding-bottom: 40px;
}
.fancybox-animated, .fancybox-container, .fancybox-is-open, .fancybox-is-closing{
transform:none !important;
}
.scroll-table .simplebar-track.simplebar-vertical{
right:-10px;
}
.table-models table tr{
}
.category-desc-middle article.desc-block{
display: flex;
flex-wrap: wrap;
}
.desc-block-wrap{
max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
max-height: 194px;
overflow: hidden;
}
.desc-block-wrap.clicked{
max-height: 100%;
overflow: auto;
}
.models-slider .swiper-container{
padding-bottom: 5px;
}
.category-desc-middle article.models-block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mobile-models-link{
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-decoration:underline;
color: #868686;
cursor: pointer;
flex: 0 0 50%;
text-align: right;
position: relative;
top: 3px;
}
.category-desc-middle article h2{
flex: 0 0 50%;
}
.spoiler{
display: flex;
flex-wrap: wrap;
width: 100%;
background: #F1F1F1;
border-radius: 8px;
text-align: center;
padding: 7px;
justify-content: center;
position: relative;
flex: 1;
transition: all 0.5s ease-out;
}
.spoiler:before{
content: '';
width: 100%;
height: 30px;
display: block;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 100%);
position: absolute;
top: -32px;
}
.spoiler.clicked:before{
content: '';
width: 0;
height: 0;
display: block;
background: transparent;
position: absolute;
top: -32px;
}
.spoiler.clicked .icon{
background: url(../img/spoiler2.svg);
}
.spoiler .icon{
display: inline-block;
background: url(../img/spoiler1.svg);
width: 24px;
height: 24px;
}
.swiper-horizontal > .swiper-scrollbar{
max-width: 80.66%;
width: 80.66%;
}
.order-of-work ol li{
list-style: none;
padding-left: 35px;
}
.category-desc-begin{
height: auto;
}
.category-desc-middle{
margin-top: 0px;
}
.category-desc-middle article{
padding-top: 60px;
}
.models-slider .swiper-container{
padding-top: 0;
}
.order-of-work ol li::before {
content: counter(my-awesome-counter);
width: 23px;
height: 23px;
display: inline-block;
font-size: 15px;
line-height: 23px;
text-align: center;
color: #232323;
margin-right: 0.5rem;
border: 1px solid #2E2E32;
border-radius: 45px;
position: absolute;
left: 0px;
}
.opt-slider2 .opt-desc, .opt-slider2 .swiper-slide:not(.swiper-slide-active) .opt-desc{
border-radius: 0 0 10px 10px;
padding: 20px 20px 20px 20px ;
}
.fancy-opt .fancybox-close-small {
width: 32px;
height: 32px;
right: 0px;
top: 10px;
padding: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
right: 34px;
}
.fancy-opt > .opt-slider2 + .fancybox-button {
display: block;
top: 0;
}
.fancy-opt.fancybox-content{
padding-top: 40px;
}
.video-block .swiper-slide a, .options-slider .swiper-slide a{
display: none !important
}
.video-block-wrap .swiper-container{
padding: 0 20px;
}
.fancy-opt .fancybox-close-small::before {
content: url(../img/cross-x2.svg);
position: relative;
width: 40px;
height: 40px;
display: block;
}
.fancy-opt .opt-in .fancybox-close-small{
display: none;
}
.numberslides1{
bottom: 9px;
right: 20px;
}
.home .numberslides1{
right: 20px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar{
width: 82.31%;
margin-top: 9px;
margin-left:10px;
}
.row{
padding: 0 20px;
}
.pages-block{
display: none;
}
.logo-block, .menu-block{
display: none;
}
.phone-block a+a{
display: none;
}
.banner-img>img{
display: none;
}
.home header + .megamenu-block + .mobile-menu + .wrap-block>.row{
padding: 0;
}
.banner-block .banner-caption{
position: relative;
top: 0;
left: 0;
}
.banner-desc{
display: none;
}
.banner-img{
padding: 0 20px;
}
.banner-block{
height: auto;
padding: 20px 0;
border-radius: 0;
}
.benefits-block .benefits-item {
flex: 0 0 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.benefits-block .benefits-item:last-of-type{
margin-bottom: 0;
}
.benefits-block .benefits-item .benefits-item-img{
text-align: left;
flex: 0 0 32px;
margin-right: 20px;
height: 32px;
}
.benefits-block .benefits-item .benefits-title{
text-align: left;
margin-bottom: 5px;
}
.benefits-block .benefits-item .benefits-desc{
text-align: left;
padding: 0;
}
.benefits-item-data{
flex: 1;
}
.category-item-img{
background: #f7f7f7;
text-align: right;
}
.categories-block .category-item{
margin: 0;
padding: 0 20px;
width: 100%;
margin-bottom: 20px;
}
.footer-block1 .footer-menu{
display: none;
}
.footer-block1{
flex: 0 0 100%;
max-width: 100%;
}
footer .footer1{
flex: 0 0 100%;
padding-left: 20px;
padding-right: 20px;
padding-top: 18px;
}
.footer-contacts1 p span{
display: block;
}
.footer-contacts1{
margin-bottom: 40px;
}
footer .callback a{
padding: 7px 15px;
margin-bottom: 20px;
max-width: 210px;
}
.swiper-button-prev, .swiper-button-next{
display: none;
}
.category-img-slider .swiper-button-prev, .category-img-slider .swiper-button-next{
display: block;
}
.category-img{
margin-bottom: 20px;
}
.footer-block2{
width: 100%;
}
.footer-menu-mob .footer-menu-heading{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
padding: 20px 20px 19px 20px;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
position: relative;
}
.footer-menu-mob .footer-menu-heading+ul{
display: none;
padding: 0 20px;
}
.footer-menu-mob .footer-menu-heading+ul li a{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 10px;
}
.footer-menu-mob.footmenu1 .footer-menu-heading + ul li:last-of-type a{
margin-bottom: 20px;
}
.footer-menu-mob.footmenu2 .footer-menu-heading.active+ul{
padding-bottom: 40px;
border-bottom: 1px solid #DBDBDB;
}
.footer-menu-mob.footmenu1 .footer-menu-heading.active + ul{
border-bottom: 0;
}
.footer-mob-block .footer-menu-mob:first-child .footer-menu-heading{
border-bottom: none;
}
.footer-menu-mob .footer-menu-heading{
margin: 0;
}
.footer-menu-mob .footer-menu-heading:after{
content: url(../img/chevron-down.svg);
width: 24px;
height: 24px;
position: absolute;
right: 20px;
}
.footer-menu-mob .footer-menu-heading.active:after{
content: url(../img/chevron-up.svg);
width: 24px;
height: 24px;
position: absolute;
right: 20px;
}
.footer-menu-mob .footer-menu-heading.active{
border-bottom: none;
}
footer .copyright{
margin-top: 0px;
}
footer .copyright{
border: none;
}
.home .swiper-container{
position: relative;
}
.home .video-block .row{
padding: 0;
}
.home .swiper-container{
padding: 0 20px;
}
.home .video-block h2{
padding: 0 20px;
}
.home .swiper-horizontal > .swiper-scrollbar{
width: calc(100% - 20px);
}
.main-block .aside-block{
display: none;
}
.content-block{
padding-left: 0;
padding-top: 20px;
width: 100%;
}
.fancybox-content, .fancybox-slide--html{
overflow-x: hidden;
overflow: initial;
}
.fancybox-active{
height: 100% !important;
}
/*.fancybox-active .wrapper{
height: 100vh !important;
overflow-y: hidden;
position: fixed;
width: 100%;
}*/
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: flex !important;
align-items: center !important;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
.fancybox-container {
bottom: 0 !important;
}
.page-content{
max-width: 100%;
}
.page-content ul{
padding: 0;
padding-left: 20px;
}
.contacts-block-wrapper-1, .contacts-block-wrapper-2{
flex: 0 0 100%;
max-width: 100%;
}
.contacts-address h5{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #232323;
margin-top: 20px;
margin-bottom: 10px;
}
.contacts-address{
margin-bottom: 30px;
}
.category-img, .category-desc-begin{
max-width: 100%;
}
.tank-vol {
max-width: 100%;
}
.tank-vol ul {
display: flex;
white-space: nowrap;
overflow: auto;
margin: 0 -20px;
padding: 0 20px;
flex-wrap: nowrap;
}
.tank-vol ul li{
display: inline-block;
width: auto;
height: auto;
}
.tank-vol ul label{
padding: 15px 20px;
width: 46px;
}
.footer-mob-block{
display: block;
}
.contacts-block-wrapper-2{
flex: 0 0 100%;
max-width: 100%;
margin-top: 30px;
display: flex;
}
}
.mobile-menu-btn1{
display: none;
}
.mobile-menu-btn{display: none;}
.category-img.not-mobile-slider{
display: block;
}
.category-img.mobile-slider{
display: none;
zoom: normal;
user-zoom: fixed;
}
.numberslides0012{
margin-right: 10px;
}
.custom-select {
position: relative;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #232323;
max-width: 65px;
}
select{
display: inline-block;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #232323;
padding: 7px 24px 7px 10px;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #DBDBDB !important;
border-radius: 8px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('../img/select00.svg');
background-repeat: no-repeat, repeat;
background-position: 38px 53%;
margin: 0 10px;
}
.order select{
font-weight: 400;
font-size: 16px;
line-height: 24px;
padding: 4px 20px 4px 0;
color: #232323;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 0 !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('../img/select.svg');
background-repeat: no-repeat, repeat;
background-position: 100% center;
margin: 0;
}
.calc-block{
font-weight: 400;
font-size: 15px;
line-height: 24px;
/* identical to box height, or 160% */
/* Black */
color: #232323;
margin-top: 38px;
}
.swiper-button-next, .swiper-button-prev{
color: #fff;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.newselect{
cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.category-img-slider .swiper-button-next, .category-img-slider .swiper-button-prev{
height: calc(100% - 43px);
top: 0;
z-index: 9;
width: 25%;
margin: 0;
}
.category-img-slider .swiper-button-next{
right: 0;
}
.category-img-slider .swiper-button-prev{
left: 0;
}
.videoWrapper {
position: relative;
width: 100%;
background-color: #000;
z-index: 1;
height: 200px;
border-radius: 10px;
}
.category-img-slider .videoWrapper{
height: 100%;
border-radius: 0;
z-index: 0;
position: absolute;
}
.big-img .videoWrapper{
height: 100%;
border-radius: 0;
}
.category-img-slider .swiper-slide iframe, .big-img iframe{
height: 100%;
}
.videoIframe {
position: relative;
background-color: transparent;
}
.big-img{
flex: 1;
}
.videoPoster {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
border-radius: 10px;
display: block;
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0.3s, 850ms;
-moz-transition-delay: 0.3s, 850ms;
transition-delay: 0.3s, 850ms;
}
.videoPoster svg {
cursor: pointer;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 45px;
height: 45px;
}
.flags {
visibility: hidden;
}
.flags.no-name {
visibility: visible;
border: 2px solid red;
}
.countrySelect {
width: 100%;
flex: 0 0 63px;
}
.order{
position: relative;
}
.selectedCountry {
width: 100%;
position: relative;
cursor: pointer;
background: rgba(0, 0, 0, 0.03);
padding: 16px 10px;
border: 1px solid #DBDBDB;
border-radius: 10px 0px 0px 10px;
padding: 16px 10px;
max-width: 63px;
z-index: 9999;
}
.selectedCountry input {
display: none;
}
.selectedCountry:hover input,
.selectedCountry input:focus {
background-color: #f6f6f6;
}
.selectedCountry .currentFlag {
position: absolute;
top: 13px;
left: 10px;
width: 22px;
height: 16px;
}
.selectedCountry .flag {
float: none;
margin: 0;
}
.selectedCountry{
height: 48px;
}
.selectedCountry .indicator {
position: absolute;
height: 16px;
top: 14px;
right: 6px;
width: 16px;
}
.selectedCountry .indicator {
top: 14px;
}
.selectedCountry .indicator:before{
content: url(../img/select2.svg);
position: absolute;
width: 16px;
height: 16px;
}
.selectedCountry.sel2 .indicator:before{
content: url(../img/select2.svg);
transform: rotate(-180deg);
position: absolute;
width: 16px;
height: 16px;
}
.selectedCountry.sel2 .indicator{
top: 17px;
}
.countrySelect ul {
display: none;
position: absolute;
z-index: 1;
padding: 0;
margin: -1px 0 0;
width: 100%;
max-height: 250px;
white-space: nowrap;
overflow-y: scroll;
background-color: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.countrySelect li {
list-style: none;
padding: 5px 0;
cursor: pointer;
}
.countrySelect li:hover {
background: #f6f6f6;
}
.flag {
width: 22px;
height: 16px;
margin: 0;
display: inline-block;
position: relative;
}
.countrySelect ul li .flag{
margin-left: 10px;
margin-right: 10px;
position: relative;
top: 2px;
}
.flag-ru{
background: url(../img/flags/ru.svg) no-repeat;
background-size: cover;
display: inline-block;
}
.flag-by{
background: url(../img/flags/bel.svg) no-repeat;
background-size: cover;
display: inline-block;
}
.flag-kz{
background: url(../img/flags/kz.svg) no-repeat;
background-size: cover;
display: inline-block;
}
.flag-us{
background: url(../img/globe.svg) no-repeat;
background-position: center;
display: inline-block;
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content{
cursor: default;
}
div.newselect {
padding-right: 0;
margin-left: 0px;
display: inline-block;
position: relative;
background: white;
}
div.newselect p {
padding: 5px;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
}
div.newselect .input{
padding: 0;
}
div.newselect .input:after {
content: url('../img/select.svg');
position: absolute;
right: -25px;
top: 4px;
display: block;
width: 16px;
height: 16px;
font-size: 9px;
}
div.newselect .input.act:after {
transform: rotate(-180deg);
}
div.newselect .hidden {
position: absolute;
visibility: hidden;
opacity: 0;
background: white;
left: -5px;
z-index: 10;
width: 100%;
max-height: 70vh;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.newselect {
position: relative;
}
.newselect .hidden {
position: absolute;
width: 100%;
z-index: 100;
}
.order-data-i div.newselect .hidden {
width: 100px;
height: 120px;
}
div.newselect .hidden.open {
visibility: visible;
opacity: 1;
}
.hidden p:hover{
background: #f6f6f6;
}
.calc-block div.newselect {
margin-left: 0px;
display: inline-block;
position: relative;
background: white;
margin: 0 10px;
}
.calc-block div.newselect p {
padding: 5px;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin: 0;
padding-left: 12px;
}
.calc-block div.newselect .input{
padding: 0;
margin: 0;
min-width: 39px;
max-width: 39px;
padding: 7px 12px;
border: 1px solid #DBDBDB;
border-radius: 8px;
position: relative;
}
.calc-block div.newselect .input::after {
content: url('../img/calc-select-arrow1.svg');
position: absolute;
right: 9px;
top: 11px;
display: block;
width: 16px;
height: 16px;
font-size: 9px;
}
.calc-block div.newselect .input.act::after{
content: url('../img/calc-select-arrow1.svg');
transform: rotate(-180deg);
}
.calc-block div.newselect:after{
content: none;
}
.calc-block div.newselect .hidden {
position: absolute;
visibility: hidden;
background: white;
left: 0;
z-index: 10;
width: 100%;
overflow: hidden;
margin-top: 1px;
width: calc(100% - 2px);
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.calc-block div.newselect .hidden.open {
visibility: visible;
height: 100px;
overflow-y: auto;
}
.calc-block .hidden p:hover{
background: #f6f6f6;
}
header .top-block .catalog-btn:hover, .banner-block .banner-btn a:hover, .category-btn:hover, .sticky-order-btn:hover, .order input[type="submit"]:hover, .order input[type="button"]:hover{
background: #049949;
}
footer .callback a:hover{
background: #04AF53;
color: #fff;
}
header .phone-block a + a:hover{
color: #fa3300;
}
header .pages-block ul li a:hover{
color: #fa3300;
}
header .pages-block ul li:last-of-type a:hover{
}
.footer-menu ul li a:hover{
text-decoration: underline;
}
.swiper-container{
opacity: 0;
}
.swiper-container.swiper-initialized{
opacity: 1;
}
.video-block-wrap2 .swiper-container{
opacity: 0;
}
.video-block-wrap2 .swiper-container.swiper-initialized{
opacity: 1;
}
.video-block-wrap2{
overflow: hidden;
}
.video-block-wrap2 .swiper-slide{width: auto;}
.video-block-wrap2 .videoPoster{border-radius: 0;}
.options-slider .swiper-button-next, .options-slider .swiper-button-prev{
top: calc(36% - 0.5px);
height: 52px;
}
.video-block-wrap2 .swiper-button-prev.circle-arrow:before, .video-block-wrap2 .swiper-button-next.circle-arrow:before, .video-block-wrap2 .swiper-button-prev:hover:before, .video-block-wrap2 .swiper-button-next:hover:before{
content: '';
width: 72px;
height: 72px;
position: absolute;
z-index: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: hsla(0,0%,100%,.25);
border-radius: 50%;
}
.video-block-wrap2 .swiper-button-next:after, .video-block-wrap2 .swiper-button-prev:after{
position: relative;
}
.video-block-wrap2 .swiper-button-next:after{
left: 3px;
}
.video-block-wrap2 .swiper-button-prev:after{
right: 3px;
}
.video-block-wrap2 .swiper-button-next.circle-arrow:after, .video-block-wrap2 .swiper-button-next:hover:after{
z-index: 1;
}
.video-block-wrap2 .swiper-button-prev.circle-arrow:after, .video-block-wrap2 .swiper-button-prev:hover:after{
z-index: 1;
}
.opt-slider2 .swiper-button-prev.circle-arrow:before, .opt-slider2 .swiper-button-next.circle-arrow:before, .opt-slider2 .swiper-button-prev:hover:before, .opt-slider2 .swiper-button-next:hover:before{
content: '';
width: 72px;
height: 72px;
position: absolute;
z-index: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: hsla(0,0%,100%,.25);
border-radius: 50%;
}
.opt-slider2 .swiper-button-next:after, .opt-slider2 .swiper-button-prev:after{
position: relative;
}
.opt-slider2 .swiper-button-next:after{
left: 3px;
}
.opt-slider2 .swiper-button-prev:after{
right: 3px;
}
.opt-slider2 .swiper-button-next.circle-arrow:after, .opt-slider2 .swiper-button-next:hover:after{
z-index: 1;
}
.opt-slider2 .swiper-button-prev.circle-arrow:after, .opt-slider2 .swiper-button-prev:hover:after{
z-index: 1;
}
.models-slider2 .swiper-button-next.circle-arrow:before, .models-slider2 .swiper-button-next:hover:before{
content: '';
width: 72px;
height: 72px;
position: absolute;
z-index: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: hsla(0,0%,100%,.25);
border-radius: 50%;
}
.models-slider2 .swiper-button-next:after, .models-slider2 .swiper-button-prev:after{
position: relative;
}
.models-slider2 .swiper-button-next:after{
left: 3px;
}
.models-slider2 .swiper-button-prev:after{
right: 3px;
}
.models-slider2 .swiper-button-next.circle-arrow:after, .models-slider2 .swiper-button-next:hover:after{
z-index: 1;
}
.models-slider2 .swiper-button-prev.circle-arrow:after, .models-slider2 .swiper-button-prev:hover:after{
z-index: 1;
}
.models-slider2 .swiper-button-prev.circle-arrow:before, .models-slider2 .swiper-button-prev:hover:before{
content: '';
width: 72px;
height: 72px;
position: absolute;
z-index: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: hsla(0,0%,100%,.25);
border-radius: 50%;
}
#hidden-content .opt-video{
padding-top: 0;
}
#hidden-content .opt-video .videoWrapper{
height: 100%;
}
#hidden-content .opt-video .responsive-iframe iframe{
height: 100%;
}
@media screen and (min-width: 1600px){
.opt-slider2 .swiper-button-next{
right: 20%;
}
.opt-slider2 .swiper-button-prev{
left: 20%;
}
}
.not-mobile-block{
display: block;
}
.mobile-block{
display: none;
}
.swiper-pagination-slider222{
display: none;
}
.video-block-wrap2 .swiper-slide.swiper-slide-next, .video-block-wrap2 .swiper-slide.swiper-slide-prev{cursor: pointer;}
#hidden-content .swiper-slide.swiper-slide-next, #hidden-content .swiper-slide.swiper-slide-prev{cursor: pointer;}
.models-slider2 .swiper-slide.swiper-slide-next, .models-slider2 .swiper-slide.swiper-slide-prev{cursor: pointer;}
#hidden-content .opt-video{
border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
max-width: 635px;
height: 100%;
flex:1;
}
.video-block-wrap2.swiper-container{
padding-bottom: 0;
}
.video-popup-slider{
margin-top: -50px;
}
.banner-caption img{
display: none;
}
.video-block-wrap .swiper-slide img{
border-radius: 10px;
}
.opt-slider2.optvideo.mobile .swiper-slide img{
border-radius: 10px;
}
@media screen and (max-width: 767px){
.opt-slider2 .opt-desc .opt-desc-in{
padding: 0;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{
transform: none !important;
}
.opt-slider2 .swiper-button-prev, .opt-slider2 .swiper-button-next{
display: none;
}
.category-img-slider .swiper-button-next, .category-img-slider .swiper-button-prev {
height: calc(100% - 74px);
width: 20%;
}
tr .calc-val:nth-child(2){
text-align: center !important;
}
.category-img-slider .opt-video{
padding-top: 82.5%;
}
.wrap-block{
padding-top: 65px;
}
.product .wrap-block{
margin-top: 0;
}
body.product header{
position: relative;
}
.category-img-slider .videoWrapper{
height: 100%;
border-radius: 0;
z-index: 0;
}
.big-img .videoWrapper{
height: 100%;
border-radius: 0;
}
.category-img-slider .swiper-slide iframe, .big-img iframe{
height: 100%;
}
.sticky-panel-block ul li{
width: 20%;
}
.banner-caption img{
display: block;
margin-bottom: 10px;
}
.mobile-menu {
display: none;
padding-top: 40px;
background: #fff;
overflow-x: hidden;
position: fixed;
overflow-y: auto;
width: 100%;
}
.mobile-menu{
position: relative;
height: auto;
}
.mobile-menu.show{
position: fixed;
height: 82%;
z-index: 9999;
top: 0;
}
.wrap-block.white{
position: relative;
}
.wrap-block.white:before{
content:'';
position: absolute;
top:0;
left:0;
width: 100%;
height:100%;
z-index: 997;
background: #fff;
overflow-y: hidden;
}
.swiper-pagination-slider222{
display: block;
overflow-x: hidden;
}
.models-slider .swiper-container.swiper-pagination-slider-mob{
padding-bottom: 0;
}
.swiper-pagination-slider-mob{
overflow-x: hidden;
padding: 0px;
margin-bottom: 20px;
}
.swiper-pagination-slider-mob .swiper-wrapper{
padding: 0px;
}
.categories-block .category-item .category-item-img{
height: 200px;
}
.categories-block .category-item .category-item-img a {
display: flex;
flex-wrap: wrap;
justify-content: end;
}
.sticky-panel-order-product-title{
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #868686;
}
.sticky-panel-order-product-price {
font-weight: 500;
font-size: 19px;
line-height: 20px;
color: #232323;
}
.category-desc-begin h1 {
flex: 0 0 100%;
font-weight: 500;
font-size: 25px;
line-height: 30px;
color: #232323;
margin-top: 0;
margin-bottom: 10px;
}
.category-model {
font-weight: 500;
font-size: 19px;
line-height: 22px;
color: #868686;
margin-bottom: 15px;
}
.sticky-panel-block ul li a svg {
width: 22px;
display: block;
text-align: center;
flex: 0 0 100%;
margin-bottom: 2px;
}
.sticky-panel-block ul li a span {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #868686;
display: block;
flex: 0 0 100%;
}
.sticky-panel-order-btn a {
padding: 11px 45px 11px 45px;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #FFFFFF;
background: #04AF53;
border-radius: 8px;
display: block;
text-align: center;
text-decoration: none;
}
.not-mobile-block{
display: none;
}
.mobile-block{
display: block;
}
.mobile-video {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 62.9%;
}
.swiper-scrollbar-drag::before{
height: 3px;
}
.video-block-wrap .videoWrapper .videoPoster{
display: none;
}
.opt-txt{
margin-bottom: 0px;
max-height: 115px;
overflow-y: auto;
}
.opt-txt ul{
margin: 0;
padding-left: 18px;
list-style: outside;
}
.opt-txt p{
margin:0;
}
.opt-slider2 .opt-txt{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
display: none;
}
.opt-in .toc li{
margin-bottom: 5px;
}
.calc-block div.newselect{margin-left: 0;margin-top: 10px}
#hidden-content00 .calc-block div.newselect{min-width: 65px;max-width: 65px;}
.models-slider .swiper-pagination{top: 0;height: 24px;height: 25px; bottom: auto;position: absolute;overflow: auto;}
.models-slider .swiper-pagination ul{margin: 0;position: absolute;}
.opt-title{
font-size: 20px;
line-height: 26px;
}
.opt-video{
padding-top: 62.9%;
}
body.product .wrapper{
padding-bottom: 115px;
}
body.product.mob .wrapper{
padding-bottom: 0px;
}
}
@media screen and (max-width:350px){
.models-slider .fancy-model .toc li span{
font-size: 14px;
}
.table-models table tr th, .table-models table tr td{
font-size: 14px;
}
}
.message-text1{
margin-bottom: 10px;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
}
.message-text2{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
margin-bottom: 34px;
}
.message-text3{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
/* Grey */
color: #868686;
margin-bottom: 29px;
}
.continue{
text-decoration: none;
display: block;
width: 100%;
padding: 13px;
background: #fff;
border: 1px solid #DBDBDB;
border-radius: 8px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #232323;
text-align: center;
cursor: pointer;
}
.continue:hover{
background: #DBDBDB;
color: #232323;
}
/* these styles are for the demo, but are not required for the plugin */
.zoom {
display:inline-block;
position: relative;
}
.zoom img {
display: block;
}
.zoom img::selection { background-color: transparent; }
.banner-img .desktop{display: block}
.banner-img .tablet{display: none}
#hidden-content .opt-slider2 .opt-wrapper{
display: flex;
flex-wrap: wrap;
max-width: 960px;
width: 100%;
}
#complete.order .h4{
margin-bottom: 20px;
}
#complete.order{
padding: 40px;
}
.tablet-block{
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tablet-block{
display: block;
}
.tablet-block .opt-video{
padding-top: 0;
}
.tablet-block .opt-video iframe{
position: relative;
height: 480px;
}
.category-img-slider .swiper-horizontal > .swiper-scrollbar{
width: 92%;
max-width: 92%;
}
.tablet-block .opt-video a{
display: block !important;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.fancy-opt .fancybox-close-small:before{
content: url(../img/fancy-x.svg);
position: relative;
width: 32px;
height: 32px;
display: block;
}
.category-img.not-mobile-slider .not-mobile-block{
display: none;
}
#complete.order .h4{
margin-bottom: 20px;
}
.cat-img-popup-link{
display: none;
}
.banner-img .desktop{display: none}
.banner-img .tablet{display: block}
.fancy-model2 .fancy-model{
width: 608px;
max-width: 608px;
}
.banner-img .tablet {
position: absolute;
right: 0;
bottom: 0;
}
.row{
padding: 0 40px !important;
}
.video-block-wrap2{
padding: 0 40px;
}
.video-popup-slider .swiper-button-next, .opt-slider2 .swiper-button-next{
right: 5px;
}
.video-popup-slider .swiper-button-prev, .opt-slider2 .swiper-button-prev{
left: 5px;
}
.options-slider .swiper-button-next, .options-slider .swiper-button-prev{
display: none;
}
.video-popup-slider .videoWrapper{
width: 100%;
height: 387px;
}
.partners-block .partners-flex .partner-item {
flex: 0 0 200px;
max-width: 200px;
margin: 0 20px;
max-height: 156px;
text-align: center;
}
.numberslides1{
right: 40px;
}
.banner-block{
height: 364px;
}
.categories-block .category-item img{
height: 200px;
}
.video-block .swiper-button-next, .video-block .swiper-button-prev{
display: none;
}
header .phone-block a:first-child{
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 32px;
color: #232323;
}
header .top-block{
padding: 26px 0;
}
.category-page .breadcrumbs-block {
padding: 20px 0 18px 0;
}
.mobile-menu-btn1{
display: block;
cursor: pointer;
width: 40px;
height: 40px;
}
.mobile-menu-btn1 img{
display: block;
}
header .callback1{
display: none !important;
}
.footer-contacts1-tablet{
display: block;
}
.tank-vol ul li:first-child, .tank-vol ul li:nth-child(2), .tank-vol ul li:nth-child(3), .tank-vol ul li:nth-child(4), .tank-vol ul li:nth-child(5){
padding: 0;
padding-bottom: 10px;
}
.tank-vol ul li:nth-child(6), .tank-vol ul li:nth-child(7), .tank-vol ul li:nth-child(8), .tank-vol ul li:nth-child(9), .tank-vol ul li:nth-child(10){
padding: 0;
}
.wrap-block{
max-width: 100%;
overflow-x: hidden;
}
.gallery-thumbs.swiper-container{
display: none;
}
.gallery-top.swiper-container{
padding: 0;
}
.cat-img-modal-wrap-in{
height: 688px;
}
.gallery-top.swiper-container img{
height: 100%;
width: 100%;
}
.gallery-top .swiper-slide{
align-items: center;
}
.gallery-top .swiper-wrapper{
height: auto;
}
.cat-img-modal{
padding: 288px 40px 250px 40px;
}
.models-slider2 .swiper-button-next{
right: 5%;
}
.models-slider2 .swiper-button-prev{
left: 5%;
}
.main-block .aside-block{
display: none;
}
.content-block{
padding-left: 0;
}
.contacts-block-wrapper-2{
flex: 0 0 100%;
max-width: 100%;
margin-top: 30px;
}
.swiper-horizontal > .swiper-scrollbar{
max-width: 86%;
}
.fancy-opt .opt-in .opt-in-wrap{
padding: 0;
background: #FFFFFF;
max-width: 608px;
padding-right: 0px;
}
.opt-slider2 .opt-desc .opt-desc-in{
padding: 20px 40px;
}
.opt-video {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.opt-txt{
margin-bottom: 0px;
max-height: 115px;
overflow-y: auto;
}
.opt-txt ul{
margin: 0;
padding-left: 18px;
list-style: outside;
}
.opt-txt p{
margin:0;
}
.category-img{
margin-bottom: 40px;
}
.fancy-opt .opt-in-wrap .opt-in{
padding-top: 30px;
}
.fancy-opt .fancybox-close-small{
top: 0;
right: 0;
}
.opt-slider2 .swiper-slide .fancybox-close-small{
display: none;
}
.opt-slider2 .swiper-slide-active .fancybox-close-small{
display: block;
}
#hidden-content{
margin: 0;
overflow: hidden;
}
.sticky-panel-block ul li a svg{
flex: 0 0 100%;
}
#hidden-content .swiper-slide:not(.swiper-slide-active) .opt-in-wrap::before {
content: none;
position: absolute;
width: 100%;
height: 100%;
background: rgba(35, 35, 35, 0.7);
border-radius: 20px;
z-index: 9999;
}
#hidden-content .opt-wrapper{
position: relative;
}
#hidden-content .swiper-slide:not(.swiper-slide-active) .opt-wrapper:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(35, 35, 35, 0.7);
border-radius: 20px;
z-index: 9999;
}
#hidden-content .opt-slider2{
overflow: hidden;
}
.category-img-slider .swiper-wrapper .swiper-slide{
height: 480px;
overflow: hidden;
}
#hidden-content .opt-video .responsive-iframe{
position: relative;
height: 342px;
border-radius: 20px 20px 0 0;
}
.opt-slider2 .opt-desc{
border-radius: 0 0 20px 20px;
}
.opt-slider2 .swiper-slide:not(.swiper-slide-active) .opt-desc{
border-radius: 0 0 20px 20px;
}
.opt-video {
flex: 0 0 100%;
}
body:not(.home) .video-block-wrap, body:not(.home) .options-slider{
margin-right: -40px;
}
.mobile-menu{
display: block;
}
.row{
padding: 0 40px;
}
.home header + .megamenu-block + .mobile-menu + .wrap-block>.row{
padding: 0 !important;
}
.benefits-block .benefits-item{
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
}
.benefits-block .benefits-item:last-of-type{
margin-bottom: 0;
}
.benefits-block .benefits-item .benefits-item-img{
text-align: left;
flex: 0 0 32px;
margin-right: 20px;
height: 32px;
}
.benefits-block .benefits-item .benefits-title{
text-align: left;
margin-bottom: 5px;
}
.benefits-block .benefits-item .benefits-desc{
text-align: left;
padding: 0;
}
.benefits-block .benefits-item .benefits-desc br{ display: none; }
.benefits-block .benefits-item .benefits-desc br:after{
content: ' ';
}
.benefits-item-data{
flex: 1;
}
.category-item-img{
background: #f7f7f7;
text-align: right;
border-radius: 10px;
}
.categories-block .category-item{
margin: 0;
margin-bottom: 0px;
padding: 0;
width: 49%;
flex: 0 0 48.9%;
margin-bottom: 20px;
}
.categories-block .categories-flex{
margin: 0;
}
.home .swiper-container{
position: relative;
}
.home .video-block .row{
padding-right: 0 !important;
}
.home .swiper-horizontal > .swiper-scrollbar{
width: calc(100% - 40px);
}
.banner-block .banner-caption{
left: 40px;
}
.pages-block, .menu-block{display: none;}
header .top-block .top-block-1{
position: absolute;
width: 100%;
text-align: center;
display: inline-block;
left: 0;
}
footer .footer1{
padding: 40px;
}
.footer-menu {
flex: 0 0 50%;
max-width: 50%;
}
.footer-contacts1{
display: none;
}
.tank-vol{
max-width: 100%;
}
.footer-block2{
max-width: 100%;
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
}
.footer-block1{
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 40px;
}
.footer-contacts1-tablet p span{
display: block;
}
.tank-vol ul li{
flex: 0 0 18%;
width: auto;
height: auto;
margin-right: 0px;
}
.tank-vol ul{
justify-content: space-between;
}
.tank-vol ul label{
padding: 15px 39px;
}
.footer-contacts1-tablet{
flex: 0 0 50%;
}
.category-desc-begin{
height: auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.category-btn{
max-width: 100%;
text-align: center;
}
.category-img {
max-width: 100%;
margin-right: 0px;
}
.category-price{
max-width: 100%;
}
}
@media screen and (max-width: 1024px){
.fancy-opt{
padding: 0;
}
.sticky-panel-order{
padding: 12px 40px !important;
}
.sticky-panel-block{
padding: 9px 40px !important;
}
.top-block-0{
display: block;
}
.mobile-menu .hide{
margin-left:-340px;
transition: all 0.8s ease;
}
.show-menu{
right:0 !important;
width: 100%;
height: 100vh;
}
.mobile-menu{
display: none;
padding-top: 40px;
background: #fff;
overflow-x: hidden;
position: relative;
}
.mobile-menu.show{
display: block;
}
.mobile-menu ul{
padding: 0;
margin: 0;
list-style: none;
}
.top-block-0{
position: relative;
z-index: 2;
}
.mobile-menu-block-list{
margin-bottom: 40px;
position: relative;
}
.mobile-menu-block-list h3, .mobile-menu-block-list .h3{
margin-top: 0;
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-bottom: 30px;
}
.mobile-menu-block-list ul{
list-style: none;
}
.mobile-menu-block-list ul li a{
display: block;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #DBDBDB;
text-decoration: none;
}
.mobile-menu-block-list ul li a:after{
content: url(../img/mob-link.svg);
width: 24px;
height: 24px;
position: absolute;
right: 0;
}
.mobile-menu-block-list ul li ul {
right: -500px;
transition: all 0.7s ease;
position: absolute;
top: 0;
background: #fff;
z-index: 4;
height: auto;
padding-bottom: 50px;
}
.mobile-menu-block-list ul li ul li a:after{
content: none;
}
.mobile-menu-overflow{
position: absolute;
width: 100%;
height: 0;
top: 0;
left: 0;
z-index: 3;
background: #fff;
transition: opacity 1.7s ease-out;
height: 0px; opacity: 0; overflow: auto;
}
.mobile-menu-overflow.clicked2{
transition: opacity 1s ease-out;
height: 100%; opacity: 1; overflow: hidden;
}
.mobile-menu-overflow.clicked2 + .row .mobile-menu-extra{
display: none;
}
.mobile-menu-overflow.extra{
z-index: 3;
background: #fff;
}
.email-menu{
margin-top: 10px;
margin-bottom: 30px;
}
.email-menu a{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #3B78D6;
text-decoration: none;
}
.mobile-menu-block-list ul li ul{
display: none;
}
.mobile-menu-block-list ul li ul.show-menu{
transition: all 0.3s ease-out;
display: block;
}
.mobile-menu-block-list ul li ul li:first-child a{
margin-top: 0;
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
margin-bottom: 30px;
text-decoration: none;
padding: 0;
border-bottom: 0;
text-align: center;
}
.mobile-menu-block-list ul li ul li:first-child a:after{
content: none;
}
.mobile-menu-block-list ul li ul li:first-child a:before{
content: url(../img/mob-back.svg);
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 7px;
}
header.border{
border-bottom: 1px solid #DBDBDB;
}
.sticky-panel{
display: block;
position: fixed;
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff;
box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.07);
width: 100%;
z-index: 91;
}
.sticky-panel-order{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 11px 20px;
}
.sticky-panel-order-product-title{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
}
.sticky-panel-order-product-price{
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #232323;
}
.sticky-panel-order-btn a{
padding: 14px 45px 12px 45px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background: #04AF53;
border-radius: 8px;
display: block;
text-align: center;
text-decoration: none;
}
.sticky-panel-block{
border-top: 1px solid #DBDBDB;
padding: 10px 10px;
display: none;
}
.sticky-panel-block ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sticky-panel-block ul li a {
display: flex;
text-decoration: none;
text-align: center;
justify-content: center;
flex-wrap: wrap;
}
.sticky-panel-block ul li a span{
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #868686;
display: block;
}
.sticky-panel-block ul li a:hover svg path{
stroke: #04AF53;
}
.sticky-panel-block ul li a.active svg path{
stroke: #04AF53;
}
.sticky-panel-block ul li a:hover span{
color: #232323;
}
.sticky-panel-block ul li a.active span{
color: #232323;
}
nav.sticky{
display: none;
}
.mobile-menu-extra{
margin-top: 10px;
}
.mobile-menu-extra ul{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 50px;
}
.mobile-menu-extra ul li{
margin-bottom: 25px;
}
.mobile-menu-extra ul li a{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232323;
text-decoration: none;
}
.mobile-menu-extra ul li a img{
position: relative;
top: 4px;
margin-right: 10px;
}
.mobile-menu-extra .footer-phone, .mobile-menu-extra .footer-phone a{
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #232323;
display: block;
text-decoration: none;
margin-bottom: 10px;
}
.mobile-menu-extra .work-mode{
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #868686;
margin-bottom: 10px;
}
.mobile-menu-extra .callback a {
background: #04AF53;
border-radius: 8px;
padding: 12px 15px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
margin-bottom: 10px;
max-width: 210px;
}
.text-page table tr td:first-child{
vertical-align: baseline;
}
.content-block.contacts-text{
padding-bottom: 20px;
}
.wrap-block.hide2{
display: none;
}
.mobile-menu.show {
padding-bottom: 40px;
z-index: 998;
padding-top: 80px;
}
body.product .wrapper {
padding-bottom: 130px;
}
footer .footer1{
padding: 40px !important;
}
/*.totop{
display: none !important;
}*/
}
.opt-item-img .videoWrapper .vk-poster-opt>img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
}
.opt-item-img .videoWrapper .play-button-overlay, .opt-video .vk-poster-fancy .play-button-overlay{
position: absolute;
width: 100%;
text-align: center;
height: 100%;
display: flex;
justify-content: center;
top:0;
}
.opt-item-img .videoWrapper .play-button-overlay img, .opt-video .vk-poster-fancy .play-button-overlay img{
width: 68px;
height: 47.55px;
display: flex;
align-self: center;
}
@media screen and (max-width: 767px){
body.single-product_cat footer{
margin-bottom: 0;
}
#sticky-wrapper{
display: none;
}
.tank-vol ul li:nth-child(10) label{
margin-right: 0px;
}
.tank-vol ul li:nth-child(10){
padding-right: 5px;
}
.tank-vol ul li:nth-child(11){
padding-top: 0px;
padding-left:5px;
}
.opt-slider2.opt88 .swiper-slide .opt-video iframe{
border-radius: 10px 10px 0 0;
}
.tank-vol ul li:nth-child(6), .tank-vol ul li:nth-child(7), .tank-vol ul li:nth-child(8), .tank-vol ul li:nth-child(9), .tank-vol ul li:nth-child(10){
padding-top: 0;
}
.category-img.not-mobile-slider{
display: none;
}
.category-img.mobile-slider{
display: block;
margin: 0;
margin-bottom: 20px;
}
.swiper-pagination-slider222 .swiper-slide{
width: auto;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #828282;
}
.swiper-pagination-slider222 .swiper-slide.clicked1{
color: #232323;
}
.swiper-pagination-slider222{padding: 0 20px}
.opt88.opt-slider2 .swiper-wrapper{
margin-top: 0px;
}
body header{
position: fixed;
width: 100%;
z-index: 99;
background: #fff;
top: 0;
}
.scroll-down header {
position: fixed;
width: 100%;
z-index: 99;
background: #fff;
transform: translate3d(0, -100%, 0);
top: 0;
transition: transform 0.4s;
}
.sticky-menu-on.scroll-down header, .sticky-menu-on.scroll-up header{
position: fixed;
width: 100%;
z-index: 99;
background: #fff;
transform: none;
top: 0;
transition: transform 0.4s;
}
.sticky-menu-on.scroll-up header{
position: fixed;
width: 100%;
z-index: 99;
background: #fff;
transform: translate3d(0, 0, 0);
top: 0;
transition: transform 0.4s;
}
.sticky-menu-on header {
width: 100%;
z-index: 99;
background: #fff;
transform: none;
top: 0;
transition: transform 0.4s;
z-index: 999;
}
.fancybox-slide::before{
content:none !important;
}
.scroll-up header {
position: fixed;
width: 100%;
z-index: 99;
background: #fff;
top: 0;
transform: translate3d(0, 0, 0);
transition: transform 0.4s;
}
body.mob.scroll-down header, body.mob.scroll-up header, body.mob header{
position: fixed;
}
body.mob.scroll-down.sticky-menu-on header, body.mob.scroll-up.sticky-menu-on header{
position: fixed;
top:0;
z-index: 999;
}
body.product.scroll-down header, body.product.scroll-up header {
position: relative;
transform: none;
}
header.sticky-header + .megamenu-block + .mobile-menu + .wrap-block{
margin-top: 65px;
}
body.product header.sticky-header + .megamenu-block + .mobile-menu + .wrap-block{
margin-top: 0px;
}
.calc-block span{display: block;}
.calc-block .custom-select{margin-left: 0;}
.opt-slider2 .swiper-container{padding: 0 20px}
.tank-vol ul li:nth-child(5){
padding-right: 5px;
}
.tank-vol ul li:nth-child(6){
padding-left: 5px;
padding-top: 0;
}
.video-block h2 {
padding: 0 20px;
}
.category-img-slider .swiper-button-next::after, .category-img-slider .swiper-button-prev::after{
top: calc(50% + 18px);
}
.category-desc-begin{
display: flex;
flex-wrap: wrap;
}
.category-btn{width: 100%;text-align: center;margin-bottom: 0;margin-top:20px}
.mobile-menu-block-list ul li ul li:first-child a:before{
content: url(../img/back-mobile.svg);
width: 24px;
height: 24px;
position: absolute;
left: -9px;
top: 7px;
}
.partners-block .partners-flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
}
.partners-block .partners-flex .partner-item {
flex: 0 0 150px;
max-width: 50%;
max-height: 128px;
margin: 0;
}
.mobile-menu-btn, .mobile-menu-btn.active{
display: block;
width: 32px;
height: 32px;
}
.content-block h1{
margin-top: 18px;
margin-bottom: 20px;
}
.page-content h2{
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #232323;
}
header .phone-block a:first-child{
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #232323;
}
header .top-block{
padding: 16px 0 16px 0;
}
.category-page .breadcrumbs-block{
padding: 20px 0 18px 0;
}
.category-img-slider .swiper-button-prev::after{
left: 21px;
}
.category-img-slider .swiper-button-next::after{
right: 0;
}
.banner-btn{
display: flex;
}
.banner-btn a{
width: 100%;
text-align: center;
}
.category-item:last-of-type{
margin-bottom: 0;
}
.section h2{
margin-bottom: 20px;
}
.section{
margin-bottom: 70px;
}
.section.banner-block{
margin-bottom: 40px;
}
.section.partners-block h2{
margin-bottom: 12px;
}
.social img{
width: 48px;
}
.categories-block .category-item .category-item-title{
left: 30px;
}
.sticky-panel-order{
padding: 7px 20px !important;
}
.sticky-panel-block{
padding: 8px 10px 8px 10px !important;
}
.gallery-top.swiper-horizontal > .swiper-scrollbar{
margin-top: 20px;
}
.category-img-slider .swiper-wrapper{
height: auto;
}
.models-slider{
display: block;
}
.mobile-menu-block-list h3, .mobile-menu-block-list ul li ul li:first-child a{
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #232323;
margin-bottom: 15px;
}
.mobile-menu-block-list h3{
margin-bottom: 15px;
}
.mobile-menu-block-list ul li ul li:first-child a::before{
top: 0;
}
.desc-block-wrap ul li{
flex: 0 0 100%;
}
.swiper-pagination ul{
padding: 0;display: block;
white-space: nowrap;
overflow: auto;
padding: 0 20px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.swiper-pagination{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.tank-vol ul{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.swiper-pagination ul::-webkit-scrollbar, .tank-vol ul::-webkit-scrollbar, .opt-slider2 .swiper-pagination::-webkit-scrollbar, .models-slider .swiper-pagination::-webkit-scrollbar{
display: none;
}
.swiper-pagination ul li{
display: inline-block;
}
.swiper-pagination-bullet{
width: auto;
height: auto;
display: inline-block;
border-radius: 0;
background: none;
opacity: 1;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #828282;
margin-right: 20px;
}
.swiper-pagination-bullet.active{
color: #232323;
}
.swiper-pagination-slider-mob{
overflow-x: hidden;
padding: 0 20px;
}
.swiper-pagination-slider-mob .swiper-wrapper{
transform: none;
}
.swiper-pagination-slider-mob .swiper-slide{
width: auto;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #828282;
}
.swiper-pagination-slider-mob .swiper-slide.clicked1{
color: #232323;
}
.models-slider{margin: 0 -20px}
.models-slider .fancy-model{
padding: 0px;
background: #FFFFFF;
border: 1px solid #DBDBDB;
border-radius: 10px;
}
.models-slider .swiper-slide.swiper-slide-active .fancy-model{
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}
.models-slider .fancy-model .toc{
padding: 20px;
margin-bottom: 0;
}
.models-slider .fancy-model .model-price{
display: none;
}
.models-slider .swiper-modmob .fancy-model .model-title{
padding: 20px 20px 10px 20px;
margin-bottom: 0;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #232323;
}
.swiper-modmob .swiper-container{
padding: 0 20px;
}
.models-slider .swiper-modmob .fancy-model .toc{
padding-top: 10px;
}
.swiper-modmob .fancy-model .toc li:last-of-type{
margin-bottom: 0;
}
.models-slider .fancy-model{
max-width: 100%;
}
.models-slider .fancy-model .toc li span{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #868686;
}
.models-slider .fancy-model .toc li span.model-val, .models-slider .fancy-model .toc li span.model-weight{
color: #232323;
}
.models-block .fancy-model-table>table{display: none;}
.opt-video {
flex: 0 0 100%;
padding-top: 56.25%;
}
.opt-slider2.opt88.mobile .opt-video{
position: relative;
padding-top: 56.25%;
}
.opt-slider2.opt88.mobile .opt-video .vk-opt-mobile{
display: flex;
}
.opt-slider2.opt88.mobile .opt-video .vk-opt-mobile>img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.opt-slider2.opt88.mobile .opt-video .vk-opt-mobile .play-button-overlay{
top:0;
}
.opt-slider2.opt88.mobile .opt-video .vk-opt-mobile .play-button-overlay img {
width: 68px;
height: 47.55px;
display: flex;
align-self: center;
}
#videos .opt-video {
flex: 0 0 100%;
padding-top: 177.92%;
}
.home .section.video-block .opt-video, #videos .opt-video{
flex: 0 0 100%;
padding-top: 0;
height: 560px;
background: #000;
}
.opt-slider2.opt88.mobile .opt-video{
background: #000;
}
.home .section.video-block .opt-video:before, #videos .opt-video:before, .opt-slider2.opt88.mobile .opt-video:before{
content:'';
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
z-index: 3;
background: url(../img/preloader.gif);
background-size: 64px;
background-position: center center;
background-repeat: no-repeat;
}
.home .section.video-block .opt-video.vk-poster-wrap>img, #videos .opt-video.vk-poster-wrap>img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
object-fit: cover;
object-position: center;
}
.home .section.video-block .opt-video .responsive-iframe, #videos .opt-video .responsive-iframe, .opt-slider2.opt88.mobile .opt-video .vk-opt-mobile{
z-index: 4;
}
.home .section.video-block .opt-video.vk-poster-wrap .play-button-overlay, #videos .opt-video .play-button-overlay, .opt-slider2.opt88.mobile .opt-video .vk-opt-mobile .play-button-overlay{
z-index: 5;
}
#videos .opt-video .play-button-overlay, .opt-slider2.opt88.mobile .opt-video .vk-opt-mobile .play-button-overlay{
top:0;
left:0;
}
.vk-opt-mobile{
display: flex;
}
}
.totop{
background: url(../img/totop.svg) no-repeat;
background-size: 50px;
cursor: pointer;
width: 50px;
height: 50px;
position:fixed;
bottom:40px;
right:40px;
z-index: 996;
}
.totop:hover{
opacity: 0.9;
}
.error-display{
display: block !important;
}
@media (min-width: 1025px) and (max-width: 1200px){
.row{
padding: 0 20px !important;
}
.content-block{
flex: 1;
}
footer .footer1{
padding: 20px !important;
}
.category-img{
max-width: 520px;
}
.options-slider .swiper-button-next, .options-slider .swiper-button-prev, .video-block .swiper-button-next, .video-block .swiper-button-prev{
display: none;
}
.numberslides1{right: 20px}
nav.sticky ul li a{
margin-right: 30px;
}
}
@media screen and (max-width: 767px){
.fancybox-slide--iframe{
padding: 0 10px !important;
}
.fancybox-slide--iframe .fancybox-content {
background: transparent;
display: flex !important;
flex-direction: column;
justify-content: center;
}
.fancybox-iframe{
height: 225px;
position: relative;
}
.tablet-block{
display: none;
}
body.product .wrapper {
padding-bottom: 113px;
}
/*.totop{
display: none !important;
}*/
.sticky-panel-block {
padding: 8px 10px 8px 10px !important;
}
.sticky-panel-order {
padding: 7px 20px !important;
}
footer .footer1{
flex: 0 0 100%;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 18px !important;
}
.banner-img .desktop{
display: none;
}
.totop{
background: url(../img/totop.svg);
background-size: 50px;
bottom:20px;
right:20px;
}
}
.content-block.contacts-text{
flex: 1;
}
nav.sticky ul li a:hover::after {
left: 0;
}
tr .calc-val:first-child{
text-align: right !important;
}
tr .calc-val:nth-child(2){
text-align: center !important;
}
@media screen and (max-width: 767px){
.sticky-panel{display: none}
.single-product_cat .sticky-panel{display: none}
tr .calc-val:nth-child(2){
text-align: center !important;
}
}
.video-reviews{
position: absolute;
bottom: 65px;
z-index: 10;
left: 22px;
}
.video-reviews a {
color: #000;
text-decoration: none;
display: flex;
line-height: 28px;
padding: 5px 10px;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 8px;
text-transform: uppercase;
align-items: center;
}
.video-reviews a img{
height: 20px;
margin-right:10px;
}
.flex-block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:0px;
}
.video11{
position: relative;
}
.mute-button {
display: none;
position: absolute;
bottom: 7px;
left: 60px;
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.video11:hover .mute-button{
display: block;
}
.mute-button.muted {
background-image: url('../img/mute-off.png');
background-size:20px;
}
.mute-button.unmuted {
background-image: url('../img/mute-on.png');
background-size:20px;
}
/* .swiper-fade .swiper-slide {
pointer-events: none;
transition-property: none !important;
}*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
opacity: 0 !important;
}
.video-block-wrap.not-mobile-block .video11.videoIframe.js-videoIframe, .video-block-wrap.not-mobile-block .videoIframe.js-videoIframe{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.swiper-lazy-preloader{
border: 4px solid #fff;
border-top-color: transparent;
}
.play-button-overlay{
position: absolute;
width: 100%;
text-align: center;
height: 100%;
display: flex;
justify-content: center;
}
.play-button-overlay img{
width: 68px;
}
.videoWrapper {
position: relative;
width: 100%;
background-color: #000;
z-index: 1;
height: 200px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media screen and (max-width: 767px){
.opt-video{
position: relative;
}
.opt-video:hover .mute-button{
display: block;
}
.opt-slider2 .opt-video{
display: flex;flex-wrap: wrap;align-items: center;
}
.play-button-overlay.hide{
display: none;
}
.play-button-overlay.hide{
display: block;
}
.fancybox-slide.fancybox-slide--video{
padding:0;
}
.video-reviews {
position: absolute;
bottom: 55px;
z-index: 10;
left: 10px;
}
.tank-vol {
max-width: 100%;
flex:0 0 100%;
margin-top: 40px;
margin-bottom:35px;
}
.tank-vol > span{
line-height: 1;
}
.category-price {
font-weight: 500;
font-size: 26px;
line-height: 1;
color: #232323;
margin-bottom: 25px;
}
.category-btn {
width: 100%;
text-align: center;
margin-bottom: 0;
margin-top: 40px;
}
.category-desc-middle article {
display: block;
position: relative;
top: 0;
}
.category-model {
font-weight: 500;
font-size: 19px;
line-height: 1;
color: #868686;
margin-bottom: 0;
}
.flex-block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:0 20px;
}
}
.product-header{
max-width: 320px;
}
.product-header h1{
color: var(--Black, #232323);
font-family: Roboto;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 10px;
margin-top: 0;
}
.rating{
display: flex;
flex-wrap: wrap;
gap:0 5px;
margin-bottom: 25px;
align-items: center;
}
.stars{
color:#FFA51E;
font-size: 18px;
}
.rating .reviews{
color: var(--Grey, #868686);
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
}
.product-header{
max-width: 373px;
}
.product-header .product-specs{
max-width: 320px;
}
.text-block .product-specs{
max-width: 477px;
}
.text-block h3{
color: var(--Black, #232323);
/* H3 - Title */
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
}
.product-specs ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-specs li {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
margin-bottom: 10px;
column-gap: 5px;
}
.product-specs .label {
white-space: nowrap;
color: var(--Grey, #868686);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.product-specs .dots {
border-bottom: 1px dashed #DBDBDB;
height: 0;
overflow: hidden;
position: relative;
top: 4px;
}
.product-specs .value {
white-space: nowrap;
color: var(--Black, #232323);
text-align: right;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.text-block .product-specs .label {
color: var(--Black, #232323);
/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.text-block .product-specs .value {
color: var(--Black, #232323);
/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.text-block .docs li a{
color: var(--Black, #232323);
/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
display: flex;
flex-wrap: wrap;
gap:0 10px;
align-items: center;
text-decoration: none;
}
.text-block .docs li{
margin-bottom: 10px;
}
.specs-links {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.specs-links a {
color: var(--Black, #232323);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 160% */
text-decoration: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 5px;
}
.specs-links a:hover {
text-decoration: underline;
}
.product-main{
flex:1;
max-width: 270px;
margin-left: auto;
}
.product-purchase {
flex: 1 1 40%;
min-width: 270px;
margin-left: auto;
}
.price-block {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-wrap: wrap;
gap: 5px 10px;
border-radius: 10px;
background: var(--Background, rgba(0, 0, 0, 0.03));
padding: 20px;
}
.price-block-top{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.price-block-top-col{
display: flex;
flex-wrap: wrap;
gap:0 10px;
}
.old-price {
color: var(--Grey, #868686);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
text-decoration: line-through;
}
.discount {
color: var(--White, #FFF);
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: inline-flex;
padding: 4px 6px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 5px;
background: #FF1E1E;
}
.new-price {
color: var(--Black, #232323);
font-family: Roboto;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.new-price del{
display: none;
}
.new-price ins{
text-decoration: none;
}
.gambit-product-item-img .sale-badge{
display: none;
}
.availability {
margin-left: auto;
color: green;
font-weight: bold;
}
.purchase-actions {
margin-top:5px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.purchase-actions button, .purchase-actions a{
background-color: transparent;
color: #fff;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
.purchase-actions button.oneclick:hover{
background-color: #02CE60
}
.purchase-actions button.oneclick{
color: var(--White, #FFF);
width: 100%;
display: block;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
border-radius: 8px;
background: var(--Primary, #04AF53);
padding: 15px 35px 13px 35px;
justify-content: center;
align-items: center;
}
.purchase-actions button.buy{
color: var(--Black, #232323);
width: 100%;
display: flex;
gap:10px;
/* Button - Big */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
border-radius: 8px;
padding: 15px 35px 13px 35px;
background: transparent;
border: 1px solid var(--Divider, #DBDBDB);
justify-content: center;
}
.purchase-actions button.buy:hover{
background: var(--Background, rgba(0, 0, 0, 0.03));
}
.delivery-info, .payment-info {
margin-top: 20px;
}
.delivery-info h3 {
display: flex;
margin: 0 0 5px 0;
color: var(--Black, #232323);
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 160% */
border-bottom: 1px dashed #232323;
}
.delivery-info-header{
display: flex;
gap:0 10px;flex-wrap: wrap;
align-items: center;
}
.delivery-info {
}
.delivery-info-header {
}
.delivery-info-address {
color: var(--Black, #232323);
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
}
.delivery-info-address a{
color: var(--Blue, #3B78D6);
text-align: right;
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
}
.delivery-info-price {
color: var(--Grey, #868686);
/* Medium Text - Bold */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.payment-info {
margin-top: 10px;
}
.payment-info p {
color: var(--Black, #232323);
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
display: flex;
flex-wrap: wrap;
gap:0 10px;
align-items: center;
}
.payment-info-desc{
margin-top:20px;
color: var(--Grey, #868686);
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
}
.delivery-info p, .payment-info p {
margin: 3px 0;
font-size: 14px;
}
.custom-cart-modal {
max-width: 720px;
font-family: sans-serif;
width: 100%;
padding: 40px;
border-radius: 20px;
background: #FFF;
}
.custom-cart-modal-wrap {
max-width: 720px;
font-family: sans-serif;
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.custom-cart-title {
color: var(--Black, #232323);
/* H2 - Title */
font-family: Roboto;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 123.077% */
margin-bottom: 20px;
flex:0 0 100%;
}
.custom-cart-product {
display: flex;
gap: 30px;
align-items: center;
flex-wrap: wrap;
flex: 1;
}
.custom-cart-image {
width:88px;
height: auto;
object-fit: contain;
}
.custom-cart-info {
flex: 1;
}
.custom-cart-name {
color: var(--Black, #232323);
/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin-bottom: 10px;
}
.custom-cart-price-block {
display: flex;
gap: 10px;
align-items: center;
}
.custom-cart-regular-price {
text-decoration: line-through;
color: gray;
}
.custom-cart-discount {
background-color: #f44336;
color: white;
padding: 3px 6px;
border-radius: 4px;
font-size: 14px;
}
.custom-cart-regular-price {
text-decoration: line-through;
color: var(--Grey, #868686);
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 10px;
}
.custom-cart-final-price {
color: var(--Black, #232323);
/* H3 - Title */
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
}
.custom-cart-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
max-width: 200px;
}
.custom-btn {
padding: 15px 17px 13px 17px;
text-decoration: none;
border-radius: 6px;
font-weight: bold;
text-align: center;
display: inline-block;
}
.custom-btn.checkout {
border-radius: 8px;
background: var(--Primary, #04AF53);
color: white;
width: 100%;
color: var(--White, #FFF);
/* Button - Big */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}
.custom-btn.continue {
background-color: transparent;
border-radius: 8px;
border: 1px solid var(--Divider, #DBDBDB);
display: flex;
color: var(--Black, #232323);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
padding: 15px 17px 13px 17px;
}
.pages-block-side{
margin-left:30px;
padding-left:30px;
border-left: 1px solid #DBDBDB;
}
.pages-block-side li a{
display: flex;
align-items: center;
gap:6px;
}
.top-block-2 .phone-block{
display: none;
}
.top-contacts{
background: var(--Background, rgba(0, 0, 0, 0.03));
padding: 6px 0;
}
.top-contacts-city{
color: var(--Black, #232323);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap:0 8px;
}
.top-contacts-items{
margin-left: auto;
gap:0 30px;
}
.top-contacts-wrapper, .top-contacts-items{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.top-contacts-item a{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.top-contacts-item-callback{
display: flex;
flex-wrap: wrap;
align-items: center;
gap:0 8px;
}
.top-contacts-item-callback a{
color: var(--Black, #232323);
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-decoration: none;
}
.pages-block{
display: flex;
}
.top-contacts-item{
display: flex;
flex-wrap: wrap;
}
.top-contacts-item-working-hours{
display: flex;
flex-wrap: wrap;
align-items: center;
color: var(--Grey, #868686);
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 138.462% */
gap:0 8px;
}
.top-contacts-item-social a{
color:#232323;
font-family: Roboto;
font-size: 13px;
text-decoration: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap:0 8px;
}
.top-contacts-item-social a img{
width: 16px;
}
.top-contacts-item-phone{
padding-left:15px;
border-left:1px solid #DBDBDB;
margin-left:15px;
}
.top-contacts-item-phone a{
color: var(--Black, #232323);
text-align: right;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-decoration: none;
}
@media screen and (max-width: 767px){
.pages-block{
display: none;
}
.top-block-2 .phone-block{
display: block;
}
.top-contacts{
display: none;
}
}
#gambit-filter-form {
margin-bottom: 30px;
}
.gambit-filter-group {
margin-bottom: 30px;
}
.gambit-filter-header {
font-weight: bold;
cursor: pointer;
padding: 0;
}
.gambit-filter-content {
display: none;
margin-top: 10px;
}
.gambit-filter-group.active .gambit-filter-content {
display: block;
}
.gambit-filter-group button[type="submit"]{
color: var(--White, #FFF);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
border-radius: 8px;
background: var(--Primary, #04AF53);
padding: 15px;
border:0;
width: 100%;cursor: pointer;
}
#gambit-filter-reset {
margin-top: 20px;
border-radius: 8px;
background: none;
border: 1px solid var(--Divider, #DBDBDB);
padding: 15px 15px;
cursor: pointer;
color: var(--Black, #232323);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-align: center;
width: auto;
text-decoration: none;
display: block;
}
#gambit-filter-reset:hover{
background: #fafafa;
}
/* Чекбоксы со своими SVG */
.gambit-checkbox {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}
.gambit-checkbox input[type="checkbox"] {
display: none;
}
.gambit-checkbox span {
width: 20px;
height: 20px;
background: url('../img/checkbox-inactive.svg') no-repeat center;
background-size: contain;
display: inline-block;
}
.gambit-checkbox input[type="checkbox"]:checked + span {
background: url('../img/checkbox-active.svg') no-repeat center;
background-size: contain;
}
/* Ползунок цены */
.price-values {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.gambit-loader {
text-align: center;
padding: 40px;
font-size: 18px;
font-weight: bold;
color: #666;
}
.noUi-touch-area{
background: url(../img/noui.svg) no-repeat;
background-size: cover;
}
.noUi-handle::after, .noUi-handle::before {
content:none;
}
.noUi-horizontal .noUi-handle{
width: 27px;
height: 26px;
border:0;
background: none;
box-shadow: none;
right: -13px;
top: -11px;
}
.price-values input {
width: 45%;
text-align: center;
}
.noUi-connect{
background: #9DD4B6;
}
.noUi-horizontal{
height: 2px;
}
.noUi-target{
border-radius: 10px;
background: var(--Divider, #DBDBDB);
box-shadow: none;
border:none;
}
.price-values{
gap:10px;
}
.price-values input{
flex:1;
color: var(--Grey, #868686);
border-radius: 8px;
border: 1px solid var(--Divider, #DBDBDB);
/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
padding: 11px 16px;
}
.gambit-filter-price{
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 38px;
}
.gambit-filter-price h3{
order:1;
color: var(--Black, #232323);
/* Medium Text - Bold */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 160% */
margin-bottom: 15px;
margin-top: 0;
}
#price-slider, .attr-range-slider{
order:3;
}
.price-values{
order:2;
margin-top: 0;
margin-bottom: 28px;
}
.gambit-filter-header {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
position: relative;
font-size: 15px;
color: var(--Black, #232323);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 160% */
}
/* Стрелка слева */
.gambit-filter-arrow {
width: 16px;
height: 16px;
background: url('../img/arrow-down2.svg') no-repeat center;
background-size: contain;
transition: transform 0.3s ease;
margin-left: auto;
}
/* Поворот стрелки вверх при открытии */
.gambit-filter-group.active .gambit-filter-arrow {
transform: rotate(180deg);
}
/* Контент аккордеона */
.gambit-filter-content {
display: none;
margin-top: 10px;
}
/* Когда открыт */
.gambit-filter-group.active .gambit-filter-content {
display: block;
}
/* Убираем подчеркивания и границы */
.gambit-filter-group {
border-bottom: none;
}
.slider-container {
margin-bottom: 20px;
}
.slider-container input[type=range] {
width: 100%;
}
.slider-value {
margin-top: 5px;
font-size: 14px;
font-weight: bold;
}