:root {
--main-font: 'Montserrat';
--main-file-font: 'Montserrat';
--main-color-background-footer: #BA1F1F;
--main-color-dark-text: #BA1F1F;
--main-color-dark-background: #BA1F1F;
--main-color-dark-background-color: #BA1F1F;
--main-color-dark-border-color: #BA1F1F;
--main-color-bright-text: #E91E1E;
--main-color-bright-background: #E91E1E;
--main-color-bright-background-color: #E91E1E;
--main-color-bright-border-color: #E91E1E;
--main-color-bright-svg-fill: #E91E1E;
--main-color-bright-svg-stroke: #E91E1E;
--main-color-second: #FADB0F;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
max-width: 1540px;
}
.container .stretch {
padding-right: 0;
padding-left: 0;
}
.container-stretch {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
*,
:after,
:before {
box-sizing: border-box;
}
body,
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: var(--main-font), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
color: #686868;
background-color: #fff;
position: relative;
}
body.no-scroll {
position: fixed;
width: 100%;
}
.site-wrapper {
overflow: hidden;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.frame {
padding-top: 75px;
padding-bottom: 75px;
}
.frame-m {
margin-top: 75px;
margin-bottom: 75px;
}
.frame-top {
margin-top: 150px;
}
.page-m {
margin-top: 95px;
}
.block-mtop {
margin-top: 60px;
}
.pt-0 {
padding-top: 0;
}
.pb-0 {
padding-bottom: 0;
}
.mt-0 {
margin-top: 0;
}
.mb-0 {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
color: #212121;
font-weight: 600;
}
h1 {
font-size: 50px;
line-height: 1.5;
font-weight: 700;
}
h2 {
font-size: 40px;
line-height: 1.4;
}
h3 {
font-size: 30px;
line-height: 1.4;
}
h4 {
font-size: 24px;
line-height: 1.4;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
line-height: 1.4;
}
h1, h2, h3, .dopservices-card__title, .advantages-card__title, .steps-card__title, .site-footer__label {
font-family: var(--main-file-font);
}
.title {
font-family: var(--main-file-font);
font-size: 40px;
line-height: 150%;
color: #101010;
margin-bottom: 60px;
}
[data-aos=custom-appearance] {
transform: translateY(30px) skewY(3deg) scaleY(1.2) !important;
transform-origin: top left;
opacity: 0;
transition-property: opacity,transform;
}
[data-aos=custom-appearance].aos-animate {
transform: translateY(0) skewY(0) scaleY(1) !important;
opacity: 1;
}
img {
max-width: 100%;
}
input,
textarea {
outline: none;
}
select {
appearance: none;
border: none;
padding: .25rem 1.25rem .25rem .25rem;
background: url(../images/select-arrow.png) calc(100% - .5rem) center no-repeat;
}
select:focus {
outline: none;
}
a:not([class]),
.catalog-card__link,
.services-area__link,
.services-card__readmore,
.about-area__redmore,
.trust-area__readmore,
.seo-block__readmore {
color: #101010;
display: inline-block;
text-decoration: none;
border-bottom: 1px solid #101010;
transition: color .3s, border-color .3s;
}
a:not([class]):hover,
.catalog-card__link:hover,
.services-area__link:hover,
.services-card__readmore:hover,
.about-area__redmore:hover,
.trust-area__readmore:hover,
.seo-block__readmore:hover {
color: var(--main-color-dark-text);
border-color: var(--main-color-dark-border-color);
}
.char-container ul:not([class]) {
list-style-type: none;
padding: 0;
}
.char-container ul:not([class]) li {
position: relative;
padding-left: 21px;
}
.char-container ul:not([class]) li:before {
display: block;
position: absolute;
content: '';
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: var(--main-color-bright-background);
border-radius: 50%;
}
ol:not([class]) {
list-style-type: none;
padding: 0;
counter-reset: css-counter 0;
}
ol:not([class]) li {
position: relative;
padding-left: 23px;
counter-increment: css-counter 1;
}
ol:not([class]) li:before {
content: counter(css-counter) ". ";
position: absolute;
font-weight: 600;
font-size: 18px;
left: 0;
top: -2px;
color: var(--main-color-bright-text);
}
.btn {
padding: 12px 35px;
display: inline-block;
text-align: center;
border-radius: 30px;
border: none;
text-decoration: none;
line-height: 160%;
cursor: pointer;
}
.btn:not(.aos-init) {
transition: background .3s;
}
.btn-animate {
overflow: hidden;
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
}
.btn-animate__text {
transition: transform .4s ease;
}
.btn-animate__text_one {
position: static;
transform: translateY(0);
}
.btn-animate__text_two {
position: absolute;
transform: translateY(70px);
}
.btn-animate:hover .btn-animate__text_one {
transform: translateY(-70px);
}
.btn-animate:hover .btn-animate__text_two {
transform: translateY(0);
}
.btn-primary {
background: var(--main-color-bright-background);
color: #FFFFFF;
}
.btn-primary:hover {
background: var(--main-color-dark-background);
}
.btn-secondary {
background: #fff;
color: var(--main-color-bright-text);
border: 1px solid var(--main-color-bright-border-color);
}
.btn-secondary:hover {
background: var(--main-color-bright-background);
color: #fff;
}
.round-btn {
display: block;
border: 1px solid var(--main-color-bright-border-color);
height: 53px;
width: 53px;
border-radius: 50%;
position: relative;
text-align: center;
line-height: 53px;
cursor: pointer;
transition: all .3s;
}
.round-btn:hover {
background: var(--main-color-bright-background);
}
.action-area__cont .slider__arrow__svg {
stroke: var(--main-color-bright-svg-stroke);
}
.js-quiz-prev:hover .slider__arrow__svg {
stroke: #FFFFFF !important;
}
.round-btn:before {
display: inline-block;
width: 8px;
height: 17px;
}
.player-link {
display: block;
}
.player-link:before {
background: url(../images/play.svg) calc(50% + 4px) center no-repeat;
background-color: var(--main-color-bright-background);
opacity: 0.8;
border-radius: 50%;
display: block;
content: '';
width: 120px;
height: 120px;
transition: all .3s;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 5;
}
.player-link:hover:before {
background-color: var(--main-color-dark-background);
opacity: 1;
}
.zoom-link {
position: relative;
}
.zoom-link:before {
background: url(../images/zoom.svg) center no-repeat;
background-color: var(--main-color-bright-background);
opacity: 0.8;
border-radius: 50%;
display: block;
content: '';
width: 80px;
height: 80px;
transition: opacity .3s;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 5;
opacity: 0;
}
.zoom-link:hover:before {
opacity: 1;
}
.breadchrumbs {
font-size: 13px;
padding: 0;
margin: 30px 0 15px 0;
display: flex;
flex-wrap: wrap;
list-style-type: none;
}
.breadchrumbs__item {
margin-right: 10px;
}
.breadchrumbs__item:last-child {
margin-right: 0;
}
.breadchrumbs a {
color: inherit;
text-decoration: none;
border: none;
}
.breadchrumbs a:after {
display: inline-block;
content: '/';
margin-left: 14px;
}
.breadchrumbs span {
color: var(--main-color-bright-text);
}
.delay {
transition: all .3s;
border-bottom: 1px solid transparent;
text-decoration: none;
}
.delay:hover {
border-color: #2d436f;
text-decoration: none;
}
.underline {
position: relative;
}
.underline:before {
position: absolute;
right: 0;
bottom: -5px;
left: 0;
content: '';
transition: all .25s;
transform: scale(0, 1);
transform-origin: center;
border-top: 2px solid #fff;
}
.underline:hover:before {
transform: scale(1);
}
.mediabox {
position: relative;
overflow: hidden;
}
.mediabox_100 {
aspect-ratio: 1 / 1;
}
.mediabox_625 {
aspect-ratio: 1000 / 625;
}
.mediabox img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .6s;
}
.mediabox_center img {
position: absolute;
left: 50%;
top: 50%;
width: auto;
height: auto;
transform: translateY(-50%) translateX(-50%);
}
.mediabox.scale:hover img {
transform: scale(1.1);
}
#upbutton {
backdrop-filter: blur(5px);
background: var(--main-color-bright-background);
height: 60px;
width: 60px;
bottom: 40px;
right: 50px;
cursor: pointer;
display: none;
position: fixed;
z-index: 1002;
background-size: cover;
border-radius: 50%;
transition: background .3s;
}
#upbutton:hover {
background: var(--main-color-dark-background);
}
#upbutton:before {
display: block;
position: absolute;
left: 50%;
top: 50%;
content: url("data:image/svg+xml;charset=UTF-8,");
transform: translateX(-50%) translateY(-50%);
line-height: .01;
}
.slider-container {
position: relative;
}
.slider__pagination {
z-index: 100;
text-align: center;
margin-top: 20px;
}
.slider__pagination .swiper-pagination-bullet {
opacity: 1;
background: #F4F4F4;
border-radius: 5px;
width: 40px;
height: 5px;
margin-right: 5px;
}
.slider__pagination .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.slider__pagination .swiper-pagination-bullet-active {
background-color: var(--main-color-bright-background);
}
.slider__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
cursor: pointer;
z-index: 100;
transition: all .3s;
background: var(--main-color-bright-background);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.slider__arrow__svg {
width: 9px;
height: 17px;
fill: transparent;
stroke: #fff;
transition: all .3s;
}
.slider__arrow_prev {
left: -75px;
}
.slider__arrow_prev .slider__arrow__svg {
transform: translateX(-1px);
}
.slider__arrow_next {
right: -75px;
}
.slider__arrow_next .slider__arrow__svg {
transform: rotate(180deg) translateX(-1px);
}
.slider__arrow:hover {
background: var(--main-color-dark-background);
}
.phone {
text-decoration: none;
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #101010;
display: flex;
align-items: center;
}
.phone__svg {
height: 23px;
width: 23px;
line-height: 23px;
margin-right: 20px;
fill: #1D1D1D;
}
.phone:before {
content: url("data:image/svg+xml;charset=UTF-8,");
height: 23px;
width: 23px;
margin-right: 20px;
}
.pagination {
display: flex;
justify-content: center;
align-items: flex-end;
margin: 0;
padding: 0;
list-style-type: none;
}
.pagination__item {
margin: 0 5px;
}
.pagination__link,
.pagination__current {
display: block;
height: 37px;
width: 37px;
border-radius: 8px;
line-height: 37px;
text-align: center;
text-decoration: none;
}
.pagination__link {
color: #101010;
border: 1px solid #F4F4F4;
transition: background-color .3s;
box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
}
.pagination__link:hover {
background-color: #F4F4F4;
}
.pagination__current {
color: #fff;
background: var(--main-color-bright-background);
box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
}
.pagination__gap {
display: block;
width: 37px;
text-align: center;
font-size: 15px;
line-height: 20px;
color: #434343;
padding-bottom: 5px;
}
.site-top {
position: relative;
}
.site-top__img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
z-index: -2;
}
.site-top:before {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
background: rgba(255, 255, 255, 0.7);
}
.site-header {
z-index: 9999;
padding: 20px 0;
border-bottom: 1px solid #F4F4F4;
}
.site-header__container {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-header__logo {
height: auto;
}
.main-menu {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
list-style-type: none;
}
.main-menu__item {
padding: 0 25px;
}
.main-menu__link {
font-weight: 600;
color: #101010;
line-height: 150%;
text-decoration: none;
display: inline-block;
}
.main-menu__link_dropdown:after {
width: 12px;
height: 6px;
background: url(../images/menu-arrow.svg) center no-repeat;
display: inline-block;
margin-left: 20px;
background-size: contain;
content: '';
}
.site-offer {
position: relative;
padding-top: 97px;
padding-bottom: 115px;
}
.site-offer_home {
padding-top: 156px;
}
.site-offer_about {
padding-bottom: 100px;
}
.site-offer_category {
padding-bottom: 150px;
}
.site-offer_prod .site-offer__container {
display: grid;
grid-template-columns: 8fr 4fr;
grid-gap: 40px;
}
.site-offer__title {
margin-bottom: 30px;
color: #101010;
max-width: 810px;
}
.site-offer_home .site-offer__title {
text-transform: uppercase;
}
.site-offer_about .site-offer__title {
font-size: 40px;
}
.site-offer__desc {
font-weight: 600;
font-size: 18px;
line-height: 150%;
margin-bottom: 30px;
width: 35%;
position: relative;
}
.site-offer__advantages {
margin-bottom: 40px;
}
.site-offer__advantages:last-child {
margin-bottom: 0;
}
.offer-advantages {
color: #101010;
}
.offer-advantages__label {
font-weight: 600;
line-height: 150%;
margin-bottom: 8px;
}
.offer-advantages__num {
line-height: 150%;
font-weight: 700;
font-size: 70px;
display: flex;
align-items: center;
}
.offer-advantages__desc {
font-weight: 600;
margin-left: 10px;
font-size: 16px;
}
.video-block {
position: relative;
}
.video-block_home {
height: 665px;
}
.video-block__container {
position: relative;
height: 435px;
overflow: hidden;
}
.video-block__container_prod {
height: 655px;
}
.video-block img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 100;
}
.video-block__link {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.video-block__player {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
video::-webkit-media-controls {
display: none;
}
.mb-contacts {
text-align: right;
margin: 0;
padding: 0;
list-style-type: none;
}
.mb-contacts__item {
margin-bottom: 20px;
font-weight: 600;
font-size: 14px;
line-height: 120%;
color: #373737;
}
.mb-contacts__item a {
color: inherit;
text-decoration: none;
border: none;
}
.mb-contacts__item:last-child {
margin-bottom: 0;
}
.modalDialog {
position: fixed;
z-index: 99;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 400ms ease-in;
pointer-events: none;
opacity: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(5px);
}
.modalDialog.active {
pointer-events: auto;
opacity: 1;
}
.news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 77px 40px;
}
.catalog-area__grid,
.catalog-page__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 77px 40px;
}
.catalog-area__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.catalog-area__info p {
margin-bottom: 40px;
}
.catalog-card__mediabox {
margin-bottom: 24px;
}
.catalog-card__body {
position: relative;
}
.catalog-card__title {
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #101010;
margin-bottom: 15px;
transition: color .3s;
}
.catalog-card:hover .catalog-card__title {
color: var(--main-color-dark-text);
}
.services-area__title,
.vacancy-area__title,
.pricelist-area__title,
.faq-area__title {
font-family: var(--main-file-font);
margin-bottom: 40px;
}
.services-area__desc,
.pricelist-area__desc {
margin-bottom: 40px;
}
.services-area__cont,
.vacancy-area__container,
.seo-block,
.pricelist-area__cont,
.faq-area__container {
display: grid;
grid-template-columns: 4fr 8fr;
grid-gap: 40px;
}
.services-area__left {
padding-bottom: 30px;
}
.services-area__sticky {
position: sticky;
top: 50px;
}
.services-card {
display: flex;
background: #F4F4F4;
}
.services-card__mediabox {
flex: 0 0 39%;
}
.services-card__body {
flex: 0 0 61%;
position: relative;
padding: 30px 50px 30px 60px;
}
.services-card__title {
font-family: var(--main-file-font);
font-size: 18px;
line-height: 150%;
color: #101010;
margin-bottom: 30px;
display: flex;
align-items: center;
position: relative;
transition: color .3s;
}
.services-card__title span {
margin-left: -34px;
display: block;
transition: all .5s;
}
.services-card__title:before {
opacity: 0;
transition: opacity .3s;
display: block;
content: '';
border-radius: 50%;
width: 34px;
height: 34px;
background: var(--main-color-bright-background) url("data:image/svg+xml;charset=UTF-8,") center no-repeat;
background-size: 5px 12px;
}
.services-card:hover .services-card__title span {
margin-left: 20px;
}
.services-card:hover .services-card__title:before {
opacity: 1;
}
.services-card__footer {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 30px;
}
.services-card__price {
font-weight: 600;
font-size: 24px;
line-height: 150%;
color: #101010;
}
.services-card__readmore:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.services-item {
margin-bottom: 40px;
}
.services-item:last-child {
margin-bottom: 0;
}
.question-area {
padding-top: 70px;
padding-bottom: 70px;
background: url(../images/question-bg.webp) center no-repeat;
background-size: cover !important;
}
.question-area__cont {
margin-left: 130px;
width: 35%;
}
.question-area__title {
font-family: var(--main-file-font);
font-size: 30px;
margin-bottom: 20px;
color: #101010;
}
.question-area__desc {
margin-bottom: 20px;
}
.advantages-area__title,
.products-area__title,
.news-area__title,
.trust-area__title,
.reviews-area__title,
.photogallery-area__title,
.tarifs-area__title,
.dopservices-area__title {
text-align: center;
font-family: var(--main-file-font);
margin-bottom: 20px;
}
.advantages-area__desc,
.products-area__desc,
.news-area__desc,
.trust-area__desc,
.reviews-area__desc,
.photogallery-area__desc,
.tarifs-area__desc,
.dopservices-area__desc {
margin-bottom: 60px;
text-align: center;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.advantages-card {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 30px 30px;
background: var(--main-color-bright-background);
position: relative;
transition: background .6s linear;
}
.advantages-card:before {
position: absolute;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 5;
content: '';
background: url(../images/plus.svg) center no-repeat;
}
.advantages-card__num {
font-weight: 700;
font-size: 70px;
line-height: 150%;
text-transform: uppercase;
color: #FFFFFF;
transition: opacity .6s;
}
.advantages-card__text {
transition: opacity .6s;
}
.advantages-card__title {
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #FFFFFF;
transition: color .6s;
}
.advantages-card:hover:before {
display: none;
}
.advantages-card:hover .advantages-card__text {
opacity: 1;
position: relative;
left: 0;
}
.products-area {
overflow: hidden;
}
.product-card {
position: relative;
}
.product-card__labels {
position: absolute;
z-index: 5;
top: 10px;
right: 15px;
}
.product-card__label {
margin-bottom: 5px;
}
.product-card__label:last-child {
margin-bottom: 0;
}
.product-card__mediabox {
background: rgba(0, 0, 0, 0.03);
margin-bottom: 20px;
aspect-ratio: 1/ 1;
display: flex;
}
.product-card__mediabox img {
object-fit: cover;
object-position: center;
}
.filter__form {
display: flex;
align-items: center;
}
.filter__form .btn {
margin-left: 15px;
padding: 6px 35px;
}
.product-card__mediabox a {
border: none !important;
width: 100%;
}
.product-card__body {
display: flex;
flex-direction: column;
}
.product-card__title {
margin-bottom: 15px;
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #101010;
transition: color .3s;
height: 54px;
overflow: hidden;
}
@media (max-width: 1599.98px) {
.product-card__title {
height: 42px;
}
}
.product-card__title a {
color: inherit;
border: none !important;
}
.product-card__title:hover {
color: var(--main-color-dark-text);
}
.product-card__prices {
display: flex;
align-items: flex-end;
margin-bottom: 23px;
}
.product-card__price {
font-weight: 600;
font-size: 24px;
line-height: 150%;
color: #101010;
}
.product-card__old-price {
text-decoration: line-through;
margin-left: 28px;
}
.product-card__buttons {
display: flex;
justify-content: space-between;
margin-top: auto;
align-items: center;
}
.product-card__btn {
width: calc(50% - 5px);
}
.product-card .product-card__btn_round:hover .product-card__btn-svg {
stroke: #fff;
}
.product-card .product-card__btn-svg {
width: 25px;
height: 12px;
fill: transparent;
stroke: var(--main-color-bright-svg-stroke);
transform: rotate(180deg);
}
.product-label {
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.product-label_red {
background: rgba(233, 30, 30, 0.7);
}
.product-label_green {
background: rgba(31, 221, 96, 0.7);
}
.product-label_blue {
background: rgba(30, 160, 233, 0.7);
}
.product-label__svg {
fill: #fff;
}
.product-label__svg_one {
width: 10px;
height: 17px;
}
.product-label__svg_two {
width: 14px;
height: 17px;
}
.product-label__svg_three {
width: 17px;
height: 17px;
}
.product-slider__item {
padding-bottom: 1px;
}
.about-slider {
position: relative;
}
.about-slider__item {
height: 992px;
}
.about-slider__item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.about-slider__nav {
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
z-index: 100;
height: 60px;
}
.about-slider__nav-inner {
position: relative;
}
.about-slider__arrow {
width: 60px;
height: 60px;
}
.about-slider__arrow_prev {
left: 20px;
}
.about-slider__arrow_next {
left: 90px;
}
.about-area {
overflow: hidden;
}
.about-area__cont {
display: flex;
justify-content: space-between;
position: relative;
z-index: 5;
}
.about-area__left {
padding-top: 60px;
width: 480px;
height: 372px;
}
.about-area__left img {
max-width: 100%;
}
.about-area__right {
width: 910px;
position: relative;
padding-top: 170px;
padding-left: 170px;
transform: translateY(-280px);
margin-bottom: -280px;
background-color: #fff;
}
.about-area__right p {
margin-bottom: 40px;
}
.about-area__right:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 50vw;
height: 100%;
background-color: #fff;
transform: translateX(99%);
}
.about-area__title {
margin-bottom: 50px;
}
[data-aos="custom-img"] {
overflow: hidden;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transition: 1.2s cubic-bezier(0.4, 0.08, 0, 1.03);
transition-property: all;
transition-duration: 1.2s;
transition-timing-function: cubic-bezier(0.4, 0.08, 0, 1.03);
transition-property: -webkit-clip-path;
transition-property: clip-path;
transition-property: clip-path,-webkit-clip-path;
}
[data-aos="custom-img"].aos-animate {
clip-path: inset(0 0 0 0);
}
.news-card__body {
position: relative;
padding-left: 120px;
}
.news-card__date {
margin-right: 22px;
position: absolute;
left: 15px;
top: -30px;
}
.news-card__text {
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #101010;
margin: 0;
padding-top: 20px;
transition: all .3s;
}
.news-card a {
border: none;
color: inherit;
}
.date {
width: 83px;
height: 98px;
background: var(--main-color-second);
color: #000;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.date__num {
font-weight: 600;
font-size: 24px;
line-height: 150%;
}
.date__text {
font-size: 13px;
line-height: 180%;
}
.site-footer {
background: var(--main-color-background-footer);
}
.site-footer__top {
padding-top: 100px;
padding-bottom: 92px;
display: flex;
align-items: center;
color: #FFFFFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer__label {
font-weight: 600;
font-size: 30px;
line-height: 150%;
flex: 0 0 43.5%;
}
.site-footer__phone {
margin-left: auto;
font-weight: 600;
font-size: 30px;
line-height: 150%;
text-decoration: none;
color: inherit;
}
.site-footer__body {
padding-top: 50px;
padding-bottom: 50px;
display: flex;
align-items: flex-start;
color: rgba(255, 255, 255, 0.65);
}
.site-footer__logo-cont {
flex: 0 0 43.5%;
}
.site-footer__logo-cont img {
height: auto;
}
.site-footer__address p {
margin-top: 0;
font-weight: 600;
line-height: 150%;
margin-bottom: 20px;
}
.site-footer__address a {
color: inherit;
border-color: transparent;
}
.site-footer__address a:hover {
color: rgba(255, 255, 255, 0.65);
border-color: rgba(255, 255, 255, 0.65);
}
.site-footer__sotial {
margin-left: auto;
}
.site-footer__bottom {
color: rgba(255, 255, 255, 0.65);
padding-bottom: 33px;
display: flex;
justify-content: space-between;
align-items: center;
}
.site-footer__sotial {
justify-content: flex-end;
}
.footer-menu {
flex: 0 0 17%;
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-menu .main-menu__item {
margin-bottom: 20px;
}
.footer-menu .main-menu__link {
color: rgba(255, 255, 255, 0.65) !important;
}
.footer-menu__item {
margin-bottom: 20px;
}
.footer-menu__link {
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: inherit;
text-transform: uppercase;
}
.sotial {
display: flex;
}
.sotial__item {
display: flex;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
transition: background .3s;
background: var(--main-color-bright-background);
border-radius: 50%;
margin-right: 18px;
}
.sotial__item:last-child {
margin-right: 0;
}
.sotial__item:hover {
background: #F4F4F4;
}
.sotial__item:hover svg path {
fill: var(--main-color-bright-svg-fill) !important;
}
.sotial__item_tg .sotial__svg {
height: 16px;
width: 17px;
}
.sotial__item_fb .sotial__svg {
height: 19px;
width: 10px;
}
.sotial__item_yt .sotial__svg {
height: 16px;
width: 21px;
}
.sotial__svg {
fill: #fff;
transition: all .3s;
}
.site-developer {
display: flex;
align-items: center;
font-size: 13px;
}
.site-developer a {
display: inline-block;
text-decoration: none;
color: inherit;
border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.site-developer__svg {
width: 44px;
height: 42px;
margin-right: 15px;
fill: #fff;
}
.pluses-area {
background: var(--main-color-second);
padding-top: 80px;
padding-bottom: 60px;
}
.pluses-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.pluses-card {
color: #000;
}
.pluses-card__title {
font-weight: 600;
line-height: 150%;
margin-bottom: 8px;
font-size: 16px;
}
.pluses-card__num {
font-weight: 700;
font-size: 70px;
line-height: 150%;
display: flex;
align-items: center;
}
.pluses-card__num span.let {
font-weight: 600;
font-size: 16px;
line-height: 150%;
margin-left: 9px;
}
.employees-area__title {
text-align: center;
margin-bottom: 70px;
}
.employees-card__mediabox {
aspect-ratio: 100 / 116;
}
.employees-card__body {
padding-top: 25px;
}
.employees-card__job {
margin-bottom: 15px;
font-size: 16px;
}
.employees-card__title {
margin-bottom: 15px;
font-weight: 600;
font-size: 18px;
line-height: 150%;
}
.employees-card__phone {
font-size: 16px;
}
.employees-slider__arrow_prev {
left: -30px;
}
.employees-slider__arrow_next {
right: -30px;
}
.trust-area__footer,
.reviews-area__footer {
margin-top: 60px;
text-align: center;
}
.trust-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.trust-grid__item {
aspect-ratio: 10 / 4;
border: 1px solid #F4F4F4;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.trust-grid__item img {
max-width: 100%;
}
.reviews-card__mediabox {
aspect-ratio: 100 /66;
}
.reviews-card__body {
padding-top: 25px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.reviews-card__name {
font-weight: 600;
line-height: 150%;
color: #101010;
font-size: 16px;
}
.vacancy-accordeon ul {
margin-bottom: 20px;
}
.vacancy-accordeon ul li {
margin-bottom: 20px;
}
.vacancy-accordeon__title {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
line-height: 150%;
color: #101010;
transition: color .3s;
padding: 20px 0;
border-bottom: 1px solid #F4F4F4;
}
.vacancy-accordeon__title:hover {
color: var(--main-color-dark-text);
cursor: pointer;
}
.vacancy-accordeon__title.active {
border-color: var(--main-color-dark-background);
color: var(--main-color-dark-text);
}
.vacancy-accordeon__title:hover .vacancy-accordeon__arrow,
.vacancy-accordeon__title.active .vacancy-accordeon__arrow {
background: var(--main-color-bright-background);
}
.vacancy-accordeon__title:hover .vacancy-accordeon__svg,
.vacancy-accordeon__title.active .vacancy-accordeon__svg {
stroke: #fff;
}
.vacancy-accordeon__title.active .vacancy-accordeon__svg {
transform: rotate(-270deg);
}
.vacancy-accordeon__arrow {
height: 34px;
width: 34px;
display: flex;
border-radius: 50%;
background: #F4F4F4;
align-items: center;
justify-content: center;
transition: all .3s;
}
.vacancy-accordeon__svg {
width: 14px;
height: 14px;
fill: transparent;
stroke: #101010;
transform: rotate(-90deg);
transition: transform .3s;
}
.vacancy-accordeon__body {
display: none;
padding-bottom: 70px;
}
.faq-accordeon__item {
border-radius: 10px;
overflow: hidden;
}
.faq-accordeon ul {
margin-bottom: 20px;
}
.faq-accordeon ul li {
margin-bottom: 20px;
}
.faq-accordeon__title {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
line-height: 150%;
color: #101010;
transition: color .3s;
padding: 20px 0;
border-bottom: 1px solid #F4F4F4;
}
.faq-accordeon__title:hover {
color: #fff;
background-color: var(--main-color-bright-background);
cursor: pointer;
}
.faq-accordeon__title.active {
border-color: #fff;
color: #fff;
}
.faq-accordeon__title:hover .faq-accordeon__arrow,
.faq-accordeon__title.active .faq-accordeon__arrow {
background: var(--main-color-bright-background);
}
.faq-accordeon__title:hover .faq-accordeon__svg,
.faq-accordeon__title.active .faq-accordeon__svg {
stroke: #fff;
}
.faq-accordeon__title.active .faq-accordeon__svg {
transform: rotate(-270deg);
}
.faq-accordeon__arrow {
height: 34px;
width: 34px;
display: flex;
border-radius: 50%;
background: #F4F4F4;
align-items: center;
justify-content: center;
transition: all .3s;
}
.faq-accordeon__svg {
width: 14px;
height: 14px;
fill: transparent;
stroke: #101010;
transform: rotate(-90deg);
transition: transform .3s;
}
.faq-accordeon__body {
display: none;
padding-bottom: 70px;
}
.catalog-page__title {
text-align: center;
margin-bottom: 20px;
}
.catalog-page__desc {
text-align: center;
width: 33%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.seo-block p {
margin: 0;
}
.seo-block__title {
margin-bottom: 0;
}
.seo-block__readmore {
cursor: pointer;
}
.category-page__title {
margin-bottom: 40px;
}
.category-page__filter {
margin-bottom: 60px;
}
.category-page__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.category-page__pagination {
margin-top: 74px;
}
.category-filter {
background: #F4F4F4;
}
.category-filter__top {
padding: 15px 40px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.category-filter__label {
display: flex;
align-items: center;
font-weight: 600;
line-height: 150%;
color: #101010;
cursor: pointer;
}
.category-filter__label:after {
content: url("data:image/svg+xml;charset=UTF-8,");
display: inline-block;
margin-left: 20px;
transition: transform .3s;
}
.category-filter__label.active {
color: var(--main-color-bright-text);
}
.category-filter__label.active:after {
transform: rotate(180deg);
content: url("data:image/svg+xml;charset=UTF-8,");
}
.category-filter__label:before {
display: block;
content: url("data:image/svg+xml;charset=UTF-8,");
height: 17px;
width: 23px;
margin-right: 25px;
}
.steps-area__svg path{
stroke: var(--main-color-bright-svg-stroke);
}
.category-filter__label-svg {
height: 17px;
width: 23px;
margin-right: 25px;
fill: #F4F4F4;
stroke: var(--main-color-bright-svg-stroke);
display: flex;
align-items: center;
}
.category-filter__buttons {
display: flex;
margin-left: 120px;
flex-wrap: wrap;
}
.category-filter__button {
margin: 5px 10px 5px 0;
}
.category-filter__button:last-child {
margin-right: 0;
}
.category-filter__body {
display: none;
}
.category-filter__inner {
padding: 35px 40px;
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(104, 104, 104, 0.2);
}
.category-filter__item {
margin: 5px 30px 5px 0;
}
.category-filter__item:last-child {
margin-right: 0;
}
.light-btn {
border: 1px solid var(--main-color-bright-border-color);
border-radius: 5px;
padding: 5px 15px;
color: var(--main-color-bright-text);
text-decoration: none;
display: inline-block;
}
.filter__label {
font-size: 14px;
color: #101010;
margin-bottom: 12px;
}
.filter__choise {
width: 200px;
appearance: none;
font-size: 14px;
color: #696969;
background: #FFFFFF url("../images/select-arrow.svg") calc(100% - 15px) center no-repeat;
border: 1px solid #E2E2E2;
border-radius: 5px;
padding: 10px 25px 10px 15px;
margin-right: 10px;
}
.sliders-container__main {
height: 556px;
flex: 0 0 calc(100% - 184px);
min-width: 1px;
position: relative;
}
.sliders-container__thumbs {
margin-right: 30px;
flex: 0 0 154px;
min-width: 1px;
display: flex;
flex-direction: column;
height: 556px;
}
.sliders-container .swiper-container {
width: 100%;
height: 100%;
}
.sliders-container .slider__image {
width: 100%;
height: 100%;
overflow: hidden;
}
.sliders-container .slider__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.sliders-container__pagination {
display: block;
position: absolute;
bottom: 22px;
width: 100%;
}
.product-page__body {
flex: 0 0 50%;
min-width: 1px;
padding-top: 90px;
padding-left: 60px;
}
.product-page__sliders-container {
flex: 0 0 50%;
min-width: 1px;
}
.product-page__title {
margin-bottom: 40px;
}
.product-page__details {
margin-top: 40px;
display: flex;
align-items: center;
}
.product-page__price {
font-weight: 600;
font-size: 24px;
line-height: 150%;
color: #101010;
margin-right: 72px;
}
.product-page__old-price {
margin-left: 25px;
text-decoration: line-through;
}
.nav-tabs {
overflow-x: auto;
}
.nav-tabs__container {
display: flex;
}
.nav-tabs__item {
background: #FFFFFF;
border: 1px solid #F4F4F4;
border-radius: 20px 20px 0px 0px;
overflow: hidden;
transition: all .3s;
flex-shrink: 0;
}
.nav-tabs__item.active {
background: var(--main-color-bright-background) !important;
border-color: var(--main-color-bright-border-color) !important;
color: #FFFFFF !important;
}
.nav-tabs__item:hover .nav-tabs__link {
background: #F4F4F4;
}
.nav-tabs__item.active .nav-tabs__link {
background: var(--main-color-bright-background);
border-color: var(--main-color-bright-border-color);
color: #FFFFFF;
}
.nav-tabs__link {
display: block;
padding: 15px 40px;
color: #686868;
text-decoration: none;
transition: all .3s;
}
.tabs {
position: relative;
}
.tabs__item {
position: absolute;
opacity: 0;
left: -10000px;
background: #F4F4F4;
padding: 50px 50px 70px;
}
.tabs__item.active {
position: relative;
left: 0;
opacity: 1;
transition: opacity .3s;
}
.tabs__item_doc {
display: flex;
flex-wrap: wrap;
}
.tabs__item_doc a {
display: flex;
border: none;
align-items: center;
margin-bottom: 30px;
margin-right: 50px;
width: 20%;
}
.tabs__item_doc a:before {
content: url("data:image/svg+xml;charset=UTF-8,");
margin-right: 30px;
}
.tabs ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
.tabs ul li span {
width: 13%;
flex-shrink: 0;
margin-left: 15px;
color: #101010;
}
.char-container__advantages {
margin-bottom: 40px;
}
.char-container__advantages:last-child {
margin-bottom: 0;
}
.char-container__right p {
margin-top: 0;
}
.service-page__about {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.service-page__about-mediabox img {
max-width: 100%;
}
.photogallery-slider {
overflow: visible;
}
.photogallery-slider__item {
display: flex;
}
.photogallery-slider__item_vertical {
height: 422px;
}
.photogallery-slider__item_horizontal {
height: 330px;
}
.photogallery-slider__item a {
width: 100%;
}
.photogallery-slider__item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.photogallery-slider__item a {
border: none;
}
.photogallery-slider__wrapper {
align-items: center;
}
.pricelist-area ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.pricelist-area ul li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid #F4F4F4;
color: #141414;
}
.pricelist-area ul li:last-child {
margin-bottom: 0;
}
.tarifs-area__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
.tarif-card {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 70px 75px;
background: #F4F4F4;
height: 100%;
transition: all .3s;
}
.tarif-card .btn-primary {
width: fit-content;
}
.tarif-card:hover {
background: var(--main-color-dark-background);
color: #fff;
}
.tarif-card:hover .tarif-card__title,
.tarif-card:hover .tarif-card__price {
color: #fff;
}
.tarif-card:hover .tarif-card__title:before {
border-color: #fff;
}
.tarif-card:hover .tarif-card__btn {
background-color: #fff;
color: #101010;
}
.tarif-card__title {
font-weight: 600;
font-size: 30px;
line-height: 150%;
color: #101010;
padding-bottom: 28px;
position: relative;
margin-bottom: 20px;
transition: all .3s;
}
.tarif-card__title:before {
display: block;
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 110px;
height: 1px;
background: var(--main-color-dark-background);
transition: all .3s;
}
.tarif-card__price {
font-weight: 600;
font-size: 40px;
line-height: 150%;
color: #101010;
margin-bottom: 30px;
transition: all .3s;
}
.tarif-card ul {
margin: 0 0 30px 0;
padding: 0;
list-style-type: none;
}
.tarif-card ul li {
margin-bottom: 10px;
position: relative;
padding-left: 23px;
}
.tarif-card ul li:last-child {
margin-bottom: 0;
}
.tarif-card ul li:before {
display: block;
position: absolute;
content: '';
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: var(--main-color-bright-background);
border-radius: 50%;
}
.tarifs-slider__item {
min-width: 1px;
}
.action-area__cont {
display: flex;
height: 928px;
}
.action-area__left {
position: relative;
background: var(--main-color-dark-background);
display: flex;
align-items: center;
padding-right: 15%;
transition: width .5s, opacity .5s;
}
.action-area__left:before {
display: block;
position: absolute;
content: '';
right: 0;
top: 0;
width: 100vw;
height: 100%;
background: var(--main-color-dark-background);
}
.action-area__left p {
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.65);
}
.action-area__quiz {
background: #F4F4F4;
transition: width .5s, opacity .5s;
width: 735px;
display: flex;
}
.action-area__quiz.active {
width: 1100px;
}
.action-area__quiz:before {
display: block;
position: absolute;
content: '';
right: 0;
top: 0;
width: 100vw;
height: 100%;
background: #F4F4F4;
}
.action-area__title {
color: #fff;
margin-bottom: 20px;
}
.action-area__btn {
background: #FFFFFF;
color: #101010;
}
.action-area__right {
position: relative;
}
.action-area__inner {
position: relative;
}
.action-area__mediabox {
width: calc(50vw + 20px);
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.action-area__mediabox img {
width: 100%;
height: 100%;
object-fit: cover;
}
.quiz {
opacity: 0;
position: absolute;
left: -10000px;
}
.quiz.active {
opacity: 1;
position: relative;
left: 0;
}
.quiz__body {
position: relative;
}
.quiz__footer {
position: relative;
display: flex;
justify-content: space-between;
margin-top: auto;
align-items: center;
}
.quiz__body-inner {
margin-bottom: 50px;
overflow-y: auto;
height: 510px;
width: calc(100% + 50px);
padding-bottom: 90px;
-ms-overflow-style: auto;
scrollbar-color: var(--main-color-bright-background) rgba(104, 104, 104, 0.2);
scrollbar-width: .5rem;
}
.quiz__body-inner::-webkit-scrollbar-thumb {
background-color: var(--main-color-bright-background);
}
.quiz__body-inner::-webkit-scrollbar-track {
background-color: rgba(104, 104, 104, 0.2);
}
.quiz__body-inner::-webkit-scrollbar-corner {
background-color: rgba(104, 104, 104, 0.2);
}
.quiz__body-inner::-webkit-scrollbar {
width: 10px;
}
.quiz__body-inner:before {
display: block;
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 95px;
background: linear-gradient(180deg, #F4F4F4 55.09%, rgba(244, 244, 244, 0) 100%);
transform: rotate(180deg);
z-index: 10;
}
.quiz__step {
width: 100%;
opacity: 0;
position: absolute;
left: -10000px;
transition: opacity .5s;
}
.quiz__step.active {
opacity: 1;
position: relative;
left: 0;
}
.quiz__step_step1, .quiz__step_step3, .quiz__step_step5 {
display: flex;
flex-direction: column;
padding: 100px 50px 40px 55px;
}
.quiz__step_step2, .quiz__step_step4, .quiz__step_step6 {
display: flex;
flex-direction: column;
padding: 100px 50px 40px 55px;
}
.quiz__step_step7 {
padding: 220px 60px 60px;
}
.quiz__title {
margin-bottom: 20px;
}
.quiz__desc {
margin-bottom: 50px;
}
.quiz__varriant-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
max-width: 970px;
}
.quiz__footer-btns {
display: flex;
align-items: center;
}
.quiz__footer-btns .round-btn {
margin-right: 20px;
}
.quiz__footer-sale {
display: flex;
width: 350px;
padding: 25px 40px;
height: 84px;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
}
.quiz__sale-label {
color: #101010;
font-weight: 600;
line-height: 150%;
}
.quiz__sale-val {
font-size: 24px;
line-height: 150%;
color: var(--main-color-dark-text);
font-weight: 600;
}
.quiz__varriant-grid2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
max-width: calc(100% - 50px);
}
.quiz__form {
width: 330px;
max-width: 100%;
}
.quiz__form-check {
margin-top: 50px;
}
.quiz__form-send {
margin-top: 40px;
}
.quiz .form__check-input {
border-color: #000;
}
.quiz .form__check-input:checked {
background-color: #000;
}
.quiz .form__check-label {
color: #101010;
}
.varriant-card__mediabox {
aspect-ratio: 100 / 87;
}
.varriant-card__text {
padding: 20px;
}
.varriant-card__check-input {
display: none;
}
.varriant-card__check-label {
border: 1px solid transparent;
display: block;
background-color: #fff;
cursor: pointer;
}
.varriant-card__check-input:checked + .varriant-card__check-label {
border-color: var(--main-color-bright-border-color);
}
.countdown {
display: flex;
margin-bottom: 50px;
}
.countdown__number {
margin-right: 50px;
text-align: center;
width: 56px;
}
.countdown__number:last-child {
margin-right: 0;
}
.countdown__number:last-child .countdown__time:before {
display: none;
}
.countdown__time {
font-family: 'Roboto';
font-weight: 700;
font-size: 48px;
line-height: 56px;
color: #FFFFFF;
margin-bottom: 10px;
position: relative;
}
.countdown__time:before {
position: absolute;
right: -35px;
top: 0px;
content: ':';
}
.countdown__text {
color: rgba(255, 255, 255, 0.65);
}
.dopservices-area__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.dopservices-card {
padding: 40px 30px 30px;
display: flex;
flex-direction: column;
min-height: 343px;
background: #F4F4F4;
position: relative;
}
.dopservices-card:after {
display: block;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--main-color-dark-background);
opacity: 0.1;
transition: opacity .3s;
z-index: 1;
}
/*.dopservices-card:before {*/
/* display: block;*/
/* position: absolute;*/
/* content: '';*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* background: url(../images/dopservices-bg.webp) center no-repeat;*/
/* background-size: cover;*/
/* opacity: 0;*/
/* transition: opacity .3s;*/
/* z-index: 1;*/
/*}*/
.dopservices-card:hover:before,
.dopservices-card:hover:after {
opacity: 1;
}
.dopservices-card__title {
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #101010;
margin-bottom: 35px;
position: relative;
z-index: 2;
}
.dopservices-card:hover .dopservices-card__title,
.dopservices-card:hover .dopservices-card__text {
color: #fff;
}
.dopservices-card__text {
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.dopservices-card__footer {
margin-top: auto;
position: relative;
z-index: 2;
}
.dopservices-card:hover .dopservices-card__btn {
background-color: #fff;
color: #101010;
}
.steps-area__title {
text-align: center;
}
.steps-area__grid {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 40px;
}
.steps-area__line {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.steps-card {
padding-top: 45px;
padding-right: 15px;
position: relative;
}
.steps-card:before {
display: block;
position: absolute;
content: '';
left: 0;
top: 7px;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--main-color-bright-svg-fill);
z-index: 3;
}
.steps-card:nth-child(4):after {
display: block;
position: absolute;
content: '';
left: -12px;
top: -5px;
width: 39px;
height: 39px;
border-radius: 50%;
background: var(--main-color-dark-background);
opacity: 0;
animation: pulse-border 2s ease-in-out infinite;
}
.steps-card__title {
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #101010;
margin-bottom: 20px;
}
.steps-card__text {
margin: 0;
}
@-webkit-keyframes pulse-border {
0% {
transform: scale(0);
opacity: .2;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
[data-aos=custom-work] {
overflow: hidden;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transition: 1.2s cubic-bezier(0.4, 0.08, 0, 1.03);
transition-property: -webkit-clip-path;
transition-property: clip-path;
transition-property: clip-path,-webkit-clip-path;
}
[data-aos=custom-work].aos-animate {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.news-page {
margin-top: 50px;
}
.news-page__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.news-page__mediabox img {
max-width: 100%;
}
.news-page__title {
display: flex;
align-items: flex-start;
}
.news-page__title-text {
margin-left: 30px;
}
.news-page__date {
flex-shrink: 0;
}
.contacts-page__header {
display: grid;
grid-template-columns: 3fr 9fr;
margin-bottom: 60px;
grid-gap: 40px;
}
.contacts-page__title {
margin-bottom: 0 !important;
}
.contacts-page__header-item {
text-align: left;
}
.contacts-page__buttons {
display: inline-flex;
border: 1px solid #F4F4F4;
border-radius: 10px;
padding: 5px;
}
.contacts-page__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
height: 580px;
}
.contacts-page__body {
background: #F4F4F4;
-ms-overflow-style: auto;
scrollbar-color: var(--main-color-bright-text) rgba(104, 104, 104, 0.2);
scrollbar-width: .5rem;
}
.contacts-page__body::-webkit-scrollbar-thumb {
background-color: var(--main-color-bright-background);
}
.contacts-page__body::-webkit-scrollbar-track {
background-color: rgba(104, 104, 104, 0.2);
}
.contacts-page__body::-webkit-scrollbar-corner {
background-color: rgba(104, 104, 104, 0.2);
}
.contacts-page__body::-webkit-scrollbar {
width: 10px;
}
.contacts-page__forms {
padding: 70px;
color: #fff;
background: var(--main-color-dark-background);
min-width: 1px;
}
.contacts-page__forms-title {
color: #fff;
margin-bottom: 20px;
text-align: center;
}
.contacts-page__forms-desc {
margin-bottom: 50px;
text-align: center;
}
.contacts-page__form {
width: 465px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.btn-contact {
border-radius: 10px;
height: 50px;
width: 152px;
text-align: center;
line-height: 50px;
text-decoration: none;
color: #686868;
}
.btn-contact.active {
background: var(--main-color-bright-background);
color: #fff;
}
.contacts-tab {
position: absolute;
opacity: 0;
left: -10000px;
transition: opacity .3s;
padding: 50px;
}
.contacts-tab.active {
opacity: 1;
left: 0;
position: relative;
}
.contacts-tab__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px 40px;
}
.contacts-tab__label {
margin-bottom: 20px;
}
.contacts-tab__item-body {
flex: 1 1 auto;
}
.contacts-tab p {
font-weight: 600;
line-height: 150%;
color: #101010;
margin: 0;
}
.contacts-tab ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.contacts-tab ul li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgba(104, 104, 104, 0.2);
}
.contacts-tab ul li span:first-child {
flex: 0 0 39%;
font-size: 13px;
}
.contacts-tab ul li span:last-child {
flex: 0 0 59%;
text-align: right;
}
.contacts-tab ul li:last-child {
border: none;
}
.form__row {
margin-bottom: 10px;
}
.form__label {
font-size: 13px;
margin-bottom: 9px;
display: block;
}
.form__input {
border: 1px solid #D5D5D5;
border-radius: 22px;
height: 45px;
line-height: 45px;
padding: 0 20px;
width: 100%;
font-size: 16px;
color: #686868;
}
.form__input:focus {
border-color: #929292;
}
.form__btn {
background: var(--main-color-bright-background);
border-radius: 26px;
text-align: center;
height: 53px;
line-height: 53px;
border: none;
padding: 0;
width: 100%;
color: #fff;
font-size: 16px;
cursor: pointer;
transition: all .3s;
}
.form__btn:hover {
background: var(--main-color-dark-background);
}
.form__check {
display: flex;
align-items: center;
}
.form__check-input {
appearance: none;
background: #fff;
border-radius: 4px;
border: 1px solid var(--main-color-bright-border-color);
width: 20px;
height: 20px;
margin: 0 15px 0 0;
flex-shrink: 0;
}
.form__check-input:checked {
background: var(--main-color-bright-background) url(../images/check.svg) center no-repeat;
background-size: 12px 12px;
}
.form__check-label {
color: #929292;
font-size: 13px;
cursor: pointer;
}
.form__radio-text {
display: block;
width: 100%;
padding: 0 20px 0 59px;
height: 59px;
line-height: 59px;
border-radius: 30px;
background: #FFFFFF;
border: 1px solid #F4F4F4;
transition: all .3s;
position: relative;
}
.form__radio-text:hover {
border-color: var(--main-color-bright-background);
}
.form__radio-text:before {
display: block;
position: absolute;
content: '';
left: 20px;
top: 50%;
width: 24px;
height: 24px;
background: #FFFFFF;
border: 1px solid var(--main-color-bright-border-color);
transform: translateY(-50%);
border-radius: 50%;
}
.form__radio-text:after {
display: block;
position: absolute;
content: '';
left: 26px;
top: 50%;
width: 12px;
height: 12px;
background: var(--main-color-bright-background);
border-radius: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .3s;
}
.form__radio-input {
display: none;
}
.form__radio-input:checked + .form__radio-text {
border-color: var(--main-color-bright-border-color);
}
.form__radio-input:checked + .form__radio-text:after {
opacity: 1;
}
.form__radio-label {
cursor: pointer;
}
.form__controls.error .form__input {
border-color: #D92641;
background: #fff url(../images/error.svg) calc(100% - 20px) center no-repeat;
}
.form__controls.error .form__label {
color: #D92641;
}
.form__controls.success .form__input {
border-color: #4FBA70;
}
.contacts-page__container .contact-form__input {
background-color: transparent !important;
color: #fff;
}
.contact-form__form-send {
margin-top: 25px;
}
.contact-form__form-check {
margin-top: 25px;
}
.contact-form__btn:hover {
background: var(--main-color-bright-background);
}
.contact-form .form__check-input {
border-radius: 2px;
width: 26px;
height: 26px;
margin: 0 20px 0 0;
background-size: 16px 16px;
}
.contact-form .form__check-label, .contact-form .form__check-label a {
color: rgba(255, 255, 255, 0.65);
border-color: rgba(255, 255, 255, 0.65);
}
.error-page__container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
margin-bottom: -90px;
}
.error-page__left {
padding-top: 80px;
}
.error-page__title {
margin-bottom: 20px;
}
.error-page p {
margin-top: 0;
margin-bottom: 30px;
}
.error-page__right {
text-align: center;
}
.error-page__404 {
font-size: 300px;
font-weight: 600;
line-height: 140%;
color: var(--main-color-bright-text);
}
.fancybox-close-small {
height: 44px;
width: 44px;
border-radius: 50%;
background: #F4F4F4;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: all .3s;
}
.fancybox-close-small:hover {
background: var(--main-color-bright-background);
}
.fancybox-close-small svg {
display: none;
}
.fancybox-close-small:before {
content: url("data:image/svg+xml;charset=UTF-8,");
width: 16px;
height: 16px;
display: block;
}
.fancybox-close-small:hover:before {
content: url("data:image/svg+xml;charset=UTF-8,");
}
.fancybox-slide--html .fancybox-close-small {
padding: 0;
right: 10px;
top: 10px;
}
.quiz-popup {
padding: 100px;
width: 905px;
max-width: 100%;
}
.quiz-popup__title {
margin-bottom: 50px;
}
.quiz-popup__form {
margin-bottom: 50px;
max-width: 465px;
}
.quiz-popup__btns {
display: flex;
}
.quiz-popup__btns .round-btn {
margin-right: 20px;
}
.thanks-popup {
background: var(--main-color-dark-background);
width: 690px;
max-width: 100%;
padding: 100px;
}
.thanks-popup_large {
width: 1050px;
}
.thanks-popup__title {
color: #fff;
margin-bottom: 40px;
}
.thanks-popup__svg {
height: 70px;
width: 70px;
fill: transparent;
stroke: #fff;
margin-bottom: 50px;
}
.thanks-popup p {
color: rgba(255, 255, 255, 0.65);
width: 500px;
max-width: 100%;
}
.thanks-popup p:last-of-type {
margin-bottom: 0;
}
.popup-form {
padding: 90px 100px 75px;
width: 530px;
max-width: 100%;
}
.popup-form__title {
margin-bottom: 8px;
}
.popup-form__desc {
margin-bottom: 32px;
}
.popup-form__form {
width: 330px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.popup-form__form-check {
margin-top: 19px;
}
.popup {
display: none;
}
button[type="reset"] {
display: none !important;
}
.link-panel {
background: rgba(206, 206, 206, 0.8);
backdrop-filter: blur(15px);
border-radius: 10px 10px 0px 0px;
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 99;
padding: 15px;
}
.link-panel__wrapper {
display: flex;
max-width: 211px;
margin-left: auto;
margin-right: auto;
width: 100%;
align-items: center;
justify-content: space-between;
}
.link-panel__svg {
display: block;
}
.link-panel__svg_home {
height: 20px;
width: 18px;
}
.link-panel__svg_message {
height: 20px;
width: 20px;
}
.link-panel__svg_phone {
height: 20px;
width: 16px;
}
.link-panel__svg_geo {
height: 20px;
width: 17px;
}
/* mob-menu-btn begin */
.menu-button {
position: relative;
z-index: 100;
width: 43px;
height: 43px;
cursor: pointer;
border-radius: 50%;
background: #CDCDCD;
}
.menu-button__burger {
position: absolute;
top: 50%;
left: 50%;
width: 19px;
height: 1px;
margin-left: -10px;
transition: transform .2s ease 0s;
}
.menu-button__burger:before,
.menu-button__burger:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #373737;
}
.menu-button__burger:before {
top: -6px;
transition: top .2s linear .4s;
}
.menu-button__burger:after {
bottom: -6px;
transition: bottom .2s linear .4s;
}
.menu-button__burger-line {
position: absolute;
top: 0;
right: 0;
width: 13px;
height: 100%;
transition: transform .2s linear .2s;
background: #373737;
}
.menu-button.active {
cursor: none;
}
.menu-button.active .menu-button__burger {
transition: transform .2s linear .4s;
transform: rotate(45deg);
cursor: none;
}
.menu-button.active .menu-button__burger-line {
transform: rotate(90deg);
width: 19px;
}
.menu-button.active .menu-button__burger:before {
top: 0;
transition: top .2s linear;
}
.menu-button.active .menu-button__burger:after {
bottom: 0;
transition: bottom .2s linear;
}
@media (min-width: 576px) {
.container-stretch {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container-stretch {
max-width: 100%;
}
.advantages-card {
aspect-ratio: 1 / 1;
}
.advantages-card__text {
position: absolute;
left: -10000px;
opacity: 0;
}
.about-area__left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.sliders-container {
display: flex;
align-items: flex-start;
}
.char-container {
display: grid;
grid-template-columns: 3fr 9fr;
grid-gap: 40px;
}
.char-container__right {
display: flex;
flex-direction: column;
}
}
@media (min-width: 992px) {
.container-stretch {
max-width: 960px;
padding-right: 15px;
padding-left: 15px;
}
.mb-contacts {
display: none;
}
.advantages-card:hover {
background: #F4F4F4;
}
.advantages-card:hover .advantages-card__num {
opacity: 0;
position: absolute;
left: -10000px;
}
.advantages-card:hover .advantages-card__title {
color: #101010;
}
.category-page__grid .product-card:first-child {
grid-column: 1/3;
}
.category-page__grid .product-card:nth-child(9) {
grid-column: 2/4;
}
.category-page__grid .product-card:first-child .product-card__mediabox,
.category-page__grid .product-card:nth-child(9) .product-card__mediabox {
height: 210px;
width: 100%;
}
.category-filter__buttons_mb {
display: none;
}
.product-page__top {
display: flex;
flex-wrap: wrap;
}
.tarifs-slider__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.action-area__left {
width: 700px;
}
.action-area__left.active {
width: 478px;
}
.action-area__right {
flex: 1 1 auto;
}
.steps-area__svg_mb {
display: none;
}
.link-panel {
display: none;
}
.menu-button {
display: none;
}
}
@media (min-width: 1300px) {
.container-stretch {
max-width: 1200px;
}
}
@media (min-width: 1600px) {
.category-page__grid .product-card:first-child .product-card__mediabox,
.category-page__grid .product-card:nth-child(9) .product-card__mediabox {
height: 345px;
}
.tarifs-slider__wrapper {
grid-gap: 40px;
}
.action-area__left {
width: 1100px;
}
.action-area__left.active {
width: 745px;
}
}
@media (max-width: 1599.98px) {
.container {
max-width: 970px;
}
body {
font-size: 14px;
line-height: 160%;
}
.frame {
padding-top: 50px;
padding-bottom: 50px;
}
.frame-m {
margin-top: 50px;
margin-bottom: 50px;
}
.frame-top {
margin-top: 100px;
}
.page-m {
margin-top: 70px;
}
.block-mtop {
margin-top: 40px;
}
.title {
font-size: 30px;
margin-bottom: 40px;
}
ul:not([class]) li:before {
top: 8px;
}
ol:not([class]) li:before {
font-size: 16px;
top: 2px;
}
.btn {
padding: 10px 30px;
font-size: 14px;
border-radius: 21px;
}
.round-btn {
height: 42px;
width: 42px;
line-height: 42px;
}
.round-btn:before {
width: 8px;
height: 16px;
}
.player-link:before {
width: 80px;
height: 80px;
background-size: 12px 15px;
background-position: calc(50% + 2px) center;
}
.zoom-link:before {
width: 60px;
height: 60px;
background-size: 14px 14px;
}
#upbutton {
height: 40px;
width: 40px;
}
#upbutton:before {
content: url("data:image/svg+xml;charset=UTF-8,");
}
.slider__arrow {
width: 42px;
height: 42px;
}
.slider__arrow_prev {
left: -52px;
}
.slider__arrow_next {
right: -52px;
}
.phone {
font-size: 16px;
}
.phone__svg {
margin-right: 10px;
height: 20px;
width: 20px;
}
.phone:before {
margin-right: 10px;
height: 20px;
width: 20px;
}
.site-header {
padding: 15px 0;
}
.site-header__logo {
width: 127px;
}
.main-menu {
font-size: 14px;
}
.main-menu__item {
padding: 0 15px;
}
.main-menu__link_dropdown:after {
margin-left: 15px;
}
.site-offer {
padding-top: 70px;
padding-bottom: 50px;
}
.site-offer_about {
padding-top: 70px;
padding-bottom: 70px;
}
.site-offer_category {
padding-top: 70px;
padding-bottom: 70px;
}
.site-offer_prod .site-offer__container {
grid-gap: 30px;
}
.site-offer__title {
font-size: 36px;
margin-bottom: 21px;
}
.site-offer_about .site-offer__title {
font-size: 20px;
}
.site-offer__desc {
font-size: 16px;
margin-bottom: 20px;
width: 50%;
}
.site-offer__desc {
font-size: 14px;
line-height: 160%;
width: 90%;
}
.site-offer__advantages {
margin-bottom: 30px;
}
.offer-advantages__label {
font-size: 14px;
margin-bottom: 0;
}
.offer-advantages__num {
font-size: 50px;
}
.offer-advantages__desc {
font-size: 14px;
}
.video-block_home {
height: 750px;
}
.video-block__container {
height: 232px;
}
.video-block__container_prod {
height: 349px;
}
.news-grid {
grid-gap: 30px;
}
.catalog-area__grid,
.catalog-page__grid {
grid-gap: 30px;
}
.catalog-area__title {
margin-bottom: 30px;
}
.catalog-area__info p {
font-size: 14px;
margin-bottom: 30px;
line-height: 160%;
}
.catalog-card__mediabox {
margin-bottom: 15px;
}
.catalog-card__title {
margin-bottom: 10px;
}
.catalog-card__link {
font-size: 14px;
}
.services-area__title,
.vacancy-area__title,
.pricelist-area__title,
.faq-area__title {
margin-bottom: 30px;
}
.services-area__desc,
.pricelist-area__desc {
margin-bottom: 30px;
}
.services-area__cont,
.vacancy-area__container,
.seo-block,
.pricelist-area__cont,
.faq-area__container {
grid-gap: 30px;
}
.services-card__body {
padding: 20px 30px 20px 40px;
}
.services-card__title {
font-size: 16px;
margin-bottom: 20px;
}
.services-card__footer {
margin-top: 20px;
}
.services-card__price {
font-size: 20px;
}
.services-item {
margin-bottom: 30px;
}
.question-area {
padding-top: 40px;
padding-bottom: 40px;
}
.question-area__cont {
margin-left: 0;
width: 50%;
}
.question-area__title {
font-size: 20px;
margin-bottom: 15px;
}
.question-area__title {
font-size: 18px;
}
.advantages-area__title,
.products-area__title,
.news-area__title,
.trust-area__title,
.reviews-area__title,
.photogallery-area__title,
.tarifs-area__title,
.dopservices-area__title {
margin-bottom: 15px;
}
.advantages-area__desc,
.products-area__desc,
.news-area__desc,
.trust-area__desc,
.reviews-area__desc,
.photogallery-area__desc,
.tarifs-area__desc,
.dopservices-area__desc {
width: 50%;
margin-bottom: 50px;
}
.advantages-grid {
grid-gap: 30px;
}
.advantages-card {
padding: 10px 20px 20px;
}
.advantages-card:before {
width: 40px;
height: 40px;
background-size: 13px 13px;
}
.advantages-card__num {
font-size: 40px;
}
.advantages-card__title {
font-size: 16px;
}
.product-card__labels {
top: 10px;
right: 10px;
}
.product-card__mediabox {
margin-bottom: 15px;
}
.product-card__title {
font-size: 14px;
margin-bottom: 10px;
}
.product-card__prices {
margin-bottom: 10px;
}
.product-card__price {
font-size: 20px;
}
.product-card__btn {
width: calc(100% - 52px);
}
.product-card .product-card__btn_round {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.product-card .product-card__btn-text {
display: none;
}
.product-label {
width: 25px;
height: 25px;
}
.about-slider__item {
height: 484px;
}
.about-slider__nav {
height: 42px;
bottom: 20px;
}
.about-slider__arrow {
width: 12px;
height: 12px;
}
.about-slider__arrow_next {
left: 52px;
}
.about-area__left {
width: 290px;
height: 250px;
padding-top: 80px;
}
.about-area__right {
padding-top: 100px;
padding-left: 80px;
transform: translateY(-58px);
margin-bottom: -58px;
width: 610px;
}
.about-area__right p {
margin-bottom: 30px;
}
.about-area__title {
margin-bottom: 40px;
}
.news-card__body {
padding-left: 98px;
}
.news-card__date {
top: -23px;
}
.news-card__text {
font-size: 14px;
padding-top: 15px;
}
.date {
height: 96px;
width: 73px;
}
.date__num {
font-size: 20px;
}
.site-footer__top {
padding-top: 70px;
padding-bottom: 50px;
}
.site-footer__label {
font-size: 20px;
flex: 0 0 34.5%;
}
.site-footer__phone {
font-size: 20px;
}
.site-footer__body {
padding-top: 30px;
padding-bottom: 30px;
}
.site-footer__logo-cont {
flex: 0 0 34.5%;
}
.site-footer__logo-cont img {
width: 129px;
}
.site-footer__bottom {
padding-bottom: 20px;
}
.sotial__item {
width: 40px;
height: 40px;
margin-right: 10px;
}
.pluses-area {
padding-top: 60px;
padding-bottom: 50px;
}
.pluses-grid {
grid-gap: 30px;
}
.pluses-card__title {
margin-bottom: 5px;
}
.pluses-card__num {
font-size: 50px;
}
.employees-area__title {
margin-bottom: 40px;
}
.employees-card__body {
padding-top: 15px;
}
.employees-card__job {
margin-bottom: 10px;
}
.employees-card__title {
margin-bottom: 10px;
font-size: 16px;
}
.employees-slider__arrow_prev {
left: -21px;
}
.employees-slider__arrow_next {
right: -21px;
}
.trust-area__footer,
.reviews-area__footer {
margin-top: 40px;
}
.trust-grid {
grid-gap: 30px;
}
.reviews-area__footer {
display: none;
}
.reviews-card__body {
padding-top: 15px;
}
.vacancy-accordeon__title {
padding: 15px 0;
}
.vacancy-accordeon__arrow {
height: 30px;
width: 30px;
}
.vacancy-accordeon__svg {
width: 12px;
height: 12px;
}
.faq-accordeon__title {
padding: 15px 0;
}
.faq-accordeon__arrow {
height: 30px;
width: 30px;
}
.faq-accordeon__svg {
width: 12px;
height: 12px;
}
.catalog-page__title {
margin-bottom: 15px;
}
.catalog-page__desc {
margin-bottom: 40px;
width: 50%;
}
.category-page__grid {
grid-gap: 30px;
}
.category-page__pagination {
margin-top: 40px;
}
.category-filter__top {
padding: 10px 20px;
}
.category-filter__buttons {
margin-left: 94px;
}
.category-filter__button {
margin: 5px 5px 5px 0;
}
.light-btn {
font-size: 14px;
}
.sliders-container__main {
height: 338px;
flex: 0 0 calc(100% - 130px);
}
.sliders-container__thumbs {
height: 338px;
margin-right: 18px;
flex: 0 0 112px;
}
.sliders-container__pagination {
bottom: 12px;
}
.product-page__body {
padding-top: 0;
padding-left: 15px;
}
.product-page__sliders-container {
padding-right: 15px;
}
.product-page__title {
margin-bottom: 30px;
}
.product-page__details {
margin-top: 26px;
}
.product-page__price {
font-size: 20px;
margin-right: 30px;
}
.nav-tabs__link {
padding: 15px 30px;
}
.tabs ul {
padding: 0;
}
.service-page__about {
grid-gap: 30px;
}
.photogallery-slider__item_vertical {
height: 268px;
}
.photogallery-slider__item_horizontal {
height: 210px;
}
.tarif-card {
padding: 50px 25px;
}
.tarif-card {
padding: 40px 23px;
}
.tarif-card__title {
font-size: 20px;
padding-bottom: 20px;
}
.tarif-card__price {
font-size: 30px;
margin-bottom: 20px;
}
.tarif-card ul li {
padding-left: 15px;
}
.action-area__cont {
height: 694px;
}
.action-area__left {
padding-right: 5%;
}
.action-area__quiz.active {
width: 700px;
}
.action-area__quiz.active {
width: 100%;
}
.action-area__quiz:before {
left: 50%;
transform: translateX(-50%);
width: 100vw;
right: auto;
}
.action-area__title {
margin-bottom: 15px;
}
.quiz__body-inner {
margin-bottom: 30px;
height: 410px;
width: calc(100% + 40px);
padding-bottom: 45px;
}
.quiz__step_step1, .quiz__step_step3, .quiz__step_step5 {
padding: 125px 40px 35px;
}
.quiz__step_step2, .quiz__step_step4, .quiz__step_step6 {
padding: 50px 40px 35px;
}
.quiz__step_step7 {
padding: 110px 40px 35px;
}
.quiz__title {
margin-bottom: 15px;
}
.quiz__desc {
margin-bottom: 30px;
}
.quiz__varriant-grid {
grid-template-columns: repeat(2, 1fr);
}
.quiz__footer-sale {
width: 250px;
padding: 15px 20px;
height: 64px;
}
.quiz__sale-val {
font-size: 18px;
}
.quiz__varriant-grid2 {
grid-template-columns: repeat(3, 1fr);
max-width: calc(100% - 40px);
}
.quiz__form-check {
margin-top: 30px;
}
.quiz__form-send {
margin-top: 30px;
}
.countdown {
margin-bottom: 30px;
}
.countdown__number {
width: 44px;
margin-right: 40px;
}
.countdown__time {
font-size: 38px;
line-height: 45px;
}
.countdown__time:before {
right: -30px;
}
.dopservices-area__grid {
grid-gap: 30px;
}
.dopservices-card {
min-height: 251px;
padding: 30px 20px;
}
.dopservices-card__title {
font-size: 14px;
margin-bottom: 20px;
}
.dopservices-card__text {
line-height: 160%;
}
.steps-area__grid {
grid-gap: 30px;
}
.steps-area__svg_ds {
width: 727px;
}
.steps-card {
padding-top: 36px;
}
.steps-card:before {
width: 10px;
height: 10px;
top: 10px;
}
.steps-card:nth-child(4):after {
width: 24px;
height: 24px;
top: 3px;
left: -7px;
}
.steps-card__title {
font-size: 16px;
margin-bottom: 15px;
}
.news-page__container {
grid-gap: 30px;
}
.news-page__title-text {
margin-left: 20px;
}
.contacts-page__header {
margin-bottom: 40px;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.contacts-page__container {
height: 543px;
}
.contacts-page__forms {
padding: 76px 50px;
}
.contacts-page__forms-title {
margin-bottom: 10px;
}
.contacts-page__forms-desc {
margin-bottom: 25px;
}
.btn-contact {
height: 42px;
width: 123px;
line-height: 42px;
}
.contacts-tab__cnt {
padding: 85px 40px;
}
.contacts-tab__grid {
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px;
}
.contacts-tab__item {
display: flex;
align-items: flex-start;
}
.contacts-tab__label {
flex: 0 0 40%;
}
.contacts-tab__item-body {
padding-left: 15px;
}
.form__input {
height: 42px;
line-height: 42px;
border-radius: 21px;
}
.form__btn {
height: 42px;
line-height: 42px;
border-radius: 21px;
font-size: 14px;
}
.contact-form .form__check-input {
height: 22px;
line-height: 22px;
margin-right: 15px;
background-size: 12px 12px;
}
.error-page__container {
grid-gap: 30px;
margin-bottom: -20px;
}
.error-page__title {
margin-bottom: 10px;
}
.error-page p {
margin-bottom: 20px;
}
.error-page__404 {
font-size: 220px;
}
.thanks-popup {
width: 500px;
padding: 50px;
}
.thanks-popup_large {
width: 605px;
}
.thanks-popup__title {
margin-bottom: 30px;
}
.thanks-popup__svg {
margin-bottom: 30px;
height: 50px;
width: 50px;
}
.popup-form__desc {
margin-bottom: 20px;
}
}
@media (max-width: 1199.98px) {
.tabs__item_doc a {
margin-bottom: 20px;
margin-right: 40px;
}
.char-container {
grid-gap: 30px;
}
.char-container__advantages {
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) {
.container {
max-width: 632px;
}
.frame {
padding-top: 45px;
padding-bottom: 45px;
}
.frame-m {
margin-top: 45px;
margin-bottom: 45px;
}
.frame-top {
margin-top: 90px;
}
.page-m {
margin-top: 65px;
}
.block-mtop {
margin-top: 30px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
.title {
font-size: 28px;
margin-bottom: 30px;
}
.btn {
padding: 10px 20px;
font-size: 12px;
line-height: 150%;
border-radius: 19px;
}
.round-btn {
height: 38px;
width: 38px;
line-height: 38px;
}
.player-link:before {
width: 60px;
height: 60px;
background-size: 9px 11px;
}
.zoom-link:before {
width: 50px;
height: 50px;
background-size: 12px 12px;
}
.slider__arrow {
display: none;
}
.pagination__item {
margin: 0 2.5px;
}
.pagination__link,
.pagination__current {
height: 33px;
width: 33px;
line-height: 33px;
}
.pagination__gap {
width: 33px;
padding-bottom: 3px;
}
.site-header {
padding: 10px 0;
}
.site-header__logo {
width: 100px;
}
.site-header__phone {
display: none;
}
.main-menu {
display: block;
text-align: right;
}
.main-menu__item {
padding: 0;
margin-bottom: 30px;
}
.main-menu__item:last-child {
margin-bottom: 0;
}
.main-menu__link {
font-size: 14px;
color: #373737;
}
.main-menu__link_dropdown:after {
display: none;
}
.site-offer {
padding-top: 120px;
padding-bottom: 60px;
}
.site-offer_about {
padding-top: 60px;
padding-bottom: 60px;
}
.site-offer_category {
padding-top: 60px;
padding-bottom: 60px;
}
.site-offer_prod .site-offer__container {
display: block;
}
.site-offer_prod .site-offer__right {
display: none;
}
.site-offer__title {
line-height: 120%;
font-size: 32px;
margin-bottom: 15px;
}
.site-offer_about .site-offer__title {
font-size: 28px;
}
.video-block_home {
height: 412px;
}
.video-block__container {
height: 412px;
}
.video-block__container_prod {
height: 201px;
}
.video-block video {
display: none;
}
.mobile-panel {
position: fixed;
right: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: 100;
padding: 138px 15px 15px;
overflow-y: hidden;
transform: translateX(100%);
transition: transform .3s;
}
.mobile-panel:before {
display: block;
position: absolute;
content: '';
right: 0;
left: 15px;
top: 0;
height: 100%;
background: #fff;
z-index: -1;
}
.mobile-panel.active {
transform: translateX(0);
}
.mobile-panel__contacts {
margin-top: 90px;
}
.news-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.catalog-area__grid,
.catalog-page__grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.catalog-area__title {
margin-bottom: 15px;
}
.catalog-area__info p {
margin-bottom: 20px;
}
.services-area__title,
.vacancy-area__title,
.pricelist-area__title,
.faq-area__title {
margin-bottom: 15px;
}
.services-area__desc,
.pricelist-area__desc {
margin-bottom: 20px;
}
.services-area__cont,
.vacancy-area__container,
.seo-block,
.pricelist-area__cont,
.faq-area__container {
display: block;
}
.services-card__mediabox {
flex: 0 0 34%;
}
.services-card__body {
flex: 0 0 66%;
}
.services-card__body {
padding: 20px 30px;
}
.question-area {
padding-top: 30px;
padding-bottom: 30px;
background: url(../images/question-bg-mob.webp) center no-repeat;
background-size: cover;
}
.question-area__cont {
width: 80%;
}
.advantages-area__title,
.products-area__title,
.news-area__title,
.trust-area__title,
.reviews-area__title,
.photogallery-area__title,
.tarifs-area__title,
.dopservices-area__title {
margin-bottom: 10px;
}
.advantages-area__desc,
.products-area__desc,
.news-area__desc,
.trust-area__desc,
.reviews-area__desc,
.photogallery-area__desc,
.tarifs-area__desc,
.dopservices-area__desc {
margin-bottom: 30px;
width: 80%;
}
.advantages-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.advantages-card {
justify-content: flex-start;
}
.advantages-card:before {
display: none;
}
.advantages-card__num {
margin-bottom: 20px;
}
.advantages-card__text {
opacity: 1;
display: block;
color: #fff;
}
.advantages-card__title {
margin-top: auto;
}
.product-card .product-card__btn_round {
width: 38px;
height: 38px;
}
.about-slider__nav {
position: relative;
bottom: auto;
top: 0;
height: auto;
}
.about-area__cont {
flex-direction: column;
}
.about-area__left {
order: 1;
padding-top: 50px;
width: 286px;
height: 236px;
}
.about-area__right {
padding-top: 40px;
width: 100%;
padding-left: 0;
transform: translateY(0);
margin-bottom: 0;
}
.news-card__body {
padding-left: 94px;
}
.news-card__date {
top: -18px;
}
.date {
height: 88px;
width: 69px;
}
.date__num {
font-size: 16px;
}
.date__text {
font-size: 12px;
}
.site-footer {
padding-bottom: 50px;
}
.site-footer__top {
padding-top: 50px;
padding-bottom: 30px;
justify-content: space-between;
}
.site-footer__label {
flex: 0 0 auto;
font-size: 18px;
}
.site-footer__phone {
font-size: 18px;
margin-left: 0;
}
.site-footer__body {
padding-top: 20px;
}
.site-footer__logo-cont {
flex: 0 0 auto;
}
.site-footer__logo-cont img {
width: 100px;
}
.site-footer__address {
display: none;
}
.site-footer__copyright {
font-size: 12px;
}
.footer-menu {
display: none;
}
.sotial__item {
margin-right: 5px;
}
.site-developer {
font-size: 12px;
}
.site-developer__svg {
width: 37px;
height: 35px;
margin-right: 10px;
}
.pluses-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 20px;
}
.pluses-card__title {
font-size: 14px;
margin-bottom: 0;
}
.pluses-card__num span.let {
font-size: 14px;
}
.employees-area__title {
margin-bottom: 30px;
}
.employees-card__job {
font-size: 14px;
}
.employees-card__title {
font-size: 14px;
}
.employees-card__phone {
font-size: 14px;
}
.trust-area__footer,
.reviews-area__footer {
margin-top: 30px;
}
.trust-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.reviews-card__name {
font-size: 14px;
}
.catalog-page__title {
margin-bottom: 10px;
}
.catalog-page__desc {
margin-bottom: 30px;
width: 100%;
}
.seo-block__left {
margin-bottom: 30px;
}
.category-page__grid {
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.category-page__pagination {
margin-top: 30px;
}
.category-filter__top {
padding: 15px 20px;
}
.category-filter__label {
font-size: 14px;
}
.category-filter__label:before {
margin-right: 20px;
height: 14px;
width: 19px;
}
.category-filter__label-svg {
margin-right: 20px;
height: 14px;
width: 19px;
}
.category-filter__buttons {
margin-left: 0;
margin-bottom: 10px;
flex: 0 0 100%;
}
.category-filter__buttons_ds {
display: none;
}
.category-filter__button {
margin: 5px 10px 5px 0;
}
.category-filter__inner {
padding: 15px 20px 10px 20px;
}
.category-filter__item {
width: 250px;
margin: 10px 37px 10px 0;
}
.category-filter__item:nth-child(odd) {
margin-right: 0;
}
.light-btn {
ont-size: 10px;
}
.filter__form {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.filter__form .btn {
margin: 0;
margin-top: 15px;
}
.filter__label {
margin-bottom: 5px;
}
.filter__choise {
padding: 8px 10px 8px 16px;
}
.sliders-container__main {
height: 444px;
flex: 0 0 calc(100% - 147px);
}
.sliders-container__thumbs {
height: 444px;
margin-right: 23px;
flex: 0 0 124px;
}
.product-page__top {
margin-bottom: 50px;
}
.product-page__body {
padding-left: 0;
margin-top: 30px;
}
.product-page__sliders-container {
padding-right: 0;
}
.product-page__title {
margin-bottom: 20px;
}
.product-page__details {
margin-top: 20px;
}
.nav-tabs__link {
padding: 10px 30px;
}
.tabs__item {
padding: 40px;
}
.tabs__item_doc a {
margin-bottom: 20px;
margin-right: 30px;
width: 40%;
}
.tabs ul li {
padding: 10px 0;
}
.tabs ul li span {
width: 20%;
}
.char-container {
grid-gap: 20px;
}
.char-container__advantages {
margin-bottom: 20px;
}
.service-page__about {
grid-template-columns: repeat(1, 1fr);
}
.photogallery-slider__item_vertical {
height: 234px;
}
.photogallery-slider__item_horizontal {
height: 184px;
}
.pricelist-area__right {
margin-top: 30px;
}
.pricelist-area__btn {
display: none;
}
.tarif-card__title {
font-size: 18px;
margin-bottom: 15px;
}
.tarif-card ul {
margin: 0 0 20px 0;
}
.tarif-card ul li:before {
width: 5px;
height: 5px;
top: 7px;
}
.tarifs-slider-container {
width: 150%;
}
.tarifs-slider__item {
width: 286px;
}
.action-area__cont {
flex-direction: column;
height: auto;
background: var(--main-color-dark-background);
}
.action-area__left {
order: 1;
flex: 0 0 100%;
padding: 50px 0;
}
.action-area__left:before {
left: 50%;
transform: translateX(-50%);
width: 100vw;
right: auto;
}
.action-area__left p {
margin-bottom: 30px;
}
.action-area__quiz {
order: 1;
flex: 0 0 100%;
padding: 50px 0;
}
.action-area__quiz:before {
left: 50%;
transform: translateX(-50%);
width: 100vw;
right: auto;
}
.action-area__right {
position: relative;
height: 306px;
}
.action-area__mediabox {
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.quiz__footer {
margin-top: 30px;
}
.quiz__body-inner {
width: calc(100% + 20px);
padding-right: 20px;
margin-bottom: 15px;
}
.quiz__step_step1, .quiz__step_step3, .quiz__step_step5 {
padding: 0;
}
.quiz__step_step2, .quiz__step_step4, .quiz__step_step6 {
padding: 0;
}
.quiz__step_step7 {
padding: 0;
}
.quiz__footer-btns .round-btn {
margin-right: 15px;
}
.quiz__varriant-grid2 {
grid-template-columns: repeat(2, 1fr);
max-width: 100%;
}
.quiz__form-check {
margin-top: 20px;
}
.quiz__form-send {
margin-top: 20px;
}
.countdown__time {
font-size: 30px;
line-height: 35px;
margin-bottom: 5px;
}
.dopservices-area__grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.dopservices-card {
min-height: 239px;
}
.steps-area__grid {
grid-template-columns: repeat(1, 1fr);
grid-gap: 69px;
width: 400px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.steps-area__line {
top: 9px;
}
.steps-area__svg_ds {
display: none;
}
.steps-card {
padding: 0 0 0 40px;
}
.steps-card:before {
top: 5px;
left: 5px;
}
.steps-card:nth-child(4):after {
left: -2px;
top: -1px;
}
.news-page__container {
grid-template-columns: repeat(1, 1fr);
}
.contacts-page__header {
margin-bottom: 30px;
}
.contacts-page__header {
grid-template-columns: repeat(1, 1fr);
}
.contacts-page__buttons {
margin-left: auto;
}
.contacts-page__container {
height: auto;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.contacts-page__forms {
padding: 60px 50px;
}
.contacts-tab {
padding: 50px 30px;
}
.contacts-tab__cnt {
padding: 60px 40px;
}
.contacts-tab__label {
flex: 0 0 30%;
}
.contact-form {
width: 340px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.error-page__container {
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px;
}
.error-page__left {
padding-top: 0;
}
.fancybox-close-small {
height: 34px;
width: 34px;
}
.fancybox-close-small:before {
width: 12px;
height: 12px;
}
.quiz-popup {
padding: 50px;
width: 605px;
}
.quiz-popup__title {
margin-bottom: 30px;
}
.quiz-popup__form {
margin-bottom: 30px;
}
}
@media (max-width: 768.98px) {
.error-page__container {
grid-gap: 30px;
}
}
@media (max-width: 767.98px) {
.container {
max-width: 540px;
}
.container .stretch {
max-width: 100%;
}
.frame {
padding-top: 40px;
padding-bottom: 40px;
}
.frame-m {
margin-top: 40px;
margin-bottom: 40px;
}
.frame-top {
margin-top: 80px;
}
.page-m {
margin-top: 60px;
}
.block-mtop {
margin-top: 20px;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
.title {
font-size: 26px;
margin-bottom: 20px;
}
.slider__pagination .swiper-pagination-bullet {
width: 30px;
}
.site-header {
padding: 6px 0;
}
.site-offer {
padding-top: 125px;
padding-bottom: 60px;
}
.site-offer_about {
padding-top: 50px;
padding-bottom: 70px;
}
.site-offer_category {
padding-top: 50px;
padding-bottom: 70px;
}
.site-offer__title {
font-weight: 600;
font-size: 24px;
margin-bottom: 30px;
}
.site-offer_about .site-offer__title {
font-size: 26px;
}
.video-block_home {
height: 212px;
}
.video-block__container {
height: 212px;
}
.video-block__container_prod {
height: 129px;
}
.news-grid {
grid-template-columns: repeat(1, 1fr);
}
.catalog-area__grid,
.catalog-page__grid {
grid-gap: 15px;
}
.catalog-area__title {
line-height: 120%;
}
.catalog-area__info {
grid-column: 1 / 1;
padding-bottom: 15px;
}
.catalog-area__info p {
margin-bottom: 15px;
}
.services-area__desc,
.pricelist-area__desc {
margin-bottom: 15px;
}
.services-card {
display: block;
}
.services-card__mediabox {
height: 222px;
}
.services-card__body {
padding: 20px 15px;
}
.services-card__title {
margin-bottom: 15px;
}
.services-card__footer {
margin-top: 15px;
}
.services-item {
margin-bottom: 20px;
}
.question-area__cont {
width: 100%;
}
.question-area__title {
margin-bottom: 10px;
}
.advantages-area__desc,
.products-area__desc,
.news-area__desc,
.trust-area__desc,
.reviews-area__desc,
.photogallery-area__desc,
.tarifs-area__desc,
.dopservices-area__desc {
width: 100%;
}
.advantages-card__num {
margin-bottom: 15px;
}
.advantages-card__title {
margin-top: 20px;
}
.about-area__left {
width: 100%;
height: auto;
padding-top: 30px;
}
.about-area__right {
padding-top: 30px;
}
.about-area__title {
margin-bottom: 30px;
}
.news-card__date {
top: -16px;
}
.news-card__text {
padding-top: 7px;
}
.site-footer__top {
padding-top: 40px;
flex-wrap: wrap;
}
.site-footer__label {
flex: 0 0 100%;
margin-bottom: 20px;
}
.site-footer__bottom {
display: block;
padding-bottom: 18px;
}
.site-footer__copyright {
margin-bottom: 5px;
}
.pluses-grid {
grid-gap: 15px;
}
.pluses-card__num {
font-size: 40px;
}
.trust-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.vacancy-area {
display: none;
}
.vacancy-accordeon ul {
margin-bottom: 16px;
}
.vacancy-accordeon ul li {
margin-bottom: 16px;
}
.faq-accordeon ul {
margin-bottom: 16px;
}
.faq-accordeon ul li {
margin-bottom: 16px;
}
.seo-block__title br {
display: none;
}
.seo-block__left {
margin-bottom: 22px;
}
.category-page__grid {
grid-gap: 15px;
grid-template-columns: repeat(1, 1fr);
max-width: 345px;
margin-left: auto;
margin-right: auto;
}
.sliders-container__main {
height: 344px;
width: 100%;
}
.sliders-container__thumbs {
display: none;
}
.tabs__item {
padding: 30px;
}
.tabs__item_doc a {
margin-bottom: 10px;
margin-right: 20px;
width: 90%;
}
.tabs ul li span {
width: 30%;
}
.char-container__left {
margin-bottom: 20px;
}
.photogallery-slider__item_vertical {
height: 210px;
}
.photogallery-slider__item_horizontal {
height: 165px;
}
.tarifs-area__title {
text-align: left;
}
.tarifs-area__desc {
text-align: left;
}
.action-area__title {
margin-bottom: 10px;
}
.quiz__body-inner {
width: 100%;
height: auto;
padding-right: 0;
padding-bottom: 25px;
}
.quiz__body-inner:before {
display: none;
}
.quiz__varriant-grid {
grid-template-columns: repeat(1, 1fr);
max-width: 330px;
}
.quiz__footer-sale {
width: 200px;
padding: 15px 20px;
height: 44px;
}
.quiz__form-check {
margin-top: 15px;
}
.quiz__form-send {
margin-top: 15px;
}
.dopservices-area__grid {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
.news-page__title-text {
margin-left: 15px;
}
.contacts-page__forms {
padding: 60px 20px;
}
.contacts-page__forms-desc {
margin-bottom: 20px;
}
.contacts-tab {
padding: 50px 20px;
}
.contacts-tab__cnt {
padding: 50px 20px;
}
.contacts-tab__grid {
grid-gap: 30px;
}
.error-page__404 {
font-size: 185px;
}
.quiz-popup {
padding: 50px 30px 35px;
}
.thanks-popup {
padding: 50px 30px 35px;
}
.thanks-popup__svg {
margin-bottom: 20px;
height: 40px;
width: 40px;
}
.popup-form {
padding: 45px 50px 35px;
}
.popup-form__desc {
margin-bottom: 15px;
}
}
@media (max-width: 575.98px) {
.container .stretch {
max-width: 100%;
}
.container {
padding-right: 10px;
padding-left: 10px;
}
.reviewsslider-cont {
width: calc(100% + 40px);
}
.reviews-slider__item {
width: 286px;
}
}
.product-card {
margin-bottom: 30px;
}
@media (max-width: 479.98px) {
.advantages-grid {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
.product-slider__item {
width: 210px;
}
.projectslider-cont {
width: calc(100% + 20px);
}
.employeesslider-cont {
width: calc(100% + 10px);
}
.employees-slider__item {
width: 286px;
}
}
@media (max-width: 405.98px) {
.steps-area__grid {
grid-gap: 49px;
}
.catalog-area__grid,
.catalog-page__grid {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 374.98px) {
.product-page__btn {
margin-left: auto;
}
}
.dopservices-card-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
opacity: 0 !important;
transition: opacity .3s;
z-index: 1;
}
.dopservices-card:hover .dopservices-card-background,
.dopservices-card:hover:after {
opacity: 0.6 !important;
}
.contacts-tab ul {
list-style: none;
}
.screen-reader-response {
display: none;
}
.hidden {
display: none;
}
.trust-area__cont {
overflow: hidden;
max-height: 500px;
}
.open {
max-height: 100%;
}
.trust-grid__item img {
transition: filter .3s ease-in-out;
-webkit-filter: grayscale(99%);
filter: grayscale(99%);
}
.trust-grid__item img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.tabs table {
border-spacing: 0;
}
.tabs table tr td{
padding: 15px 0;
text-align: center;
border-bottom: 1px solid rgba(104, 104, 104, 0.2);
padding-right: 15px;
}
.tabs table tr td:first-child{
text-align: left;
width: 50%;
}
.tabs table tr td:last-child{
text-align: right;
}
@media (max-width: 405.98px) {
.tabs table {
width: 100%;
}
}
.product-slider__pagination {
display: none;
}
.contacts-tab__item-body,
.main-menu__link,
.site-footer__address p:first-child,
.catalog-card__title, .news-card__text,
.reviews-card__name, .vacancy-accordeon__title,
.offer-advantages__label,
.dopservices-card__title {
text-transform: uppercase;
}
.contacts-tab__item-body p {
margin-bottom: 20px;
}
.action-area__quiz-form-container {
height: 100%;
width: 100%;
display: flex;
}
.action-area__quiz-wpcf7 {
display: flex;
width: 100%;
}
.site-header.header-fix {
position: fixed;
left: 0;
top: 0;
-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%);
transform: translateY(-120%);
width: 100%;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.site-header.header-visible {
background-color: #fff;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.newsslider-cont .news-slider__pagination {
margin-top: 50px;
}
.product-card .product-card__btn-text {
display: none;
}
.product-card__buttons a:first-child{
width: max-content;
padding: 10px;
margin-right: 10px;
}
.product-card__buttons a:last-child{
width: 100%;
}
.category-page__grid .product-card:first-child .product-card__buttons a:last-child,
.category-page__grid .product-card:nth-child(9) .product-card__buttons a:last-child{
width: 288px;
}
.category-page__grid .product-card:first-child .product-card__buttons,
.category-page__grid .product-card:nth-child(9) .product-card__buttons{
justify-content: flex-start;
}
@media (max-width: 992px) {
.product-card__buttons a:first-child {
padding: 6px;
}
}
.tabs__item_char table {
width: 100%;
}