@charset "windows-1251"; @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:regular,italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Montserrat:regular); @font-face { font-family: "Gilroy-Bold"; font-display: swap; src: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Bold.woff2") format("woff2"), url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Bold.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gilroy-Medium"; font-display: swap; src: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Medium.woff2") format("woff2"), url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Medium.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gilroy-SemiBold"; font-display: swap; src: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-SemiBold.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gilroy-Regular"; font-display: swap; src: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Regular.woff2") format("woff2"), url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/fonts/Gilroy-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } * { padding: 0px; margin: 0px; border: 0px; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } aside, nav, footer, header, section { display: block; } html { font-size: 16px; } html, body { height: 100%; min-width: 320px; } body { line-height: 1; font-family: "Roboto Condensed"; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: "Roboto Condensed"; font-size: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: inherit; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; /* font-size: inherit; */ font-size: 20px; } /* &::-webkit-scrollbar { display: none; } */ body { color: #000; } body._lock { overflow: hidden; } .wrapper { width: 100%; min-height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._container { max-width: 1170px; margin: 0 auto; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0px 0px; } .button._fw { width: 100%; } .select { position: relative; } .select__item { position: relative; } .select__title { color: #000; border: 1px solid #d9d9d9; background-color: #fff; cursor: pointer; border-radius: 4px; } .select__value { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 30px; padding: 0px 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .select__value span { height: 1em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .select__value:before { content: ""; display: inline-block; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 12px; height: 7px; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/icons/select.svg") center/100% no-repeat; } .select__input { width: 100%; background-color: transparent; height: 100%; } .select__options { color: #000; position: absolute; top: 29px; border-radius: 0 0 4px 4px; min-width: 100%; left: 0; background-color: #fff; border-top: 0; border: 1px solid #d9d9d9; border-top: 0; font-size: 14px; padding: 10px 0px 5px 0px; } .select__option { cursor: pointer; padding: 5px 15px; margin: 0px 0px 0px 0px; } .select._active { z-index: 5; } .select._active .select__value:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .select._active .select__options { display: block; } input[type=text], input[type=email], input[type=tel], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus { outline: none; } .input { border-radius: 0 !important; width: 100%; display: block; padding: 0px 20px; } textarea.input { resize: none; padding: 0px 0px; } .checkbox { position: relative; } .checkbox__input { position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden; } .checkbox__input:checked + .checkbox__text:before { background: #fff url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/icons/check.svg") center no-repeat; } .checkbox__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 16px; color: #ffffff; letter-spacing: -0.3px; line-height: 1.25; cursor: pointer; } .checkbox__text:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; margin: 0px 14px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; left: 0; top: 0; width: 20px; height: 18px; background: #fff; border: 1px solid #a7a9ac; } .checkbox a { color: #fff; text-decoration: underline; } .checkbox._error .checkbox__text:before { border: 1px solid #ee1212; } .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .options__item { position: relative; cursor: pointer; } .options__input { position: absolute; width: 0; height: 0; opacity: 0; left: 0; top: 0; visibility: hidden; } .options__input:checked + .options__text:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .options__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 16px; color: #ffffff; letter-spacing: -0.3px; line-height: 1.25; } .options__text:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; margin: 0px 14px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; left: 0; top: 0; border-radius: 50%; width: 20px; height: 18px; background: #fff; border: 1px solid #a7a9ac; } .options__text:after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; height: 10px; border-radius: 50%; background-color: #77243a; position: absolute; left: 5px; top: 4px; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 40px; line-height: 0.75; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .rating.rating_sending { opacity: 0.2; } .rating.rating_set .rating__active, .rating.rating_set .rating__item { cursor: pointer; } .rating__body { position: relative; } .rating__body::before { content: "★★★★★"; display: block; } .rating__active { position: absolute; width: 0%; height: 100%; top: 0; left: 0; overflow: hidden; } .rating__active::before { content: "★★★★★"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #ffd300; } .rating__items { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .rating__item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; height: 100%; opacity: 0; } .rating__value { font-size: 50%; line-height: 1; padding: 0px 0px 0px 10px; } .quantity { width: 88px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(166, 166, 166, 0.45); } .quantity__button { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; position: relative; cursor: pointer; } .quantity__button::before, .quantity__button::after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0px 0px 0px -4.5px; background-color: #a6a6a6; width: 9px; height: 1px; } .quantity__button_plus::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .quantity__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .quantity__input input { height: 100%; color: #a6a6a6; font-size: 12px; width: 100%; text-align: center; } .row:after { display: block; content: ""; clear: both; } .rub:after { content: "₽"; } ol.counter { list-style-type: none; counter-reset: item; } ol.counter li { position: relative; padding: 0px 0px 0px 45px; } ol.counter li:before { counter-increment: item; content: counter(item); position: absolute; left: 0; top: 0; color: #818181; font-size: 14px; font-weight: 700; text-align: center; line-height: 26px; border-radius: 50%; width: 28px; height: 28px; border: 1px solid #4274bb; } .ellipsis { display: block; overflow: hidden; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .es { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .table { display: table; font-size: 0; width: 100%; } .trow { display: table-row; } .cell { display: table-cell; } .cell.full { width: 100%; } ._ibg { position: relative; } ._ibg img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } body.ie ._ibg { background-position: center; background-size: cover; background-repeat: no-repeat; } body.ie ._ibg img { width: 0; height: 0; opacity: 0; visibility: hidden; } ._video { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; } ._video video, ._video iframe, ._video object, ._video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videobg video, .videobg iframe, .videobg object, .videobg embed { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } ._more-content { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; } ._more-link { cursor: pointer; } ._more-link span { font-style: normal; } ._more-link span:first-child { display: block; } ._more-link span:last-child { display: none; } ._more-link._active span { font-style: normal; } ._more-link._active span:first-child { display: none; } ._more-link._active span:last-child { display: block; } #map { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/icons/loading.gif") center/50px no-repeat; } ._swiper { overflow: hidden; } ._swiper .swiper-wrapper { width: 100%; height: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } ._swiper.swiper-container-vertical .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._swiper.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .swiper-container-initialized .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; } .swiper-container-android .swiper-slide, .swiper-container-android .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-button-lock { display: none !important; } .swiper-pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 50; } .swiper-pagination-bullet { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 12px; height: 12px; background-color: #818181; border-radius: 29px; margin: 0 10px 0 0; } .swiper-pagination-bullet:last-child::after { display: none; } .swiper-pagination-bullet:first-child::before { display: none; } .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child { margin: 0 50px 0 0; } .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child { margin: 0 0 0 50px; } .swiper-pagination-bullet-active { background: #FFA800; position: relative; margin: 0 50px; } .swiper-pagination-bullet-active::after, .swiper-pagination-bullet-active::before { content: ""; position: absolute; width: 35px; height: 1px; background: #FFA800; } .swiper-pagination-bullet-active::after { right: -40px; } .swiper-pagination-bullet-active::before { left: -40px; } ._tabs-block { display: none; } ._tabs-block._active { display: -webkit-box; display: -ms-flexbox; display: flex; } .mirror { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .nicescroll-rails { z-index: 1000 !important; } ._custom-scroll { position: fixed; right: 0; top: 0; width: 3px; height: 100%; z-index: 1000; } ._custom-scroll__line { background-color: rgba(0, 0, 0, 0.5); border-radius: 3px 0 0 3px; position: relative; left: 0; top: 0; width: 100%; } .popup { -webkit-overflow-scrolling: touch; z-index: 100; padding: 30px 10px; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; -webkit-transition: visibility 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; } .popup::before { content: ""; background-color: rgba(0, 0, 0, 0.9); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } .popup.show { visibility: visible; overflow: auto; } .popup.show::before { opacity: 1; } .popup.show .popup__body { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .popup._active { overflow: auto; visibility: visible; } .popup._active::before { opacity: 1; } .popup._active .popup__body { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; } .popup__body { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: #fff; padding: 50px; width: 100%; max-width: 800px; } .popup__close { width: 15px; height: 15px; position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 30; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/icons/close.svg") 0 0 no-repeat; } .header__top { background: #000; } @-webkit-keyframes logoBlock { 0% { top: -500px; } 100% { top: -25px; } } @keyframes logoBlock { 0% { top: -500px; } 100% { top: -25px; } } .top-header__body { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 114.2857142857%; color: #fff; font-weight: 500; } .top-header__body a { color: inherit; } .top-header__logoBlock { width: 200px; height: 200px; background: #FF5E15; top: -25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; -webkit-animation: logoBlock 1s; animation: logoBlock 1s; } .top-header__logo { padding: 100px 0 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .top-header__logo span { font-weight: 700; line-height: 112.5%; text-transform: uppercase; } .top-header__decor { position: relative; top: -35px; left: 30px; } .top-header__decor::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 0; border-left: 24px solid transparent; border-right: 0px solid transparent; border-bottom: 24px solid #333; } .top-header__decor::before { content: ""; position: absolute; z-index: 1; top: 0; left: 50%; width: 0; height: 0; border-left: 32px solid transparent; border-right: 0px solid transparent; border-bottom: 32px solid #FFA800; } .top-header__blokLocation { display: -webkit-box; display: -ms-flexbox; display: flex; } .top-header__email { padding: 0 15px 0 15px; } .top-header__location { padding: 0 0 0 27px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .top-header__location::after { content: ""; position: absolute; top: 0; left: 0px; width: 1px; height: 22.5px; background: #fff; } .top-header__location_img { padding: 0 15px 0 0; } .top-header__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .top-header__social > *:not(:last-child) { padding: 0 18px 0 0; } .bottom-header { position: relative; } .bottom-header__body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-header__nav { position: relative; } .bottom-header__menu { padding: 0 0 0 180px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; font-weight: 700; line-height: 116.6666666667%; font-size: 18px; text-transform: uppercase; } .bottom-header__link { color: inherit; position: relative; white-space: nowrap; } .bottom-header__block { position: absolute; top: 0; right: 0; z-index: 5; padding-left: calc(0px + 200 * ((100vw - 320px) / 1600)); } .bottom-header__call { background: #FF5E15; color: #fff; text-transform: uppercase; font-weight: 700; height: 80px; padding: 15px 100px 15px 30px; } .bottom-header__text { white-space: nowrap; font-size: 14px; line-height: 114.2857142857%; padding: 0 0 5px 0; } .bottom-header__telephone { white-space: nowrap; color: inherit; font-size: 24px; line-height: 116.6666666667%; } .bottom-header__hidden { position: absolute; top: 50px; left: 40%; padding: 20px; z-index: 20; } .bottom-header__hidden::before { content: ""; position: absolute; top: -20px; left: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #FF5E15; } .hidden { display: none; background: #FF5E15; } .hidden._active { display: block; } .hidden__list { font-size: 18px; } .hidden__list > *:not(:last-child) { padding: 0 0 10px 0; } .hidden__link { display: block; color: #fff; } .icon-menu { display: none; } .footer { padding: 100px 0 0 0; } .head-footer { background: #011659; } .head-footer__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 100px 10px 226px 10px; } .head-footer__column { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } .head-footer__item { font-size: 15px; line-height: 120%; color: rgba(255, 255, 255, 0.7); } .head-footer__item a { color: inherit; } .head-footer__title { font-weight: 700; font-size: 25px; line-height: 116%; text-transform: uppercase; color: #fff; padding: 0 0 47px 0; } .head-footer__telephone { text-transform: uppercase; padding: 0 0 25px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .head-footer__telephone::before { content: ""; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/footer/head-footer/1.svg") left no-repeat; position: absolute; top: 0; left: 0; width: 20px; height: 20px; } .head-footer__email { padding: 0 0 32px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .head-footer__email::before { content: ""; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/footer/head-footer/2.svg") left no-repeat; position: absolute; top: 0; left: 0; width: 20px; height: 20px; } .head-footer__location { padding: 0 0 0 40px; position: relative; } .head-footer__location::before { content: ""; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/footer/head-footer/3.svg") left no-repeat; position: absolute; top: 0; left: 0; width: 20px; height: 20px; } .head-footer__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .head-footer__menu > *:not(:last-child) { padding: 0 0 15px 0; } .head-footer__link:hover { color: #FF5E15; } .head-footer__img { padding: 0 0 50% 0; } .bottom-footer__row { margin: -110px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px 57px 50px 57px; background: #FF5E15; } .bottom-footer__title { font-size: 32px; line-height: 118.75%; text-transform: uppercase; position: relative; padding: 0 0 0 79px; min-width: 291px; } .bottom-footer__title::after { content: ""; position: absolute; top: 0; width: 0; left: 0; height: 0; border-left: 32px solid transparent; border-right: 0px solid transparent; border-bottom: 32px solid #333; } .bottom-footer__title::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 0; border-left: 51px solid transparent; border-right: 0px solid transparent; border-bottom: 51px solid #FFA800; } .bottom-footer__text { font-size: 16px; font-weight: 700; line-height: 158%; padding: 0 78px 0 66px; } .bottom-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; } .bottom-footer__social a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 54px; width: 54px; border: 1px solid #FFFFFF; } .bottom-footer__social > *:not(:last-child) { border-right: none; } .bottom-footer__block { display: -webkit-box; display: -ms-flexbox; display: flex; color: #686868; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; line-height: 158%; font-family: "Montserrat"; padding: 15px 0 25px 0; } .bottom-footer__block a { color: inherit; } .bottom-footer__work span { text-decoration: underline; color: #FF5E15; } .finishing-work { position: relative; } .finishing-work__body { position: relative; z-index: 10; } .finishing-work__slide { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .finishing-work__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 136px 0 131px 0; position: relative; z-index: 10; } .finishing-work__column { width: 50%; } .finishing-work__title { font-weight: 700; font-size: calc(33px + 50 * ((100vw - 320px) / 1600)); line-height: 117.2043010753%; text-transform: uppercase; padding: 0 0 18px 0; } .finishing-work__text { font-size: 37px; line-height: 118.9189189189%; padding: 0 0 45px 0; max-width: 450px; } .finishing-work__buttons > *:not(:last-child) { margin: 0 25px 0 0; } .finishing-work__buttons a { color: #fff; } .finishing-work__image { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .finishing-work__image img { max-width: 100%; } .finishing-work__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .btn { padding: 0 20px; display: inline-block; font-size: 20px; font-weight: 700; line-height: 50px; min-height: 50px; text-transform: uppercase; background: #FF5E15; color: #fff; } .btn:hover { background: #e74f09; } .btn_blue { background: #1A3BB0; } .btn_blue:hover { background: #18359c; } .slider-quality__pagging { margin: 100px 0 0 0; } .about { padding: 101px 0 163px 0; } .about__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .about__body > *:last-child { padding: 0 0 0 42px; } .about__column { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .about__item { color: #191f16; } .about__subtitle { line-height: 118.1818181818%; color: #FF5E15; padding: 30px 0 18px 0; font-size: 22px; } .about__title { font-weight: 700; font-size: 59px; line-height: 116.9491525424%; text-transform: uppercase; padding: 0 0 34px 0; } .about__advantage { font-style: italic; font-weight: 700; font-size: 18px; line-height: 158%; padding: 0 0 0px 26px; position: relative; } .about__advantage::after { content: ""; width: 3px; height: 100%; background: #FF5E15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: absolute; top: 0; left: 0; } .about__text { font-size: 18px; line-height: 158%; padding: 27px 0 21px 0; font-weight: 700; } .about__btn { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .about__btn:hover { background: #e05311; color: #fff; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border-radius: 10px; } .about__image { padding: 0 0 70% 0; } .about__row-img { display: -webkit-box; display: -ms-flexbox; display: flex; } .about__row_column { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; background: blue; } .about__row_column_yellow { background: #FF5E15; } .about__row_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about__row_item img { max-width: 100%; } .advantage { padding: 0 0 150px 0; } .advantage__subtitle { line-height: 118.1818181818%; color: #FF5E15; padding: 0 0 11px 0; text-align: center; font-size: 22px; } .advantage__title { line-height: 115%; color: #191f16; text-transform: uppercase; font-weight: 700; padding: 0 0 43px 0; text-align: center; font-size: 60px; } .advantage__body { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -16.5px; } .advantage__body_hidden { display: none; } .advantage__column { padding: 0 16.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .advantage__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .advantage__content { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .advantage__img { padding: 0 0 63% 0; } .advantage__label { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; line-height: 158%; color: #000; text-transform: uppercase; padding: 40px 0 22px 0; font-size: 19px; } .advantage__label span { padding: 0 12px 0 0; } .advantage__text { line-height: 158%; font-size: 20px; color: #191f16; padding: 0 0 20px 0; font-weight: 700; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } .advantage__learn { font-weight: 700; font-size: 14px; line-height: 158%; text-transform: uppercase; color: #F67402; position: relative; } .advantage__learn:hover { text-decoration: underline; } .advantage__learn::after { content: ""; padding: 0 0 0 25px; width: 18.5px; height: 7px; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/advantages/arrow.svg") right no-repeat; } .advantage__control { display: none; padding: 50px 0 0 0; } .qustions__head { background: #FF5E15; padding: 60px 0 50px 0; } .head-qustions__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-qustions__text { font-weight: 700; font-size: 29px; line-height: 158%; text-transform: uppercase; color: #fff; padding: 0 10px 0 59px; } .head-qustions__btn { white-space: nowrap; padding: 20px 50px; border: 1px solid #fff; font-size: 20.1284px; color: #fff; text-transform: uppercase; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .head-qustions__btn:hover { background: #fff; color: #FF5E15; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border-radius: 10px; } .bottom-qustions { background: #011659; text-align: center; } .bottom-qustions__title { font-size: 45px; color: #fff; padding: 115px 0 0 0; } .bottom-qustions__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0 259px 0; } .bottom-qustions__body img { max-width: 100%; } .products { margin: -190px 0 0 0; } .products__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs__nav { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } .tabs__item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; font-weight: 700; font-size: 18px; line-height: 158%; color: #686868; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FDFDFD; border: 1px solid #F0F0F0; } .tabs__item._active { background: #FF5E15; color: #fff; border: none; } .tabs__item span { padding: 0 8px 0 0; } .tabs__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 20px; width: 100%; } .tabs__block { background: #fff; } .tabs__column { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .tabs__textBlock { padding: 100px 48px 0 100px; } .tabs__title { font-weight: 700; font-size: 39px; line-height: 117.9487179487%; text-transform: uppercase; color: #011659; padding: 0 0 25px 0; max-width: 200px; } .tabs__text { font-weight: 700; line-height: 158%; color: #191f16; padding: 0 0 25px 0; } .tabs__learn { font-size: 12px; font-weight: 700; line-height: 158%; text-transform: uppercase; color: #F67402; } .tabs__learn:hover { text-decoration: underline; } .tabs__learn a { color: inherit; } .tabs__learn::after { content: ""; padding: 0 0 0 25px; width: 18.5px; height: 7px; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/advantages/arrow.svg") right no-repeat; } .tabs__price { font-size: 28px; font-weight: 700; line-height: 114.2857142857%; color: #F67402; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 33px 0 0 0; } .tabs__img { background: #FFA800; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .tabs__img img { max-width: 100%; } .project { position: relative; } .project::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0%; width: 1537px; height: 90%; background: #011659; } .project__body { position: relative; z-index: 5; } .project__head { padding: 114px 0 44px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project__textblock { max-width: 600px; } .project__subtitle { line-height: 118.1818181818%; color: #F67402; padding: 0 0 12px 0; font-size: 22px; } .project__title { font-weight: 700; line-height: 116.9491525424%; text-transform: uppercase; color: #fff; font-size: 59px; } .project__decor { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; right: 127px; opacity: 0.5; } .project__decor::after { content: ""; position: absolute; width: 0; height: 0; z-index: 1; bottom: 30px; right: -30px; border-left: 96px solid transparent; border-right: 0px solid transparent; border-bottom: 96px solid rgba(255, 255, 255, 0.32); } .project__decor::before { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-left: 127px solid transparent; border-right: 0px solid transparent; border-bottom: 127px solid rgba(255, 255, 255, 0.32); } .slider-project { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 43px; } .slider-project__arrow { position: absolute; top: 50%; width: 87px; height: 87px; z-index: 1; } .slider-project__arrow_r { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow.svg") 50% 50% no-repeat; background-color: #FF5E15; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .slider-project__arrow_r.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-project__arrow_l { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow.svg") 50% 50% no-repeat; background-color: #FF5E15; -webkit-transform: rotate(-180deg) translate(50%, 0); -ms-transform: rotate(-180deg) translate(50%, 0); transform: rotate(-180deg) translate(50%, 0); } .slider-project__arrow_l.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-project__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-project__item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slider-project__item:hover .slider-project__number { color: #000; } .slider-project__item:hover .slider-project__title { color: #000; } .slider-project__item:hover .slider-project__image img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .slider-project__image { padding: 0 0 162% 0; } .slider-project__texblock { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FF5E15; color: #fff; padding: 11px 0 21px 47px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; z-index: 10; } .slider-project__texblock::after { content: ""; position: absolute; z-index: -1; top: 0; right: -40px; width: 100%; height: 100%; background: #FF5E15; } .slider-project__number { font-weight: 700; line-height: 118.0722891566%; text-transform: uppercase; padding: 0 10px 0 0; font-size: 83px; } .slider-project__text > *:not(:last-child) { padding: 0 0 3px 0; } .slider-project__title { line-height: 117.6470588235%; font-size: 17px; } .slider-project__subtitle { font-weight: 700; font-size: 30px; line-height: 120%; } .slider-project__work { line-height: 117.6470588235%; font-size: 17px; } .about_services { padding: 131px 0 140px 0; } .about__image { padding: 0 0 70% 0; } .about__image_services { padding: 0 0 96% 0; } .textblock { padding: 0 0 50px 0; } .textblock__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .textblock__body > *:not(:last-child) { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .textblock__text { font-weight: 700; font-size: 16px; line-height: 158%; color: #191F16; position: relative; padding: 0 31.5px; } .textblock__text::before { content: ""; background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/services/textblock/check.svg") left top no-repeat; position: absolute; top: 0; left: 0; width: 16.5px; height: 15.5px; } .textblock__text:not(:last-child) { padding: 0 31.5px 70px 31.5px; } table { border-spacing: 0px; } .pricing__title { font-style: italic; line-height: 158%; color: #191F16; padding: 0 0 20px 0; } .pricing__pricing { border-collapse: collapse; } .pricing__head { background: rgba(196, 196, 196, 0.24); line-height: 158%; color: #9D9D9D; } .pricing__head th { padding: 25px 0; } .pricing__head th:nth-child(1) { padding: 0 0 0 44px; text-align: left; } .pricing__head th:nth-child(2) { padding: 25px 0 25px 30px; } .pricing__head th:nth-child(3) { text-align: left; padding: 0 0 0 86px; } .pricing__item { border: 1px solid #F0F0F0; font-weight: 700; font-size: 16px; line-height: 158%; color: #686868; } .pricing__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; overflow: hidden; } .pricing__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 0 20px; } .pricing__subtitle { padding: 0 0 0 15px; font-size: 18px; } .pricing__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; padding: 0 0 0 30px; } .pricing__text { font-weight: 400; padding: 0 0 0 86px; } .portfolio { padding: 170px 0 50px 0; } .portfolio__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 30px 0; } .portfolio__textblock { max-width: 670px; } .portfolio__subtitle { line-height: 118.1818181818%; color: #F67402; padding: 0 0 12px 0; font-size: 22px; } .portfolio__title { font-weight: 700; line-height: 116.9491525424%; text-transform: uppercase; color: #000; font-size: 59px; } .portfolio__decor { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; right: 127px; opacity: 0.5; } .portfolio__decor::after { content: ""; position: absolute; width: 0; height: 0; z-index: 1; bottom: 30px; right: -30px; border-left: 96px solid transparent; border-right: 0px solid transparent; border-bottom: 96px solid rgba(255, 255, 255, 0.32); } .portfolio__decor::before { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-left: 127px solid transparent; border-right: 0px solid transparent; border-bottom: 127px solid rgba(255, 255, 255, 0.32); } .slider-portfolio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 43px; } .slider-portfolio__arrow { position: absolute; top: 50%; width: 87px; height: 87px; z-index: 1; } .slider-portfolio__arrow_r { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow.svg") 50% 50% no-repeat; background-color: #FF5E15; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .slider-portfolio__arrow_r.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-portfolio__arrow_l { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow.svg") 50% 50% no-repeat; background-color: #FF5E15; -webkit-transform: rotate(-180deg) translate(50%, 0); -ms-transform: rotate(-180deg) translate(50%, 0); transform: rotate(-180deg) translate(50%, 0); } .slider-portfolio__arrow_l.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-portfolio__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-portfolio__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slider-portfolio__item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slider-portfolio__item:hover .slider-portfolio__number { color: #FF5E15; } .slider-portfolio__item:hover .slider-portfolio__title { color: #FF5E15; } .slider-portfolio__item:hover .slider-portfolio__image img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .slider-portfolio__image { padding: 0 0 162% 0; } .slider-portfolio__texblock { display: -webkit-box; display: -ms-flexbox; display: flex; background: #000; color: #fff; padding: 11px 0 21px 47px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; z-index: 10; } .slider-portfolio__texblock::after { content: ""; position: absolute; z-index: -1; top: 0; right: -40px; width: 100%; height: 100%; background: #000; } .slider-portfolio__number { font-weight: 700; line-height: 118.0722891566%; text-transform: uppercase; padding: 0 10px 0 0; font-size: 83px; } .slider-portfolio__text > *:not(:last-child) { padding: 0 0 3px 0; } .slider-portfolio__title { line-height: 117.6470588235%; font-size: 17px; } .slider-portfolio__subtitle { font-weight: 700; font-size: 30px; line-height: 120%; } .slider-portfolio__work { line-height: 117.6470588235%; font-size: 17px; } .page { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (min-width: 767px) { .finishing-work__btn { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .finishing-work__btn:hover { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border-radius: 10px; } } @media (min-width: 768px) { .bottom-header__link::after { content: ""; width: 0%; position: absolute; bottom: -3px; left: 50%; background: #FF5E15; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .bottom-header__link:hover::after { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; width: 100%; left: 0; height: 1px; } .bottom-header__link.active { color: #FF5E15; } } @media (min-width: 991.98px) { .quantity__button:hover::before, .quantity__button:hover::after { background-color: rgba(0, 0, 0, 0.5); } } @media (min-width: 992px) { .select__option:hover { background: #d9d9d9; } .checkbox a:hover { text-decoration: none; } } @media (min-width: 993px) { .bottom-header__menu > *:not(:last-child) { padding-right: calc(0px + 62 * ((100vw - 320px) / 1600)); } } @media (max-width: 1170px) { .advantage__subtitle { font-size: calc(13px + 9 * ((100vw - 320px) / 850)); } .advantage__title { font-size: calc(24px + 36 * ((100vw - 320px) / 850)); } .head-qustions__text { font-size: calc(12px + 17 * ((100vw - 320px) / 850)); } .bottom-qustions__title { font-size: calc(25px + 20 * ((100vw - 320px) / 850)); } .project__subtitle { font-size: calc(14px + 8 * ((100vw - 320px) / 850)); } .project__title { font-size: calc(24px + 35 * ((100vw - 320px) / 850)); } .portfolio__subtitle { font-size: calc(14px + 8 * ((100vw - 320px) / 850)); } .portfolio__title { font-size: calc(24px + 35 * ((100vw - 320px) / 850)); } } @media (max-width: 992px) { .top-header__logoBlock { width: 150px; height: 150px; left: -10px; } .top-header__email { padding: 0 10px; } .top-header__location { padding: 0 0 0 10px; } .top-header__location_img { padding: 0 7px 0 0; } .bottom-header__menu { padding: 0 0 0 90px; font-size: 16px; } .bottom-header__menu > *:not(:last-child) { padding: 0 10px 0 0; } .bottom-header__block { padding: 0 0 0 10px; } .bottom-header__call { padding: 15px 100px 15px 15px; } .bottom-header__hidden { left: 35%; } .bottom-footer__row { padding: 30px 40px 30px 40px; } .bottom-footer__title { font-size: 23px; padding: 0 0 0 46px; } .bottom-footer__title::after { content: ""; border-left: 23px solid transparent; border-right: 0px solid transparent; border-bottom: 23px solid #333; } .bottom-footer__title::before { content: ""; border-left: 36px solid transparent; border-right: 0px solid transparent; border-bottom: 36px solid #FFA800; } .bottom-footer__text { padding: 0 46px 0 0; font-size: 12px; } .finishing-work__content { padding: 100px 0 131px 0; } .finishing-work__text { font-size: 26px; line-height: 119.2307692308%; padding: 0 0 34px 0; } .btn { font-size: 14px; } .about__body > *:last-child { padding: 0 0 0 22px; } .about__subtitle { font-size: 16px; line-height: 118.75%; padding: 30px 0 12px 0; } .about__title { font-size: 42px; line-height: 116.6666666667%; padding: 0 0 24px 0; } .about__advantage { font-size: 23px; } .about__text { font-size: 23px; } .advantage { padding: 0 0 105px 0; } .advantage__subtitle { padding: 0 0 7px 0; } .advantage__title { padding: 0 0 30px 0; } .advantage__label { padding: 30px 0 16px 0; font-size: 15px; } .head-qustions__body img { width: 62px; height: 62px; } .head-qustions__text { padding: 0 10px 0 42px; } .head-qustions__btn { padding: 20px; } .bottom-qustions__title { padding: 80px 0 0 0; } .bottom-qustions__body { padding: 20px 0 184px 0; } .tabs__control { padding: 0 10px; } .project__head { padding: 50px 0; } .project__decor { bottom: -30px; } .slider-project { padding: 0 28px; } .slider-project__arrow { width: 57px; height: 57px; } .slider-project__texblock { padding: 7px 0 13px 31px; } .slider-project__number { font-size: 55px; padding: 0 7px 0 0; } .slider-project__title { font-size: 12px; } .slider-project__subtitle { font-size: 20px; } .slider-project__work { font-size: 12px; } .about_services { padding: 58px 0 60px 0; } .textblock { padding: 40px 0 50px 0; } .portfolio { padding: 110px 0 0px; } .portfolio__decor { bottom: -30px; } .slider-portfolio { padding: 0 28px; } .slider-portfolio__arrow { width: 57px; height: 57px; } .slider-portfolio__texblock { padding: 7px 0 13px 31px; } .slider-portfolio__number { font-size: 55px; padding: 0 7px 0 0; } .slider-portfolio__title { font-size: 12px; } .slider-portfolio__subtitle { font-size: 20px; } .slider-portfolio__work { font-size: 12px; } } @media (max-width: 991.98px) { .select__title { font-size: 18px; } .select__options { font-size: 18px; } } @media (max-width: 850px) { .top-header__location_text { display: none; } } @media (max-width: 767px) { .top-header__logoBlock { width: 110px; height: 110px; left: 0; } .top-header__logo { padding: 50px 0 0 0; } .top-header__decor { top: -15px; left: 37px; } .top-header__decor::after { border-left: 11px solid transparent; border-right: 0px solid transparent; border-bottom: 11px solid #333; } .top-header__decor::before { border-left: 15px solid transparent; border-right: 0px solid transparent; border-bottom: 15px solid #FFA800; } .top-header__email { padding: 0 5px; } .top-header__social > *:not(:last-child) { padding: 0 8px 0 0; } .bottom-header__body { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bottom-header__menu > *:not(:last-child) { padding: 0 0 20px 0; } .menu__body { position: fixed; left: 0; top: -100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; } .menu__body._active { padding: 50px 30px; background-color: #FF5E15; left: 0; top: 0; font-size: 25px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; z-index: 100; color: #fff; } .hidden { display: none; } .icon-menu { display: block; position: absolute; top: 70px; right: 10px; width: 30px; height: 18px; cursor: pointer; z-index: 102; } .icon-menu span { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: calc(50% - 1px); left: 0px; position: absolute; width: 100%; height: 2px; background-color: #fff; } .icon-menu span:first-child { top: 0px; } .icon-menu span:last-child { top: auto; bottom: 0px; } .icon-menu._active span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .icon-menu._active span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); } .icon-menu._active span:last-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: calc(50% - 1px); } .footer { padding: 50px 0 0 0; } .head-footer__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 22px 10px 51px 10px; margin: 0 auto; } .head-footer__body > *:nth-child(2) { padding: 50px 0 0 0; } .head-footer__body > *:nth-child(3) { padding: 27px 0 0 0; } .head-footer__title { padding: 15px 0 18px 0; } .bottom-footer__row { padding: 22px 25px; margin: -45px 0 0 0; } .bottom-footer__title { font-size: 14px; padding: 0 0 0 33px; min-width: 0; } .bottom-footer__title::after { content: ""; border-left: 13px solid transparent; border-right: 0px solid transparent; border-bottom: 13px solid #333; } .bottom-footer__title::before { content: ""; border-left: 21px solid transparent; border-right: 0px solid transparent; border-bottom: 21px solid #FFA800; } .bottom-footer__text { display: none; } .bottom-footer__social a { height: 22px; width: 22px; } .bottom-footer__social img { width: 10px; height: 10px; } .bottom-footer__block { font-size: 9px; } .finishing-work { padding: 0 0 40px 0; } .finishing-work__slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; } .finishing-work__content { padding: 10px 0 35px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .finishing-work__column { width: 100%; } .finishing-work__text { font-size: 16px; max-width: none; } .finishing-work__buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .finishing-work__buttons > *:not(:last-child) { margin: 0 10px 0 0; } .finishing-work__image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); padding: 50px 0 0 0; } .btn { padding: 0 20px; } .slider-quality__pagging { margin: 0px 0 0 0; } .about { padding: 60px 0 58px 0; } .about_my { padding: 20px 0 0px 0; } .about__subtitle { font-size: 16px; padding: 30px 0 4px 0; } .about__title { font-size: 42px; padding: 0 0 16px 0; } .about__text { padding: 8px 0 30px 0; } .advantage { padding: 0 0 50px 0; } .advantage__subtitle { padding: 0 0 5px 0; } .advantage__title { padding: 0 0 45px 0; } .advantage__body { margin: 0 5px; display: none; } .advantage__body_hidden { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } .advantage__body_hidden .advantage__column { padding: 0; } .advantage__column { padding: 0 5px; } .advantage__label { padding: 10px 0; font-size: 13px; } .advantage__label span { padding: 0 5px 0 0; } .advantage__label img { width: 32px; height: 32px; } .advantage__text { font-size: 18px; padding: 0 0 14px 0; } .advantage__control { display: -webkit-box; display: -ms-flexbox; display: flex; } .qustions__head { padding: 40px 0 30px 0; } .bottom-qustions__title { padding: 30px 0 0 0; } .bottom-qustions__body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 30px; } .bottom-qustions__body img { height: 100px; } .products { margin: -10px 0 0 0; } .tabs__nav { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs__item { height: 80px; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; font-size: 14px; } .tabs__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs__textBlock { padding: 30px 10px 0 20px; } .tabs__title { font-size: 17px; padding: 0 0 10px 0; } .tabs__text { font-size: 12px; padding: 0 0 21px 0; } .tabs__price { padding: 20px 0 0 0; } .project__decor { display: none; } .slider-project__texblock { padding: 4px 0 8px 15px; } .slider-project__number { font-size: 32px; } .about_services { padding: 0; } .textblock__text:not(:last-child) { padding: 0 31.5px 50px 31.5px; } .portfolio { padding: 65px 0 0 0; } .portfolio__decor { display: none; } .slider-portfolio__texblock { padding: 4px 0 8px 15px; } .slider-portfolio__number { font-size: 32px; } } @media (max-width: 767px) and (max-width: 1170px) { .about__subtitle { font-size: calc(13px + 3 * ((100vw - 320px) / 850)); } .about__title { font-size: calc(24px + 18 * ((100vw - 320px) / 850)); } } @media (max-width: 550px) { .top-header__location { display: none; } .bottom-footer__block { font-size: 6px; } .about__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .qustions__head { padding: 15px 0; } .head-qustions__body img { width: 37px; height: 37px; } .head-qustions__text { padding: 0 0 0 25px; } .head-qustions__btn { display: none; } .tabs__control { padding: 0; } .project__head { padding: 30px 0; } .slider-project { padding: 0 17px; } .slider-project__arrow { width: 34px; height: 34px; } .slider-project__arrow_r { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm.svg") 50% 50% no-repeat; background-color: #FF5E15; } .slider-project__arrow_r.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-project__arrow_l { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm.svg") 50% 50% no-repeat; background-color: #FF5E15; } .slider-project__arrow_l.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-project__title { font-size: 7px; } .slider-project__subtitle { font-size: 12px; } .slider-project__work { font-size: 7px; } .textblock { padding: 40px 0 0 0; } .textblock__body > *:not(:last-child) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .textblock__text:last-child { display: none; } .textblock__text:not(:last-child) { padding: 0 10px 40px 33px; } .textblock__text:nth-child(1) { padding: 0 10px 20px 33px; } .pricing__head th:nth-child(2) { padding: 25px 20px 25px 30px; } .pricing__head th:nth-child(3) { display: none; } .pricing__price { padding: 0 20px 0 30px; } .pricing__text { display: none; } .portfolio__head { display: none; } .slider-portfolio { padding: 0 17px; } .slider-portfolio__arrow { width: 34px; height: 34px; } .slider-portfolio__arrow_r { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm.svg") 50% 50% no-repeat; background-color: #FF5E15; } .slider-portfolio__arrow_r.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-portfolio__arrow_l { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm.svg") 50% 50% no-repeat; background-color: #FF5E15; } .slider-portfolio__arrow_l.swiper-button-disabled { background: url("https://xn----8sbbnf4agvzkc1k.xn--p1ai/img/project/arrow_sm_disabl.svg") 50% 50% no-repeat; background-color: #fff; } .slider-portfolio__title { font-size: 7px; } .slider-portfolio__subtitle { font-size: 12px; } .slider-portfolio__work { font-size: 7px; } }