@font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Thin.woff2) format('woff2'), url(../fonts/Roboto-Thin.woff) format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Light.woff2) format('woff2'), url(../fonts/Roboto-Light.woff) format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Regular.woff2) format('woff2'), url(../fonts/Roboto-Regular.woff) format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Medium.woff2) format('woff2'), url(../fonts/Roboto-Medium.woff) format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Bold.woff2) format('woff2'), url(../fonts/Roboto-Bold.woff) format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url(../fonts/Roboto-Black.woff2) format('woff2'), url(../fonts/Roboto-Black.woff) format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: Montserrat; font-display: swap; src: url(../fonts/Montserrat-ExtraBold.woff2) format('woff2'), url(../fonts/Montserrat-ExtraBold.woff) format('woff'); font-weight: 800; font-style: normal; } :root { --main-color: #3364ba; --sec-color: #fee501; --bg-color: #f8f8f8; --black-color: #101011; --gray-color: #858c97; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.compensate-for-scrollbar { overflow: hidden; } @supports (padding: max(0px)) { } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } * { padding: 0; margin: 0; border: 0; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } :active, :focus { outline: 0; } a:active, a:focus { outline: 0; } aside, footer, header, nav, section { display: block; } html { font-size: 16px; } body { line-height: 1.3; font-family: Roboto; color: var(--text-color); } button, input, textarea { font-family: Roboto; font-size: inherit; resize: none; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: inherit; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } input, textarea { background: #fff; border: 1px solid #e6e6e6; padding: 12px 20px; max-width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } input:focus, textarea:focus { border-color: var(--main-color); } body::-webkit-scrollbar { width: 13px; height: 13px; } body::-webkit-scrollbar-track { background-color: var(--bg-color); } body::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 250px; border: 3px solid var(--bg-color); } .wrapper { width: 100%; min-height: 100vh; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* padding-top: 240px */ } .container { width: 100%; max-width: 1520px; margin: 0 auto; padding: 0 20px; } .btn-regular { font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .btn-small { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; padding: 13px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .btn-second { -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); border-radius: 10px; color: var(--main-color); background: 0 0; border: none; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-second:hover { background: var(--main-color); color: #fff; } .btn-second:active { background: -webkit-gradient( linear, left top, right top, from(#3363ba), color-stop(23.44%, #2b9996), color-stop(51.56%, #42c345), color-stop(72.92%, #96ce19), to(#fee501) ); background: -o-linear-gradient( left, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); background: linear-gradient( 90deg, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); -webkit-box-shadow: none; box-shadow: none; } .btn-main { -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); border-radius: 10px; color: #fff; background: var(--main-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: none; cursor: pointer; } .btn-main:hover { background: 0 0; color: var(--main-color); } .btn-main:active { background: -webkit-gradient( linear, left top, right top, from(#3363ba), color-stop(23.44%, #2b9996), color-stop(51.56%, #42c345), color-stop(72.92%, #96ce19), to(#fee501) ); background: -o-linear-gradient( left, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); background: linear-gradient( 90deg, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); -webkit-box-shadow: none; box-shadow: none; color: #fff; } .all-link { font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--main-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .all-link:hover { color: var(--sec-color); } .all-link:active { background: -webkit-gradient( linear, left top, right top, from(#3363ba), color-stop(23.44%, #2b9996), color-stop(51.56%, #42c345), color-stop(72.92%, #96ce19), to(#fee501) ); background: -o-linear-gradient( left, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); background: linear-gradient( 90deg, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .block-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; } .block-heading__title { font-family: Montserrat; font-style: normal; font-weight: 800; font-size: 36px; line-height: 44px; color: var(--black-color); } .block-heading__title.centered { text-align: center; } .block-heading__link { margin-top: 17px; margin-left: 40px; } .block-heading.left-padding { padding-left: 40px; } .inpage-main-heading { font-family: Montserrat; margin: 0; font-style: normal; font-weight: 800; font-size: 48px; line-height: 59px; color: var(--black-color); } .inpage-section { padding-bottom: 80px; } .site-header { padding: 21px 0; background: #fff; /* position: absolute; */ top: 0; right: 0; left: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 15; border-bottom: 2px solid #f8f8f8; } .site-header.scroll { position: fixed; padding: 10px 0; background: #fff; -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1019607843); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1019607843); } .site-header.scroll .site-header-body__top { display: none; } .site-header.scroll .site-header-body__midle { padding-top: 0; } .site-header.scroll .site-logo { max-width: 120px; } .site-header.scroll .site-logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .site-header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 40px; } .site-header-body__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header-body__top .city-select-wrap { margin-right: 16px; } .site-header-body__top .social-list { margin-left: auto; } .site-header-body__midle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 23px 0; } .site-header-body__midle .header-cart { margin-left: auto; } .site-header-body__midle .site-search { margin: 0 40px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .site-header-body__midle .site-search-form, .site-header-body__midle .site-search-form__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .site-header-body__midle .header-btn { margin: 0 40px; } .site-header-body__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .city-select { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--gray-color); } .city-select option { padding: 2px; cursor: pointer; } .contact-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-list a, .contact-list__item { font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--gray-color); } .contact-list__item { margin: 0 32px; } .contact-list a { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .contact-list a:hover { color: var(--main-color); } .social-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .social-list__item { margin: 0 5px; } .social-list .link { width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--gray-color); font-size: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .social-list .link:hover { color: var(--main-color); } .desktop-burger-btn { width: 30px; height: 30px; 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; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 15px; } .desktop-burger-btn__elem { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px; height: 1px; background: var(--main-color); } .desktop-burger-btn__elem:before { content: ''; width: 15px; height: 1px; background: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .site-search { position: relative; } .site-search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-search-form__input { border: 2px solid var(--main-color); border-radius: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--gray-color); padding-right: 50px; } .site-search-form__input:focus { border-color: var(--sec-color); } .site-search-form__submit { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 10px; cursor: pointer; color: var(--main-color); } .site-search-form__submit .icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-phone { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: var(--black-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .site-phone:hover { color: var(--main-color); } .header-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-cart__price { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); margin-right: 40px; } .header-cart__icon { width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px; -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); border-radius: 10px; color: var(--main-color); font-size: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-cart__icon:hover { background: var(--main-color); color: #fff; } .header-cart__icon:active { background: -webkit-gradient( linear, left top, right top, from(#3363ba), color-stop(23.44%, #2b9996), color-stop(51.56%, #42c345), color-stop(72.92%, #96ce19), to(#fee501) ); background: -o-linear-gradient( left, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); background: linear-gradient( 90deg, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); -webkit-box-shadow: none; box-shadow: none; } .main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .main-menu ul { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-menu ul li { margin-right: 10px; } .main-menu ul li:last-child { margin-right: 0; } .main-menu ul li a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--black-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-menu ul li a:hover { color: var(--main-color); } .header-catalog { position: fixed; top: 0; bottom: 0; left: 0; right: 100%; width: 400px; background: #fff; z-index: 60; padding: 80px 0 120px; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-catalog__title { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: #101011; padding: 5px 20px; position: absolute; top: 14px; left: 0; } .header-catalog.show { right: auto; opacity: 1; visibility: visible; } .header-catalog-overlay { content: ''; z-index: 59; background: #101011; opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-catalog-overlay.show { opacity: 0.25; visibility: visible; } .header-catalog-close { width: 60px; height: 60px; background: #f1f1f2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--main-color); font-size: 25px; position: absolute; top: 5px; right: 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 16px; } .header-catalog-close:hover { background: var(--main-color); color: #fff; } .catalog-btn { margin: auto 20px 20px; position: absolute; bottom: 0; left: 0; right: 0; } .header-catalog-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100%; overflow: auto; } .header-catalog-menu::-webkit-scrollbar { width: 13px; height: 13px; } .header-catalog-menu::-webkit-scrollbar-track { background-color: var(--bg-color); } .header-catalog-menu::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 250px; border: 3px solid var(--bg-color); } .header-catalog-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-catalog-menu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .header-catalog-menu ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 20px; border-bottom: 2px solid #f8f8f8; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #101011; } .header-catalog-menu ul li a:hover { background: #f1f1f2; } .header-catalog-menu ul li .catalog-sub-menu-list { background: rgba(241, 241, 242, 0.3607843137); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; height: 0; } .header-catalog-menu ul li .catalog-sub-menu-list a { font-size: 16px; color: var(--gray-color); } .header-catalog-menu ul li .catalog-sub-menu-list.show { opacity: 1; visibility: visible; height: auto; } .header-catalog-menu ul li.catalog-sub-menu-item { overflow: hidden; } .header-catalog-menu ul li.catalog-sub-menu-item:before { content: '\f078'; font-family: fontawesome; color: var(--gray-color); width: 47px; height: 47px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 15; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-catalog-menu ul li.catalog-sub-menu-item.show:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .body-hidden { overflow: hidden; } .breadcrumbs-box { padding: 20px 0; } #breadcrumbs { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #101011; } #breadcrumbs a { color: var(--gray-color); margin-right: 40px; margin-left: 40px; } #breadcrumbs a:hover { color: var(--main-color); } #breadcrumbs .breadcrumb_last { margin-left: 40px; } .main-banner { position: relative; min-height: 500px; } .main-banner .container { z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-banner__body { padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 980px; z-index: 3; } .main-banner .main-banner-btn { margin-top: 35px; } .main-heading { font-style: normal; font-weight: 800; font-size: 48px; line-height: 59px; color: var(--main-color); font-family: Montserrat; margin-bottom: 25px; } .main-banner-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-banner-list__item { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0; } .main-banner-list__item:before { content: ''; width: 30px; height: 30px; background: url(../img/Star-blue.svg) center center/contain no-repeat; margin-right: 15px; } .main-banner-slider { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .main-banner-slider .img-wrap { width: 100%; height: 100%; } .main-banner-slider .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; min-height: 485px; } .main-banner-slider .slick-dots { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; width: 100%; max-width: 1520px; margin: 0 auto; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-banner-slider .slick-dots li { margin: 5px; } .main-banner-slider .slick-dots li button { border: 2px solid #fff; width: 20px; height: 20px; border-radius: 250px; font-size: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-banner-slider .slick-dots li button:hover { opacity: 0.7; } .main-banner-slider .slick-dots li.slick-active button { background: #fff; } .main-banner-slider .slick-list, .main-banner-slider .slick-track { height: 100%; } .benefits-box { padding-top: 40px; } .benefits-box-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; padding: 0 170px; position: relative; } .benefits-box-slider__item { margin: 20px; position: relative; } .benefits-box-slider__item .item-wrap { overflow: hidden; border-radius: 20px; min-height: 160px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; height: 100%; } .benefits-box-slider__item .item-wrap img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; } .benefits-box-slider__item .item-title { z-index: 3; font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #fff; padding: 26px 30px; margin-bottom: auto; } .benefits-box-slider .slick-arrow { width: 132px; height: calc(100% - 40px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #101011; border-radius: 20px; font-size: 0; } .benefits-box-slider .slick-arrow:hover { opacity: 0.7; } .benefits-box-slider .slick-arrow.slick-prev { left: 20px; background: url(../img/slider-prev.svg) center center/30px no-repeat; } .benefits-box-slider .slick-arrow.slick-next { right: 20px; background: url(../img/slider-next.svg) center center/30px no-repeat; } .benefits-box-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .benefits-box-slider .slick-slide { height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .benefits-box-slider .slick-current .item-wrap { -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); } .benefits-box-slider .slick-list { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .category-cards { padding: 80px 0; } .category-cards-body { margin: 0 -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-cards-body__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px; width: calc(16.66% - 40px); background: var(--bg-color); border-radius: 20px; padding: 30px 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .category-cards-body__item:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .category-cards-body__item .item-title { font-style: normal; font-weight: 500; font-size: 22px; line-height: 140%; color: var(--black-color); margin-bottom: 30px; } .category-cards-body__item .img-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -40px; margin-bottom: -30px; margin-top: auto; } .category-cards-body__item .img-wrap img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .statick-form-box { padding: 40px 0; background: var(--sec-color); } .statick-form-box__body { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -20px; } .statick-form-wrap { margin: 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #fff; border-radius: 20px; padding: 40px; } .statick-form-image { background: #fff; border-radius: 20px; overflow: hidden; width: 480px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px; } .statick-form-title { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: var(--black-color); margin-bottom: 30px; } .statick-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: -10px; } .statick-form .btn-main { width: calc(33.33% - 20px); margin: 10px; } .input-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 140%; color: var(--black-color); } .statick-form-label { width: calc(33.33% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 10px; } .statick-form-label .input-title { position: absolute; top: 10px; left: 17px; } .statick-form-label input, .statick-form-label textarea { width: 100%; border: 2px solid #e2e3e7; border-radius: 10px; padding: 30px 17px 12px; } .statick-form-label input:focus, .statick-form-label textarea:focus { border-color: var(--sec-color); } .form-privacy-link { font-style: normal; font-weight: 400; font-size: 12px; line-height: 140%; color: var(--gray-color); margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-privacy-link a { margin-left: 5px; color: var(--black-color); font-weight: 500; } .form-privacy-link a:hover { color: var(--main-color); } .statick-form-box-big .statick-form-image { width: 580px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .statick-form-box-big .statick-form-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .statick-form-box-big .statick-form-title:before { content: ''; width: 30px; height: 30px; background: url(../img/Star-black.svg) center center/contain no-repeat; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .statick-form-box-big .form-privacy-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .statick-form-box-big .btn-second { width: 100%; margin-top: 25px; color: var(--black-color); -webkit-box-shadow: 0 0 0 2px var(--black-color); box-shadow: 0 0 0 2px var(--black-color); } .statick-form-box-big .btn-second:hover { background: var(--black-color); color: #fff; } .statick-form-inner .statick-form-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px; overflow: visible; width: 50%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .statick-form-inner .statick-form-image img { max-width: 435px; max-height: 375px; margin-bottom: -120px; } .statick-form-inner .statick-form-wrap { width: 50%; } .statick-form-inner .statick-form { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .statick-form-inner .statick-form-label { width: calc(33.33% - 20px); } .statick-form-inner .statick-form-textarea-label { width: 100%; } .statick-form-inner .statick-form-textarea-label textarea { height: 170px; } .statick-form-textarea-label { width: 100%; } .shop-cards-box { padding: 80px 0; } .cards-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .cards-row__col4 { margin: 20px; width: calc(25% - 40px); } .cards-row__col3 { margin: 20px; width: calc(33.33% - 40px); } .shop-cards-body__item .item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .shop-cards-body__item .img-wrap { height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border: 2px solid #f8f8f8; border-radius: 20px; padding: 30px; margin-bottom: 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .shop-cards-body__item .img-wrap:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .shop-cards-body__item .img-wrap img { max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -o-object-fit: contain; object-fit: contain; } .shop-cards-body__item .img-wrap .image-label { position: absolute; bottom: 30px; left: 30px; background: var(--sec-color); border-radius: 10px; padding: 4px 10px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--black-color); z-index: 4; } .shop-cards-body__item .price-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 17px; } .shop-cards-body__item .curent-price { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--black-color); } .shop-cards-body__item .old-price { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--gray-color); margin-left: 20px; margin-top: 8px; } .shop-cards-body__item .card-title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--black-color); } .shop-cards-body__item .card-title:hover { color: var(--main-color); } .shop-cards-body__item .card-subtitle { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--main-color); } .shop-cards-body__item .reviews-star { margin-top: 12px; } .shop-cards-body__item .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 24px; } .shop-cards-body__item .btn-wrap .add-to-cart { margin-right: 15px; } .shop-cards-body__item .product-availability { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .reviews-star { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-star__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .reviews-star__body .star { color: var(--main-color); margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-star__body .star.opacity { color: #cadfff; } .reviews-star__number { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--main-color); } .product-availability { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-availability__text { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; text-align: right; color: var(--gray-color); } .product-availability__icon { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: 15px; } .product-availability__icon .element { content: ''; width: 2px; background: #f8f8f8; } .product-availability__icon .element.first { height: 30px; } .product-availability__icon .element.middle { height: 15px; } .product-availability__icon .element.last { height: 5px; } .availability-medium .product-availability__text { color: var(--sec-color); } .availability-medium .product-availability__icon .last, .availability-medium .product-availability__icon .middle { background: var(--sec-color); } .availability-empty .product-availability__icon { display: none; visibility: hidden; } .availability-full .product-availability__text { color: #42c345; } .availability-full .product-availability__icon .first, .availability-full .product-availability__icon .last, .availability-full .product-availability__icon .middle { background: #42c345; } .availability-little .product-availability__text { color: #ff3838; } .availability-little .product-availability__icon .last { background: #ff3838; } .shop-cards-slider .slick-arrow { position: absolute; top: -40px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; } .shop-cards-slider .slick-arrow:hover { opacity: 0.7; } .shop-cards-slider .slick-next { right: 70px; background: url(../img/slider-next.svg) center center/30px no-repeat; } .shop-cards-slider .slick-prev { right: 130px; background: url(../img/slider-prev.svg) center center/30px no-repeat; } .padding-none { padding: 0 !important; } .shop-cards-body .star-rating { font-size: 0; width: 100px; height: 20px; background: #000; position: relative; overflow: hidden; background: url(../img/star-solid.svg) left 0 center/20px repeat-x; } .shop-cards-body .star-rating span:first-child { content: ''; position: absolute; top: 0; left: 0; background: url(../img/star-solid-opac.svg) left 0 center/20px repeat-x; height: 20px; } .shop-cards-body .star-rating .rating { display: none; visibility: hidden; } .brands-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; padding: 0 170px; position: relative; } .brands-box-body__item { margin: 20px; position: relative; width: calc(25% - 40px); } .brands-box-body__item .img-wrap { overflow: hidden; border-radius: 20px; min-height: 160px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; height: 100%; background: var(--bg-color); padding: 20px 32px; } .brands-box-body__item .img-wrap img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .brands-box-body__item .item-title { margin-top: 20px; font-style: normal; font-weight: 400; font-size: 20px; line-height: 23px; text-align: center; color: var(--black-color); } .brands-box-body .slick-arrow { width: 132px; height: calc(100% - 40px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #101011; border-radius: 20px; font-size: 0; } .brands-box-body .slick-arrow:hover { opacity: 0.7; } .brands-box-body .slick-arrow.slick-prev { left: 20px; background: url(../img/slider-prev.svg) center center/30px no-repeat; } .brands-box-body .slick-arrow.slick-next { right: 20px; background: url(../img/slider-next.svg) center center/30px no-repeat; } .brands-box-body .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .brands-box-body .slick-slide { height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .brands-box-body .slick-list { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about-box { padding: 80px 0; } .about-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about-box-body__image { width: 430px; border-radius: 20px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-box-body__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-box-body__text { padding-left: 90px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about-box-text { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--black-color); } .advantages-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .advantages-box-body__item { margin: 20px; width: calc(20% - 40px); } .advantages-box-body__item .item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advantages-box-body__item .img-wrap { height: 272px; border-radius: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .advantages-box-body__item .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .advantages-box-body__item .item-title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; text-align: center; color: var(--black-color); margin-top: 20px; } .news-box { padding: 80px 0; } .news-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .news-box-body__item { margin: 20px; width: calc(25% - 40px); } .news-box-body__item .item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-box-body__item .img-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 220px; border-radius: 20px; overflow: hidden; margin-bottom: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-duration: 0.5; -o-transition-duration: 0.5; transition-duration: 0.5; } .news-box-body__item .img-wrap:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .news-box-body__item .img-wrap img { width: 100%; height: 100%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-duration: 0.5; -o-transition-duration: 0.5; transition-duration: 0.5; -o-object-fit: cover; object-fit: cover; } .news-box-body__item .text-wrap { padding: 0 40px; } .news-box-body__item .news-title { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--black-color); margin-bottom: 17px; } .news-box-body__item .news-title:hover { color: var(--main-color); } .news-box-body__item .news-excerpt { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); margin-bottom: 18px; } .news-box-body__item .pub-date { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--gray-color); } .news-box-slider .slick-arrow { position: absolute; top: -40px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; } .news-box-slider .slick-arrow:hover { opacity: 0.7; } .news-box-slider .slick-next { right: 70px; background: url(../img/slider-next.svg) center center/30px no-repeat; } .news-box-slider .slick-prev { right: 130px; background: url(../img/slider-prev.svg) center center/30px no-repeat; } .faq-box { padding-bottom: 80px; } .faq-box .block-heading { margin-bottom: 30px; } .faq-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .faq-box-body__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 40px; max-height: 615px; overflow-y: auto; overflow-x: hidden; border-radius: 20px; padding-right: 40px; } .faq-box-body__content::-webkit-scrollbar { width: 13px; height: 13px; } .faq-box-body__content::-webkit-scrollbar-track { background-color: var(--bg-color); border-radius: 250px; } .faq-box-body__content::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 250px; border: 3px solid var(--bg-color); } .faq-box-body__image { width: 430px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .faq-box-body__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .accordion { background: #f8f8f8; border-radius: 20px; } .accordion .item { padding: 25px 40px; border-bottom: 2px solid #e2e3e7; } .accordion .item:last-child { border: none; } .accordion .accordion-icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35px; height: 35px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .accordion .accordion-title { display: -webkit-box; display: -ms-flexbox; display: flex; font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--black-color); cursor: pointer; } .accordion .accordion-title.active { color: var(--main-color); } .accordion .accordion-title.active .accordion-icon { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .accordion .accordion-title:hover { color: var(--main-color); } .accordion .heading { padding-right: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .accordion .text { display: none; font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--black-color); } .accordion .text.show { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 17px; } .footer-form { padding: 40px 0; } .footer-form-body { padding: 40px; background: #fff; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-form-body__text { margin-right: 40px; } .footer-form-body__content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-form-ttile { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: var(--black-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-form-ttile:before { content: ''; width: 30px; height: 30px; background: url(../img/Star-black.svg) center center/contain no-repeat; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .subscribe-form-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .subscribe-form-wrap .statick-form-label { width: 100%; margin: 0; } .subscribe-form-wrap .btn-second { margin-left: 15px; color: var(--black-color); -webkit-box-shadow: inset 0 0 0 2px var(--black-color); box-shadow: inset 0 0 0 2px var(--black-color); } .subscribe-form-wrap .btn-second:hover { background: var(--black-color); color: #fff; } .site-footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 80px 0; } .site-footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 80px; } .site-footer__privacy { padding: 25px 0; border-top: 2px solid #e2e3e7; border-bottom: 2px solid #e2e3e7; } .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin: 0 -20px; } .footer-row__col5 { margin: 20px; width: calc(25% - 40px); } .footer-btn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-btn-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .footer-btn-list__item:last-child { margin-bottom: 0; } .footer-title { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--gray-color); margin-bottom: 25px; } .footer-link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-link-list li { margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-link-list li:last-child { margin-bottom: 0; } .footer-link-list li a { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-link-list li a:hover { color: var(--main-color); } .footer-address-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 250px; } .footer-address { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); } .payments-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .payments-list__item { width: 100px; height: 50px; border: 2px solid #e2e3e7; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .footer-socials-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-socials-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; } .footer-socials-list__item:last-child { margin-right: 0; } .footer-socials-list__item .link { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); border-radius: 10px; color: var(--main-color); font-size: 22px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-socials-list__item .link:hover { background: var(--main-color); color: #fff; } .footer-socials-list__item .link:active { color: #fff; background: -webkit-gradient( linear, left top, right top, from(#3363ba), color-stop(23.44%, #2b9996), color-stop(51.56%, #42c345), color-stop(72.92%, #96ce19), to(#fee501) ); background: -o-linear-gradient( left, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); background: linear-gradient( 90deg, #3363ba 0, #2b9996 23.44%, #42c345 51.56%, #96ce19 72.92%, #fee501 100% ); -webkit-box-shadow: none; box-shadow: none; } .footer-privacy-link { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--gray-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-privacy-link:hover { color: var(--main-color); } .maximus-dev-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .maximus-dev-wrap__logo { margin-right: 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .maximus-dev-wrap__text { font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--gray-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .maximus-dev-wrap__text:hover { color: var(--sec-color); } .modal-call-back__body { max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-call-back__body .input { width: 100%; border: 2px solid var(--main-color); border-radius: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--gray-color); padding-right: 50px; margin-bottom: 15px; } .modal-call-back__body .input:focus { border-color: var(--sec-color); } .modal-call-back__body .btn-main { width: 100%; } .modal-title { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: var(--black-color); margin-bottom: 20px; text-align: center; } .modal-subtitle { font-style: normal; font-weight: 400; text-align: center; font-size: 16px; line-height: 140%; color: var(--black-color); margin-bottom: 20px; opacity: 0.6; } .catalog-page-cards-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 100%; } .catalog-sidebar { width: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; margin-right: 40px; } .catalog-sidebar-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 100%; } .catalog-sidebar-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-sidebar-menu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .catalog-sidebar-menu ul li:last-child { margin-bottom: 0; } .catalog-sidebar-menu ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); padding: 20px 40px; background: #fff; border: 2px solid #f8f8f8; border-radius: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .catalog-sidebar-menu ul li a:hover { color: var(--main-color); border-color: var(--main-color); } .catalog-sidebar-menu ul li ul li { margin: 0; } .catalog-sidebar-menu ul li ul li a { border: none; } .catalog-sidebar-menu .sidebar-sub-menu-item { position: relative; } .catalog-sidebar-menu .sidebar-sub-menu-item:before { content: '\f078'; font-family: fontawesome; color: var(--gray-color); width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 3; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .catalog-sidebar-menu .sidebar-sub-menu-item.show:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-sidebar-menu .sidebar-sub-menu-list { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; height: 0; } .catalog-sidebar-menu .sidebar-sub-menu-list.show { opacity: 1; visibility: visible; height: auto; } .catalog-page-cards-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: -20px; } .catalog-page-cards-body__item { margin: 20px; width: calc(33.33% - 40px); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .catalog-page-cards-body__item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .catalog-page-cards-body__item .item-wrap { background: #f8f8f8; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; overflow: hidden; } .catalog-page-cards-body__item .item-title { font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%; color: var(--black-color); margin-bottom: 30px; } .catalog-page-cards-body__item .img-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: -30px; margin-right: -30px; margin-top: auto; } .catalog-page-cards-body__item .img-wrap img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .catalog-page .advantages-box { padding-bottom: 60px; } .about-page-main { background: #f8f8f8; padding: 30px 0; position: relative; } .about-page-main__image { position: absolute; top: 0; bottom: 0; right: 0; max-width: 30%; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-page-main__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-page-main-body { max-width: 67%; width: 100%; } .about-page-main-text { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--black-color); } .text-box { padding: 80px 0; border-bottom: 2px solid #f8f8f8; } .text-box .block-heading { margin-bottom: 0; } .contacts-box { padding: 80px 0; } .contacts-box .block-heading { margin-bottom: 30px; } .contacts-box-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-box-body .container { position: relative; } .contacts-box-tabs { position: absolute; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 30px; right: 0; left: 0; padding: 0 20px; } .contacts-box-tabs__link { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 13px 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; border-radius: 20px; color: var(--black-color); } .contacts-box-tabs__link .address { font-style: normal; font-weight: 800; font-size: 36px; line-height: 44px; } .contacts-box-tabs__link .timework { font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; margin-top: auto; margin-left: 40px; } .contacts-box-tabs__link:not(.active) .street, .contacts-box-tabs__link:not(.active) .timework { display: none; visibility: hidden; } .contacts-box-tabs__link.active { background: var(--main-color); color: #fff; } .contacts-box-tabs__link:hover { background: var(--main-color); color: #fff; } .contacts-box-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .contacts-box-map iframe { height: 600px; } .contacts-box-map .map { height: 600px; width: 100%; } .contacts-box-map .ymaps-layers-pane { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .contacts-box-wrap { padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; width: 100%; } .contacts-box-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .contacts-box-list__item { border: 2px solid #f8f8f8; border-radius: 20px; margin: 20px; width: calc(50% - 40px); padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts-box-list__title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--gray-color); margin-bottom: 20px; } .contacts-box-list__link { font-style: normal; font-weight: 800; font-size: 36px; line-height: 44px; color: var(--main-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .contacts-box-list__link:hover { color: var(--sec-color); } .contacts-box-rekvizits { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; } .contacts-box-rekvizits__item { margin: 20px; } .contacts-box-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px; border: 2px solid #f8f8f8; border-radius: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .contacts-box-socials__title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--gray-color); margin-bottom: 20px; } .contacts-box-socials .footer-socials-list { margin-top: auto; } .contacts-box-rekvizits-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 2px solid #f8f8f8; border-radius: 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .contacts-box-rekvizits-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 40px; border-bottom: 2px solid #f8f8f8; } .contacts-box-rekvizits-list__item:last-child { border: none; } .contacts-box-rekvizits-list__item .title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--gray-color); margin-right: 20px; } .contacts-box-rekvizits-list__item .text { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; text-align: right; color: var(--black-color); } .contacts-box-page { padding-top: 0 !important; } .contacts-box-page .contacts-box-body { padding-bottom: 80px; } .contacts-box-page .contacts-box-body:last-child { padding-bottom: 0; } .contacts-box-page .contacts-box-tabs__link { background: #fff !important; color: var(--black-color) !important; } .contacts-box-page .contacts-box-tabs__link .timework { color: var(--main-color); } .filter-page-cards-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter-page-cards-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filter-sidebar { width: 350px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-sidebar-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .filter-sidebar-item:last-child { margin-bottom: 0; } .filter-sidebar-item__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: var(--black-color); padding-left: 40px; margin-bottom: 10px; } .filter-price { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; width: 100%; } .filter-price label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-price label:first-child { margin-right: -1px; } .filter-price__title { font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #858c97; margin-bottom: 20px; padding-left: 40px; } .filter-price__input { width: 100%; padding: 20px 40px; border: 2px solid #e2e3e7; } .filter-price__input:focus { border-color: var(--sec-color); } .filter-price__input.first { border-radius: 20px 0 0 20px; } .filter-price__input.last { border-radius: 0 20px 20px 0; } .filter-sidebar-checkbox input { display: none; visibility: hidden; } .filter-sidebar-checkbox label { font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: var(--black-color); position: relative; padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 30px; margin-bottom: 15px; cursor: pointer; } .filter-sidebar-checkbox label:last-child { margin-bottom: 0; } .filter-sidebar-checkbox label:before { content: '\f00c'; font-family: fontawesome; color: #fff; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #e2e3e7; border-radius: 10px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .filter-sidebar-checkbox label.checked { color: var(--main-color); } .filter-sidebar-checkbox label.checked:before { font-size: 16px; background: var(--main-color); border-color: var(--main-color); } .filter-sidebar-checkbox label:hover { color: var(--main-color); } .filter-sidebar-checkbox label:hover:before { border-color: var(--main-color); } .filter-sidebar .reset-btn { color: var(--black-color); -webkit-box-shadow: 0 0 0 2px var(--black-color); box-shadow: 0 0 0 2px var(--black-color); } .filter-sidebar .reset-btn:hover { background: var(--black-color); color: #fff; } .filter-page-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 30px; } .filter-page-sort__title { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #858c97; margin-right: 40px; } .filter-page-sort-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter-page-sort-list__item { margin-right: 40px; } .filter-page-sort-list__link { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #858c97; } .filter-page-sort-list__link:hover { color: var(--main-color); text-decoration: underline; } .filter-page-sort-list__link.active { color: var(--main-color); text-decoration: underline; } .filter-sidebar-button { font-size: 14px; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 4; } .filter-sidebar-button .icon { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; 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; margin-right: 10px; } .filter-sidebar-button.show i:before { content: '\f00d'; } .page-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 80px; } .page-navigation-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-navigation-list__item { margin-right: 3px; } .page-navigation-list__link { width: 70px; height: 70px; 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; font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; text-align: center; color: var(--main-color); border-radius: 10px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .page-navigation-list__link.active { background: var(--main-color); color: #fff; } .page-navigation-list__link.last { -webkit-box-shadow: 0 0 0 2px #f8f8f8; box-shadow: 0 0 0 2px #f8f8f8; } .page-navigation-list__link:hover { background: var(--main-color); color: #fff; } .page-navigation-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-navigation-buttons a, .page-navigation-buttons__btn { font-style: normal; font-weight: 500; font-size: 18px; color: var(--main-color); padding: 20px 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 2px solid transparent; border-radius: 10px; margin: 0 2px; } .page-navigation-buttons a:hover, .page-navigation-buttons__btn:hover { border-color: var(--main-color); } .page-navigation-buttons a.active, .page-navigation-buttons__btn.active { border-color: var(--main-color); } .product-main { padding-bottom: 40px; } .product-main-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-main-body__thumbnails { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 40px; } .product-main-body__info { width: 60%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-slider { max-width: 100%; width: 100%; } .product-slider__big .slide-item { background: #fff; border: 2px solid #f8f8f8; border-radius: 20px; height: 500px; padding: 60px; } .product-slider__big .slide-item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product-slider__small { margin-top: 20px; position: relative; padding: 0 45px; } .product-slider__small .slide-item { width: 80px; height: 80px; padding: 10px; border: 2px solid #f8f8f8; border-radius: 20px; margin: 0 5px; } .product-slider__small .slide-item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product-slider__small .slick-current { border-color: var(--main-color); } .product-slider__small .slick-arrow { z-index: 5; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 80px; background: #fff; font-size: 0; } .product-slider__small .slick-arrow:before { font-family: fontawesome; font-size: 12px; color: var(--gray-color); } .product-slider__small .slick-next { right: 0; } .product-slider__small .slick-next:before { content: '\f054'; } .product-slider__small .slick-prev { left: 0; } .product-slider__small .slick-prev:before { content: '\f053'; } .card-page-availability { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .card-page-availability__title { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #858c97; margin-right: 20px; } .card-page-availability__content { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: #42c445; } .card-page-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; } .card-page-price__actual { font-style: normal; font-weight: 800; font-size: 36px; line-height: 44px; color: var(--black-color); margin-right: 20px; } .card-page-price__label { font-style: normal; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--black-color); padding: 4px 10px; background: var(--sec-color); border-radius: 10px; margin-right: 20px; } .card-page-price__old { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--gray-color); } .card-page-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; } .card-page-buttons .product-amount { margin-right: 40px; } .card-page-buttons .add-to-card { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } .card-page-buttons .manager-btn { padding: 15px 10px; 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; font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: var(--main-color); } .card-page-buttons .manager-btn:hover { color: var(--sec-color); } .product-amount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-amount__button { width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #858c97; border-radius: 10px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 20px; } .product-amount__button:hover { border-color: var(--main-color); color: var(--main-color); } .product-amount__input { text-align: center; width: 80px; border: none; } .product-excerpt { padding: 40px 0; } .product-excerpt-text { font-style: normal; font-weight: 400; font-size: 20px; line-height: 140%; color: var(--black-color); } .product-characteristic { padding: 40px 0; } .product-characteristic-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -50px; } .product-characteristic-list__item { margin: 0 50px; width: calc(50% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; border-bottom: 2px solid #f8f8f8; font-style: normal; font-weight: 400; font-size: 22px; line-height: 140%; color: #101011; } .product-characteristic-list__item .title { margin-right: 15px; } .product-pay-box { padding: 40px 0; } .product-pay-box-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-pay-box-body__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 50px; } .product-pay-box-body__content .icon-wrap { width: 70px; height: 70px; background: var(--sec-color); border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; margin-bottom: 20px; } .product-pay-box-body__content .item-title { font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--black-color); } .product-pay-box-body__content .item-text { font-style: normal; font-weight: 400; font-size: 18px; line-height: 140%; color: var(--black-color); margin-top: 17px; } .product-pay-box-body__btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .product-pay-box-body .product-pay-btn { border: 2px dashed #101011; border-radius: 20px; padding: 60px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-style: normal; font-weight: 400; font-size: 24px; line-height: 140%; color: var(--black-color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .product-pay-box-body .product-pay-btn .icon { margin-left: 40px; } .product-pay-box-body .product-pay-btn:hover { background: var(--black-color); color: #fff; } .shop-cards-box--similar { padding: 40px 0; } .brands-page-box .brands-box-body { padding: 0; } .brands-page-box .brands-box-body__item { width: calc(20% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile-burger-btn { width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 10px; color: var(--main-color); background: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; right: 0; z-index: 55; } .mobile-burger-btn.show { position: fixed; top: 20px; right: 20px; } .mobile-burger-btn.show i:before { content: '\f00d'; } .site-search-mob-btn { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--main-color); margin-right: auto; } .site-search-mob-btn.show i:before { content: '\f00d'; } @media all and (min-width: 992px) { .filter-sidebar-button { display: none; visibility: hidden; } .mobile-burger-btn, .site-search-mob-btn { display: none; visibility: hidden; } } @media all and (max-width: 1520px) { .card-page-buttons .add-to-card, .card-page-buttons .manager-btn { font-size: 16px; padding: 20px 15px; } .product-slider__big .slide-item { height: 420px; } .container { max-width: 1300px; } .category-cards-body__item { padding: 20px; } .category-cards-body__item .img-wrap { margin-right: -20px; margin-bottom: -20px; } .category-cards-body__item .item-title { font-size: 20px; } .news-box-body__item .text-wrap { padding: 0 20px; } } @media all and (max-width: 1440px) { .product-slider__small .slide-item { height: 65px; } .product-amount__button { width: 50px; height: 50px; } .card-page-buttons .product-amount { margin-right: 30px; } .card-page-buttons .add-to-card { margin-right: 10px; } .product-slider__big .slide-item { height: 380px; } .product-characteristic-list__item { font-size: 20px; padding: 10px 0; } .container { max-width: 1200px; } .main-banner { min-height: 450px; } .contact-list__item { margin: 0 15px; } .contact-list { margin: 0 auto; } .site-header-body__top .social-list { margin-left: 10px; } .site-header-body__midle .header-btn { margin: 0 20px; } .site-header-body__midle .site-search { margin: 0 20px; } .header-cart__price { margin-right: 20px; } .main-menu ul li a { font-size: 16px; } .main-banner__body { max-width: 800px; } .main-heading { font-size: 38px; line-height: 48px; } .main-banner-list__item { font-size: 20px; } .main-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .category-cards-body__item { width: calc(33.33% - 40px); } .about-box-body__image { width: 350px; } .about-box-text { font-size: 18px; } .advantages-box-body__item .img-wrap { height: 200px; } .advantages-box-body__item .item-title { font-size: 18px; } .news-box-body__item .text-wrap { padding: 0 15px; } .news-box-body__item .news-excerpt { font-size: 16px; } .news-box-body__item .img-wrap { height: 180px; } .news-box-body__item .news-title { font-size: 22px; line-height: 28px; } .faq-box-body__image { width: 350px; } .faq-box-body__content { max-height: 500px; } .accordion .accordion-title { font-size: 20px; } .statick-form-box-big .statick-form-image { width: 400px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .statick-form-inner .statick-form-image { width: 50%; } .statick-form-title { font-size: 22px; } .footer-form-body__text { max-width: 50%; } .footer-btn-list__item .text { white-space: nowrap; } .catalog-page-cards-body__item .item-wrap { padding: 20px; } .catalog-page-cards-body__item .item-title { font-size: 20px; } .about-page-main-text { font-size: 18px; } .about-page-main__image { max-width: 40%; } .about-page-main-body { max-width: 58%; } .contacts-box-tabs__link .address { font-size: 28px; line-height: 36px; } .contacts-box-tabs__link .timework { margin-left: 20px; } .filter-sidebar { width: 300px; } .filter-page-cards-body .shop-cards-body__item .img-wrap { height: 250px; } .filter-page-sort-list__item { margin-right: 30px; } .filter-page-sort-list__link { font-size: 16px; } } @media all and (max-width: 1200px) { .card-page-buttons { margin-top: 40px; } .product-slider__small .slide-item { height: 48px; } .container { max-width: 990px; } .site-logo { max-width: 100px; } .site-logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .city-select { font-size: 14px; } .contact-list a, .contact-list__item { font-size: 14px; } .social-list .link { font-size: 18px; } .site-header-body__midle { padding: 15px 0; } .btn-regular { padding: 16px 20px; font-size: 16px; } .site-phone { font-size: 14px; } .site-search-form__input { width: 220px; font-size: 16px; } .header-cart__icon { width: 54px; height: 54px; } .header-cart__price { font-size: 16px; } .main-menu ul li a { font-size: 14px; } .main-content { /* padding-top: 170px */ } .main-banner__body { max-width: 700px; } .main-heading { font-size: 30px; line-height: 38px; margin-bottom: 15px; } .main-banner-list__item { font-size: 16px; margin: 8px 0; } .main-banner { min-height: 400px; } .statick-form-image { width: 250px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .shop-cards-body__item .img-wrap { height: 300px; } .about-box-body__text { padding-left: 40px; } .advantages-box-body__item { width: calc(33.33% - 40px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .accordion .text { font-size: 16px; } .accordion .accordion-title { font-size: 18px; } .accordion .item { padding: 15px 20px; } .statick-form-box-big .statick-form-image { width: 200px; } .footer-form-ttile { font-size: 22px; } .footer-title { font-size: 20px; } .payments-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .payments-list__item { margin-top: 5px; margin-bottom: 5px; } .footer-address-wrap { width: 100%; } .payments-wrap { padding: 0 30px; } .footer-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-row__col5:first-child { width: 100%; } .footer-btn-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer-btn-list__item { margin-bottom: 0; margin-right: 25px; } .catalog-page-cards-body__item { width: calc(50% - 40px); } .statick-form-inner .statick-form-image { width: 40%; } .statick-form-inner .statick-form-image .block-heading__title { font-size: 26px; line-height: 30px; } .contacts-box-tabs__link { padding: 10px 20px; } .contacts-box-tabs__link .address { font-size: 24px; line-height: 30px; } .filter-page-cards-body .cards-row__col3 { width: calc(50% - 40px); } .filter-page-sort-list__item { margin-right: 20px; } .filter-page-sort__title { margin-right: 20px; font-size: 14px; } .filter-page-sort-list__link { font-size: 14px; } .page-navigation-list__link { height: 50px; width: 50px; font-size: 14px; } .page-navigation-buttons__btn { font-size: 14px; } } @media all and (max-width: 991px) { .filter-page-cards-wrap { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .filter-sidebar { position: absolute; top: 30px; left: 0; background: var(--bg-color); z-index: 5; padding: 20px; border-radius: 15px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 0; opacity: 0; visibility: hidden; margin-right: 0; } .filter-sidebar.show { height: auto; opacity: 1; visibility: visible; } .filter-page-sort { position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 15px; } .filter-page-sort-list { position: absolute; top: 30px; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 5; background: var(--bg-color); padding: 20px; border-radius: 15px; height: 0; opacity: 0; visibility: hidden; } .filter-page-sort-list.show { height: auto; opacity: 1; visibility: visible; } .filter-page-sort__title { margin-right: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .filter-page-sort__title:after { content: '\f078'; font-family: fontawesome; margin-left: 10px; } .filter-page-sort__title.show:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter-sidebar-item__title { padding-left: 0; } .filter-price__title { padding-left: 0; } .filter-sidebar-checkbox label:before { width: 20px; height: 20px; border-radius: 6px; top: 5px; } .filter-sidebar-checkbox label.checked:before { font-size: 12px; } .filter-sidebar-checkbox label { padding-left: 30px; } .filter-price__input { padding: 18px 20px; } .product-main-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-main-body__thumbnails { margin-right: 0; width: 100%; } .product-main-body__info { margin-top: 50px; width: 100%; } .product-characteristic-list__item { width: calc(100% - 100px); font-size: 20px; } .product-pay-box-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-pay-box-body__content { padding-right: 0; margin-bottom: 20px; } .product-card .statick-form-box { margin-top: 0 !important; } .brands-page-box .brands-box-body__item { width: calc(33.33% - 20px); margin: 10px; } .brands-box-body__item .item-title { font-size: 16px; margin-top: 10px; } .site-header-body__bottom { position: relative; } .main-menu { position: fixed; top: 0; left: 100%; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; padding: 40px; z-index: 50; opacity: 0; visibility: hidden; } .main-menu.show { left: 0; opacity: 1; visibility: visible; } .main-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main-menu ul li { margin: 10px 0; } .site-header .site-search { position: absolute; left: 0; right: 0; top: -100%; margin: 0; padding: 10px; background: #fff; border-radius: 10px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; z-index: 56; } .site-header .site-search.show { top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; } .site-header-body__midle .header-cart { margin-left: 10px; } .container { max-width: 700px; } .site-header-body__midle { position: relative; padding-right: 67px; } .site-header.scroll .site-logo { max-width: 60px; } .site-header .contact-list { display: none; visibility: hidden; } .site-header-body__midle .site-search { margin: 0; } .site-header-body__top .social-list { margin-left: auto; } .header-cart__price { display: none; visibility: hidden; } .site-header.scroll .site-header .site-search.show { top: 60px; } .site-header-body__midle .header-btn { display: none; visibility: hidden; } .header-cart__icon { margin-left: 20px; } .main-menu ul li a { font-size: 18px; } .site-logo { max-width: 120px; } .site-header-body__midle { padding-bottom: 0; } .main-content { /* padding-top: 150px */ } .main-banner__body { max-width: 500px; } .main-heading { font-size: 25px; line-height: 32px; } .benefits-box-slider .slick-arrow { width: 60px; height: calc(100% - 20px); } .benefits-box-slider { padding: 0 80px; } .benefits-box-slider__item .item-title { font-size: 16px; } .benefits-box-slider__item { margin: 10px; } .benefits-box-slider__item .item-wrap { min-height: 120px; } .block-heading__title { font-size: 25px; line-height: 30px; } .benefits-box-slider { margin: 0 -10px; } .block-heading__link { margin-top: 5px; } .category-cards-body { margin: 0 -10px; } .category-cards-body__item { margin: 10px; width: calc(33.33% - 20px); padding: 15px; } .category-cards-body__item .img-wrap { margin-right: -15px; margin-bottom: -15px; } .statick-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } .statick-form-label { width: 100%; margin: 10px 0; } .statick-form .btn-main { width: 100%; margin: 10px 0 0; } .statick-form-title { margin-bottom: 15px; } .statick-form-wrap { padding: 20px; } .block-heading.left-padding { padding-left: 0; } .shop-cards-slider .slick-next { right: 30px; } .shop-cards-slider .slick-prev { right: 90px; } .brands-box-body .slick-arrow { width: 60px; height: calc(100% - 20px); } .brands-box-body { padding: 0 80px; margin: 0 -10px; } .brands-box-body .slick-slide { margin: 10px; width: calc(25% - 20px); } .brands-box-body__item .img-wrap { min-height: 120px; } .about-box-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-box-body__image { width: 100%; margin-bottom: 30px; max-height: 400px; } .about-box-body__text { padding-left: 0; } .faq-box-body__image { display: none; visibility: hidden; } .faq-box-body__content { margin-right: 0; max-height: 400px; } .statick-form-title { font-size: 18px; line-height: 26px; } .footer-form-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .footer-form-ttile { font-size: 18px; } .footer-form-body__text { max-width: 100%; margin-right: 0; margin-bottom: 20px; } .site-footer__top { padding: 40px 0 0; } .footer-row__col5 { width: calc(100% - 40px); } .footer-menu-wrap { display: none; } .footer-link-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer-link-list li { margin-bottom: 0; margin-right: 30px; } .footer-title { margin-bottom: 15px; } .site-footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-address-wrap { max-width: 100%; } .payments-wrap { padding: 20px 0; } .site-footer__bottom { padding-bottom: 40px; } .inpage-main-heading { font-size: 36px; line-height: 44px; margin-bottom: 10px; } .catalog-page-cards-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog-sidebar { margin-right: 0; margin-top: 40px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #breadcrumbs { margin-left: -40px; } .statick-form-inner .statick-form-box__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } .statick-form-inner .statick-form-image { width: 100%; margin: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .statick-form-inner .statick-form-image img { margin-bottom: 0; } .statick-form-inner .statick-form-wrap { width: 100%; margin: 30px 0 0; } .statick-form-inner .statick-form-label { width: 100%; } .statick-form-inner .statick-form { margin: 0; } .about-page-main-body { max-width: 100%; } .about-page-main__image { position: relative; max-width: 100%; max-height: 600px; margin-top: 40px; } .about-page-main { padding-bottom: 0; } .text-box { padding: 60px 0; } .contacts-box-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-box-tabs__link { margin-bottom: 10px; } .contacts-box-list__item { padding: 20px; } .contacts-box-list__link { font-size: 26px; line-height: 34px; } .contacts-box-socials { padding: 20px; } .contacts-box-rekvizits { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-box-rekvizits-list__item { padding: 15px 20px; } .page-navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 40px; } .page-navigation-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-navigation-buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; } .inpage-section { padding-bottom: 50px; } .catalog-page-cards-wrap { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media all and (min-width: 768px) { .benefits-box-slider__item { width: calc(25% - 40px); } } @media all and (max-width: 768px) { .benefits-box-slider__item { width: 100%; } .container { max-width: 570px; } .category-cards { padding: 60px 0; } .category-cards-body__item { width: calc(50% - 20px); } .shop-cards-slider .slick-prev { right: auto; left: 20px; } .shop-cards-slider .slick-next { right: auto; left: 90px; } .shop-cards-slider .slick-arrow { top: -30px; } .shop-cards-box .block-heading { margin-bottom: 50px; } .cards-row__col4 { margin: 10px; width: calc(50% - 20px); } .cards-row { margin: 0 -10px; } .shop-cards-box { padding: 60px 0; } .shop-cards-body__item .img-wrap { height: 240px; margin-bottom: 15px; } .product-availability__text { font-size: 14px; } .product-availability__icon { width: 20px; } .btn-small { padding: 13px 15px; font-size: 14px; } .about-box-body__image { max-height: 300px; } .about-box { padding: 60px 0; } .advantages-box-body__item { width: calc(50% - 20px); margin: 10px; } .advantages-box-body { margin: 0 -10px; } .news-box-body__item { width: calc(50% - 20px); margin: 10px; } .news-box-body { margin: 0 -10px; } .news-box-slider .slick-next { right: 20px; } .news-box-slider .slick-prev { right: 90px; } .statick-form-box-big .statick-form-image { display: none; } .news-box { padding: 60px 0; } .faq-box { padding-bottom: 60px; } .faq-box-body__content { padding-right: 20px; } .footer-row__col5 { width: 100%; margin: 20px 0; } .footer-row { margin: 0; } .payments-list__item { width: 80px; } .statick-form-inner .statick-form-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts-box-tabs__link .timework { display: none; visibility: hidden; } .contacts-box-tabs__link .address { font-size: 20px; line-height: 26px; } .contacts-box-wrap { padding-top: 40px; } .contacts-box-list__item { width: calc(100% - 40px); margin: 10px 20px; } .contacts-box-rekvizits__item { margin: 10px 20px; } .contacts-box-rekvizits-list__item .text, .contacts-box-rekvizits-list__item .title { font-size: 18px; line-height: 26px; } .contacts-box { padding: 60px 0; } .filter-page-cards-body .cards-row__col3 { width: calc(50% - 20px); margin: 10px; } } @media all and (max-width: 575px) { .product-slider__big .slide-item { height: 260px; padding: 30px; } .card-page-availability { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-page-availability__content { font-size: 16px; } .card-page-price { margin-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-main-body__info { margin-top: 30px; } .card-page-price__actual { font-size: 26px; } .card-page-buttons { margin-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-page-buttons .add-to-card { margin: 10px 0; } .product-amount__button { width: 35px; height: 35px; } .product-amount__input { width: 60px; font-size: 14px; padding: 5px; } .card-page-buttons .manager-btn { padding: 10px 0; } .card-page-buttons .product-amount { margin-right: 20px; padding: 10px 0; } .card-page-buttons .add-to-card, .card-page-buttons .manager-btn { font-size: 14px; } .product-excerpt-text { font-size: 18px; } .product-characteristic-list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .product-characteristic-list__item .text { font-size: 16px; } .product-characteristic-list__item .title { margin-right: 0; } .product-pay-box-body .product-pay-btn { font-size: 18px; padding: 40px 10px; } .product-pay-box-body .product-pay-btn .icon { margin-left: 10px; } .product-characteristic .block-heading, .product-pay-box .block-heading { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .product-pay-box-body__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-pay-box-body__content .item-text, .product-pay-box-body__content .item-title { text-align: center; } .brands-page-box .brands-box-body__item { width: calc(50% - 20px); } .desktop-burger-btn { margin-right: 15px; } .header-cart__icon { width: 35px; height: 35px; font-size: 16px; } .mobile-burger-btn { width: 35px; height: 35px; } .site-header { padding: 10px 0; } .site-header-body__midle { padding: 10px 0 0; } .main-content { /* padding-top: 95px */ } .main-menu { padding: 60px 20px; } .main-heading { font-size: 22px; line-height: 28px; } .main-banner-slider .slick-dots { display: none !important; } .benefits-box-slider { padding: 0 10px; } .benefits-box-slider .slick-arrow { z-index: 4; width: 40px; height: 40px; border-color: var(--main-color); } .benefits-box-slider .slick-arrow.slick-prev { left: 0; background: url(../img/slider-prev.svg) center center/20px no-repeat, #fff; } .benefits-box-slider .slick-arrow.slick-next { right: 0; background: url(../img/slider-next.svg) center center/20px no-repeat, #fff; } .category-cards-body__item .item-title { font-size: 18px; } .category-cards-body__item { width: calc(100% - 20px); } .block-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block-heading__link { margin-left: 0; } .block-heading__title { font-size: 22px; } .statick-form-box__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .statick-form-image { display: none; } .form-privacy-link { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-privacy-link a { margin-left: 0; } .brands-box-body { padding: 0 10px; } .brands-box-body .slick-arrow { z-index: 4; width: 40px; height: 40px; border-color: var(--main-color); } .brands-box-body .slick-arrow.slick-prev { left: 0; background: url(../img/slider-prev.svg) center center/20px no-repeat, #fff; } .brands-box-body .slick-arrow.slick-next { right: 0; background: url(../img/slider-next.svg) center center/20px no-repeat, #fff; } .advantages-box-body__item .item-title { font-size: 16px; } .advantages-box-body__item { width: calc(100% - 20px); } .accordion .accordion-title { font-size: 16px; } .accordion .heading { padding-right: 5px; } .accordion .accordion-icon { width: 20px; height: 20px; font-size: 14px; } .footer-form-body { padding: 20px; } .footer-form-ttile { font-size: 16px; } .subscribe-form-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscribe-form-wrap .btn-second { margin-left: 0; margin-top: 15px; } .footer-btn-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-btn-list__item { margin-right: 0; margin-bottom: 15px; } .footer-btn-list__item .btn-regular { width: 100%; } .footer-link-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-link-list li { margin-right: 0; margin-bottom: 15px; } .payments-list__item { margin-right: 10px; width: 70px; } .maximus-dev-wrap__text { font-size: 12px; } .maximus-dev-wrap__logo { max-width: 100px; } .maximus-dev-wrap__logo img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .maximus-dev-wrap { padding: 20px; } .footer-privacy-link { font-size: 16px; } .footer-title { font-size: 18px; } .advantages-box-body__item .item-title br { display: none; } .site-logo { max-width: 50px; } .site-header-body__midle { padding-right: 45px; } .site-header-body { padding-left: 10px; } .site-header .site-phone { width: 35px; height: 35px; font-size: 0; -webkit-box-shadow: 0 0 0 2px var(--main-color); box-shadow: 0 0 0 2px var(--main-color); border-radius: 10px; color: var(--main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header .site-phone:before { content: '\f095'; font-family: fontawesome; font-size: 16px; } .header-cart__icon { margin-left: 0; } .site-search-mob-btn { width: 30px; height: 30px; } .site-logo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .desktop-burger-btn { width: 20px; height: 20px; } .social-list__item { margin: 0 2px; } .site-header .site-search { left: -70px; } .site-header .site-search { padding: 5px; } .site-header .site-search.show { top: 60px; } .main-banner .main-banner-btn { width: 100%; } .statick-form-title { text-align: center; } .form-privacy-link { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .statick-form-box .block-heading__title { text-align: center; } .statick-form-box-big .statick-form-title { text-align: left; font-size: 16px; } .footer-title { text-align: center; } .footer-link-list li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-address { text-align: center; } .payments-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .payments-list__item { margin: 5px; } .footer-socials-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .footer-socials-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer__privacy .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .maximus-dev-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .maximus-dev-wrap__logo { margin-right: 0; margin-top: 15px; } .maximus-dev-wrap__text { text-align: center; } .modal-call-back { padding: 40px 20px; } .header-catalog { width: 100%; max-width: 100%; } .header-catalog-close { width: 40px; height: 40px; font-size: 20px; } .header-catalog__title { top: 8px; } .header-catalog { padding-top: 60px; } .payments-wrap { margin: 0 auto; } .catalog-page-cards-body__item { width: calc(100% - 20px); margin: 10px; } .catalog-page-cards-body { margin: -10px; } .catalog-sidebar-menu ul li a { padding: 20px; font-size: 16px; } .catalog-sidebar-menu ul li { margin-bottom: 10px; } .catalog-sidebar-menu .sidebar-sub-menu-item:before { width: 66px; height: 66px; } .statick-form-inner .statick-form-image img { max-width: 100%; } .statick-form-inner .statick-form-image .block-heading__title { font-size: 20px; line-height: 26px; } .statick-form-inner .statick-form-image { padding: 20px; } .inpage-main-heading { font-size: 22px; line-height: 28px; } .catalog-page-cards-body__item .item-title { font-size: 18px; line-height: 26px; } #breadcrumbs { font-size: 12px; line-height: 16px; margin-left: -10px; } #breadcrumbs a { margin-right: 10px; margin-left: 10px; } #breadcrumbs .breadcrumb_last { margin-left: 10px; } .text-box .block-heading__title { font-size: 18px; line-height: 26px; } .contacts-box-tabs { padding: 0 20px; } .contacts-box-tabs .street { display: none; visibility: hidden; } .contacts-box-list__link { font-size: 20px; text-align: center; } .contacts-box-list__title, .contacts-box-socials__title { font-size: 16px; margin-bottom: 10px; text-align: center; } .contacts-box-socials .footer-socials-list__item { margin: 10px; } .contacts-box-socials .footer-socials-list .link { width: 35px; height: 35px; font-size: 20px; } .contacts-box-rekvizits-list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-box-rekvizits-list__item .text, .contacts-box-rekvizits-list__item .title { text-align: center; font-size: 16px; line-height: 26px; } .contacts-box-rekvizits-list__item .title { margin-right: 0; margin-bottom: 5px; } .contacts-box-list__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-box-tabs__link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter-page-cards-body .cards-row__col3 { width: calc(100% - 20px); } .filter-sidebar { width: 270px; } .page-navigation-list__link { width: 35px; height: 35px; } .page-navigation-buttons__btn { padding: 15px 10px; font-size: 12px; } .faq-box-body__content { padding-right: 0; } .contacts-box-map iframe { height: 400px; } } @media all and (max-width: 360px) { .statick-form-box .block-heading__title { font-size: 16px; line-height: 22px; } .statick-form-box-big .statick-form-title { font-size: 14px; line-height: 16px; } .statick-form-box-big .statick-form-title:before { width: 10px; height: 10px; } } @media (max-height: 576px) { @supports (padding: max(0px)) { } } #form-voronezh, #form-belgorod, #form-default { display: none; } .wpcf7-response-output, span.wpcf7-not-valid-tip, .wpcf7-spinner { display: none !important; } .wpcf7-not-valid { border-color: red !important; } .modal-thank-you { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; } .modal-thank-you__body { background: #fff; padding: 20px; text-align: center; border-radius: 10px; max-width: 400px; width: 100%; } .certificates img { height: 340px; object-fit: cover; width: 100%; } .certificates__horizontal, .certificates__vertical { display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden; gap: 20px; } .certificates { display: grid; gap: 20px; } .breadcrumbs a, .breadcrumbs span { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: var(--black-color); } ol.breadcrumbs li { list-style: none; } ol.breadcrumbs { display: flex; flex-wrap: wrap; gap: 5px; } /* новая шапка 3.12.2024 */ .header-a__mail span { font-weight: 600; } .container { max-width: 1440px; margin: 0 auto; padding: 0 10px; } .header-a { } .header-a__top { background-color: #ebeee7; padding: 14px 0; } .header-a__top-wrapper { display: flex; justify-content: space-between; align-items: center; } .header-a__list { list-style: none; display: flex; align-items: center; gap: clamp(10px, 2vw, 20px); } .header-a__link { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: clamp(14px, 1vw, 20px); color: #101011; text-decoration: none; transition: color 0.2s ease; } .header-a__socials { display: flex; align-items: center; gap: 10px; } .header-a__socials a { transition: opacity 0.2s ease; } /* header middle */ .header-a__middle { padding: 14px 0; } .header-a__middle-wrapper { display: flex; align-items: center; gap: clamp(15px, 2vw, 30px); } .header-a__city { max-width: 360px; width: 100%; display: flex; align-items: center; gap: 10px; } .header-a .nice-select { background: rgba(131, 189, 50, 0.1); border: none; max-width: 145px; width: 100%; } .header-a .nice-select .list { width: 100%; } .header-a__address { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #101011; display: grid; grid-template-columns: 20px 1fr; gap: 8px; } .header-a__info { display: flex; align-items: center; gap: 20px; } .header-a__time { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #101011; display: grid; grid-template-columns: 20px 1fr; gap: 8px; } .header-a__text { display: flex; flex-direction: column; gap: 2px; } .header-a__text span { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; color: #808180; } .header-a__mail { display: flex; align-items: center; gap: 8px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #101011; text-decoration: none; transition: color 0.3s ease; } .header-a .nice-select:after { border-color: #000; border-radius: 1px; } .header-a__callback { margin-left: auto; } .header-a__callback { display: flex; flex-direction: column; gap: 10px; } .header-a__phone { display: flex; align-items: center; gap: 5px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(18px, 2vw, 24px); color: #101011; text-decoration: none; transition: color 0.2s ease; } .header-a__btn { border-radius: 4px; padding: 8px 28px; background-color: #bed430; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; text-align: center; color: #101011; border: none; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; } .header-a__bottom { background-color: #bed430; & .bottom-menu__list { display: flex; max-width: 740px; gap: 40px; list-style: none; @media (max-width: 1240px) { gap: 20px; } } & .bottom-menu__link { display: flex; align-items: center; gap: 10px; padding: 20px 8px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; color: #101011; text-decoration: none; background-color: transparent; transition: 0.3s ease; } & .bottom-right { display: grid; grid-template-columns: 200px 66px; align-items: center; gap: 20px; } } .header-a__bottom-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; } .header-a__search { position: relative; } .header-a__search input { border-radius: 4px; padding: 12px 50px 12px 20px; background: rgba(255, 255, 255, 0.2); border: none; max-width: 200px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #101011; outline: none; border: 1px solid transparent; } .header-a__search input:focus { border: 1px solid #fee502; } .header-a__search-btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-color: transparent; border: none; } .header-a__cart { background-color: #fee502; border-radius: 4px; padding: 4px 20px; height: 45px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; } .sub-menu-a { position: absolute; left: 0; width: 100%; border-radius: 0 0 4px 4px; padding: 40px; box-shadow: 4px 7px 10px 0 rgba(74, 75, 92, 0.5); background: #f8f8f8; opacity: 0; visibility: hidden; transition: 0.1s ease; z-index: 9999; & .sub-menu-a-list { list-style: none; display: grid; align-items: center; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } & .sub-menu-a-link { font-family: var(--font-family); font-weight: 700; font-size: 16px; color: #101011; text-decoration: none; transition: color 0.2s ease; display: flex; align-items: center; gap: 8px; } } .bottom-menu__item:hover > .sub-menu-a { opacity: 1; visibility: visible; } .header-a-mobile { padding: 10px 0; position: relative; display: none; } .header-a-mobile-row { position: relative; z-index: 3; } .header-a-mobile-nav-list { list-style: none; display: flex; flex-direction: column; gap: 20px; } .header-a-mobile-nav-link { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 20px; color: #101011; text-decoration: none; } .header-a-mobile-content { position: absolute; top: 70px; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 2; padding: 20px 40px 100px 40px; overflow: auto; opacity: 0; left: -100%; transition: 0.3s ease; } .header-a-mobile-content.active { left: 0; opacity: 1; z-index: 5; } .header-a-burger > span { pointer-events: none; } .header-a-mobile-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .header-a-mobile-actions { display: flex; gap: 10px; } .header-a-mobile-actions > a { text-decoration: none; } .header-a-mobile-bottom { margin-top: 40px; } .header-a-mobile .header-a__city { display: flex; flex-direction: column; max-width: 100%; } .header-a-mobile .nice-select { width: 100%; max-width: 100%; display: flex; align-items: center; height: 30px; } .header-a-mobile .header-a__callback { align-items: center; margin-top: 20px; } .header-a-mobile .header-a__btn { width: 100%; } .header-a-mobile .header-a__socials { margin-top: 20px; } .header-a-mobile .header-a__mail { display: flex; } .header-a-mobile .header-a__info { flex-direction: column-reverse; align-items: flex-start; margin-top: 20px; } .header-a-mobile-products { background: rgba(131, 189, 50, 0.05); border-radius: 4px; padding: 4px 20px 8px 20px; margin-bottom: 30px; } .header-a-mobile-products-head { display: flex; align-items: center; justify-content: space-between; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; color: #101011; } .header-a-mobile-products-head > svg { pointer-events: none; } .header-a-mobile-products-nav { padding-top: 30px; display: none; } .header-a-mobile-products-nav.active { display: block; } .header-a-mobile-products-nav-list { list-style: none; display: flex; flex-direction: column; gap: 10px; } .header-a-mobile-products-nav-item { border-bottom: 1px solid rgba(16, 16, 17, 0.2); padding-bottom: 4px; } .header-a-mobile-products-nav-item > span { pointer-events: none; } .header-a-mobile-products-nav-link { display: flex; align-items: center; justify-content: space-between; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; color: #101011; text-decoration: none; } .mobile-submenu { display: none; } .mobile-submenu.active { display: block; } .parent-active svg { transform: rotate(90deg); } .mobile-submenu-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } .mobile-submenu-item a { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; color: #101011; display: grid; grid-template-columns: 14px 1fr; gap: 5px; text-decoration: none; } .burger { width: 44px; height: 44px; display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: center; position: relative; cursor: pointer; border: none; background-color: #fee502; border-radius: 4px; } .burger span { display: block; width: 28px; height: 2px; background-color: black; border-radius: 2px; transition: 0.3s; } .burger.active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .burger.active span:nth-child(2) { opacity: 0; } .burger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } @media (max-width: 1240px) { .header-a__mail { display: none; } } @media (max-width: 992px) { .header-a-desktop { display: none; } .header-a-mobile { display: block; } } @media (any-hover: hover) { .bottom-menu__link:hover { background-color: #d0e642; } .header-a__link:hover { color: #bed430; } .header-a__socials a:hover { opacity: 0.7; } .header-a__mail:hover { color: #bed430; svg { path { stroke: #bed430; } } } .header-a__btn:hover { background-color: #fee502; } .header-a__phone:hover { color: #bed430; svg { path { stroke: #bed430; } } } .header-a__cart:hover { background-color: #ffffff; svg { path { stroke: #bed430; } } } .sub-menu-a-link:hover { color: #bed430; } } .bottom-menu__item:hover > a svg { transform: rotate(180deg); transition: 0.5s; } /* Закреплённое меню */ .fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Плавные переходы для меню */ .header-a__bottom, .header-a-mobile { transition: all 0.3s ease; } .woocommerce-loop-category__title .count { background: transparent; } .info-block { margin-bottom: 80px; } .info-block .info-block-wrapper { display: grid; grid-template-columns: 450px 1fr; gap: 40px; } .info-block-wrapper .image img { max-width: 100%; } .info-block-content { display: flex; flex-direction: column; gap: 20px; } .info-block-content p { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 140%; color: #101011; } .info-block-content strong { font-family: var(--second-family); font-weight: 800; font-size: 20px; line-height: 130%; color: #101011; } .c-cb { margin-bottom: 40px; } .c-cb-title { font-family: var(--second-family); font-weight: 800; font-size: 48px; line-height: 123%; color: #101011; margin-bottom: 20px; } .c-cb .desc { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 140%; color: #101011; margin-bottom: 40px; max-width: 850px; } .c-cb-wrapper { border-radius: 10px; padding: 40px 60px; background: rgba(51, 100, 186, 0.2); } .c-cb-wrapper .top { font-family: var(--second-family); font-weight: 800; font-size: 20px; line-height: 130%; color: #101011; margin-bottom: 20px; } .c-cb-row { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .c-cb-row p { font-family: var(--second-family); font-weight: 800; font-size: 20px; line-height: 130%; color: #101011; max-width: 700px; } .c-cb-row p a { color: #101011; } .c-cb-btn { border-radius: 10px; padding: 22px 30px; background: #3364ba; font-family: var(--font-family); font-weight: 700; font-size: 18px; text-align: center; color: #fff; transition: 0.3s ease; display: block; max-width: 325px; width: 100%; text-align: center; } @media (any-hover: hover) { .c-cb-row a:hover { opacity: 0.6; } } .table-items { margin-bottom: 80px; } .table-items p { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 140%; color: #101011; margin-top: 40px; } .table-items-inner { display: grid; gap: 14px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; } .table-items-item { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding-bottom: 14px; padding-top: 14px; } .table-items-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .table-items-item .lside { display: grid; place-items: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .table-items-item .lside img { max-width: 100%; } .table-items-item .lside .title { font-family: var(--second-family); font-weight: 800; font-size: 20px; line-height: 130%; text-align: center; color: #101011; margin-top: 10px; } .table-items-item .rside p { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 140%; color: #101011; } @media (max-width: 992px) { .info-block .info-block-wrapper { grid-template-columns: 1fr; } .c-cb-wrapper { padding: 40px 20px; } .table-items-item { padding: 14px; grid-template-columns: 1fr; gap: 20px; } .table-items-item p { margin-top: 0; text-align: center; } .table-items-item .lside { border-right: none; } }