*, :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: #b72025;
--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, #b72025);
background-color: var(--color--brand-1, #b72025)
}
.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, #b72025);
border-color: var(--color--brand-1, #b72025)
}
.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, #b72025);
border-color: var(--color--brand-1, #b72025)
}
.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, #b72025);
border-color: var(--color--brand-1, #b72025)
}
.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, #b72025)
}
.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%
}
@media (max-width: 1339px) {
.header-nav {
display: none
}
}
.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, #b72025);
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, #b72025);
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, #b72025);
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, #b72025);
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, #b72025);
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_v2/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, #b72025);
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 #b72025
}
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: #b72025
}
.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) {
.header-btns__item:nth-of-type(1) {
display: none
}
.actions-home-slider-img {
height: 100% !important;
}
.main-page-slider, .newsline {
display: none;
}
}
.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: #b72025
}
.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: #b72025
}
.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, #b72025)
}
.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, #b72025);
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, #b72025);
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;
background: var(--color--brand-1);;
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 {
color: #fff;
letter-spacing: .09px;
text-transform: uppercase;
justify-content: center;
gap: 16px;
font-size: 18px;
font-weight: 700;
background-color: var(--color--brand-1, #b72025);
border-radius: 40px;
font-size: 15px;
font-weight: 700;
width: 150px;
height: 36px;
text-align: center;
border: 2px solid #ffffff; }
.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%;
background: linear-gradient(345deg, #000000b3 4.34%, #00000061 28%, #0000 44.9%)
}
.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__list {
--gap: 40px;
justify-content: space-between
}
@media (min-width: 768px) {
.benefits-1__list {
--gap: 24px
}
}
@media (min-width: 1340px) {
.benefits-1__list {
--gap: 48px
}
}
@media (min-width: 1920px) {
.benefits-1__list {
--gap: 64px
}
}
.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__icon-wrap {
width: 88px;
height: 88px;
background-color: #fff;
border-radius: 20px;
flex: 0 0 88px;
box-shadow: 0 0 10px #0000001a
}
.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;
margin: 48px auto 0;
font-weight: 700
}
@media (min-width: 768px) {
.benefits-1__link {
margin-top: 80px;
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: #b72025
}
.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: #b72025
}
.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 {
max-width: 190px;
color: var(--color--brand-1, #b72025);
letter-spacing: .15px;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 8px;
font-size: 30px
}
.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, #b72025);
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, #b72025)
}
.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: #b72025
}
.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, #b72025);
background-color: var(--color--brand-1, #b72025);
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v2/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, #b72025);
background-color: var(--color--brand-1, #b72025);
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, #b72025)
}
.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, #b72025);
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: #b72025
}
.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: #b72025;
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: #b72025;
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, #b72025)
}
.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, #b72025);
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, #b72025);
border: 2px solid var(--color--brand-1, #b72025);
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: #b72025
}
.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: #b72025
}
@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: #b72025;
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: #b72025;
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, #b72025);
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: #b72025;
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, #b72025);
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: #b72025;
border: 2px solid #b72025;
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: #b72025
}
.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: #b72025;
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: #b72025
}
.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: #b72025
}
@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, #b72025)
}
.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_v2/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, #b72025);
background-color: var(--color--brand-1, #b72025)
}
.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, #b72025);
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: #b72025;
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: #b72025
}
.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: #b72025
}
.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: #b72025
}
.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: #b72025
}
.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: #b72025
}
.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: #b72025;
border: 2px solid #b72025;
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: #b72025
}
.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: #b72025
}
.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: #b72025;
border: 2px solid #b72025;
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: 3
}
}
.product__link:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00000080 99.99%, #0000 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: #b72025;
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, #b72025);
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, #b72025)
}
.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: #b72025
}
.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: #b72025
}
.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: #b72025;
background-color: #b72025;
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v2/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: #b72025;
background-color: #b72025;
background-image: url(//durchdacht.de/wp-content/themes/durchdacht_v2/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: #b72025;
background-color: #b72025;
}
.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, #b72025);
background-color: var(--color--brand-1, #b72025);
}
.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: #b72025;
}
.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;
}a{
text-decoration: none;
color: var(--color--primary-1,#4e4e4f);
letter-spacing: .09px;
}
.entry-content a, article a {
color: #b72025;
}
@media (min-width: 768px) {
input#mailster-email-1 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
input#mailster-email-1 {
background-color: var(--color--bg-light,#f5f5f5);
}
@media (min-width: 1340px) {
input#mailster-email-1, .submit-button.button {
width: 300px;
font-size: 16px;
}
}
input#mailster-email-1, .submit-button.button {
width: 100%;
height: 60px;
border-radius: 30px;
padding: 0 28px;
}
input#mailster-email-1{
align-items: center;
display: flex;
}
.hero-slide__btn {
text-decoration: none;
}
@media (min-width: 1340px){
.hero-slide__title {
max-width: 704px;
}
}
.newsline__text {
font-weight: 600;
}
.header_cart_count {
background: #b72025;
color: #fff;
text-align: center;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
position: absolute;
font-size: 12px;
margin-top: -19px;
margin-right: -18px;
}
@media (min-width: 1920px){
.product__title {
font-size: 28px;
}
}
@media (min-width: 1340px){
.product__title {
font-size: 21px;
}
}
.mailster-form-fields {
align-items: center;
display: flex;
}
@media (min-width: 768px) {
input#mailster-email-1 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
input.submit-button.button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.mailster-wrapper.mailster-submit-wrapper.form-submit {
margin: 0;
margin-bottom: 2px;
}
input.submit-button.button {
color: #fff;
letter-spacing: .08px;
text-transform: uppercase;
background-color: var(--color--brand-1,#b72025);
font-size: 16px;
font-weight: 700;
}
@media (max-width: 768px){
.mailster-form-fields {
flex-direction: column;
gap: 30px;
}
.mailster-form-fields>div {
width: 100%;
}
}
.breadcrumbs.container span, .breadcrumbs.container {
color: var(--color--gray-1,#ababab);
}
.equipment p {
display: block;
font-size: 1.5em;  margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.equipment ul li:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTAuMzgxNkw4LjMwMDk3IDEzLjY2NjdMMTUgNyIgc3Ryb2tlPSIjQjcyMDI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K) no-repeat center/contain;
}
.equipment ul li:not(:last-child) {
margin-bottom: 8px;
}
.equipment ul li {
font-size: 14px;
position: relative;
text-decoration: navajowhite;
color: #4E4E4F;
padding-left: 28px;
}
h2.page_title, .options-container-2__desc h2 {
margin-bottom: 30px;
}
.options-description__img {
max-width: 420px;
}
.table-price td:first-child, .table-price tr:first-child td {
background: none!important;
color: #B72025;
font-weight: bold;
}
.table-price tr:nth-child(2n+1) td {
background-color: #F5F5F5;
}
.table-price td {
border: 1px solid #ABABAB;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
.table td, .table th {
padding: 0.75rem;
vertical-align: top;
}
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.card-page-extended__text h3 {
font-size: 20px;
font-weight: 700;
color: #4e4e4f;
line-height: 115%;
margin-bottom: 10px;
}
.product-2__price .price {
margin-left: 5px;
box-shadow: none;
}
.product-2__price {
width: 225px;
}
.options-container-6__desc h3 {
margin-top: 30px;
margin-bottom: 5px;
}
ul.products-2__list {
width: 100%;
}
li .woocommerce-Price-currencySymbol {
padding-left: 5px;
color: var(--color--brand-1,#b72025);
font-size: 16px;
font-weight: 600;
}
.product-2__price bdi {
font-size: 16px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 16px;
}
.wc-proceed-to-checkout {
margin-bottom: 70px;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
padding: 17px 30px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
background-color: #b72025;
color: #fff;
}
.order-total.tax-total {
font-size: 18px;
}
form.checkout.woocommerce-checkout {
margin-bottom: 70px;
}
li.active.active a {
color: #4e4e4f;
}
.woocommerce-MyAccount-navigation ul li {
border: solid 1px #b72025;
text-align: center;
margin-bottom: 15px;
font-style: normal;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
cursor: pointer;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
margin: 0;
width: 100%;
padding: 15px;
}
.woocommerce-MyAccount-navigation ul li:hover {
background-color: #b72025;
}
.woocommerce-MyAccount-navigation ul li:hover a {
color: #fff;
}
[type="submit"] {
font-size: 14px;
}
.entry-content ul {
list-style: circle !important;
font-size: 16px;
}
.entry-content li {
list-style-type: disc;
margin-left: 30px;
}
.amount span {
font-weight: 600;
}
.btn_slider {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 300px;
width: 100%;
margin: 0;
padding: 17px 10px;
}
.btn_form:hover,
.btn_slider:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #910b0f !important;
color: #fff;
}
.btn_form {
background: #b72025 !important;
border-radius: 30px;
max-width: 350px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
}
form input {
background: #fff;
color: #000;
font-size: 14px;
height: 2.5rem;
border-radius: 0.25rem;
padding: 0.5rem;
padding-left: 0.625rem;
margin: 0 0 1.6875rem;
width: 100%;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.page_title {
padding-bottom: 30px;
}
.page_title span {
display: block;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 255px;
width: 100%;
margin: 0;
padding: 17px 10px;
text-align: center;
}
.slider {
width: 100%;
margin: 0 auto;
}
.kontakt_page {
padding-top: 0;
}
.kontakt_form {
background: #f5f5f5;
border-bottom: solid 1px #ababab;
}
.kontakt_form form input {
width: 100%;
height: 52px;
background-color: #fff;
border-radius: 16px;
padding: 0 36px;
border:none;
}
.faq_bg {
background: #f5f5f5;
}
.faq_page {
padding-top: 0;
}
.faq-container {
margin-top: 30px;
}
.faq {
position: relative;
overflow: hidden;
transition: 0.3 ease;
cursor: pointer;
display: none;
}
.faq-title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin: 0;
padding: 17px 30px;
}
.faq-text {
display: none;
padding: 14px 0;
border-top: solid 1px #ababab;
margin: 0 30px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
}
.page_title_bg span {
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
letter-spacing: 0.005em;
color: #fff;
}
.login_page {
padding: 40px 0 80px;
}
.form_page {
border-bottom: none;
}
.form_page input {
max-width: 350px;
display: block;
}
.form_h h5,
.form_login h5,
form h5 {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 25px;
}
.form_h p,
.form_login p,
form p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
margin-bottom: 20px;
max-width: 350px;
}
.form_login p {
max-width: 100%;
}
a.password_loss {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #b72025;
margin: 25px 0;
display: block;
}
p.data_protection {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
margin-bottom: 0;
}
p.data_protection a {
color: #b72025;
}
.form_login:first-child {
margin-bottom: 35px;
}
.btn_login_page {
max-width: 350px;
margin-top: 40px;
}
.title a {
position: absolute;
right: 0;
}
.woocommerce form .form-row input.input-text {
background: #f5f5f5;
border-radius: 30px;
border: solid 1px #fff;
height: 55px;
padding: 20px 32px;
margin-bottom: 25px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #ababab;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce form .form-row {
padding: 0;
margin: 0;
display: inline-block;
float: none !important;
width: 50%;
max-width: 100%;
}
[type="submit"] {
font-size: 14px;
}
p.data_protection {
padding-bottom: 30px;
}
@media only screen and (max-width: 1050px) {
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.kontakt_form form input.btn_form {
margin-bottom: 0;
}
.faq-title {
font-size: 16px;
max-width: 85%;
}
.page_title_bg span {
font-size: 18px;
line-height: 21px;
}
}
@media only screen and (max-width: 480px) {
.woocommerce form .form-row {
width: 100%;
}
.woocommerce form .form-row:nth-child(1),
.woocommerce form .form-row:nth-child(8) {
padding-right: 0;
}
.woocommerce form .form-row:nth-child(2),
.woocommerce form .form-row:nth-child(9) {
padding-left: 0;
}
.woocommerce form .form-row:nth-child(8) input {
margin-bottom: 25px;
}
}
body {
min-height: 100vh;
}
.shop-title-bg {
display: none;
padding: 42px 0 0 0;
height: 310px;
background-position: 40% 50%;
}
.shop-title-bg h2 {
font-size: 46px;
font-weight: 700;
margin-bottom: 14px;
color: #fff;
}
.shop-title-bg h2 br {
display: none;
}
.shop-title-bg p {
margin: 0;
font-size: 40px;
letter-spacing: 0.005em;
color: #fff;
}
@media screen and (max-width: 991px) {
.shop-title-bg {
height: 180px;
background-size: cover;
background-position: 50% 50%;
}
.shop-title-bg h2 {
font-size: 28px;
margin-bottom: 8px;
line-height: 110%;
}
.shop-title-bg p {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.shop-title-bg {
padding-top: 26px;
}
.shop-title-bg h2 br {
display: block;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.btn {
background: #b72025;
border-radius: 30px;
max-width: 350px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:focus,
.btn:hover {
text-decoration: none;
}
.btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
article h2 {
margin-top: 15px;
margin-bottom: 10px;
}
section {
padding: 90px 0 100px 0;
}
.btn {
outline: 0 !important;
box-shadow: none !important;
}
.btn_classic {
border: solid 2px #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
max-width: 255px;
width: 100%;
margin: 0;
padding: 14px 11px;
color: #b72025;
background: transparent;
display: inline-block;
}
.btn_classic:hover {
background: #b72025;
color: #fff;
}
.page_title {
padding-bottom: 30px;
}
.page_title span {
display: block;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.page_titles {
padding-bottom: 45px;
}
.page_titles span {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.home_why {
background: #f5f5f5;
}
.block_why {
align-items: center;
display: flex;
}
.home_why .col-md-4 {
margin-bottom: 50px;
}
.home_why .col-md-4:nth-child(1) .block_why_icon svg {
top: -4px;
left: -7px;
}
.block_why_icon {
max-width: 65px;
width: 100%;
height: 65px;
background: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
border-radius: 50%;
position: relative;
margin-right: 20px;
}
.block_why_icon svg {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.block_why_text {
max-width: 246px;
width: 100%;
}
.block_why_text span {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #4e4e4f;
}
.advantages_page {
padding-top: 0;
}
.advantages_list_all:nth-child(1) {
border-bottom: solid 1px #ababab;
padding-bottom: 80px;
margin-bottom: 80px;
}
.advantages_page .col-md-3 {
padding-right: 0;
}
.advantages_title {
margin-bottom: 45px;
}
.advantages_title span {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.advantages_title span span {
color: #b72025;
}
.advantages_blocks {
margin-bottom: 40px;
}
.advantages_blocks_icon {
margin-bottom: 17px;
}
.advantages_blocks_title {
margin-bottom: 16px;
}
.advantages_blocks_title span {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
}
.advantages_blocks_info p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20, 8px;
color: #4e4e4f;
margin-bottom: 0;
}
.advantages_cover .block_why {
align-items: flex-start;
}
.advantages_cover .block_why_text span {
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
color: #4e4e4f;
}
.advantages_cover .block_why_text p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23.4px;
color: #4e4e4f;
margin-top: 14px;
margin-bottom: 0;
}
.advantages_cover .col-md-4:nth-child(1) .block_why_icon svg {
top: 0;
left: 0;
}
.title a {
position: absolute;
right: 0;
}
[type="submit"] {
font-size: 14px;
}
.de_t {
margin-bottom: 30px;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
.page_titles {
padding-bottom: 25px;
}
.advantages_page .col-md-3 {
flex: 0 0 33%;
max-width: 33%;
}
}
@media only screen and (max-width: 890px) {
.home_why .col-md-4 {
margin-bottom: 20px;
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span,
.page_titles span {
font-size: 20px;
line-height: 23px;
}
.home_why .col-md-4:nth-child(6) {
margin-bottom: 40px;
}
.block_why_text span {
font-size: 14px;
}
.advantages_title span {
font-size: 18px;
line-height: 21px;
}
.advantages_title {
margin-bottom: 25px;
}
.advantages_page .col-md-3 {
flex: 0 0 50%;
max-width: 50%;
}
.advantages_page .col-md-3 {
padding-right: 15px;
}
.advantages_blocks {
padding-left: 25px;
margin-bottom: 30px;
}
.advantages_list_all:nth-child(1) {
padding-bottom: 30px;
margin-bottom: 40px;
}
}
.width-b {
position: relative;
display: none;
}
@media only screen and (max-width: 600px) {
.advantages_cover .block_why {
justify-content: center;
}
.home_why .col-md-4 {
margin-bottom: 20px;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 480px) {
.advantages_page .col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
.advantages_cover .block_why {
justify-content: end;
}
}
.width-b {
display: none !important;
}
@media screen and (max-width: 767px) {
.de_t {
display: none;
}
}
.d-none {
display: none !important;
}
.text-center {
text-align: center!important;
}
.type-page p {
margin-top: 10px;
margin-bottom: 1rem;
}
figure {
margin: 0 0 1rem;
}
.kontakt_block .info a:hover {
color: #b72025;
}
.kontakt_page {
padding-top: 0;
}
.kontakt_block:not(:last-child) {
margin-bottom: 40px;
}
.kontakt_block .title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
margin-bottom: 17px;
text-align: left;
}
.kontakt_block .info a,
.kontakt_block .info p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
}
.title a {
position: absolute;
right: 0;
}
[type="submit"] {
font-size: 14px;
}
.wpcf7 input[type="file"] {
cursor: pointer;
width: 100%;
box-sizing: border-box;
cursor: pointer;
border: none;
outline: 0;
display: none;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.kontakt_block,
.kontakt_block:not(:last-child) {
margin-bottom: 20px;
}
.kontakt_block .title {
margin-bottom: 8px;
}
.kontakt_block .title span {
font-size: 16px;
}
.kontakt_block .info a,
.kontakt_block .info p {
font-size: 14px;
}
}
.wpcf7-not-valid {
border: 1px solid #b72025 !important;
display: table-row-group;
}
.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 input[type="file"] {
padding: 15px 30px;
}
.checkbox {
width: 100%;
margin-bottom: 35px;
position: relative;
display: block;
}
.checkbox label {
position: relative;
display: block;
padding-left: 25px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox input[type="checkbox"] {
width: auto;
opacity: 0.00000001;
position: absolute;
left: 0;
margin-left: -20px;
}
.checkbox label span {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
}
.wpcf7-form input[type="checkbox"] + span:before {
display: block;
position: absolute;
content: "";
top: -1px;
left: -5px;
width: 22px;
height: 22px;
transition: transform 0.28s ease;
border-radius: 0;
border: solid 1px #ababab;
background: 0 0;
}
.wpcf7-form input[type="checkbox"] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 22px;
width: 22px;
background: 0 0;
top: 2px;
left: -5px;
border-radius: 0;
color: #fff;
visibility: hidden;
font-size: 16px;
text-align: center;
}
.wpcf7-form input[type="checkbox"]:checked + span:before {
background: #b72025;
border: solid 1px #b72025;
}
.wpcf7-form input[type="checkbox"]:checked + span:after {
visibility: visible;
}
.checkbox p {
max-width: 100%;
}
.wpcf7-textarea {
width: 100%;
height: 130px;
resize: none;
background-color: #fff;
border-radius: 16px;
padding: 16px 36px;
}
.wpcf7-text {
width: 100%;
height: 55px;
background-color: #fff;
border-radius: 16px;
padding: 0 36px;
border: none;
}
select {
width: 100%;
box-sizing: border-box;
cursor: pointer;
border: none;
outline: 0;
position: relative;
height: 52px;
background-color: #fff;
border-radius: 16px;
padding: 0 36px;
background-image: linear-gradient( 45deg, transparent 50%, gray 50%), linear-gradient( 135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 24px) calc(1em + 9px), calc(100% - 20px) calc(1em + 9px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0px 1.5em;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
color: #4E4E4F;
}
.form__btn--submit, .wpcf7-submit {
width: 100%;
max-width: 300px;
height: 50px;
color: #fff;
letter-spacing: .08px;
text-transform: uppercase;
background-color: var(--color--brand-1, #b72025);
border-radius: 32px;
padding: 8px 28px;
font-size: 16px;
font-weight: 700;
}
span.wpcf7-form-control-wrap {
width: 100%;
}
.items-3--1440.text__label input {
margin-bottom: 0;
}
section.hero {
padding: 0;
}
.wpcf7-textarea {
margin-bottom: 30px;
}
label.file__label>span {
display: none;
}
.fbc-page .fbc-items {
margin-bottom: 20px;
list-style: none;
border-radius: 4px;
}
.fbc-page .fbc-items > li {
display: inline-block;
}
.fbc-page .fbc-items > li + li:before {
color: #ccc;
}
.fbc-page * {
margin: 0;
padding: 0;
}
.fbc-page .fbc-wrap .fbc-items {
margin: 0;
padding: 0;
width: auto;
display: block;
float: left;
font-size: 16px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 0;
line-height: normal;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 16px;
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
border-radius: 0 4px 4px 0;
padding-right: 15px;
}
.fbc-page .fbc-wrap .fbc-items li a {
color: #337ab7;
}
.fbc-page .fbc-wrap .fbc-items li.active a {
color: #27272a;
}
@media (max-width: 768px) {
.fbc-page .fbc-wrap .fbc-items {
padding: 0 10px;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(7),
.fbc-page .fbc-wrap .fbc-items li:nth-child(8),
.fbc-page .fbc-wrap .fbc-items li:nth-child(9) {
padding-top: 0;
}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator {
margin-left: 5px;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(even) .fbc-separator {
margin: 0 0;
}
}
.fbc-page .clearfix::after,
.fbc-page .clearfix::before {
content: " ";
display: table;
}
.fbc-page .clearfix::after {
clear: both;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
margin-right: 3px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 2px;
}
nav.list_socia {
margin-top: 35px;
}
nav.list_socia li {
display: inline-block;
}
nav.list_socia li:not(:last-child) {
margin-right: 15px;
}
nav.list_socia li a:hover svg path {
fill: #b72025;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 0 2px;
}
.um .um-item-meta a,
.um-account-name a:hover {
color: #b72025 !important;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.list_socia {
margin-bottom: 15px;
}
}
.section-text__wrapper {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.section-text__wrapper {
margin-bottom: 50px;
}
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.main {
overflow-x: hidden;
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.partners-top {
padding-top: 0;
}
.partners-top__title {
margin-bottom: 40px;
line-height: 100%;
padding-bottom: 0;
}
.partners-top__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.partners-top__list-social {
margin-top: 0;
}
.partners-top__item {
flex: 0 0 25%;
max-width: calc(25% - 15px);
width: 100%;
margin-bottom: 15px;
}
.partners-top__item-title {
display: block;
font-weight: 700;
font-size: 18px;
color: #4e4e4f;
margin-bottom: 15px;
}
.partners-top__item-text {
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
text-decoration: none;
margin: 0;
}
.partners-top__item-link:hover {
color: #b72025;
}
nav.partners-top__list-social {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.partners-top__title {
margin-bottom: 25px;
}
.partners-top__list {
margin-bottom: -15px;
}
.partners-top__item {
flex: 0 0 100%;
max-width: calc(100% - 10px);
width: 100%;
}
.partners-top__item:not(:nth-child(2n)) {
margin-right: 20px;
}
.partners-top__item-title {
margin-bottom: 5px;
}
}
@media screen and (max-width: 360px) {
.partners-top__item-text {
font-size: 14px;
}
}
.partners {
background: #f5f5f5;
border-bottom: 1px solid #ababab;
}
.partners__wrap {
max-width: 100%;
}
.partners__item {
margin-bottom: 30px;
}
.partners__item h3 {
font-size: 26px;
line-height: 130%;
color: #4e4e4f;
margin-bottom: 10px;
font-weight: 700;
}
.partners__item p {
font-size: 16px;
margin-top: 0;
line-height: 130%;
}
.partners__btn-block {
display: flex;
}
.partners__btn {
max-width: 350px;
}
.partners__btn:first-child {
margin-right: 30px;
}
@media screen and (max-width: 767px) {
.partners__item {
margin-bottom: 20px;
}
.partners__item h3 {
font-size: 22px;
}
.partners__btn-block {
flex-direction: column;
}
.partners__btn {
margin: 0 auto;
}
.partners__btn:first-child {
flex-direction: column;
margin-bottom: 20px;
margin-right: auto;
}
}
body {
min-height: 100vh;
}
.d-none {
display: none !important;
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
.fbc-page .fbc-items {
margin-bottom: 20px;
list-style: none;
border-radius: 4px;
}
.fbc-page .fbc-items > li {
display: inline-block;
}
.fbc-page .fbc-items > li + li:before {
color: #ccc;
}
.fbc-page * {
margin: 0;
padding: 0;
}
.fbc-page .fbc-wrap .fbc-items {
margin: 0;
padding: 0;
width: auto;
display: block;
float: left;
font-size: 16px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 0;
line-height: normal;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 16px;
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
border-radius: 0 4px 4px 0;
padding-right: 15px;
}
.fbc-page .fbc-wrap .fbc-items li a {
color: #337ab7;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 5px;
}
.fbc-page .fbc-wrap .fbc-items li.active a {
color: #27272a;
}
@media (max-width: 768px) {
.fbc-page .fbc-wrap .fbc-items {
padding: 0 10px;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(7),
.fbc-page .fbc-wrap .fbc-items li:nth-child(8),
.fbc-page .fbc-wrap .fbc-items li:nth-child(9) {
padding-top: 0;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 1px;
}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator {
margin-left: 5px;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(even) .fbc-separator {
margin: 0 0;
}
}
.fbc-page .clearfix::after,
.fbc-page .clearfix::before {
content: " ";
display: table;
}
.fbc-page .clearfix::after {
clear: both;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
margin-right: 3px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 2px;
}
.wpcf7-form input[type="checkbox"]:checked + span:before {
background: #b72025;
border: solid 1px #b72025;
}
.wpcf7-form input[type="checkbox"]:checked + span:after {
visibility: visible;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 0 2px;
}
.page_bg_img {
background-size: cover;
background-repeat: no-repeat;
padding: 112px 0;
}
.page_title_bg span {
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
letter-spacing: 0.005em;
color: #fff;
}
.form_page {
border-bottom: none;
}
.form_page input {
max-width: 350px;
display: block;
}
.form_h h5,
form h5 {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 25px;
}
.form_h p,
form p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
margin-bottom: 20px;
max-width: 350px;
}
.content_checkbox:last-child {
padding-bottom: 15px;
}
.title a {
position: absolute;
right: 0;
}
li.active.active a {
color: #4e4e4f;
}
.content_checkbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #ababab;
}
.content_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
[type="submit"] {
font-size: 14px;
}
label[for="shipping_method_0_free_shipping1"]:after {
content: "0€";
float: right;
}
.de_t {
margin-bottom: 30px;
}
section#contact p {
font-size: 16px;
}
.ft-img {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.ft-img img {
max-width: 100%;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
#menu {
background-color: #fff;
}
.home_sd {
height: 350px;
min-height: 175px;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.menu_top {
padding-bottom: 0;
}
.page_bg_img {
padding: 35px 0;
}
.page_title_bg span {
font-size: 18px;
line-height: 21px;
}
}
.width-b {
position: relative;
display: none;
}
.first-screen {
position: relative;
height: 263px;
display: flex;
align-items: center;
}
.first-screen__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.first-screen__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.first-screen__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 10.52%, rgba(0, 0, 0, 0) 89.83%);
}
.first-screen__title .housing-construction-top__title {
letter-spacing: 0.5px;
}
.section-text__wrapper {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.first-screen {
height: 190px;
}
.section-text__wrapper {
margin-bottom: 50px;
}
}
.width-b {
display: none !important;
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.de_t {
display: none;
}
}
li.checked input {
background: #b72025;
border: 2px solid #b72025 !important;
}
.main {
overflow-x: hidden;
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.quotation-requests-home {
position: relative;
padding: 85px 0 125px 0;
}
.quotation-requests-home__bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
}
.quotation-requests-home__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90.11deg, #000 0.09%, rgba(0, 0, 0, 0) 99.92%);
opacity: 0.6;
z-index: 1;
}
.quotation-requests-home__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.quotation-requests-home__title {
position: relative;
z-index: 2;
}
.quotation-requests-home__title h1 {
color: #fff;
font-size: 46px;
font-weight: 700;
line-height: 100%;
}
@media screen and (max-width: 991px) {
.quotation-requests-home__title h1 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.quotation-requests-home {
padding: 60px 0;
}
.quotation-requests-home__title h1 {
font-size: 26px;
}
}
.quotation-requests-text {
padding-top: 0;
}
.quotation-requests-text .breadcrumbs {
margin-bottom: 50px;
}
.quotation-requests-text__title {
margin-bottom: 12px;
}
.quotation-requests-text__text {
margin-bottom: 30px;
max-width: 890px;
}
.quotation-requests-text__btn {
max-width: 350px;
}
@media screen and (max-width: 991px) {
.quotation-requests-text .breadcrumbs {
margin-bottom: 30px;
}
}
.quotation-requests-form {
background: #f5f5f5;
}
.quotation-requests-form .wpcf7-list-item-label {
max-width: 1100px;
display: block;
}
.quotation-requests-form select {
border-radius: 30px;
height: 55px;
font-size: 13px;
color: #4e4e4f;
padding: 0 32px;
margin: 0;
position: relative;
}
.quotation-requests-form select::placeholder {
color: #ababab;
}
.quotation-requests-form select:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.quotation-requests-form input {
background: #fff;
border-radius: 30px;
height: 55px;
font-size: 13px;
color: #4e4e4f;
border: none;
padding: 0 32px;
margin: 0;
}
.quotation-requests-form input::placeholder {
color: #ababab;
}
.quotation-requests-form__wrap {
display: flex;
flex-wrap: wrap;
}
.quotation-requests-form__inner-one {
flex: 0 0 66.66%;
max-width: 66.66%;
display: flex;
flex-wrap: wrap;
}
.quotation-requests-form__item-file {
position: relative;
margin: 0 0 0 30px !important;
}
.quotation-requests-form__item-file:before {
content: "Datei hochladen";
position: absolute;
left: 0;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background: #d7d7d7;
width: 100%;
max-width: 100%;
border-radius: 30px;
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
}
.quotation-requests-form__item-checkbox {
flex: 0 0 100%;
max-width: 100%;
}
.quotation-requests-form .wpcf7-form input[type="checkbox"] + span:before {
top: 3px;
}
.quotation-requests-form .wpcf7-form input[type="checkbox"] + span:after {
top: 6px;
}
.quotation-requests-form__item-title {
display: flex;
align-items: center;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-bottom: 11px;
}
.quotation-requests-form__item-title p {
margin: 0;
font-size: 13px;
color: #4e4e4f;
}
.quotation-requests-form__item-one {
flex: 0 0 50%;
max-width: calc(50% - 15px);
margin-bottom: 30px;
}
.quotation-requests-form__item-one:not(:nth-child(2n)) {
margin-right: 30px;
}
.quotation-requests-form__inner-two {
flex: 0 0 33.33%;
max-width: calc(33.33% - 30px);
margin-left: 30px;
}
.quotation-requests-form__item-two {
margin-bottom: 30px;
max-width: 100%;
width: 100%;
}
.quotation-requests-form__item-textarea textarea {
border: none;
width: 100%;
padding: 20px 32px;
background: #fff;
border-radius: 30px;
font-size: 13px;
}
.quotation-requests-form__item-textarea textarea::placeholder {
color: #ababab;
}
.quotation-requests-form__btn {
background: #b72025 !important;
color: #fff !important;
max-width: 350px;
width: 100%;
}
.quotation-requests-form__btn:hover {
background: #910b0f !important;
}
@media screen and (max-width: 1200px) {
.quotation-requests-form .file-632:before {
left: 20%;
}
}
@media screen and (max-width: 767px) {
.quotation-requests-form__inner-one {
flex: 0 0 100%;
max-width: 100%;
}
.quotation-requests-form__inner-two {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
}
.quotation-requests-form__item-one {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.quotation-requests-form__item-one:not(:nth-child(2n)) {
margin-right: 0;
}
.quotation-requests-form__item-two {
margin-bottom: 15px;
}
.quotation-requests-form__item-file {
margin: 0 0 15px 0 !important;
}
.quotation-requests-form__item-checkbox .checkbox {
margin-bottom: 15px;
}
.quotation-requests-form__btn {
max-width: 100%;
}
}
body {
min-height: 100vh;
}
.housing-construction-top {
padding: 70px 0 80px 0;
position: relative;
}
.housing-construction-top__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.housing-construction-top__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90.11deg, #000 0.09%, rgba(0, 0, 0, 0) 99.92%);
opacity: 0.6;
z-index: 1;
}
.housing-construction-top__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.housing-construction-top__title h1 {
font-size: 46px;
font-weight: 700;
color: #fff;
position: relative;
z-index: 5;
line-height: 120%;
}
.housing-construction p {
margin: 0;
}
@media screen and (max-width: 991px) {
.housing-construction-top__title h1 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.housing-construction-top {
padding: 60px 0;
}
.housing-construction-top__title h1 {
font-size: 26px;
}
.housing-construction-top__title h1 br {
display: none;
}
}
.housing-construction__title {
font-weight: 700;
font-size: 26px;
line-height: 117%;
color: #4e4e4f;
}
.housing-construction-home {
padding-top: 0;
}
.housing-construction-home__title {
font-size: 30px;
font-weight: 700;
line-height: 117%;
color: #4e4e4f;
margin-bottom: 15px;
}
.housing-construction-home__top {
max-width: 920px;
margin-bottom: 50px;
}
.housing-construction-home__title-two {
margin-bottom: 25px;
max-width: 870px;
}
.housing-construction-home__wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px;
}
.housing-construction-home__item {
flex: 0 0 50%;
max-width: calc(50% - 45px);
width: 100%;
margin-bottom: 30px;
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 90px;
}
.housing-construction-home__item h3 {
font-weight: 700;
font-size: 20px;
color: #4e4e4f;
margin-bottom: 10px;
line-height: 117%;
}
@media screen and (max-width: 991px) {
.housing-construction-home__title {
font-size: 26px;
}
.housing-construction-home__top {
margin-bottom: 30px;
}
.housing-construction-home__item {
max-width: calc(50% - 10px);
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.housing-construction__title {
font-size: 20px;
}
.housing-construction-home__title {
font-size: 26px;
}
.housing-construction-home__top {
margin-bottom: 30px;
}
.housing-construction-home__item {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.housing-construction-contact {
background: #f5f5f5;
}
.housing-construction-contact__title {
margin-bottom: 40px;
max-width: 840px;
}
.housing-construction-contact__inner {
display: flex;
flex-wrap: wrap;
}
.housing-construction-contact__inner:not(:last-child) {
margin-bottom: 50px;
}
.housing-construction-contact__inner-top {
margin-bottom: 30px;
}
.housing-construction-contact__inner-top h2 {
margin: 0;
}
.housing-construction-contact__inner-top p {
margin-bottom: 7px;
}
.housing-construction-contact__inner-content {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.housing-construction-contact__item {
flex: 0 0 25%;
max-width: calc(25% - 15px);
width: 100%;
}
.housing-construction-contact__item h4 {
font-weight: 700;
font-size: 18px;
line-height: 117%;
margin-bottom: 12px;
}
.housing-construction-contact__item p {
font-size: 16px;
color: #4e4e4f;
}
.housing-construction-contact__item a {
font-size: 16px;
color: #4e4e4f;
}
.housing-construction-contact__item:not(:nth-child(4n)) {
margin-right: 20px;
}
@media screen and (max-width: 991px) {
.housing-construction-contact__inner:not(:last-child) {
margin-bottom: 30px;
}
.housing-construction-contact__item {
flex: 0 0 50%;
max-width: calc(50% - 10px);
margin-bottom: 15px;
}
.housing-construction-contact__item:not(:nth-child(4n)) {
margin-right: 0;
}
.housing-construction-contact__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.housing-construction-contact__inner-top {
margin-bottom: 20px;
}
.housing-construction-contact__title {
margin-bottom: 20px;
}
}
@media screen and (max-width: 567px) {
.housing-construction-contact__inner:not(:last-child) {
margin-bottom: 20px;
}
.housing-construction-contact__item {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.housing-construction-contact__item h4 {
margin-bottom: 3px;
}
.housing-construction-contact__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.housing-construction-other__wrap {
display: flex;
flex-wrap: wrap;
}
.housing-construction-other__img {
flex: 0 0 350px;
max-width: 350px;
width: 100%;
height: 200px;
margin-right: 30px;
}
.housing-construction-other__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.housing-construction-other__text {
max-width: 590px;
width: 100%;
display: flex;
flex-direction: column;
}
.housing-construction-other__text h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
line-height: 130%;
color: #4e4e4f;
}
.housing-construction-other__text p {
flex: 1 1 auto;
margin-bottom: 17px;
}
.housing-construction-other__btn {
padding: 10px 18px;
width: fit-content;
height: auto;
}
@media screen and (max-width: 767px) {
.housing-construction-other__img {
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 20px 0;
}
.housing-construction-other__text {
flex: 0 0 100%;
max-width: 100%;
}
}
.housing-construction-form {
background: #f5f5f5;
border-bottom: 2px solid #ababab;
}
.housing-construction-form h2 {
margin-bottom: 40px;
}
.housing-construction-form .checkbox {
margin-bottom: 40px;
}
.housing-construction-form__top {
margin-bottom: 30px;
}
.housing-construction-form__top > p {
max-width: 100%;
}
.housing-construction-form__top .wpcf7-list-item-label {
height: 45px;
padding: 0 27px;
background: #d7d7d7;
border-radius: 30px;
color: #4e4e4f;
font-size: 13px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.4s;
}
.housing-construction-form__top .wpcf7-list-item-label:hover {
background: #c7c7c7;
}
.housing-construction-form__top .wpcf7-list-item {
margin: 0 20px 20px 0;
}
.housing-construction-form__top .wpcf7-list-item label {
margin: 0;
}
.housing-construction-form__top .wpcf7-list-item input {
display: none;
}
.housing-construction-form__top .wpcf7-list-item input:checked ~ span {
background: #b72025;
color: #fff;
}
.housing-construction-form__top .wpcf7-form-control {
margin-right: -20px;
display: flex;
flex-wrap: wrap;
}
.housing-construction-form__inner {
display: flex;
flex-wrap: wrap;
}
.housing-construction-form__item {
flex: 0 0 33.33%;
max-width: calc(33.33% - 20px);
width: 100%;
}
.housing-construction-form__item .wpcf7-select {
margin-bottom: 0 !important;
}
.housing-construction-form__item:not(:nth-child(3n)) {
margin-right: 30px;
}
.housing-construction-form__item input {
background: #fff;
border-radius: 30px;
border: none;
height: 55px;
padding: 0 32px;
}
.housing-construction-form__item input::placeholder {
color: #ababab;
}
.housing-construction-form__bottom {
display: flex;
margin-bottom: 50px;
}
.housing-construction-form__bottom-textarea textarea {
background: #fff;
border-radius: 30px;
border: none;
max-height: 130px;
height: auto;
padding: 20px 32px;
}
.housing-construction-form__bottom-textarea textarea::placeholder {
color: #ababab;
}
.housing-construction-form__bottom-left {
flex: 0 0 33.33%;
max-width: calc(33.33% - 20px);
width: 100%;
margin-right: 30px;
}
.housing-construction-form__bottom-item input {
background: #fff;
border-radius: 30px;
border: none;
height: 55px;
padding: 0 32px;
}
.housing-construction-form__bottom-item input::placeholder {
color: #ababab;
}
.housing-construction-form__bottom-file {
position: relative;
}
.housing-construction-form__bottom-file input {
opacity: 0;
font-size: 0;
}
.housing-construction-form__bottom-file:before {
content: "Datei hochladen";
position: absolute;
left: 0;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background: #d7d7d7;
width: 100%;
max-width: 100%;
border-radius: 30px;
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
}
.housing-construction-form__bottom-textarea {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.file-180 {
position: relative;
}
.file-180:before {
content: "";
background: url(//durchdacht.de/wp-content/uploads/2021/03/file_upload.png);
background-size: cover;
height: 23px;
width: 11px;
position: absolute;
left: 110px;
top: 14px;
}
.d-none {
display: none !important;
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
.file-180:before {
left: 50px;
}
}
@media screen and (max-width: 991px) {
.housing-construction-form .checkbox {
margin-bottom: 30px;
}
.housing-construction-form h2 {
margin-bottom: 20px;
}
.housing-construction-form__top .wpcf7-form-control {
margin-right: -15px;
}
.housing-construction-form__top .wpcf7-list-item {
margin: 0 15px 15px 0;
}
.housing-construction-form__bottom {
margin-top: 18px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.housing-construction-form__item {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.housing-construction-form__item input {
margin-bottom: 0;
}
.housing-construction-form__item:not(:nth-child(3n)) {
margin-right: 0;
}
.housing-construction-form__bottom {
flex-wrap: wrap;
margin-bottom: 0;
}
.housing-construction-form__bottom-left {
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 15px 0;
}
.housing-construction-form__bottom-item input {
margin-bottom: 15px;
}
.housing-construction-form__bottom-file {
height: 55px;
}
.housing-construction-form__bottom-textarea {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 480px) {
.housing-construction-form__top .wpcf7-form-control {
margin-right: 0;
}
.housing-construction-form__top .wpcf7-list-item {
flex: 0 0 50%;
max-width: calc(50% - 7.5px);
width: 100%;
margin: 0 0 15px 0;
}
.housing-construction-form__top .wpcf7-list-item:not(:nth-child(2n)) {
margin-right: 15px;
}
.housing-construction-form__top .wpcf7-list-item label {
width: 100%;
}
}
.download {
padding-top: 0;
background: #f5f5f5;
}
.download__title {
margin-bottom: 40px;
}
.download__title h2 {
color: #4e4e4f;
font-weight: 700;
font-size: 30px;
margin: 0;
}
.download__wrap {
margin-bottom: 95px;
}
.download__inner-title {
font-size: 18px;
line-height: 117%;
color: #4e4e4f;
font-weight: 700;
margin-bottom: 17px;
}
.download__item {
margin: 0;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
}
.download__item:not(:last-child) {
margin: 0 0 8px 0;
}
.download__inner {
margin-bottom: 40px;
}
.download__bottom {
display: flex;
align-items: center;
}
.download__bottom p {
font-size: 16px;
line-height: 130%;
margin: 0;
}
@media screen and (max-width: 991px) {
.download__wrap {
margin-bottom: 40px;
}
.download__title {
margin-bottom: 25px;
}
.download__title h2 {
font-size: 26px;
}
.download__inner {
margin-bottom: 30px;
}
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
.quotation-requests-form__item-file-label br {
display: none;
}
.quotation-requests-form__item-file-label {
display: flex;
align-items: center;
justify-content: center;
height: 55px;
background: #d7d7d7;
width: 100%;
max-width: 100%;
border-radius: 30px;
cursor: pointer;
position: relative;
}
.quotation-requests-form__item-file-label > span {
margin-right: 10px;
}
.quotation-requests-form__item-file-label p {
margin: 0;
font-size: 13px;
max-width: 70%;
overflow: hidden;
white-space: nowrap;
}
.quotation-requests-form__item-file-label input {
display: none;
}
.quotation-requests-form__item-file-label:before {
display: none;
}
.quotation-requests-form__item-file-label:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 25px;
width: 11px;
height: 23px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMzYpIj4KPHBhdGggZD0iTTAuNSAxNS42VjUuMkMwLjUgMi42IDIuNiAwLjUgNS4yIDAuNUM3LjggMC41IDkuOSAyLjYgOS45IDUuMlYxOC40QzkuOSAyMC4zIDguNCAyMS44IDYuNSAyMS44QzQuNiAyMS44IDMuMSAyMC4zIDMuMSAxOC40VjUuNkMzLjEgNC40IDQuMSAzLjUgNS4yIDMuNUM2LjQgMy41IDcuMyA0LjUgNy4zIDUuNlYxNS42IiBzdHJva2U9IiM0RTRFNEYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfMzYiPgo8cmVjdCB3aWR0aD0iMTAuNCIgaGVpZ2h0PSIyMi4zIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
no-repeat center/contain;
}
@media only screen and (max-width: 768px) {
.home_sd {
height: 175px;
}
}
.locations {
padding: 0 0 40px 0;
border-bottom: 1px solid #ababab;
}
.locations__title {
margin-bottom: 100px;
display: flex;
font-weight: 700;
font-size: 36px;
line-height: 42px;
text-transform: uppercase;
color: #4e4e4f;
}
.locations__title span {
font-weight: 900;
color: #b72025;
font-size: 84px;
display: block;
margin-right: 25px;
line-height: 84%;
}
.locations__list {
display: flex;
flex-wrap: wrap;
}
.locations__item {
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 33.33%;
max-width: calc(33.33% - 20px);
width: 100%;
background: #d7d7d7;
border-radius: 90px;
color: #4e4e4f;
font-size: 26px;
height: 90px;
margin-bottom: 60px;
text-decoration: none;
cursor: pointer;
transition: 0.4s;
}
.locations__item:hover {
background: #b72025;
color: #fff;
}
.locations__item:not(:nth-child(3n)) {
margin-right: 5px;
}
@media screen and (max-width: 991px) {
.locations {
padding: 0;
}
.locations__title {
margin-bottom: 50px;
font-size: 20px;
line-height: 22px;
}
.locations__title span {
font-size: 48px;
}
.locations__item {
flex: 0 0 50%;
height: 70px;
max-width: calc(50% - 10px);
margin-bottom: 30px;
}
.locations__item:not(:nth-child(3n)) {
margin-right: 0;
}
.locations__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.locations {
padding: 0 0 20px 0;
}
.locations__title {
margin-bottom: 30px;
align-items: center;
font-size: 18px;
line-height: 19px;
}
.locations__title span {
font-size: 32px;
}
.locations__item {
flex: 0 0 100%;
height: 60px;
max-width: 100%;
margin-bottom: 20px;
font-size: 18px;
}
.locations__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
@media screen and (max-width: 420px) {
.locations__title {
font-size: 16px;
}
.locations__title br {
display: none;
}
.locations__title span {
font-size: 24px;
margin-right: 5px;
}
}
.fbc-page .fbc-items {
margin-bottom: 20px;
list-style: none;
border-radius: 4px;
}
.fbc-page .fbc-items > li {
display: inline-block;
}
.fbc-page .fbc-items > li + li:before {
color: #ccc;
}
.fbc-page * {
margin: 0;
padding: 0;
}
.fbc-page .fbc-wrap .fbc-items {
margin: 0;
padding: 0;
width: auto;
display: block;
float: left;
font-size: 16px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 0;
line-height: normal;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 16px;
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
border-radius: 0 4px 4px 0;
padding-right: 15px;
}
.fbc-page .fbc-wrap .fbc-items li a {
color: #337ab7;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 5px;
}
.fbc-page .fbc-wrap .fbc-items li.active a {
color: #27272a;
}
@media (max-width: 768px) {
.fbc-page .fbc-wrap .fbc-items {
padding: 0 10px;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(7),
.fbc-page .fbc-wrap .fbc-items li:nth-child(8),
.fbc-page .fbc-wrap .fbc-items li:nth-child(9) {
padding-top: 0;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 1px;
}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator {
margin-left: 5px;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(even) .fbc-separator {
margin: 0 0;
}
}
.fbc-page .clearfix::after,
.fbc-page .clearfix::before {
content: " ";
display: table;
}
.fbc-page .clearfix::after {
clear: both;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
margin-right: 3px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 2px;
}
.btn_slider {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 300px;
width: 100%;
margin: 0;
padding: 17px 10px;
}
.btn_form:hover,
.btn_slider:hover {
background: #910b0f !important;
color: #fff;
}
.btn_form {
background: #b72025 !important;
border-radius: 30px;
max-width: 350px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
}
.page_title {
padding-bottom: 30px;
}
.page_title span {
display: block;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.breadcrumbs {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.005em;
color: #ababab;
margin-top: 18px;
margin-bottom: 30px;
}
.breadcrumbs a {
color: #ababab;
}
.breadcrumbs a:hover {
color: #b72025;
}
.search-form {
position: relative;
}
.home_slider_block {
position: relative;
}
.home_slider_block_text {
width: 100%;
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 208px;
}
.home_slider_block_text h4 {
max-width: 450px;
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
letter-spacing: 0.005em;
color: #fff;
margin-bottom: 45px;
}
.slick-slide .home_slider_block_text img {
max-width: 458px;
width: auto;
}
.gallery-slider .slick-slide {
margin: 0 7.5px;
}
.gallery-slider .slick-list {
margin-left: -7.5px;
margin-right: -7.5px;
}
.gallery-slider .slick-slide li {
position: relative;
}
.gallery-slider .slick-slide li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all 0.4s ease;
z-index: 10;
}
.gallery-slider .slick-slide li:hover:before {
opacity: 1;
}
.slider {
width: 100%;
margin: 0 auto;
}
.slick-slide {
margin: 0;
}
.slick-slide img {
width: 100%;
}
.slick-slide {
transition: all ease-in-out 0.3s;
opacity: 1;
}
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 0 2px;
}
.form_page {
border-bottom: none;
}
.form_h h5,
form h5 {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 25px;
}
.form_h p,
form p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
margin-bottom: 20px;
max-width: 350px;
}
.title a {
position: absolute;
right: 0;
}
li.active.active a {
color: #4e4e4f;
}
[type="submit"] {
font-size: 14px;
}
.home_slider_block_text span {
font-size: 32px;
line-height: 1;
}
.um .um-item-meta a {
color: #b72025 !important;
}
.home_slider_block_text h4 {
max-width: 675px !important;
font-size: 40px;
}
section.home_gallery {
font-size: 16px;
color: #4e4e4f;
}
section#contact p {
font-size: 16px;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
.home_slider_block_text h4 {
margin-bottom: 10px;
font-size: 20px;
line-height: 23px;
max-width: 200px;
}
.home_slider_block_text {
height: 87px;
padding: 0 30px;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.gallery-slider .slick-slide {
margin: 0 50px;
}
}
.section-text__wrapper {
margin-bottom: 80px;
}
.gallery__wrapper {
margin-top: 30px;
margin-bottom: 100px;
}
.gallery__wrapper .gallery-slider .slick-slide {
margin: 0 15px;
height: auto;
}
.gallery__wrapper .gallery-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (max-width: 1050px) {
.gallery__wrapper .gallery-slider .slick-list {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.gallery__wrapper {
margin-bottom: 50px;
}
.section-text__wrapper {
margin-bottom: 50px;
}
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.home_slider.slider > div:first-child {
z-index: 10;
}
.main {
overflow-x: hidden;
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.city-text-block {
padding-top: 0;
}
.city-text-block.city-text-block-two {
padding-top: 80px;
}
.city-text-block__wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.city-text-block__item {
flex: 0 0 50%;
max-width: calc(50% - 20px);
width: 100%;
color: #4e4e4f;
margin-bottom: 38px;
position: relative;
}
.city-text-block__item h3 {
font-weight: 700;
font-size: 20px;
line-height: 130%;
margin-bottom: 25px;
}
.city-text-block__item p {
margin: 0;
font-size: 16px;
overflow: hidden;
transition: 0.4s;
line-height: 130%;
}
.city-text-block__item:not(:nth-child(2n)) {
margin-right: 40px;
}
.city-text-block__item-img-block {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px;
height: fit-content;
}
.city-text-block__item-img {
flex: 0 0 50%;
max-width: calc(50% - 20px);
width: 100%;
height: 100px;
margin-bottom: 30px;
}
.city-text-block__item-img:not(:nth-child(2n)) {
margin-right: 30px;
}
.city-text-block__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.city-text-block__btn {
position: absolute;
z-index: 20;
bottom: 0;
right: 0;
width: 12px;
height: 12px;
border-left: 2px solid #4e4e4f;
border-bottom: 2px solid #4e4e4f;
transform: rotate(-45deg);
cursor: pointer;
transition: 0.4s;
}
.city-text-block__btn.active {
transform: rotate(135deg);
}
.city-text-block__content {
position: relative;
padding-bottom: 10px;
}
.city-text-block__wrap-two .city-text-block__item:nth-child(3) {
margin-right: 0;
}
.city-text-block__wrap-two .city-text-block__item-img-block:nth-child(4) {
margin-right: 40px;
}
@media screen and (max-width: 1050px) {
.city-text-block.city-text-block-two {
padding: 40px 0;
}
}
@media screen and (max-width: 991px) {
.city-text-block__item {
margin-bottom: 30px;
}
.city-text-block__item h3 {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.city-text-block__wrap {
margin-bottom: -20px;
}
.city-text-block__item {
margin-bottom: 23px;
flex: 0 0 100%;
max-width: 100%;
}
.city-text-block__item:not(:nth-child(2n)) {
margin-right: 0;
}
.city-text-block__item-img-block {
margin-bottom: 5px;
}
}
@media screen and (max-width: 467px) {
.city-text-block__item-img {
flex: 0 0 50%;
max-width: calc(50% - 7.5px);
margin-bottom: 15px;
}
.city-text-block__item-img:not(:nth-child(3n)) {
margin-right: 0;
}
.city-text-block__item-img:not(:nth-child(2n)) {
margin-right: 15px;
}
}
.city-services {
background: #f5f5f5;
}
.city-services__inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.city-services__item {
flex: 0 0 33.33%;
max-width: calc(33.33% - 30px);
display: flex;
margin-bottom: 35px;
}
.city-services__item:not(:nth-child(3n)) {
margin-right: 45px;
}
.city-services__icon {
width: 65px;
height: 65px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 23px;
}
.city-services__icon img {
max-width: 40px;
max-height: 40px;
}
.city-services__icon img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.city-services__text {
max-width: 246px;
width: 100%;
margin: 10px 0 0 0;
}
.city-services__btn {
max-width: 350px;
margin: 0 auto;
}
@media screen and (max-width: 1200px) {
.city-services__item:not(:nth-child(3n)) {
margin-right: 20px;
}
.city-services__text {
max-width: 186px;
}
}
@media screen and (max-width: 991px) {
.city-services__item {
flex: 0 0 50%;
max-width: calc(50% - 10px);
}
.city-services__item:not(:nth-child(3n)) {
margin-right: 0;
}
.city-services__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.city-services__text {
max-width: 250px;
margin: 0;
}
.city-services__item {
margin-bottom: 20px;
justify-content: center;
flex: 0 0 1000%;
max-width: 100%;
align-items: center;
}
.city-services__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
@media screen and (max-width: 460px) {
.city-services__icon {
margin-right: 15px;
width: 50px;
height: 50px;
}
.city-services__icon img {
max-width: 30px;
max-height: 30px;
}
.city-services__text {
max-width: calc(100% - 65px);
}
}
.city-comments {
background: #f5f5f5;
}
.city-comments__wrap {
max-width: 925px;
width: 100%;
margin: 0 auto;
}
.city-comments__wrap .slick-slide {
height: auto;
}
.city-comments__inner {
display: flex;
align-items: center;
}
.city-comments__slider {
position: relative;
margin-bottom: 50px;
}
.city-comments__img {
width: 190px;
height: 190px;
margin-right: 40px;
border-radius: 50%;
overflow: hidden;
}
.city-comments__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.city-comments__text {
max-width: 695px;
width: 100%;
}
.city-comments__text p {
font-size: 16px;
margin: 0 0 20px 0;
}
.city-comments__text span {
font-size: 20px;
font-weight: 700;
}
.city-comments__btn {
max-width: 350px;
margin: 0 auto;
}
@media screen and (max-width: 991px) {
.city-comments__inner {
flex-direction: column;
}
.city-comments__img {
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 767px) {
.city-comments__slider {
margin-bottom: 30px;
}
.city-comments__text p {
margin-bottom: 10px;
}
}
.city-example__wrap {
display: flex;
flex-wrap: wrap;
}
.city-example__item {
flex: 0 0 33.33%;
max-width: calc(33.33% - 20px);
width: 100%;
position: relative;
}
.city-example__item:not(:nth-child(3n)) {
margin-right: 30px;
}
.city-example__img {
height: 210px;
width: 100%;
margin-bottom: 25px;
}
.city-example__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.city-example__text h3 {
font-size: 20px;
line-height: 130%;
margin-bottom: 20px;
font-weight: 700;
}
.city-example__text p {
font-size: 16px;
margin: 0;
line-height: 130%;
overflow: hidden;
transition: 0.4s;
}
.city-example__content {
position: relative;
padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
.city-example__item {
max-width: calc(33.33% - 13.34px);
}
.city-example__item:not(:nth-child(3n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 825px) {
.city-example__wrap {
margin-bottom: -20px;
}
.city-example__item {
margin-bottom: 20px;
flex: 0 0 100%;
max-width: 100%;
}
.city-example__item:not(:nth-child(2n)) {
margin-right: 0;
}
.city-example__text h3 {
margin-bottom: 15px;
}
}
.city-contact {
background: #f5f5f5;
border-bottom: 1px solid #ababab;
}
.city-contact__inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.city-contact__item {
flex: 0 0 25%;
max-width: calc(25% - 30px);
}
.city-contact__item span {
line-height: 117%;
font-weight: 700;
display: block;
margin-bottom: 15px;
}
.city-contact__item p {
font-size: 16px;
line-height: 130%;
margin: 0;
}
.city-contact__item p a {
font-size: 16px;
color: #4e4e4f;
}
.city-contact__item p a:hover {
color: #910b0f;
}
.city-contact__item:not(:nth-child(4n)) {
margin-right: 40px;
}
.city-contact__btn {
max-width: 350px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.city-contact__inner {
margin-bottom: 30px;
}
.city-contact__item {
flex: 0 0 50%;
max-width: calc(50% - 10px);
margin-bottom: 15px;
}
.city-contact__item span {
margin-bottom: 5px;
}
.city-contact__item:not(:nth-child(4n)) {
margin-right: 0;
}
.city-contact__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 360px) {
.city-contact p {
font-size: 14px;
}
.city-contact p a {
font-size: 14px;
}
}
body {
min-height: 100vh;
}
@media screen and (min-width: 1050px) {
.home_slider_block_other .home_slider_block_text {
margin-top: 90px;
}
.home_slider_block_other .home_slider_block_text h4 {
font-size: 46px;
color: #fff;
margin-bottom: 15px;
}
.home_slider_block_other .home_slider_block_text p {
font-size: 40px;
color: #fff;
margin-bottom: 80px;
}
}
.home_slider_block_other .home_slider_block_text h4 {
color: #fff;
}
.home_slider_block_other .home_slider_block_text p {
color: #fff;
}
.home_slider_block_other .btn_slider {
background: #fff;
color: #b72025;
}
.home_slider_block_other .btn_slider:hover {
background: #d9d9d9 !important;
}
@media screen and (max-width: 1049px) {
.home_slider_block_other .home_slider_block_text {
margin-top: 20px;
}
.home_slider_block_other .home_slider_block_text h4 {
margin-bottom: 5px;
}
.home_slider_block_other .home_slider_block_text p {
margin-top: 0;
color: #fff;
}
}
@media screen and (max-width: 480px) {
.home_slider_block_other_two .home_slider_block_text {
max-width: 200px;
}
.home_slider_block_other_two .btn_slider {
max-width: 200px;
}
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 840px) {
.home_slider_block_other .home_slider_block_text p {
font-size: 14px !important;
}
}
@media screen and (max-width: 568px) {
.home_slider_block_other .home_slider_block_text p {
font-size: 12px !important;
line-height: 110%;
}
}
@media screen and (max-width: 768px) {
.home_slider_block_text_title > span {
font-size: 16px !important;
}
}
.page_titles {
padding-bottom: 45px;
}
.page_titles span {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.icons-row-item__text {
min-width: 115px;
position: absolute;
margin-left: -15px;
}
.jjb .icons-row-item__text {
width: 115px;
position: absolute;
margin-left: -15px;
}
.simple_page {
padding-top: 0;
}
.simple_text p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
max-width: 730px;
}
.simple_text a {
color: #b72025;
text-decoration: underline;
}
.simple_page_2 {
background: #f5f5f5;
}
[type="submit"] {
font-size: 14px;
}
.de_t {
margin-bottom: 30px;
}
.bestprice_page_1__with-img {
background-position: top right;
background-repeat: no-repeat;
}
.bestprice_page_1 .simple_text p {
max-width: 100%;
}
.bestprice_page_3 ul {
padding-left: 1em;
font-size: 16px;
line-height: inherit;
}
.bestprice_page_3 ul li {
list-style-type: disc;
}
.icons-row {
display: flex;
justify-content: space-between;
}
.icons-row {
position: relative;
}
.icons-row::after {
content: none;
}
.icons-row .col {
flex-grow: 0;
}
.icons-row::before {
content: "";
display: block;
position: absolute;
top: 44px;
left: 20px;
width: calc(100% - 40px);
height: 7px;
margin-top: -4px;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
background-color: #fff;
}
.icons-row__item {
position: relative;
}
.icons-row-item {
margin-bottom: 30px;
}
.icons-row-item__icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
background: #fff;
border-radius: 100%;
}
.icons-row-item__text {
font-size: 18px;
line-height: 1.3;
text-align: center;
}
.icons-row--alt .icons-row-item__icon {
background-color: #b72025;
}
.icons-row--alt::before {
background-color: #b72025;
box-shadow: none;
}
@media screen and (max-width: 767px) {
.icons-row::before {
content: none;
}
.icons-row .col {
flex-grow: 1;
}
.bestprice_page_1__with-img {
background-image: none !important;
}
.bestprice_page_2,
.bestprice_page_3 {
padding: 40px 0;
}
.bestprice_page_2 .page_titles {
text-align: center;
}
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
.page_titles {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.icons-row-item__text {
position: relative;
}
.container {
max-width: 100% !important;
}
.page_titles span {
font-size: 20px;
line-height: 23px;
}
}
@media screen and (max-width: 767px) {
.de_t {
display: none;
}
}
.mb-5, .my-5 {
margin-bottom: 3rem!important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 3rem!important;
}
.fbc-page .fbc-items {
margin-bottom: 20px;
list-style: none;
border-radius: 4px;
}
.fbc-page .fbc-items > li {
display: inline-block;
}
.fbc-page .fbc-items > li + li:before {
color: #ccc;
}
.fbc-page * {
margin: 0;
padding: 0;
}
.fbc-page .fbc-wrap .fbc-items {
margin: 0;
padding: 0;
width: auto;
display: block;
float: left;
font-size: 16px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 0;
line-height: normal;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 16px;
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
border-radius: 0 4px 4px 0;
padding-right: 15px;
}
.fbc-page .fbc-wrap .fbc-items li a {
color: #337ab7;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 5px;
}
.fbc-page .fbc-wrap .fbc-items li.active a {
color: #27272a;
}
@media (max-width: 768px) {
.fbc-page .fbc-wrap .fbc-items {
padding: 0 10px;
}
.fbc-page .fbc-wrap .fbc-items li:last-child {
padding-right: 0;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(7),
.fbc-page .fbc-wrap .fbc-items li:nth-child(8),
.fbc-page .fbc-wrap .fbc-items li:nth-child(9) {
padding-top: 0;
}
.fbc-page .fbc-wrap .fbc-items li a i {
margin-right: 1px;
}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator {
margin-left: 5px;
}
.fbc-page .fbc-wrap .fbc-items li:nth-child(even) .fbc-separator {
margin: 0 0;
}
}
.fbc-page .clearfix::after,
.fbc-page .clearfix::before {
content: " ";
display: table;
}
.fbc-page .clearfix::after {
clear: both;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
margin-right: 3px;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 15px 2px;
}
.container-pd {
padding: 0;
}
section {
padding: 90px 0 100px 0;
}
.btn,
button {
outline: 0 !important;
box-shadow: none !important;
}
.btn_slider {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 300px;
width: 100%;
margin: 0;
padding: 17px 10px;
}
.btn_form:hover,
.btn_slider:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #910b0f !important;
color: #fff;
}
.btn_classic {
border: solid 2px #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
max-width: 255px;
width: 100%;
margin: 0;
padding: 13px 10px;
color: #b72025;
}
.btn {
max-width: 350px;
text-align: center;
}
.btn_classic:hover {
background: #b72025;
color: #fff;
}
.btn_form {
background: #b72025 !important;
border-radius: 30px;
max-width: 350px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
}
form input {
background: #fff;
color: #000;
font-size: 14px;
height: 2.5rem;
border-radius: 0.25rem;
padding: 0.5rem;
padding-left: 0.625rem;
margin: 0 0 1.6875rem;
width: 100%;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.page_title {
padding-bottom: 30px;
}
.page_title span {
display: block;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.page_titles {
padding-bottom: 45px;
}
.page_titles span {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.footer_link {
text-align: center;
margin-top: 24px;
}
.footer_link a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.footer_link a:first-child {
margin-right: 30px;
}
.breadcrumbs {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.005em;
color: #ababab;
margin-top: 18px;
margin-bottom: 30px;
}
.breadcrumbs a {
color: #ababab;
}
header {
border-bottom: solid 1px #ababab;
}
#menu_2,
.mob_menu {
display: none;
}
.breadcrumbs a:hover,
.footer_menu li a:hover,
.menu_top nav ul li a:hover,
.menu_top nav ul li.current_page_item a {
color: #b72025;
}
.search-form {
position: relative;
}
.search-form input {
background: #f5f5f5;
border-radius: 30px;
border: 0;
height: 40px;
line-height: 40px;
margin: 0;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #ababab;
padding: 0 22px;
z-index: 999;
}
.search-form button {
position: absolute;
top: 0;
right: 0;
padding-right: 17px;
height: 38px;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
background: 0 0;
}
.basket a:hover svg path {
stroke: #b72025;
}
.search_icon_mob {
display: none;
}
.menu_top {
padding-bottom: 15px;
}
.menu_top nav ul li {
display: inline-block;
}
.menu_top nav ul li:not(:last-child) {
margin-right: 37px;
}
.menu_top nav ul li a {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #4e4e4f !important;
}
.menu_top nav ul li a:hover {
color: #b72025 !important;
}
li.menu-item.current-menu-item a {
color: #b72025 !important;
}
.menu_top .search-form {
display: none;
}
.home_sd,
.home_sd .slick-slide {
height: 490px;
min-height: 490px;
position: relative;
}
.home_sd .slick-prev {
left: 100px;
z-index: 9;
}
.home_sd .slick-next {
right: 100px;
}
.home_sd .slick-next svg:hover path,
.home_sd .slick-prev svg:hover path {
stroke: #b72025;
}
.slick-next:before,
.slick-prev:before {
content: none;
}
.home_slider_block {
position: relative;
}
.home_slider_bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 490px;
min-height: 490px;
background-position: center;
background-size: cover;
z-index: 9;
background-repeat: no-repeat;
}
.home_slider_block_text {
width: 100%;
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 208px;
}
.home_slider_block_text h4 {
max-width: 450px;
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
letter-spacing: 0.005em;
color: #fff;
margin-bottom: 45px;
}
.slick-slide .home_slider_block_text img {
max-width: 458px;
width: auto;
}
.home_slider_button button {
position: absolute;
cursor: pointer;
outline: 0;
font-size: 0;
line-height: 0;
z-index: 10;
height: 4rem;
width: 4rem;
border-radius: 50%;
bottom: 50%;
margin-bottom: -2rem;
background: rgba(0, 0, 0, 0.25);
border: none !important;
}
.home_slider_button button svg {
width: 1rem;
height: 0.625rem;
fill: #fff;
}
.home_slider_button button:hover {
opacity: 0.5;
}
.home_slider_button button.home_prev {
left: 0;
right: inherit;
margin-left: 15px;
}
.home_slider_button button.home_next {
right: 0;
left: inherit;
margin-right: 15px;
}
.product_block {
position: relative;
}
.product_block span {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 20px;
width: 100%;
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.005em;
color: #fff;
z-index: 11;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 255px;
width: 100%;
margin: 0;
padding: 17px 10px;
text-align: center;
}
.gallery-slider .slick-slide {
margin: 0 7.5px;
}
.gallery-slider .slick-list {
margin-left: -7.5px;
margin-right: -7.5px;
}
.gallery-slider .slick-slide li {
position: relative;
}
.gallery_slider_footer {
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 50px;
opacity: 0;
transition: all 0.4s ease;
}
.gallery-slider .slick-slide li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all 0.4s ease;
z-index: 10;
}
.gallery-slider .slick-slide li:hover:before {
opacity: 1;
}
.gallery-slider .slick-slide li:hover .gallery_slider_footer {
opacity: 1;
}
.gallery-slider .slick-next {
right: -60px;
z-index: 9;
}
.gallery-slider .slick-next:before {
content: "\f054";
font-size: 28px;
opacity: 1;
color: #4e4e4f;
}
.gallery-slider .slick-prev {
left: -60px;
z-index: 9;
}
.gallery-slider .slick-prev:before {
content: "\f053";
font-size: 28px;
opacity: 1;
color: #4e4e4f;
}
.gallery-slider .slick-next:hover:before,
.gallery-slider .slick-prev:hover:before {
color: #b72025;
}
.home_gallery .btn_classic {
margin-top: 50px;
}
.slider {
width: 100%;
margin: 0 auto;
}
.slick-slide {
margin: 0;
}
.slick-slide img {
width: 100%;
}
.slick-next:before,
.slick-prev:before {
color: #000;
}
.slick-slide {
transition: all ease-in-out 0.3s;
opacity: 1;
}
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
nav.list_socia {
margin-top: 35px;
}
nav.list_socia li {
display: inline-block;
}
nav.list_socia li:not(:last-child) {
margin-right: 15px;
}
nav.list_socia li a:hover svg path {
fill: #b72025;
}
.footer_bottom {
margin-top: 0;
padding: 18px 0;
background: #4e4e4f;
}
.footer_bottom span {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #ababab;
}
.footer_menu {
margin-top: 10px;
}
.footer_menu li:not(:last-child) {
margin-bottom: 10px;
}
.footer_menu li a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
color: #4e4e4f;
}
.footer_menu_last li {
display: inline-block;
position: relative;
}
.footer_menu_last li:first-child {
padding-right: 10px;
}
.footer_menu_last li:last-child {
padding-left: 4px;
}
.footer_menu_last li:first-child:after {
content: "|";
color: #4e4e4f;
position: absolute;
right: 0;
}
#cart_popup .btn_classic {
border: solid 2px #b72025 !important;
}
#cart_popup .btn_classic:hover {
color: #fff !important;
}
#cart_popup .btn_classic,
#cart_popup .btn_slider {
opacity: 1;
padding: 10px 0;
font-size: 12px;
}
.kontakt_page {
padding-top: 0;
}
.kontakt_block:not(:last-child) {
margin-bottom: 40px;
}
.kontakt_block .title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
margin-bottom: 17px;
}
.kontakt_form {
background: #f5f5f5;
border-bottom: solid 1px #ababab;
}
.kontakt_form .page_titles p {
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #4e4e4f;
margin-top: 15px;
margin-bottom: 0;
max-width: 540px;
}
.kontakt_form form input {
background: #fff;
border-radius: 30px;
border: solid 1px #fff;
height: 55px;
padding: 0 20px;
margin-bottom: 25px;
}
.wpcf7 input[type="file"] {
padding: 15px 30px;
}
.checkbox {
width: 100%;
margin-bottom: 35px;
position: relative;
display: block;
}
.checkbox label {
position: relative;
display: block;
padding-left: 25px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox input[type="checkbox"] {
width: auto;
opacity: 0.00000001;
position: absolute;
left: 0;
margin-left: -20px;
}
.checkbox label span {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
}
.wpcf7-form input[type="checkbox"] + span:before {
display: block;
position: absolute;
content: "";
top: -1px;
left: -5px;
width: 22px;
height: 22px;
transition: transform 0.28s ease;
border-radius: 0;
border: solid 1px #ababab;
background: 0 0;
}
.wpcf7-form input[type="checkbox"] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 22px;
width: 22px;
background: 0 0;
top: 2px;
left: -5px;
border-radius: 0;
color: #fff;
visibility: hidden;
font-size: 16px;
text-align: center;
}
.wpcf7-form input[type="checkbox"]:checked + span:before {
background: #b72025;
border: solid 1px #b72025;
}
.wpcf7-form input[type="checkbox"]:checked + span:after {
visibility: visible;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
padding-left: 0;
}
.fbc-page .fbc-wrap .fbc-items li {
padding: 0 2px;
}
.page_bg_img {
background-size: cover;
background-repeat: no-repeat;
padding: 112px 0;
}
.page_title_bg span {
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
letter-spacing: 0.005em;
color: #fff;
}
.simple_page {
padding-top: 0;
}
.simple_text p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
max-width: 730px;
}
.simple_text a {
color: #b72025;
text-decoration: underline;
}
.simple_page_2 {
background: #f5f5f5;
}
.simple_page_2_list li:last-child {
margin-bottom: 0;
}
.simple_page_2_list {
margin-bottom: 35px;
}
.simple_page_2_list li {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
padding-left: 20px;
position: relative;
margin-bottom: 20px;
}
.simple_page_2_list li svg {
position: absolute;
left: 0;
top: 0;
}
.simple_page_2_list_2 {
margin: 13px 0;
}
.simple_page_2_list_2 li {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
}
.simple_page_2_list_2 span {
border: 2px solid #b72025;
border-radius: 50%;
width: 24px;
height: 24px;
display: block;
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 12px;
color: #b72025;
position: absolute;
left: 0;
}
.footer_bottom a {
color: #ababab;
}
.simple_page_3 .product_block {
margin-bottom: 0;
}
.login_page {
padding: 40px 0 80px;
}
.form_page {
border-bottom: none;
}
.form_page input {
max-width: 350px;
display: block;
}
.form_h h5,
.form_login h5,
form h5 {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 25px;
}
.form_h p,
.form_login p,
form p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
margin-bottom: 20px;
max-width: 350px;
}
.form_login p {
max-width: 100%;
}
.form_login:first-child {
margin-bottom: 35px;
}
.btn_login_page {
max-width: 350px;
margin-top: 40px;
}
.white-popup {
position: relative;
background: #fff;
padding: 20px;
width: auto;
max-width: 1000px;
margin: 20px auto;
}
.content_checkbox:last-child {
padding-bottom: 15px;
}
.title a {
position: absolute;
right: 0;
}
li.active.active a {
color: #4e4e4f;
}
.content_checkbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #ababab;
}
.content_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.product_title h1 {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 15px;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #b72025;
}
.woocommerce div.product form.cart .button {
margin-left: 90px;
max-width: 350px;
outline: 0;
}
.woocommerce-cart .col-md-4 a.btn_classic {
top: 70px;
left: -280px;
max-width: 350px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: none;
}
.woocommerce form .form-row input.input-text {
background: #f5f5f5;
border-radius: 30px;
border: solid 1px #fff;
height: 55px;
padding: 20px 32px;
margin-bottom: 25px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #ababab;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce form .form-row {
padding: 0;
margin: 0;
display: inline-block;
float: none !important;
width: 50%;
max-width: 100%;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: flex;
align-items: baseline;
width: 100% !important;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox input {
width: 15px;
margin: 0;
margin-right: 10px;
position: relative;
opacity: 1;
height: auto;
}
.woocommerce form .form-row label.checkbox {
margin-bottom: 10px;
}
.woocommerce-page form .form-row label.checkbox input {
width: 16px;
height: 16px;
opacity: 0;
}
.woocommerce-page form .form-row label.checkbox:before {
content: "";
position: absolute;
left: 0;
top: 2px;
margin-top: auto;
margin-bottom: auto;
width: 16px;
height: 16px;
background: #fff;
border: 1px solid #ababab;
}
.woocommerce-page form .form-row label.checkbox span:before {
content: "";
position: absolute;
left: 6px;
top: 5px;
visibility: hidden;
width: 4px;
height: 9px;
border: solid #ababab;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.woocommerce-page form .form-row label.checkbox input:checked + span:before {
visibility: visible;
}
[type="submit"] {
font-size: 14px;
}
.cn-img.active {
flex: 0 0 45%;
max-width: 45%;
}
label[for="shipping_method_0_free_shipping1"]:after {
content: "0€";
float: right;
}
.home_slider_bg:after {
content: "";
background: rgb(0 0 0 / 20%);
position: absolute;
width: 100%;
height: 100%;
}
.home_slider_block_text span {
font-size: 32px;
line-height: 1;
}
.de_t {
margin-bottom: 30px;
}
.home_slider_block_text h4 {
max-width: 675px !important;
font-size: 40px;
}
section.home_gallery {
font-size: 16px;
color: #4e4e4f;
}
section#contact p {
font-size: 16px;
}
section.spuere-screen1 {
padding: 0;
}
.spuere-screen1__text2,
.spuere-screen1__text2 p {
font-size: 20px;
font-weight: 700;
line-height: 23.5px;
}
.spuere-screen4 {
background-color: #f5f5f5;
margin-top: 100px;
}
.spuere-screen4.kontakt_form {
border-bottom: none;
}
.kontakt_form_tab:not(.active) {
display: none;
}
.kontakt_form_tab_nav a {
margin: 0 30px 30px 0;
padding: 15px 28px;
width: auto;
background-color: #d7d7d7;
border-color: #d7d7d7;
color: #4e4e4f;
line-height: 1;
font-size: 13px;
}
.kontakt_form_tab_nav a:hover {
border-color: #b72025;
}
.kontakt_form_tab_nav a.active {
background-color: #b72025;
border-color: #b72025;
color: #fff;
}
.spuere-screen6 {
background-color: #f5f5f5;
}
.spuere-screen6 p {
font-size: 16px;
}
.spuere-screen6 .btn_classic {
padding-left: 30px;
padding-right: 30px;
max-width: 100%;
width: auto;
}
.spuere-screen6_text {
font-size: 20px;
font-weight: 700;
}
.spuere-search-form .form-control {
border-radius: 9999px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-color: #f5f5f5;
background: #f5f5f5;
padding: 26px 32px;
box-shadow: none;
}
.spuere-search-form .btn {
background-color: #b72025;
color: #fff;
font-weight: 700;
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
section.spuere-screen1 {
padding-bottom: 30px;
}
.spuere-screen1__text2,
.spuere-screen1__text2 p {
font-size: 16px;
}
.spuere-screen4 {
margin-top: 30px;
}
.kontakt_form_tab_nav {
margin-bottom: 15px;
}
.kontakt_form_tab_nav a {
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.screen6_items-row:nth-child(2n) div:nth-child(1) {
order: 2;
}
.spuere-search-form .btn {
min-width: 255px;
}
}
@media only screen and (max-width: 1198px) {
.menu_top nav ul li:not(:last-child) {
margin-right: 10px;
}
.menu_top nav ul li a {
font-size: 17px;
}
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
.page_titles {
padding-bottom: 25px;
}
.mob_menu {
display: block;
}
.menu_top nav {
display: none;
}
.mob_menu a:first-child {
display: block;
width: 30px;
position: absolute;
top: -4px;
left: 10px;
z-index: 999;
padding: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 15px;
}
.black-menu .mob_menu a:after,
.black-menu .mob_menu a:before {
background: #000;
}
.mob_menu a:first-child:after,
.mob_menu a:first-child:before {
content: "";
display: block;
background: #ababab;
height: 4px;
}
.black-menu .mob_menu a span {
background: #000;
}
.mob_menu a span {
background: #ababab;
display: block;
height: 4px;
margin: 4px 0;
border-radius: 1px;
}
.black-menu .mob_menu a:before,
.mob_menu a:after {
background: #000;
}
.mob_menu a:first-child:after,
.mob_menu a:first-child:before {
background: #ababab;
height: 4px;
border-radius: 1px;
}
#menu {
background-color: #fff;
}
.menu_top nav ul li:not(:last-child) {
margin-bottom: 10px;
}
.menu_top nav ul li a {
font-size: 17px;
}
.menu_top nav ul li:nth-child(2) {
margin-right: 0;
}
.menu_top .search-form {
display: block;
}
.header_cart_count {
top: -2px;
right: 10px;
}
.home_product .col-md-4 {
flex: 0 0 33%;
max-width: 33%;
}
.home_sd,
.home_sd .slick-slide,
.home_slider_bg {
height: 350px;
min-height: 175px;
}
.home_slider_block_text h4 {
margin-bottom: 10px;
font-size: 20px;
line-height: 23px;
max-width: 200px;
}
.home_slider_bg .btn_slider {
padding: 5px 10px;
font-size: 10px;
}
.home_slider_block_text {
height: 87px;
padding: 0 30px;
}
.home_sd .slick-prev {
left: 15px;
}
.home_sd .slick-next {
right: 15px;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.cn-img.active {
flex: 0 0 100%;
max-width: 100%;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span,
.page_titles span {
font-size: 20px;
line-height: 23px;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.menu_top {
padding-bottom: 0;
}
.search_icon_mob {
display: block;
width: 30px;
position: absolute;
right: 15px;
z-index: 999;
padding: 0;
bottom: 0;
top: 0;
margin-top: auto;
margin-bottom: auto;
height: 21px;
}
.search_icon_mob button {
background: 0 0;
border: none;
}
.search_icon_mob {
height: 18px;
display: block;
right: 100px;
}
.header_cart_count {
top: -8px;
right: 0;
}
.footer_menu,
.list_socia {
margin-bottom: 15px;
}
.home_product .col-md-4 {
flex: 0 0 100%;
max-width: 100%;
}
.home_product .col-md-4:nth-last-child(-n + 3) .product_block,
.product_block {
margin-bottom: 15px;
}
.home_product .col-md-4:last-child .product_block {
margin-bottom: 0;
}
.home_product .col-md-4:nth-last-child(-n + 1) .product_block {
margin-bottom: 0;
}
.gallery-slider .slick-slide {
margin: 0 50px;
}
.gallery-slider .slick-next {
right: 0;
}
.gallery-slider .slick-prev {
left: 0;
}
.home_gallery .btn_classic {
margin-top: 30px;
}
.kontakt_block,
.kontakt_block:not(:last-child) {
margin-bottom: 20px;
}
.kontakt_block .title {
margin-bottom: 8px;
}
.kontakt_block .title span {
font-size: 16px;
}
.kontakt_form .page_titles p {
font-size: 14px;
margin-top: 0;
}
.kontakt_form form input.btn_form {
margin-bottom: 0;
}
.page_bg_img {
padding: 35px 0;
}
.page_title_bg span {
font-size: 18px;
line-height: 21px;
}
.simple_page_2 .page_title {
padding-bottom: 15px;
}
.simple_page_2_list {
margin-bottom: 40px;
}
.simple_page_2_list li,
.simple_page_2_list_2 li {
font-size: 16px;
}
.simple_page_3 .product_block {
margin-bottom: 15px;
}
.woocommerce div.product form.cart .button {
margin-left: 25px;
}
.woocommerce-cart .col-md-4 a.btn_classic {
position: initial;
display: block;
margin: 0 auto;
}
.woocommerce-page form .form-row label.checkbox input {
margin-right: 15px;
}
.woocommerce div.product form.cart .button {
float: none;
margin: 0 auto;
display: block;
margin-top: 15px;
max-width: 100%;
}
.woocommerce div.product {
padding-bottom: 40px !important;
}
.footer_bottom {
margin-top: 40px;
}
}
.width-b {
position: relative;
display: none;
}
.first-screen {
position: relative;
height: 263px;
display: flex;
align-items: center;
}
.first-screen__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.first-screen__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.first-screen__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 10.52%, rgba(0, 0, 0, 0) 89.83%);
}
.section-text__wrapper {
margin-bottom: 80px;
}
.gallery__wrapper {
margin-top: 30px;
margin-bottom: 100px;
}
.gallery__wrapper .gallery-slider .slick-slide {
margin: 0 15px;
height: auto;
}
.gallery__wrapper .gallery-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (max-width: 1050px) {
.gallery__wrapper .gallery-slider .slick-list {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.gallery__wrapper {
margin-bottom: 50px;
}
.first-screen {
height: 190px;
}
.section-text__wrapper {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 600px) {
.menu_top nav ul li a {
font-size: 15px;
}
.menu_top nav ul li:nth-child(1),
.menu_top nav ul li:nth-child(3),
.menu_top nav ul li:nth-child(5) {
width: 66%;
margin-right: 0;
}
.menu_top nav ul li:nth-child(2),
.menu_top nav ul li:nth-child(4),
.menu_top nav ul li:nth-child(6) {
width: 33%;
text-align: left;
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.woocommerce div.product .product_title {
font-size: 21px;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce form .form-row:nth-child(1),
.woocommerce form .form-row:nth-child(8) {
padding-right: 0;
}
.woocommerce form .form-row:nth-child(2),
.woocommerce form .form-row:nth-child(9) {
padding-left: 0;
}
.woocommerce form .form-row:nth-child(8) input {
margin-bottom: 25px;
}
#cart_popup .btn_classic,
#cart_popup .btn_slider {
display: block;
margin: 0 auto;
float: none;
max-width: 100%;
}
#cart_popup .btn_classic {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 389px) {
.home_slider_bg .btn_slider {
font-size: 8px !important;
}
}
@media only screen and (max-width: 325px) {
.menu_top nav ul li a {
font-size: 12px;
}
.menu_top nav ul li:nth-child(1),
.menu_top nav ul li:nth-child(3),
.menu_top nav ul li:nth-child(5) {
width: 65%;
margin-right: 0;
}
.logo svg {
width: 120px;
}
}
.width-b {
display: none !important;
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.de_t {
display: none;
}
.header__top {
padding: 10px 0;
padding-bottom: 0 !important;
}
.brand-t img {
display: none;
}
}
@media screen and (max-width: 567px) {
.header__top-login {
flex: auto !important;
max-width: max-content !important;
}
.header__top-contact {
flex: auto !important;
max-width: inherit !important;
}
}
form.cart.full-p {
display: block;
}
.header__menu-one .sub-menu > li > a {
text-transform: inherit !important;
}
nav.woocommerce-breadcrumb {
color: #ababab !important;
font-size: 13px !important;
font-weight: 500;
padding-top: 5px !important;
}
.brand-t img {
position: fixed;
bottom: 90px;
right: -3px;
max-width: 78px;
z-index: 1000;
}
.shop__home_slider_block {
height: 310px;
margin-top: 16px;
}
.shop__home_slider_block .home_slider_block_text {
width: auto;
}
.shop__home_slider_block .home_slider_block_text h4 {
font-size: 24px;
line-height: 28px;
margin-bottom: 8px;
}
.shop__home_slider_block .home_slider_bg {
height: auto;
min-height: auto;
}
.shop__home_slider_block .home_slider_block_text {
margin-top: 138px;
}
.slick-slide .home_slider_bg {
top: -15px;
}
.home_slider.slider > div:first-child {
z-index: 10;
}
@media screen and (max-width: 1050px) {
.shop__home_slider_block {
height: 235px;
}
.shop__home_slider_block .home_slider_block_text {
margin-top: 80px !important;
}
}
@media screen and (max-width: 767px) {
.shop__home_slider_block {
height: 250px;
}
.shop__home_slider_block .home_slider_block_text {
margin-top: 60px !important;
padding-left: 0;
}
.shop__home_slider_block .home_slider_block_text h4 {
font-size: 24px;
line-height: 28px;
}
}
.shop__home_slider_block-two {
height: 310px;
overflow: hidden;
}
.shop__home_slider_block-two .home_slider_block_text {
margin-top: 170px;
}
.shop__home_slider_block-two .home_slider_block_text h4 {
font-size: 30px;
margin-bottom: 3px;
}
.shop__home_slider_block-two .home_slider_bg_img {
width: 720px;
left: 45%;
}
@media screen and (max-width: 1040px) {
.shop__home_slider_block-two {
height: 200px;
overflow: auto;
}
.shop__home_slider_block-two .home_slider_block_text h4 {
line-height: 120%;
}
.shop__home_slider_block-two .home_slider_bg {
min-height: auto;
height: 200px;
}
.shop__home_slider_block-two .home_slider_bg_img {
width: 340px;
}
.shop__home_slider_block-two .home_slider_block_text {
margin-top: 90px;
}
}
@media screen and (max-width: 991px) {
.shop__home_slider_block-two .home_slider_bg_img {
left: 40px;
}
}
@media screen and (max-width: 767px) {
.shop__home_slider_block-two {
height: auto;
min-height: 190px;
}
.shop__home_slider_block-two .home_slider_bg {
height: auto;
min-height: 190px;
}
.shop__home_slider_block-two .home_slider_block_text {
margin-top: 40px;
}
.shop__home_slider_block-two .home_slider_block_text {
padding: 0;
}
.shop__home_slider_block-two .home_slider_block_text h4 {
margin-bottom: 8px;
font-size: 20px;
}
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.city-text-block {
padding-top: 0;
}
.city-text-block.city-text-block-two {
padding-top: 80px;
}
.city-text-block__wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.city-text-block__item {
flex: 0 0 50%;
max-width: calc(50% - 20px);
width: 100%;
color: #4e4e4f;
margin-bottom: 38px;
position: relative;
}
.city-text-block__item h3 {
font-weight: 700;
font-size: 20px;
line-height: 130%;
margin-bottom: 25px;
}
.city-text-block__item p {
margin: 0;
font-size: 16px;
overflow: hidden;
transition: 0.4s;
line-height: 130%;
}
.city-text-block__item:not(:nth-child(2n)) {
margin-right: 40px;
}
.city-text-block__item-img-block {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px;
height: fit-content;
}
.city-text-block__item-img {
flex: 0 0 50%;
max-width: calc(50% - 20px);
width: 100%;
height: 100px;
margin-bottom: 30px;
}
.city-text-block__item-img:not(:nth-child(2n)) {
margin-right: 30px;
}
.city-text-block__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.city-text-block__btn {
position: absolute;
z-index: 20;
bottom: 0;
right: 0;
width: 12px;
height: 12px;
border-left: 2px solid #4e4e4f;
border-bottom: 2px solid #4e4e4f;
transform: rotate(-45deg);
cursor: pointer;
transition: 0.4s;
}
.city-text-block__btn.active {
transform: rotate(135deg);
}
.city-text-block__content {
position: relative;
padding-bottom: 10px;
}
.city-text-block__wrap-two .city-text-block__item:nth-child(3) {
margin-right: 0;
}
.city-text-block__wrap-two .city-text-block__item-img-block:nth-child(4) {
margin-right: 40px;
}
@media screen and (max-width: 1050px) {
.city-text-block.city-text-block-two {
padding: 40px 0;
}
}
@media screen and (max-width: 991px) {
.city-text-block__item {
margin-bottom: 30px;
}
.city-text-block__item h3 {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.city-text-block__wrap {
margin-bottom: -20px;
}
.city-text-block__item {
margin-bottom: 23px;
flex: 0 0 100%;
max-width: 100%;
}
.city-text-block__item:not(:nth-child(2n)) {
margin-right: 0;
}
.city-text-block__item-img-block {
margin-bottom: 5px;
}
}
@media screen and (max-width: 467px) {
.city-text-block__item-img {
flex: 0 0 50%;
max-width: calc(50% - 7.5px);
margin-bottom: 15px;
}
.city-text-block__item-img:not(:nth-child(3n)) {
margin-right: 0;
}
.city-text-block__item-img:not(:nth-child(2n)) {
margin-right: 15px;
}
}
.city-comments {
background: #f5f5f5;
}
.city-comments__wrap {
max-width: 925px;
width: 100%;
margin: 0 auto;
}
.city-comments__wrap .slick-slide {
height: auto;
}
.city-comments__inner {
display: flex;
align-items: center;
}
.city-comments__slider {
position: relative;
margin-bottom: 50px;
}
.city-comments__slider .slick-arrow {
position: absolute;
top: 50%;
width: 15px;
height: 15px;
border-left: 2px solid #4e4e4f;
border-bottom: 2px solid #4e4e4f;
cursor: pointer;
transition: 0.4s;
}
.city-comments__slider .slick-prev {
transform: translateY(-50%) rotate(45deg);
left: -144px;
}
.city-comments__slider .slick-next {
right: -144px;
transform: translateY(-50%) rotate(225deg);
}
.city-comments__img {
width: 190px;
height: 190px;
margin-right: 40px;
border-radius: 50%;
overflow: hidden;
}
.city-comments__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.city-comments__text {
max-width: 695px;
width: 100%;
}
.city-comments__text p {
font-size: 16px;
margin: 0 0 20px 0;
}
.city-comments__text span {
font-size: 20px;
font-weight: 700;
}
.city-comments__btn {
max-width: 350px;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
.city-comments__slider .slick-arrow {
z-index: 100;
}
.city-comments__slider .slick-prev {
left: -30px;
}
.city-comments__slider .slick-next {
right: -30px;
}
}
@media screen and (max-width: 991px) {
.city-comments__inner {
flex-direction: column;
}
.city-comments__img {
margin: 0 0 20px 0;
}
.city-comments__slider .slick-arrow {
top: 27%;
}
.city-comments__slider .slick-prev {
left: 10px;
}
.city-comments__slider .slick-next {
right: 10px;
}
}
@media screen and (max-width: 767px) {
.city-comments__slider {
margin-bottom: 30px;
}
.city-comments__text p {
margin-bottom: 10px;
}
}
.city-contact {
background: #f5f5f5;
border-bottom: 1px solid #ababab;
}
.city-contact__inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.city-contact__item {
flex: 0 0 25%;
max-width: calc(25% - 30px);
}
.city-contact__item span {
line-height: 117%;
font-weight: 700;
display: block;
margin-bottom: 15px;
}
.city-contact__item p {
font-size: 16px;
line-height: 130%;
margin: 0;
}
.city-contact__item p a {
font-size: 16px;
color: #4e4e4f;
}
.city-contact__item p a:hover {
color: #910b0f;
}
.city-contact__item:not(:nth-child(4n)) {
margin-right: 40px;
}
.city-contact__btn {
max-width: 350px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.city-contact__inner {
margin-bottom: 30px;
}
.city-contact__item {
flex: 0 0 50%;
max-width: calc(50% - 10px);
margin-bottom: 15px;
}
.city-contact__item span {
margin-bottom: 5px;
}
.city-contact__item:not(:nth-child(4n)) {
margin-right: 0;
}
.city-contact__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 360px) {
.city-contact p {
font-size: 14px;
}
.city-contact p a {
font-size: 14px;
}
}
.quotation-requests-home {
position: relative;
padding: 85px 0 125px 0;
}
.quotation-requests-home__bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
}
.quotation-requests-home__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90.11deg, #000 0.09%, rgba(0, 0, 0, 0) 99.92%);
opacity: 0.6;
z-index: 1;
}
.quotation-requests-home__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.quotation-requests-home__title {
position: relative;
z-index: 2;
}
.quotation-requests-home__title h1 {
color: #fff;
font-size: 46px;
font-weight: 700;
line-height: 100%;
}
@media screen and (max-width: 991px) {
.quotation-requests-home__title h1 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.quotation-requests-home {
padding: 60px 0;
}
.quotation-requests-home__title h1 {
font-size: 26px;
}
}
.quotation-requests-text {
padding-top: 0;
}
.quotation-requests-text .breadcrumbs {
margin-bottom: 50px;
}
.quotation-requests-text__title {
margin-bottom: 12px;
}
.quotation-requests-text__text {
margin-bottom: 30px;
max-width: 890px;
}
.quotation-requests-text__btn {
max-width: 350px;
}
@media screen and (max-width: 991px) {
.quotation-requests-text .breadcrumbs {
margin-bottom: 30px;
}
}
.quotation-requests-form {
background: #f5f5f5;
}
.quotation-requests-form .wpcf7-list-item-label {
max-width: 1100px;
display: block;
}
.quotation-requests-form select {
border-radius: 30px;
height: 55px;
font-size: 13px;
color: #4e4e4f;
padding: 0 32px;
margin: 0;
position: relative;
}
.quotation-requests-form select::placeholder {
color: #ababab;
}
.quotation-requests-form select:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.quotation-requests-form input {
background: #fff;
border-radius: 30px;
height: 55px;
font-size: 13px;
color: #4e4e4f;
border: none;
padding: 0 32px;
margin: 0;
}
.quotation-requests-form input::placeholder {
color: #ababab;
}
.quotation-requests-form__wrap {
display: flex;
flex-wrap: wrap;
}
.quotation-requests-form__inner-one {
flex: 0 0 66.66%;
max-width: 66.66%;
display: flex;
flex-wrap: wrap;
}
.quotation-requests-form__item-checkbox {
flex: 0 0 100%;
max-width: 100%;
}
.quotation-requests-form .wpcf7-form input[type="checkbox"] + span:before {
top: 3px;
}
.quotation-requests-form .wpcf7-form input[type="checkbox"] + span:after {
top: 6px;
}
.quotation-requests-form__item-title {
display: flex;
align-items: center;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-bottom: 11px;
}
.quotation-requests-form__item-title p {
margin: 0;
font-size: 13px;
color: #4e4e4f;
}
.quotation-requests-form__item-one {
flex: 0 0 50%;
max-width: calc(50% - 15px);
margin-bottom: 30px;
}
.quotation-requests-form__item-one:not(:nth-child(2n)) {
margin-right: 30px;
}
.quotation-requests-form__inner-two {
flex: 0 0 33.33%;
max-width: calc(33.33% - 30px);
margin-left: 30px;
}
.quotation-requests-form__item-two {
margin-bottom: 30px;
max-width: 100%;
width: 100%;
}
.quotation-requests-form__btn-block {
flex: 0 0 100%;
max-width: 100%;
cursor: pointer;
}
.quotation-requests-form__btn {
background: #b72025 !important;
color: #fff !important;
max-width: 350px;
width: 100%;
}
.quotation-requests-form__btn:hover {
background: #910b0f !important;
}
@media screen and (max-width: 767px) {
.quotation-requests-form__inner-one {
flex: 0 0 100%;
max-width: 100%;
}
.quotation-requests-form__inner-two {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
}
.quotation-requests-form__item-one {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.quotation-requests-form__item-one:not(:nth-child(2n)) {
margin-right: 0;
}
.quotation-requests-form__item-two {
margin-bottom: 15px;
}
.quotation-requests-form__item-checkbox .checkbox {
margin-bottom: 15px;
}
.quotation-requests-form__btn {
max-width: 100%;
}
}
body {
min-height: 100vh;
}
.popup-coupon {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10000000000000002000;
background: rgba(0, 0, 0, 0.4);
display: none;
align-items: center;
justify-content: center;
}
.popup-coupon.active {
display: flex;
}
.popup-coupon__body {
max-width: 790px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 75px 20px 75px 40px;
background: #b72025 no-repeat center/cover;
border: 12px solid #fff;
position: relative;
}
.popup-coupon__text {
position: relative;
z-index: 3;
color: #fff;
margin-right: 15px;
}
.popup-coupon__text h2 {
color: #fff;
font-size: 58px;
line-height: 120%;
font-weight: 900;
}
.popup-coupon__text span {
font-size: 36px;
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 20px;
line-height: 120%;
}
.popup-coupon__text p {
color: #fff;
font-size: 22px;
font-weight: 700;
line-height: 117%;
}
.popup-coupon__content {
display: flex;
align-items: center;
max-width: 386px;
width: 100%;
height: 104px;
background: #b72025;
z-index: 2;
position: relative;
}
@media screen and (max-width: 767px) {
.popup-coupon__body {
flex-direction: column;
align-items: flex-start;
padding: 40px 25px;
}
.popup-coupon__text {
margin-bottom: 10px;
}
.popup-coupon__text span {
font-size: 28px;
margin-bottom: 0;
}
.popup-coupon__text p {
font-size: 20px;
}
.popup-coupon__content {
height: 80px;
}
}
.d-none {
display: none !important;
}
@media screen and (min-width: 1050px) {
.home_slider_block_other .home_slider_block_text {
margin-top: 90px;
}
.home_slider_block_other .home_slider_block_text h4 {
font-size: 46px;
color: #fff;
margin-bottom: 15px;
}
.home_slider_block_other .home_slider_block_text p {
font-size: 40px;
color: #fff;
margin-bottom: 80px;
}
}
.home_slider_block_other .home_slider_bg:after {
display: none;
}
.home_slider_block_other .home_slider_block_text h4 {
color: #fff;
}
.home_slider_block_other .home_slider_block_text p {
color: #fff;
}
.home_slider_block_other .btn_slider {
background: #fff;
color: #b72025;
}
.home_slider_block_other .btn_slider:hover {
background: #d9d9d9 !important;
}
@media screen and (max-width: 1049px) {
.home_slider_block_other .home_slider_bg {
background-position-x: 30%;
}
.home_slider_block_other .home_slider_block_text {
margin-top: 20px;
}
.home_slider_block_other .home_slider_block_text h4 {
margin-bottom: 5px;
}
.home_slider_block_other .home_slider_block_text p {
margin-top: 0;
color: #fff;
}
}
@media screen and (max-width: 480px) {
.home_slider_block_other_two .home_slider_bg {
background-position-x: 60%;
}
.home_slider_block_other_two .home_slider_block_text {
max-width: 200px;
}
.home_slider_block_other_two .btn_slider {
max-width: 200px;
}
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
.shop-title-bg {
display: none;
padding: 42px 0 0 0;
height: 310px;
background-position: 40% 50%;
}
.shop-title-bg h2 {
font-size: 46px;
font-weight: 700;
margin-bottom: 14px;
color: #fff;
}
.shop-title-bg h2 br {
display: none;
}
.shop-title-bg p {
margin: 0;
font-size: 40px;
letter-spacing: 0.005em;
color: #fff;
}
.shop-title-bg-two {
background-position: right;
position: relative;
}
.shop-title-bg-two .container {
position: relative;
z-index: 5;
}
.shop-title-bg-two:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 95%;
height: 100%;
background: linear-gradient(89.88deg, #b72025 50.92%, rgba(183, 32, 37, 0) 98.31%);
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 991px) {
.shop-title-bg {
height: 180px;
background-size: cover;
background-position: 50% 50%;
}
.shop-title-bg h2 {
font-size: 28px;
margin-bottom: 8px;
line-height: 110%;
}
.shop-title-bg p {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.shop-title-bg {
padding-top: 26px;
}
.shop-title-bg h2 br {
display: block;
}
}
.home_slider_block_center {
display: flex;
padding: 25px 0;
z-index: 5;
max-width: 1140px;
width: 100%;
position: relative;
}
.home_slider_block_center:before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 200px);
transform: translate(-50%, 0);
width: 301vw;
height: 100%;
background: #b72025;
z-index: -1;
}
.home_slider_block_center > a {
flex: 0 0 50%;
height: 55px;
}
.home_slider_block_center_other {
flex: 0 0 50%;
max-width: calc(50% - 15px);
display: flex;
position: relative;
}
.home_slider_block_center_other p {
font-size: 18px !important;
line-height: 25px;
color: #fff;
margin: 0 !important;
}
.home_slider_block_center_img {
height: auto;
width: 180px;
position: relative;
margin-right: 65px;
}
.home_slider_block_center_img img {
position: absolute;
top: -70px;
left: 0;
width: 180px !important;
height: 180px !important;
object-fit: contain;
}
.home_slider_block_center_btn {
flex: 0 0 50%;
max-width: calc(50% - 15px);
margin-right: 30px;
}
@media screen and (max-width: 1200px) {
.home_slider_block_center_btn {
flex: 0 0 auto;
max-width: 100%;
width: auto;
}
}
@media screen and (max-width: 1050px) {
.home_slider_block_center_btn {
display: flex;
align-items: center;
}
.home_slider_block_center {
padding: 10px 0;
}
.home_slider_block_center_other {
flex: 0 0 auto;
max-width: 72%;
width: auto;
}
.home_slider_block_center_img {
margin-right: 0;
}
.home_slider_block_center_img img {
width: 90px !important;
height: 90px !important;
top: -20px;
left: 0;
}
}
@media screen and (max-width: 840px) {
.home_slider_block_other .home_slider_block_text p {
font-size: 14px !important;
}
}
@media screen and (max-width: 568px) {
.home_slider_block_center_img {
display: none !important;
}
.home_slider_block_center {
flex-direction: column;
}
.home_slider_block_center_other {
max-width: 85%;
}
.home_slider_block_center_btn {
margin: 0 0 5px 0 !important;
max-width: 80%;
}
.home_slider_block_other .home_slider_block_text p {
font-size: 12px !important;
line-height: 110%;
}
}
.home_slider_bg {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.home_slider_block_text_title > span {
font-size: 16px !important;
}
}
.woocommerce .home_slider_bg {
background-size: cover;
}
.woocommerce img,
.woocommerce-page img {
height: auto;
max-width: 100%;
}
.header-new__center-tel span {
display: flex !important;
}
.line-banner {
background: #b72025;
display: block;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 12px;
min-height: 40px;
margin-top: -1px;
padding-bottom: 0;
border-top: 2px solid #fff !important;
}
.line-banner > div {
max-width: 1354px;
margin: 0 auto;
display: flow-root;
width: 100%;
}
.line-banner > div > span {
padding-bottom: 12px;
display: inline-block;
}
.line-banner a {
float: right;
color: #fff;
text-transform: uppercase;
padding-bottom: 12px;
}
.line-banner svg {
margin-top: -3px;
margin-left: 20px;
}
.line-banner a:hover {
opacity: 0.8;
}
.s-banner {
max-width: 1345px;
margin: 0 auto;
text-align: center;
position: relative;
}
.s-banner > div {
position: absolute;
background: #fff;
z-index: 1;
width: 200px;
height: 200px;
border-radius: 200px;
right: 0;
top: 30px;
}
.s-banner span {
font-size: 24px;
font-weight: 700;
color: #b72025;
margin-top: 32px;
display: block;
line-height: 26px;
}
.s-banner p {
color: #b72025;
line-height: 18px;
margin-bottom: 11px;
}
.s-banner b {
display: block;
}
.popup-coupon svg {
max-width: 100%;
}
.popup-coupon__close {
display: none;
}
@media only screen and (max-width: 768px) {
.line-banner a {
display: none;
}
.line-banner .mob_v {
display: block !important;
}
.line-banner > div > span {
display: none;
}
.s-banner {
display: none;
}
.home_sd,
.home_sd .slick-slide,
.home_slider_bg {
height: 175px;
}
}
p {
margin-top: 10px;
margin-bottom: 1rem;
}
p.newsline__text {
margin: 0;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem!important;
}
@media (min-width: 768px){
.pb-md-3, .py-md-3 {
padding-bottom: 1rem!important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem!important;
}
}
.mt-5, .my-5 {
margin-top: 3rem!important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
}
.width-b {
position: relative;
display: none;
}
.width-b {
display: none !important;
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.partners {
background: #f5f5f5;
border-bottom: 1px solid #ababab;
}
.partners__wrap {
max-width: 100%;
}
.partners__item {
margin-bottom: 30px;
}
.partners__item h3 {
font-size: 26px;
line-height: 130%;
color: #4e4e4f;
margin-bottom: 10px;
font-weight: 700;
}
.partners__item p {
font-size: 16px;
margin-top: 0;
line-height: 130%;
}
.partners__btn-block {
display: flex;
}
.partners__btn {
max-width: 350px;
}
.partners__btn:first-child {
margin-right: 30px;
}
@media screen and (max-width: 767px) {
.partners__item {
margin-bottom: 20px;
}
.partners__item h3 {
font-size: 22px;
}
.partners__btn-block {
flex-direction: column;
}
.partners__btn {
margin: 0 auto;
}
.partners__btn:first-child {
flex-direction: column;
margin-bottom: 20px;
margin-right: auto;
}
}
.delivery-home {
position: relative;
padding: 85px 0;
}
.delivery-home__bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
}
.delivery-home__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90.11deg, #000 0.09%, rgba(0, 0, 0, 0) 99.92%);
opacity: 0.6;
z-index: 1;
}
.delivery-home__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.delivery-home__title {
position: relative;
z-index: 2;
}
.delivery-home__title h1 {
color: #fff;
font-size: 46px;
font-weight: 700;
line-height: 100%;
}
@media screen and (max-width: 991px) {
.delivery-home__title h1 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.delivery-home {
padding: 60px 0;
}
.delivery-home__title h1 {
font-size: 26px;
}
}
.delivery-masters {
background: #f5f5f5;
padding-top: 0;
padding-bottom: 50px;
}
.delivery-masters__title {
margin-bottom: 15px;
}
.delivery-masters__subtitle {
margin-bottom: 55px;
max-width: 925px;
}
.delivery-masters__list {
display: flex;
flex-wrap: wrap;
}
.delivery-masters__item {
display: flex;
flex: 0 0 50%;
max-width: calc(50% - 60px);
width: 100%;
margin-bottom: 40px;
}
.delivery-masters__item:first-child span {
transform: translate(-3px, -3px);
}
.delivery-masters__item:not(:nth-child(2n)) {
margin-right: 120px;
}
.delivery-masters__icon {
width: 86px;
height: 86px;
flex: 0 0 86px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.delivery-masters__text h3 {
font-size: 18px;
font-weight: 700;
color: #4e4e4f;
margin-bottom: 15px;
margin-top: 8px;
}
.delivery-masters__text p {
font-size: 18px;
color: #4e4e4f;
margin: 0;
}
@media screen and (max-width: 991px) {
.delivery-masters__title h1 {
font-size: 36px;
}
.delivery-masters__item {
max-width: calc(50% - 15px);
}
.delivery-masters__item:not(:nth-child(2n)) {
margin-right: 30px;
}
.delivery-masters__icon {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.delivery-masters {
padding-bottom: 0;
}
.delivery-masters__subtitle {
margin-bottom: 25px;
}
.delivery-masters__icon {
margin-bottom: 20px;
}
.delivery-masters__text h3 {
margin-top: 0;
margin-bottom: 10px;
}
.delivery-masters__text p {
font-size: 16px;
}
.delivery-masters__item {
flex: 0 0 100%;
max-width: 100%;
flex-direction: column;
}
.delivery-masters__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.delivery-partners {
background: #fff;
padding: 100px 0;
}
@media screen and (max-width: 991px) {
.delivery-partners {
padding: 50px 0;
}
}
.d-none {
display: none !important;
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
.um .um-item-meta a {
color: #b72025 !important;
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.page_bg_img {
padding: 35px 0;
}
.page_title_bg span {
font-size: 18px;
line-height: 21px;
}
}
.first-screen {
position: relative;
height: 263px;
display: flex;
align-items: center;
}
.first-screen__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.first-screen__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.first-screen__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 10.52%, rgba(0, 0, 0, 0) 89.83%);
}
.first-screen__title .housing-construction-top__title {
letter-spacing: 0.5px;
}
.terrace-page__content {
padding-top: 20px;
}
.terrace-content__title-wrapper {
display: flex;
justify-content: space-between;
}
.terrace-content__title-wrapper .terrace-content__title {
margin-right: 30px;
}
.terrace-content__image {
flex: 0 0 auto;
}
.terrace-content__image img {
width: 100%;
max-width: 350px;
height: 211px;
object-fit: cover;
}
.terrace-description__wrapper {
margin-top: 50px;
}
.terrace-description__wrapper .terrace-description__title {
max-width: 688px;
}
.column50 {
flex: 0 0 50%;
}
.column50:nth-child(2n) {
padding-left: 15px;
}
.column50:nth-child(2n + 1) {
padding-right: 15px;
}
.terrace-canopy__wrapper {
display: flex;
flex-direction: row;
}
.terrace-description__wrapper-inner {
display: flex;
flex-direction: row;
}
.terrace-canopy {
padding: 0 0 45px 0;
}
.terrace-canopy__image img {
max-width: 100%;
height: auto;
object-fit: cover;
}
.terrace-canopy__title.housing-construction-home__title {
max-width: 475px;
}
.terrace-content__title .housing-construction-home__title {
max-width: 665px;
}
.terrace-description__text {
max-width: 730px;
}
.terrace-patio {
padding: 30px 0;
}
.terrace-patio-covers {
padding-top: 0;
}
.terrace-patio__lists.lists {
display: flex;
justify-content: flex-start;
max-width: 860px;
}
.terrace-patio__lists.lists li {
margin-right: 40px;
}
.lists {
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
}
.lists li {
display: flex;
padding-left: 27px;
position: relative;
}
.lists li:before {
content: "";
width: 4px;
height: 4px;
background-color: #4e4e4f;
border-radius: 50%;
position: absolute;
left: 12px;
top: 43%;
transform: translateY(-50%);
}
.icons-list {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.icons-list li {
margin: 20px;
width: 190px;
flex: 0 0 190px;
display: flex;
flex-direction: column;
align-items: center;
}
.icons-list li .icon__wrapper {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.icons-list li .icon__title {
font-size: 18px;
line-height: 130%;
color: #4e4e4f;
margin-top: 15px;
}
.terrace-patio-covers__description {
margin-top: 50px;
}
.terrace-patio-covers__description ul {
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
margin-top: 20px;
}
.terrace-patio-covers__description ul li {
display: flex;
padding-left: 27px;
position: relative;
}
.terrace-patio-covers__description ul li:before {
content: "";
width: 4px;
height: 4px;
background-color: #4e4e4f;
border-radius: 50%;
position: absolute;
left: 12px;
top: 43%;
transform: translateY(-50%);
}
.terrace-description__wrapper-inner h3 {
font-weight: 700;
font-size: 20px;
color: #4e4e4f;
margin-bottom: 10px;
line-height: 117%;
}
.terrace-patio-covers__feature {
margin-top: 80px;
}
.section-text__wrapper {
margin-bottom: 80px;
}
.column33 {
width: 33.3%;
flex: 0 0 33.3%;
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.first-screen {
height: 190px;
}
.terrace-content__title-wrapper {
display: flex;
flex-direction: column;
}
.column50 {
flex: 0 0 100%;
}
.column50:nth-child(2n) {
padding-left: 0;
}
.column50:nth-child(2n + 1) {
padding-right: 0;
}
.terrace-canopy__wrapper {
flex-direction: column;
}
.terrace-description__wrapper-inner {
flex-direction: column;
}
.terrace-canopy__image {
margin-bottom: 20px;
}
.terrace-canopy {
padding: 0 0 25px 0;
}
.terrace-description__wrapper {
margin-top: 40px;
}
.terrace-page__content {
padding: 40px 0 30px 0;
}
.terrace-patio {
padding: 0;
}
.terrace-patio-covers__description {
margin-top: 30px;
}
.terrace-patio-covers__feature {
margin-top: 50px;
}
.column__m {
margin-bottom: 20px;
}
.terrace-patio__lists.lists {
flex-direction: column;
}
.terrace-patio__lists.lists li {
margin-right: 0;
}
.section-text__wrapper {
margin-bottom: 50px;
}
}
.main {
overflow-x: hidden;
}
body {
min-height: 100vh;
overflow-x: hidden;
}
.housing-construction-top {
padding: 70px 0 80px 0;
position: relative;
}
.housing-construction-top__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.housing-construction-top__bg:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90.11deg, #000 0.09%, rgba(0, 0, 0, 0) 99.92%);
opacity: 0.6;
z-index: 1;
}
.housing-construction-top__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.housing-construction-top__title h1 {
font-size: 46px;
font-weight: 700;
color: #fff;
position: relative;
z-index: 5;
line-height: 120%;
}
@media screen and (max-width: 991px) {
.housing-construction-top__title h1 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.housing-construction-top {
padding: 60px 0;
}
.housing-construction-top__title h1 {
font-size: 26px;
}
}
.housing-construction__title {
font-weight: 700;
font-size: 26px;
line-height: 117%;
color: #4e4e4f;
}
.housing-construction-home {
padding-top: 0;
}
.housing-construction-home__title {
font-size: 30px;
font-weight: 700;
line-height: 117%;
color: #4e4e4f;
margin-bottom: 15px;
}
.housing-construction-home__top {
max-width: 920px;
margin-bottom: 50px;
}
.housing-construction-home__wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px;
}
.housing-construction-home__item {
flex: 0 0 50%;
max-width: calc(50% - 45px);
width: 100%;
margin-bottom: 30px;
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 90px;
}
.housing-construction-home__item h3 {
font-weight: 700;
font-size: 20px;
color: #4e4e4f;
margin-bottom: 10px;
line-height: 117%;
}
@media screen and (max-width: 991px) {
.housing-construction-home__title {
font-size: 26px;
}
.housing-construction-home__top {
margin-bottom: 30px;
}
.housing-construction-home__item {
max-width: calc(50% - 10px);
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.housing-construction__title {
font-size: 20px;
}
.housing-construction-home__title {
font-size: 26px;
}
.housing-construction-home__top {
margin-bottom: 30px;
}
.housing-construction-home__item {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.housing-construction-home__item:not(:nth-child(2n)) {
margin-right: 0;
}
}
.download__icon {
width: 64px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
background: #FFFFFF;
margin-bottom: 15px;
}
.download__bottom-icon {
width: 33px;
height: 30px;
flex: 0 0 33px;
margin-right: 25px;
}
.download__bottom {
display: flex;
align-items: center;
}
.slider {
width: 100%;
margin: 0 auto;
}
.faq_page {
padding-top: 0;
}
.faq-container {
margin-top: 30px;
}
.faq {
position: relative;
overflow: hidden;
transition: 0.3 ease;
cursor: pointer;
display: none;
}
.faq-container div.show {
display: block;
}
.faq-title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin: 0;
padding: 17px 30px;
}
.faq-text {
display: none;
padding: 14px 0;
border-top: solid 1px #ababab;
margin: 0 30px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
}
.faq-toggle {
background-color: transparent;
border: 0;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
height: 30px;
width: 30px;
margin-top: auto;
margin-bottom: auto;
}
.faq-toggle:focus {
outline: 0;
}
.faq-toggle .fa-chevron-up {
display: none;
}
.simple_page {
padding-top: 0;
}
.simple_text p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
max-width: 730px;
}
.simple_text a {
color: #b72025;
text-decoration: underline;
}
.simple_baner {
align-items: center;
display: flex;
padding: 52px 50px;
background: #f5f5f5;
margin-top: 30px;
position: relative;
}
.simple_baner_left span {
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4e4e4f;
display: block;
margin-bottom: 25px;
max-width: 449px;
}
.simple_baner_left .btn_slider {
max-width: 350px;
}
.simple_baner_right {
margin-left: 80px;
}
.simple_baner_right img {
position: absolute;
bottom: 0;
}
.simple_page_2 {
background: #f5f5f5;
}
.simple_page_faq {
background: #f5f5f5;
padding-top: 80px;
}
.simple_page_faq .faq-container {
margin-top: 0;
}
.load_faq {
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #b72025;
margin-top: 20px;
background: 0 0;
border: 0;
text-align: center;
width: 100%;
cursor: pointer;
}
.load_faq:hover {
color: #b72025;
}
.load_faq svg {
margin-left: 10px;
}
.title a {
position: absolute;
right: 0;
}
[type="submit"] {
font-size: 14px;
}
.faq-container div.show {
display: block;
}
@media only screen and (max-width: 1198px) {
.simple_baner_right img {
right: 30px;
max-width: 355px;
}
}
@media only screen and (max-width: 1050px) {
section {
padding: 40px 0;
}
.container {
max-width: 100% !important;
}
.simple_baner_right img {
right: 30px;
max-width: 255px;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.faq-title {
font-size: 16px;
max-width: 85%;
}
.simple_baner {
display: block;
padding: 25px 12px;
padding-bottom: 0;
}
.simple_baner_left {
text-align: center;
}
.simple_baner_left span {
line-height: 23px;
max-width: 100%;
font-size: 20px;
text-align: left;
margin-bottom: 15px;
}
.simple_baner_left .btn_slider {
max-width: 250px;
margin: 0 auto;
display: block;
margin-left: 0;
}
.simple_baner_right img {
position: inherit;
max-width: 100%;
}
.simple_baner_right {
margin-left: 0;
margin-top: 40px;
text-align: center;
}
.simple_page_2 .page_title {
padding-bottom: 15px;
}
.simple_page_faq {
padding-top: 21px;
}
.load_faq {
margin-top: 0;
}
}
.faq-container div.show {
display: block;
}
.width-b {
position: relative;
display: none;
}
.width-b {
display: none !important;
}
.download {
padding-top: 0;
background: #f5f5f5;
}
.download__title {
margin-bottom: 40px;
}
.download__title h2 {
color: #4e4e4f;
font-weight: 700;
font-size: 30px;
margin: 0;
}
@media screen and (max-width: 991px) {
.download__title {
margin-bottom: 25px;
}
.download__title h2 {
font-size: 26px;
}
}
.simple_page_3_info .title span {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.005em;
color: #4E4E4F;
margin-top: 20px;
display: block;
}
.simple_page_3 .product_block {
margin-bottom: 0;
}
.product_block {
position: relative;
}
.product_block .product_block_grad {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
height: 100%;
min-height: 211px;
background-size: cover;
background-position: center;
}
.product_block span {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 20px;
width: 100%;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.005em;
color: #FFFFFF;
z-index: 11;
}
.simple_page_3_info {
margin-bottom: 90px;
}
.accordion__text {
margin: 0;
}
.bestprice_page_2 {
padding: 80px 0;
background-color: #f5f5f5;
}
.bestprice_page_3 {
padding: 80px 0;
}
.checkbox {
width: 100%;
margin-bottom: 35px;
position: relative;
display: block;
}
.checkbox label {
position: relative;
display: block;
padding-left: 25px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox input[type="checkbox"] {
width: auto;
opacity: 0.00000001;
position: absolute;
left: 0;
margin-left: -20px;
}
.checkbox label span {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #4e4e4f;
}
.desinger {
margin-bottom: 30px;
}
.desinger img {
width: 100%;
}
.content_checkbox:last-child {
padding-bottom: 15px;
}
.step1.v_0 .rrss {
display: none;
}
.acc-container {
overflow: hidden;
}
.acc-title {
transition: all 0.3s ease-in-out;
}
.acc-title:after {
content: "\f107";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: -10px;
margin-top: 7.5px;
width: 25px;
height: 25px;
display: inline-block;
}
.acc-active .acc-title:after {
content: "\f106";
font-family: "Font Awesome 5 Pro";
color: #b72025;
}
.title a {
position: absolute;
right: 0;
}
.title.acc-title:hover {
color: #b72025;
}
.acc-content {
width: 100%;
height: auto;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.acc-active .acc-content {
max-height: 1000px;
overflow-y: auto;
opacity: 1;
}
.sibbar_desinger div.title {
align-items: center;
display: flex;
padding-bottom: 15px;
padding-top: 15px;
}
.sibbar_desinger div.title {
position: relative;
width: 100%;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
cursor: pointer;
padding-right: 25px;
}
.content_checkbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #ababab;
}
.content_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 4px;
left: 0;
height: 16px;
width: 16px;
background-color: transparent;
border: 1px solid #ababab;
}
.content_checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
.content_checkbox input:checked ~ .checkmark {
background-color: #b72025;
border: 0;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.content_checkbox input:checked ~ .checkmark:after {
display: block;
}
.content_checkbox .checkmark:after {
left: 6px;
top: 3px;
width: 4px;
height: 9px;
border: solid #fff;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
div.price_single {
align-items: center;
display: flex;
}
.price_single .text_price {
margin-left: 25px;
}
.price_single .text_price span {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #4e4e4f;
}
.msk {
max-height: 570px;
min-height: 702px;
overflow-y: auto;
padding-right: 10px;
margin-bottom: 30px;
}
.msk::-webkit-scrollbar {
width: 5px;
}
.msk::-webkit-scrollbar-track {
border: 0 solid #333;
background: #f1f1f1;
box-shadow: none;
}
.msk::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.22);
}
label[for="shipping_method_0_free_shipping1"]:after {
content: "0€";
float: right;
}
.de_t {
margin-bottom: 30px;
}
.price_page_2 {
background-color: #f5f5f5;
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.price_page_2 {
padding: 40px 0;
}
}
@media only screen and (max-width: 1050px) {
.container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 768px) {
h2 {
line-height: 1.5em;
}
.msk {
max-height: 100%;
min-height: 100%;
}
.container {
max-width: 100% !important;
}
.page_title {
padding-bottom: 25px;
}
.page_title span {
font-size: 20px;
line-height: 23px;
}
.desinger img {
margin-bottom: 25px;
}
div.price_single {
display: block;
}
div.price_single .text_price {
margin-left: 0;
margin-top: 5px;
}
}
.sibbar_desinger.acc-container.step1.v_3 .rrss {
display: none;
}
div#accordion > div:first-child > div:first-child {
padding-top: 0;
}
#step4 div#accordion > div:nth-child(2) > div:first-child {
padding-top: 0;
}
.c-weight {
color: #b72025;
border-bottom: 1px solid;
cursor: pointer;
margin-bottom: 10px;
display: inline-block;
line-height: 15px;
}
@media only screen and (max-width: 325px) {
div.price_single {
display: block;
}
.price_single .text_price {
margin-left: 0;
margin-top: 20px;
}
}
.container-other {
max-width: 1345px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.de_t {
display: none;
}
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
.description-other {
max-width: 100%;
}
.description-other__btn-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 30px;
margin-top: 15px;
grid-gap: 20px 30px;
justify-content: center;
}
.description-other__btn {
width: 100%;
max-width: 100%;
text-align: center;
padding: 5px 32px;
height: auto;
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
.description-other__btn:nth-child(5) {
grid-column-start: 2;
grid-column-end: 3;
}
.description-other__btn:nth-child(6) {
grid-column-start: 3;
grid-column-end: 4;
}
}
@media screen and (max-width: 1199px) {
.description-other__btn-block {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.description-other__btn-block {
grid-template-columns: repeat(1, 1fr);
}
}
.description-other__title {
margin-bottom: 40px;
}
.description-other__subtitle {
max-width: 710px;
}
.description-other__subtitle p {
margin: 0 0 18px 0;
color: #4e4e4f;
font-size: 26px;
font-weight: 700;
line-height: 118%;
}
.description-other__list-text {
display: flex;
flex-wrap: wrap;
}
.description-other__item {
flex: 0 0 50%;
max-width: calc(50% - 15px);
width: 100%;
color: #4e4e4f;
margin-bottom: 50px;
}
.description-other__item:not(:nth-child(2n)) {
margin-right: 30px;
}
.description-other__item h4 {
font-weight: 700;
font-size: 20px;
margin-bottom: 26px;
line-height: 130%;
color: #4e4e4f;
margin-bottom: 14px;
}
.description-other__item p {
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
margin: 0;
}
.size-page-description {
display: block;
margin-top: 50px;
}
@media screen and (max-width: 991px) {
.description-other__title {
margin-bottom: 20px;
}
.description-other__item {
margin-bottom: 30px;
}
.size-page-description {
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.description-other__btn-block {
margin-top: 60px;
}
.description-other__btn {
max-width: 100%;
}
.description-other__item {
flex: 0 0 100%;
max-width: 100%;
}
.description-other__item:not(:nth-child(2n)) {
margin-right: 0;
}
.description-other__subtitle p {
font-size: 24px;
}
}
.container-other {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1345px;
}
@media screen and (max-width: 1438px) {
.container-other {
width: 100vw;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
.msk {
margin-bottom: 10px;
}
.sibbar_desinger.acc-container-.acc-active.step3.v_2.acc-active label:nth-child(4) .rrss {
font-weight: 500;
color: #b72025;
}
@media screen and (max-height: 880px) {
.msk {
min-height: 570px;
}
}
@media only screen and (max-width: 768px) {
.msk {
max-height: 100%;
min-height: 100%;
}
}
.silv {
background: #f5f5f5!important;
}
#login .um-right.um-half {
display: none;
}
#login .um-left.um-half {
width: 100%;
}
#reg a.um-toggle-gdpr {
display: none;
}
#form {
max-width: 700px;
background: #f5f5f5;
}
h2 {
line-height: 1.3em;
}
span.ajax-loader {
position: absolute!important;
}
.wpcf7-select {
background: #FFFFFF;
border-radius: 16px;
border: solid 0px #fff;
height: 55px;
padding: 0 20px;
margin-bottom: 0px;
width: 100%;
background-image: linear-gradient(
45deg, transparent 50%, gray 50%), linear-gradient(
135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 24px) calc(1em + 11px), calc(100% - 20px) calc(1em + 11px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0px 1.5em;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
color: #4E4E4F;
padding-right: 41px;
}
.large-w .cv span:before{
content: '';
background: url(//durchdacht.de/wp-content/uploads/2021/03/file_upload.png);
background-size: cover;
height: 23px;
width: 11px;
position: absolute;
left: 110px;
top: 10px;
left: 28%!important;
}
section.spuere-screen5 p {
font-size: 16px;
}
.large-w .cv:before {
top: 26px;
max-width: 292px!important;
}
.wp-block-image img {
height: auto;
max-width: 100%;
}
.white-popup {
padding: 43px!important;
}
.city-text-block__item-img {
height: auto!important;
}
.image_te img {
max-width: 100%;
height: auto;
}
img {
height: auto;
}
.image_te {
margin-bottom: 50px;
margin-top: 30px;
position: relative;
}
.psa {
position: absolute;
color: #ABABAB;
font-size: 14px;
width: 60px;
}
.cx1 {
top: 46%;
left: 0.3%;
-webkit-transform: rotate(
270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(
270deg);
}
.cx2 {
top: 46%;
left: 8.7%;
-webkit-transform: rotate(
270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(
270deg);
}
.cx3 {
top: 0%;
left: 47.3%;
}
.cx4 {
top: 14%;
left: 47.3%;
}
.cx5 {
top: 59%;
left: 85.2%;
-webkit-transform: rotate(
270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(
270deg);
}
.cx6 {
top: 59%;
left: 91.9%;
-webkit-transform: rotate(
270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(
270deg);
}
.cx7 {
top: 89.6%;
left: 47.3%;
}
.cx8 {
top: 94.3%;
left: 47.3%;
}
.cx9 {
top: 99%;
left: 47.3%;
}
.cx41 {
top: 23%;
left: 19.0%;
-webkit-transform: rotate(
270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(
270deg);
}
.cx10 {
top: 43%;
left: 75.5%;
}
.slick-slide img {
height: auto;
}
.banner-2 {
position: absolute;
background: url(https://durchdacht.de/wp-content/uploads/2023/06/illustration-4.png) no-repeat #B72025;
background-position: 185px 68px;
z-index: 1;
right: 85px;
width: 320px;
margin-top: 35px;
background-size: 42%;
}
.banner-2 h3 {
color: #fff;
font-size: 20px;
font-weight: 800;
padding: 10px 20px;
margin-bottom: 0;
padding-top: 12px;
}
.c-text {
display: block;
font-size: 11px;
color: #fff;
max-width: 164px;
margin-top: 15px;
margin-left: 18px;
margin-bottom: 13px;
}
.action-ds {
color: #b72025;
background: #fff;
padding: 7px 10px;
padding-left: 19px;
font-size: 12px;
font-weight: 800;
}
label[for="payment_method_payever_santander_installment_at"] {
#color: #b91010!important;
}
@media only screen and (max-width: 1199px){
.cx1 {
left: -0.7%;
}
.cx2 {
left: 7.7%;
}
.cx5 {
left: 84.2%;
}
.cx6 {
left: 90.9%;
}
}
@media only screen and (max-width: 920px){
.cx5 {
left: 83.2%;
}
.cx6 {
left: 89.9%;
}
}
@media only screen and (max-width: 767px){
.cart-collaterals.row>div {
padding: 0;
}
input#mailster-email-1 {
margin: 0;
}
.banner-2{
display: none;
}
.cx1 {
left: 0.3%;
}
.cx2 {
left: 8.7%;
}
.cx5 {
left: 85.2%;
}
.cx6 {
left: 91.9%;
}
.psa {
font-size: 9px;
}
.cx41 {
top: 17%;
left: 16%;
}
}
@media only screen and (max-width: 520px){
.cli-bar-btn_container>a {
margin: 5px auto!important;
}
.cli-switch .cli-slider:after{
display:none;
}
.cx1 {
left: -1.7%;
}
.cx2 {
left: 6.7%;
}
.cx5 {
left: 83.2%;
}
.cx6 {
left: 89.9%;
}
.psa {
font-size: 9px;
}
.cx41 {
top: 17%;
left: 16%;
}
}
@media only screen and (max-width: 375px){
.cx1 {
top: 41%;
left: -3.7%;
}
.cx2 {
left: 4.5%;
top: 41%;
}
.cx3 {
top: -1%;
left: 47.3%;
}
.cx4 {
top: 13%;
left: 47.3%;
}
.cx5 {
top: 55%;
left: 83.2%;
}
.cx6 {
top: 55%;
left: 89.9%;
}
.psa {
font-size: 9px;
}
.cx41 {
top: 17%;
left: 16%;
}
}
.link.news__link {
font-size: 18px;
}
.text_price svg {
display: inline-block;
}
.cli-bar-btn_container a {
background: #b72025;
border-radius: 30px;
font-style: normal;
font-weight: 600!important;
font-size: 16px!important;
line-height: 19px;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
max-width: 255px;
width: 100%;
margin: 0;
padding: 17px 10px;
text-align: center;
}
.link.product__link {
display: flex;
}
.cli-switch input:checked + .cli-slider {
background-color: #b72025;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #b72025;
color: #ffffff;
border-radius: 30px;
}
.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
color: #b72025!important;
}
.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
background: #b72025!important;
border-radius: 30px!important;
}
.select2-container .select2-choice, .select2-container-multi .select2-choices, .select2-drop, .select2-drop-active, .select2-drop.select2-drop-above, .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea, .um .upload-progress {
border: none!important;
height: 55px!important;
margin-bottom: 20px!important;
border-radius: 30px;
padding-left: 25px!important;
}
.um a.um-button:hover, .um input[type=submit].um-button:hover {
background-color: #b72025!important;
}
.picker__box, .picker__nav--next:hover, .picker__nav--prev:hover, .um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
background: #b72025!important;
color:#fff!important;
}
label.um-field-radio.um-field-half {
height: 29px;
}
.um-form-field{
border: none!important;
}
.rating__count {
margin-bottom: 7px;
}
p.price {
margin: 0;
}
.form_h h5,
form h5 {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 30px;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 25px;
}
.form_h p,
form p {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20.8px;
color: #4e4e4f;
margin-bottom: 20px;
max-width: 350px;
}
.desinger {
margin-bottom: 30px;
}
.desinger img {
width: 100%;
}
.content_checkbox:last-child {
padding-bottom: 15px;
}
.title a {
position: absolute;
right: 0;
}
.content_checkbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #ababab;
}
.content_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.woocommerce div.product div.images {
width: 100%;
float: none;
}
.product_title h1 {
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0.005em;
color: #4e4e4f;
margin-bottom: 15px;
}
.product_attributes {
margin-bottom: 15px;
}
.product_attributes .woocommerce-product-attributes-item {
display: flex;
align-items: center;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 29px;
color: #4e4e4f;
}
.product_attributes .woocommerce-product-attributes-item:not(:last-child) {
margin-bottom: 5px;
}
.product_attributes .woocommerce-product-attributes-item div:first-child {
margin-right: 5px;
}
.product_attributes .woocommerce-product-attributes-item div:last-child p {
margin: 0;
font-weight: 700;
}
.single_add_cart form,
.woocommerce div.product form.cart div.quantity,
div.price_single,
form.woocommerce-cart-form div.quantity {
align-items: center;
display: flex;
}
.price_single .text_price {
margin-left: 25px;
}
.price_single .text_price span {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #4e4e4f;
}
.price_single .text_price span svg {
margin-right: 6px;
}
.single_add_cart {
margin-top: 35px;
}
.single_add_cart form .quantity input {
margin-bottom: 0;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #b72025;
}
.woocommerce div.product form.cart .button {
margin-left: 90px;
max-width: 350px;
outline: 0;
}
.woocommerce .quantity input::-webkit-inner-spin-button,
.woocommerce .quantity input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce .quantity input[type="number"] {
-moz-appearance: textfield;
background: #f5f5f5;
border: 0;
border-radius: 50%;
width: 50px;
height: 50px;
padding: 10px;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #4e4e4f;
}
.single_add_cart form .quantity input.qty_button,
form .quantity input.qty_button {
color: #ababab;
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 22px;
padding: 0;
border: 0;
cursor: pointer;
opacity: 0;
}
.single_add_cart form .quantity div.btn_minus,
.single_add_cart form .quantity div.btn_plus,
form .quantity div.btn_minus,
form .quantity div.btn_plus {
position: relative;
margin-left: 15px;
}
.single_add_cart form .quantity div.btn_minus,
form .quantity div.btn_minus {
margin-left: 0;
margin-right: 15px;
}
.single_add_cart form .quantity div svg,
form .quantity div svg {
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin-top: auto;
margin-bottom: auto;
}
.single_add_cart form .quantity input.minus,
form .quantity input.minus {
padding-right: 15px;
}
.single_add_cart form .quantity input.plus,
form .quantity input.plus {
padding-left: 5px;
}
@media screen and (max-width: 767px) {
.gallery__wrapper {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 480px) {
.woocommerce div.product .product_title {
font-size: 21px;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce form .form-row:nth-child(1),
.woocommerce form .form-row:nth-child(8) {
padding-right: 0;
}
.woocommerce form .form-row:nth-child(2),
.woocommerce form .form-row:nth-child(9) {
padding-left: 0;
}
.woocommerce form .form-row:nth-child(8) input {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 325px) {
div.price_single {
display: block;
}
.price_single .text_price {
margin-left: 0;
margin-top: 20px;
}
}
.width-b {
display: none !important;
}
.product-other-card .cart {
flex-direction: column;
align-items: flex-start;
}
.product-other-card .cart .quantity {
margin-bottom: 40px !important;
}
.product-other-card .cart .button {
margin-left: 0 !important;
height: 45px !important;
transition: 0.4s;
max-width: 255px !important;
width: 100% !important;
border: 2px solid #b72025 !important;
background: #fff !important;
color: #b72025 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center;
}
.product-other-card .cart .button:hover {
color: #fff !important;
background: #b72025 !important;
}
.product-other-card__text {
max-width: 255px;
height: 44px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
font-weight: 600;
font-size: 20px;
margin-bottom: 40px;
}
.product-other-card__text bdi {
color: #b72025;
margin-left: 4px;
}
.product-other-card__right .product_title {
font-size: 18px !important;
}
.product-other-card__right .text_price {
flex: 0 0 100%;
margin-left: 0;
width: 100% !important;
max-width: 100% !important;
}
.product-other-card__radio {
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.product-other-card__radio-label {
display: flex;
align-items: center;
cursor: pointer;
}
.product-other-card__radio-label p {
margin: 0;
color: #4e4e4f;
font-size: 16px;
}
.product-other-card__radio-label input {
display: none;
}
.product-other-card__radio-label input:checked ~ span {
background: #b72025;
border-color: #b72025;
}
.product-other-card__radio-label input:checked ~ span svg {
display: block;
}
.product-other-card__radio-label span {
background: #fff;
border: 1px solid #ababab;
width: 16px;
height: 16px;
position: relative;
margin-right: 15px;
}
.product-other-card__radio-label span svg {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.5px;
height: 7px;
}
@media screen and (max-width: 767px) {
.product-other-card .quantity {
margin-left: 0 !important;
margin-bottom: 15px !important;
}
.product-other-card__radio {
margin-bottom: 25px;
}
.product-other-card__text {
margin-bottom: 25px;
}
}
.product-other-card-two {
display: none;
}
.product-other-card-two__title {
font-weight: 600;
font-size: 16px;
line-height: 130%;
color: #4e4e4f;
margin-bottom: 15px;
}
.product-other-card-two__top {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.product-other-card-two__top .product-other-card__text {
margin-bottom: 0;
}
.product-other-card-two__top-left {
flex: 0 0 50%;
max-width: calc(50% - 15px);
margin-right: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product-other-card-two__top-left p {
font-weight: 700;
font-size: 16px;
}
.product-other-card-two__top-left p span {
font-weight: 400;
color: #4e4e4f;
}
.product-other-card-two__top-price {
flex: 0 0 50%;
max-width: calc(50% - 15px);
display: flex;
justify-content: flex-end;
}
.product-other-card-two__inner {
display: flex;
flex-wrap: wrap;
}
.product-other-card-two__inner-item {
flex: 0 0 50%;
max-width: calc(50% - 15px);
width: 100%;
}
.product-other-card-two__inner-item:not(:nth-child(2n)) {
margin-right: 30px;
}
.product-other-card-two__input {
background: #f5f5f5;
border-radius: 30px;
border: none;
height: 55px;
padding: 0 32px;
display: block;
width: 100%;
margin-bottom: 32px;
}
.product-other-card-two__select {
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 24px) calc(1em + 11px), calc(100% - 20px) calc(1em + 11px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0 1.5em;
background-repeat: no-repeat;
cursor: pointer;
}
.product-other-card-two__bottom {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.product-other-card-two__img {
height: 230px;
}
.product-other-card-two__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product-other-card-two__bottom-btn {
max-width: 350px;
margin-left: 25px;
}
.product-other-card-two__label {
display: flex;
align-items: center;
margin: 0;
cursor: pointer;
}
.product-other-card-two__label span {
background: #fff;
border: 1px solid #ababab;
width: 16px;
height: 16px;
position: relative;
margin-right: 15px;
flex: 0 0 16px;
}
.product-other-card-two__label span svg {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.5px;
height: 7px;
}
.product-other-card-two__label p {
margin: 0;
}
.product-other-card-two__label input {
display: none;
}
.product-other-card-two__label input:checked ~ span {
background: #b72025;
border-color: #b72025;
}
.product-other-card-two__label input:checked ~ span svg {
display: block;
}
@media screen and (max-width: 991px) {
.product-other-card-two__bottom {
flex-direction: column;
margin-top: 0;
}
.product-other-card-two__label {
margin-bottom: 15px;
}
.product-other-card-two__bottom-btn {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.product-other-card-two__img {
margin-bottom: 20px;
}
.naction{
display: none;
}
}
@media screen and (max-width: 567px) {
.product-other-card-two__top {
flex-direction: column-reverse;
}
.product-other-card-two__top-left {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
}
.product-other-card-two__top-left p {
margin: 0 0 10px 0;
}
.product-other-card-two__top-price {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
justify-content: flex-start;
}
.product-other-card-two__inner-item {
flex: 0 0 100%;
max-width: 100%;
}
.product-other-card-two__inner-item:not(:nth-child(2n)) {
margin-right: 0;
}
.product-other-card-two__input {
margin-bottom: 18px;
}
}
span.woocommerce-Price-amount.amount {
padding-left: 7px;
}
span.woocommerce-Price-currencySymbol {
margin-left: 0 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #b72025;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
display: block;
}
#gesamt:before {
display: none;
}
span.woocommerce-Price-amount.amount {
float: right;
}
.title-other {
margin-bottom: 38px;
font-weight: 700;
font-size: 30px;
line-height: 117%;
color: #4e4e4f;
}
.btn-other {
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-decoration: none;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
height: 55px;
transition: 0.4s;
}
.btn-other__one {
border: 2px solid #b72025;
background: 0 0;
color: #b72025;
}
.btn-other__one:hover {
color: #fff;
background: #b72025;
}
.btn-other__two {
background: #b72025;
color: #fff;
text-align: center;
}
.btn-other__two:hover {
background: #910b0f;
color: #fff;
}
@media screen and (max-width: 991px) {
.title-other {
font-size: 26px;
margin-bottom: 25px;
}
}
label.product-other-card__radio-label {
margin-bottom: 5px;
}
.sibbar_desinger div.title {
text-align: left;
}
a.mobile-menu-btn>div {
margin-top: 28px;
right: auto;
margin-right: -27px;
}
.options-link {
text-align: center;
}
.offer__box>p {
margin: 0;
}
body {
overflow-anchor: none!important;
}
html, body {
overflow-x: hidden;
}
span.um-field-radio-state i {
display: inline-block!important;
width: 23px!important;
}
.um-field-checkbox-option, .um-field-radio-option {
margin-left: 40px !important;
}
div.uimob340 .um-field-half {
float: left!important;
}
.um-button.um-btn-auto-width {
margin-bottom: 25px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
margin-bottom: 10px;
}
.col-md-4.cv.file__label-wrap {
margin-bottom: 25px;
}
.table-responsive.mb-5 {
overflow-x: auto;
}
.product__link:before {
background: linear-gradient(345deg,#000000b3 4.34%,#00000061 28%,#0000 44.9%);
}
.product__img {
aspect-ratio: 5/3;
}
input.btn.btn_form.woocommerce-button.button.woocommerce-form-login__submit {
font-size: 16px;
}
.login-page__wrap .btn.btn_slider {
height: 55px;
margin-top: 12px;
}
.header-nav__list ul {
display: none;
}
.header-nav__list>li:hover ul {
display: block;
}
.header-nav__list ul {
position: absolute;
background: #fff;
padding: 20px;
min-width: 200px;
margin-left: -20px;
border: 1px solid #e0e0e0;
border-top: none;
z-index: 3;
}
li.header-nav__item {
position: relative;
}
ul.sub-menu li {
padding-bottom: 10px;
line-height: 15px;
}
.postid-7317 .sibbar_desinger.acc-container-.acc-active.step1.v_0{
display: none!important;
}
.postid-889 .sibbar_desinger.acc-container-.acc-active.step1.v_4, .postid-255 .sibbar_desinger.acc-container-.acc-active.step1.v_4 {
display: none!important;
}
div#gesamt {
padding-top: 25px;
}
div#accordion- {
padding-bottom: 25px;
margin-top: 25px;
}
li.options-description__item > img {
max-width: 390px;
}
.entry-content h2 {
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
padding: 0 15px;
}
.news-slide {
flex-direction: row;
gap: 60px;
}
.news-slide__img-box {
flex: 0 0 420px;
}
.subscribe__container {
flex-direction: row;
justify-content: space-between;
}
.footer__box-wrap {
justify-content: space-between;
}
.footer__box--1 {
max-width: 300px;
}
.footer-awards__list {
width: 100%;
justify-content: space-between;
}
.footer__box--2 {
order: 4;
}
.footer__box--4 {
max-width: 300px;
}
.footer__box--3 {
width: auto;
}
.footer-benefits__item {
flex-basis: auto;
gap: 8px;
font-size: 10px;
}
.customer__link-wrap {
font-size: 16px;
}
.hero__container {
flex-direction: row;
}
.hero__img {
min-height: 480px;
}
.hero__img-wrap {
flex: 0 0 660px;
}
.swiper .product-3__img {
max-height: 370px;
}
}
@media (min-width: 768px) {
.swiper .product-3__img {
max-height: 230px;
}
}
input#mfcf7_zl_add_file {
width: 100%;
height: 52px;
background-color: #d7d7d7;
border-radius: 16px;
gap: 8px;
padding: 0 36px;
}
label.items-3--1440.text__label>p {
width: 100%;
max-width: 100%;
margin-bottom: 25px;
}
input#mfcf7_zl_add_file {
width: 100%;
height: 55px;
background-color: #d7d7d7;
border-radius: 16px;
gap: 8px;
padding: 0 36px;
font-size: 16px;
margin-top: -10px;
}
div#mfcf7_zl_multifilecontainer {
margin-top: 0;
}        .header-nav__link {
font-size: 12px;
}
.container.header__container, .container.newsline__container {
width: 100%;
max-width: 1440px;
}
@media (min-width: 1340px) {
.hero-slide__box-wrap {
padding-top: 175px;
}
}
label.content_checkbox {
display: none;
}
.content_bar select {
background-color: #F5F5F5;
height: 50px;
font-weight: 500;
padding-left: 25px;
background-position: calc(100% - 18px) calc(1em + 7px), calc(100% - 14px) calc(1em + 7px), calc(100% - 1.5em) 0.5em;
}
h4.pad-40 {
padding-top: 40px;
}
div#accordion- h4 {
font-size: 20px;
}
dd.variation-Optionen p {
font-size: 12px;
}
.sibbar_desinger {
position: relative;
}
.content_bar.acc-content {
position: absolute;
margin-top: -55px;
margin-left: 153px;
width: calc(100% - 190px);
}
.sibbar_desinger div.title {
margin-bottom: 20px!important;
}
div#accordion- h4 {
margin-bottom: 10px;
}
@media (min-width: 1600px) {
.container {
width: 1440px;
}
}
@media (max-width: 1600px) {
.content_bar.acc-content {
position: absolute;
margin-top: -53px;
margin-left: 124px;
width: calc(100% - 155px);
}
div#accordion- h4 {
font-size: 17px;
}
.content_bar select {
height: 45px;
font-size: 14px;
}
.sibbar_desinger div.title {
font-size: 15px!important;
}
a.mpopup_div.nav__link.outline>svg {
width: 20px;
height: 20px;
}
.sibbar_desinger div.title {
padding-top: 15px!important;
}
}
section.options.section {
display: none;
}
.background-color--bg-light.btn-detail {
margin-bottom: 80px;
padding-bottom: 60px;
text-align: center;
}
button.btn_desinger.merh-detail {
max-width: 320px;
}
div#pay_with_amazon {
margin-top: 20px;
}
section.section.subscribe {
padding-bottom: 50px;
}
.hero-contacts__list {
bottom: 28%;
}
.action-top__wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
}
.action-top__img {
height: 400px;
}
.action-top__inner {
display: flex;
flex-direction: column;
height: 100%;
}
.action-top__img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.action-top__subtitle {
margin-bottom: 10px;
}
.action-top__subtitle p {
margin: 0;
font-weight: 700;
font-size: 18px;
}
.action-top__title {
background: #FFFFFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 12px 0px;
margin-bottom: 25px;
font-size: 30px;
font-weight: 700;
line-height: 30px;
color: #4e4e4f;
}
.action-top__inner {
display: flex;
flex-direction: column;
height: 100%;
}
.action-top__btn-block {
flex: 1 1 auto;
display: flex;
align-items: flex-end;
}
.action-top__btn {
margin-top: auto;
padding: 12px 10px;
max-width: 255px;
}
@media screen and (max-width: 1339px) {
.action-top__img {
height: auto;
max-height: 600px;
}
}
@media screen and (max-width: 1050px) {
.action-top__wrap {
grid-template-columns: 1fr;
}
.action-top__img {
max-height: 240px;
}
.action-top__img img {
object-position: center;
}
.action-top__title {
font-size: 22px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 420px) {
.action-top__img {
max-height: 180px;
}
}
.action {
padding-top: 0;
}
.action__title {
line-height: 100%;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
color: #4e4e4f;
}
.action__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.action__item {
padding: 15px 100px 15px 50px;
display: flex;
background: #FFFFFF;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
border-radius: 42px;
position: relative;
}
.action__img {
height: 90px;
flex: 0 0 80px;
margin-right: 35px;
}
.action__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.action__text p {
font-size: 24px;
font-weight: 700;
max-width: 315px;
line-height: 28px;
}
.action__text a {
position: absolute;
font-size: 16px;
font-weight: 700;
color: #B72025;
bottom: 15px;
right: 100px;
text-transform: uppercase;
}
.action__text a:hover:before {
transform: translateX(10px);
}
.action__text a:before {
content: "";
position: absolute;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA4NyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTg2LjIwNzEgOC4yMDcxMUM4Ni41OTc2IDcuODE2NTggODYuNTk3NiA3LjE4MzQyIDg2LjIwNzEgNi43OTI4OUw3OS44NDMxIDAuNDI4OTMyQzc5LjQ1MjYgMC4wMzg0MDc5IDc4LjgxOTUgMC4wMzg0MDc5IDc4LjQyODkgMC40Mjg5MzJDNzguMDM4NCAwLjgxOTQ1NiA3OC4wMzg0IDEuNDUyNjIgNzguNDI4OSAxLjg0MzE1TDg0LjA4NTggNy41TDc4LjQyODkgMTMuMTU2OUM3OC4wMzg0IDEzLjU0NzQgNzguMDM4NCAxNC4xODA1IDc4LjQyODkgMTQuNTcxMUM3OC44MTk1IDE0Ljk2MTYgNzkuNDUyNiAxNC45NjE2IDc5Ljg0MzEgMTQuNTcxMUw4Ni4yMDcxIDguMjA3MTFaTTAuNSA4LjVIODUuNVY2LjVIMC41VjguNVoiIGZpbGw9IiNCNzIwMjUiLz4KPC9zdmc+Cg==") no-repeat center/contain;
width: 85px;
height: 17px;
bottom: -8px;
right: -50px;
transition: 0.4s;
}
.action__question-content {
overflow: hidden;
transition: 0.8s;
}
.action__question-content p {
padding: 15px 30px;
margin: 0;
}
.action__question-btn {
transition: 0.4s;
margin-left: 20px;
}
.action__question-btn.action {
transform: rotate(180deg);
}
.action__question-item {
background: #F5F5F5;
border-radius: 30px;
margin-bottom: 40px;
}
.action__question-top {
padding: 17px 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.action__question-top p {
font-size: 18px;
font-weight: 700;
line-height: 115%;
margin: 0;
}
.mailster-wrapper.mailster-_hcaptcha-wrapper {
position: absolute!important;
margin-top: 122px;
}
@media screen and (max-width: 1200px) {
.action__img {
margin-right: 20px;
}
.action__item {
padding: 20px 60px 40px 30px;
}
.action__text p {
font-size: 18px;
line-height: 115%;
}
.action__text a {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.action__inner {
grid-template-columns: 1fr;
}
}
.action-bottom {
background: #f5f5f5;
border-bottom: 1px solid #4E4E4F;
}
.action-bottom__wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 60px 75px;
}
.action-bottom__item {
display: flex;
}
.action-bottom__icon {
width: 87px;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 87px;
margin-right: 30px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background: #ffffff;
}
.action-bottom__text h3 {
font-size: 18px;
font-weight: 700;
color: #4e4e4f;
margin: 10px 0;
line-height: 115%;
}
.title.acc-title- img, .variation-Optionen img, img.emoji {
width: 10px !important;
height: 10px !important;
margin-bottom: 1px !important;
display: inline-block !important;
min-width: auto!important;
}
.postid-15600 .sibbar_desinger.acc-container-.acc-active.step1.v_4 {
display: none!important;
}
.woocommerce-make-offer-form-section.woocommerce-make-offer-form-section-submit{
display:block!important;
}
div.um .g-recaptcha {
margin: inherit!important;
}
input#um-submit-btn {
color: #fff;
margin-top: 20px;
}
.ads-input {
width: 100%;
height: 45px;
font-size: 14px;
background-color: #F5F5F5;
font-weight: 500;
padding-left: 25px;
border-radius: 16px;
margin-top: 5px;
outline: none !important;
}
.ads-input::placeholder {
opacity: 0.5;
}
.custom-b span, .custom-t span  {
position: absolute;
z-index: 99999;
margin-left: -40px;
margin-top: 17px;
}
section.newsline {
position: relative;
}
@media screen and (min-width: 319px) {
section.hero {
max-height: 517px;
}
}
@media screen and (min-width: 768px) {
section.hero {
max-height: 573px;
}
}
@media screen and (min-width: 1200px) {
section.hero {
max-height: 526px;
}
}
@media screen and (min-width: 1340px) {
section.hero {
max-height: 572px;
}
}
@media screen and (min-width: 1920px) {
section.hero {
max-height: 708px;
}
}
@media screen and (max-width: 991px) {
.action-bottom__wrap {
grid-gap: 30px;
}
}
@media screen and (max-width: 767px) {
.action-bottom__wrap {
grid-template-columns: 1fr;
}
.action-bottom__item {
flex-direction: column;
}
.action-bottom__icon {
margin-bottom: 10px;
width: 60px;
height: 60px;
flex: 0 0 60px;
padding: 10px;
}
.action-bottom__icon svg {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
}
@media screen and (max-width: 1200px)  and (min-width: 768px) {
.content_bar.acc-content {
position: relative;
margin-top: -15px;
margin-left: 0px;
width: 100%;
}
div#accordion- h4 {
font-size: 15px;
}
.itg {
height: 70px!important;
}
a.tablinks.gesamt {
margin-top: -10px;
}
.msk {
max-height: 250px!important;
min-height: 250px!important;
}
.content_bar select {
height: 35px;
background-position: calc(100% - 18px) calc(1em + 1px), calc(100% - 14px) calc(1em + 1px), calc(100% - 1.5em) 0.5em;
}
div#accordion- h4 {
margin-bottom: 0px;
}
div#accordion- {
margin-top: 15px;
}
}
.header-newsline {
position: absolute;
z-index: 2;
background-color: #ff8000;
width: 100%;
height: 75px;
}
.header-action-newsline {
display:flex;
font-weight: 600;
justify-content: center;
align-items: center;
}
.header-newsline-led {
font-size: 25px;
font-weight: 600;
}
.header-newsline-plus {
display: inline-block;
vertical-align: super;
font-size: 25px;
}
.header-newsline-percent {
font-size: 65px;
}
.header-newsline-main-span-1 {
display: inline-block;
font-size: 23px;
width: 335px;
letter-spacing: 0.4px;
font-weight: 700;
text-transform: uppercase;
}
.header-newsline-main-span-2 {
display: inline-block;
font-size: 23px;
width: 217px;
letter-spacing: 0.4px;
font-weight: 600;
text-transform: uppercase;
}
.header-action-newsline span {
color: var(--color--bg-light);
}
.header-newsline-led-1 {
font-weight: 200;
display: inline-block;
width: 100px;
font-size: 24px;
}
.header-newsline-led-2 {
display: inline-block;
width: 12%;
font-size: 16px;
font-weight: 200;
}
.header-newsline-action-date {
display: inline-block;
font-size: 21px;
width: 186px;
text-align: right;
font-weight: 400;
}
.header-newsline-button {
display: flex;
border: 2px solid white;
border-radius: 26px;
width: 270px;
height: 45px;
text-align: center;
color: var(--color--bg-light);
font-size: 17px;
align-items: center;
justify-content: center;
margin-left: 110px;
}
.header-action-newsline img {
position: absolute;
left:0;
top:0;
}
.header-newsline-text {
display: flex;
width: 1100px;
align-items: center;
}
.h-n-1-sale {
margin-left: 100px;
}
.h-n-2-sale {
margin-left: 30px;
}
@media screen and (max-width: 1600px)  and (min-width: 1400px) {
.header-newsline {
height: 70px;
}
.header-newsline-led-1 {
width: 66px;
font-size: 22px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 24px;
width: 334px;
}
.header-newsline-main-span-2 {
font-size: 21px;
width: 210px;
}
.header-newsline-led-2 {
width: 50px;
font-size: 15px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 20px;
width: 165px;
font-weight: 300;
}
.header-newsline-button {
width: 250px;
height: 45px;
font-size: 16px;
margin-left: 41px;
}
.header-newsline-text {
width: 1000px;
}
}
@media screen and (max-width: 1399px)  and (min-width: 1130px) {
.header-newsline {
height: 60px;
}
.header-newsline-led-1 {
width: 60px;
font-size: 20px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 20px;
width: 277px;
}
.header-newsline-main-span-2 {
font-size: 18px;
width: 170px;
}
.header-newsline-led-2 {
width: 36px;
font-size: 13px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 17px;
width: 174px;
font-weight: 300;
}
.header-newsline-button {
width: 180px;
height: 30px;
font-size: 15px;
margin-left: 1%;
}
.header-newsline-percent {
font-size: 50px;
}
.header-newsline-text {
width: 880px;
}
}
@media screen and (max-width: 1129px)  and (min-width: 910px) {
.header-newsline {
height: 45px;
}
.header-newsline-led-1 {
width: 50px;
font-size: 14px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 14px;
width: 195px;
}
.header-newsline-main-span-2 {
font-size: 12px;
width: 110px;
}
.header-newsline-led-2 {
width: 29px;
font-size: 11px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 13px;
width: 132px;
font-weight: 300;
}
.header-newsline-button {
width: 175px;
height: 30px;
font-size: 14px;
margin-left: 1%;
}
.header-newsline-percent {
font-size: 35px;
}
.header-newsline-text {
width:  610px;
}
.h-n-2-sale {
margin-left: 20px;
}
.header-newsline-plus {
font-size: 20px;
}
.header-newsline-led {
font-size: 16px;
font-weight: 600;
}
.header-action-newsline {
height: 100%;
}
}
@media screen and (max-width: 909px)  and (min-width: 695px) {
.header-newsline {
height: 40px;
}
.header-newsline-led-1 {
width: 40px;
font-size: 12px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 12px;
width: 170px;
}
.header-newsline-main-span-2 {
font-size: 11px;
width: 100px;
}
.header-newsline-led-2 {
width: 20px;
font-size: 11px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 13px;
width: 160px;
font-weight: 300;
}
.header-newsline-button {
width: 160px;
height: 22px;
font-size: 11px;
margin-left: 1%;
}
.header-newsline-percent {
font-size: 25px;
}
.header-newsline-text {
width: 810px;
}
.h-n-1-sale {
margin-left: 80px;
}
.h-n-2-sale {
margin-left: 10px;
}
.header-newsline-plus {
font-size: 13px;
}
.header-newsline-led {
font-size: 12px;
}
.header-action-newsline {
height: 100%;
}
.header-action-newsline img {
width: 60px;
}
}
@media screen and (max-width: 694px)  and (min-width: 485px) {
.header-newsline {
height: 35px;
}
.header-newsline-led-1 {
width: 31px;
font-size: 10px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 9px;
width: 126px;
}
.header-newsline-main-span-2 {
font-size: 9px;
width: 85px;
}
.header-newsline-led-2 {
width: 20px;
font-size: 8px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 10px;
width: 142px;
font-weight: 300;
}
.header-newsline-button {
width: 147px;
height: 15px;
font-size: 6px;
margin-left: 1%;
}
.header-newsline-percent {
font-size: 16px;
}
.header-newsline-text {
width: 915px;
}
.h-n-1-sale {
margin-left: 40px;
}
.h-n-2-sale {
margin-left: 10px;
}
.header-newsline-plus {
font-size: 8px;
}
.header-newsline-led {
font-size: 9px;
}
.header-action-newsline {
height: 100%;
}
.header-action-newsline img {
width: 45px;
}
}
@media screen and (max-width: 484px) {
.header-newsline {
height: 35px;
}
.header-newsline-led-1 {
width: 27px;
font-size: 9px;
font-weight: 200;
}
.header-newsline-main-span-1 {
font-size: 8px;
width: 114px;
}
.header-newsline-main-span-2 {
font-size: 7px;
width: 64px;
}
.header-newsline-led-2 {
width: 14px;
font-size: 5px;
font-weight: 200;
}
.header-newsline-action-date {
font-size: 8px;
width: 90px;
font-weight: 300;
}
.header-newsline-button {
width: 130px;
height: 12px;
font-size: 5px;
margin-left: 1%;
}
.header-newsline-percent {
font-size: 15px;
}
.header-newsline-text {
width: 735px;
}
.h-n-1-sale {
margin-left: 30px;
}
.h-n-2-sale {
margin-left: 3px;
}
.header-newsline-plus {
font-size: 6px;
}
.header-newsline-led {
font-size: 6px;
font-weight: 600;
}
.header-action-newsline {
height: 100%;
}
.header-action-newsline img {
width: 45px;
}
.header-newsline-button {
border: 1px solid white;
}
}
.discount-badge {
position: absolute;
width: 125px;
height: 46px;
display: flex;
top: 0px;
right: 0px;
justify-content: center;
border-top-left-radius: 50px;
align-items: center;
border-bottom-left-radius: 50px;
background-color: var(--color--brand-1);
color: white;
padding: 5px 10px;
font-size: 19px;
white-space: nowrap;
font-weight: 800;
}
@media (max-width: 768px) {
.discount-badge {
font-size: 19px;
padding: 4px 8px;
}
}
@media (max-width: 480px) {
.discount-badge {
font-size: 19px;
padding: 3px 6px;
}
}
.slider-icons {
position: absolute;
top: 70px;
right: 30px;
z-index: 1;
display: flex;
column-gap: 20px;
justify-content: space-between;
}
@media (max-width: 1150px) {
.slider-icons {
top: 45px;
right: 20px;
width: 520px;
}
}
.october-action {
position: absolute;
top: 275px;
z-index: 1;
right: 100px;
}
.action-days {
color: #FC141C;
font-weight: bold;
}
.action-hours {
color: #FC141C;
font-weight: bold;
}
.action-minutes {
color: #FC141C;
font-weight: bold;
}
.countdown {
font-family: "Pari-Match";
position: absolute;
transform: rotate(-6deg);
top: 90px;
left: 35px;
font-size: 55px;
display: flex;
justify-content: space-between;
width: 215px;
}
.time-control {
display: flex;
flex-direction: column;
width: 200px;
align-items: center;
}
.action-time-text {
font-family: "Open Sans Regular";
font-size: 10px;
}
.google-logo {
width: 25px;
position: absolute;
bottom: 130px;
right: 145px;
transform: rotate(-7deg);
}
@media (max-width: 1340px) {
.october-action {
top: 100px;
width: 190px;
right: 86px;
}
.countdown {
top: 95px;
left: 10px;
font-size: 30px;
width: 120px;
}
.google-logo {
width: 15px;
bottom: 145px;
right: 70px;
}
}
@media (max-width: 1200px) {
.october-action {
bottom: 185px;
}
}
.product-action-50 {
position: absolute;
top: 30px;
z-index: 1;
left: 45px;
}
@media screen and (max-width: 1199px) {
.product-action-50 {
top: 0px;
left: 25px;
width: 90px;
}
.product-percent-action {
position: absolute;
top: 10px;
width: 90px;
}
}
.header-nav__list li:last-child a {
color: var(--color--brand-1);
}
#menu-mob-1 li:first-child a {
color: var(--color--brand-1);
}