html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
* {
outline: none;
box-sizing: border-box;
margin: 0;
padding: 0;
}
:before, :after {
box-sizing: border-box;
}
body {
position: relative;
background: #fff;
font-family: var(--font-family);
font-size: 16px;
color: var(--color-text-200);
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.bg-gray, .bg-gray .footer {
background: var(--color-text-backing);
}
html {
scroll-behavior: smooth;
}
html, body {
min-height: 100%;
display: flex;
flex-direction: column;
}
.container {
margin: 0 auto;
min-width: 300px;
max-width: 1700px;
padding: 0 40px;
width: 100%;
}
ul, ul li {
list-style: none;
}
ul:not([class]) {
margin-top: 10px;
}
ul:not([class]) li {
position: relative;
padding-left: 25px;
}
ul:not([class]) li:before {
content: '•';
display: block;
position: absolute;
left: 8px;
top: 0;
}
a {
text-decoration: none;
color: #2E72A4;
transition: all 100ms ease;
}
p {
margin-top: 20px;
}
img {
border: none;
vertical-align: top;
max-width: 100%;
}
video {
vertical-align: top;
max-width: 100%;
}
.hidden {
display: none;
}
.viewport-wrapper {
position: relative;
min-width: 300px;
min-height: 100%;
display: flex;
flex-direction: column;
}
section {
padding-top: 80px;
}
.d-none {
display: none;
}
.d-flex {
display: flex; flex-wrap: wrap;
}
.flex-column {
flex-direction: column;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.j-between {
justify-content: space-between;
}
.j-center {
justify-content: center;
}
.j-end {
justify-content: flex-end;
}
.j-evenly {
justify-content: space-evenly;
}
.a-start {
align-items: flex-start;
}
.a-center {
align-items: center;
}
.a-end {
align-items: flex-end;
}
.flex-1 {
flex: 1;
}
.header {
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
transition: all 200ms ease;
background: #fff;
overflow: hidden;
border-bottom: 1px solid var(--input-border);
}
.fixed-header {
}
.header:hover {
overflow: visible;
}
.header-content {
position: relative;
z-index: 100;
background: #fff;
}
.header-top {
height: 42px;
border-bottom: 1px solid var(--input-border);
}
.header .left-col {
width: 310px;
}
.heder-sep {
margin: 0 16px;
width: 1px;
height: 16px;
background: #cdcdcd;
}
.header-showroom a {
font-weight: 600;
font-size: 15px;
color: #555;
}
.header-showroom a:after {
margin-left: 5px;
color: #7D4421;
font-size: 13px;
}
.header-nav {
margin-right: auto;
}
.header-nav li {
margin-right: 24px;
}
.header-nav li a {
display: inline-flex;
align-items: center;
font-weight: 600;
font-size: 15px;
line-height: 120%;
color: #7d7d7d;
}
.header-nav li .dot {
background: var(--color-prime);
width: 6px;
height: 6px;
border-radius: 50%;
margin-left: 10px;
}
.header-nav .sep {
padding-left: 24px;
border-left: 1px solid var(--input-border);
}
.header-nav .superlink {
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 12px;
line-height: 120%;
letter-spacing: 0.02em;
color: var(--color-text-200);
font-family: var(--second-family);
}
.header-nav .superlink span {
margin-left: 4px;
display: inline-flex;
align-items: center;
background: var(--color-second);
border-radius: 4px;
padding: 2px;
color: var(--color-white);
}
.header-mail {
margin-right: 32px;
}
.header-mail a {
border-radius: 10px;
font-weight: 500;
font-size: 15px;
color: #555;
}
.header-tel {
margin-left: 22px;
padding-left: 22px;
border-left: 1px solid var(--input-border);
}
.header-tel:after {
padding-top: 2px;
order: -1;
margin-right: 4px;
font-size: 15px;
color: #FD933A;
}
.header-tel .item + .item {
margin-left: 22px;
}
.header-tel .item {
font-weight: 600;
color: var(--color-text-330);
}
.header-mid {
position: relative;
display: flex;
}
.header-menu {
margin-right: auto;
}
.header-menu > ul > li {
margin-right: 32px;
}
.header-menu > ul > li > a {
display: inline-flex;
align-items: center;
height: 80px;
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
color: var(--color-text-200);
}
.header-menu > ul > li > a img {
margin-left: 14px;
}
.header-menu > ul > li > a span:after {
content: '';
display: block;
height: 2px;
transition: all 200ms ease;
background: var(--color-prime-dark-1);
opacity: 0;
}
.header-dropdown {
position: absolute;
left: -10px;
top: 100%;
width: 377px;
padding-top: 10px;
display: none;
}
/* .dropdown:after {
content: '';
display: block;
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.2);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
} */
.dropdown-container {
position: relative;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
background: var(--color-white);
border-radius: 20px;
z-index: 30;
padding: 35px;
}
.dropdown-container::before {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 18px;
height: 16px;
position: absolute;
left: 60px;
top: -9px;
}
.dropdown-container > .list > li + li {
margin-top: 14px;
}
.dropdown-container > .list > li a {
font-weight: 500;
font-size: 18px;
color: #444;
}
.header-overlay {
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.2);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 120vh;
z-index: 20;
display: none;
}
.dropdow-menu {
left: 0;
width: 100%;
max-width: 1244px;
}
.dropdow-menu .dropdown-container {
padding: 34px 40px 40px;
}
.dropdow-menu .dropdown-container::before {
left: 340px;
}
.catalog-nav .list {
display: flex;
}
.catalog-nav .list > li:not(:last-child) {
padding-right: 32px;
border-right: 1px solid var(--color-text-backing-2);
}
.catalog-nav .list > li:not(:first-child) {
padding-left: 32px;
}
.catalog-nav .title {
font-size: 19px;
color: var(--color-black);
}
.catalog-nav li ul {
padding-top: 5px;
}
.catalog-nav li li {
margin-top: 12px;
}
.catalog-nav li li a {
font-size: 17px;
color: #444;
}
.header-services {
margin-top: 28px;
background: var(--color-text-backing);
border-radius: 10px;
padding: 15px 24px;
display: flex;
}
.header-services .title {
font-size: 19px;
color: var(--color-black);
}
.header-services li {
margin-left: 40px;
display: flex;
align-items: center;
}
.header-services li .icon {
width: 44px;
min-width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.header-services li .icon img {
width: 28px;
}
.header-services li .title {
padding-left: 15px;
}
.header-services li .link-more {
font-size: 16px;
}
.header-promotion .list {
margin: 0 -7px;
}
.header-promotion .link-more {
margin-top: 20px;
}
.promotion-card {
margin-top: 20px;
width: 50%;
padding: 0 7px;
display: flex;
}
.promotion-card .wrapper {
display: flex;
align-items: flex-start;
background: var(--color-text-backing);
border-radius: 10px;
padding: 12px;
}
.promotion-card .img {
border-radius: 8px;
width: 131px;
display: flex;
overflow: hidden;
}
.promotion-card .content {
width: calc(100% - 131px);
padding-left: 28px;
}
.promotion-card .label {
display: inline-block;
background: var(--color-text-backing-2);
border-radius: 8px;
padding: 10px;
font-size: 14px;
color: var(--text-dark-blue);
}
.promotion-card .title {
margin-top: 6px;
font-family: var(--font-family);
font-weight: 600;
font-size: 18px;
color: var(--text-dark-blue);
}
.promotion-card p {
margin-top: 11px;
font-size: 14px;
color: #666;
}
.promotion-card .new-price {
margin: 10px 9px 0 0;
font-family: var(--second-family);
font-weight: 500;
font-size: 20px;
color: var(--text-dark-blue);
}
.promotion-card .old-price {
margin: 10px 9px 0 0;
font-family: var(--second-family);
font-weight: 300;
font-size: 20px;
text-decoration: line-through;
color: #888;
}
.header-mid-center {
flex-grow: 1;
}
.search-container {
position: absolute;
right: -5px;
top: 0;
width: 101%;
height: 100%;
background-color: #fff;
z-index: 30;
display: none;
}
.search-container.active {
display: block;
}
.search-container .content {
display: flex;
align-items: center;
height: 80px;
}
.search-container .wrapper {
position: relative;
width: 100%;
}
.header-search .search-form {
width: 100%;
margin: 0;
}
.search-dropdown {
position: absolute;
left: 50%;
top: 100%;
width: 98%;
transform: translateX(-50%);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
background: var(--color-white);
border-radius: 0 0 10px 10px;
padding: 25px;
display: none;
}
.search-dropdown .h4 {
font-size: 18px;
}
.badge-list {
padding-top: 10px;
}
.badge-list .badge {
margin: 6px 8px 0 0;
display: inline-block;
background: var(--color-text-backing);
border-radius: 10px;
padding: 10px 16px;
font-size: 16px;
color: var(--color-text-200);
}
.search-history {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--input-border);
}
.search-history .h4 {
padding-bottom: 16px;
}
.search-history__card {
align-items: center;
border-radius: 10px;
padding: 8px 0;
}
.search-history__card__img {
padding: 5px;
width: 70px;
height: 70px;
}
.search-history__card__content {
padding-left: 16px;
width: calc(100% - 70px);
}
.search-history__card .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 17px;
}
.search-history__card .title a {
color: inherit;
}
.search-history__card .new-price {
line-height: 25px;
margin-right: 11px;
}
.search-history__card .new-price span {
font-weight: 500;
color: #888;
}
.search-history__card .old-price {
line-height: 25px;
margin-right: 11px;
}
.header-bt {
position: relative;
background: 0;
width: 48px;
height: 48px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #000;
}
.header-bt .value {
position: absolute;
top: 5px;
right: 1px;
border-radius: 88px;
padding: 1px 4px 0px 4px;
min-width: 15px;
height: 15px;
background: var(--color-prime);
font-weight: 800;
font-size: 11px;
text-align: center;
color: var(--color-white);
}
.header-buttons .bt {
margin-left: 30px;
}
.preview {
position: relative;
z-index: 1;
padding-top: 122px;
color: var(--color-white);
}
.preview-bg {
background-position: center;
background-size: cover;
display: flex;
align-items: center;
height: 766px;
}
.preview-bg:before {
content: '';
display: block;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.preview-bg > .container {
z-index: 1;
}
.preview-content {
max-width: 1040px;
}
.preview-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 31px;
line-height: 120%;
color: var(--color-white);
}
.preview H1 {
font-family: var(--second-family);
font-weight: 700;
font-size: 55px;
line-height: 120%;
}
.preview-buttons {
margin-top: 40px;
}
.preview-buttons .bt {
margin-right: 16px;
height: 58px;
font-size: 21px;
}
.online-tools {
padding-top: 26px;
}
.tools-head {
width: 410px;
margin-top: 20px;
padding-right: 20px;
}
.tools-head H2 {
margin-top: 18px;
font-size: 42px;
}
.tools-head .subtitle {
margin-top: 9px;
font-family: var(--second-family);
font-weight: 500;
font-size: 22px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.tools-content {
width: calc(100% - 410px);
}
.tool-card {
border: 1px solid var(--color-text-backing);
border-radius: 20px;
padding: 20px 24px;
transition: all 200ms ease;
}
.tool-card .icon {
margin-bottom: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-text-backing);
border-radius: 20px;
width: 70px;
height: 70px;
}
.tool-card .title a {
font-weight: 500;
font-size: 22px;
line-height: 140%;
}
.tool-card p {
margin-top: 15px;
font-weight: 300;
font-size: 17px;
line-height: 150%;
}
.services {
padding-top: 30px;
}
.service-card {
position: relative;
background-position: center;
background-size: cover;
background-color: #f2f2f2;
border-radius: 10px;
height: 510px;
overflow: hidden;
color: var(--color-white);
}
.service-card::before {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 336px;
}
.service-card .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 40px;
}
.service-card .title {
font-size: 36px;
line-height: 150%;
color: inherit;
}
.service-card a {
color: inherit;
}
.service-card .link-more {
margin-top: 25px;
font-weight: 500;
font-size: 21px;
}
.service-card .link-more span {
background-image: linear-gradient(to right, white 0%, white 100%);
}
.catalog .list-items {
padding-top: 30px;
}
.catalog-card {
position: relative;
overflow: hidden;
border-radius: 10px;
background: var(--color-text-backing);
font-family: var(--second-family);
color: var(--color-second-dark-2);
transition: all 200ms ease;
}
.catalog-card:not(.rectangle-card) {
height: 310px;
display: flex;
align-items: flex-end;
padding: 20px;
text-align: center;
}
.catalog-card:not(.rectangle-card) .img {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: flex;
justify-content: center;
max-height: 70%;
}
.catalog-card:not(.rectangle-card) .img img {
max-height: 100%;
}
.catalog-card:not(.rectangle-card) .content {
position: relative;
z-index: 1;
width: 100%;
}
.catalog-card:not(.rectangle-card) .link-more {
font-size: 20px;
color: var(--color-second-dark-2);
}
.catalog-card:not(.rectangle-card) .price {
margin-top: 6px;
font-size: 17px;
}
.catalog-card.rectangle-card {
display: flex;
align-items: center;
}
.catalog-card.rectangle-card .img {
width: 48%;
}
.catalog-card.rectangle-card .content {
width: 52%;
padding: 36px 20px 26px;
}
.catalog-card.rectangle-card .h3 {
font-weight: 500;
font-size: 30px;
line-height: 120%;
}
.catalog-card.rectangle-card .price {
margin-top: 13px;
font-size: 19px;
}
.catalog-card ul {
padding-top: 8px;
margin: 0;
}
.catalog-card ul li {
margin: 12px 0 0;
padding: 0;
}
.catalog-card ul li::before {
display: none;
}
.catalog-card li a {
color: var(--color-second-dark-2);
font-size: 17px;
}
.catalog-card li a::after {
margin-left: 8px;
font-size: 12px;
position: relative;
left: 0;
transition: all 200ms ease;
}
.catalog-card li a:hover::after{
left: 5px;
}
.promo {
position: relative;
z-index: 1;
padding-top: 40px;
overflow: hidden;
}
.promo-slider {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.promo-slider:not(.slick-slider) .item:not(:first-child) {
display: none;
}
.promo-slider .item {
background-position: center;
background-size: cover;
padding: 0 140px;
border-radius: 10px;
}
.promo-slider p {
margin-top: 10px;
font-size: 19px;
line-height: 150%;
color: var(--color-second-dark-2);
}
.promo-slider .text-light {
color: var(--color-white);
}
.promo-slider .bt {
margin-top: 25px;
}
.promo-slider .content {
width: 55%;
padding: 36px 0;
}
.promo-slider .img {
width: 30.5%;
}
.promo-slider .badge-wrapper {
display: inline-block;
background: var(--color-white);
border-radius: 5px;
padding: 8px 12px;
}
.tab-list {
padding: 17px 0 10px;
}
.tab-list .tab-bt {
margin: 6px 3px 0;
}
.project-card {
position: relative;
border-radius: 10px;
background: #f2f2f2;
height: 510px;
display: flex;
}
.project-card.card-2 {
height: 475px;
}
.project-card img {
border-radius: 10px;
object-position: center;
object-fit: cover;
}
.project-card .magnificPopup {
display: flex;
width: 100%;
}
.projects-grid {
margin: 0 -10px;
display: flex;
flex-wrap: wrap;
}
.projects-grid .item {
padding: 0 10px;
margin-top: 20px;
width: 33.333%;
}
.projects-grid .item .bt {
width: 100%;
}
.project-card img {
width: 100%;
}
.project-card .buttons {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: flex-end;
padding: 10px;
z-index: 2;
}
.bt-action {
margin-left: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.5);
font-size: 22px;
color: var(--color-white);
}
.project-tooltip {
position: absolute;
z-index: 4;
}
.project-tooltip .button {
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.project-tooltip .button::before {
content: '';
display: block;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
width: 14px;
height: 14px;
}
.dropdown-tooltip {
position: absolute;
bottom: 120%;
left: -100px;
background: var(--color-white);
border-radius: 10px;
padding: 16px;
width: 360px;
display: none;
}
.dropdown-tooltip .img {
width: 80px;
}
.dropdown-tooltip .content {
width: calc(100% - 80px);
padding: 0 28px 0 16px;
}
.dropdown-tooltip .title {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color-text-200);
}
.dropdown-tooltip .new-price {
margin-top: 6px;
}
.dropdown-tooltip .close {
position: absolute;
top: 16px;
right: 16px;
background: 0;
font-size: 12px;
}
.feedback {
overflow: hidden;
}
.feedback-form {
border: 4px solid var(--color-prime);
border-radius: 20px;
padding: 48px 50px;
background: url(../i/part-logo.svg) 100% 0 no-repeat;
}
.feedback-form H3 {
padding-bottom: 8px;
font-size: 38px;
line-height: 120%;
}
.feedback-form .form-item {
width: 283px;
margin-right: 16px;
}
.form-step-row {
padding-top: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-step-row H5, .form-step-row .h5 {
margin: 10px 24px 0 0;
}
.form-step .radio-item {
margin-right: 20px;
}
.feedback-form .bt {
margin-top: 20px;
height: 58px;
}
.feedback-form .agree {
margin-top: 30px;
color: var(--color-text-200);
text-align: left;
}
/* #datetimepicker-main {
position: absolute;
opacity: 0;
pointer-events: none;
} */
.stories-slider {
position: relative;
overflow: hidden;
margin: 50px -10px 0;
}
.stories-slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.stories-slider:not(.slick-slider) .history-card {
min-width: 25%;
}
.stories-slider .slick-arrow {
top: 46%;
}
.stories-slider .slick-prev {
left: 20px;
}
.stories-slider .slick-next {
right: 20px;
}
.history-card {
padding: 0 10px;
}
.history-card .img {
background: #f2f2f2;
border-radius: 10px;
overflow: hidden;
display: flex;
height: 510px;
}
.history-card .img img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
transition: all 200ms ease;
transform: scale(1);
}
.history-card .link-more {
margin-top: 10px;
font-size: 20px;
line-height: 150%;
color: var(--color-text-200);
}
.step-list {
margin: 27px -5px 0;
counter-reset: my-awesome-counter;
}
.step-list .item {
counter-increment: my-awesome-counter;
width: 16.6666667%;
padding: 0 5px;
margin-top: 10px;
display: flex;
}
.step-card::before {
content: "0" counter(my-awesome-counter);
font-family: var(--second-family);
font-weight: 700;
font-size: 51px;
line-height: 140%;
color: #d4dae4;
}
.step-card {
background: var(--color-text-backing);
border-radius: 10px;
padding: 17px 30px 30px;
display: flex;
flex-direction: column;
}
.step-card .title {
margin-top: 10px;
font-size: 21px;
}
.step-card p {
margin-top: 15px;
}
.step-card .button {
padding-top: 16px;
margin-top: auto;
height: 64px;
display: flex;
align-items: center;
}
.useful-links .tab-link + .tab-link {
margin-left: 36px;
}
.useful-slider {
margin: 35px -23px 0;
overflow: hidden;
}
.useful-slider .item {
width: 25%;
margin-top: 0;
padding: 0 23px;
display: flex;
}
.useful-slider .slick-arrow {
transform: translateY(0);
margin: 0 23px;
top: 120px;
}
.useful-slider:not(.slick-slider) {
display: flex;
}
.useful-slider:not(.slick-slider) .item {
min-width: 25%;
}
.useful-card .img {
background: #f2f2f2;
border-radius: 20px;
overflow: hidden;
display: flex;
height: 285px;
}
.useful-card .img img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
transition: all 200ms ease;
transform: scale(1);
}
.tags {
margin-top: 20px;
font-weight: 500;
line-height: 150%;
color: var(--color-text-600);
}
.tags span:not(:last-child) {
margin-right: 18px;
}
.useful-card .title {
display: inline-block;
margin-top: 4px;
font-size: 21px;
font-weight: 600;
}
.advantage {
margin-top: 80px;
background: url(../i/advantage-bg.jpg) 50% 0 no-repeat;
background-size: cover;
padding: 145px 0;
}
.advantage-content {
background: var(--color-white);
border-radius: 20px;
max-width: 1116px;
padding: 50px 85px;
}
.advantage-slider {
position: relative;
margin: 30px -63px 0;
padding: 0 63px 25px;
}
.advantage-slider .list {
position: static;
overflow: hidden;
margin: 0 -5px;
}
.advantage-slider .list:not(.slick-slider) {
display: flex;
overflow: auto;
}
.advantage-card {
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
padding: 25px;
margin: 0 5px;
}
.advantage-card .icon {
height: 54px;
}
.advantage-card .title {
font-size: 20px;
}
.advantage-card p {
margin-top: 12px;
line-height: 160%;
}
.advantage-info {
margin-top: 30px;
width: 68.5%;
font-size: 18px;
line-height: 150%;
}
.advantage-bt {
margin-top: 30px;
max-width: 30%;
}
.about-text {
width: 49.5%;
}
.about-media {
width: 41.8%;
text-align: center;
}
.poster .modal-video {
position: relative;
display: block;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.poster .modal-video::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.icon-play {
width: 115px;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: rgba(0, 0, 0, 0.65);
font-size: 46px;
z-index: 1;
padding-left: 5px;
}
.about-media .link-more {
margin-top: 30px;
font-size: 18px;
}
.partnership-wrapper {
background: var(--color-text-backing);
border-radius: 20px;
padding: 60px;
}
.partnership-wrapper H2 {
font-size: 34px;
line-height: 120%;
}
.partnership-wrapper .subtitle {
margin-top: 14px;
font-size: 18px;
line-height: 150%;
}
.partnership-list .sep {
margin-top: 50px;
width: 9.5%;
display: flex;
justify-content: center;
}
.partnership-list .sep::before {
content: '';
display: block;
width: 1px;
height: 100%;
background: var(--input-border);
}
.partnership-card {
width: 27%;
margin-top: 50px;
}
.partnership-card p {
line-height: 160%;
}
.partnership-card .link-more {
margin-top: 20px;
font-weight: 400;
font-size: 16px;
}
.partner {
padding-bottom: 80px;
text-align: center;
overflow: hidden;
}
.partner H3 {
font-size: 28px;
}
.partner-list {
margin: 0 -42px;
}
.partner-list li {
margin: 50px 42px 0;
}
.partner .link-more {
margin-top: 57px;
}
.page {
position: relative;
z-index: 1;
padding-top: 122px;
flex: 1 0 auto;
}
.page H1 {
margin-top: 6px;
font-size: 48px;
line-height: 120%;
font-family: var(--second-family);
color: var(--color-second-dark-2);
font-weight: 500;
}
.page-subtitle {
max-width: 1080px;
margin-top: 20px;
font-weight: 300;
font-size: 18px;
line-height: 160%;
}
.page-subtitle a {
color: var(--color-prime-dark-1);
}
.page-text__preview {
margin-top: 20px;
font-weight: 300;
font-size: 18px;
line-height: 160%;
color: var(--color-text-200);
max-width: 1080px;
}
.page + .footer {
margin-top: 80px;
}
.page .breadcrumbs {
margin-top: 30px;
}
.page-tools {
margin-top: 10px;
}
.page-nav {
padding-top: 8px;
}
.page-nav li {
margin: 12px 36px 0 0;
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-text-200);
}
.page-nav li a {
color: inherit;
border-bottom: 2px dotted;
}
.video-nav li {
font-weight: 400;
}
.tab-links {
padding-top: 10px;
font-family: var(--second-family);
font-weight: 500;
font-size: 17px;
line-height: 120%;
color: var(--color-text-330);
}
.tab-links a {
display: inline-block;
margin: 10px 26px 0 0;
color: inherit;
}
.tab-links .active {
border-bottom: 2px solid var(--color-prime);
color: var(--color-prime);
}
.comparison-tools {
margin-top: 16px;
}
.comparison-tools > *:not(:last-child) {
margin-right: 30px;
}
.bt-clear {
display: inline-flex;
align-items: center;
background: 0;
height: 48px;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
color: var(--color-text-600);
}
.bt-clear .icon-trash {
margin-right: 12px;
font-size: 20px;
}
.breadcrumbs {
display: flex;
overflow: auto;
font-size: 15px;
line-height: 120%;
color: #999;
opacity: .6;
white-space: nowrap;
}
.breadcrumbs li {
display: flex;
align-items: center;
}
.breadcrumbs li:not(:last-child):after {
margin: 0 10px;
content: '/';
}
.breadcrumbs a {
color: inherit;
}
.project-preivew {
position: relative;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
color: var(--color-white);
font-family: var(--second-family);
}
.project-preivew::before {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
width: 100%;
height: 400px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.project-preivew__content {
position: relative;
height: 800px;
padding: 40px 0 10px;
}
.project-preivew .project-preivew__title {
color: inherit;
font-size: 62px;
}
.link-back {
display: inline-flex;
align-items: center;
color: inherit;
}
.link-back::after {
order: -1;
font-size: 70%;
margin-right: 8px;
transform: rotate(180deg);
}
.project-preivew__category {
margin-top: 7px;
font-weight: 500;
font-size: 24px;
}
.project-preivew__action {
position: absolute;
right: 0;
bottom: 10px;
}
.project-preivew__action .header-bt {
background: var(--color-white);
}
.project-catalog {
margin-top: 40px;
}
.project-catalog__header-text {
padding-right: 50px;
width: 51%;
font-size: 20px;
line-height: 160%;
}
.project-catalog__header-info {
width: 49%;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
font-size: 17px;
line-height: 120%;
}
.project-catalog__header-location {
display: inline-flex;
align-items: center;
}
.project-catalog__header-location::after {
order: -1;
margin-right: 13px;
font-size: 18px;
}
.project-catalog__header-link {
border-bottom: 1px dashed;
color: var(--color-text-200);
}
.project-catalog__list {
padding-top: 20px;
}
.project-catalog__list-item {
position: relative;
margin-top: 20px;
width: calc(50% - 10px);
display: block;
border-radius: 10px;
overflow: hidden;
}
.project-catalog__list-item:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.project-catalog__list-item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.collection-preview {
position: relative;
z-index: 1;
padding: 20px 0 40px;
background-position: center;
background-size: cover;
color: var(--color-white);
}
.collection-preview::before {
content: '';
display: block;
background: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.collection-preview__content {
width: 43%;
max-width: 600px;
}
.collection-preview H2 {
margin-top: 54px;
color: inherit;
font-size: 34px;
}
.collection-preview .breadcrumbs {
opacity: 1;
color: inherit;
}
.collection-preview p {
margin-top: 15px;
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 140%;
}
.collection-preview__advanage {
width: 46%;
background: var(--color-white);
border-radius: 20px;
padding: 1px 15px 15px;
}
.collection-advanage__item {
margin-top: 15px;
display: flex;
align-items: center;
width: 33.333%;
padding: 0 9px;
font-family: var(--second-family);
font-weight: 500;
font-size: 15px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.collection-advanage__item-icon {
border-radius: 10px;
width: 44px;
min-width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-text-backing);
font-size: 32px;
}
.collection-advanage__item-text {
padding-left: 15px;
}
.collection-preview__advanage .link-more {
display: none;
}
.collection-catalog {
padding-top: 40px;
overflow: hidden;
}
.collection-catalog H1 {
font-family: var(--second-family);
font-weight: 500;
font-size: 48px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.catalog-tools {
position: relative;
z-index: 2;
margin-top: 30px;
padding-bottom: 12px;
border-bottom: 1px solid var(--input-border);
display: flex;
}
.filter {
margin-right: auto;
display: flex;
width: 80%;
position: relative;
}
.filter-item {
margin-right: 8px;
}
.filter .form-switch {
margin-right: 10px;
background: var(--color-text-backing);
border-radius: 10px;
padding: 0 26px 0 10px;
height: 46px;
display: flex;
}
.bt-toggle-filter {
display: none !important;
}
.bt-toggle-filter::after {
order: -1;
margin: 0 12px 0 0;
font-size: 20px !important;
}
.custom-dropdown {
position: relative;
}
.custom-dropdown .current {
height: 48px;
background: var(--color-text-backing);
display: flex;
align-items: center;
border-radius: 10px;
padding: 0 17px;
cursor: pointer;
font-weight: 600;
}
.custom-dropdown .current:after {
margin-left: 12px;
transform: rotate(90deg);
font-size: 70%;
}
.custom-dropdown .current .remove {
display: none;
}
.custom-dropdown .current.selected {
background: var(--color-prime-background);
}
.custom-dropdown .current.selected::after {
display: none;
}
.custom-dropdown .current.selected .remove {
display: block;
font-size: 14px;
}
.custom-dropdown .current.selected .total {
display: flex;
align-items: center;
margin: 0 10px 0 4px;
padding-right: 10px;
border-right: 1px solid var(--input-border);
}
.custom-dropdown .dropdown {
position: absolute;
left: 0;
top: 100%;
padding-top: 10px;
min-width: 100%;
display: none;
}
.custom-dropdown .list {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
background: var(--color-white);
border-radius: 10px;
padding: 8px;
}
.custom-dropdown .checkbox-item {
padding: 10px 12px;
border-radius: 10px;
}
.custom-dropdown .checkbox-item label {
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
}
.custom-dropdown .checkbox-item + .checkbox-item {
margin-top: 0;
}
.custom-dropdown .checkbox-item:hover {
background: var(--color-text-backing);
}
.custom-dropdown.open .dropdown {
display: block;
}
.bt-reset {
border-radius: 8px;
padding: 10px;
width: 90px;
min-height: 36px;
background: 0;
border: 0;
display: inline-flex;
align-items: center;
font-weight: 600;
font-size: 15px;
color: var(--color-text-600);
}
.bt-reset .icon-reset {
margin-right: 5px;
font-size: 18px;
}
.bt-display {
margin-left: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 48px;
height: 48px;
font-size: 26px;
color: rgba(0, 0, 0, 0.5);
}
.bt-display.active {
color: #000;
}
.filter-aside {
position: fixed;
left: 0;
top: 0;
max-width: 375px;
width: 100%;
transform: translateX(-375px);
height: 100vh;
overflow: auto;
z-index: 200;
background: var(--color-text-backing);
padding: 10px 12px;
}
.open-filter .filter-aside {
transform: translateX(0);
}
.overlay {
display: none;
}
.open-filter .overlay {
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.2);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 120;
display: block;
}
.filter-aside__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 22px;
line-height: 120%;
color: var(--color-black);
}
.filter-aside__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
cursor: pointer;
font-size: 22px;
}
.filter-aside__step {
background: var(--color-white);
border-radius: 20px;
padding: 20px 25px;
margin-top: 10px;
}
.filter-aside__step-head {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 27px;
font-weight: 600;
font-size: 19px;
color: var(--color-text-200);
cursor: pointer;
}
.filter-aside__step-head::after {
transform: rotate(90deg);
font-size: 12px;
}
.filter-aside__step.active .filter-aside__step-head::after {
transform: rotate(-90deg);
font-size: 12px;
}
.filter-aside__step-content {
padding-top: 16px;
display: none;
}
.filter-aside__step.active .filter-aside__step-content {
display: block;
}
.filter-aside .bt {
width: 100%;
margin-top: 10px;
}
.filter-aside .bt-reset {
margin: 10px 0 0;
width: 100%;
background: var(--color-text-backing-2);
height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.select2-container {
}
.select2-results__option {
padding-right: 20px;
vertical-align: middle;
}
.select2-results__option:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 2px solid #e9e9e9;
border-radius: 4px;
background-color: #fff;
margin-right: 20px;
vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
font-family:fontAwesome;
content: "\f00c";
color: #fff;
background-color: #f77750;
border: 0;
display: inline-block;
padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #eaeaeb;
color: #272727;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #f77750;
border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
border-radius: 6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.select2-selection .select2-selection--multiple:after {
content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
display: none;
}
.select-icon .placeholder {
display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
display: none !important;
/* content: "" !important; */
}
.select-icon .select2-search--dropdown {
display: none;
}
.collection-box {
margin-top: 42px;
display: flex;
}
.collection-gallery {
position: relative;
z-index: 1;
overflow: hidden;
}
.collection-box .collection-gallery {
width: 58%;
display: flex;
}
.collection-box .collection-content {
width: 42%;
padding-left: 38px;
}
.collection-box .collection-slider,
.collection-box .collection-slider .slick-list {
display: flex;
width: 100%;
overflow: hidden;
}
.collection-slider {
border-radius: 10px;
overflow: hidden;
}
.collection-slider .slick-dots {
bottom: 10px;
border-radius: 20px;
background: rgba(0, 0, 0, 0.15);
padding: 4px 7px;
z-index: 2;
}
.collection-slider .slick-dots li {
margin: 0 3px;
width: 14px;
height: 6px;
}
.collection-slider .slick-dots li::before {
background: rgba(255, 255, 255, 0.5);
border-radius: 99px;
width: 100%;
height: 6px;
}
.collection-slider .slick-dots li.slick-active {
width: 24px;
}
.collection-slider .slick-dots li.slick-active::before {
width: 100%;
height: 6px;
}
.collection-slider .slick-dots-clone {
bottom: 0;
width: 100%;
height: 100%;
padding: 0;
z-index: 1;
display: none;
}
.collection-slider .slick-dots-clone li {
flex-grow: 1;
opacity: 0;
height: 100%;
border-radius: 0;
margin: 0;
}
.collection-slider .slick-arrow {
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.collection-slider:hover .slick-arrow {
opacity: 1;
pointer-events: auto;
}
.collection-slider:not(.slick-slider) .item:not(:first-child) {
display: none;
}
.collection-slider .item {
display: flex;
}
.collection-slider .item img {
width: 100%;
object-fit: cover;
object-position: center;
}
.collection-label {
font-size: 17px;
line-height: 120%;
color: var(--color-text-330);
}
.collection-title {
margin-top: 5px;
font-family: var(--second-family);
font-weight: 500;
font-size: 38px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.rating {
margin-right: 8px;
}
.rating-stars {
padding-right: 4px;
display: flex;
align-items: center;
font-size: 14px;
}
.rating-stars i {
position: relative;
display: inline-flex;
align-items: center;
margin-right: 2px;
}
.rating-stars .fill {
color: var(--color-prime);
}
.rating-stars .half-fill::before {
content: "\e920";
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 0;
display: block;
width: 50%;
overflow: hidden;
color: var(--color-prime);
}
.rating-value {
font-weight: 600;
color: var(--color-text-330);
}
.review-count {
color: var(--color-text-330);
}
.collection-target {
padding-top: 14px;
}
.collection-target__item {
margin: 9px 9px 0 0;
background: var(--color-text-backing);
display: flex;
align-items: center;
border-radius: 10px;
padding: 8px 14px;
}
.collection-target__item-icon {
width: 22px;
min-width: 22px;
}
.collection-target__item-text {
padding-left: 12px;
font-size: 15px;
}
.collection-text {
margin-top: 18px;
font-size: 17px;
line-height: 150%;
color: var(--color-text-330);
}
.collection-text p {
margin: 0;
}
.collection-options {
margin-top: 33px;
}
.collection-options__title {
color: var(--color-second-dark-2);
}
.collection-options__title .label {
font-weight: 600;
}
.options-list {
position: relative;
margin: 9px -2px 0;
display: flex;
flex-wrap: nowrap;
overflow: hidden;
padding: 3px 0;
}
.options-list .slick-arrow {
font-size: 0;
border-radius: 50%;
width: 22px;
height: 22px;
background-color: #fff;
}
.options-list .slick-arrow::after {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 6px;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
margin: -5px 0 0 -3px;
}
.options-list .slick-arrow.slick-disabled {
opacity: 0;
}
.btn-toggle-colors {
position: relative;
margin: 0 2px;
width: 74px;
height: auto;
display: flex;
padding: 5px;
border: 1px solid transparent;
border-radius: 10px;
background: 0;
}
.btn-toggle-colors.active {
border-color: var(--color-second-dark-2);
}
.btn-toggle-colors img {
border-radius: 10px;
width: 100%;
transition: .1s ease all;
}
.btn-toggle-colors .discount-badge {
position: absolute;
top: -3px;
right: -8px;
}
.collection-price {
margin-top: 50px;
}
.collection-price .old-price {
margin-right: 10px;
font-family: var(--second-family);
font-weight: 400;
font-size: 18px;
line-height: 120%;
text-decoration: line-through;
color: var(--color-text-330);
}
.collection-price .new-price {
margin: 10px 10px 0 0;
line-height: 120%;
font-family: var(--second-family);
font-size: 30px;
color: var(--color-second-dark-2);
}
.collection-price .new-price .val {
font-weight: 500;
}
.collection-price .unit-price {
margin-top: 10px;
border-left: 1px solid var(--input-border);
padding-left: 8px;
font-family: var(--second-family);
font-weight: 300;
font-size: 20px;
line-height: 120%;
color: var(--color-text-330);
}
.collection-price .unit-price .val {
font-weight: 400;
}
.discount-badge {
background: var(--color-green);
border-radius: 10px;
padding: 2px 8px;
font-weight: 700;
font-size: 16px;
line-height: 120%;
color: var(--color-white);
}
.collection-buttons {
margin-top: auto;
padding-top: 20px;
}
.collection-buttons .bt,
.collection-buttons .header-bt {
margin: 13px 13px 0 0;
}
.collection-buttons .bt-primary {
flex-grow: 1;
}
.collection-buttons .bt > span {
margin-left: 4px;
}
.catalog-grid {
position: relative;
z-index: 1;
margin: 0 -20px;
}
.catalog-grid .card {
width: 33.333%;
padding: 0 20px;
margin-top: 40px;
background: 0;
border-radius: 0;
}
.collection-card {
position: relative;
overflow: hidden;
}
.collection-card .collection-content {
padding-top: 23px;
}
.collection-card .collection-slider .item {
height: 340px;
}
.collection-card .collection-slider .item a, .collection-box .collection-slider .item a {
display:flex;
width: 100%;
}
.collection-card .title {
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
color: var(--color-text-200);
}
.collection-card .title::after {
margin-left: 10px;
font-size: 65%;
}
.collection-card .review-info {
margin-top: 4px;
}
.collection-card .collection-text {
margin-top: 7px;
font-size: 16px;
line-height: 120%;
}
.collection-card .collection-options {
margin: 13px -2px 0;
padding: 0 4px;
}
.collection-card .btn-toggle-colors {
margin: 0 2px;
width: 50px;
height: 50px;
padding: 2px;
}
.collection-card .collection-price {
margin-top: 16px;
}
.collection-card .collection-price .old-price {
font-size: 17px;
}
.collection-card .collection-price .new-price {
margin: 7px 10px 0 0;
font-size: 26px;
font-weight: 400;
}
.collection-card .collection-price .new-price .val {
font-weight: 500;
color: inherit;
}
.collection-card .collection-price .unit-price {
margin-top: 7px;
font-size: 18px;
}
.collection-card .collection-buttons {
padding-top: 16px;
}
.collection-card .collection-buttons .header-bt {
margin: 0;
}
.collection-card .collection-buttons .bt {
margin-right: 13px;
margin-top: 0;
flex-grow: 1;
}
.collection-card .top-top__buttons {
position: absolute;
top: 8px;
right: 3px;
z-index: 4;
}
.collection-card .top-top__buttons .header-bt {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.collection-card .top-top__buttons .header-bt:hover {
background: rgba(0, 0, 0, 0.7);
}
.online-board {
position: relative;
z-index: 1;
margin-top: 80px;
padding: 10px 0 20px;
}
.online-board::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 99999px;
height: 100%;
z-index: -1;
background: var(--color-text-backing);
}
.online-board .head {
margin-top: 20px;
padding-right: 20px;
width: 27%;
display: flex;
align-items: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 26px;
line-height: 130%;
color: var(--color-second-dark-2);
}
.online-board .head img {
width: 108px;
margin-right: 25px;
}
.online-board .content {
width: 73%;
}
.online-board .tool-card {
background: var(--color-white);
border: 1px solid var(--color-text-backing-2);
border-radius: 20px;
padding: 20px 24px;
display: flex;
align-items: center;
}
.tool-card .icon {
margin: 0 15px 0 0;
min-width: 70px;
}
.online-board .tool-card:hover {
background: var(--color-white);
}
.online-board .tool-card:hover .link-more {
font-size: 18px;
}
.online-board .tool-card:hover .link-more span {
background-size: 100% 2px;
}
.faq-content {
width: 66%;
}
.faq-content-secondary {
padding-right: 60px;
width: 76%;
}
.faq-form-secondary {
width: 24%;
}
.faq-form {
width: 24%;
max-width: 390px;
position: sticky;
top: 42px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
}
.faq-form H4 {
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.faq-form .form-item input,
.faq-form .form-item textarea {
background: var(--color-text-backing);
}
.faq-form .bt {
margin-top: 30px;
width: 100%;
}
.faq-form-secondary .bt {
margin-top: 16px;
}
.faq-list {
margin-top: 30px;
border-bottom: 1px solid var(--input-border);
}
.faq-item .head {
position: relative;
width: 100%;
border-top: 1px solid var(--input-border);
padding: 17px 0 17px 37px;
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-second-dark-2);
cursor: pointer;
}
.faq-item .head:after {
position: absolute;
left: 8px;
top: 19px;
transform: rotate(90deg);
font-size: 16px;
}
.faq-item.open .head:after {
transform: rotate(-90deg);
}
.faq-item .content {
display: none;
padding: 0 0 12px 37px;
font-size: 18px;
line-height: 150%;
color: var(--color-text-330);
}
.faq-item .content p {
margin: 0;
}
.reading {
padding-bottom: 80px;
overflow: hidden;
}
.reading-content {
width: 66%;
}
.reading-aside {
width: 30%;
max-width: 390px;
position: sticky;
top: 42px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
}
.reading-aside .bt {
width: 100%;
margin-top: 27px;
height: 36px;
font-size: 14px;
}
.reading-aside .bt i {
margin-left: 17px;
font-size: 70%;
}
.reading-wrapper {
margin-top: 40px;
}
.reading-desc {
font-family: var(--second-family);
font-weight: 300;
font-size: 16px;
line-height: 160%;
color: var(--color-black);
}
.reading-list {
padding-top: 28px;
margin: 0 -30px;
}
.reading-card {
width: 50%;
padding: 0 30px;
margin-top: 35px;
display: flex;
align-items: flex-start;
}
.reading-card .icon {
background: var(--color-text-backing);
border-radius: 10px;
padding: 7px;
width: 54px;
min-width: 54px;
height: 54px;
}
.reading-card .text {
padding-left: 20px;
}
.reading-card H4 {
font-size: 21px;
}
.reading-card p {
margin-top: 15px;
font-family: var(--second-family);
font-weight: 300;
font-size: 16px;
line-height: 160%;
color: var(--color-black);
}
.news-list {
padding-top: 12px;
}
.news-item {
margin-top: 15px;
}
.news-item a {
display: flex;
align-items: center;
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--text-dark-blue);
}
.news-item .img {
display: flex;
background: var(--color-blue);
border-radius: 10px;
width: 74px;
min-width: 74px;
height: 74px;
overflow: hidden;
}
.news-item .title {
padding-left: 23px;
font-weight: inherit;
}
.general-catalog {
margin-top: 50px;
padding-top: 0;
}
.general-catalog + .general-catalog {
margin-top: 80px;
}
.general-catalog H3 {
font-size: 34px;
}
.general-catalog__aside {
width: 20.4%;
padding-right: 10px;
}
.general-catalog__content {
width: 79.6%;
}
.general-catalog__card-image {
position: relative;
display: block;
width: 100%;
background: var(--color-text-backing);
border-radius: 20px;
overflow: hidden;
}
.general-catalog__card-image:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.general-catalog__card-image img {
max-width: 90%;
max-height: 90%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.general-catalog__card .title {
margin-top: 25px;
font-size: 19px;
}
.general-catalog__card-links li {
margin-top: 10px;
font-size: 17px;
}
.general-catalog .list-items {
margin: -55px -15px 0;
}
.general-catalog .list-items .item {
padding: 0 15px;
}
.general-catalog .list-items .item > * {
margin-top: 60px;
}
.card-product {
margin-top: 22px;
}
.card-gallery {
position: sticky;
left: 0;
top: 125px;
width: 64.3%;
}
.card-gallery__container {
position: relative;
display: flex;
padding-left: 110px;
}
.card-content {
width: 35.7%;
padding-left: 50px;
}
.slider-thumbnail {
width: 110px;
min-width: 110px;
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
.slider-thumbnail .slick-list {
overflow: hidden;
margin: -4px 0;
}
.slider-thumbnail .slick-track {
display: block;
}
.slider-thumbnail .item {
height: 117px;
display: flex;
cursor: pointer;
}
.slider-thumbnail .item span {
position: relative;
width: 100%;
display: flex;
margin: 4px 0;
}
.slider-thumbnail .item img {
width: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
}
.slider-thumbnail .slick-current span::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid var(--color-gray);
border-radius: 10px;
}
.slider-thumbnail .slick-arrow {
width: 42px;
height: 42px;
background: var(--color-white);
right: auto;
left: 50%;
transform: translateX(-50%);
}
.slider-thumbnail .slick-arrow::after {
font-size: 14px;
}
.slider-thumbnail .slick-prev {
top: 9px;
}
.slider-thumbnail .slick-prev::after {
transform: rotate(-90deg);
}
.slider-thumbnail .slick-next {
top: auto;
bottom: 9px;
}
.slider-thumbnail .slick-next::after {
transform: rotate(90deg);
}
.card-gallery__center {
position: relative;
width: 100%;
padding: 0 8px;
overflow: hidden;
}
.slider-preview {
position: relative;
overflow: hidden;
}
.slider-preview .list {
overflow: hidden;
}
.slider-preview .list:not(.slick-slider) .item:not(:first-child) {
display: none;
}
.slider-preview .item {
border-radius: 10px;
overflow: hidden;
display: flex;
justify-content: center;
height: 696px;
}
.slider-preview .item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.slider-preview .slick-arrow,
.slider-preview .slick-arrow:hover {
background: rgba(0, 0, 0, 0.5);
color: var(--color-white);
opacity: 0;
}
.slider-preview .list:hover .slick-arrow {
opacity: 1;
}
.side-switch {
width: 238px;
min-width: 238px;
display: flex;
flex-direction: column;
}
.bt-side-switch {
position: relative;
display: flex;
align-items: center;
border: 2px solid var(--color-white);
border-radius: 10px;
margin-bottom: 10px;
flex-grow: 1;
}
.bt-side-switch.active {
box-shadow: 0 0 0 2px var(--color-gray);
}
.bt-side-switch img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
position: absolute;
left: 0;
top: 0;
}
.bt-side-switch .label {
display: inline-block;
position: absolute;
left: 10px;
top: 10px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
padding: 10px;
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: var(--color-black);
}
.bt-side-switch .label.bottom.right {
left: auto;
top: auto;
right: 10px;
bottom: 10px;
}
.board-profile {
padding-top: 20px;
text-align: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--color-black);
}
.board-profile .label {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.board-profile .img {
margin-top: 5px;
}
.switch-wrapper {
position: relative;
margin-top: 10px;
color: var(--color-black);
}
.switch-wrapper input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.switch-slider {
position: absolute;
cursor: pointer;
left: 50%;
transform: translateX(-50%);
width: 41px;
height: 25px;
background-color: var(--color-second-dark-2);
transition: .1s;
border-radius: 20px;
}
.switch-slider:before {
position: absolute;
content: "";
height: 19px;
width: 19px;
left: 4px;
bottom: 3px;
background-color: #fff;
transition: .1s;
border-radius: 50%;
}
/* input:checked + .switch-slider {
background-color: #2196F3;
} */
input:checked + .switch-slider:before {
transform: translateX(14px);
}
.switch-wrapper .text-left {
width: 50%;
padding-right: 40px;
text-align: right;
}
.switch-wrapper .text-right {
width: 50%;
padding-left: 40px;
opacity: 0.5;
}
.switch-wrapper .label {
font-weight: 600;
font-size: 18px;
line-height: 140%;
}
.switch-wrapper p {
margin-top: 2px;
}
input:checked + .switch-slider + .text-left {
opacity: 0.5;
}
input:checked + .switch-slider + .text-left + .text-right {
opacity: 1;
}
.card-title {
font-size: 17px;
color: var(--color-text-330);
}
.page .card-content H1 {
font-size: 38px;
}
.card-target__item {
margin: 6px 6px 0 0;
border: 1px solid rgba(153, 153, 153, 0.2);
border-radius: 8px;
padding: 6px 10px;
font-size: 15px;
line-height: 100%;
text-transform: lowercase;
color: var(--color-text-330);
}
.card__review-info {
margin-top: 4px;
padding-bottom: 6px;
}
.card__review-info .rating-value {
font-weight: 500;
}
.card-price {
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid #f0f0f0;
}
.card-price.collection-price .new-price {
margin-right: 0;
}
.card-price.collection-price .unit-price {
padding-left: 20px;
margin-left: 20px;
}
.card-buttons {
margin: 15px -5px 0;
}
.card-buttons > * {
margin: 0 5px;
flex-grow: 1;
flex-basis: 0;
}
.to-cart-wrapper .bt {
width: 100%;
}
#quantity-form {
display: none;
}
.quantity-form__wrapper {
position: relative;
border: 1px solid var(--input-border);
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 36px;
overflow: hidden;
margin-right: 10px;
}
.quantity-form__wrapper .button {
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: 0;
}
.quantity-form__wrapper .button::before {
content: '';
display: block;
background: var(--color-text-330);
width: 14px;
height: 3px;
border-radius: 10px;
}
.quantity-form__wrapper .increase-btn {
left: auto;
right: 0;
}
.quantity-form__wrapper .increase-btn::after {
content: '';
display: block;
background: var(--color-text-330);
width: 3px;
height: 15px;
border-radius: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.quantity-form__wrapper .value {
height: 46px;
width: 50%;
padding-right: 3px;
text-align: right;
font-weight: 500;
font-size: 17px;
line-height: 120%;
color: var(--color-text-200);
}
.quantity-form__wrapper .unit {
width: 50%;
font-size: 17px;
line-height: 120%;
color: var(--color-text-600);
}
.quantity-form__wrapper .button__to-cart {
width: 48px;
min-width: 48px;
padding: 0;
}
.quantity-form__wrapper .button__to-cart [class^="icon-"],
.quantity-form__wrapper .button__to-cart [class*=" icon-"] {
margin: 0;
}
.card-actions .bt-outline-secondary {
display: none;
}
.card-action-bt {
margin-top: 15px;
padding: 0 10px;
border-radius: 10px;
display: inline-flex;
align-items: center;
height: 40px;
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
color: var(--color-text-330);
}
.card-action-bt::after {
order: -1;
margin-right: 8px;
color: var(--text-dark-blue);
font-size: 20px;
}
.card-options {
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid #f0f0f0;
}
.card-options .link-dashed {
margin-top: 10px;
display: inline-block;
}
.card-options .btn-toggle-colors {
padding: 3px;
}
.card-options .btn-toggle-colors .discount-badge {
font-size: 13px;
}
.collection-size {
margin-top: 21px;
}
.collection-size .label {
color: var(--color-second-dark-2);
font-weight: 600;
}
.collection-size .bt-radio {
margin: 0;
}
.collection-size > * {
margin: 5px 8px 0 0 !important;
}
.card-additionally {
margin-top: 30px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
}
.card-additionally .step + .step {
margin-top: 10px;
}
.card-additionally .label {
font-weight: 600;
color: var(--color-second-dark-2);
}
.card-additionally .checkbox-item,
.card-additionally .checkbox-item + .checkbox-item {
margin-top: 10px;
}
.card-parameter {
margin-top: 43px;
}
.parameter-list {
padding-top: 5px;
}
.parameter-item {
position: relative;
z-index: 1;
margin-top: 10px;
display: flex;
align-items: flex-end;
justify-content: space-between;
color: var(--color-text-330);
}
.parameter-item::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 5px;
width: 100%;
border-bottom: 1px dashed var(--input-border);
z-index: -1;
}
.parameter-item > * {
position: relative;
background: #fff;
padding-bottom: 2px;
}
.parameter-item__key {
padding-right: 5px;
}
.parameter-item__val {
padding-left: 5px;
}
.parameter-item .icon-weight {
fill: var(--color-gray);
}
.parameter-item .icon-weight.active {
color: var(--color-black);
}
.card-parameter .note {
margin-top: 15px;
font-size: 12px;
color: var(--color-text-600);
}
.card-parameter .note p {
margin: 0;
}
.info-board {
margin-top: 30px;
padding-top: 10px;
border-top: 1px solid var(--input-border);
}
.card-product H4, .card-product .h4, .info-board H4, .info-board .h4 {
font-size: 21px;
}
.info-board__content {
width: 64.25%;
padding-right: 140px;
}
.info-board__aside {
width: 32.5%;
}
.accordion-item {
border-bottom: 1px solid var(--input-border);
}
.accordion-item__head {
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--color-second-dark-2);
cursor: pointer;
}
.accordion-item__head .icon-chevron-right {
min-width: 48px;
width: 48px;
margin-left: 5px;
order: 2;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.accordion-item__head .icon-chevron-right::after {
transform: rotate(90deg);
}
.accordion-item__content {
padding-bottom: 34px;
line-height: 150%;
color: var(--color-text-330);
display: none;
}
.opened .accordion-item__head .icon-chevron-right::after {
transform: rotate(-90deg);
}
.opened .accordion-item__content {
display: block;
}
.accordion-item__content p {
margin-top: 10px;
}
.accordion-item__content p:first-child {
margin-top: 0;
}
.product-benefit {
margin: 0 -10px;
}
.product-benefit__item {
margin-bottom: 10px;
width: 25%;
padding: 0 10px;
}
.product-benefit__item-icon {
height: 42px;
display: flex;
align-items: center;
}
.product-benefit__item-title {
margin-top: 15px;
font-family: var(--second-family);
font-size: 20px;
line-height: 150%;
color: var(--color-second-dark-2);
word-wrap: break-word;
}
.product-benefit__item p {
margin-top: 5px;
line-height: 160%;
}
.product-info__step {
padding-top: 20px;
}
.service-box {
position: relative;
padding: 14px 0 7px 40px;
border-bottom: 1px solid var(--input-border);
}
.service-box .icon {
position: absolute;
left: 0;
top: 14px;
font-size: 26px;
color: #000;
}
.service-box H5 {
margin: 0 0 12px;
font-size: 18px;
}
.service-box .service-item {
margin-left: -20px;
padding: 10px 15px 10px 20px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 100ms ease;
color: var(--color-black);
}
.service-item__key {
padding-right: 4px;
}
.service-item__val {
display: flex;
align-items: center;
}
.service-item .location .icon-geo {
color: var(--color-text-330);
}
.service-item .icon-chevron-right {
font-size: 10px;
}
.service-item__val .val {
margin-right: 15px;
white-space: nowrap;
}
.doc-list__item {
margin-top: 14px;
}
.doc-list__item a {
position: relative;
display: inline-block;
padding-left: 25px;
line-height: 22px;
font-family: var(--second-family);
color: var(--color-text-200);
}
.doc-list__item a .icon {
position: absolute;
left: 0;
top: 0;
font-size: 18px;
}
.bnr-box {
margin-top: 36px;
background: #f2f2f2;
border-radius: 10px;
padding: 18px 26px 18px 30px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.bnr-box__text {
width: 49%;
}
.bnr-box__img {
width: 45%;
}
.bnr-box .title {
margin-bottom: 12px;
font-size: 20px;
}
.review-summary {
position: sticky;
left: 0;
top: 123px;
padding: 40px 70px;
width: 29%;
background: var(--color-text-backing);
border-radius: 20px;
}
.review-summary .rating-value {
margin-right: 17px;
font-family: var(--second-family);
font-weight: 500;
font-size: 40px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.review-summary .rating-stars i {
margin-inline-end: 4px;
font-size: 20px;
}
.review-summary .review-count {
margin-top: 5px;
}
.review-summary .bt {
width: 100%;
margin-top: 20px;
}
.average-rating__item {
margin-top: 19px;
flex: 1 0 0;
}
.average-rating__item .val {
font-family: var(--second-family);
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.average-rating__item .label {
color: var(--color-text-330);
}
.review-content {
width: 71%;
padding-left: 77px;
max-width: 1010px;
}
.review-buttons {
padding-top: 20px;
display: flex;
overflow: auto;
}
.review-buttons .bt {
margin: 6px 6px 0 0;
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
padding: 10px 14px;
font-weight: 500;
font-size: 17px;
color: var(--color-text-200);
}
.review-buttons .bt.active {
background: var(--color-text-backing-2);
}
.review-card__list {
margin-top: 25px;
border-top: 1px solid var(--input-border);
}
.review-card {
padding: 25px 0;
border-bottom: 1px solid var(--input-border);
display: flex;
}
.review-card__aside {
width: 190px;
min-width: 190px;
}
.review-card__name {
font-weight: 600;
}
.review-card__date {
margin: 2px 0 12px;
font-size: 14px;
color: var(--color-text-330);
}
.review-card__rating {
margin-top: 15px;
}
.review-card__rating-item {
display: flex;
align-items: center;
margin-top: 12px;
}
.review-card__rating-item + .review-card__rating-item {
margin-top: 8px;
}
.review-card__rating-item .val {
margin-right: 10px;
background: var(--color-prime-background);
border-radius: 5px;
width: 22px;
min-width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 15px;
text-align: center;
color: var(--color-prime);
}
.review-card__rating-item .label {
color: var(--color-text-330);
}
.review-card__content {
width: 100%;
padding-left: 15px;
line-height: 150%;
color: var(--color-text-330);
}
.review-card H5 {
margin-top: 15px;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--color-text-200);
}
.review-card p {
margin-top: 5px;
}
.review-card *:first-child {
margin-top: 0;
}
.review-card .bt-link {
margin: 15px 20px 0 0;
display: inline-flex;
align-items: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 14px;
color: var(--color-text-600);
}
.review-card .bt-link i {
margin-right: 5px;
font-size: 18px;
}
.review-content .bt-outline-secondary {
margin-top: 25px;
width: 100%;
max-width: 320px;
}
.project H2 {
padding-right: 90px;
line-height: 48px;
}
.project-slider {
padding-top: 26px;
margin: 0 -6px;
display: flex;
overflow: visible;
}
.project-slider:not(.slick-slider) .item {
min-width: 25%;
}
.project-slider .item {
padding: 0 6px;
display: flex;
}
.project-slider .project-card {
width: 100%;
height: 386px;
display: flex;
}
.project-slider .slick-arrow {
width: 48px;
height: 48px;
border-radius: 0;
top: -24px;
right: 6px;
font-size: 0;
border-radius: 5px;
}
.project-slider .slick-arrow::before {
display: inline-flex;
content: "\e904";
align-items: center;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
}
.project-slider .slick-prev {
left: auto;
right: 54px;
top: -24px;
}
.project-slider .slick-prev::before {
transform: rotate(180deg);
}
.help-wrap {
margin-top: 15px;
font-size: 15px;
}
.help-wrap .icon {
margin-right: 5px;
font-size: 18px;
}
.catalog-slider {
margin-top: 40px;
display: flex;
overflow: hidden;
}
.catalog-slider:not(.slick-slider) .item {
min-width: 25%;
}
.accessories-slider {
margin-left: -30px;
margin-right: -30px;
}
.accessories-slider .item {
position: relative;
padding: 0 30px;
display: flex;
}
.accessories-slider .item::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #ebebeb;
}
.catalog-slider .slick-arrow {
width: 48px;
height: 48px;
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
font-size: 0;
}
.catalog-slider .slick-arrow::before {
display: inline-flex;
content: "\e90e";
align-items: center;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
}
.catalog-slider .slick-prev {
left: 30px;
}
.catalog-slider .slick-prev::before {
transform: rotate(180deg);
}
.catalog-slider .slick-next {
right: 30px;
}
.catalog-item {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
}
.catalog-item__img {
position: relative;
height: 296px;
}
/* .catalog-item__img:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
overflow: hidden;
} */
.catalog-item__img img {
max-width: 90%;
max-height: 90%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.catalog-item__title {
margin: 5px 0 auto;
overflow: hidden;
line-height: 150%;
color: var(--color-second-dark-2);
}
.catalog-item__title a {
color: inherit;
}
.catalog-item__foot {
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.catalog-item__price .old-price {
margin-right: 5px;
font-size: 15px;
}
.catalog-item__price .new-price {
margin-top: 4px;
font-size: 18px;
color: var(--color-second-dark-2);
}
.catalog-item__buttons .top-top__buttons {
position: absolute;
top: 0;
right: 0;
}
.accessories-slider .catalog-item__buttons > .header-bt {
background: var(--color-text-backing);
}
.accessories-slider .old-price .value {
font-size: 15px;
}
.accessories-slider .discount-badge {
font-size: 14px;
}
.bg-wrapper {
background: var(--color-text-backing);
padding: 60px 0;
}
.discounted-slider {
margin-left: -5px;
margin-right: -5px;
padding: 0 55px;
}
.discounted-slider .slick-list {
overflow: hidden;
}
.discounted-slider .item {
padding: 0 5px;
display: flex;
}
.discounted-slider .catalog-item {
background: var(--color-white);
border-radius: 20px;
padding: 20px;
}
.discounted-slider .catalog-item__title {
padding-bottom: 20px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: var(--color-second-dark-2);
}
.discounted-slider .catalog-item__label {
margin-top: 22px;
}
.discounted-slider .catalog-item .catalog-item__img {
height: auto;
}
.discounted-slider .catalog-item .catalog-item__img:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
overflow: hidden;
}
.catalog-item__title a {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}
.discounted-slider .catalog-item__buttons .top-top__buttons {
position: static;
}
.discounted-slider.slick-slider {
overflow: visible;
}
.discounted-slider .slick-list {
overflow: hidden;
}
.discounted-slider .slick-next {
right: 0;
}
.discounted-slider .slick-prev {
left: 0;
}
.collection-item__img {
position: relative;
width: 100%;
border-radius: 10px;
background: var(--color-text-backing);
overflow: hidden;
}
.collection-item__img:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.collection-item__img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
transition: all 100ms ease;
}
.collection-item__img .img-after {
opacity: 0;
}
.collection-item__title {
margin: 22px 0 10px;
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
color: var(--color-text-200);
}
.collection-item .new-price {
margin-right: 15px;
font-family: var(--second-family);
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.collection-item .new-price .val {
font-weight: 500;
}
.collection-item .old-price {
font-family: var(--second-family);
font-size: 16px;
line-height: 120%;
text-decoration: line-through;
color: var(--color-text-330);
font-weight: 400;
}
.collection-item .old-price .value {
font-size: inherit;
font-weight: 400;
}
.collection-item .discount-badge {
margin-left: 5px;
font-size: 14px;
}
.color-list {
padding-top: 18px;
}
.bt-color {
margin: 5px 5px 0 0;
border-radius: 5px;
width: 44px;
height: 44px;
overflow: hidden;
display: flex;
}
.bt-color img {
width: 100%;
height: 100%;
}
.bg-secondary {
background: var(--color-text-backing);
}
.cart {
margin-top: 20px;
}
.cart-main {
width: 67.5%;
padding-right: 30px;
}
.cart-aside {
width: 32.5%;
background: var(--color-white);
border-radius: 20px;
padding: 30px;
position: sticky;
top: 123px;
}
.cart-content {
background: var(--color-white);
border-radius: 20px;
padding: 22px 30px;
}
.cart-item {
display: flex;
padding: 30px 0;
border-bottom: 1px solid var(--input-border);
}
.cart-item__image {
width: 90px;
min-width: 90px;
}
.cart-item__content {
padding-left: 30px;
width: 100%;
overflow: hidden;
}
.cart-item__info {
max-width: 44%;
padding-right: 5px;
}
.cart-item__tools {
display: flex;
}
.cart-item__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.cart-item__title a {
color: inherit;
}
.cart-item__parameter-item {
margin: 7px 12px 0 0;
}
.cart-item__parameter-item:not(:last-child) {
padding-right: 12px;
border-right: 1px solid var(--input-border);
}
.cart-item .quantity-form__wrapper {
width: 164px;
margin-right: 24px;
}
.cart-price {
width: 136px;
}
.cart-price .old-price {
margin-right: 10px;
color: var(--color-text-600);
font-size: 15px;
text-decoration: line-through;
}
.cart-price .discount-badge {
padding: 1px 6px;
font-size: 13px;
}
.cart-price .new-price {
font-size: 20px;
}
.cart-buttons .bt-action {
background: 0;
color: var(--color-black);
margin-left: 0;
}
.bt-toggle-collapse {
margin-top: 20px;
display: inline-flex;
align-items: center;
font-family: var(--second-family);
color: var(--color-second-dark-2);
}
.bt-toggle-collapse .icon-chevron-right {
margin-left: 10px;
transform: rotate(90deg);
display: inline-block;
font-size: 65%;
}
.bt-toggle-collapse.active .icon-chevron-right {
transform: rotate(-90deg);
}
.cart-item .collapse {
margin-top: 20px;
background: var(--color-text-backing);
padding: 8px 16px;
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.cart-item__content .help-wrap {
margin: 20px 0 20px;
}
.cart__accessories-slider {
margin: 0 -8px;
}
.cart__accessories-slider__item {
display: flex;
margin-top: 8px;
width: 100%;
}
.cart__accessories-slider__item + .cart__accessories-slider__item {
margin-top: 8px;
}
.cart__accessories-slider .slick-slide {
margin-top: 8px;
padding: 0 8px;
}
.cart__accessories-slider .slick-arrow {
top: auto;
transform: translateY(0%);
bottom: -52px;
width: 42px;
height: 42px;
}
.cart__accessories-slider .slick-prev {
left: auto;
right: 50%;
margin-right: 8px;
}
.cart__accessories-slider .slick-next {
right: auto;
left: 50%;
margin-left: 8px;
}
.cart__accessories-card {
background: var(--color-white);
border-radius: 10px;
padding: 10px;
display: flex;
align-items: flex-start;
width: 100%;
}
.cart__accessories-card__image {
width: 65px;
min-width: 65px;
}
.cart__accessories-card__content {
padding-left: 22px;
color: var(--color-second-dark-2);
}
.cart__accessories-card__title {
font-size: 14px;
line-height: 140%;
}
.cart__accessories-card__title a {
color: inherit;
}
.cart__accessories-card__price {
margin-top: 8px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cart__accessories-card__price .new-price {
margin-right: 13px;
font-size: 18px;
}
.cart__accessories-card__price .old-price {
font-size: 15px;
color: var(--color-text-330);
}
.cart__accessories-card .bt-action {
margin-top: 8px;
background: var(--color-text-backing);
color: var(--color-black);
}
.text-hint {
padding-top: 20px;
font-weight: 300;
font-size: 15px;
line-height: 140%;
color: var(--color-text-200);
}
.text-hint p {
margin-top: 10px;
}
.info-card {
background: var(--color-white);
border-radius: 20px;
padding: 16px;
display: flex;
align-items: flex-start;
}
.info-card__icon {
background: var(--color-text-backing);
border-radius: 20px;
width: 54px;
min-width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-dark-blue);
font-size: 32px;
}
.info-card__content {
padding-left: 15px;
}
.info-card .title {
font-size: 18px;
}
.info-card p {
margin-top: 10px;
font-weight: 300;
line-height: 140%;
}
.consultation {
position: relative;
margin-top: 20px;
background: var(--color-text-backing-2);
border-radius: 20px;
padding: 43px 212px 43px 30px;
}
.consultation H5 {
margin: 0;
font-size: 20px;
line-height: 140%;
}
.consultation p {
margin-top: 20px;
line-height: 150%;
color: var(--color-text-330);
}
.consultation .icon {
position: absolute;
top: 45px;
right: 52px;
opacity: .1;
font-size: 93px;
}
.cart-aside H4 {
font-size: 24px;
}
.cart-aside .h5 {
margin: 20px 0 16px;
font-size: 18px;
}
.cart-aside .checkbox-item + .checkbox-item {
margin-top: 10px;
}
.cart-summary {
margin-top: 26px;
padding-top: 20px;
border-top: 1px solid var(--input-border);
}
.cart-summary__label {
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.cart-summary__price .old-price {
font-size: 18px;
line-height: 120%;
text-decoration: line-through;
text-align: right;
color: var(--color-text-600);
}
.cart-summary__price .new-price {
margin-top: 4px;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.cart-aside .bt {
width: 100%;
margin-top: 20px;
height: 58px;
font-size: 17px;
}
.cart-aside .agree {
margin-top: 20px;
font-weight: 300;
font-size: 13px;
}
.favorites-section {
margin: 20px 0 40px;
padding: 0;
}
.favorites-section H4 {
margin: 0;
}
.favorite-card {
position: relative;
background: var(--color-white);
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
padding: 20px;
}
.favorite-card__img {
display: block;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.favorite-card__img:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.favorite-card__img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.favorite-card__title {
margin-top: 20px;
font-weight: 600;
font-size: 16px;
line-height: 125%;
color: var(--color-second-dark-2);
margin-bottom: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}
.favorite-card__title a {
color: inherit;
}
.favorite-card .old-price {
font-size: 15px;
}
.favorite-card .discount-badge {
margin-left: 5px;
font-size: 14px;
}
.favorite-card .new-price {
margin-top: 5px;
font-size: 18px;
}
.icon-favorits.active::after {
content: "\e906";
color: #FD933A;
}
.favorites-form {
background: var(--color-text-backing);
border-radius: 20px;
padding: 50px;
}
.favorites-form__text {
width: 47.5%;
padding-right: 60px;
}
.favorites-form__text p {
margin-top: 16px;
font-size: 18px;
line-height: 150%;
color: var(--color-text-330);
}
.favorites-form__content {
width: 52.5%;
margin-top: -10px;
}
.favorites-form .form-item {
margin-top: 10px;
}
.favorites-form .checkbox-item {
margin-top: 20px;
}
.favorites-form .bt {
margin-top: 20px;
width: 58%;
height: 58px;
font-size: 17px;
}
.favorites-form .agree {
margin-top: 20px;
padding-left: 20px;
width: 42%;
}
.comparison-bar,
.comparison-slider,
.parameter-slider {
margin: 0 -19px;
}
.comparison-bar:not(.slick-slider),
.comparison-slider:not(.slick-slider),
.parameter-slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.comparison-bar:not(.slick-slider) .card,
.comparison-slider:not(.slick-slider) .card,
.parameter-slider:not(.slick-slider) .parameter-card {
min-width: 25%;
width: 25%;
}
.comparison-bar .card,
.comparison-slider .card,
.parameter-slider .parameter-card {
padding: 0 20px;
}
.comparison-slider .card,
.comparison-bar .card {
background: 0;
border-radius: 0;
}
.comparison-bar {
padding-top: 13px;
height: 83px;
transition: all 100ms ease;
}
.comparison-bar .slick-list {
position: relative;
z-index: 10;
}
.comparison-bar .slick-dots {
display: none !important;
bottom: 29px;
z-index: 2;
}
.comparison-bar .slick-arrow {
display: none !important;
top: auto;
transform: translateY(0%);
bottom: 10px;
}
.comparison-bar .slick-prev {
left: 20px;
}
.comparison-bar .slick-next {
right: 20px;
}
.comparison-bar .select {
width: 100%;
}
.comparison-bar .bt-delete {
margin-left: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
min-width: 48px;
height: 48px;
font-size: 16px;
color: #000;
}
.comparison-bar.slick-slider .card:not(.slick-active) {
opacity: 0;
}
.comparison-bar .nice-select .list {
width: 100%;
}
.sticky-bar {
position: relative;
z-index: 2;
background: #fff;
overflow-x: clip;
}
.sticky-bar.sticky-active {
position: sticky;
top: 122px;
border-bottom: 1px solid var(--input-border);
}
.sticky-active .comparison-bar {
transition: all 100ms ease;
height: 126px;
}
.sticky-active .comparison-bar .slick-arrow,
.sticky-active .comparison-bar .slick-dots {
display: flex !important;
}
.comparison-slider {
z-index: 1;
overflow: hidden;
}
.comparison-slider .slick-arrow {
top: 12%;
transform: translateY(0)
}
.comparison-slider .slick-prev {
left: 20px;
}
.comparison-slider .slick-next {
right: 20px;
}
.comparison-options {
margin-top: 16px;
text-align: center;
}
.comparison-card {
padding-bottom: 1px;
}
.comparison-card .btn-toggle-colors {
width: 16.667%;
height: auto;
aspect-ratio: 1 / 1;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.comparison-card .btn-toggle-colors img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
width: 92%;
height: 92%;
object-fit: cover;
}
.comparison-price {
margin-top: 30px;
}
.comparison-price .new-price {
margin-right: 20px;
font-family: var(--second-family);
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.comparison-price .new-price .val {
font-weight: 500;
}
.comparison-price .old-price {
margin-right: 16px;
font-family: var(--second-family);
font-weight: 400;
font-size: 18px;
line-height: 120%;
text-decoration: line-through;
color: var(--color-text-330);
}
.comparison-buttons {
margin-top: 12px;
display: flex;
}
.comparison-buttons .bt {
width: 100%;
}
.comparison-buttons .bt .icon-cart {
margin-left: 12px;
font-size: 20px;
}
.comparison-buttons .bt-action {
background: 0;
margin: 0 0 0 10px;
min-width: 48px;
height: 48px;
font-size: 26px;
color: #333333;
}
.comparison-text {
padding: 16px 0 24px;
font-size: 17px;
line-height: 150%;
color: var(--color-text-330);
}
.comparison-card .bt-outline-secondary {
margin-top: auto;
height: 36px;
border-radius: 8px;
font-size: 14px;
}
.parameter-step {
margin-top: 30px;
padding-bottom: 10px;
overflow: hidden;
}
.parameter-step + .parameter-step {
margin-top: 0;
}
.parameter-step__head {
position: relative;
padding: 30px 0 20px 53px;
border-top: 1px solid var(--input-border);
font-family: var(--second-family);
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
cursor: pointer;
}
.parameter-step__head .icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
position: absolute;
top: 20px;
left: 0;
font-size: 16px;
color: #000;
transform: rotate(90deg);
}
.parameter-content {
padding-bottom: 20px;
}
.parameter-slider {
padding-top: 10px;
}
.parameter-card {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 150%;
text-align: center;
}
.parameter-card__image:not(:first-child) {
margin-top: 20px;
}
.parameter-card__image img {
vertical-align: middle;
}
.parameter-card p {
margin-top: 10px;
font-weight: 500;
}
.parameter-card p + p {
margin-top: 20px;
}
.parameter-card small {
font-size: 16px;
color: var(--color-text-330);
}
.promotion-item__alert {
display: none;
}
.promotion-item__image {
display: block;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.promotion-item__image:after {
content: "";
display: block;
padding-bottom: 75%;
box-sizing: content-box;
}
.promotion-item__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.promotion-item__title {
margin-top: 21px;
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
color: var(--color-text-200);
}
.promotion-item__title a {
color: inherit;
}
.promotion-item__label {
display: inline-block;
margin-top: 7px;
background: var(--color-text-backing-2);
border-radius: 8px;
padding: 0 10px;
line-height: 26px;
font-size: 14px;
color: var(--text-dark-blue);
}
.date {
margin-top: 7px;
font-size: 15px;
line-height: 150%;
color: var(--color-text-600);
}
.promotion-item.disabled {
position: relative;
overflow: hidden;
}
.promotion-item.disabled::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.5;
z-index: 2;
}
.promotion-item.disabled .promotion-item__alert {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
background: var(--color-white);
border-radius: 8px;
padding: 9px 17px;
font-weight: 700;
font-size: 17px;
color: var(--text-dark-blue);
z-index: 20;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.archive-section {
margin-top: 40px;
}
.archive-section H3 {
font-size: 28px;
}
.archive-section .promotion-item__title {
font-size: 19px;
}
.archive-section .bt-outline-secondary {
margin-top: 30px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(20, 1fr);
gap: 20px;
}
.gallery-filter {
position: relative;
z-index: 2;
margin: 20px 0 30px;
}
.gallery-filter .form-switch {
background: var(--color-text-backing);
border-radius: 10px;
padding: 0 17px 0 10px;
}
.mobile__gallery-filter {
display: none;
}
.bt-toggle__filter-project {
display: none !important;
}
.gallery-filter__head {
display: none;
}
.gallery-card {
position: relative;
display: flex;
max-height: 520px;
border-radius: 20px;
overflow: hidden;
}
.gallery-card:after {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 208px;
z-index: 1;
}
.gallery-grid .gallery-card:nth-child(8n + 1),
.gallery-grid .gallery-card:nth-child(8n + 4),
.gallery-grid .gallery-card:nth-child(8n + 5),
.gallery-grid .gallery-card:nth-child(8n + 8) {
grid-column: span 11;
}
.gallery-grid .gallery-card:nth-child(8n + 2),
.gallery-grid .gallery-card:nth-child(8n + 3),
.gallery-grid .gallery-card:nth-child(8n + 6),
.gallery-grid .gallery-card:nth-child(8n + 7) {
grid-column: span 9;
}
.gallery-card img {
width: 100%;
height: auto;
object-fit: cover;
}
.gallery-card__content {
position: absolute;
padding: 40px;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
color: var(--color-text-backing);
font-family: var(--second-family);
font-weight: 500;
font-size: 19px;
line-height: 120%;
color: var(--color-text-backing);
}
.gallery-card .link-more {
font-size: 28px;
color: inherit;
}
.gallery-card .link-more span {
background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
}
.gallery-card .desc {
display: block;
margin-top: 4px;
font-family: var(--second-family);
font-weight: 500;
font-size: 19px;
line-height: 120%;
color: var(--color-text-backing);
}
.gallery-card__form {
position: absolute;
padding: 40px;
left: 0;
top: 0;
width: 100%;
z-index: 2;
color: var(--color-text-backing);
}
.gallery-card__head {
display: flex;
align-items: flex-start;
padding-bottom: 10px;
}
.gallery-card__head-logo {
width: 120px;
min-width: 120px;
}
.gallery-card__head-text {
padding-right: 10px;
}
.gallery-card__head-text__title {
font-family: var(--second-family);
font-weight: 800;
font-size: 40px;
line-height: 120%;
}
.gallery-card__head-text__subtitle {
margin-top: 10px;
font-weight: 600;
font-size: 19px;
line-height: 150%;
}
.gallery-card__form .bt {
padding-left: 0;
padding-right: 0;
margin-top: 25px;
width: 45%;
}
.gallery-card__form .agree {
margin-top: 25px;
width: 45%;
padding-left: 15px;
}
.pagination {
margin-top: 30px;
}
.pagination .bt {
margin-right: 8px;
font-size: 16px;
}
.article-card__wrapper {
display: block;
}
.article-card__img {
display: block;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.article-card__img:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.article-card__img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.article-card__title {
display: inline-block;
margin-top: 4px;
font-family: var(--second-family);
font-weight: 500;
line-height: 120%;
color: var(--color-text-200);
}
.article-card p {
margin-top: 10px;
line-height: 150%;
color: var(--color-text-330);
}
.article-list {
margin: -30px -30px 0;
}
.article-list .article-card {
padding: 0 30px;
width: 50%;
margin-top: 60px;
}
.article-list .article-card__title {
font-size: 28px;
}
.article-section {
margin-top: 60px;
}
.article-section.bg-gray {
padding: 30px 0;
}
.article-list-md {
margin: 0 -20px;
}
.article-list-md .article-card {
padding: 0 20px;
margin-top: 40px;
}
.article-section .bt-more {
width: 100%;
margin-top: 40px;
}
.search-nav {
padding-top: 10px;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color-text-330);
}
.search-nav li {
margin: 10px 24px 0 0;
opacity: 0.5;
}
.search-nav li a {
border-bottom: 1px dashed;
color: inherit;
}
.search-nav li span {
font-weight: 300;
}
.search-result {
margin-top: 30px;
padding: 25px 0 20px;
border-top: 1px solid var(--input-border);
}
.search-result H4 {
font-size: 28px;
}
.search-result .count {
opacity: 0.5;
font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: right;
color: var(--color-second-dark-2);
}
.gallery-list {
margin-top: -20px;
}
.gallery-list .gallery-card {
margin-top: 40px;
width: calc(50% - 20px);
}
.color-selection__content {
width: 59.3%;
padding-right: 20px;
}
.color-selection__content > p {
margin-top: 20px;
font-size: 18px;
line-height: 150%;
color: var(--color-text-330);
}
.color-selection__content p + p {
margin-top: 10px;
}
.color-selection__content .h4 {
font-size: 21px;
}
.color-selection__aside {
width: 40.7%;
}
.board-filter {
display: flex;
padding: 12px 0 18px;
border-bottom: 1px solid var(--input-border);
}
.board-filter .h4 {
margin: 10px 16px 0 0;
}
.filter__input {
display: none;
}
.filter__label {
margin-top: 10px;
display: inline-flex;
align-items: center;
border: 2px solid transparent;
border-radius: 10px;
padding: 0 15px;
height: 37px;
cursor: pointer;
}
.filter__label::before {
content: '';
display: block;
width: 0px;
height: 24px;
border-radius: 50%;
margin-right: 0px;
}
.filter__input:checked + .filter__label {
border: 2px solid black;
}
.filter__label--all::before {
display: none;
}
.filter__label--brown::before {
background-color: #573322;
}
.filter__label--natural::before {
background-color: #d9b363;
}
.filter__label--grey::before {
background-color: #838582;
}
.filter__label--dark::before {
background-color: var(--color-black);
}
.filter__label--light::before {
border: 1px solid #dedede;
background-color: #f9f9f9;
}
.card-board__section {
margin-top: 20px;
padding-bottom: 10px;
}
.card-board__list {
padding-top: 12px;
gap: 10px;
}
.card-board {
position: relative;
border-radius: 10px;
overflow: hidden;
display: flex;
flex: 0 1 calc((100% - 60px) / 7);
aspect-ratio: 1 / 1;
}
.card-board input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.card-board__image {
display: flex;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.card-board input:checked + .card-board__image {
border: 3px solid var(--color-prime);
padding: 5px;
}
.color-selection__result {
padding-right: 14px;
text-align: center;
font-size: 18px;
}
.color-selection__list {
margin-top: 10px;
padding-right: 14px;
overflow: auto;
max-height: 100vh;
}
.color-selection__list::-webkit-scrollbar {
width: 6px;
}
.color-selection__list::-webkit-scrollbar-track {
background: #e0e0e0;
border-radius: 10px;
}
.color-selection__list::-webkit-scrollbar-thumb {
background: var(--color-prime);
border-radius: 10px;
}
.product-card {
position: relative;
overflow: hidden;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px 20px;
}
.product-card + .product-card {
margin-top: 10px;
}
.product-card__images {
overflow: hidden;
border-radius: 10px;
}
.product-card__images .slick-arrow {
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.5);
color: var(--color-white);
}
.product-card__images .slick-arrow:hover {
background: rgba(0, 0, 0, 0.9);
}
.product-card__images:not(.slick-slider) .item:not(:first-child) {
display: none;
}
.product-card__images .item {
border-radius: 10px;
position: relative;
overflow: hidden;
}
.product-card__images .item:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.product-card__images .item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.product-card__content {
padding: 20px 10px 0;
}
.product-card .link-more {
font-weight: 500;
font-size: 24px;
}
.product-card__label {
margin-top: 8px;
font-size: 17px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.product-card .collection-target__item {
border: 1px solid var(--color-gray);
}
.product-card p {
margin-top: 20px;
font-size: 17px;
line-height: 150%;
color: var(--color-text-330);
}
.product-card__price {
margin-top: 24px;
}
.product-card__price .new-price {
margin-right: 20px;
font-size: 24px;
font-family: var(--second-family);
font-weight: 400;
color: var(--color-second-dark-2);
}
.product-card__price .new-price .val {
font-size: 28px;
font-weight: 500;
}
.product-card__price .old-price {
margin-right: 5px;
font-family: var(--second-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
text-decoration: line-through;
color: var(--color-text-330);
}
.product-card__price .old-price .value {
font-size: inherit;
font-weight: 400;
}
.product-card__buttons {
display: flex;
margin-top: 32px;
}
.product-card__buttons .bt-primary {
width: 100%;
}
.product-card__buttons-action .header-bt {
margin-left: 12px;
background: var(--color-white);
width: 48px;
height: 100%;
}
.calculator {
margin-top: 30px;
}
.calculator-step__nav {
padding-bottom: 20px;
border-bottom: 1px solid var(--input-border);
font-family: var(--second-family);
font-weight: 500;
font-size: 26px;
line-height: 120%;
color: var(--color-text-600);
}
.calculator-step__nav-item.active {
cursor: pointer;
color: var(--color-text-200);
}
.calculator-step__nav-item:not(:first-child)::before {
content: "\e90e";
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
margin: 0 15px;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 74%;
}
.calculator p {
margin-top: 30px;
color: var(--color-text-330);
}
.calculator-step__col-left {
width: 52.5%;
padding-right: 50px;
}
.calculator-step__col-right {
width: 47.5%;
}
.calculator__base-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: var(--color-text-backing);
border-radius: 20px;
padding: 10px;
}
.calculator__base-image img {
max-height: 100%;
}
.calculator__base-list {
padding-top: 10px;
}
.calculator__base-card {
position: relative;
margin-top: 20px;
width: calc(50% - 10px);
display: flex;
}
.calculator__base-card > input {
display: none;
}
.calculator__base-card__wrapper {
width: 100%;
display: flex;
align-items: flex-start;
border: 2px solid var(--input-border);
border-radius: 10px;
}
.calculator__base-card > input:checked + .calculator__base-card__wrapper {
border-color: var(--color-prime);
background: var(--color-prime-background);
}
.calculator__base-card__content {
padding: 25px;
}
.calculator__base-card .title {
font-size: 20px;
line-height: 140%;
}
.calculator__base-card p {
margin-top: 20px;
font-size: 15px;
line-height: 140%;
color: var(--color-text-330);
}
.calculator__base-card .h5 {
margin: 10px 0 8px;
font-size: 14px;
}
.calculator__base-card .radio-item {
margin-top: 5px;
}
.calculator__base-card__img {
width: 130px;
min-width: 130px;
height: 180px;
display: flex;
align-items: center;
margin-top: auto;
}
.calculator-buttons {
margin-top: 40px;
}
.calculator-buttons .bt {
width: calc(50% - 10px);
}
.calculator-buttons .bt-next-step {
margin-left: auto;
}
.calculator-buttons .bt-prev-step .icon-chevron-right {
margin: 0 10px 0 0;
transform: rotate(180deg);
}
.calculator-config {
margin-top: 40px;
}
.calculator-config .h5 {
margin: 0;
font-size: 18px;
}
.calculator-config .calculator-config__righ {
padding-left: 10px;
border-left: 1px solid var(--input-border);
}
.calculator-config__step + .calculator-config__step {
margin-top: 30px;
}
.calculator-config__step .h5 + p {
margin-top: 8px;
}
.config__radio-box {
margin-top: 12px;
display: block;
cursor: pointer;
max-width: 312px;
}
.config__radio-box > input {
display: none;
}
.config__radio-box__wrapper {
border: 1px solid var(--input-border);
border-radius: 10px;
height: 72px;
display: flex;
align-items: center;
}
.config__radio-box > input:checked + .config__radio-box__wrapper {
border-color: var(--color-prime);
background: var(--color-prime-background);
}
.config__radio-box__img {
width: 115px;
min-width: 115px;
text-align: center;
}
.config__radio-box__text {
font-family: var(--second-family);
}
.calculator-config__step .radio-item {
margin-top: 12px;
}
.calculator-config__step .radio-item:not(:last-child) {
margin-right: 32px;
}
.terrace-dimensions {
margin-top: 22px;
display: flex;
justify-content: center;
}
.terrace-dimensions > div {
position: relative;
padding: 50px 0;
}
.terrace-dimensions input {
position: absolute;
border-bottom: 1px solid var(--input-border);
padding: 10px;
background: transparent;
width: 100%;
height: 40px;
padding: 0;
font-family: var(--font-family);
font-weight: 500;
font-size: 17px;
line-height: 120%;
text-align: center;
color: var(--color-text-330);
}
.terrace-dimensions .input-top {
top: 0;
}
.terrace-dimensions .input-right {
width: 88px;
left: 100%;
top: 50%;
transform: translateY(-50%);
}
.terrace-dimensions .input-left {
width: 88px;
right: 100%;
top: 50%;
transform: translateY(-50%);
}
.terrace-dimensions .input-inside-left {
width: 88px;
left: 4%;
bottom: 25%;
}
.terrace-dimensions .input-inside-right {
width: 88px;
left: 54%;
bottom: 25%;
}
.terrace-dimensions .input-inside-right {
width: 88px;
right: 4%;
bottom: 25%;
}
.terrace-dimensions .input-bottom-right {
width: 88px;
right: 7%;
bottom: 0;
}
.terrace-dimensions .input-bottom-left {
width: 88px;
left: 7%;
bottom: 0;
}
.laying-plan {
background: var(--color-text-backing);
width: 100%;
border-radius: 20px;
padding: 40px;
text-align: center;
}
.laying-plan .title {
font-size: 18px
}
.laying-plan__image {
margin-top: 20px;
}
.laying-plan__image img {
mix-blend-mode: darken;
}
.laying-plan p {
margin-top: 20px;
}
.bt-toggle__filter-calculator {
display: none !important;
}
.calculator-filter {
position: relative;
z-index: 3;
padding: 20px 0 10px;
}
.calculator-filter .filter-item {
margin: 10px 10px 0 0;
}
.calculator-filter .form-switch {
background: var(--color-text-backing);
border-radius: 10px;
padding: 0 26px 0 10px;
height: 46px;
display: flex;
margin: 10px 10px 0 0;
}
.mobile__calculator-filter {
display: none;
}
.board-variant {
margin-top: 10px;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.board-variant > input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
cursor: pointer;
}
.board-variant__wrapper {
display: flex;
border: 1px solid var(--input-border);
border-radius: 10px;
overflow: hidden;
height: 100%;
}
.board-variant__img img {
height: 100%;
object-fit: cover;
}
.board-variant > input:checked + .board-variant__wrapper {
border-color: var(--color-prime);
background: var(--color-prime-background);
}
.board-variant__img {
width: 160px;
min-width: 160px;
display: flex;
align-items: flex-end;
}
.board-variant__content {
padding: 20px 30px 15px 10px;
width: calc(100% - 160px);
}
.board-variant .title {
margin-bottom: 15px;
font-size: 18px;
word-wrap: break-word;
}
.board-variant__option-row {
padding: 7px 0;
display: flex;
border-bottom: 1px solid var(--input-border);
font-family: var(--second-family);
font-size: 15px;
line-height: 120%;
color: var(--color-black);
}
.board-variant__option-row .cell-1 {
margin-right: auto;
padding-right: 5px;
width: 100%;
color: var(--color-second-dark-2);
}
.board-variant__option-row .cell-2 {
width: 95px;
min-width: 95px;
}
.board-variant__option-row .cell-3 {
width: 95px;
min-width: 95px;
text-align: right;
}
.board-variant__total {
padding-top: 7px;
display: flex;
justify-content: space-between;
font-family: var(--second-family);
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
}
.board-variant__total-label {
padding-right: 5px;
color: var(--color-second-dark-2);
}
.board-variant__total-sum {
text-align: right;
}
.calculator-form {
background: var(--color-text-200);
border-radius: 20px;
padding: 40px;
color: var(--color-white);
}
.calculator-form .h3 {
margin: 0;
font-size: 28px;
color: inherit;
}
.calculator-form p {
margin-top: 7px;
color: var(--color-960);
line-height: 150%;
}
.calculator-form .form-group {
padding-top: 14px;
}
.calculator-form .checkbox-item {
margin: 16px 0;
font-size: 16px;
color: var(--color-text-600);
}
.calculator-form .checkbox-item a {
color: inherit;
text-decoration: underline;
}
.calculator-form .bt {
width: 100%;
}
.calculator-form .input-error {
border: 1px solid red !important;
}
.calculator-form .input-error::placeholder {
color: red;
}
.calculator-form .error-message {
color: red;
font-size: 14px;
margin-top: 5px;
display: none;
}
.checkbox-error {
color: red;
}
.checkbox.checkbox-error {
background: url('data:image/svg+xml,');
}
.calculator-summary {
margin-top: 20px;
padding: 10px 0;
background: var(--color-text-backing);
border-radius: 20px;
}
.calculator-summary__section {
padding: 30px 40px;
}
.calculator-summary__section:not(:last-child) {
border-bottom: 1px solid var(--input-border);
}
.calculator-summary__section .h3 {
font-size: 28px;
}
.calculator-summary__option .h4 {
font-size: 20px;
}
.calculator-summary__section .header-bt {
margin-left: 5px;
}
.calculator-summary__option {
padding-top: 30px;
}
.calculator-summary__option-row {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
font-family: var(--second-family);
}
.calculator-summary__option-row + .calculator-summary__option-row {
margin-top: 14px;
}
.calculator-summary__section .h4 + .calculator-summary__option-row {
margin-top: 14px;
}
.calculator-summary__option-row::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom:1px;
width: 100%;
border-bottom: 1px solid var(--input-border);
}
.calculator-summary__option-row > * {
position: relative;
z-index: 2;
background: var(--color-text-backing);
}
.calculator-summary__option-row__key {
padding-right: 4px;
line-height: 120%;
color: var(--color-text-600);
max-width: 70%;
}
.calculator-summary__option-row__value {
padding-left: 4px;
font-weight: 500;
line-height: 120%;
text-align: right;
}
.calculator-summary__option p {
margin: 14px 0;
font-family: var(--second-family);
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: var(--color-text-600);
}
.calculator-summary__plan-list {
margin: 0 -5px;
padding-top: 20px;
}
.plan-card {
margin-top: 10px;
padding: 0 5px;
width: 33.333%;
text-align: center;
}
.plan-card__img {
position: relative;
background: var(--color-white);
height: 220px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.plan-card__img::after {
content: '';
display: block;
background-color: rgba(255, 255, 255, 0.7);
width: 42px;
height: 42px;
border-radius: 10px;
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 10px;
bottom: 10px;
}
.plan-card__title {
margin-top: 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color-text-330);
}
.calculator-summary__material-list {
margin: 0 -7.5px;
}
.material-card {
margin-top: 30px;
padding: 0 7.5px;
width: 33.333%;
text-align: center;
}
.material-card a {
display: block;
}
.material-card__img {
background: var(--color-white);
height: 138px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.material-card__title {
margin-top: 10px;
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 140%;
text-align: center;
color: var(--color-text-330);
}
.calculator-summary__description {
position: relative;
height: 280px;
overflow: hidden;
font-size: 16px;
color: var(--color-black);
line-height: 170%;
}
.calculator-summary__description::after {
content: '';
display: block;
background: linear-gradient(180deg, rgba(244, 246, 250, 0) 0%, #f4f6fa 84.5%);
height: 130px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.calculator-summary__description .h5 {
margin-top: 20px;
font-size: 18px;
}
.calculator-summary__description p {
margin-top: 20px;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.calculator-summary__section .bt-toggle .icon-chevron-right {
transform: rotate(90deg);
}
.expanded .calculator-summary__description {
height: 100%;
margin-bottom: 20px;
overflow: visible;
}
.expanded .calculator-summary__description::after {
display: none;
}
.expanded .bt-toggle .icon-chevron-right {
transform: rotate(-90deg);
}
.blur-container {
position: relative;
}
.blur-container.blur > *:not(.alert) {
filter: blur(4px);
pointer-events: none;
opacity: 0.5;
transition: 0.3s;
}
.blur-container .alert {
display: none;
position: absolute;
left: 50%;
top: 50%;
max-width: 500px;
width: 100%;
transform: translate(-50%,-50%);
border-radius: 10px;
padding: 10px 16px;
background: var(--color-prime-dark-1);
font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
color: var(--color-white);
cursor: pointer;
}
.blur-container .alert .icon-lock-fill {
margin-right: 20px;
font-size: 20px;
}
.blur-container .alert .icon-arrow-up {
margin-left: 12px;
font-size: 20px;
}
.blur-container.blur .alert {
display: block;
}
.promotion-info {
padding-top: 15px;
font-size: 17px;
}
.promotion-info__label {
display: inline-block;
vertical-align: middle;
margin: 5px 12px 0 0;
background: var(--color-text-backing-2);
border-radius: 8px;
padding: 5px 10px;
color: var(--text-dark-blue);
}
.promotion-info__date {
display: inline-block;
vertical-align: middle;
margin-top: 5px;
color: var(--color-text-600);
}
.promotion-info__image {
margin-top: 40px;
}
.promotion-info__image img {
border-radius: 20px;
width: 100%;
}
.promotion-section {
padding-top: 0;
margin: 40px 0 60px;
}
.promotion__product-card__list {
margin: 0 -15px;
}
.promotion__product-card {
position: relative;
margin-top: 30px;
padding: 0 15px;
width: 33.333%;
}
.promotion__product-card__img {
display: block;
border-radius: 10px;
position: relative;
overflow: hidden;
background: var(--color-text-backing);
}
.promotion__product-card__img:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.promotion__product-card__img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
max-width: 80%;
}
.promotion__product-card__action {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.promotion__product-card__action .header-bt {
margin-left: 5px;
background: rgba(0, 0, 0, 0.5);
color: var(--color-white);
}
.promotion__product-card__action .header-bt:hover {
background: rgba(0, 0, 0, 0.7);
}
.promotion__product-card__title {
margin-top: 7px;
font-weight: 500;
font-size: 21px;
}
.promotion__product-card__label {
margin-top: 22px;
}
.promotion__product-card__option {
margin-top: 16px;
color: var(--color-second-dark-2);
}
.promotion__product-card__price {
margin-top: 16px;
}
.promotion__product-card__price .old-price {
margin-right: 10px;
font-family: var(--second-family);
font-weight: 400;
font-size: 17px;
line-height: 120%;
text-decoration: line-through;
color: var(--color-text-330);
}
.promotion__product-card__price .discount-badge {
font-size: 14px;
}
.promotion__product-card__price .new-price {
margin: 7px 12px 0 0;
font-family: var(--second-family);
font-weight: 400;
font-size: 26px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.promotion__product-card__price .unit-price {
margin-top: 7px;
padding-left: 12px;
border-left: 1px solid var(--input-border);
font-family: var(--second-family);
font-weight: 300;
font-size: 18px;
line-height: 120%;
color: var(--color-text-600);
line-height: 120%;
}
.promotion__product-card__price .unit-price .val {
font-weight: 400;
color: var(--color-text-330);
}
.promotion-note {
margin: 0px 0;
background: var(--color-text-backing);
border-radius: 20px;
padding: 40px;
}
.promotion-note__text {
width: 65%;
}
.promotion-note__text ul {
margin-top: 30px;
font-size: 19px;
line-height: 150%;
color: var(--color-text-330);
}
.promotion-note__feedback {
width: 30%;
border: 2px solid var(--color-prime);
border-radius: 10px;
padding: 30px;
max-width: 462px;
}
.promotion-note__feedback .h5 {
margin: 0;
font-size: 21px;
}
.promotion-note__feedback .bt {
margin-top: 20px;
width: 100%;
}
.article {
margin-top: 30px;
font-size: 17px;
line-height: 150%;
color: #444;
}
.article-content {
width: 62%;
padding-right: 60px;
}
.article-content .breadcrumbs {
margin-top: 0 !important;
flex-wrap: wrap;
}
.article H3 {
margin-top: 30px;
font-size: 28px;
}
.article p {
margin-top: 30px;
}
.article-content img {
border-radius: 10px;
margin-top: 30px;
}
.article-aside {
width: 30%;
position: sticky;
top: 122px;
}
.article-info {
margin-top: 12px;
color: var(--color-text-600);
font-size: 16px;
}
.article-tags {
margin-right: auto;
font-weight: 500;
font-size: inherit;
}
.article-tags > * {
margin-right: 18px;
}
.aritcle-date {
margin-right: 20px;
font-size: 15px;
color: var(--color-text-600);
}
.article-gallery {
margin-top: 14px;
overflow: hidden;
}
.article-gallery:not(.slick-slider) .item:not(:first-child) {
display: none;
}
.article-gallery .item {
border-radius: 20px;
overflow: hidden;
display: flex;
}
.article-gallery .item img {
width: 100%;
margin: 0;
}
.article-gallery .slick-dots {
bottom: 20px;
}
.article-container {
margin-top: 30px;
display: flex;
align-items: center;
}
.article-container img {
margin: 0 !important;
max-width: 63%;
}
.article-container p {
margin: 0 !important;
padding-left: 50px;
}
.article-aside__box {
margin-bottom: 20px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 40px;
}
.useful-nav {
padding-top: 16px;
}
.useful-nav li {
margin-top: 14px;
}
.useful-nav li a {
font-size: 18px;
color: var(--color-text-200);
}
.article-nav li {
margin-top: 24px;
}
.article-nav li .title {
font-size: 19px;
line-height: 120%;
color: var(--color-second-dark-2);
font-weight: 400;
}
.b-box {
margin-top: 20px;
}
.b-box img {
border-radius: 20px;
width: 100%;
}
.review-head {
margin-top: 30px;
}
.review-head__text {
padding-right: 50px;
font-weight: 300;
font-size: 18px;
line-height: 160%;
}
.rating-box {
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
padding: 16px 20px;
margin-right: 15px;
}
.rating-box .rating {
margin-top: 10px;
}
.rating-box .rating-value {
margin-right: 12px;
font-size: 21px;
color: var(--color-black);
}
.rating-box .icon-star {
font-size: 16px;
color: var(--color-prime);
}
.rating-box .logo {
display: inline-flex;
align-items: center;
}
.review-head__feedback {
min-width: 234px;
margin-top: auto;
}
.review-head__feedback .h5 {
margin: 0 0 3px;
font-size: 17px;
}
.review-head__feedback .bt {
width: 100%;
font-size: 17px;
}
.video-reviews {
position: relative;
z-index: 1;
margin-top: 40px;
}
.video-review__slider {
margin: 0 -10px;
overflow: hidden;
}
.video-review__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.video-review__slider:not(.slick-slider) .video-review__card {
min-width: 390px;
}
.video-review__card {
padding: 0 10px;
display: flex;
font-family: var(--second-family);
font-weight: 500;
color: var(--color-white);
}
.video-review__card > a {
position: relative;
overflow: hidden;
display: flex;
border-radius: 20px;
height: 452px;
width: 100%;
color: inherit;
}
.video-review__card > a::before {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
transform: rotate(180deg);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 74%;
z-index: 2;
}
.video-review__card a img {
width: 100%;
object-fit: cover;
object-position: center;
transition: all 200ms ease;
transform: scale(1);
}
.video-review__card .icon-play {
width: 80px;
height: 80px;
font-size: 32px;
padding-left: 5px;
z-index: 3;
}
.video-review__card-content {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
z-index: 3;
}
.video-review__card-autor {
font-size: 17px;
line-height: 140%;
}
.video-review__card-title {
margin-top: 10px;
font-size: 24px;
line-height: 140%;
}
.slick-dots-counter li {
display: none;
}
.slick-dots-counter .slick-dots {
position: static;
left: 0%;
transform: translateX(0%);
display: flex;
align-items: center;
margin: 0 10px;
}
.slick-dots-counter .slick-dots li {
cursor: pointer;
width: auto;
height: auto;
margin: 0 1px;
border-radius: 0;
display: none;
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
color: rgba(0, 0, 0, 0.32);
}
.slick-dots-counter .slick-dots li::before {
display: none;
}
.slick-dots-counter .slick-dots li.slick-active {
display: inline;
}
.slick-dots-counter .slick-dots li * {
display: inline;
}
.slick-dots-counter .slick-dots li span {
color: var(--color-black);
}
.video-review__nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.video-review__nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
}
.review-list-items {
margin-top: 20px;
gap: 20px;
}
.review-item {
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 30px;
display: flex;
flex-direction: column;
flex: 1 1 calc(50% - 10px);
}
.review-item__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
}
.review-item__category {
margin-top: 6px;
color: var(--color-text-330);
}
.review-item__rating {
margin-top: 14px;
display: flex;
align-items: center;
}
.review-item__rating .rating-stars {
margin-right: 12px;
}
.review-item__rating .icon-star {
font-size: 16px;
color: var(--color-prime);
}
.review-item__rating .disabled {
color: var(--color-second);
}
.review-item__rating .logo {
display: inline-flex;
align-items: center;
}
.review-item__rating .logo img {
height: 16px;
}
.review-item p {
line-height: 150%;
}
.review-item__bt {
padding-top: 20px;
margin-top: auto;
}
.review-item .bt {
height: 36px;
border-radius: 8px;
font-size: 14px;
}
.to-project-section {
margin-top: 30px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
}
.to-project-section p {
margin-top: 10px;
font-size: 18px;
line-height: 150%;
color: var(--color-black);
}
.to-project-section .bt {
margin-top: 20px;
width: 100%;
max-width: 240px;
}
.review-image {
margin-top: 30px;
}
.review-image .popup-image {
max-width: 70%;
}
.popup-image {
position: relative;
display: inline-block;
}
.popup-image::after {
content: '';
display: block;
background-color: rgba(255, 255, 255, 0.7);
width: 42px;
height: 42px;
border-radius: 10px;
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 10px;
bottom: 10px;
}
.inspiration-list {
margin: 0 -20px;
}
.inspiration-list .item {
padding: 0 20px;
margin-top: 40px;
}
.inspiration-card {
position: relative;
background-position: center;
background-size: cover;
background-color: #f2f2f2;
display: block;
border-radius: 10px;
overflow: hidden;
color: var(--color-white);
}
.inspiration-card::before {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 208px;
}
.inspiration-card:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.inspiration-card__content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 40px;
}
.inspiration-card .link-more {
font-size: 34px;
line-height: 150%;
color: inherit;
}
.inspiration-card .link-more .icon-chevron-right {
font-size: 60%;
}
.inspiration-card a {
color: inherit;
}
.inspiration-card .link-more {
margin-top: 25px;
font-weight: 500;
font-size: 34px;
}
.inspiration-card .link-more span {
background-image: linear-gradient(to right, white 0%, white 100%);
}
.inspiration-card p {
margin-top: 10px;
font-family: var(--second-family);
font-weight: 500;
font-size: 19px;
line-height: 120%;
}
.color-palette__container {
position: relative;
background: var(--color-text-backing);
border-radius: 20px;
padding: 40px;
}
.color-palette__preview {
width: 55%;
max-width: 728px;
}
.color-palette__preview H2 {
font-size: 34px;
}
.color-palette__content {
width: 43%;
max-width: 570px;
}
.color-palette__preview-subtitle {
margin-top: 15px;
font-size: 22px;
}
.color-palette .bt {
margin-top: 30px;
height: 58px;
padding: 0 20px;
font-weight: 600;
font-size: 17px;
}
.color-palette__grid {
gap: 5px;
}
.color-palette__grid .item {
position: relative;
overflow: hidden;
border-radius: 10px;
width: calc((100% - 5 * 5px) / 5);
aspect-ratio: 1 / 1;
background-color: #f2f2f2;
}
.color-palette__grid .item img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease-in-out;
pointer-events: none;
}
.tv-block H2 {
font-size: 34px;
}
.tv-block__preview {
width: 400px;
padding-right: 20px;
}
.tv-block__content {
position: relative;
z-index: 1;
overflow: hidden;
width: calc(100% - 400px);
}
.tv-block__preview p {
margin-top: 20px;
font-weight: 300;
font-size: 18px;
line-height: 160%;
}
.tv-block__preview-logo {
padding-top: 20px;
}
.tv-block__preview-logo img {
display: block;
margin-top: 20px;
}
.tv-slider {
margin: 0 -20px;
}
.tv-slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.tv-slider:not(.slick-slider) .useful-card {
min-width: 376px;
width: 376px;
}
.tv-slider .useful-card {
padding: 0 20px;
}
.tv-slider .useful-card .title
.tv-slider .useful-card .title {
font-size: 22px;
font-weight: 500;
}
.tv-slider .slick-arrow {
transform: translateY(0%);
top: 33%;
}
.tv-slider .slick-prev {
left: 27px;
}
.tv-slider .slick-next {
right: 27px;
}
.about-preview {
background: var(--color-second-dark-2);
}
.about-preview__wrapper {
position: relative;
height: 525px;
}
.about-preview .breadcrumbs {
position: absolute;
left: 0;
top: 0;
margin-top: 20px;
color: var(--color-white);
}
.about-preview__content {
width: 48%;
max-width: 630px;
}
.about-preview__video {
width: 50%;
max-width: 750px;
}
.about-preview__video video {
mask: url(#videoMask);
-webkit-mask: url(#videoMask);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
}
.about-preview H1 {
margin-top: 30px;
font-size: 34px;
line-height: 140%;
color: var(--color-white);
}
.about-company__text {
width: 55%;
max-width: 800px;
font-size: 19px;
line-height: 160%;
}
.about-company__text p:first-child {
margin-top: 0;
}
.about-advantage {
width: 43%;
max-width: 565px;
}
.about-advantage__list {
margin: -25px -12.5px 0;
}
.about-advantage__list-item {
width: 50%;
padding: 0 12.5px;
margin-top: 25px;
display: flex;
}
.about-advantage__card {
width: 100%;
border: 1px solid var(--color-text-backing-2);
border-radius: 20px;
padding: 30px 35px;
text-align: center;
}
.about-advantage__card-icon {
width: auto;
height: 64px;
}
.about-advantage__card .title {
margin-top: 26px;
font-weight: 400;
font-size: 19px;
line-height: 120%;
color: var(--color-text-200);
}
.technology-wrapper {
position: relative;
z-index: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 0 82px;
height: 600px;
border-radius: 20px;
overflow: hidden;
color: var(--color-white);
}
.technology-wrapper::before {
content: '';
display: block;
background: #000;
opacity: 0.65;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.technology-wrapper .background-video {
z-index: -2;
}
.technology-content {
max-width: 740px;
}
.technology-content H2 {
color: inherit;
}
.technology-content p {
margin: 40px 0;
font-weight: 500;
font-size: 22px;
line-height: 150%;
}
.technology-content .bt {
height: 58px;
padding: 0 20px;
}
.performance-aside {
max-width: 404px;
width: 30%;
}
.performance-content {
width: 68%;
max-width: 1011px;
}
.performance-list {
margin: -80px -15px 0;
}
.performance-card {
margin-top: 80px;
padding: 0 15px;
max-width: 50%;
}
.performance-card__val {
font-family: var(--second-family);
font-weight: 500;
font-size: 100px;
line-height: 120%;
color: var(--color-prime);
}
.performance-card p {
margin-top: 10px;
font-size: 25px;
}
.production-wrapper {
background: var(--color-text-backing);
border-radius: 20px;
overflow: hidden;
}
.production-content {
width: 51%;
padding: 60px;
font-size: 19px;
line-height: 160%;
}
.production-content .bt {
margin-top: 30px;
height: 58px;
padding: 0 20px;
}
.production-video {
position: relative;
width: 49%;
display: flex;
}
.production-video::before {
content: '';
display: block;
background: #000;
opacity: 0.5;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.production-video img {
width: 100%;
}
.company-news__head {
padding-bottom: 30px;
border-bottom: 1px solid var(--input-border);
}
.company-news__head .link-more {
font-weight: 500;
font-size: 21px;
color: var(--color-text-200);
}
.company-news__list {
margin: 0 -20px;
}
.company-news__card {
margin-top: 30px;
padding: 0 20px;
width: 25%;
}
.company-news__card:not(:nth-child(4n)) {
border-right: 1px solid var(--input-border-active);
}
.company-news__card .title {
font-size: 20px;
line-height: 150%;
}
.company-news__card .date {
margin-top: 12px;
}
.client {
background: var(--color-text-backing);
padding: 60px 0;
text-align: center;
}
.client-list {
margin: 0 -60px;
padding-top: 14px;
}
.client-list__item {
margin-top: 36px;
max-width: 25%;
padding: 0 60px;
}
.showroom-content {
width: 50%;
max-width: 714px;
padding-right: 50px;
}
.showroom-video {
position: relative;
width: 49.5%;
border-radius: 20px;
overflow: hidden;
}
.showroom-video video {
border-radius: 20px;
}
.showroom-content p {
margin: 30px 0;
font-size: 19px;
line-height: 140%;
}
.showroom-tour__virtual {
width: 310px;
display: block;
text-align: center;
}
.showroom-tour__virtual .icon-360 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
border-radius: 20px;
background: rgba(0, 0, 0, 0.7);
width: 98px;
height: 94px;
display: flex;
align-items: center;
justify-content: center;
font-size: 58px;
color: var(--color-white);
}
.showroom-tour__virtual img {
width: 100%;
border-radius: 10px;
}
.showroom-tour__virtual__link {
margin-top: 5px;
height: 41px;
display: inline-flex;
align-items: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 17px;
color: var(--color-text-600);
}
.showroom-tour__virtual__link i {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 12px;
font-size: 66%;
}
.showroom-tour__content {
width: calc(100% - 310px);
padding-left: 40px;
}
.showroom-tour .title {
font-weight: 600;
font-size: 20px;
line-height: 140%;
}
.showroom-tour__adds {
margin-top: 8px;
font-size: 17px;
line-height: 150%;
}
.showroom-tour__adds a {
font-weight: 700;
text-decoration: underline;
color: var(--color-prime);
}
.showroom-tour .bt {
width: 100%;
padding: 0;
margin-top: 20px;
}
.showroom-video img {
width: 100%;
border-radius: 20px;
}
.company-history {
position: relative;
z-index: 1;
overflow: hidden;
}
.company-history__tab {
margin: 20px -20px 0 0;
}
.company-history__tab-bt {
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
padding: 10px 14px;
font-weight: 500;
font-size: 17px;
color: var(--color-text-200);
white-space: nowrap;
}
.company-history__tab-bt:not(:last-child) {
margin-right: 6px;
}
.company-history__tab-bt.is-active {
background: var(--color-text-backing-2);
}
.company-history__content {
position: relative;
margin-top: 30px;
}
.company-history__slider {
position: relative;
z-index: 1;
overflow: hidden;
}
.company-history__slider:not(.slick-slider) .company-history__step:not(:first-child) {
display: none;
}
.company-history__step {
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
display: flex;
justify-content: space-between;
}
.company-history__step-content {
width: calc(100% - 470px);
max-width: 740px;
padding: 30px 50px 50px 30px;
}
.company-history__step-image {
width: 470px;
}
.company-history__step-content H4 {
font-size: 28px;
}
.company-history__step-content p {
margin-top: 36px;
font-size: 19px;
line-height: 140%;
}
.company-history__nav {
position: absolute;
left: 60px;
bottom: 30px;
z-index: 2;
display: flex;
}
.company-history__nav .slick-arrow {
position: relative;
left: auto;
top: auto;
right: auto;
transform: translateY(0%);
}
.company-history__nav .slick-next {
margin-left: 10px;
}
.detail-content {
width: 58%;
padding-top: 10px;
}
.detail-content H4 {
margin-top: 30px;
font-size: 24px;
}
.detail-content__col {
width: 49%;
max-width: 390px;
}
.detail-card {
margin-top: 20px;
font-size: 17px;
line-height: 140%;
}
.detail-card .title {
color: var(--color-text-200);
}
.detail-card p {
margin-top: 6px;
}
.detail-gallery {
width: 37%;
margin-top: 30px;
}
.detail-gallery__list {
margin: 0 -15px;
}
.detail-gallery__list-item {
width: 50%;
padding: 0 15px;
}
.detail-gallery__list-item a {
display: block;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.09);
border: 4px solid var(--color-white);
border-radius: 10px;
width: 100%;
}
.certificate-wrapper {
position: relative;
background: var(--color-text-backing);
border-radius: 20px;
height: 306px;
padding: 0 60px;
overflow: hidden;
}
.certificate-content {
position: relative;
z-index: 1;
width: 55%;
}
.certificate-content p {
margin: 25px 0;
font-size: 19px;
line-height: 140%;
}
.certificate-image {
position: absolute;
top: -53px;
right: 0;
width: 54%;
}
.production-preview {
position: relative;
margin-top: 20px;
z-index: 1;
overflow: hidden;
padding: 80px 80px 50px;
height: 635px;
display: flex;
flex-direction: column;
color: var(--color-white);
}
.production-preview::after {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
transform: rotate(180deg);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 374px;
z-index: -1;
}
.production-preview H1 {
margin: 0;
font-family: var(--second-family);
font-weight: 500;
font-size: 90px;
line-height: 120%;
color: inherit;
}
.production-preview__progress {
padding-top: 30px;
margin: auto -50px 0;
}
.production-preview__progress-item {
max-width: 485px;
padding: 0 50px;
}
.production-preview__progress-item__val {
font-family: var(--second-family);
font-weight: 500;
font-size: 60px;
line-height: 120%;
}
.production-preview__progress-item__label {
margin-top: 8px;
font-weight: 500;
font-size: 23px;
color: var(--color-960);
line-height: 140%;
}
.production-preview video {
z-index: -2;
}
.production-advantage__head {
width: 34%;
padding-right: 40px;
}
.production-advantage__text {
width: 66%;
margin-top: -20px;
font-size: 19px;
line-height: 160%;
display: flex;
gap: 40px;
}
.production-advantage__text p {
flex: 1;
}
.production-gallery__slider {
overflow: hidden;
margin: 0 -10px;
}
.production-gallery__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.production-advantage__gallery:not(.slick-slider) .production-gallery__slider-item {
width: 25%;
min-width: 25%;
}
.production-gallery__slider-item {
display: flex;
padding: 0 10px;
}
.production-gallery__slider-item a {
border-radius: 10px;
display: flex;
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.production-gallery__slider .slick-prev {
left: 20px;
}
.production-gallery__slider .slick-next {
right: 20px;
}
.production-advantage__desc {
margin-top: -30px;
display: flex;
gap: 80px;
font-size: 19px;
line-height: 160%;
}
.production-advantage__desc H4 {
margin-top: 30px;
}
.production-advantage__desc article {
flex: 1;
}
.production-article:nth-child(2n) .production-article__image {
order: 2;
}
.production-article__row {
display: flex;
align-items: center;
gap: 80px;
}
.production-article__image {
flex: 1;
height: 500px;
display: flex;
}
.production-article__image img {
width: 100%;
object-fit: cover;
object-position: center;
}
.production-article__text {
flex: 1;
font-size: 20px;
line-height: 160%;
}
.production-article__text p {
margin-top: 30px;
}
.laboratory-wrapper {
background: var(--color-text-backing);
padding: 60px;
}
.laboratory-wrapper__row {
gap: 80px;
}
.laboratory-content {
margin-top: 30px;
flex: 1;
font-size: 19px;
line-height: 160%;
}
.laboratory-image {
position: relative;
margin-top: 38px;
flex: 1;
}
.laboratory-content p {
margin: 0 0 30px;
}
.doc-group {
margin: 30px 0;
}
.doc-group__item {
margin-top: 10px;
}
.doc-card {
display: flex;
align-items: center;
background: var(--color-white);
border-radius: 7px;
padding: 4px;
}
.doc-card__img {
border: 1px solid var(--color-text-backing-2);
border-radius: 5px;
width: 45px;
min-width: 45px;
}
.doc-card__title {
padding-left: 15px;
font-family: var(--second-family);
color: var(--color-text-200);
line-height: 120%;
}
.contacts-content {
width: 67.5%;
padding-right: 60px;
margin-top: 30px;
}
.contacts-aside {
width: 32.5%;
margin-top: 30px;
position: sticky;
top: 102px;
}
.contacts-aside .radio-item:not(:last-child) {
margin-right: 20px;
width: 90%;
}
.contacts-aside .agree {
margin-top: 30px;
color: var(--color-text-200);
}
.contacts-aside .bt {
margin-top: 16px;
width: 100%;
height: 58px;
}
.contacts-aside H4 {
margin-top: 20px;
font-size: 21px;
}
.channel-list {
padding-top: 15px;
gap: 10px;
}
.channel-bt {
display: inline-block;
border-radius: 20px;
padding: 16px 5px;
font-weight: 500;
font-size: 15px;
line-height: 150%;
text-align: center;
flex: 0 0 calc(25% - 10px);
}
.channel-bt__icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
height: 36px;
}
.channel-bt__label {
width: 100%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.channel-bt__telegram {
background: rgba(0, 140, 228, 0.05);
color: #008ce4;
}
.channel-bt__vk {
background: rgba(0, 119, 255, 0.05);
color: #07f;
}
.channel-bt__youtube {
background: rgba(255, 0, 0, 0.05);
color: #f00;
}
.channel-bt__inm {
background: linear-gradient(134deg, rgba(251, 204, 52, 0.05) 0%, rgba(242, 124, 88, 0.05) 31.73%, rgba(176, 41, 162, 0.05) 66.83%, rgba(101, 38, 213, 0.05) 100%);
color: #c0299c;
}
.contact-tab {
position: relative;
margin-top: 35px;
padding-left: 27px;
font-weight: 700;
font-size: 24px;
}
.contact-tab .icon-geo {
position: absolute;
left: 0;
top: 3px;
color: #FD933A;
font-size: 22px;
}
.contact-tab__link {
margin-right: 30px;
border-bottom: 2px dashed;
color: var(--color-text-600);
white-space: nowrap;
}
.contact-tab__link.active {
border-color: #FD933A;
color: var(--color-black);
}
.contact-tab__dropdown {
position: relative;
cursor: pointer;
user-select: none;
max-width: calc(100% - 200px);
}
.contact-tab__selected {
display: inline-flex;
align-items: center;
width: 100%;
}
.contact-tab__selected {
width: 100%;
color: var(--color-text-600);
}
.contact-tab__selected span {
border-bottom: 2px dashed;
width: 90%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.contact-tab__selected.active span {
border-color: #FD933A;
color: var(--color-black);
}
.contact-tab__selected .chevron {
width: 17px;
height: 17px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 7px;
font-size: 10px;
transform: rotate(90deg);
}
.contact-tab__options {
display: none;
position: absolute;
top: 100%;
left: 0;
margin-top: 4px;
z-index: 100;
max-height: 500px;
overflow-y: auto;
background: var(--color-white);
padding: 14px;
border-radius: 20px;
width: 200px;
}
.contact-tab__dropdown.open .contact-tab__options {
display: block;
}
.contact-tab__option {
padding: 10px;
border-radius: 8px;
cursor: pointer;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
font-size: 19px;
line-height: 100%;
color: #555;
transition: all 200ms ease;
}
.contact-tab__group {
padding: 10px;
font-family: var(--second-family);
font-weight: 600;
font-size: 19px;
color: var(--color-black);
}
.contacts-row {
gap: 20px;
}
.contacts-card H4 {
padding-bottom: 10px;
}
.contact-item {
position: relative;
padding-left: 38px;
margin-top: 20px;
font-weight: 500;
font-size: 18px;
line-height: 140%;
}
.contact-item__icon {
position: absolute;
left: 0;
top: 0;
font-size: 22px;
color: #ADADAD;
}
.contact-item__phone {
font-family: var(--second-family);
font-size: 24px;
color: var(--color-black);
}
.contact-item__phone a {
color: inherit;
}
.contact-item .bt {
margin-top: 10px;
height: 42px;
}
.contacts-card__buttons {
margin-top: 20px;
gap: 10px;
}
.contacts-card__buttons .bt {
height: 36px;
font-size: 14px;
}
.contacts-feedback.card {
margin-top: 20px;
padding: 25px 40px;
}
.contacts-feedback .h5 {
margin: 0;
font-size: 21px;
color: var(--color-black);
}
.contacts-feedback .messengers {
display: flex;
gap: 8px;
}
.contacts-feedback .messengers a {
margin: 0;
width: 195px;
font-size: 17px;
}
.contacts-feedback .messengers a::after {
order: -1;
margin-right: 10px;
font-size: 30px;
}
.contacts-section {
margin-top: 60px;
}
.contacts-section > p {
margin-top: 16px;
font-weight: 500;
font-size: 18px;
line-height: 140%;
}
.contacts-section H4 {
margin: 0 0 20px;
font-size: 21px;
}
.contacts-section .showroom-tour {
padding-bottom: 42px;
}
.contacts-section .showroom-tour__virtual,
.contacts-section .showroom-tour__content {
position: relative;
width: calc(50% - 10px);
max-width: 100%;
}
.contacts-section .showroom-tour__virtual {
display: flex;
}
.contacts-section .showroom-tour__virtual img {
border-radius: 20px;
height: auto;
}
.contacts-section .showroom-tour__content {
padding-left: 110px;
}
.contacts-section .showroom-tour__content .icon-geo {
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
color: #FD933A;
font-size: 56px;
}
.contacts-section .showroom-tour__adds {
margin: 0;
}
.contacts-section .showroom-video {
width: 100%;
margin: 30px 0;
}
.showroom-tour__virtual__link {
margin: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
white-space: nowrap;
}
.contacts-map {
position: relative;
margin-top: 30px;
border-radius: 20px;
height: 550px;
background: var(--color-text-backing);
overflow: hidden;
}
.customer-history {
position: relative;
margin-top: 50px;
padding-right: 210px;
}
.customer-history__image {
width: 100%;
border-radius: 20px;
height: 500px;
object-fit: cover;
object-position: center;
}
.customer-history__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
border-radius: 20px;
padding: 40px;
width: 500px;
background: var(--color-text-backing);
}
.customer-history .title {
font-size: 28px;
line-height: 120%;
}
.customer-history .link-more {
margin-top: 15px;
font-size: 16px;
}
.customer-history:nth-child(2n) {
padding: 0 0 0 210px;
}
.customer-history:nth-child(2n) .customer-history__content {
left: 0;
right: auto;
}
.project-preview__image img {
width: 100%;
}
.history-project {
padding-top: 40px;
max-width: 1226px;
margin: 0 auto;
text-align: center;
}
.history-project .link-back {
margin-right: 30px;
}
.history-project H1 {
margin-top: 20px;
}
.history-project__location {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--color-black);
}
.history-project__location .icon-pin {
margin-right: 10px;
font-size: 32px;
}
.history-project__text {
margin: 30px auto 0;
max-width: 1064px;
font-size: 20px;
line-height: 160%;
}
.history-project__text::before {
content: '';
display: block;
background-color: var(--input-border);
width: 136px;
height: 1px;
margin: 0 auto 30px;
}
.video-wrapper {
position: relative;
max-width: 1226px;
margin: 30px auto 0;
border-radius: 20px;
overflow: hidden;
}
.video-wrapper video {
width: 100%;
}
.project-info .card {
padding: 40px;
}
.project-info__list {
margin: 0 -20px;
}
.project-info__item {
width: 33.333%;
padding: 0 20px;
font-size: 18px;
line-height: 160%;
}
.project-info__item .title {
padding-bottom: 10px;
font-size: 22px;
line-height: 120%;
}
.project-info__item__author {
margin-top: 30px;
font-style: italic;
font-weight: 300;
}
.project-details {
text-align: center;
}
.project-details__grid {
margin: -10px -10px 0;
display: flex;
flex-wrap: wrap;
}
.project-details__card {
padding: 0 10px;
margin-top: 50px;
width: 50%;
}
.project-details__card img {
width: 100%;
border-radius: 10px;
}
.project-details__card-text {
padding: 15px 20px 0;
font-size: 18px;
line-height: 160%;
}
.project-about {
max-width: 1074px;
margin: 0 auto;
}
.project-about__text {
padding-top: 20px;
font-size: 17px;
line-height: 150%;
color: #444;
}
.project-about__note {
margin: 40px 0;
padding-left: 30px;
border-left: 2px solid var(--color-prime);
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-text-200);
}
.project-gallery {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-gallery__slider {
margin: 0 -10px;
overflow: hidden;
padding: 0 130px;
}
.project-gallery__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.project-gallery__slider:not(.slick-slider) .project-gallery__slider-item {
min-width: 50%;
width: 50%;
}
.project-gallery__slider-item {
display: flex;
padding: 0 10px;
}
.project-gallery__slider-item a {
display: flex;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.project-gallery__slider-item img {
width: 100%;
}
.project-gallery__nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.project-gallery__nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
}
.work-process {
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
}
.work-process__slider {
margin: 40px -10px 0;
overflow: hidden;
}
.work-process__slider:not(.slick-slider) {
overflow: auto;
display: flex;
}
.work-process__slider:not(.slick-slider) .work-process__card {
min-width: 25%;
width: 25%;
}
.work-process__card {
padding: 0 10px;
}
.work-process__card-image {
position: relative;
display: block;
border-radius: 10px;
overflow: hidden;
}
.work-process__card-image:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.work-process__card-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.work-process__card-title {
margin: 25px 20px 0;
font-size: 18px;
line-height: 160%;
}
.family-story__content {
position: relative;
max-width: 1064px;
margin: 0 auto;
padding: 40px 0;
text-align: center;
font-size: 20px;
line-height: 160%;
}
.family-story__content::before,
.family-story__content::after {
content: '';
display: block;
background-color: var(--input-border);
width: 136px;
height: 1px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.family-story__content::before {
top: 0;
}
.family-story__content::after {
bottom: 0;
}
.family-story__content > *:first-child {
margin: 0;
}
.customer-review__card-text {
padding-right: 20px;
width: 58.5%;
display: flex;
font-size: 19px;
line-height: 160%;
}
.customer-review__card-text .card {
padding: 60px;
width: 100%;
}
.customer-review__card-text p:first-child {
margin-top: 0;
}
.customer-review__card-text__autor {
margin-top: 30px;
font-style: italic;
}
.customer-review__card-image {
width: 41.5%;
border-radius: 20px;
overflow: hidden;
display: flex;
}
.customer-review__card-image img {
width: 100%;
}
.service H3 {
margin-top: 20px;
}
.service-content img,
.service-content H4 {
margin-top: 30px;
}
.service-content > p,
.service section > p {
line-height: 160%;
font-size: 18px;
}
.service section > H2:not(:first-child) {
margin-top: 50px;
}
.service .page-nav {
padding: 0;
margin-top: -12px;
}
.service-content {
width: 76%;
padding-right: 60px;
margin-top: 30px;
}
.service-aside {
width: 24%;
margin-top: 30px;
}
.service-preview.card {
padding: 20px;
}
.service-preview__text {
width: calc(100% - 315px);
padding: 0 40px 0 20px;
max-width: 740px;
font-size: 20px;
line-height: 160%;
}
.service-preview__text > *:first-child {
margin-top: 0;
}
.service-preview__image {
width: 315px;
border-radius: 10px;
overflow: hidden;
}
.service ul:not([class]) {
margin-top: 20px;
font-size: 18px;
line-height: 160%;
}
.service ul:not([class]) li {
margin-top: 10px;
}
.price-list {
margin-top: 30px;
border-top: 1px solid var(--input-border);
}
.price-list__item {
padding: 16px 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--input-border);
font-size: 18px;
line-height: 150%;
}
.price-list__item small {
font-size: 16px;
}
.price-list__item-lab {
max-width: 53%;
padding-right: 10px;
}
.price-list__item-val {
max-width: 47%;
text-align: right;
font-family: var(--second-family);
}
.service-steps {
margin: -30px -20px 0;
counter-reset: item;
}
.service-steps__card {
position: relative;
margin: 60px 20px 0;
width: calc(33.333% - 40px);
counter-increment: item;
display: flex;
flex-direction: column;
}
.service-steps__card::before {
content: counter(item, decimal-leading-zero);
background: var(--color-text-backing);
border-radius: 10px;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-family: var(--second-family);
font-size: 22px;
color: var(--color-black);
}
.service-steps__card::after {
content: '';
display: block;
background: var(--color-text-backing-2);
height: 1px;
position: absolute;
left: 58px;
right: 0;
top: 24px;
}
.service-steps__card .title {
margin-top: 10px;
font-size: 21px;
line-height: 120%;
}
.service-steps__card p {
margin: 10px 0 20px;
font-family: var(--second-family);
font-weight: 300;
font-size: 18px;
line-height: 150%;
color: var(--color-second-dark-2);
}
.service-steps__card-image {
position: relative;
margin-top: auto;
border-radius: 10px;
overflow: hidden;
}
.service-steps__card-image:after {
content: "";
display: block;
padding-bottom: 97.5%;
box-sizing: content-box;
}
.service-steps__card-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.used-service-logos {
margin: -20px -25px 0;
}
.used-service-logos__item {
margin-top: 50px;
width: 20%;
padding: 0 25px;
display: flex;
align-items: center;
justify-content: center;
}
.service-feedback.card {
padding: 30px 60px;
}
.service-feedback__content {
max-width: 360px;
width: 42%;
}
.service-feedback__form {
max-width: 450px;
width: 53%;
}
.service-feedback__item {
position: relative;
display: flex;
align-items: center;
margin-top: 30px;
font-weight: 500;
font-size: 26px;
}
.service-feedback__item::after {
order: -1;
margin-right: 12px;
font-size: 26px;
}
.service-feedback__item a {
color: inherit;
}
.service-feedback__item-email {
font-size: 22px;
}
.work-hours {
margin-top: 10px;
line-height: 120%;
color: var(--color-text-330);
}
.service-feedback__form .agree {
color: var(--color-text-200);
}
.service-feedback__form .bt {
margin-top: 16px;
width: 100%;
}
.service-aside .card + .card {
margin-top: 20px;
}
.service-aside .messengers {
margin-top: 20px;
display: flex;
gap: 8px;
}
.service-aside .messengers a {
margin: 0;
width: calc(50% - 8px);
font-size: 17px;
}
.service-aside .messengers a::after {
order: -1;
margin-right: 10px;
font-size: 30px;
}
.service-aside__contact-item {
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
font-weight: 500;
font-size: 26px;
}
.service-aside__contact-item::after {
order: -1;
margin-right: 8px;
font-size: 26px;
color: var(--color-text-600);
}
.service-template.card {
padding: 20px;
}
.service-template__content {
width: 50%;
max-width: 452px;
padding: 0 20px;
}
.service-template__image {
max-width: 436px;
width: 45%;
border-radius: 10px;
overflow: hidden;
}
.service-template__image img {
width: 100%;
}
.service-template__content p {
margin-top: 16px;
font-family: var(--font-family);
font-size: 17px;
line-height: 150%;
color: var(--color-second-dark-2);
}
.service-template__content .bt {
margin-top: 20px;
max-width: 212px;
width: 100%;
}
.warranty-list {
margin: 0 -10px;
}
.service-desc {
font-size: 20px;
line-height: 160%;
color: var(--color-black);
}
.service-desc > *:first-child {
margin: 0;
}
.warranty-card {
width: calc(33.333% - 20px);
margin: 30px 10px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 20px;
text-align: center;
}
.warranty-card__logo {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
}
.warranty-card p {
margin-top: 16px;
font-size: 17px;
line-height: 180%;
}
.warranty-card__val {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
line-height: 150%;
}
.warranty-card .link-dashed {
display: inline-block;
margin-top: 16px;
}
.warranty-includes {
margin-top: 20px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 40px;
}
.warranty-includes__head {
width: 33%;
padding-right: 30px;
display: flex;
align-items: center;
}
.warranty-includes__content {
width: 67%;
}
.warranty-includes__head::after {
order: -1;
margin-right: 20px;
font-size: 50px;
}
.warranty-includes__head .title {
font-size: 21px;
}
.warranty-includes ul:not([class]) {
margin: 0;
font-size: 16px;
}
.warranty-includes ul li:first-child {
margin: 0;
}
.warranty-feedback__card {
width: calc(50% - 20px);
margin-top: 20px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 40px;
text-align: center;
}
.warranty-feedback__card H3 {
margin: 0;
}
.warranty-feedback__card-subtitle {
margin-top: 30px;
font-weight: 300;
font-size: 19px;
line-height: 160%;
}
.warranty-feedback__card .bt-msg {
margin: 30px 10px 0;
border-radius: 10px;
padding: 17px;
width: 170px;
height: 100%;
display: flex;
flex-direction: column;
font-weight: 600;
font-size: 17px;
}
.warranty-feedback__card .bt-msg:after {
font-size: 26px;
order: -1;
margin: 0 0 10px;
display: block;
}
.warranty-feedback__card .bt-msg.whatsapp {
background: rgba(37, 211, 102, 0.05);
border: 1px solid #25d366;
}
.warranty-feedback__card .bt-msg.telegram {
background: rgba(0, 140, 228, 0.05);
border: 1px solid #008ce4;
}
.warranty-feedback__card .bt-msg.max {
border: 1px solid #4648ea;
}
.warranty-feedback__card form {
padding-top: 16px;
}
.warranty-feedback__card .form-item {
margin-top: 14px;
}
.warranty-feedback__card .agree {
margin-top: 40px;
color: var(--color-text-200);
text-align: left;
}
.warranty-feedback__card .bt {
width: 100%;
margin-top: 16px;
}
.process-steps {
position: relative;
counter-reset: item;
list-style-type: none;
}
.process-steps::after {
content: '';
display: block;
border-left: 2px dashed var(--color-prime);
width: 2px;
height: 94%;
position: absolute;
left: 32px;
top: 0;
}
.process-steps__item {
position: relative;
padding-left: 94px;
min-height: 64px;
display: flex;
align-items: center;
margin-top: 30px;
}
.process-steps__item::before {
counter-increment: item;
content: counter(item);
position: absolute;
z-index: 1;
left: 0;
top: 0;
background: #fff;
border: 2px dashed var(--color-prime);
border-radius: 99px;
padding: 10px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 28px;
line-height: 120%;
text-align: center;
color: var(--color-prime);
}
.process-steps__item .title {
font-size: 21px;
}
.process-steps__item p {
margin-top: 8px;
font-size: 17px;
line-height: 140%;
}
.service-content .feedback-form {
background: url(../i/part-logo_01.svg) 100% -20px no-repeat;
}
.project-showcase__list {
max-width: 960px;
margin: 0 auto;
}
.project-showcase.card {
padding: 50px;
}
.project-showcase__card {
margin-top: 30px;
width: 50%;
padding: 0 20px;
display: flex;
flex-direction: column;
}
.project-showcase__card-image {
display: block;
margin-bottom: 20px;
}
.project-showcase__card-content {
padding-left: 36px;
position: relative;
display: block;
color: var(--color-text-200);
line-height: 120%;
}
.project-showcase__card .icon-doc {
position: absolute;
left: 0;
top: 0;
font-size: 26px;
}
.project-showcase__card .title {
font-weight: 400;
}
.project-showcase__file-info {
color: var(--color-text-600);
}
.design-preview__subtitle {
margin-top: 30px;
font-size: 22px;
line-height: 140%;
}
.design-preview__info {
margin-top: 10px;
font-size: 18px;
line-height: 140%;
color: var(--color-text-600);
}
.design-preview__slider {
position: relative;
z-index: 1;
margin-top: 40px;
overflow: hidden;
padding-bottom: 68px;
}
.design-preview__slider-list {
z-index: 1;
}
.design-preview__slider-list:not(.slick-slider) {
display: flex;
overflow: auto;
}
.design-preview__slider-list:not(.slick-slider) .design-preview__slider-card {
min-width: 25%;
}
.design-preview__slider-card {
padding: 0 5px;
}
.design-preview__slider-card:nth-child(odd) {
margin-top: 30px;
}
.design-preview__slider-card a {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
}
.design-preview__slider-card a:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.design-preview__slider-card a img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.design-preview__slider-nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 116px;
bottom: 0;
display: flex;
justify-content: space-between;
}
.design-preview__slider-nav .slick-arrow {
position: static;
transform: translate(0,0);
}
.service-pay {
padding-top: 30px;
}
.pay-list {
margin: 0 -10px;
}
.pay-card {
padding: 0 10px;
width: 33.333%;
margin-top: 20px;
display: flex;
}
.pay-card__wrapper {
border: 1px solid var(--color-text-backing-2);
border-radius: 20px;
padding: 30px;
}
.pay-card__logo {
position: relative;
overflow: hidden;
}
.pay-card__logo:after {
content: "";
display: block;
padding-bottom: 76%;
box-sizing: content-box;
}
.pay-card__logo img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.pay-card .title {
margin-top: 20px;
font-size: 21px;
}
.pay-card p {
margin-top: 10px;
line-height: 150%;
}
.service-delivery__subtitle {
margin-top: 20px;
font-size: 18px;
line-height: 150%;
}
.service-delivery__region-list {
margin-top: 20px;
}
.service-delivery__region {
margin-top: 5px;
display: flex;
background: var(--color-text-backing);
border-radius: 10px;
padding: 14px 30px;
font-size: 17px;
}
.service-delivery__region-name {
width: 63%;
padding-right: 10px;
}
.service-delivery__region-info {
display: flex;
justify-content: flex-end;
width: 37%;
}
.service-delivery__region-time {
min-width: 140px;
}
.service-delivery__region-price {
font-weight: 500;
}
.service-delivery__region-info .link-more {
color: var(--color-prime-dark-1);
}
.service-delivery__region-info .link-more span {
background-image: linear-gradient(90deg, rgba(245,134,42,1) 0%, rgba(245,134,42,1) 100%);
}
.service-delivery__action {
margin-top: 30px;
background: var(--color-text-backing);
border-radius: 20px;
}
.service-delivery__action-image {
width: 58%;
}
.service-delivery__action-button {
width: 42%;
}
.service-delivery__action-button .bt {
padding: 0 40px;
}
.service-pickup__subtitle {
margin-top: 20px;
font-size: 19px;
line-height: 150%;
}
.service-pickup__content {
margin-top: 20px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 10px;
}
.service-pickup__info {
width: 41%;
padding: 30px 40px 0 30px;
}
.service-pickup__info-title {
margin: 0 0 30px;
}
.service-pickup__info-item {
position: relative;
margin-top: 16px;
padding: 2px 0 2px 42px;
font-family: var(--second-family);
font-size: 18px;
}
.service-pickup__info-item [class^="icon-"] {
position: absolute;
left: 0;
top: 0;
font-size: 26px;
color: var(--color-prime);
}
.service-pickup__info .bt {
margin-top: 30px;
width: 100%;
max-width: 340px;
}
.service-pickup__info .bt [class^="icon-"] {
margin-right: 12px;
font-size: 20px;
}
.service-pickup__map {
width: 59%;
border-radius: 10px;
overflow: hidden;
display: flex;
min-height: 325px;
}
.service-pickup__map #map {
width: 100%;
height: 100%;
background: var(--color-text-backing);
}
.service-faq__list {
margin-top: 20px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 16px 0px;
}
.service-faq__item:not(:last-child) {
border-bottom: 1px solid var(--input-border);
}
.service-faq__question {
position: relative;
padding: 26px 40px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-size: 19px;
font-family: var(--second-family);
color: var(--color-black);
}
.service-faq__question [class^="icon-"] {
width: 32px;
min-width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(90deg);
margin-left: 10px;
}
.service-faq__item.open .service-faq__question [class^="icon-"] {
transform: rotate(-90deg);
}
.service-faq__answer {
display: none;
padding: 0 40px 24px;
font-size: 18px;
line-height: 150%;
color: var(--color-text-330);
}
.service-faq__answer > *:first-child {
margin-top: 0;
}
.video-section {
padding-top: 30px;
}
.video-section + .video-section {
padding-top: 80px;
}
.video-section__intro {
margin-top: 20px;
}
.video-section__text {
width: 76%;
padding-right: 20px;
line-height: 150%;
color: var(--color-text-330);
}
.video-section__text p:first-child {
margin-top: 0;
}
.video-section__services {
width: 24%;
}
.video-section__services .bt {
width: 100%;
}
.video-section__catalog {
margin: -20px -10px 0;
}
.video-section__item {
margin-top: 40px;
width: 25%;
padding: 0 10px;
}
.video-section__item-wrapper {
display: block;
}
.video-section__item-image {
position: relative;
display: block;
overflow: hidden;
border-radius: 20px;
}
.video-section__item-image:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.video-section__item-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.video-section__item-image .icon-play {
width: 72px;
height: 72px;
font-size: 177%;
}
.video-section__item-title {
margin-top: 14px;
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: var(--color-text-200);
}
.video-section__more {
margin-top: 20px;
display: flex;
flex-direction: column;
}
.video-section__more .bt {
height: 58px;
}
.benefits {
margin: 0 -20px;
}
.benefits-card {
margin-top: 40px;
padding: 0 20px;
width: 33.333%;
display: flex;
}
.benefits-card__wrapper {
width: 100%;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 30px;
}
.benefits-card__icon {
height: 100px;
display: flex;
align-items: center;
}
.benefits-card .title {
margin-top: 24px;
font-weight: 500;
font-size: 24px;
line-height: 150%;
}
.benefits-card p {
font-size: 18px;
line-height: 180%;
}
.calc-wrapper {
position: relative;
background: var(--color-text-backing);
border-radius: 20px;
overflow: hidden;
padding: 46px;
}
.calc-content {
position: relative;
z-index: 1;
max-width: 480px;
}
.calc-image {
position: absolute;
right: 0;
top: -120px;
width: 77%;
}
.calc-content .bt {
margin-top: 34px;
max-width: 312px;
width: 100%;
height: 58px;
font-size: 17px;
}
.service-prices__list {
margin-top: 18px;
}
.service-prices__item {
padding: 16px 0;
}
.service-prices__item-row {
display: flex;
justify-content: space-between;
}
.service-prices__item:not(:first-child) {
border-top: 1px solid var(--input-border);
}
.service-prices__info {
max-width: 470px;
padding-right: 10px;
}
.service-prices__info .title {
font-size: 18px;
line-height: 150%;
color: var(--color-text-200);
}
.service-prices__info p {
margin: 0;
}
.service-prices__value {
min-width: 180px;
font-size: 18px;
text-align: right;
}
.service-prices__toggle {
display: inline-flex;
align-items: center;
cursor: pointer;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.service-prices__toggle span {
border-bottom: 2px dashed;
}
.service-prices__toggle .icon-chevron-right {
transform: rotate(90deg);
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
margin-left: 7px;
font-size: 75%;
}
.service-prices__toggle.is-active .icon-chevron-right {
transform: rotate(-90deg);
}
.service-prices__item-hint {
margin-top: 16px;
}
.service-gallery__slider {
margin: 30px -10px 0;
overflow: hidden;
}
.service-gallery__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.service-gallery__slider:not(.slick-slider) .service-gallery-item {
min-width: 33.333%;
}
.service-gallery__slider .slick-prev {
left: 20px;
}
.service-gallery__slider .slick-next {
right: 20px;
}
.service-gallery-item {
padding: 0 10px;
}
.service-gallery-item a {
position: relative;
display: block;
border-radius: 10px;
overflow: hidden;
}
.service-gallery-item a:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.service-gallery-item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.service-options {
margin-top: -20px;
}
.service-options-item {
margin-top: 20px;
width: calc(50% - 10px);
border-radius: 20px;
padding: 40px;
background: var(--color-text-backing);
font-size: 18px;
line-height: 160%;
}
.services-video {
position: relative;
z-index: 1;
margin-top: 25px;
}
.services-video__slider {
overflow: hidden;
}
.services-video__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.services-video__slider:not(.slick-slider) .services-video__item {
min-width: 100%;
}
.services-video__item {
text-align: center;
}
.services-video__media {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.services-video__media:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.services-video__media video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.services-video__media .icon-play {
width: 72px;
height: 72px;
font-size: 30px;
padding-left: 5px;
z-index: 3;
}
.services-video__item .title {
margin-top: 14px;
font-size: 21px;
color: var(--color-text-200);
}
.service-video__nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.service-video__nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
}
.services-list {
margin: 0 -15px;
}
.services-list__card {
display: flex;
width: 33.333%;
padding: 0 15px;
margin-top: 40px;
}
.services-list__card-wrapper {
position: relative;
width: 100%;
background: var(--color-text-backing);
border-radius: 20px;
padding: 30px;
display: flex;
flex-direction: column;
}
.services-list__card-image {
border-radius: 10px;
position: relative;
overflow: hidden;
display: block;
}
.services-list__card-image:after {
content: "";
display: block;
padding-bottom: 52.5%;
box-sizing: content-box;
}
.services-list__card-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
transition: all 200ms ease;
transform: scale(1);
}
.services-list__card-content {
padding: 30px 0 78px;
}
.services-list__card .title {
font-size: 21px;
}
.services-list__card p {
font-size: 17px;
line-height: 150%;
}
.services-list__card .bt {
height: 42px;
padding: 0 20px;
position: absolute;
left: 30px;
bottom: 30px;
}
.resolution-card {
background: var(--color-text-backing);
border-radius: 20px;
padding: 50px;
display: flex;
align-items: center;
}
.resolution-card__image {
width: 115px;
}
.resolution-card__image a {
display: block;
border-radius: 6px;
overflow: hidden;
}
.resolution-card__image img {
width: 100%;
}
.resolution-card__content {
width: calc(100% - 115px);
padding-left: 40px;
}
.resolution-card .title {
font-size: 21px;
}
.resolution-card__doc {
margin-top: 20px;
padding-left: 36px;
position: relative;
color: var(--color-text-200);
line-height: 120%;
}
.resolution-card__doc .icon-doc {
position: absolute;
left: 0;
top: 0;
font-size: 26px;
}
.resolution-card__doc-name {
color: var(--color-text-200);
}
.resolution-card__doc-info {
color: var(--color-text-600);
}
.hero {
position: relative;
padding-top: 122px;
}
.hero .restoran {
background: url(../i/terrasa_restoran.jpg) 50% 0 no-repeat;
}
.hero .krov {
background: url(../i/terrasa_krov.jpg) 50% 0 no-repeat;
}
.hero .park {
background: url(../i/terrasa_park.jpg) 50% 0 no-repeat;
}
.hero .bassein {
background: url(../i/terrasa_bassein.jpg) 50% 0 no-repeat;
}
.hero .pirs {
background: url(../i/terrasa_pirs.jpg) 50% 0 no-repeat;
}
.hero-wrapper {
position: relative;
background: url(../i/hero-bg.jpg) 50% 0 no-repeat;
background-size: cover;
height: 816px;
display: flex;
align-items: center;
}
.hero-content {
background: rgba(255, 255, 255, 0.95);
border-radius: 48px;
padding: 40px;
max-width: 590px;
}
.hero-content H1 {
font-size: 48px;
}
.hero-content p {
font-family: var(--second-family);
font-size: 19px;
line-height: 160%;
}
.hero-content .bt {
margin-top: 35px;
width: 100%;
height: 58px;
font-size: 17px;
}
.terrace-way {
overflow: hidden;
}
.terrace-way__subtitle {
margin: 30px auto 0;
font-size: 22px;
line-height: 160%;
}
.terrace-way__items {
position: relative;
margin: 96px -50px 0;
}
.terrace-way__items::before {
content: '';
display: block;
width: 70%;
height: 1px;
background: var(--color-text-backing-2);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 36px;
}
.terrace-way__item {
width: 33.333%;
padding: 0 50px;
}
.terrace-way__item-number {
position: relative;
z-index: 2;
border: 9px solid #fff;
border-radius: 20px;
margin: 0 auto;
padding: 10px;
width: 69px;
height: 69px;
background: var(--color-text-backing);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--second-family);
font-weight: 500;
font-size: 26px;
line-height: 120%;
color: var(--color-black);
}
.terrace-way__item .title {
margin-top: 30px;
min-height: 62px;
font-size: 24px;
line-height: 120%;
color: var(--color-black)
}
.terrace-way__item p {
font-size: 18px;
line-height: 160%;
}
.terrace-way__item .bt {
margin: 20px auto 0;
width: 100%;
max-width: 274px;
}
.terrace-way__item-note {
margin-top: 20px;
font-size: 12px;
line-height: 160%;
}
@media (min-width: 760.1px) {
.terrace-way__items-three .terrace-way__item {
width: 25%;
}
}
.terrace-projects {
position: relative;
z-index: 1;
overflow: hidden;
background: var(--color-black);
color: var(--color-white);
}
.terrace-projects H2 {
color: inherit;
}
.terrace-projects__subtitle {
margin: 30px auto 0;
font-size: 22px;
line-height: 160%;
}
.terrace-projects__content {
position: relative;
margin: 70px auto 0;
padding: 0 40px;
overflow: hidden;
}
.terrace-projects__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.terrace-projects__slider:not(.slick-slider) .terrace-projects__card {
min-width: calc(33.333% - 20px);
}
.terrace-projects__nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
height: 48px;
}
.terrace-projects__nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
background: 0;
color: inherit;
}
.terrace-projects__nav .slick-arrow:hover {
background: 0;
}
.terrace-projects__nav .slick-dots-counter .slick-dots li {
color: inherit;
}
.terrace-projects__nav .slick-dots-counter .slick-dots li span {
color: rgba(255, 255, 255, 0.32);
}
.terrace-projects__card {
position: relative;
background: var(--color-text-backing-2);
border-radius: 20px;
overflow: hidden;
margin: 0 10px;
}
.terrace-projects__card::before {
content: "";
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
height: 208px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.terrace-projects__card:after {
content: "";
display: block;
padding-bottom: 77.5%;
box-sizing: content-box;
}
.terrace-projects__card > img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.terrace-projects__card-content {
padding: 50px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
text-align: left;
color: var(--color-text-backing);
}
.terrace-projects__card .link-more {
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 28px;
color: var(--color-text-backing);
}
.terrace-projects__card .link-more span {
background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
}
.terrace-projects__card .link-more .icon-chevron-right {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
width: 26px;
height: 26px;
font-size: 50%;
}
.terrace-projects__card-desc {
margin-top: 6px;
font-family: var(--second-family);
font-weight: 500;
font-size: 19px;
line-height: 120%;
}
.terrace-projects__note {
margin-top: 60px;
font-size: 18px;
line-height: 160%;
}
.terrace-projects .terrace-projects__bt {
margin-top: 20px;
height: 58px;
font-size: 17px;
}
.about-terrace {
padding-top: 0 !important;
}
.about-terrace__wrapper {
background: var(--color-text-backing);
border-radius: 0 0 48px 48px;
padding: 80px 50px;
}
.about-terrace__video {
width: 45%;
}
.about-terrace__content {
width: 55%;
padding-left: 50px;
font-size: 18px;
line-height: 160%;
}
.about-terrace .video-wrapper {
margin: 0;
border-radius: 24px;
}
.about-terrace .video-play-btn {
background: rgba(226, 127, 44, 0.7);
color: var(--color-white);
}
.about-terrace__video-caption {
margin-top: 20px;
font-family: var(--second-family);
font-size: 18px;
text-align: center;
color: var(--color-black);
}
/* .about-terrace__video-caption span {
border-bottom: 1px dashed;
color: inherit;
} */
.terrace-map__subtitle {
margin: 30px auto 0;
max-width: 700px;
font-size: 22px;
line-height: 160%;
}
.terrace-map__wrapper {
position: relative;
margin-top: 30px;
}
.terrace-map__wrapper img {
width: 100%;
}
.terrace-map__point {
position: absolute;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(0,0,0,.3);
display: flex;
align-items: center;
justify-content: center;
}
.terrace-map__point::before {
content: '';
display: block;
background: rgba(255, 255, 255, 1);
width: 14px;
height: 14px;
border-radius: 50%;
}
.terrace-map__point-content {
position: absolute;
left: 100%;
margin: 23px 0 0 50px;
top: 100%;
background: var(--color-white);
border-radius: 20px;
font-family: var(--second-family);
line-height: 120%;
white-space: nowrap;
}
.terrace-map__point-content a {
display: block;
padding: 24px 20px;
}
.terrace-map__point-content:before {
content: '';
display: block;
position: absolute;
left: -81px;
top: -13px;
transform: rotate(33deg);
height: 3px;
width: 116px;
background: rgba(255, 255, 255, 0.9);
}
.terrace-map__point-content.top {
top: auto;
bottom: 100%;
margin-bottom: 30px;
}
.terrace-map__point-content.top:before {
transform: rotate(-37deg);
left: -79px;
top: 110px;
width: 113px;
}
.terrace-map__point-content.right {
right: 100%;
margin-right: 20px;
left: auto;
}
.terrace-map__point-content.right:before {
right: -45px;
left: auto;
top: -13px;
transform: rotate(-50deg);
width: 60px;
}
.terrace-map__point-title {
font-weight: 600;
font-size: 18px;
color: var(--color-black);
}
.terrace-map__point-content .link-more {
margin-top: 10px;
font-size: 16px;
}
/* .terrace-map__point {
position: absolute;
width: 2.2vw;
height: 2.2vw;
border-radius: 50%;
background: rgba(0, 0, 0, .3);
display: flex;
align-items: center;
justify-content: center;
max-width: 32px;
max-height: 32px;
}
.terrace-map__point::before {
content: '';
display: block;
background: #fff;
width: 1vw;
height: 1vw;
border-radius: 50%;
}
.terrace-map__point-content {
position: absolute;
left: 100%;
margin: 1.6vw 0 0 3.5vw;
top: 100%;
background: var(--color-white);
border-radius: 1.5vw;
padding: 1.6vw 1.4vw;
font-family: var(--second-family);
line-height: normal;
white-space: nowrap;
}
.terrace-map__point-content:before {
content: '';
display: block;
position: absolute;
left: -5.6vw;
top: -0.9vw;
transform: rotate(33deg);
height: 0.2vw;
width: 8vw;
background: rgba(255, 255, 255, 0.9);
}
.terrace-map__point-content.top {
top: auto;
bottom: 100%;
margin-bottom: 2vw;
}
.terrace-map__point-content.top:before {
transform: rotate(-37deg);
left: -5.5vw;
top: 7.1vw;
width: 7.8vw;
}
.terrace-map__point-content.right {
right: 100%;
margin-right: 1.4vw;
left: auto;
}
.terrace-map__point-content.right:before {
right: -3vw;
left: auto;
top: -0.9vw;
transform: rotate(-50deg);
width: 4vw;
}
.terrace-map__point-title {
font-weight: 600;
font-size: 1.25vw;
line-height: 1vw;
color: var(--color-black);
}
.terrace-map__point-content .link-more {
margin-top: 0.7vw;
font-size: 1.1vw;
} */
.terrace-benefits {
position: relative;
z-index: 1;
overflow: hidden;
background: var(--color-text-backing);
padding-bottom: 30px;
}
.terrace-benefits__slider {
position: relative;
margin-top: 45px;
padding-bottom: 68px;
}
.terrace-benefits__slider-list {
margin: 0 -10px;
}
.terrace-benefits__slider-list:not(.slick-slider) {
display: flex;
overflow: auto;
}
.terrace-benefits__slider-list:not(.slick-slider) .terrace-benefits__card {
min-width: calc(25% - 20px);
width: calc(25% - 20px);
}
.terrace-benefits__slider-nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 116px;
bottom: 0;
display: flex;
justify-content: space-between;
}
.terrace-benefits__slider-nav .slick-arrow {
position: static;
transform: translate(0,0);
}
.terrace-benefits__card {
background: var(--color-white);
border-radius: 20px;
padding: 40px;
margin: 0 10px;
display: flex;
flex-direction: column;
}
.terrace-benefits__card-icon img {
height: 85px;
width: auto;
}
.terrace-benefits__card .title {
margin-top: 40px;
font-size: 24px;
}
.terrace-benefits__card-desc {
padding-top: 30px;
font-size: 16px;
line-height: 160%;
color: var(--color-text-330);
}
.terrace-cost__content {
width: 59%;
padding-right: 120px;
font-size: 18px;
line-height: 150%;
}
.terrace-cost__content H2 {
margin-bottom: 30px;
}
.terrace-cost__content H3 {
margin-top: 40px;
}
.terrace-cost__structure {
margin: 20px 0 40px;
display: flex;
}
.terrace-cost__bar {
min-height: 38px;
max-height: 38px;
padding-left: 30px;
display: flex;
align-items: center;
font-family: var(--second-family);
font-weight: 600;
font-size: 19px;
line-height: 160%;
color: var(--color-white);
}
.terrace-cost__structure-item:first-child .terrace-cost__bar {
border-radius: 10px 0 0 10px;
}
.terrace-cost__structure-item:last-child .terrace-cost__bar {
border-radius: 0 10px 10px 0;
}
.terrace-cost__label {
margin-top: 18px;
word-wrap: break-word;
max-width: 230px;
padding-right: 8px;
font-weight: 600;
font-size: 15px;
line-height: 130%;
}
.terrace-services {
margin-top: 40px;
}
.terrace-services__head {
display: inline-flex;
align-items: center;
cursor: pointer;
font-family: var(--second-family);
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.terrace-services__head .icon-chevron-right {
margin-left: 7px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
transform: rotate(90deg);
}
.terrace-services__list {
margin-top: 20px;
padding: 30px;
border: 1px solid var(--input-border);
border-radius: 20px;
display: none;
}
.expanded .terrace-services__head .icon-chevron-right {
transform: rotate(-90deg);
}
.expanded .terrace-services__list {
display: block;
}
.terrace-services__item {
padding: 16px 0;
border-bottom: 1px solid var(--input-border);
display: flex;
justify-content: space-between;
}
.terrace-services__item:first-child {
padding-top: 0;
}
.terrace-services__info {
max-width: 70%;
padding-right: 5px;
}
.terrace-services__info .title {
font-size: 18px;
line-height: 150%;
color: var(--color-text-200);
}
.terrace-services__info p {
margin-top: 5px;
font-size: 16px;
line-height: 150%;
}
.terrace-services__price {
text-align: right;
}
.terrace-services__note {
margin-top: 16px;
font-size: 16px;
line-height: 150%;
}
.terrace-cost__sidebar {
position: sticky;
top: 125px;
width: 41%;
background: var(--color-text-backing);
border-radius: 20px;
padding: 60px;
text-align: center;
}
.terrace-cost__sidebar-wrapper {
max-width: 444px;
margin: 0 auto;
}
.terrace-cost__sidebar H3 span {
color: rgba(0, 0, 0, 0.6);
}
.terrace-cost__note {
margin: 20px 0;
font-size: 15px;
line-height: 160%;
}
.terrace-cost__breakdown-item {
margin-top: 10px;
border-radius: 10px;
padding: 17px 30px;
color: var(--color-white);
font-family: var(--second-family);
font-weight: 600;
line-height: 160%;
}
.terrace-cost__breakdown-item__value {
font-size: 19px;
}
.terrace-cost__breakdown-item__label {
margin-top: 5px;
font-size: 15px;
}
.terrace-cost__summary {
margin-top: 30px;
}
.terrace-cost__total-label {
font-family: var(--second-family);
font-weight: 400;
font-size: 21px;
line-height: 140%;
color: var(--color-black);
}
.terrace-cost__total-value {
margin-top: 4px;
font-family: var(--second-family);
font-weight: 500;
font-size: 31px;
line-height: 140%;
color: var(--color-black);
}
.terrace-cost__summary-note {
margin-top: 9px;
font-size: 12px;
line-height: 160%;
}
.terrace-cost__summary .bt {
margin-top: 30px;
width: 100%;
height: 58px;
font-size: 17px;
}
.terrace-compare__subtitle {
margin: 20px 0 30px;
font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
}
.terrace-compare__wrapper {
background: var(--color-text-backing);
border-radius: 20px;
padding: 60px;
}
.terrace-compare__content {
width: 50%;
padding-right: 80px;
font-size: 18px;
line-height: 160%;
}
.terrace-compare__content > *:first-child {
margin-top: 0;
}
.terrace-compare__image {
width: 50%;
}
.terrace-tools {
padding: 60px 0;
}
.terrace-tools__title {
width: 436px;
padding-right: 16px;
}
.terrace-tools__content {
width: calc(100% - 436px);
}
.terrace-tools__list {
margin: 0 -15px;
}
.terrace-tools__item {
padding: 0 15px;
width: 50%;
display: flex;
}
.terrace-tools__item-inner {
width: 100%;
position: relative;
background: var(--color-text-backing);
border-radius: 20px;
padding: 24px;
display: flex;
align-items: flex-start;
}
.terrace-tools__item-icon {
background: var(--color-white);
border-radius: 20px;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.terrace-tools__item-icon img {
width: 42px;
}
.terrace-tools__item-content {
width: calc(100% - 70px);
padding-left: 24px;
}
.terrace-tools__item .title {
font-size: 22px;
}
.terrace-tools__item p {
margin-top: 10px;
font-size: 17px;
line-height: 150%;
}
.terrace-faq {
background: var(--color-text-backing);
}
.terrace-faq__intro {
width: 426px;
padding-right: 20px;
}
.terrace-faq__intro-text {
margin-top: 50px;
}
.terrace-faq__intro-note {
margin-bottom: 12px;
font-size: 18px;
line-height: 160%;
color: var(--color-black);
}
.terrace-faq__content {
width: calc(100% - 426px);
max-width: 1015px;
}
.terrace-faq .service-faq__list {
margin: 0;
padding: 0;
border-radius: 20px;
background: var(--color-white);
border: 0;
}
.terrace-reviews {
position: relative;
z-index: 1;
overflow: hidden;
}
.terrace-reviews__subtitle {
max-width: 800px;
margin: 20px auto 0;
font-size: 18px;
line-height: 160%;
}
.terrace-reviews__slider {
margin-top: 60px;
position: relative;
}
.terrace-reviews__list {
margin: 0 -15px;
overflow: hidden;
}
.terrace-reviews__list:not(.slick-slider) {
display: flex;
overflow: auto;
}
.terrace-reviews__list:not(.slick-slider) .terrace-reviews__item {
width: calc(33.333% - 30px);
min-width: calc(33.333% - 30px);
}
.terrace-reviews__item {
margin: 0 15px;
border: 1px solid var(--input-border);
border-radius: 20px;
padding: 40px;
display: flex;
flex-direction: column;
}
.terrace-reviews__item .title {
font-size: 20px;
}
.terrace-reviews__item-position {
margin-top: 4px;
font-weight: 500;
font-size: 16px;
color: #555;
}
.terrace-reviews__item p {
margin: 24px 0;
font-size: 17px;
line-height: 165%;
color: #1e1e1e;
}
.terrace-reviews__item-footer {
margin-top: auto;
}
.terrace-reviews__item .bt {
height: 42px;
font-size: 16px;
}
.terrace-reviews__nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.terrace-reviews__nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
background: 0;
color: inherit;
}
.terrace-calculator {
background: var(--color-text-backing);
}
.terrace-calculator .calculator-step__col-left {
padding: 30px;
width: calc(50% - 10px);
background: var(--color-white);
border-radius: 20px;
margin-right: auto;
}
.terrace-calculator .calculator-step__col-right {
width: calc(50% - 10px);
background: transparent;
border-radius: 20px;
}
.terrace-calculator .calculator__base-image,
.terrace-calculator .laying-plan,
.terrace-calculator .calculator-summary__section {
background: var(--color-white);
border-radius: 20px;
}
.terrace-calculator .calculator-summary {
padding: 0;
}
.terrace-calculator .calculator-summary__section:not(:last-child) {
border-bottom: 0;
margin-bottom: 20px;
}
.terrace-services__card {
position: relative;
background-position: center;
background-size: cover;
background-color: #f2f2f2;
border-radius: 20px;
width: calc(50% - 20px);
height: 510px;
overflow: hidden;
color: var(--color-white);
}
.terrace-services__card::before {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 285px;
z-index: 2;
}
.terrace-services__card::after {
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
transform: rotate(180deg);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 138px;
z-index: 2;
}
.terrace-services__card video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.terrace-services__card-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 50px 45px 45px;
display: flex;
flex-direction: column;
z-index: 3;
}
.terrace-services__card .title {
font-weight: 600;
font-size: 34px;
line-height: 140%;
color: inherit;
}
.terrace-services__card a {
color: inherit;
}
.terrace-services__card-links {
margin-top: auto;
padding-top: 15px;
}
.terrace-services__card-links li {
margin-top: 15px;
}
.terrace-services__card .link-more {
font-weight: 500;
font-size: 21px;
}
.terrace-services__card .link-more span {
background-image: linear-gradient(to right, white 0%, white 100%);
}
.construction-list {
margin-top: -20px;
}
.construction-card {
margin-top: 60px;
width: calc(50% - 30px);
}
.construction-card__image {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
}
.construction-card__image:after {
content: "";
display: block;
padding-bottom: 56.5%;
box-sizing: content-box;
}
.construction-card__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.construction-card .title {
display: inline-block;
margin-top: 20px;
font-size: 28px;
color: var(--color-text-200);
}
.construction-card p {
margin-top: 10px;
line-height: 150%;
color: var(--color-text-330);
}
.pro-section H1 {
margin-top: 20px;
}
.pro-section__text {
margin: 40px auto 0;
max-width: 1080px;
font-size: 20px;
line-height: 160%;
}
.pro-cards {
padding-top: 28px;
margin: 0 -10px;
}
.pro-cards__item {
width: 33.333%;
padding: 0 10px;
margin-top: 20px;
}
.pro-card {
border-radius: 20px;
height: 469px;
padding: 80px 45px 0;
}
.pro-card__title {
display: flex;
align-items: flex-end;
justify-content: center;
height: 94px;
font-size: 28px;
}
.pro-card__icon {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
background: rgba(244, 246, 250, 0.2);
border-radius: 20px;
width: 108px;
height: 108px;
}
.pro-card p {
font-weight: 500;
font-size: 17px;
line-height: 150%;
}
.pro-card__link {
display: none;
}
.pro-cards__item > .link-more {
margin-top: 30px;
font-size: 18px;
font-family: var(--second-family);
font-weight: 600;
}
@media (min-width: 992.1px) {
.pro-cards__two {
padding: 0;
margin: 0;
}
.pro-cards__two .pro-cards__item {
width: 50%;
display: flex;
margin-top: 0;
}
.pro-cards__two .pro-card {
display: flex;
align-items: flex-start;
height: auto;
text-align: left;
padding: 40px;
}
.pro-cards__two .pro-card__icon {
margin: 0;
}
.pro-cards__two .pro-card__content {
width: calc(100% - 108px);
padding-left: 20px;
}
.pro-cards__two .pro-card__title {
height: auto;
font-size: 20px;
justify-content: flex-start;
}
.pro-cards__two .pro-card p {
margin: 15px 0;
}
}
.pro-intro__content {
margin-top: 6px;
width: 56%;
padding-right: 95px;
font-size: 19px;
line-height: 160%;
}
.pro-intro H1 {
font-size: 42px;
}
.pro-intro .bt {
margin-top: 20px;
height: 58px;
font-size: 17px;
}
.pro-intro__image {
margin-top: 20px;
width: 44%;
display: flex;
}
.pro-intro__image img {
width: 100%;
object-fit: cover;
}
.pro-benefits__list {
margin: 0 -10px;
padding-top: 10px;
}
.pro-benefits__item {
margin-top: 20px;
padding: 0 10px;
width: 16.6667%;
display: flex;
}
.pro-benefits__item-card {
border-radius: 10px;
background: var(--color-text-backing);
width: 100%;
padding: 70px 30px 40px;
}
.pro-benefits__icon img {
height: 80px;
}
.pro-benefits__item .title {
padding-top: 50px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: var(--color-second-dark-2);
}
.pro-projects__subtitle {
margin-top: 30px;
font-size: 20px;
line-height: 160%;
}
.pro-projects__list {
margin: 0 -23px;
}
.pro-projects__item {
margin-top: 40px;
padding: 0 23px;
width: 25%;
}
.pro-projects__image {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
}
.pro-projects__image:after {
content: "";
display: block;
padding-bottom: 77%;
box-sizing: content-box;
}
.pro-projects__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.pro-projects__item .title {
margin-top: 21px;
display: inline-block;
font-size: 18px;
}
.pro-projects__author {
margin-top: 4px;
line-height: 150%;
color: var(--color-text-600);
}
.pro-projects__footer {
margin-top: 20px;
}
.pro-projects__footer .bt {
height: 58px;
padding: 0 40px;
font-size: 17px;
}
.pro-projects__slider {
margin: 40px -10px 0;
overflow: hidden;
}
.pro-projects__slider .slick-prev {
left: 18px;
}
.pro-projects__slider .slick-next {
right: 18px;
}
.pro-projects__slider .pro-projects__slider-item {
display: flex;
padding: 0 10px;
}
.pro-projects__slider:not(.slick-slider) {
display: flex;
overflow: auto;
}
.pro-projects__slider:not(.slick-slider) .pro-projects__slider-item {
width: 25%;
min-width: 25%;
}
.pro-projects__slider-item a {
position: relative;
display: block;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.pro-projects__slider-item a:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.pro-projects__slider-item a img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.pro-guides {
background: var(--color-text-backing);
border-radius: 20px;
overflow: hidden;
}
.pro-guides__content {
padding: 60px;
width: calc(100% - 585px);
}
.pro-guides__image {
position: relative;
width: 585px;
min-height: 306px;
}
.pro-guides__image img {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
max-width: 1000%;
}
.pro-guides p {
margin: 25px 0;
font-size: 19px;
line-height: 140%;
}
.marketing-list {
margin: 0 -10px;
}
.marketing-item {
width: 33.333%;
padding: 0 10px;
margin-top: 40px;
text-align: center;
}
.marketing-item__image {
position: relative;
display: block;
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.marketing-item__image:after {
content: "";
display: block;
padding-bottom: 67.5%;
box-sizing: content-box;
}
.marketing-item__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.marketing-item .title {
margin: 30px 5px 0;
font-size: 20px;
line-height: 150%;
font-weight: 400;
color: var(--color-black);
}
.contest-section {
margin-top: 40px;
background: var(--color-text-backing);
border-radius: 20px;
padding: 40px;
}
.contest-header {
display: inline-flex;
align-items: center;
cursor: pointer;
font-family: var(--second-family);
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.contest-header span {
border-bottom: 1px dashed;
}
.contest-header .icon-chevron-right {
margin-left: 7px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
transform: rotate(90deg);
}
.contest-content {
padding-top: 14px;
display: none;
}
.contest-content > * {
margin-top: 16px;
line-height: 160%;
}
.contest-content H4 {
font-size: 18px;
}
.expanded .contest-header .icon-chevron-right {
transform: rotate(-90deg);
}
.expanded .contest-content {
display: block;
}
.pagination {
margin-top: 50px;
}
.pagination-item {
margin-right: 8px;
}
.pagination-link {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--input-border);
border-radius: 10px;
padding: 10px 16px;
width: 48px;
height: 48px;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
color: var(--color-text-600);
}
.pagination-next {
width: 100%;
padding: 0 16px;
}
.pagination-next::after {
margin-left: 2px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.pagination-link.active,
.pagination-link:hover {
background: var(--color-text-backing-2);
border-color: var(--color-text-backing-2);
color: var(--color-text-330);
}
.project-description {
margin-top: 30px;
font-size: 19px;
line-height: 160%;
}
.project-description__text {
width: 59%;
padding-right: 60px;
}
.project-description__text > *:first-child {
margin-top: 0;
}
.project-description__author {
width: 41%;
background: var(--color-text-backing);
border-radius: 10px;
padding: 30px 40px;
}
.project-description__author-label {
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
}
.project-description__author-name {
margin-top: 16px;
}
.pro-projects__gallery {
padding-top: 20px;
margin: 0 -10px;
}
.pro-projects__gallery-item {
width: 33.333%;
margin-top: 20px;
padding: 0 10px;
}
.pro-projects__gallery-item a {
position: relative;
display: block;
border-radius: 10px;
overflow: hidden;
}
.pro-projects__gallery-item a:after {
content: "";
display: block;
padding-bottom: 100%;
box-sizing: content-box;
}
.pro-projects__gallery-item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.pro-projects__gallery .bt-center {
margin-top: 40px;
}
.pro-projects__gallery .bt-center .bt {
max-width: 530px;
height: 58px;
font-size: 17px;
}
.bt-center .bt .icon-left {
transform: rotate(180deg);
margin: 0 18px 0 0;
}
.subcatalog-list {
margin: -20px -30px 0;
}
.subcatalog-card {
width: 33.333%;
padding: 0 30px;
margin-top: 60px;
}
.subcatalog-card__image {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
}
.subcatalog-card__image:after {
content: "";
display: block;
padding-bottom: 60%;
box-sizing: content-box;
}
.subcatalog-card__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.subcatalog-card .title {
display: inline-block;
margin-top: 30px;
font-size: 19px;
}
.subcatalog-card p {
margin-top: 8px;
font-size: 17px;
line-height: 160%;
}
section.instruction-section {
padding-top: 40px;
}
section.instruction-section + section.instruction-section {
padding-top: 60px;
}
.instruction-list {
margin: -10px -20px 0;
}
.instruction-card {
width: 25%;
padding: 0 20px;
margin-top: 40px;
}
.instruction-card__image {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.instruction-card__image:hover {
transform: translateY(-4px);
box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
}
.instruction-card__image:after {
content: "";
display: block;
padding-bottom: 142%;
box-sizing: content-box;
}
.instruction-card__image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
}
.instruction-card .title {
display: inline-block;
margin-top: 16px;
font-size: 18px;
color: var(--color-text-200);
line-height: 140%;
}
.instruction-card a.title:hover {
color: var(--color-prime);
}
.error-page {
padding: 182px 0;
background: url(../i/404-v2.jpg) 50% 100% no-repeat;
background-size: 100% auto;
text-align: center;
min-height: 100vh;
}
.error-page__message {
font-family: var(--second-family);
font-size: 28px;
line-height: 120%;
color: var(--color-black);
}
.error-page__code {
margin-top: 8px;
font-family: var(--second-family);
font-weight: 700;
font-size: 140px;
line-height: 100%;
color: var(--input-border);
}
.error-page__actions {
padding-top: 22px;
}
.error-page__actions .bt {
margin: 8px 8px 0;
}
.error-page__actions .bt img {
margin-right: 12px;
}
.footer {
position: relative;
background: var(--color-text-backing);
flex-shrink: 0;
}
.footer-title {
font-family: var(--second-family);
font-weight: 500;
font-size: 22px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.footer-top {
padding: 50px 0 30px;
display: flex;
}
.footer-content {
width: 27%;
}
.footer-contacts {
padding-top: 20px;
}
.footer-contacts .item {
margin-top: 12px;
display: flex;
flex-direction: column;
}
.footer-contacts .item:not(:last-child){
margin-right: 20px;
}
.footer-contacts .label {
font-size: 13px;
color: var(--color-text-330);
}
.footer-contacts .value {
display: inline-block;
margin-top: auto;
font-weight: 500;
font-size: 24px;
color: var(--color-text-200);
}
.footer-contacts .value * {
color: inherit;
}
.footer-buttons {
margin-top: 20px;
}
.footer-buttons > * {
margin-right: 8px;
}
.footer-buttons .bt {
height: 42px;
font-size: 16px;
}
.footer-subs {
margin-top: 35px;
border: 1px solid var(--input-border);
border-radius: 10px;
padding: 16px;
}
.footer-subs .title {
font-size: 17px;
}
.subs-form {
margin-top: 10px;
}
.subs-form__content {
margin-top: 10px;
display: flex;
}
.subs-form .form-item {
width: 219px;
margin: 0;
padding-right: 10px;
}
.subs-form .form-item input {
border-radius: 8px;
height: 36px;
padding-left: 40px;
background: url('data:image/svg+xml,') 12px center no-repeat;
font-size: 15px;
}
.subs-form .bt {
height: 36px;
font-size: 14px;
white-space: nowrap;
}
.footer-subs .agree {
margin-top: 9px;
font-size: 13px;
}
.footer-nav ul {
padding-top: 10px;
}
.footer-nav li {
margin-top: 12px;
}
.footer-nav li a {
color: var(--color-text-200);
}
.footer-bot {
padding: 26px 0;
border-top: 1px solid var(--input-border);
}
.footer-info {
font-size: 15px;
line-height: 150%;
color: var(--color-text-330);
}
.footer-info .item:not(:last-child) {
margin-right: 40px;
}
.footer-info a {
text-decoration: underline;
color: inherit;
}
.modal {
position: relative;
margin: 0 auto;
background: var(--color-white);
width: 100%;
border-radius: 20px;
padding: 30px;
overflow: hidden;
max-width: 800px;
}
.modal-md {
max-width: 600px;
}
.modal p {
margin-top: 6px;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: var(--color-text-200);
}
.modal p + p {
margin-top: 20px;
}
.modal .bt-dark {
margin-top: 20px;
}
.modal-callback {
max-width: 720px;
border: 4px solid var(--color-prime);
border-radius: 20px;
padding: 30px 40px 40px;
overflow: visible;
}
.modal .h3 {
padding: 0 42px 14px 0;
font-size: 28px;
}
.modal-callback .h5 {
margin: 20px auto 0 0;
}
.modal-callback .radio-item {
margin: 20px 0 0 20px;
overflow: visible;
}
.modal-callback .bt {
width: 100%;
margin-top: 30px;
}
.modal-article {
position: relative;
margin: 0 auto;
width: 90%;
max-width: 1440px;
padding: 40px 40px 40px;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
background: var(--color-white);
}
.modal-article .article {
margin: 0;
}
.modal-article .article-content {
width: 71.5%;
}
.modal-article .article-aside {
width: 28.5%;
top: 15px;
}
.modal-article .modal-project__slider {
margin-top: 20px;
display: block !important;
border-radius: 10px;
}
.modal-article .modal-project__slider img {
margin: 0;
}
.modal-close__bar {
position: sticky;
top: 10px;
z-index: 3;
height: 1px;
}
.modal-close__bar .modal-close {
position: absolute;
top: 0;
right: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: var(--color-white);
border-radius: 20px;
font-size: 22px;
color: #000;
}
.modal-article .mfp-close {
display: none !important;
}
.modal-article {
font-size: 17px;
line-height: 150%;
color: #444;
}
.modal-article__video {
font-size: 17px;
line-height: 150%;
color: #444;
}
.modal-article__video H3 {
margin-top: 30px;
font-size: 28px;
color: var(--color-second-dark-2);
}
.modal-article__video video {
margin-top: 20px;
width: 100%;
border-radius: 10px;
}
.modal-review {
max-width: 800px;
}
.modal-review__text {
margin: 16px 0 30px;
line-height: 150%;
color: var(--color-text-330);
}
.modal-review .h3 + p {
margin-top: 30px;
}
.modal-review .agree {
margin: 30px 0 16px;
}
.modal-review .form-control {
border: 1px solid var(--input-border);
border-radius: 10px;
height: 48px;
padding: 0 14px;
display: flex;
align-items: center;
}
.form-control .star-widget {
margin: 0;
}
.form-review .form-item .label {
font-family: var(--second-family);
font-weight: 500;
font-size: 21px;
line-height: 120%;
color: var(--color-text-200);
}
.rating-list {
margin: 0 -5px;
}
.rating-list__card {
width: 33.333%;
display: flex;
padding: 10px 5px 0;
}
.rating-card {
width: 100%;
border: 1px solid var(--input-border);
border-radius: 10px;
padding: 14px;
}
.rating-card .title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 120%;
color: var(--color-text-200);
}
.rating-card p {
margin-top: 10px;
font-size: 14px;
line-height: 130%;
color: var(--color-text-600);
}
.modal-review .bt,
.modal-quick .bt {
margin-top: 30px;
height: 58px;
width: 100%;
font-size: 17px;
}
.modal-review .bt,
.modal-quick .agree {
margin-top: 10px;
}
.modal-quick {
max-width: 600px;
}
.modal-quick .h3 {
padding-bottom: 16px;
}
.modal-quick .h5 {
margin: 30px 0 4px;
}
.modal-reviews {
max-width: 800px;
}
.modal-reviews .h3 {
padding: 0 !important;
}
.modal-reviews__slider {
position: relative;
overflow: hidden;
}
.modal-reviews__item .title {
font-size: 20px;
text-align: center;
}
.modal-reviews__item-position {
margin: 4px 0 40px;
font-weight: 500;
font-size: 16px;
color: #555;
text-align: center;
}
.modal-reviews__item p {
font-size: 17px;
line-height: 165%;
color: #1e1e1e;
}
.modal-reviews__doc {
margin-top: 40px;
}
.modal-reviews__slider-nav {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.modal-reviews__slider-nav .slick-arrow {
position: static;
top: 0%;
transform: translateY(0%);
}
.modal-project {
width:fit-content;
max-width: 1300px;
padding: 0 !important;
overflow: visible;
width: 96%;
}
.modal-project__wrapper {
display: flex;
border-radius: 20px;
overflow: hidden;
}
.modal-project__image {
aspect-ratio: 1 / 1;
position: relative;
width: 100%;
display: flex;
max-width: 800px;
max-height: 800px;
overflow: hidden;
}
.modal-project__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-project__image .buttons {
position: absolute;
right: 20px;
bottom: 20px;
display: flex;
}
.modal-project__image .slick-list {
display: flex;
overflow: hidden;
}
.modal-project__slider {
position: relative;
overflow: hidden;
display: flex !important;
width: 100%;
}
.modal-project__slider .slick-dots {
bottom: 10px;
}
.modal-project__slider .slick-dots li {
margin: 0 3px;
width: 14px;
height: 6px;
}
.modal-project__slider .slick-dots li::before {
background: rgba(255, 255, 255, 0.5);
border-radius: 99px;
width: 100%;
height: 6px;
}
.modal-project__slider .slick-dots li.slick-active {
width: 24px;
}
.modal-project__slider .slick-dots li.slick-active::before {
width: 100%;
height: 6px;
}
.modal-project__content {
display: flex;
flex-direction: column;
width: 375px;
min-width: 375px;
padding: 52px 40px 40px;
}
.modal-project__content .bt {
margin-top: auto;
}
.modal-project__content .h3 {
font-size: 28px;
}
.modal-project__content .subtitle {
margin: 35px 0;
font-size: 18px;
line-height: 150%;
color: var(--color-black);
}
.modal-project__content p {
margin: 20px 0;
font-weight: 300;
font-size: 17px;
line-height: 170%;
color: var(--color-text-330);
}
.modal-location {
max-width: 873px;
padding: 40px 55px 25px;
max-height: 100vh;
overflow: auto;
}
.modal-location .h3 {
padding: 0;
font-size: 32px;
color: var(--color-black);
}
.modal-location .h4 {
margin-top: 38px;
font-size: 22px;
color: var(--color-black);
}
.modal-notification {
position: relative;
text-align: center;
font-size: 16px;
line-height: 120%;
color: var(--color-white);
}
.modal-notification .content {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
padding: 16px;
display: inline-block;
}
.modal-notification a {
color: inherit;
text-decoration: underline;
}
.modal-notification .icon {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
font-size: 12px;
}
.modal-gallery {
width: 100%;
background: var(--color-white);
padding: 20px;
}
.modal-gallery__container {
position: relative;
}
.modal-gallery__content {
position: relative;
z-index: 1;
padding-left: 130px;
}
.modal-gallery__thumbnail {
z-index: 10;
width: 110px;
min-width: 110px;
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
.modal-gallery__thumbnail .slick-list {
overflow: hidden;
margin: -4px 0;
}
.modal-gallery__thumbnail .slick-track {
display: block;
}
.modal-gallery__thumbnail .item {
height: 117px;
display: flex;
cursor: pointer;
}
.modal-gallery__thumbnail .item span {
position: relative;
width: 100%;
display: flex;
margin: 4px 0;
}
.modal-gallery__thumbnail .item img {
width: 100%;
object-fit: cover;
object-position: center;
border-radius: 10px;
}
.modal-gallery__thumbnail .slick-arrow {
width: 42px;
height: 42px;
background: var(--color-white);
right: auto;
left: 50%;
transform: translateX(-50%);
}
.modal-gallery__thumbnail .slick-arrow::after {
font-size: 14px;
}
.modal-gallery__thumbnail .slick-prev {
top: 9px;
}
.modal-gallery__thumbnail .slick-prev::after {
transform: rotate(-90deg);
}
.modal-gallery__thumbnail .slick-next {
top: auto;
bottom: 9px;
}
.modal-gallery__thumbnail .slick-next::after {
transform: rotate(90deg);
}
.modal-gallery .mfp-close {
background: #fff;
top: 40px;
right: 40px;
border: 1px solid var(--color-text-backing-2);
border-radius: 10px;
width: 42px;
height: 42px;
opacity: 1;
}
.modal-gallery .mfp-close::before {
font-size: 16px;
}
.modal-gallery__preview {
position: relative;
z-index: 1;
min-width: 100%;
overflow: hidden;
border-radius: 20px;
}
.modal-gallery__preview .item {
height: calc(100vh - 40px);
display: flex;
align-items: center;
justify-content: center;
}
.modal-gallery__preview .item img {
border-radius: 20px;
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
}
.modal-gallery__side-switch {
display: flex;
flex-direction: row;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 10px;
z-index: 10;
background: var(--color-white);
border-radius: 16px;
padding: 10px;
max-width: 460px;
width: 100%;
justify-content: space-between;
align-items: center;
}
.modal-gallery__side-switch .bt-side-switch {
width: 32%;
height: 70px;
margin: 0;
flex-grow: 0;
}
.modal-gallery__side-switch .board-profile {
margin: 0;
padding: 0;
width: 32%;
}
.modal-gallery__side-switch .bt-side-switch .label {
left: 50%;
right: auto;
top: auto;
bottom: 10px;
transform: translateX(-50%);
padding: 1px 10px;
font-size: 14px;
white-space: nowrap;
}
.modal__product-acces {
max-width: 900px;
}
.product-acces__gallery {
width: 44%;
position: relative;
z-index: 1;
overflow: hidden;
}
.product-acces__content {
width: 56%;
padding-left: 30px;
}
.product-acces__gallery-slider:not(.slick-slider) .item.item:not(:first-child) {
display: none;
}
.product-acces__gallery-slider .item {
height: 390px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.product-acces__gallery-slider .item img {
max-height: 100%;
object-fit: cover;
object-position: center;
}
.product-acces__content .h4 {
margin: 0 50px 0 0;
font-size: 21px;
}
.product-acces__content p {
margin-top: 30px;
}
.product-acces__content .parameter-list {
padding-top: 20px;
}
.product-acces__content .new-price {
font-weight: 400;
font-size: 24px;
font-family: var(--second-family);
}
.product-acces__content .new-price .val {
font-weight: 500;
}
.product-acces__bar {
padding: 30px 0;
margin-top: auto;
}
.product-acces__content .quantity-form__wrapper {
width: 110px;
margin: 0;
}
.product-acces__bar .bt {
width: 170px;
}
.product-acces__content .bt-secondary {
width: 100%;
}
.modal__product-success .h4 {
font-size: 21px;
}
.cart-product__item {
margin-top: 30px;
display: flex;
align-items: flex-start;
}
.cart-product__item-image {
width: 65px;
min-width: 65px;
}
.cart-product__item-content {
width: 100%;
padding-left: 30px;
}
.cart-product__item-content .title {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--color-second-dark-2);
}
.cart-product__item-price {
margin-top: 6px;
display: flex;
color: var(--color-second-dark-2);
}
.cart-product__item-price .new-price {
margin-right: 10px;
font-size: 16px;
font-weight: 400;
font-family: var(--second-family);
}
.cart-product__item-price .new-price .val {
font-weight: 500;
}
.cart-product__item-price .symbol {
margin-right: 10px;
}
.modal__product-success__buttons {
padding-top: 30px;
margin: 0 -5px;
display: flex;
}
.modal__product-success__buttons .bt {
flex: 1 0 0;
margin: 0 5px;
}
.modal-samples {
max-width: 900px;
}
.modal-samples .h3 {
padding: 0;
}
.modal-samples p {
margin: 10px 0;
font-size: 16px;
}
.modal-samples .form-item {
margin-top: 10px;
}
.modal-samples .h4 {
margin-top: 20px;
font-size: 21px;
}
.plan-gallery {
position: relative;
width: 100%;
height: 100vh;
background: #fff;
padding: 60px 20px 20px;
overflow: hidden;
}
.plan-gallery .mfp-close {
left: auto;
right: 20px;
top: 20px;
transform: translateX(0%);
color: #000;
}
#plan-gallery {
visibility: hidden;
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity 0.3s ease;
}
.mfp-ready #plan-gallery {
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
.plan-gallery .h4 {
font-size: 21px;
}
.main-plan__slider {
margin: 0 auto;
overflow: hidden;
}
.main-plan__slider-item {
display: flex;
align-items: center;
justify-content: center;
max-height: 70vh;
}
.main-plan__slider img {
max-height: 100%;
width: auto;
}
.thumb-plan__slider {
margin: 10px auto 0;
max-width: 430px;
width: 100%;
overflow: hidden;
}
.thumb-plan__slider-item {
border: 2px solid var(--input-border);
border-radius: 10px;
width: 100px;
height: 100px;
margin: 0 4px;
display: flex;
}
.thumb-plan__slider img {
width: 100%;
height: auto;
cursor: pointer;
}
.thumb-plan__slider-item.slick-current {
border-color: var(--color-second);
}
.samples__checkbox-list {
padding-top: 4px;
}
.samples__options-list .btn-toggle-colors {
margin-top: 10px;
width: 64px;
height: 64px;
}
.selected-list {
margin-top: 20px;
background: var(--color-text-backing);
border-radius: 10px;
display: flex;
flex-wrap: wrap;
}
.samples-selected__col {
width: 50%;
padding: 16px;
}
.selected-list .h5 {
margin: 0;
font-family: var(--font-family);
font-weight: 600;
font-size: 15px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.selected-badge {
margin: 5px 5px 0 0;
display: inline-flex;
align-items: center;
background: var(--color-white);
border-radius: 10px;
padding: 7px 10px;
font-weight: 500;
font-size: 14px;
}
.selected-badge .icon-x {
margin-left: 6px;
font-size: 12px;
cursor: pointer;
}
.modal-samples .bt {
width: 100%;
margin-top: 20px;
height: 58px;
font-size: 17px;
}
.tabs button {
position: relative;
border-radius: 10px;
overflow: hidden;
display: inline-block;
margin: 6px 6px 0 0;
border: 1px solid var(--color-text-backing-2);
padding: 3px 10px;
font-weight: 500;
font-size: 15px;
color: var(--color-text-200);
}
.tabs button:hover,
.tabs button.active {
background: var(--color-text-backing-2);
}
.color-button {
position: relative;
margin: 0 2px;
width: 64px;
height: 64px;
display: flex;
padding: 5px;
border: 1px solid transparent;
border-radius: 10px;
background: 0;
margin-top: 10px;
cursor: pointer;
}
.color-button.selected { border-color: var(--color-second-dark-2); }
.color-button.disabled { opacity: 0.5; pointer-events: none; }
.color-button[data-board]:not([data-board="Velvet"]) { display: none; }
.selected-list { margin-top: 20px; }
.color-tag {
margin: 5px 5px 0 0;
display: inline-flex;
align-items: center;
background: var(--color-white);
border-radius: 10px;
padding: 7px 10px;
font-weight: 500;
font-size: 14px;
}
.color-tag span { margin-left: 10px; cursor: pointer; }
.max-reached {
margin-top: 10px;
font-family: var(--second-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color-second-dark-2);
}
.search-form {
position: relative;
margin-top: 15px;
}
.search-input {
border: 1px solid var(--input-border);
border-radius: 10px;
padding: 0px 42px 0px 26px;
height: 48px;
width: 100%;
font-size: 17px;
line-height: 120%;
color: var(--color-black);
text-overflow: ellipsis;
}
.search-input::placeholder {
color: #7d7d7d;
}
.search-button {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
background: transparent;
font-size: 26px;
color: #333333;
}
.city-list ul {
column-count: 4;
column-width: 10rem;
}
.city-list li {
margin-top: 20px;
font-size: 19px;
line-height: 100%;
color: #555;
}
.city-list li.icon-geo:after {
margin-left: 5px;
color: var(--color-second);
}
.city-list li.letter {
font-family: var(--second-family);
font-weight: 600;
font-size: 19px;
color: var(--color-black);
}
.seo-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px;
}
.seo-tags .tag {
padding: 0 10px;
height: 30px;
border-radius: 15px;
font-size: 14px;
width: auto;
background-color: #EEEEEE;
display: flex;
flex-direction: row;
align-items: center;
margin-right: 5px;
margin-bottom: 5px;
}
.seo-tags .tag a {
color: #333;
}
select.custom-select {
border: 1px solid #268256;
height: 50px;
width: 100%;
line-height: 48px;
border-radius: 3px;
padding: 0 18px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?pam8lq');
src: url('fonts/icomoon.eot?pam8lq#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?pam8lq') format('truetype'),
url('fonts/icomoon.woff?pam8lq') format('woff'),
url('fonts/icomoon.svg?pam8lq#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-flex;
align-items: center;
}
[class^="icon-"]:after, [class*=" icon-"]:after {
display: inline-flex;
align-items: center;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-max:after {
content: "\F000";
}
.icon-warranty:after {
content: "\e901";
}
.icon-clip:after {
content: "\e900";
}
.icon-360:after {
content: "\e900";
}
.icon-email:after {
content: "\e903";
}
.icon-time:after {
content: "\e903";
}
.icon-lock-fill:after {
content: "\e908";
}
.icon-arrow-up:after {
content: "\e909";
}
.icon-arrow:after {
content: "\e90a";
}
.icon-cart-fill:after {
content: "\e90b";
}
.icon-cart:after {
content: "\e90c";
}
.icon-check:after {
content: "\e90d";
}
.icon-chevron-right:after {
content: "\e90e";
}
.icon-compare:after {
content: "\e90f";
}
.icon-favorits-fill:after {
content: "\e910";
}
.icon-favorits:after {
content: "\e911";
}
.icon-geo:after {
content: "\e912";
}
.icon-pinterest:after {
content: "\e913";
}
.icon-search:after {
content: "\e914";
}
.icon-telegram:after {
content: "\e915";
}
.icon-whatsapp:after {
content: "\e916";
}
.icon-x:after {
content: "\e917";
}
.icon-phone:after {
content: "\e918";
}
.icon-polygon:after {
content: "\e919";
}
.icon-envelope:after {
content: "\e91a";
}
.icon-burger:after {
content: "\e91b";
}
.icon-call-outline:after {
content: "\e91c";
}
.icon-grid:after {
content: "\e91d";
}
.icon-list:after {
content: "\e91e";
}
.icon-reset:after {
content: "\e91f";
}
.icon-star:after {
content: "\e920";
}
.icon-bug:after {
content: "\e921";
}
.icon-eco:after {
content: "\e922";
}
.icon-foot:after {
content: "\e923";
}
.icon-no-paint:after {
content: "\e924";
}
.icon-slip:after {
content: "\e925";
}
.icon-sun:after {
content: "\e926";
}
.icon-filter:after {
content: "\e927";
}
.icon-sort:after {
content: "\e928";
}
.icon-click:after {
content: "\e929";
}
.icon-doc:after {
content: "\e92a";
}
.icon-question-outline:after {
content: "\e92b";
}
.icon-screwdriver:after {
content: "\e92c";
}
.icon-truck:after {
content: "\e92d";
}
.icon-weight:after {
content: "\e92e";
}
.icon-thumbs-down:after {
content: "\e92f";
}
.icon-thumbs-up:after {
content: "\e930";
}
.icon-trash:after {
content: "\e931";
}
.icon-question:after {
content: "\e932";
}
.icon-share:after {
content: "\e933";
}
.icon-print:after {
content: "\e934";
}
.icon-pin:after {
content: "\e935";
}
/* hover style */
@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {
.bt-primary:hover {
background: var(--color-prime);
}
.bt-dark:hover {
background: var(--color-second-light-1);
}
.bt-light:hover {
background: var(--color-text-backing);
}
.bt-outline-secondary:hover {
border-color: var(--color-text-200);
color: var(--color-text-200);
}
.header-menu > ul > li > a:hover span:after {
opacity: 1;
}
.tool-card:hover {
background: var(--color-text-backing);
}
.slick-arrow:hover {
background: var(--color-text-backing);
}
.header-nav li a:hover,
.catalog-nav li li a:hover {
color: #333;
}
.header-menu > ul > li > a:hover {
color: #333;
}
.messengers .icon-telegram:hover {
background: rgba(0, 140, 228, 0.1);
}
.messengers .icon-whatsapp:hover {
background: rgba(37, 211, 102, 0.1);
}
.messengers .icon-max:hover {
background: linear-gradient(83deg, #4BC2FD 2.62%, #394AED 49.65%, #8E3ED9 79.79%, #8C51E9 97.6%);
-webkit-text-fill-color: white;
color:white;
}
.header-bt:hover,
.card-action-bt:hover {
background: var(--color-prime-background);
}
.tab-bt:hover {
background: var(--color-text-backing-2);
}
.history-card .img:hover img,
.useful-card .img:hover img,
.video-review__card a:hover img,
.image-rectangle:hover img,
.services-list__card-image:hover img {
transform: scale(1.1);
}
.catalog-card:hover,
.general-catalog__card-image:hover {
background: var(--color-prime-background);
}
.service-box .service-item:hover {
background: var(--color-text-backing);
}
.catalog-item__img:hover + .catalog-item__title a,
.catalog-item__title:hover a,
.useful-card .title:hover,
.tab-link:hover,
.services-list__card .title:hover {
color: #CD6207;
}
.collection-item__img:hover .img-before {
opacity: 0;
}
.collection-item__img:hover .img-after {
opacity: 1;
}
.btn-toggle-colors:hover {
border: 1px solid var(--color-text-backing-2);
}
.btn-toggle-colors:hover img {
transform: scale(1.05);
}
.bt-secondary:hover {
background: var(--color-text-backing-2);
}
.comparison-card .btn-toggle-colors:hover img {
transform: translate(-50%, -50%) scale(1.05);
}
.calculator-form .checkbox-item a:hover {
text-decoration: none;
}
.project-preivew__action .header-bt:hover {
background: rgba(255, 255, 255, 0.8);
}
.project-catalog__header-link:hover {
border-bottom-color: transparent;
}
.company-history__nav .slick-arrow:hover {
background: #fff;
}
.contact-tab__option:hover {
background: var(--color-text-backing);
}
}
/*Label для каталога*/
.teg-bestsellers {
border: 1px solid #f5862a;
border-radius: 12px;
padding: 4px 21px 4px 23px;
margin-left: 20px;
z-index: 1;
position: absolute;
top: 15px;
background: #f5862a;
color: white;
}
.teg-bestsellers.new {
border: 1px solid #478fba;
background: #478fba;
}
.teg-bestsellers.sale {
border: 1px solid #f24857;
background: #f24857;
}
.teg-bestsellers.zakaz {
border: 1px solid #74b81f;
background: #74b81f;
}