*, :before, :after {
box-sizing: border-box
}
* {
border: none;
margin: 0;
padding: 0
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizespeed;
line-height: normal
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
img, picture, video, canvas, svg, iframe {
max-width: 100%;
display: block
}
img {
vertical-align: top
}
ol, ul, li {
list-style: none
}
input, button, textarea, select {
font: inherit
}
button[disabled] {
cursor: auto
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word
}
:root {
--color--primary-1: #4e4e4f;
--color--brand-1: #262626;
--color--gray-1: #ababab;
--color--bg-light: #f5f5f5;
--items: 1;
--gap: 12px
}
.feedback-form__gender-list, .vacancy__details, .box-features__item, .warning, .box__inner-item, .gallery-23-swiper__btn, .options-22-features__item, .step, .benefit-2, .locations__title, .news-desc__link, .payment, .cart-item, .products-swiper__btn, .options-container-2-features__item, .benefits-3__item, .equipment__item, .rating, .rating-stars__list, .accordion__btn--all, .accordion__btn, .radio__label, .checkbox__label, .select__label, .subscribe-form__input, .subscribe-form, .news-slide__link, .news-swiper__btn, .gallery-swiper__btn, .benefit-1, .newsline__link, .hero-contacts__link, .hero-swiper__btn, .counter, .header, .customer__link-wrap, .footer-benefits__item, .footer-mark__list, .footer-awards__list, .footer-sm__list, .vacancy-benefits__list, .book-form__radio-wrap, .feedback__radio-wrap, .form-box__title-wrap, .options-tabs-btns__list, .breadcrumbs__list, .footer-partners__list, .footer__box--1, .vacancies__btn-more, .benefit-27, .hero__total, .benefit, .mobile-menu-poster, .total, .cart-total, .header__container, .mobile-menu-btns__list, .mobile-menu-box__btn, .settings-box, .vacancy-benefits__item, .box-features__item span, .icon-wrap-29, .benefit-27__icon-wrap, .options-22-features__item span, .step__icon-wrap, .news-slide-2__img-box, .benefit-2__icon-wrap, .cart-item__btn--delete, .price, .options-container-2-features__item span, .offer__price, .offer__terms, .settings-box__btn-info, .hero__btn--step, .pagination__btn, .pagination__list, .product-2__link, .product-2__price, .search__btn, .benefit__icon-wrap, .offer__img-wrap, .form__btn--submit, .file__label, .subscribe-form__btn, .benefit-1__icon-wrap, .hero-slide__btn, .hero-swiper-pagination, .counter__value, .counter__btn, .header-btn, .header-btns__list, .footer-mark__item, .footer-awards__link, .footer-sm__link, .mobile-menu-btn, .mobile-menu-poster__link, .header-nav__list, .btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .news__link, .benefits-1__link, .backdrop, .options-links__list {
align-items: center;
display: flex
}
.vacancy__name-wrap, .price-option {
justify-content: space-between;
display: flex
}
.vacancy-benefits__item, .box-features__item span, .icon-wrap-29, .benefit-27__icon-wrap, .options-22-features__item span, .step__icon-wrap, .news-slide-2__img-box, .benefit-2__icon-wrap, .cart-item__btn--delete, .price, .options-container-2-features__item span, .offer__price, .offer__terms, .settings-box__btn-info, .hero__btn--step, .pagination__btn, .pagination__list, .product-2__link, .product-2__price, .search__btn, .benefit__icon-wrap, .offer__img-wrap, .form__btn--submit, .file__label, .subscribe-form__btn, .benefit-1__icon-wrap, .hero-slide__btn, .hero-swiper-pagination, .counter__value, .counter__btn, .header-btn, .header-btns__list, .footer-mark__item, .footer-awards__link, .footer-sm__link, .mobile-menu-btn, .mobile-menu-poster__link, .header-nav__list, .btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .news__link, .benefits-1__link, .backdrop, .options-links__list {
justify-content: center
}
.total, .cart-total, .header__container, .mobile-menu-btns__list, .mobile-menu-box__btn, .settings-box {
justify-content: space-between
}
.vacancy__desc-list, .vacancy__details-wrap, .vacancy, .section-31__box, .box-features__list, .box__wrap, .section-30__box, .link__list, .box__inner-list--2, .box__inner-list, .box-img, .section__img-wrap, .section__link-wrap, .gallery-23-slide, .options-23__box, .book__box, .options-22-features__list, .options-22__box, .options-22__box-wrap, .features-2__list, .steps__list, .steps__box, .steps__box-wrap, .section-5__list, .news-slide-2__box, .news-slide-2, .section-1__box--img, .section-1__box-wrap, .news-desc, .news__item, .contacts, .section-4__desc, .section-4__box, .cart-item, .cart-result, .cart-2-form, .cart-2__container, .cart__btns, .cart__total-wrap, .cart-item__desc, .cart-item__price-wrap, .cart__list, .form-box__inner, .cart-form, .cart__settings-wrap, .cart__container, .swiper .products-3__item, .options-container-6__desc, .options-container-6__box, .options-container-6, .options-description__box, .options-description__item, .options-description__list, .options__item, .options-container-2-features__list, .options-container-2__desc, .options-container-2, .features__item--dc, .offer__box, .equipment__list, .equipment, .settings-box__settings-list, .settings, .hero__settings-wrap, .hero__desc-wrap, .hero__container, .product-2__desc, .products-2__item, .products-2__box, .auth-form, .auth-box__wrap, .benefit__desc, .accordion__list, .offer__desc, .offer, .section-1__container, .btn-submit__wrap, .agreement-2__wrap, .agreement__wrap, .subscribe__container, .news-slide__box, .news-slide, .gallery-swiper__item, .newsline__container, .hero-contacts__list, .hero-slide__box, .hero-swiper__item, footer, body, .mobile-menu__container, .mobile-menu-nav__list, .footer-nav__list {
flex-direction: column;
display: flex
}
.vacancies__btn-more, .benefit-27, .hero__total, .benefit, .mobile-menu-poster {
flex-direction: column
}
.mobile-menu-box__list, .vacancies__list, .benefits-27__list, .book-form, .benefits-2__list, .section-1__box_wrap, .locations__list, .news__list, .section-2__box-wrap, .payment__wrap, .cart-2-form__box, .cart-form__box, .form-box__title-price, .form-box__labels, .options__list, .features__list, .benefits-3__list, .hero-2__container, .products-2__list, .auth__container, .benefits__list, .offers__list, .feedback-form__interests-list, .contacts__list, .feedback-form, .benefits-1__list, .products__list, .footer-benefits__list, .footer-nav {
justify-content: center;
display: flex
}
.feedback-form__box--time, .footer__box-wrap {
flex-wrap: wrap;
display: flex
}
.vacancy-benefits__list, .book-form__radio-wrap, .feedback__radio-wrap, .form-box__title-wrap, .options-tabs-btns__list, .breadcrumbs__list, .footer-partners__list, .footer__box--1, .mobile-menu-box__list, .vacancies__list, .benefits-27__list, .book-form, .benefits-2__list, .section-1__box_wrap, .locations__list, .news__list, .section-2__box-wrap, .payment__wrap, .cart-2-form__box, .cart-form__box, .form-box__title-price, .form-box__labels, .options__list, .features__list, .benefits-3__list, .hero-2__container, .products-2__list, .auth__container, .benefits__list, .offers__list, .feedback-form__interests-list, .contacts__list, .feedback-form, .benefits-1__list, .products__list, .footer-benefits__list, .footer-nav, .options-links__list, .settings-box {
flex-wrap: wrap
}
.features__item svg, .benefits-3__item svg {
flex-shrink: 0
}
.gallery-23-slide, .gallery-23-swiper__wrap, .features-2__item, .step, .steps__list, .news-slide-2__text, .news-slide-2, .cart-2-form__box, .cart-form__box, .form-box__title-price, .form-box__labels, .products-swiper__btns, .products, .search__label, .section-1__container, .agreement__label, .select__label, .text__label, .feedback-form, .news-slide__text, .news-slide__img-wrap, .news-slide, .news-swiper__btns, .news, .gallery-slide__img-wrap, .gallery-swiper__item, .gallery-swiper__btns-inner, .gallery-swiper__btns, .gallery, .product__link, .hero-slide__img-wrap, .hero-swiper__item, .hero-swiper__btns-inner, .hero-swiper__btns, .hero, .breadcrumbs__item, .footer-stamp, .footer__box-wrap, .section, .mobile-menu-poster__link, .mobile-menu-poster__title, .mobile-menu-poster, .mobile-menu-nav__link, .mobile-menu-box__item, .footer-nav__link, .header-nav__link {
position: relative
}
.product__title-3, .gallery-23-swiper__btn, .features-2__item:before, .steps__list:before, .section-1__icon--stamp, .products-swiper__btn, .search__btn, .news-slide__text:before, .news-swiper__btn, .gallery-swiper__btn, .product__title, .product__link:before, .hero-contacts__list, .hero-slide__img-wrap:before, .hero-swiper-pagination, .hero-swiper__btn, .breadcrumbs__item:not(:last-of-type):before, .footer-stamp__img, .mobile-menu__btn--close, .mobile-menu-poster:before, .mobile-menu-nav__link:before, .mobile-menu-box__item:before, .footer-nav__link:before, .header-nav__link:before, .visually-hidden {
position: absolute
}
.mobile-menu {
position: fixed
}
.accordion__box, .offer__link svg, .mobile-menu-nav__link:before, .mobile-menu-box, .footer-nav__link:before, .header-nav__link:before {
transition: all .2s linear
}
.mobile-menu {
transition: all .3s linear
}
.file__label, button, a, .btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link {
cursor: pointer
}
.btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link {
border-radius: 30px
}
.box-features__item span, .options-22-features__item span, .features-2__item:before, .step__icon-wrap, .news-slide-2__img, .options-container-2-features__item span, .settings-box__btn-info, .pagination__btn, .benefit__icon-wrap, .radio__label:before, .benefit-1__icon-wrap, .counter__value, .counter__btn, .lds-roller div:after {
border-radius: 50%
}
.gallery-23-swiper__btn, .cart-item__btn--delete, .products-swiper__btn, .hero__btn--step, .pagination__btn, .search__btn, .accordion__btn, .radio__label:before, .checkbox__label:before, .file__input::-webkit-calendar-picker-indicator, .file__input, .select, .news-swiper__btn, .gallery-swiper__btn, .swiper-pagination-bullet, .hero-swiper__btn, .counter__btn, .header-btn, .mobile-menu-btn, .mobile-menu-box__btn, .btn--transparent-red, .options-23__link, .benefits-2__link, .options-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link, .btn, .section__link--2, .section__link-2, .section__link, .locations__link, .radio__label--2, .options-tabs-btn, .configure-link {
background-color: #0000
}
.vacancies__list, .benefits-27__list, .book-form, .benefits-2__list, .section-1__box_wrap, .locations__list, .news__list, .section-2__box-wrap, .payment__wrap, .cart-2-form__box, .cart-form__box, .form-box__title-price, .form-box__labels, .options__list, .features__list, .benefits-3__list, .hero-2__container, .products-2__list, .auth__container, .benefits__list, .offers__list, .feedback-form__interests-list, .contacts__list, .feedback-form, .benefits-1__list, .products__list, .footer-benefits__list, .footer-nav {
gap: var(--gap)
}
.feedback-form__gender-list, .vacancies__item, .benefits-27__item, .benefits-2__item, .section-1__box, .locations__item, .news__item, .section-2__box, .payment, .form-box__price-wrap, .form-box__title-wrap, .form-box__img-wrap, .options__item, .features__item, .benefits-3__item, .hero__total, .hero__btn--step, .hero__settings-wrap, .hero-2__img-wrap, .products-2__item, .auth-form, .auth-box__wrap, .benefits__item, .offers__item, .interest, .contacts__item, .btn-submit__wrap, .agreement__wrap, .file__label-wrap, .select__label, .textarea, .text__label, .feedback-form__box, .benefits-1__item, .products__item, .footer-benefits__item, .mobile-menu-box__item, .footer-nav__list {
flex-basis: calc((100% - var(--gap) * (var(--items) - 1)) / var(--items))
}
@media (min-width: 768px) {
.feedback-form__gender-list, .vacancies__item, .benefits-27__item, .benefits-2__item, .section-1__box, .locations__item, .news__item, .section-2__box, .payment, .form-box__price-wrap, .form-box__title-wrap, .form-box__img-wrap, .options__item, .features__item, .benefits-3__item, .hero__total, .hero__btn--step, .hero__settings-wrap, .hero-2__img-wrap, .products-2__item, .auth-form, .auth-box__wrap, .benefits__item, .offers__item, .interest, .contacts__item, .btn-submit__wrap, .agreement__wrap, .file__label-wrap, .select__label, .textarea, .text__label, .feedback-form__box, .benefits-1__item, .products__item, .footer-benefits__item, .mobile-menu-box__item, .footer-nav__list {
--items: 2
}
}
.visually-hidden {
white-space: nowrap;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
margin: -1px;
padding: 0;
overflow: hidden
}
.backdrop {
z-index: 3000;
background-color: #000000e6;
padding: 20px 0;
position: fixed;
inset: 0;
overflow: scroll
}
.isHidden .loader__backdrop {
display: none
}
.lds-roller {
width: 80px;
height: 80px;
display: inline-block;
position: relative
}
.lds-roller div {
transform-origin: 40px 40px;
animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-roller
}
.lds-roller div:after {
content: " ";
width: 7px;
height: 7px;
background: #fff;
margin: -4px 0 0 -4px;
display: block;
position: absolute
}
.lds-roller div:nth-child(1) {
animation-delay: -.036s
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px
}
.lds-roller div:nth-child(2) {
animation-delay: -.072s
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px
}
.lds-roller div:nth-child(3) {
animation-delay: -.108s
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px
}
.lds-roller div:nth-child(4) {
animation-delay: -.144s
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px
}
.lds-roller div:nth-child(5) {
animation-delay: -.18s
}
.lds-roller div:nth-child(5):after {
background: red;
top: 71px;
left: 32px
}
.lds-roller div:nth-child(6) {
animation-delay: -.216s
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px
}
.lds-roller div:nth-child(7) {
animation-delay: -.252s
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px
}
.lds-roller div:nth-child(8) {
animation-delay: -.288s
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px
}
@keyframes lds-roller {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link {
width: 100%;
max-width: 300px;
height: 48px;
color: var(--color--primary-1, #4e4e4f);
border: 2px solid #0000;
padding: 4px 12px;
font-size: 16px;
font-weight: 400;
line-height: 130%;
transition: all .1s linear
}
@media (min-width: 1920px) {
.btn, .section__link--2, .section__link-2, .section__link, .options-23__link, .benefits-2__link, .locations__link, .radio__label--2, .options-tabs-btn, .options-link, .configure-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link {
font-size: 18px
}
}
.btn--fill-red, .section__link--2, .configure-link {
color: #fff;
border-color: var(--color--brand-1, #262626);
background-color: var(--color--brand-1, #262626)
}
.btn--fill-red:hover, .section__link--2:hover, .configure-link:hover {
background-color: #910b0f;
border-color: #910b0f
}
.btn--fill-gray, .radio__label--2, .options-tabs-btn {
color: var(--color--primary-1, #4e4e4f);
background-color: #d7d7d7;
border-color: #d7d7d7
}
.btn--fill-gray:hover, .radio__label--2:hover, .options-tabs-btn:hover, .btn--fill-gray.active, .active.radio__label--2, .active.options-tabs-btn {
color: #fff;
background-color: var(--color--brand-1, #262626);
border-color: var(--color--brand-1, #262626)
}
.btn--fill-light, .locations__link {
color: var(--color--primary-1, #4e4e4f);
background-color: #f5f5f5;
border-color: #f5f5f5
}
.btn--fill-light:hover, .locations__link:hover, .btn--fill-light.active, .active.locations__link {
color: #fff;
background-color: var(--color--brand-1, #262626);
border-color: var(--color--brand-1, #262626)
}
.btn--transparent-red, .options-23__link, .benefits-2__link, .options-link, .hero__link--2, .product-2__link, .news__link, .benefits-1__link {
color: var(--color--brand-1, #262626);
border-color: var(--color--brand-1, #262626)
}
.btn--transparent-red:hover, .options-23__link:hover, .benefits-2__link:hover, .options-link:hover, .hero__link--2:hover, .product-2__link:hover, .news__link:hover, .benefits-1__link:hover, .btn--transparent-red.active, .active.options-23__link, .active.benefits-2__link, .active.options-link, .active.hero__link--2, .active.product-2__link, .active.news__link, .active.benefits-1__link {
color: #fff;
background-color: var(--color--brand-1, #262626)
}
.header__logo svg {
width: 160px;
height: 25px;
flex: 0 0 160px
}
@media (min-width: 768px) {
.header__logo svg {
width: 240px;
height: 38px;
flex: 0 0 240px
}
}
@media (min-width: 1340px) {
.header__logo svg {
width: 232px;
height: 36px;
flex: 0 0 232px
}
}
@media (min-width: 1920px) {
.header__logo svg {
width: 245px;
height: 38px;
flex: 0 0 245px
}
}
.footer__logo svg {
width: 100%;
height: 48px
}
@media (min-width: 768px) {
.footer__logo svg {
width: 400px;
height: 62px;
flex: 0 0 400px
}
}
@media (min-width: 1340px) {
.footer__logo svg {
width: 296px;
height: 48px;
flex: 0 0 296px
}
}
@media (min-width: 1920px) {
.footer__logo svg {
width: 372px;
height: 52px;
flex: 0 0 372px
}
}
.footer__logo {
flex: 0 0 100%
}
.header-nav__list {
gap: 30px
}
.header-nav__link {
color: var(--color--primary-1);
letter-spacing: .06px;
text-transform: uppercase;
font-weight: 700
}
.header-nav__link:before {
content: "";
width: 0;
height: 2px;
background-color: var(--color--brand-1, #262626);
display: block;
bottom: -4px;
left: 0
}
.header-nav__link:hover:before, .header-nav__link:focus:before {
width: 100%
}
@media (max-width: 1919px) {
.header-nav__link {
font-size: 12px
}
}
.footer-nav {
--gap: 24px
}
@media (max-width: 767px) {
.footer-nav {
flex-direction: column;
gap: 12px
}
}
.footer-nav__list {
gap: 12px
}
@media (min-width: 1340px) {
.footer-nav__list {
flex-basis: auto
}
}
.footer-nav__link {
color: var(--color--primary-1, #4e4e4f);
letter-spacing: .09px;
font-size: 18px;
line-height: 130%
}
@media (min-width: 1340px) {
.footer-nav__link {
font-size: 14px
}
}
@media (min-width: 1920px) {
.footer-nav__link {
font-size: 18px
}
}
.footer-nav__link:before {
content: "";
width: 0;
height: 2px;
background-color: var(--color--brand-1, #262626);
display: block;
bottom: -2px;
left: 0
}
.footer-nav__link:hover:before, .footer-nav__link:focus:before {
width: 100%;
height: 2px
}
.mobile-menu-nav {
flex-grow: 1
}
@media (min-width: 768px) {
.mobile-menu-box__list {
min-height: 100%
}
.mobile-action-section {
display: none;
}
}
.mobile-menu-box__item {
--items: 1;
--gap: 0px;
width: 100%;
border-color: #ababab
}
@media (max-width: 767px) {
.mobile-menu-box__item {
border-bottom: 1px solid
}
}
@media (min-width: 768px) {
.mobile-menu-box__item {
--items: 2;
padding: 120px 56px 56px
}
.mobile-menu-box__item:nth-of-type(1), .mobile-menu-box__item:nth-of-type(2) {
border-bottom: 1px solid
}
.mobile-menu-box__item:nth-of-type(1), .mobile-menu-box__item:nth-of-type(3) {
border-right: 1px solid
}
.mobile-menu-box__item:before {
color: var(--color--brand-1, #262626);
letter-spacing: .3px;
font-size: 30px;
font-weight: 300;
line-height: 1;
top: 68px;
left: 56px
}
.mobile-menu-box__item:nth-of-type(1):before {
content: "01"
}
.mobile-menu-box__item:nth-of-type(2):before {
content: "02"
}
.mobile-menu-box__item:nth-of-type(3):before {
content: "03"
}
.mobile-menu-box__item:nth-of-type(4):before {
content: "04"
}
}
@media (min-width: 1340px) {
.mobile-menu-box__item {
padding: 110px 58px 58px 180px
}
.mobile-menu-box__item:before {
letter-spacing: .3px;
font-size: 42px;
top: 50px;
left: 68px
}
}
@media (min-width: 1920px) {
.mobile-menu-box__item {
padding: 102px 58px 58px 200px
}
.mobile-menu-box__item:before {
letter-spacing: .35px;
font-size: 50px;
top: 56px;
left: 88px
}
}
.mobile-menu-box__btn {
margin-bottom: 14px
}
@media (max-width: 767px) {
.mobile-menu-box__btn {
height: 80px;
width: 100%;
gap: 16px;
margin-bottom: 0;
padding: 28px 40px
}
}
.mobile-menu-box__btn svg {
fill: var(--color--gray-1, #ababab)
}
@media (min-width: 768px) {
.mobile-menu-box__btn svg {
display: none
}
}
.mobile-menu-box__btn.isActive svg {
fill: var(--color--brand-1, #262626);
transform: rotate(180deg)
}
.mobile-menu-box__title {
color: var(--color--primary-1);
letter-spacing: .11px;
text-transform: uppercase;
pointer-events: none;
font-size: 22px;
font-weight: 700;
display: block
}
@media (min-width: 768px) {
.mobile-menu-box__title {
letter-spacing: .14px;
font-size: 28px
}
}
@media (min-width: 1340px) {
.mobile-menu-box__title {
letter-spacing: .15px;
font-size: 30px
}
}
@media (min-width: 1920px) {
.mobile-menu-box__title {
letter-spacing: .18px;
font-size: 36px
}
}
.mobile-menu-box {
overflow: hidden
}
@media (max-width: 767px) {
.mobile-menu-box {
max-height: 0
}
}
.mobile-menu-nav__list {
gap: 4px
}
@media (max-width: 767px) {
.mobile-menu-nav__list {
padding: 0 40px 28px
}
}
.mobile-menu-nav__link {
color: var(--color--primary-1);
letter-spacing: .09px;
font-size: 18px;
line-height: 200%
}
.mobile-menu-nav__link:before {
content: "";
width: 0;
height: 2px;
background-color: var(--color--brand-1, #262626);
display: block;
bottom: -4px;
left: 0
}
.mobile-menu-nav__link:hover:before, .mobile-menu-nav__link:focus:before {
width: 100%
}
@media (min-width: 768px) {
.mobile-menu-nav__link {
line-height: 170%
}
}
@media (min-width: 1340px) {
.mobile-menu-nav__link {
letter-spacing: .08px;
font-size: 16px
}
}
@media (min-width: 1920px) {
.mobile-menu-nav__link {
letter-spacing: .09px;
font-size: 18px
}
}
.mobile-menu {
width: 100%;
height: 100%;
z-index: 6;
background-color: #fff;
top: 0;
right: 0;
overflow-y: scroll
}
.mobile-menu.isHidden {
right: -101%
}
.mobile-menu.isHidden button, .mobile-menu.isHidden a {
pointer-events: none;
visibility: hidden
}
@media (min-width: 1340px) {
.mobile-menu {
display: flex
}
}
.mobile-menu-poster {
height: 102%;
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v3/css/poster.2eb80d09.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 0 390px;
gap: 100px;
padding: 120px 16px
}
.mobile-menu-poster:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00000080 0%, #0000001a 100%);
top: 0;
left: 0
}
@media (max-width: 1339px) {
.mobile-menu-poster {
display: none
}
}
@media (min-width: 1920px) {
.mobile-menu-poster {
flex: 0 0 472px
}
}
.mobile-menu-poster__title {
color: #fff;
letter-spacing: .09px;
text-transform: uppercase;
text-align: center;
margin-top: auto;
font-size: 18px;
font-weight: 900
}
@media (min-width: 1920px) {
.mobile-menu-poster__title {
letter-spacing: .11px;
font-size: 22px
}
}
.mobile-menu-poster__link {
width: 208px;
height: 54px;
color: #fff;
letter-spacing: .08px;
text-transform: uppercase;
background-color: var(--color--brand-1, #262626);
border-radius: 30px;
font-size: 16px;
font-weight: 700
}
@media (min-width: 1920px) {
.mobile-menu-poster__link {
width: 254px;
height: 68px
}
}
.mobile-menu__container {
height: 100%;
flex-grow: 1
}
.mobile-menu-btns__list {
height: 82px;
border-bottom: 1px solid #ababab;
gap: 20px;
padding: 28px 40px
}
@media (min-width: 768px) {
.mobile-menu-btns__list {
display: none
}
}
.mobile-menu-btn {
width: 30px;
height: 30px;
flex: 0 0 30px
}
.mobile-menu__btn--close {
z-index: 6;
top: 28px;
right: 40px;
transform: rotate(45deg)
}
@media (min-width: 768px) {
.mobile-menu__btn--close {
width: 36px;
height: 36px;
flex: 0 0 36px;
top: 56px;
right: 56px
}
}
@media (min-width: 1340px) {
.mobile-menu__btn--close {
width: 40px;
height: 40px;
flex: 0 0 40px;
top: 50px;
right: 30px
}
}
@media (min-width: 1920px) {
.mobile-menu__btn--close {
width: 48px;
height: 48px;
flex: 0 0 48px;
top: 56px;
right: 62px
}
}
.mobile-menu__btn--close svg {
width: 100%;
height: 100%
}
html {
scroll-behavior: smooth;
scroll-padding-top: 81px
}
@media (min-width: 1200px) {
html {
scroll-padding-top: 67px
}
}
body.isLoading, body.modalIsOpen, body.mobileMenuIsOpen {
overflow: hidden
}
body {
min-height: 100vh;
color: #4e4e4f;
background-color: #fff;
font-family: Roboto, sans-serif;
font-size: 16px;
position: relative
}
main {
flex-grow: 1
}
footer {
margin-top: auto
}
svg {
pointer-events: none
}
button:hover, a:hover {
opacity: .95
}
input:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible {
outline: 1px solid #262626
}
img {
object-fit: cover
}
.section {
background-color: #fff;
padding: 60px 0
}
@media (min-width: 1340px) {
.section {
padding: 100px 0
}
}
@media (min-width: 1920px) {
.section {
padding: 120px 0
}
}
.section--top-0 {
padding-top: 0
}
.section--bottom-0 {
padding-bottom: 0;
}
.container {
width: 100%;
margin: 0 auto;
padding: 0 24px
}
@media (min-width: 375px) {
.container {
width: 375px;
padding: 0 0px
}
.header__container {
padding: 0 10px
}
}
@media (min-width: 768px) {
.container {
width: 768px;
padding: 0 54px
}
}
@media (min-width: 1340px) {
.container {
width: 1440px;
padding: 0 150px
}
}
@media (min-width: 1920px) {
.container {
width: 1920px;
padding: 0 218px
}
}
.title {
font-family: var(--font--title);
text-align: center;
margin-bottom: 20px
}
@media (min-width: 1200px) {
.title {
font-size: 40px
}
}
.subtitle {
font-family: var(--font--title);
font-size: 24px
}
@media (min-width: 1200px) {
.subtitle {
font-size: 28px
}
}
.list {
list-style: none
}
.link, .options-link, .configure-link {
text-decoration: none
}
footer {
background: var(--color--bg-light, #f5f5f5);
border-top: 1px solid var(--color--gray-1, #ababab)
}
.footer__top, .footer__bottom {
width: 100%
}
.footer__bottom {
background-color: var(--color--primary-1, #4e4e4f);
padding: 20px 0
}
.copyright {
color: #ababab;
font-size: 16px;
font-weight: 400
}
.footer__top {
padding: 80px 0
}
.footer__box-wrap {
gap: 40px
}
@media (max-width: 767px) {
.footer__box-wrap {
flex-direction: row
}
}
@media (min-width: 1340px) {
.footer__box-wrap {
justify-content: space-between
}
}
.footer__box--1 {
justify-content: space-between;
gap: 20px
}
@media (min-width: 1340px) {
.footer__box--1 {
max-width: 300px
}
}
.footer-sm__list {
height: 50px;
gap: 24px
}
.footer-sm__link {
color: var(--color--primary-1, #4e4e4e)
}
.footer-sm__link svg {
fill: currentColor
}
.footer-awards__list {
height: 50px;
gap: 8px
}
@media (max-width: 767px) {
.footer-awards__list {
width: 100%;
justify-content: space-between
}
}
@media (min-width: 1340px) {
.footer-awards__list {
width: 100%;
justify-content: space-between
}
}
.footer-awards__link {
color: var(--color--primary-1, #4e4e4e)
}
@media (min-width: 768px) {
.footer-awards__link {
padding: 12px
}
}
@media (min-width: 1340px) {
.footer-awards__link {
padding: 0
}
}
.footer-awards__link svg {
fill: currentColor
}
.footer-mark__list {
height: 50px;
gap: 40px
}
@media (max-width: 767px) {
.footer-mark__list {
width: 100%;
justify-content: space-between;
gap: 4px
}
}
@media (min-width: 1340px) {
.footer__box--2 {
order: 4
}
}
.footer-benefits__list {
--gap: 24px;
justify-content: flex-start
}
.footer-benefits__item {
color: var(--color--primary-1, #4e4e4f);
text-transform: uppercase;
gap: 20px;
font-size: 13px
}
@media (min-width: 768px) {
.footer-benefits__item {
font-size: 14px
}
}
@media (min-width: 1340px) {
.footer-benefits__item {
flex-basis: auto;
gap: 8px;
font-size: 10px
}
}
@media (min-width: 1920px) {
.footer-benefits__item {
font-size: 14px
}
}
.footer-benefits__item svg {
flex-shrink: 0
}
@media (min-width: 1340px) {
.footer-benefits__item svg {
max-height: 20px
}
}
@media (max-width: 1339px) {
.footer__box--3 {
width: 100%
}
}
@media (min-width: 1340px) {
.footer__box--4 {
max-width: 300px
}
}
.footer-stamp {
width: 100%;
margin: 20px 0 40px
}
@media (min-width: 1340px) {
.footer-stamp {
margin: 0 0 20px
}
}
.footer-stamp__img {
top: -60px;
right: 0
}
@media (max-width: 424px) {
.footer-stamp__img {
width: 80px;
height: 80px
}
}
@media (max-width: 767px) {
.footer-stamp__img {
transform: rotate(15deg)
}
}
@media (min-width: 768px) {
.footer-stamp__img {
top: -68px
}
}
@media (min-width: 1340px) {
.footer-stamp__img {
width: 84px;
height: 84px;
top: -60px
}
}
.footer-partners__list {
justify-content: space-between;
gap: 20px
}
.footer-partners__img {
object-fit: contain;
max-height: 40px
}
@media (min-width: 768px) {
.footer-partners__img {
max-height: 72px
}
}
@media (min-width: 1340px) {
.footer-partners__img {
max-height: 40px
}
}
.footer__box--5 {
order: 5
}
.customer__link-wrap {
gap: 4px;
font-size: 22px
}
.customer__link-wrap svg {
margin-right: 8px
}
.customer__link-wrap span {
color: var(--color--primary-1)
}
@media (min-width: 1340px) {
.customer__link-wrap {
font-size: 16px
}
}
@media (min-width: 1920px) {
.customer__link-wrap {
font-size: 18px
}
}
.customer__link {
color: #262626
}
.header {
width: 100%;
min-height: 80px;
background-color: #fff
}
@media (min-width: 768px) {
.header {
min-height: 82px
}
}
@media (min-width: 1340px) {
.header__container {
padding: 0 30px
}
}
@media (min-width: 1920px) {
.header__container {
width: 100%;
padding: 0 62px
}
}
.header-btns__list {
gap: 20px
}
@media (min-width: 424px) {
.header-btns__list {
gap: 30px
}
}
@media (max-width: 767px) {
.actions-home-slider-img {
height: 100% !important;
}
}
.header-btn {
width: 30px;
height: 30px;
flex: 0 0 30px
}
@media (min-width: 1340px) {
.header-btn {
width: 24px;
height: 24px;
flex: 0 0 24px
}
}
.header-btn svg {
max-width: 100%;
max-height: 100%
}
.breadcrumbs {
margin: 20px auto
}
@media (min-width: 768px) {
.breadcrumbs {
margin: 20px auto 32px
}
}
@media (min-width: 1340px) {
.breadcrumbs {
margin: 20px auto 40px
}
}
@media (min-width: 1920px) {
.breadcrumbs {
margin: 20px auto 60px
}
}
.breadcrumbs__list {
gap: 20px
}
.breadcrumbs__link, .breadcrumbs__item {
color: var(--color--gray-1, #ababab);
letter-spacing: .09px;
font-size: 12px
}
@media (min-width: 768px) {
.breadcrumbs__link, .breadcrumbs__item {
font-size: 14px
}
}
@media (min-width: 1340px) {
.breadcrumbs__link, .breadcrumbs__item {
font-size: 16px
}
}
@media (min-width: 1920px) {
.breadcrumbs__link, .breadcrumbs__item {
font-size: 18px
}
}
.breadcrumbs__item:not(:last-of-type):before {
content: ">";
width: 8px;
display: block;
right: -14px
}
.counter {
gap: 16px
}
.counter__btn {
height: 20px;
width: 20px;
flex: 0 0 20px
}
.counter__btn svg {
fill: currentColor
}
.counter__btn:hover svg {
fill: #262626
}
.counter__btn:disabled svg {
fill: #ababab
}
.counter__value {
height: 48px;
width: 48px;
background-color: #f5f5f5;
flex: 0 0 48px;
font-size: 16px;
font-weight: 700
}
.hero-swiper__wrap {
background-color: var(--color--bg-light)
}
.hero-swiper__btns {
z-index: 5
}
.hero-swiper__btns-inner {
width: 100%
}
.hero-swiper__btn {
width: 36px;
height: 36px;
top: 64px
}
.hero-swiper__btn svg {
height: 36px;
stroke: #fff
}
.hero-swiper__btn:hover svg {
stroke: #262626
}
.hero-swiper__btn:disabled svg {
stroke: #ababab
}
@media (min-width: 768px) {
.hero-swiper__btn {
top: 112px
}
}
@media (min-width: 1340px) {
.hero-swiper__btn {
top: 276px
}
}
@media (min-width: 1920px) {
.hero-swiper__btn {
top: 320px
}
}
.hero-swiper-btn-prev {
left: 0
}
@media (min-width: 1340px) {
.hero-swiper-btn-prev {
left: -80px
}
}
.hero-swiper-btn-next {
justify-content: flex-end;
right: 0
}
@media (min-width: 1340px) {
.hero-swiper-btn-next {
right: -80px
}
}
.hero-swiper-pagination {
--swiper-pagination-bottom: auto;
--swiper-pagination-top: 510px;
z-index: 4;
padding: 2px 0
}
@media (max-width: 1339px) {
.hero-swiper-pagination {
display: none
}
}
@media (min-width: 1920px) {
.hero-swiper-pagination {
--swiper-pagination-top: 642px
}
}
.swiper-pagination-bullet {
width: 20px;
height: 20px;
--swiper-pagination-bullet-inactive-opacity: 1;
border: 2px solid #fff
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--color--brand-1, #262626)
}
.hero-slide__img-wrap:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00000080 0%, #ffffff1a 100%)
}
.action-slider-wrap:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(108deg, #00000080 0%, #00000000 13%);
}
.hero-slide__img {
width: 100%;
height: 168px;
object-fit: cover
}
@media (min-width: 768px) {
.hero-slide__img {
height: 262px
}
.actions-home-slider-img {
height: 305px;
}
}
@media (min-width: 1340px) {
.hero-slide__img {
height: 572px
}
.hero-slide__btn-action {
position: absolute;
top: calc(152%);
left: calc(50% - 30px);
}
}
@media (min-width: 1920px) {
.hero-slide__img {
height: 708px
}
}
.hero-slide__box-wrap {
width: 100%;
flex-grow: 1;
padding-top: 60px;
padding-bottom: 60px
}
@media (max-width: 1339px) {
.hero-slide__box-wrap {
background-color: var(--color--bg-light)
}
}
@media (min-width: 768px) {
.hero-slide__box-wrap {
padding-top: 50px;
padding-bottom: 80px
}
}
@media (min-width: 1340px) {
.hero-slide__box-wrap {
padding-top: 216px;
position: absolute
}
}
@media (min-width: 1920px) {
.hero-slide__box-wrap {
padding-top: 266px
}
}
.hero-slide__box {
gap: 24px
}
@media (min-width: 768px) {
.hero-slide__box {
gap: 28px
}
}
@media (min-width: 1340px) {
.hero-slide__box {
gap: 32px
}
}
@media (min-width: 1920px) {
.hero-slide__box {
gap: 36px
}
}
.hero-slide__title {
color: var(--color--primary-1, #4e4e4f);
text-align: center;
letter-spacing: .14px;
font-size: 28px;
font-weight: 600;
line-height: 130%
}
@media (min-width: 768px) {
.hero-slide__title {
text-align: start;
letter-spacing: .18px;
font-size: 36px;
font-weight: 700
}
}
@media (min-width: 1340px) {
.hero-slide__title {
max-width: 500px;
color: #fff;
letter-spacing: .24px;
font-size: 48px
}
}
@media (min-width: 1920px) {
.hero-slide__title {
max-width: 600px;
letter-spacing: .28px;
font-size: 56px
}
}
.hero-slide__btn {
width: 300px;
height: 60px;
color: #fff;
letter-spacing: .09px;
text-transform: uppercase;
background-color: var(--color--brand-1, #262626);
border-radius: 40px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 768px) {
.hero-slide__btn {
width: 240px;
height: 50px;
letter-spacing: .08px;
width: 310px;
height: 60px;
letter-spacing: .09px;
font-size: 18px
}
}
.hero-contacts__list {
z-index: 4;
gap: 15px;
padding: 4px 0;
bottom: 30px;
right: 0;
overflow: hidden
}
@media (min-width: 1920px) {
.hero-contacts__list {
gap: 20px
}
}
.hero-contacts__link {
height: 50px;
width: 220px;
color: var(--color--brand-1, #262626);
letter-spacing: .08px;
background-color: #fff;
border-radius: 11.274px 0 0 11.274px;
gap: 16px;
margin: 0;
padding: 12px 15px;
font-size: 16px;
font-weight: 500;
transition: all .2s linear;
overflow: hidden;
transform: translate(170px);
box-shadow: 0 0 3.758px #00000026
}
.hero-contacts__link svg {
min-width: 22px;
flex: 0 0 22px
}
.hero-contacts__link:hover {
transform: translate(0)
}
@media (min-width: 1920px) {
.hero-contacts__link {
height: 60px;
letter-spacing: .09px;
font-size: 18px
}
}
.newsline {
width: 100%;
color: #fff;
padding: 12px 0
}
@media (min-width: 768px) {
.newsline {
padding: 9px 0
}
}
@media (min-width: 1340px) {
.newsline {
padding: 9px 0
}
}
@media (min-width: 1920px) {
.newsline {
padding: 12px 0
}
}
.newsline__container {
gap: 20px
}
@media (min-width: 1340px) {
.newsline__container {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 32px
}
}
.newsline__text {
color: #fff;
letter-spacing: .07px;
font-size: 14px;
font-weight: 800;
line-height: 130%
}
@media (min-width: 768px) {
.newsline__text {
letter-spacing: .08px;
font-size: 16px
}
}
@media (min-width: 1340px) {
.newsline__text {
letter-spacing: .07px;
font-size: 14px
}
}
@media (min-width: 1920px) {
.newsline__text {
letter-spacing: .08px;
font-size: 16px
}
}
.newsline__link svg {
max-width: 80px;
fill: currentColor
}
@media (min-width: 1340px) {
.newsline__link svg {
max-width: 60px
}
}
@media (min-width: 1340px) {
.newsline__link {
letter-spacing: .07px;
gap: 8px;
font-size: 14px
}
}
.products__list {
--gap: 40px
}
@media (min-width: 768px) {
.products__list {
--gap: 24px
}
}
@media (min-width: 1340px) {
.products__list {
--gap: 48px
}
}
@media (min-width: 1920px) {
.products__list {
--gap: 64px
}
}
@media (min-width: 1340px) {
.products__item {
--items: 2
}
}
.product__link:before {
content: "";
width: 100%;
height: 100%;
}
.product__img {
width: 100%;
max-width: none;
height: auto;
object-fit: cover;
aspect-ratio: 6/3
}
.product__title {
color: #fff;
text-align: right;
letter-spacing: .08px;
text-transform: uppercase;
font-size: 17px;
font-weight: 700;
bottom: 5px;
right: 5px
}
@media (min-width: 768px) {
.product__title {
letter-spacing: .09px;
font-size: 18px;
bottom: 10px
}
}
@media (min-width: 1340px) {
.product__title {
letter-spacing: .13px;
font-size: 26px;
bottom: 20px;
right: 24px
}
}
@media (min-width: 1920px) {
.product__title {
letter-spacing: .16px;
font-size: 32px;
bottom: 24px;
right: 32px
}
}
.benefits-1__item {
flex-shrink: 0
}
@media (min-width: 1340px) {
.benefits-1__item {
--items: 3
}
}
.benefit-1 {
gap: 32px
}
@media (min-width: 1340px) {
.benefit-1 {
gap: 24px
}
}
@media (min-width: 1920px) {
.benefit-1 {
gap: 20px
}
}
.benefit-1__text {
color: var(--color--primary-1, #4e4e4f);
font-size: 18px;
line-height: 130%
}
@media (min-width: 1340px) {
.benefit-1__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.benefit-1__text {
font-size: 18px
}
}
.benefits-1__link {
width: 100%;
max-width: 300px;
height: 60px;
text-transform: uppercase;
font-weight: 700
}
@media (min-width: 768px) {
.benefits-1__link {
font-size: 22px
}
}
@media (min-width: 1920px) {
.benefits-1__link {
margin-top: 100px;
font-size: 18px
}
}
.gallery-swiper__wrap {
background-color: var(--color--bg-light)
}
.gallery-swiper__btns {
z-index: 5
}
.gallery-swiper__btns-inner {
width: 100%
}
.gallery-swiper__btn {
width: 36px;
height: 36px;
margin-top: 72%;
}
.gallery-swiper__btn svg {
height: 36px;
stroke: #fff
}
.gallery-swiper__btn:hover svg {
stroke: #262626
}
.gallery-swiper__btn:disabled svg {
stroke: #ababab
}
@media (min-width: 768px) {
.gallery-swiper__btn {
margin-top: 26%;
}
}
@media (min-width: 1340px) {
.gallery-swiper__btn {
margin-top: 30%;
}
}
@media (min-width: 1920px) {
.gallery-swiper__btn {
margin-top: 26%;
}
}
.gallery-swiper-btn-prev {
left: 0
}
@media (min-width: 1340px) {
.gallery-swiper-btn-prev {
left: -80px
}
}
.gallery-swiper-btn-next {
justify-content: flex-end;
right: 0
}
@media (min-width: 1340px) {
.gallery-swiper-btn-next {
right: -80px
}
}
.gallery-slide__img {
width: 100%;
height: 478px;
object-fit: cover
}
@media (min-width: 768px) {
.gallery-slide__img {
height: 660px
}
}
@media (min-width: 1340px) {
.gallery-slide__img {
height: 788px
}
}
@media (min-width: 1920px) {
.gallery-slide__img {
height: 800px
}
}
.news-swiper__btns {
z-index: 5
}
.news-swiper__btn {
width: 36px;
height: 36px;
z-index: 100;
color: #fff;
top: 72px
}
.news-swiper__btn svg {
height: 36px;
stroke: #4e4e4f
}
.news-swiper__btn:hover svg {
stroke: #262626
}
.news-swiper__btn:disabled svg {
stroke: #ababab
}
@media (min-width: 768px) {
.news-swiper__btn {
top: 180px
}
}
@media (min-width: 1340px) {
.news-swiper__btn {
color: var(--color--primary-1, #4e4e4f);
top: 120px
}
}
@media (min-width: 1920px) {
.news-swiper__btn {
top: 160px
}
}
.news-swiper-btn-prev {
left: 16px
}
@media (min-width: 1340px) {
.news-swiper-btn-prev {
left: -80px
}
}
.news-swiper-btn-next {
justify-content: flex-end;
right: 16px
}
@media (min-width: 1340px) {
.news-swiper-btn-next {
right: -80px
}
}
.news-slide {
gap: 24px
}
@media (min-width: 768px) {
.news-slide {
gap: 40px
}
}
@media (min-width: 1340px) {
.news-slide {
flex-direction: row;
gap: 60px
}
}
@media (min-width: 1920px) {
.news-slide {
gap: 64px
}
}
@media (min-width: 1340px) {
.news-slide__img-box {
flex: 0 0 420px
}
}
@media (min-width: 1920px) {
.news-slide__img-box {
flex: 0 0 560px
}
}
.news-slide__img {
width: 100%;
height: 178px;
object-fit: cover;
max-width: none
}
@media (min-width: 768px) {
.news-slide__img {
height: 360px
}
}
@media (min-width: 1340px) {
.news-slide__img {
width: 420px;
height: 255px
}
}
@media (min-width: 1920px) {
.news-slide__img {
width: 560px;
height: 340px
}
}
.news-slide__title {
color: var(--color--primary-1, #4e4e4f);
margin-bottom: 16px;
font-size: 16px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.news-slide__title {
font-size: 24px
}
}
@media (min-width: 1340px) {
.news-slide__title {
margin-bottom: 32px;
font-size: 28px
}
}
.news-slide__text {
color: var(--color--primary-1, #4e4e4f);
margin-bottom: 72px;
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.news-slide__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.news-slide__text {
font-size: 18px
}
}
.news-slide__text:before {
content: "";
width: 100%;
height: 2px;
background-color: #e7e7e7;
display: block;
bottom: -36px
}
.news-slide__link .icon--book {
width: 35px;
height: 28px;
flex-shrink: 0
}
@media (min-width: 768px) {
.news-slide__link {
font-size: 36px
}
}
@media (min-width: 1340px) {
.news-slide__link {
font-size: 24px
}
}
.news__link {
width: 100%;
height: 60px;
max-width: 300px;
text-transform: uppercase;
margin: 48px auto 0;
font-weight: 700
}
@media (min-width: 768px) {
.news__link {
margin-top: 80px;
font-size: 22px
}
}
@media (min-width: 1920px) {
.news__link {
margin-top: 100px;
font-size: 18px
}
}
.subscribe__container {
gap: 30px
}
@media (min-width: 1340px) {
.subscribe__container {
flex-direction: row;
justify-content: space-between
}
}
@media (max-width: 767px) {
.subscribe-form {
flex-direction: column;
gap: 30px
}
}
.subscribe-form__input, .subscribe-form__btn {
width: 100%;
height: 60px;
border-radius: 30px;
padding: 0 28px
}
@media (min-width: 1340px) {
.subscribe-form__input, .subscribe-form__btn {
width: 300px;
font-size: 16px
}
}
@media (min-width: 1920px) {
.subscribe-form__input, .subscribe-form__btn {
font-size: 18px
}
}
.subscribe-form__input {
background-color: var(--color--bg-light, #f5f5f5)
}
@media (min-width: 768px) {
.subscribe-form__input {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
}
.subscribe-form__btn {
color: #fff;
letter-spacing: .08px;
text-transform: uppercase;
background-color: var(--color--brand-1, #262626);
font-size: 16px;
font-weight: 700
}
@media (min-width: 768px) {
.subscribe-form__btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
}
.subscribe__cta {
letter-spacing: .11px;
font-size: 22px;
font-weight: 700
}
@media (min-width: 768px) {
.subscribe__cta {
font-size: 30px
}
}
@media (min-width: 1340px) {
.subscribe__cta {
font-size: 24px
}
}
@media (min-width: 1920px) {
.subscribe__cta {
font-size: 28px
}
}
.subscribe__text {
color: var(--color--gray-1, #ababab);
letter-spacing: .08px;
margin-top: 12px;
font-size: 16px
}
@media (min-width: 768px) {
.subscribe__text {
font-size: 22px
}
}
@media (min-width: 1340px) {
.subscribe__text {
margin-top: 8px;
font-size: 16px
}
}
@media (min-width: 1920px) {
.subscribe__text {
font-size: 18px
}
}
.page__title {
color: var(--color--primary-1, #4e4e4f);
letter-spacing: .14px;
margin-bottom: 24px;
font-size: 28px;
font-weight: 900
}
@media (min-width: 768px) {
.page__title {
letter-spacing: .18px;
margin-bottom: 32px;
font-size: 36px
}
}
@media (min-width: 1340px) {
.page__title {
letter-spacing: .14px;
margin-bottom: 40px;
font-size: 28px
}
}
@media (min-width: 1920px) {
.page__title {
letter-spacing: .18px;
font-size: 36px
}
}
.section__title {
color: var(--color--primary-1, #4e4e4f);
letter-spacing: .14px;
margin-bottom: 28px;
font-size: 28px;
font-weight: 700
}
@media (min-width: 768px) {
.section__title {
letter-spacing: .18px;
font-size: 36px
}
}
@media (min-width: 1340px) {
.section__title {
letter-spacing: .14px;
font-size: 28px
}
}
@media (min-width: 1920px) {
.section__title {
letter-spacing: .18px;
font-size: 36px
}
}
.new__title {
margin-bottom: 12px;
font-size: 18px;
font-weight: 700
}
.title-h2 {
width: 100%;
letter-spacing: .14px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 1920px) {
.title-h2 {
letter-spacing: .18px;
font-size: 22px
}
}
.title-h3 {
letter-spacing: .11px;
margin-bottom: 16px;
font-size: 22px;
font-weight: 700
}
.feedback {
background-color: var(--color--bg-light, #f5f5f5);
padding: 40px 0 60px
}
@media (min-width: 768px) {
.feedback {
padding: 60px 0 80px
}
}
@media (min-width: 1340px) {
.feedback {
padding: 60px 0 100px
}
}
@media (min-width: 1920px) {
.feedback {
padding: 80px 0 120px
}
}
.feedback__title {
color: var(--color--primary-1, #4e4e4f);
letter-spacing: .14px;
margin-bottom: 24px;
font-size: 28px;
font-weight: 900
}
@media (min-width: 768px) {
.feedback__title {
letter-spacing: .18px;
margin-bottom: 32px;
font-size: 36px
}
}
@media (min-width: 1340px) {
.feedback__title {
letter-spacing: .14px;
margin-bottom: 40px;
font-size: 28px
}
}
@media (min-width: 1920px) {
.feedback__title {
letter-spacing: .18px;
font-size: 36px
}
}
.feedback__subtitle {
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
line-height: normal
}
@media (min-width: 768px) {
.feedback__subtitle {
margin-bottom: 16px;
font-size: 22px
}
}
@media (min-width: 1340px) {
.feedback__subtitle {
margin-bottom: 12px
}
}
@media (min-width: 1920px) {
.feedback__subtitle {
font-size: 28px
}
}
.feedback__text {
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.feedback__text {
font-size: 16px
}
}
@media (min-width: 1340px) {
.feedback__text {
font-size: 18px
}
}
.find__btn {
text-transform: uppercase;
margin-top: 32px;
font-weight: 700
}
.feedback-form {
--gap: 40px;
justify-content: flex-start;
margin-top: 40px
}
@media (min-width: 768px) {
.feedback-form {
--gap: 32px;
row-gap: 40px
}
}
@media (min-width: 1340px) {
.feedback-form {
--gap: 24px;
row-gap: 32px
}
.feedback-form--men {
padding-left: 260px
}
.feedback-form__icon--men {
position: absolute;
top: 0;
left: 0
}
}
.feedback-form__box {
background-color: #fff;
border-radius: 16px;
padding: 36px
}
.feedback-form__title {
flex: 0 0 100%;
margin-bottom: 12px;
font-size: 22px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1340px) {
.feedback-form__title {
font-size: 18px
}
}
@media (min-width: 1920px) {
.feedback-form__title {
font-size: 22px
}
}
.feedback-form__box--time {
--items: 1;
justify-content: space-between
}
@media (min-width: 1340px) {
.feedback-form__box--time {
--items: 2
}
}
.feedback-form__time-list {
width: 100%;
--gap: 60px
}
@media (min-width: 768px) {
.feedback-form__time-list {
width: calc((100% - var(--gap)) / 2)
}
}
@media (min-width: 1340px) {
.feedback-form__time-list {
--gap: 20px
}
}
@media (min-width: 768px) {
.text__label--short {
--items: 4
}
}
.text__label--max-360 {
max-width: 360px
}
.text__input {
width: 100%;
height: 52px;
background-color: #fff;
border-radius: 16px;
padding: 0 36px
}
.text__label .placeholder {
pointer-events: none;
position: absolute;
top: 16px;
left: 36px
}
.text__label .placeholder:before {
content: attr(data-placeholder);
color: #999
}
.text__label .placeholder:after {
content: " *";
color: tomato
}
.text__label input:valid + .placeholder {
display: none
}
.text__label input[type=email]::placeholder {
opacity: 0
}
.text__label input[type=email]:not(:placeholder-shown) + .placeholder {
display: none
}
.text__label input[type=email]:placeholder-shown + .placeholder {
display: block
}
.text__info {
margin-top: 12px;
font-size: 14px;
line-height: 160%;
display: block
}
.text__label-note {
margin-top: 8px;
display: block
}
.text__alert {
color: var(--color--brand-1, #262626)
}
.textarea {
width: 100%;
height: 80px;
resize: none;
background-color: #fff;
border-radius: 16px;
padding: 16px 36px
}
.textarea--4 {
height: 375px
}
@media (min-width: 768px) {
.textarea--4 {
height: 250px
}
}
@media (min-width: 1340px) {
.textarea--4 {
--items: 1.5;
height: 120px
}
}
@media (min-width: 1920px) {
.textarea--4 {
height: 160px
}
}
.select__label {
width: 100%;
height: 52px;
background-color: #fff;
border-radius: 16px;
padding: 0 36px
}
@media (min-width: 1340px) {
.select__label {
--items: 3
}
}
.select {
width: 100%;
box-sizing: border-box;
cursor: pointer;
border: none;
outline: 0;
position: relative
}
.select::-webkit-calendar-picker-indicator {
width: auto;
height: auto;
color: #0000;
cursor: pointer;
background: 0 0;
position: absolute;
inset: 0
}
.select__label select:valid + .placeholder {
display: none
}
.select__label .placeholder {
pointer-events: none;
position: absolute;
top: 16px;
left: 36px
}
.select__label .placeholder:before {
content: attr(data-placeholder);
color: #999
}
.select__label .placeholder:after {
content: " *";
color: tomato
}
.file__label-wrap {
position: relative
}
@media (min-width: 1340px) {
.file__label-wrap {
--items: 3
}
}
.file__label {
width: 100%;
height: 52px;
background-color: #d7d7d7;
border-radius: 16px;
gap: 8px;
padding: 0 36px
}
.file__label svg {
stroke: currentColor
}
.file__label--2 {
background-color: #0000;
justify-content: flex-start
}
.file__input {
width: 100%;
box-sizing: border-box;
cursor: pointer;
border: none;
outline: 0;
display: none
}
.file__input::-webkit-calendar-picker-indicator {
width: auto;
height: auto;
color: #0000;
cursor: pointer;
position: absolute;
inset: 0
}
.file__chosen {
height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
padding: 4px 24px;
font-size: 14px;
display: none
}
.active .file__chosen {
display: block
}
.file__size {
height: 20px;
color: #ababab;
padding: 4px 24px;
font-size: 14px;
display: none
}
.active .file__size {
display: block
}
.file__btn--delete {
background-color: #0000;
display: none;
position: absolute;
top: 60px;
right: 0
}
.file__btn--delete svg {
fill: currentColor
}
.file__btn--delete:hover {
color: #262626
}
.active .file__btn--delete {
display: block
}
.checkbox__input {
display: none
}
.checkbox__label {
gap: 8px;
font-size: 16px;
line-height: 175%
}
.checkbox__label:before {
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--color--gray-1, #ababab);
display: block
}
.checkbox__input:checked ~ .checkbox__label {
font-weight: 700
}
.checkbox__input:checked ~ .checkbox__label:before {
content: "";
width: 16px;
height: 16px;
border-color: var(--color--brand-1, #262626);
background-color: var(--color--brand-1, #262626);
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v3/css/checkmark.a4ce2de6.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
display: block
}
.radio__input {
display: none
}
.radio__label {
gap: 8px;
font-size: 16px;
line-height: 175%
}
.radio__label:before {
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--color--gray-1, #ababab);
display: block
}
.radio__input:checked ~ .radio__label {
font-weight: 700
}
.radio__input:checked ~ .radio__label:before {
content: "";
width: 16px;
height: 16px;
border-color: var(--color--brand-1, #262626);
background-color: var(--color--brand-1, #262626);
display: block
}
.radio__label--3:before, .radio__input:checked ~ .radio__label--3:before {
width: 24px;
height: 24px
}
.agreement__wrap {
gap: 40px
}
@media (min-width: 1340px) {
.agreement__wrap {
margin-left: auto
}
}
.agreement-2__wrap {
gap: 8px
}
.agreement {
align-items: flex-start;
gap: 16px;
display: flex
}
.agreement__label {
top: 2px
}
.agreement__text {
font-size: 14px;
line-height: 160%
}
.agreement__link {
color: var(--color--brand-1, #262626)
}
.btn-submit__wrap {
gap: 16px
}
@media (min-width: 1340px) {
.btn-submit__wrap {
--items: 2;
margin-top: 40px
}
}
.form__btn--submit {
width: 100%;
max-width: 300px;
height: 50px;
color: #fff;
letter-spacing: .08px;
text-transform: uppercase;
background-color: var(--color--brand-1, #262626);
border-radius: 32px;
padding: 8px 28px;
font-size: 16px;
font-weight: 700
}
@media (min-width: 1340px) {
.form__btn--submit {
min-width: -moz-fit-content;
min-width: -moz-fit-content;
min-width: fit-content
}
}
.box__text {
font-size: 16px;
line-height: 130%
}
@media (min-width: 768px) {
.box__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.box__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.box__text {
font-size: 18px
}
}
.box__text--700 {
font-weight: 700
}
.box__text-20 {
font-size: 20px;
font-weight: 700
}
@media (min-width: 768px) {
.box__text-20 {
font-size: 20px
}
}
@media (min-width: 1340px) {
.box__text-20 {
font-size: 22px
}
}
@media (min-width: 1920px) {
.box__text-20 {
font-size: 28px
}
}
.box__link {
color: #262626
}
.contacts__list {
--gap: 40px;
justify-content: space-between
}
@media (min-width: 768px) {
.contacts__list {
--gap: 32px;
row-gap: 40px
}
}
@media (min-width: 1340px) {
.contacts__list {
--gap: 24px;
row-gap: 32px
}
.contacts__item {
--items: 3
}
}
.contact__name {
margin-bottom: 20px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 768px) {
.contact__name {
font-size: 24px
}
}
@media (min-width: 1340px) {
.contact__name {
font-size: 22px
}
}
@media (min-width: 1920px) {
.contact__name {
font-size: 28px
}
}
.contact__link, .contact__text {
color: var(--color--primary-1, #4e4e4f);
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.contact__link, .contact__text {
font-size: 22px
}
}
@media (min-width: 1340px) {
.contact__link, .contact__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.contact__link, .contact__text {
font-size: 18px
}
}
.feedback-form__interests-list {
width: 100%;
row-gap: 8px
}
@media (min-width: 1340px) {
.interest {
--items: 3
}
}
.section-1__container {
gap: 60px
}
@media (min-width: 1340px) {
.section-1__container {
flex-direction: row
}
}
@media (min-width: 1920px) {
.section-1__container {
gap: 90px
}
}
@media (min-width: 1340px) {
.section-1__img {
max-width: 480px;
flex: 0 0 480px
}
}
.section-1__box {
flex-grow: 1
}
.section-1__title {
text-align: center;
letter-spacing: .18px;
background: #fff;
margin: 40px 0;
padding: 18px 12px;
font-size: 22px;
font-weight: 700;
line-height: normal;
box-shadow: 0 0 9.483px #0000001a
}
@media (min-width: 768px) {
.section-1__title {
font-size: 36px
}
}
@media (min-width: 1340px) {
.section-1__title {
font-size: 22px
}
}
@media (min-width: 1920px) {
.section-1__title {
font-size: 36px
}
}
.section-1__subtitle {
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.section-1__subtitle {
font-size: 24px
}
}
@media (min-width: 1340px) {
.section-1__subtitle {
font-size: 16px
}
}
@media (min-width: 1920px) {
.section-1__subtitle {
font-size: 22px
}
}
.section-1__text {
font-size: 14px;
line-height: 130%
}
.section-1__text:not(:last-of-type) {
margin-bottom: 16px
}
@media (min-width: 768px) {
.section-1__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.section-1__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.section-1__text {
font-size: 18px
}
}
.offers__list {
--gap: 60px
}
@media (min-width: 1340px) {
.offers__list {
--gap: 52px
}
}
@media (min-width: 1920px) {
.offers__list {
--gap: 64px
}
}
@media (min-width: 768px) {
.offers__item {
--items: 1
}
}
@media (min-width: 1340px) {
.offers__item {
--items: 2
}
}
.offer {
background: #fff;
border-radius: 56px;
gap: 20px;
padding: 24px 32px;
box-shadow: 0 0 20.01px #00000040
}
@media (min-width: 768px) {
.offer {
flex-direction: row;
gap: 40px
}
}
@media (min-width: 1340px) {
.offer {
border-radius: 36px;
gap: 32px
}
}
@media (min-width: 1920px) {
.offer {
border-radius: 50px;
gap: 40px
}
}
.offer__img-wrap {
flex: 0 0 100px
}
.offer__desc {
width: 100%;
gap: 8px
}
.offer__text {
letter-spacing: .1px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 768px) {
.offer__text {
font-size: 28px
}
}
@media (min-width: 1340px) {
.offer__text {
font-size: 22px
}
}
@media (min-width: 1920px) {
.offer__text {
font-size: 28px
}
}
.offer__link {
color: #262626;
letter-spacing: .09px;
text-transform: uppercase;
margin-top: auto;
padding-right: 40px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 768px) {
.offer__link {
margin-left: auto;
font-size: 22px
}
}
@media (min-width: 1340px) {
.offer__link {
font-size: 14px
}
}
@media (min-width: 1920px) {
.offer__link {
font-size: 18px
}
}
.offer__link svg {
margin-left: auto;
position: relative;
right: -20px
}
.offer__link:hover svg {
right: -40px
}
.accordion__list {
gap: 24px;
margin-bottom: 60px
}
.accordion {
background: #fff;
border-radius: 28px;
overflow: hidden
}
.accordion__btn {
width: 100%;
text-align: left;
letter-spacing: .1px;
align-items: baseline;
gap: 12px;
padding: 24px 28px;
font-size: 18px;
font-weight: 700
}
.accordion__btn svg {
width: 20px;
height: 10px;
flex-shrink: 0;
margin-left: auto
}
@media (min-width: 768px) {
.accordion__btn {
font-size: 24px
}
}
@media (min-width: 1340px) {
.accordion__btn {
font-size: 16px
}
}
@media (min-width: 1920px) {
.accordion__btn {
font-size: 22px
}
}
.accordion__box {
max-height: 0
}
.accordion__box-inner {
padding: 0 24px 28px
}
.accordion__text {
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.accordion__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.accordion__text {
font-size: 14px
}
}
@media (min-width: 1920px) {
.accordion__text {
font-size: 18px
}
}
.accordion__btn--all {
width: -moz-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 40px;
color: #262626;
letter-spacing: .09px;
text-transform: uppercase;
background-color: #0000;
gap: 8px;
margin: 40px auto 0;
padding: 8px 24px;
font-size: 18px;
font-weight: 700
}
.benefits__list {
--gap: 40px
}
@media (min-width: 768px) {
.benefits__list {
--gap: 60px
}
}
@media (min-width: 1340px) {
.benefits__list {
--gap: 72px;
row-gap: 100px
}
}
@media (min-width: 768px) {
.benefits__item {
--items: 1
}
}
@media (min-width: 1340px) {
.benefits__item {
--items: 2
}
}
.benefit {
gap: 20px
}
@media (min-width: 768px) {
.benefit {
flex-direction: row;
gap: 40px
}
}
@media (min-width: 1340px) {
.benefit {
gap: 32px
}
}
@media (min-width: 1920px) {
.benefit {
gap: 40px
}
}
.benefit__icon-wrap {
width: 90px;
height: 90px;
background-color: #fff;
flex: 0 0 90px
}
@media (min-width: 768px) {
.benefit__icon-wrap {
width: 116px;
height: 116px;
flex: 0 0 116px
}
}
@media (min-width: 1340px) {
.benefit__icon-wrap {
width: 90px;
height: 90px;
flex: 0 0 90px
}
}
@media (min-width: 1920px) {
.benefit__icon-wrap {
width: 116px;
height: 116px;
flex: 0 0 116px
}
}
.benefit__icon {
width: 55px;
height: 55px
}
@media (min-width: 768px) {
.benefit__icon {
width: 70px;
height: 70px
}
}
@media (min-width: 1340px) {
.benefit__icon {
width: 55px;
height: 55px
}
}
@media (min-width: 1920px) {
.benefit__icon {
width: 70px;
height: 70px
}
}
@media (max-width: 768px) {
.benefit__desc {
align-items: center
}
}
.benefit__title {
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: normal
}
@media (min-width: 768px) {
.benefit__title {
font-size: 24px
}
}
@media (min-width: 1340px) {
.benefit__title {
font-size: 16px
}
}
@media (min-width: 1920px) {
.benefit__title {
font-size: 22px
}
}
.benefit__text {
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.benefit__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.benefit__text {
font-size: 14px
}
}
@media (min-width: 1920px) {
.benefit__text {
font-size: 18px
}
}
.auth__container {
--gap: 40px;
justify-content: space-between
}
@media (min-width: 1340px) {
.auth__container {
--gap: 80px;
row-gap: 40px
}
}
.auth__text {
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.auth__text {
font-size: 16px
}
}
@media (min-width: 1340px) {
.auth__text {
font-size: 18px
}
}
.auth-form, .auth-box__wrap {
gap: 40px
}
@media (min-width: 768px) {
.auth-form, .auth-box__wrap {
--items: 1
}
}
@media (min-width: 1340px) {
.auth-form, .auth-box__wrap {
--items: 2
}
}
@media (max-width: 1339px) {
.auth-box__wrap {
margin-top: 40px
}
}
.auth-box__title {
flex: 0 0 100%;
margin-bottom: 12px;
font-size: 22px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1340px) {
.auth-box__title {
font-size: 18px
}
}
@media (min-width: 1920px) {
.auth-box__title {
font-size: 22px
}
}
.auth-box__text {
font-size: 14px;
line-height: 160%
}
.auth-box__link {
color: var(--color--brand-1, #262626)
}
.products-2__box {
gap: 20px;
margin-bottom: 40px
}
@media (min-width: 1340px) {
.products-2__box {
flex-direction: row;
gap: 60px
}
}
.search__label {
width: 100%
}
@media (min-width: 1340px) {
.search__label {
max-width: 300px
}
}
.search__input {
width: 100%;
height: 52px;
background-color: #f5f5f5;
border-radius: 16px;
padding: 0 36px
}
.search__btn {
width: 32px;
height: 32px;
top: 10px;
right: 28px
}
.products-2__list {
--gap: 40px;
justify-content: flex-start
}
@media (min-width: 1340px) {
.products-2__list {
--gap: 52px
}
}
@media (min-width: 1920px) {
.products-2__list {
--gap: 72px
}
}
.products-2__item {
gap: 20px
}
@media (min-width: 1340px) {
.products-2__item {
--items: 3
}
}
.product-2__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.product-2__img {
width: 372px;
height: 234px
}
}
@media (min-width: 1920px) {
.product-2__img {
width: 475px;
height: 300px
}
}
.product-2__desc {
flex-grow: 1;
gap: 16px
}
.product-2__title {
color: var(--color--primary-1, #4e4e4f);
margin-bottom: 16px;
font-size: 14px;
font-weight: 400;
line-height: 130%
}
@media (min-width: 768px) {
.product-2__title {
font-size: 18px
}
}
@media (min-width: 1340px) {
.product-2__title {
font-size: 16px
}
}
@media (min-width: 1920px) {
.product-2__title {
font-size: 18px
}
}
.product-2__price {
width: 150px;
height: 40px;
color: var(--color--brand-1, #262626);
letter-spacing: .08px;
background-color: #fff;
font-size: 16px;
font-weight: 700;
box-shadow: 0 0 9.235px #0000001f
}
.product-2__link {
height: 52px;
letter-spacing: .8px;
text-transform: uppercase;
border-radius: 40px;
flex-shrink: 0;
font-weight: 700
}
@media (min-width: 768px) {
.product-2__link {
width: 240px
}
}
.pagination {
margin-top: 80px;
margin-bottom: 60px
}
.pagination__list {
height: 60px;
gap: 12px;
padding: 4px
}
@media (min-width: 768px) {
.pagination__list {
gap: 18px
}
}
.pagination__btn {
width: 32px;
height: 32px;
border: 2px solid var(--color--gray-1, #ababab);
padding: 0;
font-size: 18px
}
@media (min-width: 768px) {
.pagination__btn {
width: 45px;
height: 45px
}
}
.pagination__btn:hover, .pagination__btn.current {
color: var(--color--brand-1, #262626);
border: 2px solid var(--color--brand-1, #262626);
font-weight: 500
}
.pagination__btn--prev {
margin-right: 18px
}
.pagination__btn--next {
margin-left: 18px
}
.hero__container {
gap: 30px
}
@media (min-width: 1340px) {
.hero__container {
flex-direction: row
}
}
.hero-2__container {
--gap: 30px
}
@media (min-width: 1340px) {
.hero__img-wrap {
flex: 0 0 660px
}
}
@media (min-width: 1920px) {
.hero__img-wrap {
flex: 0 0 840px
}
}
.hero-2__img-wrap {
flex-grow: 1
}
@media (min-width: 768px) {
.hero-2__img-wrap {
--items: 1
}
}
@media (min-width: 1340px) {
.hero-2__img-wrap {
--items: 3
}
}
.hero__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.hero__img {
min-height: 480px
}
}
@media (min-width: 1920px) {
.hero__img {
min-height: 626px
}
}
.hero__desc-wrap {
flex-grow: 1
}
.hero__box:not(:last-of-type) {
margin-bottom: 52px
}
.hero__text {
margin-bottom: 40px;
font-size: 18px;
line-height: 130%
}
.hero__text:not(:last-of-type) {
margin-bottom: 16px
}
.hero__link {
color: #262626
}
.hero__link--2 {
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
text-transform: uppercase;
padding: 8px 28px;
font-weight: 700
}
.hero__strong {
margin: 20px 0;
display: block
}
.hero__settings-wrap {
max-height: 480px;
position: relative;
overflow-y: scroll
}
@media (min-width: 768px) {
.hero__settings-wrap {
--items: 1
}
}
@media (min-width: 1340px) {
.hero__settings-wrap {
--items: 3
}
}
.hero__btn--step {
min-height: 48px;
border-bottom: 2px solid #4e4e4f;
font-size: 16px;
font-weight: 500;
line-height: 160%
}
.hero__btn--step.active {
border-color: #262626
}
@media (min-width: 1340px) {
.hero__btn--step {
font-size: 18px
}
}
@media (min-width: 1920px) {
.hero__btn--step {
font-size: 22px
}
}
@media (min-width: 768px) {
.hero__btn--step {
--items: 3
}
}
@media (min-width: 1340px) {
.hero__btn--step {
--items: 3
}
}
.hero__total {
background-color: #fff;
padding: 4px;
box-shadow: 0 0 9.318px #0000001a
}
@media (min-width: 768px) {
.hero__total {
--items: 3
}
}
@media (min-width: 1340px) {
.hero__total {
--items: 3
}
}
.hero-total__price {
font-size: 16px;
font-weight: 500;
line-height: 160%
}
.hero-total__price span {
color: #262626;
font-weight: 500
}
@media (min-width: 1340px) {
.hero-total__price {
font-size: 18px
}
}
@media (min-width: 1920px) {
.hero-total__price {
font-size: 22px
}
}
.hero-total__desc {
font-size: 10px;
font-weight: 500;
line-height: 160%
}
.hero-total__desc span {
color: #262626;
font-weight: 500
}
@media (min-width: 1340px) {
.hero-total__desc {
font-size: 14px
}
}
@media (min-width: 1920px) {
.hero-total__desc {
font-size: 16px
}
}
.settings {
gap: 36px;
padding-bottom: 148px;
padding-right: 12px;
overflow-y: scroll
}
.settings-box {
gap: 16px
}
.settings-box__btn-info {
width: 25px;
height: 25px;
background-color: #fff;
flex: 0 0 25px;
box-shadow: 0 0 9.318px #00000024
}
.settings-box__settings-list {
flex: 0 0 100%;
gap: 12px
}
.rating, .rating-stars__list {
height: 16px;
gap: 4px
}
.rating {
color: var(--color--brand-1, #262626);
margin-bottom: 16px;
font-size: 14px;
line-height: 130%
}
.equipment {
gap: 8px;
margin: 30px 0 38px
}
.equipment__list {
gap: 8px
}
.equipment__item {
gap: 8px;
font-size: 14px;
line-height: 130%
}
.equipment__item svg {
flex: 0 0 20px
}
.offer__box {
margin-bottom: 14px
}
@media (min-width: 768px) {
.offer__box {
flex-direction: row
}
}
.offer__price, .offer__terms {
min-height: 40px;
text-align: center;
letter-spacing: .07px;
text-transform: capitalize;
flex: 0 0 50%;
gap: 4px;
font-size: 14px;
font-weight: 700
}
.offer__price {
color: #fff;
background-color: #262626;
border-radius: 28px 28px 0 0
}
@media (min-width: 768px) {
.offer__price {
border-radius: 28px 0 0 28px
}
}
.offer__terms {
color: #4e4e4f;
background-color: #d7d7d7;
border-radius: 0 0 28px 28px
}
@media (min-width: 768px) {
.offer__terms {
border-radius: 0 28px 28px 0
}
}
.offer__terms span {
font-weight: 400
}
.configure-link {
height: 50px;
text-transform: uppercase;
margin: 40px 0 0 auto
}
.benefits-3 {
padding: 50px 0
}
.benefits-3__list {
--gap: 30px
}
.benefits-3__item {
gap: 20px;
font-size: 16px;
line-height: 130%
}
@media (min-width: 1340px) {
.benefits-3__item {
--items: 4
}
}
.features {
background: #f5f5f5;
padding: 50px 0
}
.features__list {
--gap: 30px
}
@media (min-width: 1340px) {
.features__item {
--items: 4
}
}
.features__item--dc {
gap: 8px
}
.features__item svg {
margin-bottom: 12px
}
.features__item h3 {
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.features__item h3 {
font-size: 20px
}
}
@media (min-width: 1340px) {
.features__item h3 {
font-size: 18px
}
}
@media (min-width: 1920px) {
.features__item h3 {
font-size: 20px
}
}
.features__item p {
font-size: 16px;
line-height: 130%
}
.options {
padding: 20px 0
}
@media (min-width: 768px) {
.options {
padding: 40px 0
}
}
@media (min-width: 1340px) {
.options {
padding: 100px 0
}
}
.options__container:not(:last-of-type) {
margin-bottom: 20px
}
@media (min-width: 768px) {
.options__container:not(:last-of-type) {
margin-bottom: 40px
}
}
@media (min-width: 1340px) {
.options__container:not(:last-of-type) {
margin-bottom: 80px
}
}
@media (min-width: 1920px) {
.options__container:not(:last-of-type) {
margin-bottom: 100px
}
}
.options-container__title {
letter-spacing: .11px;
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
line-height: normal
}
@media (min-width: 1340px) {
.options-container__title {
font-size: 22px
}
}
@media (min-width: 1920px) {
.options-container__title {
font-size: 28px
}
}
.options__text, .options__text--accent, .options__text--500 {
font-size: 16px;
line-height: 130%
}
.options__text:not(:last-of-type), .options__text--accent:not(:last-of-type), .options__text--500:not(:last-of-type) {
margin-bottom: 16px
}
.options__text--500 {
font-weight: 500
}
.options__text--accent {
color: var(--color--brand-1, #262626);
margin-bottom: 40px
}
.options-links__list {
gap: 20px
}
.options-link {
width: auto;
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
text-transform: uppercase;
padding: 0 24px
}
.options-container-2 {
gap: 30px
}
@media (min-width: 1340px) {
.options-container-2 {
flex-direction: row;
gap: 60px
}
}
@media (max-width: 1339px) {
.options-container-2__img-wrap {
order: -1
}
}
@media (min-width: 1340px) {
.options-container-2__img-wrap {
flex: 0 0 540px
}
}
@media (min-width: 1920px) {
.options-container-2__img-wrap {
flex: 0 0 706px
}
}
.options-container-2__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.options-container-2__img {
min-height: 340px
}
}
@media (min-width: 1920px) {
.options-container-2__img {
min-height: 438px
}
}
.options-container-2__desc {
flex-grow: 1
}
.options-container-2-features__list {
gap: 16px;
margin-top: 40px
}
.options-container-2-features__item {
gap: 12px;
font-size: 14px
}
.options-container-2-features__item span {
width: 22px;
height: 22px;
color: #262626;
border: 2px solid #262626;
font-weight: 700
}
.options-tabs-btns__list {
gap: 20px;
margin-bottom: 20px
}
.options-tabs-btn {
width: auto;
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 0 24px
}
.options-tabs__item {
display: none
}
.options-tabs__item.active {
display: block
}
.options__list {
--gap: 30px;
justify-content: flex-start
}
.options__item {
gap: 20px;
font-size: 16px;
line-height: 130%
}
@media (min-width: 1340px) {
.options__item {
--items: 3
}
}
.options-description__list {
gap: 40px
}
@media (min-width: 1340px) {
.options-description__list {
row-gap: 60px
}
}
.options-description__item {
gap: 40px
}
@media (min-width: 1340px) {
.options-description__item {
flex-direction: row
}
.options-description__item:nth-of-type(2n) {
flex-direction: row-reverse
}
}
.options-description__img {
width: 100%;
height: auto
}
@media (min-width: 1340px) {
.options-description__img {
flex: 0 0 372px
}
}
@media (min-width: 1920px) {
.options-description__img {
flex: 0 0 476px
}
}
.options-description__box {
gap: 20px
}
.options-description__title {
letter-spacing: .09px;
font-size: 18px;
font-weight: 700
}
.options-description__text {
font-size: 18px;
line-height: 130%
}
.options-container-6, .options-container-6__box {
gap: 20px
}
@media (min-width: 1340px) {
.options-container-6__box {
flex-direction: row;
gap: 24px
}
}
@media (max-width: 1339px) {
.options-container-6__img-wrap {
order: -1
}
}
@media (min-width: 1340px) {
.options-container-6__img-wrap {
flex: 0 0 468px
}
}
@media (min-width: 1920px) {
.options-container-6__img-wrap {
flex: 0 0 600px
}
}
.options-container-6__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.options-container-6__img {
min-height: 340px
}
}
@media (min-width: 1920px) {
.options-container-6__img {
min-height: 438px
}
}
.options-container-6__desc {
flex-grow: 1
}
@media (min-width: 1340px) {
.options-container-6__desc-2 {
flex: 0 0 468px
}
}
@media (min-width: 1920px) {
.options-container-6__desc-2 {
flex: 0 0 600px
}
}
.options-box__title {
letter-spacing: .09px;
margin-bottom: 16px;
font-size: 18px;
font-weight: 700
}
.options-container-6 .options-container-2-features__list {
margin: 0 0 20px
}
.quality-box {
gap: 32px;
display: flex
}
.quality-box svg {
flex: 0 0 60px
}
.swiper .products-3__item {
gap: 20px
}
.swiper .product-3__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.swiper .product-3__img {
width: 372px;
height: 234px
}
}
@media (min-width: 1920px) {
.swiper .product-3__img {
width: 475px;
height: 300px
}
}
.products-swiper__btns {
z-index: 5
}
.products-swiper__btn {
width: 36px;
height: 36px;
top: 72px
}
.products-swiper__btn svg {
height: 36px;
stroke: #4e4e4f
}
.products-swiper__btn:hover svg {
stroke: #262626
}
.products-swiper__btn:disabled svg {
stroke: #ababab
}
@media (min-width: 768px) {
.products-swiper__btn {
top: 80px
}
}
@media (min-width: 1340px) {
.products-swiper__btn {
top: 120px
}
}
@media (min-width: 1920px) {
.products-swiper__btn {
top: 160px
}
}
.products-swiper-btn-prev {
left: -24px
}
@media (min-width: 425px) {
.products-swiper-btn-prev {
left: -40px
}
}
@media (min-width: 1340px) {
.products-swiper-btn-prev {
left: -60px
}
}
.products-swiper-btn-next {
justify-content: flex-end;
right: -24px
}
@media (min-width: 425px) {
.products-swiper-btn-next {
right: -40px
}
}
@media (min-width: 1340px) {
.products-swiper-btn-next {
right: -60px
}
}
.table-price__wrap {
overflow-x: auto
}
.table-price {
width: 100%;
letter-spacing: .08px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
background-color: #fff;
font-size: 12px
}
.table-price thead th {
height: 60px;
min-width: 40px
}
.table-price tbody th {
height: 40px;
min-width: 60px
}
.table-price th, .table-price td {
border: 1px solid #ababab
}
.table-price th {
color: #262626;
font-weight: 700
}
.table-price tr:nth-child(2n+1) td {
background-color: #f5f5f5
}
@media (min-width: 1340px) {
.table-price {
font-size: 14px
}
}
@media (min-width: 1920px) {
.table-price {
font-size: 18px
}
}
.cart__container {
--gap: 30px;
gap: var(--gap);
margin-bottom: 40px
}
@media (min-width: 1340px) {
.cart__container {
flex-direction: row
}
.cart__img-wrap {
flex: 0 0 calc((100% - var(--gap)) / 3 * 2)
}
}
.cart__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.cart__img {
min-height: 480px
}
}
@media (min-width: 1920px) {
.cart__img {
min-height: 626px
}
}
.cart__settings-wrap {
gap: 20px
}
@media (min-width: 1340px) {
.cart__settings-wrap {
flex: 0 0 calc((100% - var(--gap)) / 3)
}
}
.price {
height: 44px;
letter-spacing: .09px;
background: #fff;
gap: 40px;
font-size: 18px;
font-weight: 500;
box-shadow: 0 0 8.124px #0000001f
}
.price span {
color: #262626
}
.settings__title {
margin-bottom: 16px
}
.cart__text {
align-items: baseline;
gap: 10px;
display: flex
}
.cart__btn--next {
margin-top: auto
}
.cart-form {
gap: 32px;
margin-bottom: 80px
}
.cart-form__box, .form-box__title-price, .form-box__labels {
--gap: 40px;
justify-content: space-between
}
@media (min-width: 768px) {
.cart-form__box, .form-box__title-price, .form-box__labels {
--gap: 32px;
row-gap: 40px
}
}
@media (min-width: 1340px) {
.cart-form__box, .form-box__title-price, .form-box__labels {
--gap: 24px;
row-gap: 32px
}
}
.cart-form__box-title {
flex: 0 0 100%;
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1920px) {
.cart-form__box-title {
font-size: 22px
}
}
.cart-form__box-subtitle {
font-size: 18px;
font-weight: 600;
line-height: 130%
}
@media (min-width: 1920px) {
.cart-form__box-subtitle {
font-size: 22px
}
}
.cart-form__box-title span {
color: #ababab;
font-weight: 400
}
.form-box__inner {
flex-grow: 1;
gap: 20px
}
.form-box__img-wrap {
--items: 1
}
@media (min-width: 1340px) {
.form-box__img-wrap {
--items: 3
}
}
.form-box__title-wrap {
height: 60px;
justify-content: space-between;
gap: 12px
}
.form-box__title-wrap .cart-form__box-title {
flex: 0 auto
}
.amount {
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1920px) {
.amount {
font-size: 22px
}
}
.amount span {
}
.price__wrap {
width: 100%;
height: 60px
}
.price {
height: 40px;
max-width: 240px;
letter-spacing: .09px;
background: #fff;
gap: 4px;
margin-left: auto;
font-size: 18px;
font-weight: 500;
box-shadow: 0 0 8.124px #0000001f
}
.price span {
color: #262626
}
@media (min-width: 1920px) {
.price {
height: 52px;
max-width: 300px
}
}
.cart-item {
border-bottom: 1px solid #ababab;
gap: 32px;
padding: 32px 0
}
.cart-item:first-of-type {
padding-top: 0
}
@media (max-width: 1339px) {
.cart-item {
flex-wrap: wrap;
gap: 16px
}
.cart-item__img {
width: 100%
}
}
.cart-item__desc, .cart-item__price-wrap {
gap: 4px
}
.cart-item__desc {
flex-grow: 1
}
.cart-item__name {
line-height: 130%
}
@media (min-width: 1920px) {
.cart-item__name {
font-size: 18px
}
}
.cart-item__code {
color: #ababab;
font-size: 14px;
line-height: 130%
}
@media (min-width: 1340px) {
.cart-item__code {
font-size: 14px
}
}
@media (min-width: 1920px) {
.cart-item__code {
font-size: 18px
}
}
.cart-item__price-wrap, .cart-item__cost {
flex: 0 0 86px
}
@media (max-width: 767px) {
.cart-item__price-wrap, .cart-item__cost {
margin-right: auto
}
}
@media (min-width: 768px) {
.cart-item__price-wrap, .cart-item__cost {
flex: 0 0 100px
}
}
@media (min-width: 1340px) {
.cart-item__price-wrap, .cart-item__cost {
flex: 0 0 100px
}
}
@media (min-width: 1920px) {
.cart-item__price-wrap, .cart-item__cost {
flex: 0 0 120px
}
}
.cart-item__price-wrap {
margin-right: 20px
}
@media (max-width: 767px) {
.cart-item__price-wrap {
margin-right: auto
}
}
@media (min-width: 768px) {
.cart-item__price-wrap {
margin-left: auto
}
}
.cart-item__price, .cart-item__price--old, .cart-item__cost {
letter-spacing: .08px;
text-align: end;
font-size: 16px;
font-weight: 700
}
@media (min-width: 1340px) {
.cart-item__price, .cart-item__price--old, .cart-item__cost {
font-size: 16px
}
}
@media (min-width: 1920px) {
.cart-item__price, .cart-item__price--old, .cart-item__cost {
font-size: 22px
}
}
.cart-item__price--old {
color: #ababab;
font-weight: 400;
text-decoration: line-through
}
.cart-item__btn--delete {
width: 20px;
height: 20px;
flex: 0 0 20px
}
.cart-item__btn--delete svg {
fill: currentColor
}
.cart-item__btn--delete:hover {
color: var(--color--brand-1, #262626)
}
.cart__total-wrap {
gap: 20px;
margin: 20px 0 40px
}
@media (min-width: 1340px) {
.cart__total-wrap {
flex-direction: row;
justify-content: space-between
}
}
.cart__total-text {
max-width: 700px
}
@media (min-width: 1340px) {
.cart-total {
flex: 0 0 200px
}
}
.cart-total__label {
letter-spacing: .11px;
font-size: 16px;
font-weight: 700
}
@media (min-width: 1340px) {
.cart-total__label {
font-size: 18px
}
}
@media (min-width: 1920px) {
.cart-total__label {
font-size: 22px
}
}
.cart-total__value {
letter-spacing: .11px;
margin-left: auto;
font-size: 22px;
font-weight: 700
}
@media (min-width: 1340px) {
.cart-total__value {
font-size: 20px
}
}
@media (min-width: 1920px) {
.cart-total__value {
font-size: 24px
}
}
.cart__btns {
gap: 20px
}
@media (min-width: 768px) {
.cart__btns {
flex-direction: row
}
}
@media (min-width: 1340px) {
.cart__btns {
justify-content: flex-end
}
}
@media (min-width: 1920px) {
.cart__btns {
gap: 40px
}
}
.cart__btn {
text-transform: uppercase;
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
min-width: 300px;
padding: 4px 32px
}
@media (max-width: 1339px) {
.cart__btn {
max-width: none
}
}
.cart-2__container {
flex-direction: column-reverse;
gap: 40px
}
@media (min-width: 1340px) {
.cart-2__container {
flex-direction: row
}
}
.cart-2-form {
gap: 32px
}
.cart-2-form__box {
--gap: 40px;
border-bottom: 1px solid #ababab;
justify-content: space-between;
padding-bottom: 40px
}
@media (min-width: 768px) {
.cart-2-form__box {
--gap: 32px;
row-gap: 40px
}
}
@media (min-width: 1340px) {
.cart-2-form__box {
--gap: 24px;
row-gap: 32px
}
}
.cart-2-form__box-title {
flex: 0 0 100%;
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1920px) {
.cart-2-form__box-title {
font-size: 22px
}
}
.payment__wrap {
--gap: 40px;
justify-content: flex-start;
row-gap: 20px
}
.payment {
--items: 2;
gap: 16px
}
@media (min-width: 768px) {
.payment {
--items: 4
}
}
.cart-item {
gap: 24px
}
.cart-item:first-of-type {
padding-top: 0
}
@media (max-width: 1339px) {
.cart-item {
flex-wrap: wrap;
gap: 16px
}
}
.cart-item__img {
width: 100%
}
.cart-item__desc {
border-bottom: 1px solid #ababab;
gap: 8px;
padding-bottom: 24px
}
.cart-item__name {
line-height: 130%
}
@media (min-width: 1920px) {
.cart-item__name {
font-size: 18px
}
}
.cart-item__code {
color: #ababab;
line-height: 130%
}
.cart-item__price-wrap {
gap: 12px
}
.price-option {
align-items: flex-end;
gap: 8px
}
.price-option__name {
color: #ababab
}
.price-option__value {
text-align: end;
flex: 0 0 100px
}
.total {
gap: 8px;
margin-top: 24px;
font-size: 18px;
font-weight: 700;
line-height: 130%
}
.hero-3 {
height: 232px;
color: #fff;
letter-spacing: .24px;
background-color: #0000;
background-image: linear-gradient(90deg, #000 .09%, #0000 99.92%), url(//durchdacht.de/wp-content/themes/durchdacht_v3/css/hero-bg.35144fd9.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll, scroll;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal
}
@media (min-width: 768px) {
.hero-3 {
font-size: 32px
}
}
@media (min-width: 1340px) {
.hero-3 {
height: 232px;
font-size: 48px
}
}
@media (min-width: 1920px) {
.hero-3 {
height: 300px;
font-size: 56px
}
}
.hero-3__container {
height: 100%;
align-items: center;
display: flex
}
.hero-3__title {
max-width: 1000px
}
.section-2__box-wrap {
--gap: 40px;
row-gap: 20px
}
.section-2__box {
--items: 1
}
@media (min-width: 1340px) {
.section-2__box {
--items: 2
}
}
.box__title {
letter-spacing: .11px;
margin-bottom: 12px;
font-size: 20px;
font-weight: 700;
line-height: normal
}
@media (min-width: 1340px) {
.box__title {
font-size: 22px
}
}
@media (min-width: 1920px) {
.box__title {
font-size: 28px
}
}
.section-4__box {
gap: 32px
}
@media (min-width: 1340px) {
.section-4__box {
flex-direction: row;
gap: 52px
}
}
.section-4__img {
width: 100%
}
@media (min-width: 1340px) {
.section-4__img {
width: 306px;
height: 168px
}
}
.section-4__desc {
gap: 16px
}
@media (min-width: 1340px) {
.section-4__desc {
gap: 12px
}
}
.section-4__btn {
margin-top: auto
}
.feedback__radio-wrap {
gap: 16px
}
.radio__label--2 {
padding: 8px 32px
}
.radio__input:checked ~ .radio__label--2 {
color: #fff;
border-color: var(--color--brand-1, #262626);
background-color: var(--color--brand-1, #262626)
}
.contacts {
gap: 40px
}
.contacts__title {
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.contacts__title {
font-size: 22px
}
}
@media (min-width: 1340px) {
.contacts__title {
font-size: 18px
}
}
@media (min-width: 1920px) {
.contacts__title {
font-size: 22px
}
}
.contacts__list {
--gap: 40px;
justify-content: flex-start
}
@media (min-width: 768px) {
.contacts__list {
--gap: 32px;
row-gap: 40px
}
}
@media (min-width: 1340px) {
.contacts__list {
--gap: 24px;
row-gap: 32px
}
.contacts__item {
--items: 4
}
}
.contact__name {
margin-bottom: 4px;
font-size: 18px;
font-weight: 700
}
@media (min-width: 768px) {
.contact__name {
font-size: 22px
}
}
@media (min-width: 1340px) {
.contact__name {
font-size: 18px
}
}
@media (min-width: 1920px) {
.contact__name {
font-size: 22px
}
}
.contact__link, .contact__text {
color: var(--color--primary-1, #4e4e4f);
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.contact__link, .contact__text {
font-size: 22px
}
}
@media (min-width: 1340px) {
.contact__link, .contact__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.contact__link, .contact__text {
font-size: 18px
}
}
.news__list {
--gap: 40px
}
@media (min-width: 1340px) {
.news__list {
--gap: 74px
}
}
@media (min-width: 1920px) {
.news__list {
--gap: 94px
}
}
.news__item {
border-bottom: 2px solid #e7e7e7;
gap: 20px;
padding-bottom: 40px
}
@media (min-width: 1340px) {
.news__item {
--items: 3
}
}
.news__img {
width: 100%;
height: auto;
object-fit: cover
}
@media (min-width: 1340px) {
.news__img {
width: 372px;
height: 234px
}
}
@media (min-width: 1920px) {
.news__img {
width: 475px;
height: 300px
}
}
.news-desc {
flex-grow: 1;
gap: 8px
}
.news-desc__title {
color: var(--color--primary-1, #4e4e4f);
margin-bottom: 20px;
font-size: 22px;
font-weight: 700
}
@media (min-width: 768px) {
.news-desc__title {
font-size: 20px
}
}
@media (min-width: 1340px) {
.news-desc__title {
font-size: 22px
}
}
.news-desc__link {
max-width: 190px;
color: var(--color--brand-1, #262626);
letter-spacing: .15px;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 8px;
margin-top: auto;
font-size: 20px
}
.news-desc__link .icon--book {
width: 24px;
height: 20px;
flex-shrink: 0
}
@media (min-width: 1340px) {
.news-desc__link {
font-size: 24px
}
}
.section-1__box-wrap {
--gap: 40px;
gap: var(--gap)
}
@media (min-width: 1340px) {
.section-1__box-wrap {
flex-direction: row
}
.section-1__box-img, .section-1__box-text {
flex: 0 0 calc((100% - var(--gap)) / 2)
}
}
.section-1__img {
width: 100%
}
.section-1__text:not(:last-of-type) {
margin-bottom: 20px
}
.locations__title {
color: #262626;
letter-spacing: .55px;
text-transform: uppercase;
gap: 16px;
margin-bottom: 20px;
font-size: 30px;
font-weight: 900;
line-height: normal
}
@media (max-width: 767px) {
.locations__title {
flex-direction: column;
align-items: flex-start;
gap: 4px
}
.locations__title br {
display: none
}
}
@media (min-width: 768px) {
.locations__title {
font-size: 54px
}
}
@media (min-width: 1340px) {
.locations__title {
font-size: 98px
}
}
@media (min-width: 1920px) {
.locations__title {
gap: 24px;
font-size: 120px
}
}
.locations__title span {
color: #4e4e4f;
letter-spacing: .24px;
font-size: 22px
}
@media (min-width: 768px) {
.locations__title span {
font-size: 24px
}
}
@media (min-width: 1340px) {
.locations__title span {
font-size: 40px
}
}
@media (min-width: 1920px) {
.locations__title span {
font-size: 48px
}
}
.locations__list {
--gap: 24px;
justify-content: flex-start
}
@media (min-width: 1340px) {
.locations__item {
--items: 3
}
}
.locations__link {
max-width: none;
background-color: #f5f5f5
}
@media (min-width: 768px) {
.locations__link {
height: 60px;
border-radius: 60px;
font-size: 18px
}
}
@media (min-width: 1340px) {
.locations__link {
height: 80px;
border-radius: 80px
}
}
.section-1__box_wrap {
--gap: 40px
}
.section-1__box {
--items: 1
}
@media (min-width: 1340px) {
.section-1__box {
--items: 2
}
}
.section-1__box--img {
gap: 16px
}
@media (min-width: 768px) {
.section-1__box--img {
flex-direction: row
}
.section-1__img {
width: calc(50% - 8px);
object-fit: contain;
object-position: top;
flex: 0 0 calc(50% - 8px)
}
}
.section-1__box-title {
margin-bottom: 20px
}
.section-1__box-link {
color: #262626
}
.benefits-2__list {
--gap: 40px;
justify-content: space-between
}
@media (min-width: 768px) {
.benefits-2__list {
--gap: 24px
}
}
@media (min-width: 1340px) {
.benefits-2__list {
--gap: 48px
}
}
@media (min-width: 1920px) {
.benefits-2__list {
--gap: 64px
}
}
.benefits-2__item {
flex-shrink: 0
}
@media (min-width: 1340px) {
.benefits-2__item {
--items: 3
}
}
.benefit-2 {
gap: 32px
}
@media (min-width: 1340px) {
.benefit-2 {
gap: 24px
}
}
@media (min-width: 1920px) {
.benefit-2 {
gap: 20px
}
}
.benefit-2__icon-wrap {
width: 88px;
height: 88px;
background-color: #fff;
border-radius: 50%;
flex: 0 0 88px;
box-shadow: 0 0 10px #0000001a
}
.benefit-2__text {
color: var(--color--primary-1, #4e4e4f);
font-size: 18px;
line-height: 130%
}
@media (min-width: 1340px) {
.benefit-2__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.benefit-2__text {
font-size: 18px
}
}
.benefits-2__link {
width: 100%;
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
height: 60px;
text-transform: uppercase;
text-align: center;
margin: 48px auto 0;
padding: 12px 36px;
font-weight: 700
}
@media (min-width: 768px) {
.benefits-2__link {
margin-top: 80px;
font-size: 22px
}
}
@media (min-width: 1920px) {
.benefits-2__link {
margin-top: 100px;
font-size: 18px
}
}
.news-slide-2 {
gap: 24px
}
@media (min-width: 768px) {
.news-slide-2 {
gap: 40px
}
}
@media (min-width: 1340px) {
.news-slide-2 {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 60px
}
}
@media (min-width: 1920px) {
.news-slide-2 {
gap: 72px
}
}
.news-slide-2__img-box {
flex: 0 0 200px
}
.news-slide-2__img {
object-fit: cover;
aspect-ratio: 1/1
}
.news-slide-2__box {
max-width: 800px;
flex-grow: 1
}
.news-slide-2__title {
font-size: 18px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.news-slide-2__title {
font-size: 20px
}
}
@media (min-width: 1340px) {
.news-slide-2__title {
font-size: 18px
}
}
@media (min-width: 1920px) {
.news-slide-2__title {
font-size: 22px
}
}
.news-slide-2__text {
margin-bottom: 20px;
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.news-slide-2__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.news-slide-2__text {
font-size: 18px
}
}
.news__link {
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
text-transform: uppercase;
margin: 60px auto 0;
padding: 8px 28px;
font-weight: 700
}
.section-5__list {
gap: 24px
}
@media (min-width: 1340px) {
.section-5__list {
flex-direction: row
}
}
.section-5__item-img {
width: 100%;
margin-bottom: 16px
}
@media (min-width: 1340px) {
.section-5__item-img {
height: 200px;
object-fit: cover
}
}
.section-5__item-title {
margin-bottom: 20px
}
.section-5__item-link {
color: #262626
}
.section-1__icon--stamp {
width: 100px;
height: auto;
top: -20px;
right: 20px
}
@media (min-width: 768px) {
.section-1__icon--stamp {
width: 180px;
top: -20px;
right: 54px
}
}
@media (min-width: 1340px) {
.section-1__icon--stamp {
width: 224px;
top: -60px;
right: 150px
}
}
@media (min-width: 1920px) {
.section-1__icon--stamp {
top: -60px;
right: 220px
}
}
.steps__box-wrap {
gap: 80px
}
@media (min-width: 768px) {
.steps__box-wrap {
flex-direction: row
}
}
@media (min-width: 1340px) {
.steps__box-wrap {
flex-direction: column
}
}
.steps__list {
flex-grow: 1;
justify-content: space-between;
gap: 20px
}
@media (min-width: 1340px) {
.steps__list {
flex-direction: row;
justify-content: space-between
}
}
.steps__list:before {
content: "";
width: 8px;
height: 100%;
background-color: #fff;
display: block;
top: 0;
left: 39px;
box-shadow: 0 0 4.361px #0000001a
}
@media (min-width: 1340px) {
.steps__list:before {
width: 100%;
height: 8px;
top: 39px;
left: 0
}
}
.steps__list--red:before {
background-color: #262626
}
.step {
flex: 0 0 86px;
gap: 20px
}
@media (min-width: 1340px) {
.step {
flex-direction: column
}
}
.step__icon-wrap {
width: 86px;
height: 86px;
background-color: #fff;
flex-shrink: 0;
box-shadow: 0 0 4.361px #0000001a
}
.steps__list--red .step__icon-wrap {
background: #262626
}
.step__name {
text-align: center
}
.features-2__list {
gap: 12px;
margin-bottom: 40px
}
.features-2__item {
padding-left: 24px
}
.features-2__item:before {
content: "";
width: 6px;
height: 6px;
background-color: #4e4e4f;
display: block;
top: 6px;
left: 6px
}
.options-22__box-wrap {
gap: 20px;
margin-top: 50px
}
.options-22__box {
gap: 30px
}
@media (min-width: 1340px) {
.options-22__box {
flex-direction: row;
gap: 60px
}
.options-22__img-wrap {
flex: 0 0 468px
}
}
@media (min-width: 1920px) {
.options-22__img-wrap {
flex: 0 0 550px
}
}
.options-22__img {
width: 100%;
height: auto;
object-fit: cover
}
.options-22__title {
letter-spacing: .11px;
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
line-height: normal
}
@media (min-width: 1340px) {
.options-22__title {
font-size: 22px
}
}
@media (min-width: 1920px) {
.options-22__title {
font-size: 28px
}
}
.options-22__text:not(:last-of-type) {
margin-bottom: 16px
}
.options-22__link {
color: #262626
}
.options-22-features__list {
gap: 8px
}
@media (min-width: 1340px) {
.options-22-features__list {
flex: 0 0 240px
}
}
.options-22-features__item {
gap: 12px;
font-size: 16px;
font-weight: 700
}
.options-22-features__item span {
width: 22px;
height: 22px;
color: #262626;
border: 2px solid #262626;
flex: 0 0 22px;
font-weight: 700
}
.book {
padding: 60px 0
}
@media (min-width: 1340px) {
.book {
padding: 80px 0
}
}
@media (min-width: 1920px) {
.book {
padding: 100px 0
}
}
.book__box {
gap: 24px;
margin: 48px 0
}
@media (min-width: 768px) {
.book__box {
flex-direction: row
}
.book__img-wrap {
flex: 0 0 36%
}
}
@media (min-width: 1340px) {
.book__img-wrap {
flex: 0 0 404px
}
}
@media (min-width: 1920px) {
.book__img-wrap {
flex: 0 0 478px
}
}
.book__img {
width: 100%;
height: auto;
object-fit: cover
}
.book-form {
--gap: 16px;
place-content: flex-start
}
@media (min-width: 1340px) {
.book-form {
--gap: 24px
}
}
.book-form__radio-wrap {
flex: 0 0 100%;
gap: 16px
}
.brochure-type {
align-items: flex-start;
gap: 16px;
display: flex
}
options-23 {
background-color: #f5f5f5;
padding: 60px 0
}
@media (min-width: 1340px) {
options-23 {
padding: 80px 0
}
}
@media (min-width: 1920px) {
options-23 {
padding: 100px 0
}
}
.options-23__box {
gap: 32px
}
.options-23__box:not(:last-of-type) {
margin-bottom: 32px
}
@media (min-width: 1340px) {
.options-23__box {
flex-direction: row;
align-items: center
}
.options-23__box:nth-of-type(2n) {
flex-direction: row-reverse
}
.options-23__img-wrap {
flex: 0 0 468px
}
}
@media (min-width: 1920px) {
.options-23__img-wrap {
flex: 0 0 550px
}
}
.options-23__img {
width: 100%;
height: auto;
object-fit: cover
}
.options-23__title {
letter-spacing: .11px;
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
line-height: normal
}
@media (min-width: 1340px) {
.options-23__title {
font-size: 22px
}
}
@media (min-width: 1920px) {
.options-23__title {
font-size: 28px
}
}
.options-23__text:not(:last-of-type) {
margin-bottom: 16px
}
.options-23__strong {
margin: 20px 0;
display: block
}
.options-23__link {
max-width: -moz-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
text-transform: uppercase;
padding: 8px 28px;
font-weight: 700
}
.gallery-23 {
padding-bottom: 60px
}
@media (min-width: 1340px) {
.gallery-23 {
padding-bottom: 80px
}
}
@media (min-width: 1920px) {
.gallery-23 {
padding-bottom: 100px
}
}
.gallery-23-swiper__wrap {
margin-top: 40px
}
.gallery-23-swiper__btns {
z-index: 5
}
.gallery-23-swiper__btn {
width: 36px;
height: 36px;
z-index: 100;
color: #fff;
top: 50%;
transform: translateY(-50%)
}
.gallery-23-swiper__btn svg {
height: 36px;
stroke: #fff
}
.gallery-23-swiper__btn:hover svg {
stroke: #262626
}
.gallery-23-swiper__btn:disabled svg {
stroke: #ababab
}
@media (min-width: 1340px) {
.gallery-23-swiper__btn {
color: var(--color--primary-1, #4e4e4f)
}
.gallery-23-swiper__btn svg {
stroke: #4e4e4f
}
}
.gallery-23-swiper-btn-prev {
left: 16px
}
@media (min-width: 1340px) {
.gallery-23-swiper-btn-prev {
left: -80px
}
}
.gallery-23-swiper-btn-next {
justify-content: flex-end;
right: 16px
}
@media (min-width: 1340px) {
.gallery-23-swiper-btn-next {
right: -80px
}
}
.gallery-23-slide {
gap: 24px
}
@media (min-width: 768px) {
.gallery-23-slide {
gap: 40px
}
}
@media (min-width: 1340px) {
.gallery-23-slide {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 60px
}
}
@media (min-width: 1920px) {
.gallery-23-slide {
gap: 72px
}
}
.gallery-23-slide__img {
width: 100%;
object-fit: cover;
height: auto
}
.section__link-wrap {
gap: 20px;
margin-top: 40px
}
@media (min-width: 768px) {
.section__link-wrap {
flex-direction: row
}
}
.section__link {
text-transform: uppercase;
padding: 8px 28px;
font-weight: 700
}
.section__text {
font-size: 16px;
line-height: 130%
}
.section__text:not(:last-of-type) {
margin-bottom: 16px
}
@media (min-width: 768px) {
.section__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.section__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.section__text {
font-size: 18px
}
}
.section__text--700 {
font-weight: 700
}
.section__link--red {
color: #262626
}
.section__img-wrap {
gap: 32px;
margin-top: 40px
}
@media (min-width: 768px) {
.section__img-wrap {
flex-direction: row
}
}
.section__img {
width: 100%;
object-fit: cover;
height: auto
}
@media (min-width: 768px) {
.section__img {
width: calc(50% - 10px)
}
}
.section__link-2 {
text-transform: uppercase;
margin: 60px auto;
padding: 8px 28px;
font-weight: 700
}
.box-img {
gap: 32px
}
@media (min-width: 1340px) {
.box-img {
flex-direction: row
}
.box-img__img {
flex: 0 0 428px
}
}
@media (min-width: 1920px) {
.box-img__img {
flex: 0 0 504px
}
}
.box__inner-list {
gap: 4px;
margin: 20px 0 40px
}
@media (min-width: 1340px) {
.box__inner-list {
flex-direction: row;
gap: 20px
}
}
.box__inner-list--2 {
gap: 4px;
margin: 20px 0
}
.box__inner-item {
flex: 0 0 calc(50% - 10px);
gap: 8px
}
.box__inner-item:before {
content: "";
width: 6px;
height: 6px;
background-color: #4e4e4f;
border-radius: 50%;
display: block
}
.benefits-27 {
padding: 60px 0
}
@media (min-width: 1340px) {
.benefits-27 {
padding: 60px 0 80px
}
}
.benefits-27__list {
--gap: 40px;
justify-content: space-between
}
.benefits-27__item {
flex-shrink: 0
}
@media (min-width: 1340px) {
.benefits-27__item {
--items: 5
}
}
.benefit-27 {
gap: 32px
}
@media (min-width: 1340px) {
.benefit-27 {
gap: 24px
}
}
@media (min-width: 1920px) {
.benefit-27 {
gap: 20px
}
}
.benefit-27__icon-wrap {
width: 88px;
height: 88px;
background-color: #fff;
border-radius: 50%;
flex: 0 0 88px;
box-shadow: 0 0 10px #0000001a
}
.benefit-27__text {
color: var(--color--primary-1, #4e4e4f);
text-align: center;
font-size: 18px;
line-height: 130%
}
@media (min-width: 1340px) {
.benefit-27__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.benefit-27__text {
font-size: 18px
}
}
.sm__wrap {
gap: 20px;
display: flex
}
.links__box:not(:last-of-type) {
margin-bottom: 60px
}
.link__list {
gap: 6px
}
.icon-wrap-29 {
width: 88px;
height: 88px;
background-color: #fff;
border-radius: 50%;
flex: 0 0 88px;
margin-bottom: 20px;
box-shadow: 0 0 10px #0000001a
}
.warning {
gap: 16px;
margin-top: 100px
}
.warning svg {
flex-shrink: 0
}
.section-30__box {
background: #f5f5f5;
border-radius: 20px;
gap: 32px;
margin-top: 40px;
padding: 60px
}
@media (min-width: 1340px) {
.section-30__box {
flex-direction: row;
align-items: center
}
}
.section__link--2 {
height: 50px;
text-transform: uppercase;
margin-top: 20px
}
.box__wrap {
gap: 32px
}
@media (min-width: 1340px) {
.box__wrap {
flex-direction: row
}
}
.box__wrap--center {
align-items: center
}
.box {
flex: 0 0 calc(50% - 16px)
}
.box__img {
width: 100%;
object-fit: cover
}
.box-features__list {
gap: 8px;
margin: 24px 0 32px
}
.box-features__item {
gap: 12px;
font-size: 16px;
font-weight: 700
}
@media (min-width: 768px) {
.box-features__item {
font-size: 18px
}
}
@media (min-width: 1340px) {
.box-features__item {
font-size: 16px
}
}
@media (min-width: 1920px) {
.box-features__item {
font-size: 18px
}
}
.box-features__item span {
width: 26px;
height: 26px;
color: #262626;
border: 2px solid #262626;
flex: 0 0 26px;
font-weight: 700
}
.products__list {
--gap: 40px
}
@media (min-width: 768px) {
.products__list {
--gap: 24px
}
}
@media (min-width: 1340px) {
.products__list {
--gap: 48px
}
}
@media (min-width: 1920px) {
.products__list {
--gap: 64px
}
}
@media (min-width: 1340px) {
.products__item {
--items: 2
}
}
.product__link:before {
content: "";
width: 100%;
height: 100%;
}
.product__img {
width: 100%;
max-width: none;
height: auto;
object-fit: cover;
aspect-ratio: 6/3
}
.product__title-3 {
width: 100%;
color: #fff;
text-align: center;
letter-spacing: .08px;
font-size: 22px;
font-weight: 700;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width: 1920px) {
.product__title-3 {
font-size: 28px
}
}
.vacancies {
padding-bottom: 60px
}
@media (min-width: 1340px) {
.vacancies {
padding-bottom: 80px
}
}
@media (min-width: 1920px) {
.vacancies {
padding-bottom: 100px
}
}
.section-31__box {
background: #262626;
border-radius: 30px;
gap: 16px;
margin-bottom: 40px;
padding: 60px
}
.section-31__text {
color: #fff;
letter-spacing: .14px;
font-size: 16px;
font-weight: 500
}
@media (min-width: 768px) {
.section-31__text {
font-size: 20px
}
}
@media (min-width: 1920px) {
.section-31__text {
font-size: 28px
}
}
.vacancies__list {
--gap: 40px
}
@media (min-width: 768px) {
.vacancies__list {
--gap: 60px
}
}
@media (min-width: 1340px) {
.vacancies__list {
--gap: 30px
}
}
@media (min-width: 1920px) {
.vacancies__list {
--gap: 40px
}
}
.vacancies__item {
--items: 1
}
@media (min-width: 1340px) {
.vacancies__item {
--items: 3
}
}
.vacancy {
background-color: #fff;
border-radius: 30px;
gap: 20px;
padding: 40px 24px
}
@media (min-width: 768px) {
.vacancy {
padding: 40px
}
}
@media (min-width: 1340px) {
.vacancy {
padding: 36px 20px
}
}
@media (min-width: 1920px) {
.vacancy {
padding: 48px 36px
}
}
.vacancy__name-wrap {
align-items: baseline
}
.vacancy__name {
font-size: 22px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 768px) {
.vacancy__name {
font-size: 24px
}
}
@media (min-width: 1340px) {
.vacancy__name {
font-size: 22px
}
}
@media (min-width: 1920px) {
.vacancy__name {
font-size: 28px
}
}
.vacancy__date {
color: #4e4e4f80;
text-align: end;
flex: 0 0 100px;
font-size: 16px;
font-weight: 700;
line-height: 130%
}
@media (min-width: 1920px) {
.vacancy__date {
font-size: 20px
}
}
.vacancy__details-wrap {
gap: 4px
}
.vacancy__details {
font-size: 16px;
line-height: 130% . vacancy__details svg;
line-height-flex-shrink: 0;
gap: 8px
}
@media (min-width: 1340px) {
.vacancy__details {
font-size: 14px
}
}
@media (min-width: 1920px) {
.vacancy__details {
font-size: 18px
}
}
.vacancy-benefits__list {
gap: 12px 16px
}
.vacancy-benefits__item {
height: 28px;
border: 1px solid var(--color--brand-1, #262626);
border-radius: 28px;
padding: 4px 12px;
font-size: 14px;
font-weight: 700;
line-height: 130%
}
.vacancy-benefits__item:nth-of-type(n) {
color: #fff;
background-color: var(--color--brand-1, #262626)
}
.vacancy-benefits__item:nth-of-type(2n) {
color: #4e4e4f;
background-color: #0000
}
@media (min-width: 768px) {
.vacancy-benefits__item {
font-size: 16px
}
}
@media (min-width: 1340px) {
.vacancy-benefits__item {
font-size: 14px
}
}
@media (min-width: 1920px) {
.vacancy-benefits__item {
height: 32px;
font-size: 18px
}
}
.vacancy__desc-list {
gap: 4px
}
.vacancy__desc-item {
gap: 8px;
padding-left: 4px;
display: flex
}
.vacancy__desc-item:before {
content: "";
width: 6px;
height: 6px;
background-color: #4e4e4f;
border-radius: 50%;
flex: 0 0 6px;
display: block;
position: relative;
top: 8px
}
.vacancy__text {
font-size: 14px;
line-height: 130%
}
@media (min-width: 768px) {
.vacancy__text {
font-size: 18px
}
}
@media (min-width: 1340px) {
.vacancy__text {
font-size: 16px
}
}
@media (min-width: 1920px) {
.vacancy__text {
font-size: 18px
}
}
.vacancy__text--700 {
font-weight: 700
}
.feedback-form__gender-list {
--items: 1;
gap: 60px
}
.box__text-wrap {
margin-top: 40px
}
.box__text-wrap .box__text {
font-size: 20px;
font-weight: 700
}
@media (min-width: 768px) {
.box__text-wrap .box__text {
font-size: 20px
}
}
@media (min-width: 1340px) {
.box__text-wrap .box__text {
font-size: 22px
}
}
@media (min-width: 1920px) {
.box__text-wrap .box__text {
font-size: 28px
}
}
.box__text-wrap .box__link {
color: #262626
}
.vacancies__btn-more {
color: #ababab;
letter-spacing: .11px;
text-transform: uppercase;
background-color: #0000;
gap: 12px;
margin: 40px auto;
font-size: 22px;
font-weight: 700;
transition: all .2s linear
}
.vacancies__btn-more svg {
fill: currentColor;
transition: all .2s linear;
position: relative
}
.vacancies__btn-more:hover {
color: #262626
}
.vacancies__btn-more:hover svg {
transform: translateY(12px)
}
.background-color--bg-light {
background-color: var(--color--bg-light)
}
.items-1 {
--items: 1
}
@media (min-width: 768px) {
.items-1--768 {
--items: 1
}
}
@media (min-width: 1340px) {
.items-1--1440 {
--items: 1
}
.items-1-5--1440 {
--items: 1.5
}
.items-2--1440 {
--items: 2
}
.items-3--1440 {
--items: 3
}
.order-2--1440 {
order: 2
}
}
.flex-100 {
flex: 0 0 100%
}
.margin-left-auto {
margin-left: auto
}
.margin-top-20 {
margin-top: 20px
}
.margin-top-40 {
margin-top: 40px
}
.margin-bottom-40 {
margin-bottom: 40px
}
.hero-swiper__btns {
position: absolute;
bottom: 0;
width: 100% !important;
z-index: 5;
}
.hero-swiper-btn-prev {
top: -59px;
width: 20px;
height: 20px;
right: 84px;
z-index: 44;
left: inherit;
}
.hero-swiper-btn-next {
top: -59px;
width: 20px;
height: 20px;
right: 40px;
z-index: 44;
}
.hero-social__list {
position: absolute;
top: 30px;
z-index: 4;
left: 30px;
display: flex;
flex-direction: column;
gap: 30px;
padding-top: 190px;
}
.hero-social__item svg {
fill: #fff;
}
.hero-social__item a {
display: flex;
justify-content: center;
}
.hero-swiper__btn svg {
height: 25px;
}
.hero-social__list:before {
content: '';
position: absolute;
width: 1px;
height: 160px;
top: 0;
left: 50%;
background-color: #fff;
}
.hero-swiper-pagination span {
width: auto;
height: 23px;
color: #fff;
border: none;
border-radius: 0;
margin: 0 15px !important;
font-size: 18px;
}
.hero-swiper-pagination span:hover {
color: var(--color--brand-1);
}
.hero-swiper-pagination span.swiper-pagination-bullet-active {
background: none;
border-bottom: 2px solid #fff;
}
.hero-swiper-pagination {
width: 100%;
display: flex;
justify-content: end;
padding-right: 250px;
}
.feedback-form__days-list-new-r .wpcf7-list-item {
display: block;
margin: 0;
}
.feedback-form__days-list-new-r .wpcf7-list-item label .wpcf7-list-item-label {
align-items: center;
display: flex;
gap: 8px;
font-size: 16px;
line-height: 175%;
}
.feedback-form__days-list-new-r .wpcf7-list-item label .wpcf7-list-item-label:before {
content: "";
width: 16px;
height: 16px;
border: 1px solid #ababab;
display: block;
position: relative;
top: inherit;
left: inherit;
}
.feedback-form__days-list-new-r .wpcf7-list-item label .wpcf7-list-item-label:after {
display: none;
}
.feedback-form__days-list-new-r .wpcf7-list-item label input {
display: none;
}
.feedback-form__days-list-new-r .wpcf7-list-item label input:checked + .wpcf7-list-item-label:before {
content: "";
width: 16px;
height: 16px;
border-color: #262626;
background-color: #262626;
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v3/css/checkmark.a4ce2de6.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
display: block;
}
.feedback-form__days-list-new-r .wpcf7-list-item label input:checked + .wpcf7-list-item-label {
font-weight: 700;
}
.feedback-form__time-list-new-r .wpcf7-list-item {
display: block;
margin: 0;
}
.feedback-form__time-list-new-r .wpcf7-list-item label .wpcf7-list-item-label {
align-items: center;
display: flex;
gap: 8px;
font-size: 16px;
line-height: 175%;
}
.feedback-form__time-list-new-r .wpcf7-list-item label .wpcf7-list-item-label:before {
content: "";
width: 16px;
height: 16px;
border: 1px solid #ababab;
display: block;
position: relative;
top: inherit;
left: inherit;
}
.feedback-form__time-list-new-r .wpcf7-list-item label .wpcf7-list-item-label:after {
display: none;
}
.feedback-form__time-list-new-r .wpcf7-list-item label input {
display: none;
}
.feedback-form__time-list-new-r .wpcf7-list-item label input:checked + .wpcf7-list-item-label:before {
content: "";
width: 16px;
height: 16px;
border-color: #262626;
background-color: #262626;
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v3/css/checkmark.a4ce2de6.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
display: block;
}
.feedback-form__time-list-new-r .wpcf7-list-item label input:checked + .wpcf7-list-item-label {
font-weight: 700;
}
.feedback-form__time-list-new-r {
column-count: 2;
display: block;
width: 100%;
}
.each-placeholder .wpcf7-form-control-wrap {
display: block;
}
.each-placeholder input::placeholder {
color: #999999;
font-family: Roboto, sans-serif;
font-size: 16px;
opacity: 1 !important;
}
.each-submit .wpcf7-spinner {
display: none !important;
}
.each-submit .wpcf7-acceptance input {
display: none;
}
.each-submit .wpcf7-acceptance .wpcf7-list-item-label:before {
width: 16px;
height: 16px;
top: 0;
left: 0;
}
.each-submit .wpcf7-acceptance .wpcf7-list-item-label:after {
display: none;
}
.each-submit .wpcf7-acceptance input:checked + .wpcf7-list-item-label:before {
border-color: #262626;
background-color: #262626;
}
.each-submit .wpcf7-acceptance .wpcf7-list-item {
margin-left: 32px;
}
.page-template-ruckrufservice .wpcf7-response-output {
border: none !important;
padding: 0 !important;
}
.feedback-form__gender-list-new .wpcf7-list-item {
margin: 0;
}
.feedback-form__gender-list-new .wpcf7-list-item input {
display: none;
}
.feedback-form__gender-list-new .wpcf7-list-item .wpcf7-list-item-label {
gap: 8px;
font-size: 16px;
line-height: 175%;
display: flex;
}
.feedback-form__gender-list-new .wpcf7-list-item .wpcf7-list-item-label:before {
width: 24px;
height: 24px;
border: 1px solid var(--color--gray-1, #ababab);
display: block;
border-radius: 50%;
}
.feedback-form__gender-list-new .wpcf7-list-item .wpcf7-list-item-label:after {
display: none;
}
.feedback-form__gender-list-new .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
border-color: var(--color--brand-1, #262626);
background-color: var(--color--brand-1, #262626);
}
.textarea-stellenangebote.textarea {
height: 80px;
margin-bottom: 0;
}
.select-stellenangebote.select {
height: auto;
}
.custom-field-file {
--items: 3;
flex-basis: calc((100% - var(--gap)*(var(--items) - 1)) / var(--items));
}
.custom-field-file p {
margin: 0;
}
.custom-field-file .wpcf7-form-control-wrap {
gap: 8px;
display: flex;
align-items: center;
padding: 0 36px;
}
.custom-field-file span.wpcf7-form-control-wrap:not(.zl-form-control-wrap):after {
content: '';
width: 12px;
height: 25px;
background-image: url(//durchdacht.de/wp-content/uploads/2024/03/Mask-group-28.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.custom-field-file input#mfcf7_zl_add_file {
background: no-repeat;
height: auto;
padding: 0;
width: auto;
display: block;
margin: 0;
color: #4e4e4f;
}
@media screen and (max-width: 1339px) {
.hero-social__list:before {
height: 35px;
}
.hero-social__list {
padding-top: 60px;
}
.hero-swiper__btn svg {
stroke: #262626;
}
.hero-swiper-btn-prev {
top: -40px;
right: 74px;
}
.hero-swiper-btn-next {
top: -40px;
right: 30px;
}
.hero-social__list {
padding-top: 5px;
gap: 15px;
}
.hero-social__list:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.hero-swiper-btn-prev {
right: calc(50% + 20px);
}
.hero-swiper-btn-next {
right: calc(50% - 20px);
}
.feedback-form__time-list-new-r {
column-count: 1;
}
}
@media (min-width: 1086px) and (max-width: 1339px) {
.actions-home-slider-img {
height: 450px;
}
}
@media (min-width: 970px) and (max-width: 1085px) {
.actions-home-slider-img {
height: 405px;
}
}
@media (max-width: 1339px) {
.hero-slide__btn-action {
position: absolute;
top: calc(48%);
left: calc(50% - 30px);
}
}
@media (max-width: 1160px) {
.hero-slide__btn-action {
position: absolute;
top: calc(45.5%);
left: calc(50% - 30px);
}
}
@media (max-width: 969px) {
.hero-slide__btn-action {
position: absolute;
top: calc(43.5%);
left: calc(50% - 30px);
width: 220px;
height: 50px;
}
}
@media (max-width: 875px) {
.hero-slide__btn-action {
position: absolute;
top: calc(42.5%);
left: calc(50% - 30px);
height: 45px;
}
}
@media (max-width: 750px) {
.hero-slide__btn-action {
position: absolute;
top: calc(43.5%);
left: calc(50% - 20px);
height: 35px;
width: 165px;
font-size: 14px;
}
}
@media (max-width: 715px) {
.hero-slide__btn-action {
position: absolute;
top: calc(43.5%);
left: calc(50% - 20px);
height: 35px;
width: 165px;
font-size: 14px;
}
}
@media (max-width: 660px) {
.hero-slide__btn-action {
position: absolute;
top: calc(43.5%);
left: calc(50% - 20px);
height: 35px;
width: 165px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.main-page-slider {
display: none;
}
.hero-slide__title {
color: var(--color--bg-light, #f5f5f5);
width: 260px;
word-wrap: break-word;
}
.hero-slide__img {
height: 400px;
filter: brightness(75%);
}
.main-second-slider-content {
position: absolute;
top: 88px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hero-slide__box {
align-items: center;
}
.hero-slide__box:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00000080 0%, #0000001a 5%);
}
.home-products-title {
display: none;
}
.main-products-section {
padding-top: 40px;
}
.hero-slide__box-wrap {
padding-bottom: 0px;
padding-top: 0px;
}
.hero-slide__btn {
position: absolute;
top: 238px;
width: 265px;
}
.products__container--2 {
display: none;
}
.promo-block-main-slider {
background-color: var(--color--brand-1);
color: white;
font-family: Arial, sans-serif;
font-size: 15px;
padding: 10px 20px;
display: flex;
position: absolute;
width: 100%;
font-weight: 700;
flex-direction: column;
align-items: center;
justify-content: center;
height: 54px;
}
.hero-slide__box {
gap: 0px;
}
.promo-block-main-slider .arrow {
max-width: 80px;
fill: currentColor;
position: absolute;
bottom: 7px;
right: 13px;
color: var(--color--bg-light);
}
.promo-block-main-link {
width: 100%;
height: 100%;
z-index: 2;
}
}
@media (min-width: 1340px) {
.actions-home-slider-img {
height: 555px;
}
}
@media (min-width: 1690px) {
.actions-home-slider-img {
height: 572px;
}
}
@media (min-width: 1340px) {
.hero-slide__btn-action {
position: absolute;
top: calc(138%);
left: calc(50% - 30px);
}
}
@media (min-width: 1600px) {
.hero-slide__btn-action {
position: absolute;
top: calc(142%);
left: calc(50% - 30px);
}
}
@media (min-width: 1850px) {
.hero-slide__btn-action {
position: absolute;
top: calc(147%);
left: calc(50% - 30px);
}
}
@media (min-width: 1950px) {
.hero-slide__btn-action {
position: absolute;
top: calc(153%);
left: calc(50% - 30px);
}
}
.products-items {
z-index: 2;
}
html :where(img[class*=wp-image-]) {
display: unset !important;
}