body { margin: 0; font-family: 'Inter'; color: #2E2F35; } img { height: auto; max-width: 100%; } ul { list-style: none; padding: 0; margin: 0; } a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #2E2F35; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, p { margin: 0; } input, textarea { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; margin: 0; outline: none; border: none; background: none; width: 100%; padding: 12px 20px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; color: #A7A7A7; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; color: #A7A7A7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; color: #A7A7A7; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; color: #A7A7A7; } input::placeholder, textarea::placeholder { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; color: #A7A7A7; } .container { max-width: 1200px; width: 100%; padding: 0 20px; margin: 0 auto; position: relative; } .header { background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; left: 0; top: 0; width: 100%; z-index: 2; } .header .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 19px 0; } .menu { font-family: Inter; font-size: 14px; font-weight: 400; text-align: center; } .menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .header .content .logo { position: relative; z-index: 1; } .header .content > .menu { margin-left: 20px; } .header .content > .menu a { padding: 5px 9px; border: 1px solid transparent; border-radius: 5px; } .header .content > .menu a:hover { background: #FF2C2C; color: #FFFFFF; border: 1px solid #2E2F35; } .button { font-family: Inter; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; color: #FFFFFF; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 0; } .button::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #2E2F35; background: #FF2C2C; z-index: -1; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .button::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: calc(100% - 4px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header .content .feedback-block { display: -ms-grid; display: grid; justify-items: center; gap: 3px; } .header .content .feedback-block .button { width: 200px; height: 40px; } .header .content .feedback-block .button::after { bottom: -2px; } .button:hover::after { bottom: 0!important; } .header .content .feedback-block .mail { font-family: Inter; font-size: 12px; font-weight: 400; color: #2E2F35; text-decoration: underline; } .header .content .feedback-block .mail:hover { color: #FF2C2C; } .banner { background-image: url(/images/banner.webp); height: 1080px; padding-top: 343px; } .banner img { position: absolute; right: 15px; top: -135px; z-index: 1; } .banner-block { position: relative; z-index: 0; padding: 20px; max-width: 620px; } .banner-block::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #DDEFFF; z-index: -1; border-radius: 5px; } .banner-block::after { content: ''; position: absolute; left: 5px; top: 5px; width: 100%; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; } .banner-block h1 { font-family: Inter; font-size: 60px; font-weight: 700; text-align: left; display: -ms-grid; display: grid; } .banner-block h1 span { font-family: Condiment; font-size: 73px; font-weight: 400; text-align: left; color: #0B438D; } .banner-block p { font-family: Inter; font-size: 24px; font-weight: 600; text-align: left; } .banner-block .button { margin-top: 50px; width: 260px; height: 65px; font-size: 16px; } .advantages .content { display: -ms-grid; display: grid; -ms-grid-columns: (-webkit-max-content)[4]; -ms-grid-columns: (max-content)[4]; grid-template-columns: repeat(4, -webkit-max-content); grid-template-columns: repeat(4, max-content); position: relative; z-index: 0; top: -50px; padding: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantages .content::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: -1; border-radius: 5px; border: 1px solid #2E2F35; } .advantages .content::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: calc(100% - 10px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; } .advantages-item { font-family: Inter; font-size: 20px; font-weight: 600; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .products { padding-top: 130px; } .subtitle { font-family: Inter; font-size: 54px; font-weight: 700; text-align: left; position: relative; z-index: 0; } .products .subtitle svg { position: absolute; left: 0; bottom: -20px; } .products .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .products-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(3, 1fr); gap: 60px 40px; width: 100%; margin-top: 20px; } .products-item p { font-family: Inter; font-size: 20px; font-weight: 600; text-align: center; margin-top: 10px; } .products-item .button { width: 100%; height: 60px; margin-top: 25px; font-size: 16px; } .products-item__image { position: relative; height: 0; padding-bottom: 76%; } .products-item__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .gallery { background: #FDF3EA; margin-top: 65px; padding-top: 120px; } .gallery .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-list { margin-top: 40px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .gallery-list a { height: 0; width: 100%; padding-bottom: 100%; position: relative; } .gallery-list a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery .button { width: 260px; height: 60px; margin: 50px auto 0; font-size: 16px; } .offers { background: #FDF3EA; padding: 185px 0 60px; } .offers .subtitle { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .offers .subtitle svg { position: absolute; right: -175px; bottom: -45px; } .offers-tabs { margin-top: 60px; } .offers-tabs__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); position: relative; z-index: 1; max-width: 760px; height: 60px; margin: 0 auto; } .offers-tabs__list::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: -1; border-radius: 5px; border: 1px solid #2E2F35; } .offers-tabs__list::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: calc(100% - 10px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; } .offers-tabs__item { font-family: Inter; font-size: 20px; font-weight: 600; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border-radius: 5px; border: 1px solid transparent; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .offers-tabs__item svg { display: none; } .offers-tabs__item:not(:first-child)::before { content: ''; width: 1px; height: 50px; background: #2E2F35; position: absolute; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; } .offers-tabs__item.active::before { opacity: 0; } .offers-tabs__item.active + .offers-tabs__item::before { opacity: 0; } .offers-tabs__item.active { background: #FF2C2C; color: #FFFFFF; border-radius: 5px; border: 1px solid #2E2F35; } .offers-tabs__content { background: #FFFFFF; border: 1px solid #2E2F35; border-radius: 5px; overflow: hidden; } .offers-tabs__item-content:nth-child(1) { padding: 50px 50px 30px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 57px 1fr 57px 1fr 57px 1fr; grid-template-columns: repeat(4, 1fr); gap: 50px 57px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item { font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item:nth-child(4n+1) { width: 205px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item:nth-child(4n+2) { width: 239px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item:nth-child(4n+3) { width: 201px; } .offers-tabs__item-content:nth-child(1) .offers-tab__item:nth-child(4n+4) { width: 243px; } .offers-tabs__item-content:nth-child(2) { padding: 35px 50px 25px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px; } .offers-tabs__item-content:nth-child(2) .offers-tab__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div > div div:first-child { font-family: Inter; font-size: 54px; font-weight: 700; text-align: center; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div > div div:last-child { font-family: Inter; font-size: 20px; font-weight: 600; text-align: center; } .offers-tabs__item-content:nth-child(2) .offers-tab__item > div > p { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; margin-top: 12px; } .offers-tabs__item-content:nth-child(3) { padding: 50px 20px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 67px; } .offers-tabs__item-content:nth-child(3) .offers-tab__item { font-family: Inter; font-size: 20px; font-weight: 600; text-align: center; display: -ms-grid; display: grid; justify-items: center; } .offers-tabs__item-content:nth-child(4) { padding: 50px 50px 30px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 37px 1fr 37px 1fr 37px 1fr; grid-template-columns: repeat(4, 1fr); gap: 50px 37px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item { font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+1) { width: 268px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+2) { width: 279px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+3) { width: 167px; } .offers-tabs__item-content:nth-child(4) .offers-tab__item:nth-child(4n+4) { width: 215px; } .offers-tabs__item-content:not(.active) { display: none!important; } .reviews { padding-top: 150px; } .reviews .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFFFFF; } .reviews .subtitle svg { position: absolute; z-index: -1; top: -30px; } .reviews-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 40px; margin-top: 115px; } .reviews-list .review { border: 1px solid #2E2F35; border-radius: 5px; padding: 30px 30px 25px 30px; position: relative; height: 169px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reviews-list .review svg { position: absolute; left: 27px; top: -13px; } .reviews-list .review:nth-child(1) { max-width: 560px; width: 100%; } .reviews-list .review:nth-child(2) { max-width: 560px; width: 100%; } .reviews-list .review:nth-child(3) { max-width: 360px; width: 100%; } .reviews-list .review:nth-child(4) { max-width: 460px; width: 100%; } .reviews-list .review:nth-child(5) { max-width: 260px; width: 100%; } .reviews-list .review:nth-child(6) { max-width: 460px; width: 100%; } .reviews-list .review:nth-child(7) { max-width: 260px; width: 100%; } .reviews-list .review:nth-child(8) { max-width: 360px; width: 100%; } .reviews-list .review:nth-child(9) { max-width: 560px; width: 100%; } .reviews-list .review:nth-child(10) { max-width: 560px; width: 100%; } .reviews-list .review .review-text { font-family: Inter; font-size: 16px; font-style: italic; font-weight: 400; line-height: 25.6px; text-align: left; color: #58595D; } .reviews-list .review .review-author { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; margin-top: auto; color: #A7A7A7; } .faq { background: #FDF3EA; padding: 120px 0 60px; margin-top: 60px; } .faq .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 140px; } .faq .faq-block { position: relative; width: 100%; } .faq .faq-block .faq-list { display: -ms-grid; display: grid; gap: 16px; position: relative; z-index: 1; } .faq .faq-block .faq-list .faq-item { position: relative; z-index: 0; } .faq .faq-block .faq-list .faq-item::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: -1; border-radius: 5px; border: 1px solid #2E2F35; } .faq .faq-block .faq-list .faq-item::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: 100%; margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; } .faq .faq-block .faq-list .faq-item.active::before { background: #DDEFFF; } .faq .faq-block .faq-list .faq-item .faq-item__header { padding: 26px 20px 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; text-align: left; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .faq .faq-block .faq-list .faq-item.active .faq-item__header { padding: 26px 20px 16px 30px; } .faq .faq-block .faq-list .faq-item .faq-item__header .faq-item__plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; border-radius: 50%; border: 1px solid transparent; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .faq .faq-block .faq-list .faq-item.active .faq-item__header .faq-item__plus { background: #FFFFFF; border: 1px solid #2E2F35; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .faq .faq-block .faq-list .faq-item .faq-item__body { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 0 30px; opacity: 0; height: 0; visibility: hidden; -webkit-transition: none; -o-transition: none; transition: none; } .faq .faq-block .faq-list .faq-item .faq-item__body.faq-item__body-formated { text-align: center; } .faq .faq-block .faq-list .faq-item .faq-item__body.faq-item__body-formated ul { text-align: initial; } .faq .faq-block .faq-list .faq-item .faq-item__body.faq-item__body-formated > ul { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .faq .faq-block .faq-list .faq-item .faq-item__body.faq-item__body-formated > ul li ul { padding-left: 15px; } .faq .faq-block .faq-list .faq-item.active .faq-item__body { padding: 0 30px 10px; opacity: 1; height: auto; visibility: visible; } .faq .faq-block .faq-list:not(.view) .faq-item:nth-child(n+8) { display: none; } .faq .faq-block .faq-list:not(.view) + .button + .button { display: none; } .faq .faq-block .faq-list.view + .button { display: none; } .faq .faq-block .button { width: 260px; height: 60px; margin-top: 60px; font-size: 16px; } .faq .faq-block > svg { position: absolute; left: -325px; bottom: 85px; z-index: 0; } .help { background: #DDEFFF; padding: 120px 0 65px; } .help .subtitle { text-align: center; } .help .help-text { font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; text-align: center; max-width: 735px; margin: 25px auto 0; } .help .button { width: 260px; height: 60px; font-size: 16px; margin: 50px auto 0; } .help svg:first-of-type { position: absolute; left: 20px; top: 130px; } .help svg:last-of-type { position: absolute; right: -15px; top: 45px; } .footer { background: #2E2F35; } .footer .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 39px 0; } .footer .content .menu { margin-left: 25px; } .footer .content .menu ul { gap: 50px; } .footer .content .menu a { color: #FFFFFF; } .footer .content .mail { color: #FFFFFF; } .footer .content .logo img:last-child { display: none; } .menu-checkbox { display: none; } .menu-label { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } .menu-label svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-checkbox:not(:checked) + .menu-label .menu-close { opacity: 0; visibility: hidden; width: 0; } .menu-checkbox:checked + .menu-label .menu-open { opacity: 0; visibility: hidden; width: 0; } .header .content .menu-block { background: #FFFFFF; position: fixed; right: -320px; top: 0; max-width: 320px; width: 100%; padding: 120px 0 10px 20px; z-index: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-checkbox:checked + .menu-label + .menu-block { right: 0; } .header .content .menu-block .menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 25px; } .header .content .menu-block .mail { margin-top: 35px; font-size: 12px; } .gallery-page { padding: 220px 0 55px; background: #FDF3EA; } .gallery-page .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-tabs { margin-top: 60px; } .gallery-tabs__list { display: -ms-grid; display: grid; -ms-grid-columns: (-webkit-max-content)[6]; -ms-grid-columns: (max-content)[6]; grid-template-columns: repeat(6, -webkit-max-content); grid-template-columns: repeat(6, max-content); position: relative; z-index: 1; height: 60px; margin: 0 auto; } .gallery-tabs__list::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: -1; border-radius: 5px; border: 1px solid #2E2F35; } .gallery-tabs__list::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: calc(100% - 10px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; } .gallery-tabs__item { font-family: Inter; font-size: 20px; font-weight: 600; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border-radius: 5px; border: 1px solid transparent; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 0 36px; } .gallery-tabs__item svg { display: none; } .gallery-tabs__item:not(:first-child)::before { content: ''; width: 1px; height: 50px; background: #2E2F35; position: absolute; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; } .gallery-tabs__item.active::before { opacity: 0; } .gallery-tabs__item.active + .gallery-tabs__item::before { opacity: 0; } .gallery-tabs__item.active { background: #FF2C2C; color: #FFFFFF; border-radius: 5px; border: 1px solid #2E2F35; } .gallery-tabs__content { margin-top: 55px; } .gallery-tabs__item-content { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(4, 1fr); } .gallery-tabs__item-content a { height: 0; width: 100%; padding-bottom: 100%; position: relative; } .gallery-tabs__item-content a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-tabs__item-content:not(.active) { display: none!important; } .form-page { padding: 270px 0 253.34px; background: #FDF3EA; } .form-page .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFFFFF; margin-left: 55px; color: #FDF3EA; } .form-page .subtitle svg { position: absolute; z-index: -1; top: -50px; } .form-page .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-page .form-page__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 460px; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .form-page .form-page__title p { font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; text-align: left; max-width: 320px; margin: 80px 0 0 auto; } .form-page .form { margin-top: 145px; } .form-page .form-input, .form-textarea { position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-input.form-input__phone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .form-page .form-input.form-input__phone .form-input__phone-title { padding: 12px 0 0 20px; line-height: 25.6px; color: #A7A7A7; } .form-page .form-input.form-input__phone .form-input__phone-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-input.form-input__phone .form-input__phone-input svg { position: absolute; left: 20px; } .form-page .form-input.form-input__phone .form-input__phone-input input { padding: 12px 10px 12px 45px; } .form-page .form-input::before, .form-page .form-textarea::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #2E2F35; background: #FFFFFF; z-index: -1; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form-page .form-input::after, .form-page .form-textarea::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; width: calc(100% - 4px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form-page .form-top { display: -ms-grid; display: grid; -ms-grid-columns: 260px 40px 260px; grid-template-columns: repeat(2, 260px); gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .form-page .form-left { display: -ms-grid; display: grid; gap: 15px; } .form-page .form-textarea textarea { height: 112px; } .form-page .form-right { display: -ms-grid; display: grid; gap: 28px; } .form-page .form-right label { position: relative; z-index: 0; font-family: Inter; font-size: 14px; font-weight: 700; line-height: 16.94px; text-align: left; color: #FF2C2C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; height: 40px; cursor: pointer; } .form-page .form-right label::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #2E2F35; background: #FFFFFF; z-index: -1; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form-page .form-right label::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; width: calc(100% - 4px); margin: 0 auto; height: 100%; background: #2E2F35; z-index: -2; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form-page .form-right label input { display: none; } .form-page .form-bottom { display: -ms-grid; display: grid; -ms-grid-columns: 260px 40px 260px; grid-template-columns: repeat(2, 260px); gap: 40px; margin-top: 30px; } .form-page .form-bottom label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; cursor: pointer; margin-top: 35px; position: relative; } .form-page .form-right label:hover::after { bottom: 0; } .form-page .form-bottom label input { position: absolute; left: 2px; bottom: 0; width: auto; opacity: 0; } .form-page .form-bottom label .checkstyle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 20px; height: 20px; border: 1px solid #2E2F35; border-radius: 2px; background: #FFFFFF; } .form-page .form-bottom label .checkstyle svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .form-page .form-bottom label input:checked + .checkstyle svg { opacity: 1; visibility: visible; } .form-page .form-bottom label p { font-family: Inter; font-size: 12px; font-weight: 400; line-height: 14.52px; text-align: left; } .form-page .form-bottom label p a { text-decoration: underline; display: initial; } .form-page .form-bottom .button { border: none; height: 60px; cursor: pointer; font-size: 16px; } .grecaptcha-badge { display: none!important; } .policy-page { padding: 220px 0 55px; background: #FDF3EA; } .policy-page .subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .policy-page a { text-decoration: underline; display: initial; } .sms { position: fixed; right: 30px; bottom: 30px; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .sms.view { opacity: 1; } .sms svg { max-width: 80px; height: auto; } .thanks-page { padding: 220px 0 245px; background: #FDF3EA; } .thanks-page .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .thanks-page .content .subtitle { text-align: center; }