body { font-family: OpenSans, sans-serif } html { position: relative; min-height: 100% } .sticky_footer { position: absolute; left: 0; bottom: 0; width: 100% } #preloader { position: fixed; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; background-color: #f7f6f3; display: flex; align-items: center; justify-content: center; --animate-duration: 0.5s } #preloader .sk-chasing-dots { width: 6em; height: 6em; position: relative; margin: auto; text-align: center; animation: a 2s infinite linear } #preloader .sk-chasing-dots .sk-child { width: 3em; height: 3em; display: inline-block; position: absolute; top: 0; background-color: #35a200; border-radius: 100%; animation: b 2s infinite ease-in-out } #preloader .sk-chasing-dots .sk-dot-2 { top: auto; bottom: 0; animation-delay: -1s } @keyframes a { to { transform: rotate(1turn) } } @keyframes b { 0%, to { transform: scale(0) } 50% { transform: scale(1) } } .header { background-color: #fff; -ms-box-shadow: 0 0 27px 1px rgba(47, 45, 40, .19); -o-box-shadow: 0 0 27px 1px rgba(47, 45, 40, .19); box-shadow: 0 0 27px 1px rgba(47, 45, 40, .19) } .header .navbar { padding: 14px 24px 9px } .header .nav-item { margin-right: 64px } .header .nav-item .nav-link { padding: 0 } .header .nav-item.active .nav-link { color: #35a200 } .header .nav-link { font-weight: 700; color: #28282d; font-size: .875rem; text-transform: uppercase; transition: color .2s ease .02s } .header .nav-link:hover { color: #35a200 } .header .navbar-collapse { align-items: center; align-self: center } .header__logo { margin-right: 61px } .header__social { margin-left: auto; padding-top: 5px } .social-link { width: 23px; height: 23px; display: inline-block; background: url(../images/icons/social-icons.png); background-position: 0 0; margin-left: 17px } .social-link-watsapp { width: 23px; height: 23px; display: inline-block; background: url(/local/templates/mebel/images/watsapp.png); background-position: 0 0; margin-left: 17px } .social-link-ozon { width: 23px; height: 23px; display: inline-block; background: url(/local/templates/mebel/images/ozon-min.png); background-position: 0 0; margin-left: 17px } .social-link-wb { width: 23px; height: 23px; display: inline-block; background: url(/local/templates/mebel/images/wb-min.png); background-position: 0 0; margin-left: 17px } .instagram-link { width: 24px; background-position: -24px 0 } .header__phone { color: #28282d; font-weight: 700; font-size: 1.5rem; transition: color .2s ease .02s; position: relative; margin-left: 71px; line-height: 1.4 } .header__phone:before { content: ""; display: inline-block; background: url(../images/icons/contact-icons.png) no-repeat 0 0; width: 24px; height: 23px; position: absolute; left: -35px; top: 6px } .header__phone:hover { color: #595757; text-decoration: none } .header__mail { font-size: 1rem; font-weight: 400; color: #28282d; position: relative; line-height: 1.4; border-bottom: 1px solid #28282d; margin-left: 80px; letter-spacing: -.4px } .header__mail:before { content: ""; display: inline-block; background: url(../images/icons/contact-icons.png) no-repeat -24px 0; width: 24px; height: 23px; position: absolute; left: -31px; top: 2px } .header__mail:hover { color: #28282d; text-decoration: none; border-color: transparent } .header__social-mobile { display: none } .slider .item { height: 589px; background-position: 50%; background-size: cover; background-repeat: no-repeat; padding: 154px 0 95px } .slider .owl-dots { display: flex; justify-content: center; width: 100%; bottom: 41px; margin-top: -24px; z-index: 2; position: relative } .slider .owl-dot { margin: 0 10px } .slider .owl-dot span { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #b6b5b4; display: inline-block; transition: all .2s ease .02s } .slider .owl-dot:hover span { background-color: #35a200; border-color: #35a200 } .slider .owl-dot:focus { outline: none } .slider .owl-dot.active span { background-color: #35a200; border-color: #35a200 } .slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev { background: url(../images/icons/arr-icons.png) no-repeat 0 0; height: 32px; width: 17px; display: inline-block; position: absolute; top: calc(50% - 17px); left: calc(50% - 725px) } .slider .owl-nav button.owl-next:focus, .slider .owl-nav button.owl-prev:focus { outline: none } .slider .owl-nav button.owl-prev.disabled { opacity: .18 } .slider .owl-nav button.owl-next { background-position: -18px 0; left: auto; right: calc(50% - 725px) } .slider .owl-nav button.owl-next.disabled { opacity: .18 } .slider__title { font-weight: 900; color: #fff; font-size: 4.5rem; line-height: 1 } .slider__text { font-weight: 400; color: #fff; font-size: 3rem; line-height: 1 } .category { padding: 64px 0 76px; background-color: #f7f6f3 } .category-item { background: #e1e1dd; background: -webkit-gradient(left bottom, right top, color-stop(0, #e1e1dd), color-stop(50%, #eeebdd), color-stop(100%, #dcdcd2)); background: linear-gradient(45deg, #e1e1dd, #eeebdd 50%, #dcdcd2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e1dd", endColorstr="#dcdcd2", GradientType=1); position: relative; margin: 0 auto 30px; border-radius: 4px; display: block; height: 220px; max-width: 370px; padding: 38px 35px 20px } .category-item:hover { text-decoration: none } .category-item.item-1 .category-item__img { right: 18px } .category-item.item-2 .category-item__img { right: 25px } .category-item__title { font-weight: 700; color: #28282d; font-size: 1.5rem } .category-item__img { position: absolute; right: 0; bottom: 0 } .about { padding: 60px 0 0; background: url(../images/about/about-bg-logo.png) no-repeat calc(50% - 370px) -110px; background-color: #e7e6e1 } .about-title { font-weight: 700; color: #28282d; font-size: 3rem; margin-bottom: 30px; margin-top: 12px } .about-text { font-weight: 400; color: #28282d; font-size: 1rem; line-height: 1.9; margin-bottom: 24px } .about-more { font-weight: 400; color: #02790e; font-size: .875rem; position: relative; border-bottom: 1px solid #02790e } .about-more:after { content: ""; display: inline-block; width: 17px; height: 12px; background: url(../images/icons/about-arr.png) no-repeat 50%; position: absolute; right: -26px; top: 6px } .about-more:hover { color: #02790e; text-decoration: none; border-color: transparent } #about-carousel { height: 330px } .about-carousel-item { cursor: pointer; -ms-box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1); box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1); transition: box-shadow .2s ease .02s; max-width: 216px !important; max-height: 294.3px !important } .about-carousel-item.carousel-center { -ms-box-shadow: 0 0 54px 2px rgba(0, 0, 0, .4); -o-box-shadow: 0 0 54px 2px rgba(0, 0, 0, .4); box-shadow: 0 0 54px 2px rgba(0, 0, 0, .4); max-width: 240px !important; max-height: 329px !important } .about-carousel-dots { display: flex; align-items: center; justify-content: center; margin: 32px 0 52px } .about-carousel-dot { display: inline-block; width: 10px; height: 10px; border: 1px solid #bababa; border-radius: 50%; transition: all .2s ease .02s; cursor: pointer; margin: 0 10px } .about-carousel-dot:hover, .active-dot { background-color: #35a200; border-color: #35a200 } .about-line { display: flex; justify-content: center; overflow: hidden } .about-line-img { margin-top: 6px; margin-right: -197px } .advantages { padding: 86px 0 42px; background-color: #f7f6f3 } .advantages-title { color: #28282d; font-size: 1.875rem; font-weight: 700; text-align: center; margin-bottom: 68px } .advantages-title span { color: #35a200 } .advantages-items { display: flex; justify-content: space-between } .advantages-item { margin-bottom: 40px; width: 180px } .advantages-items__item-img { margin-bottom: 17px; min-height: 123px } .advantages-items__item-img img { display: block; margin: 0 auto } .advantages-items__title { text-align: center; color: #28282d; font-size: 1.25rem; font-weight: 700; margin-bottom: 14px; padding: 0 42px; min-height: 72px; line-height: 1.3 } .advantages-items__text { font-weight: 400; text-align: center; color: #28282d; font-size: .875rem; margin: 0; padding: 0 12px; line-height: 1.3 } .partner { padding: 58px 0 60px; background: url(../images/partner-map.png) no-repeat center 123px; background-color: #f7f6f3 } .partner-box { margin: 58px auto 0; display: block } .partner-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 16px } .partner-text, .partner-title { color: #28282d; text-align: center } .partner-text { font-size: 1.125rem; margin-bottom: 19px; line-height: 1.6 } .partner-advantage { display: flex; align-items: center; color: #28282d; font-size: 1.125rem; margin-bottom: 10px; font-weight: 700; line-height: 1.3 } .partner-advantage span { font-size: 4.5rem; font-weight: 700; margin-right: 16px; background: -webkit-linear-gradient(#282a2c, #2d4923); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .partner-advantage-first { margin-left: 36px } .contact { height: 500px; position: relative } .contact .container { align-items: flex-end; display: flex; flex-direction: column } .contact__block { width: 470px; background-color: #fff; border-radius: 3px; -ms-box-shadow: 0 0 62px 16px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 62px 16px rgba(0, 0, 0, .1); box-shadow: 0 0 62px 16px rgb(0 0 0 / 10%); padding: 60px 93px 74px 94px; display: block; z-index: 1; position: absolute; margin-top: -20px; height: 520px; } #map-card { width: 100% } #map-card, .map-wrapper { height: 100% } .contact__block-title { font-weight: 700; color: #28282d; font-size: 3rem; margin-bottom: 30px } .contact-adress { color: #28282d; font-size: 1rem; font-weight: 400; padding-left: 40px; position: relative; line-height: 1.9 } .contact-adress:before { content: ""; display: inline-block; background: url(../images/icons/contact-icons.png) no-repeat -49px 0; width: 19px; height: 29px; position: absolute; left: 6px; top: 3px } .contact-phone { color: #28282d; font-weight: 700; font-size: 1.5rem; transition: color .2s ease .02s; position: relative; padding-left: 40px; line-height: 1.4; margin-bottom: 19px; display: inline-block } .contact-phone:before { content: ""; display: inline-block; background: url(../images/icons/contact-icons.png) no-repeat 0 0; width: 24px; height: 23px; position: absolute; left: 6px; top: 4px } .contact-phone:hover { color: #595757; text-decoration: none } .contact-mail { font-size: 1rem; font-weight: 400; color: #02790e; position: relative; line-height: 1.4; border-bottom: 1px solid #02790e; margin-left: 40px; letter-spacing: 1.1px; margin-bottom: 39px; display: inline-block } .contact-mail:before { content: ""; display: inline-block; background: url(../images/icons/contact-icons.png) no-repeat -24px 0; width: 24px; height: 23px; position: absolute; left: -33px; top: 2px } .contact-mail:hover { color: #02790e; text-decoration: none; border-color: transparent } .contact-social { margin-left: 3px } .contact-social .vk-link { margin-left: 0 } .contact-social .watsapp-link { margin-left: 0 } .footer { background-color: #1e2217; display: flex; align-items: center; padding: 25px 47px 20px; min-height: 97px } .footer-logo { display: inline-block; margin-right: 42px } .copyright { margin: 0; color: #a8a8a8; font-size: .875rem; font-weight: 400 } .itchelny { display: flex; align-items: center; margin-left: auto } .itchelny p { margin: 0; margin-right: 5px; color: #a8a8a8; font-size: .875rem } .itchelny:hover { text-decoration: none } .breadcrumb { padding: 28px 0 15px; background-color: transparent } .breadcrumb-item { color: #28282d; font-size: .75rem; font-weight: 700 } .breadcrumb-item a { font-weight: 400; color: #28282d; border-bottom: 1px solid #28282d } .breadcrumb-item a:hover { text-decoration: none; border-color: transparent } .breadcrumb-item+.breadcrumb-item:before { padding-right: .3rem } .about-page p { font-size: 1rem; color: #28282d; line-height: 1.9; margin-bottom: 30px } .subtitle { font-weight: 700; color: #28282d; font-size: 3rem; margin-bottom: 29px } .about-page__links { padding-top: 23px; display: flex; justify-content: space-between } .about-page__link { width: 160px; text-align: center } .about-page__link__img { margin-bottom: 15px } .about-page__link__text { color: #28282d; font-size: 1.125rem; font-weight: 700 } .about-page__link__text span { border-bottom: 1px solid #28282d } .about-page__link__text:hover { text-decoration: none; color: #28282d } .about-page__link__text:hover span { border-color: transparent } .about-page__production { border-top: 1px solid #e2e2e2; margin: 47px 0 53px; padding-top: 51px } .about-page__production .owl-dots { display: flex; justify-content: center; width: 100%; margin-top: 33px } .about-page__production .owl-dot { margin: 0 10px } .about-page__production .owl-dot span { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #b6b5b4; display: inline-block; transition: all .2s ease .02s } .about-page__production .owl-dot:hover span { background-color: #35a200; border-color: #35a200 } .about-page__production .owl-dot:focus { outline: none } .about-page__production .owl-dot.active span { background-color: #35a200; border-color: #35a200 } .about-page__production .owl-nav button.owl-next, .about-page__production .owl-nav button.owl-prev { background: url(../images/icons/arr-icons.png) no-repeat 0 0; height: 32px; width: 17px; display: inline-block; position: absolute; top: calc(50% - 45.5px); left: -69px } .about-page__production .owl-nav button.owl-next:focus, .about-page__production .owl-nav button.owl-prev:focus { outline: none } .about-page__production .owl-nav button.owl-prev.disabled { opacity: .18 } .about-page__production .owl-nav button.owl-next { background-position: -18px 0; left: auto; right: -69px } .about-page__production .owl-nav button.owl-next.disabled { opacity: .18 } .about-page__production__title { margin-bottom: 31px; font-size: 1.875rem; font-weight: 700; color: #28282d } .about-page__video { margin-top: 88px; margin-bottom: 21px } .about-page__video__player { width: 100%; height: 260px } .about-page__gallery__right { display: flex; flex-direction: column; margin-left: 10px; min-width: 150px; max-width: 150px } .about-page__gallery__img { margin-bottom: 10px; max-width: 100% } .about-page__gallery { display: flex; justify-content: space-between } .about-page__production .item { max-height: 280px } .sidebar { padding-top: 7px } .sidebar .navbar-toggler { display: none } .sidebar .navbar-collapse { display: block; flex-basis: auto } .sidebar__title { color: #4d4d4d; font-size: 1.875rem; font-weight: 400; margin-bottom: 26px } .sidebar__item { padding-left: 20px; margin-bottom: 32px } .sidebar__item ul { list-style: none; padding-left: 2px; margin: 0 } .sidebar__item li { margin-bottom: 6px } .sidebar__item__btn { color: #28282d; font-size: 1rem; font-weight: 700; text-transform: uppercase; position: relative; margin-bottom: 6px; display: inline-block } .sidebar__item__btn:before { content: ""; display: inline-block; width: 11px; height: 6px; background: url(../images/icons/arrs.png) no-repeat 0 0; position: absolute; left: -20px; top: 9px; transform: rotate(-90deg); transition: transform .2s ease .02s } .sidebar__item__btn:hover { text-decoration: none; color: #28282d } .sidebar__item__btn[aria-expanded=true]:before { transform: rotate(0deg) } .sidebar-link { color: #28282d; font-size: .875rem; font-weight: 400; transition: color .2s ease .02s } .sidebar-link:hover { text-decoration: none; color: #35a200 } .sidebar-link.active { color: #35a200; font-weight: 700 } .product__img { height: 580px; width: 100%; padding: 0; margin: 15px 0 13px; overflow: hidden } .product__img .tab-pane { width: 100%; height: 100% } .product__img img { max-width: 100%; max-height: 100% } .product__img .tab-content { width: 100%; height: 100% } .product__img a { position: relative; display: flex; align-items: center; justify-content: center; padding: 5px } .product__img a:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: url(../images/icons/zoom-in.png) no-repeat 50%; background-color: rgba(0, 0, 0, .3); opacity: 0; transition: opacity .2s ease .02s } .product__img a:hover:before { opacity: 1 } .product__dots { list-style: none; padding: 0; border: 0; margin-right: -15px } .product__dots .owl-nav button.owl-next, .product__dots .owl-nav button.owl-prev { background: url(../images/icons/arr-icons.png) no-repeat 0 0; height: 32px; width: 17px; display: inline-block; position: absolute; top: calc(50% - 16px); left: -20px } .product__dots .owl-nav button.owl-next:focus, .product__dots .owl-nav button.owl-prev:focus { outline: none } .product__dots .owl-nav button.owl-prev.disabled { opacity: .18 } .product__dots .owl-nav button.owl-next { background-position: -18px 0; left: auto; right: -20px } .product__dots .owl-nav button.owl-next.disabled { opacity: .18 } .product__dots .nav-item { height: 110px; width: 85px; margin-right: 11px } .product__dots .nav-link { display: flex; align-items: center; justify-content: center; padding: 5px; width: 100%; height: 100%; position: relative; border: 0; border-radius: 0; cursor: pointer } .product__dots .nav-link:before { content: ""; width: 100%; height: 100%; display: block; background-color: #c1c1c1; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .2s ease .02s } .product__dots .nav-link img { max-height: 100%; max-width: 100%; width: auto } .product__dots .nav-link.active:before, .product__dots .nav-link:hover:before { opacity: .5 } .product { padding-bottom: 24px } .product p { font-size: 1rem; color: #28282d } .product__block { display: flex; justify-content: space-between; margin-bottom: 58px } .product-left { width: 470px } .product-right { width: 370px } .product__title { color: #28282d; font-size: 2.25rem; font-weight: 700; margin-bottom: 30px } .product__props { list-style: none; padding: 23px 18px 10px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 31px } .product__props li { display: flex; margin-bottom: 24px } .product__props span { color: #444; font-size: .875rem; font-weight: 700; background-color: #fff; white-space: nowrap } .product__props span:first-child { display: flex; width: 100%; padding-right: 10px } .product__props span:first-child::after { content: ""; display: block; width: 100%; border-bottom: 1px dashed #444; margin-bottom: 9px; margin-left: 10px } .product__props span:nth-child(2) { color: #28282d; font-size: 1rem } .product-select-group { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px } .product-select-group h5 { color: #444; font-size: .875rem; font-weight: 700; margin: 0 } .select { display: block; width: 250px; position: relative } .new-select { position: relative; padding: 8px 15px 8px 12px; cursor: pointer; border: 1px solid #e2e2e2; border-radius: 5px; padding-left: 18px; height: 40px; color: #444; font-size: .875rem; font-weight: 400; background-color: #fdfcfb; transition: all .2s ease .02s } .new-select__list { position: absolute; top: 40px; border-radius: 3px; left: 0; cursor: pointer; width: 100%; z-index: 2; background: #fff; user-select: none; padding: 10px 0; -ms-box-shadow: 0 0 32px 1px rgba(0, 0, 0, .2); -o-box-shadow: 0 0 32px 1px rgba(0, 0, 0, .2); box-shadow: 0 0 32px 1px rgba(0, 0, 0, .2) } .new-select__list.on { display: block } .new-select__item span { display: block; padding: 4px 15px; color: #444; font-size: .875rem } .new-select__item span:hover { color: #2e8105 } .new-select:after { content: ""; display: inline-block; width: 11px; height: 6px; background: url(../images/icons/select-arr.png) no-repeat 50%; position: absolute; right: 13px; top: 17px } .active-item span { color: #2e8105 } .product__price { display: flex; margin-bottom: 29px; padding-top: 12px } .product__price span { color: #444; font-size: .875rem; font-weight: 700; background-color: #fff; white-space: nowrap } .product__price span:first-child { display: flex; width: 100%; padding-right: 10px } .product__price span:first-child::after { content: ""; display: block; width: 100%; border-bottom: 1px dashed #444; margin-bottom: 6px; margin-left: 10px } .product__price span:nth-child(2) { color: #28282d; font-size: 1rem } .checkout-btn { width: 250px; height: 50px; cursor: pointer; border: 0; border-radius: 40px; color: #fff; font-weight: 700; font-size: 1rem; text-transform: uppercase; background: #37a303; background: linear-gradient(0deg, #37a303, #87c868); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a303", endColorstr="#87c868", GradientType=1); transition: box-shadow .2s ease .02s } .checkout-btn:focus { outline: none } .checkout-btn:hover { background: #55ab13; background: linear-gradient(0deg, #55ab13, #99ca68); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#55ab13", endColorstr="#99ca68", GradientType=1); -ms-box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33); -o-box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33); box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33) } .product__actions, .product__count { display: flex; justify-content: space-between } .product__count { align-items: center; width: 100px; height: 50px; background-color: #e2e2e2; border-radius: 35px; padding: 0 5px; margin-right: 15px } .product__count .count__minus { width: 30px; height: 30px; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer } .product__count .count__minus span { font-weight: 700; color: #777; font-size: 1.5rem } .product__count .count__result { font-weight: 700; color: #444; font-size: 1rem } .product__count .count__plus { width: 30px; height: 30px; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer } .product__count .count__plus span { font-weight: 700; color: #777; font-size: 1.5rem } .product__types { border-top: 1px solid #e2e2e2; padding-top: 30px; margin-bottom: 18px } .product__types__title { font-weight: 700; margin-bottom: 24px; color: #28282d; font-size: 1.25rem } .product__types__items { display: flex; flex-wrap: wrap; margin-right: -1px } .product__types__item { width: 86px; display: block; margin-bottom: 10px; margin-right: 1px } .product__types__item:hover { text-decoration: none } .product__types__item.active .product__types__img, .product__types__item:hover .product__types__img { border-color: #e0e0e0; -ms-box-shadow: 0 7px 13px 1px rgba(24, 24, 23, .43); -o-box-shadow: 0 7px 13px 1px rgba(24, 24, 23, .43); box-shadow: 0 7px 13px 1px rgba(24, 24, 23, .43) } .product__types__img { border-radius: 50%; border: 8px solid transparent; overflow: hidden; width: 86px; height: 86px; margin-bottom: 9px; transition: all .2s ease .02s } .product__types__img img { max-height: 100%; max-width: 100% } .product__types__name { text-align: center; color: #444; font-size: .75rem; margin: 0 } .product-wrapper { position: relative } .product-similar, .product-wrapper { -ms-box-shadow: 0 0 81px 24px rgba(24, 24, 23, .08); -o-box-shadow: 0 0 81px 24px rgba(24, 24, 23, .08); box-shadow: 0 0 81px 24px rgba(24, 24, 23, .08) } .product-similar { padding: 50px 0 31px } .product-similar .owl-item { text-align: center } .product-similar .owl-item a:hover { text-decoration: none; color: #28282d } .product-similar .item { display: block } .product-similar .item:hover { text-decoration: none } .product-similar .item-img { height: 344px; display: flex; align-items: center; justify-content: center; padding: 5px; margin-bottom: 18px } .product-similar .item-img img { width: auto; max-width: 100%; max-height: 100% } .product-similar .item-text { color: #28282d; font-weight: 700; font-size: 1.125rem } .product-similar .owl-nav button.owl-next, .product-similar .owl-nav button.owl-prev { background: url(../images/icons/arr-icons.png) no-repeat 0 0; height: 32px; width: 17px; display: inline-block; position: absolute; top: calc(50% - 45.5px); left: -69px } .product-similar .owl-nav button.owl-next:focus, .product-similar .owl-nav button.owl-prev:focus { outline: none } .product-similar .owl-nav button.owl-prev.disabled { opacity: .18 } .product-similar .owl-nav button.owl-next { background-position: -18px 0; left: auto; right: -69px } .product-similar .owl-nav button.owl-next.disabled { opacity: .18 } .product-similar__title { text-align: center; margin-bottom: 36px; color: #28282d; font-size: 1.875rem; font-weight: 700 } .advantages-inside { padding: 65px 0 78px } .safina-modal .modal-dialog { max-width: 477px } .safina-modal .modal-content { border-radius: 5px; border: 4px solid #3b8c14; background: url(../images/about/about-bg-logo.png) no-repeat calc(50% + 70px) 270px; background-color: #e7e6e1 } .safina-modal .modal-header { border: 0; padding: 50px 71px 0 75px } .safina-modal .modal-body { padding: 24px 78px 21px 81px } .safina-modal .modal-footer { padding: 0 71px 41px 75px; border: 0 } .safina-modal .modal-title { color: #28282d; font-size: 1.875rem; margin: 0; font-weight: 700 } .safina-modal .close { position: absolute; top: 10px; right: 14px; padding: 10px; opacity: 1 } .safina-modal .close:hover { opacity: 1 } .safina-modal .close:focus { outline: none } .safina-modal .close span { font-weight: 700; color: #777; text-shadow: none; font-size: 2rem } .safina-modal .modal-list-wrapper { list-style: none; padding-left: 0; margin-bottom: 14px; display: flex } .safina-modal .modal-list { padding: 0; list-style: none; margin-bottom: 0; width: 100% } .safina-modal .modal-list li { margin-bottom: 16px; white-space: nowrap; font-weight: 700; color: #444; font-size: .875rem; display: flex; width: 100%; padding-right: 10px; min-height: 24px } .safina-modal .modal-list li:after { content: ""; display: block; width: 100%; border-bottom: 1px dashed #444; margin-bottom: 9px; margin-left: 10px } .safina-modal .modal-list li:last-child { margin-bottom: 0 } .safina-modal .modal-list-right { padding: 0; list-style: none; margin-bottom: 0 } .safina-modal .modal-list-right li { margin-bottom: 16px; font-size: 1rem; color: #28282d; white-space: nowrap; font-weight: 700 } .safina-modal .modal-list-right li:last-child { margin-bottom: 0 } .safina-modal .form-group { margin-bottom: 11px } .safina-modal .form-group label { color: #444; font-size: .875rem; font-weight: 700; margin-bottom: 6px } .safina-modal .form-control { border: 1px solid #e2e2e2; height: 40px; -ms-box-shadow: 0 0 0 4px hsla(50, 4%, 67%, .11); -o-box-shadow: 0 0 0 4px hsla(50, 4%, 67%, .11); box-shadow: 0 0 0 4px hsla(50, 4%, 67%, .11) } .safina-modal .form-control:focus { box-shadow: none; border-color: transparent } .checkout-submit { width: 250px; height: 50px; cursor: pointer; border: 0; border-radius: 40px; color: #fff; font-weight: 700; font-size: 1rem; text-transform: uppercase; background: #37a303; margin: 0 auto; background: linear-gradient(0deg, #37a303, #87c868); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a303", endColorstr="#87c868", GradientType=1); transition: box-shadow .2s ease .02s } .checkout-submit:focus { outline: none } .checkout-submit:hover { background: #55ab13; background: linear-gradient(0deg, #55ab13, #99ca68); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#55ab13", endColorstr="#99ca68", GradientType=1); -ms-box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33); -o-box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33); box-shadow: 0 10px 16px 2px rgba(61, 166, 10, .33) } @font-face { font-family: OpenSans; src: url(../fonts/OpenSans/OpenSans-Light.ttf) format("truetype"); font-weight: 300; font-display: swap; font-style: normal } @font-face { font-family: OpenSans; src: url(../fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"); font-weight: 400; font-display: swap; font-style: normal } @font-face { font-family: OpenSans; src: url(../fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"); font-weight: 700; font-display: swap; font-style: normal } @font-face { font-family: OpenSans; src: url(../fonts/OpenSans/OpenSans-ExtraBold.ttf) format("truetype"); font-weight: 900; font-display: swap; font-style: normal } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px } } @media (min-width:0px) and (max-width:767px) { .menu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; padding: 6px; cursor: pointer } .menu.active:before { animation: g .2s .05s ease-out forwards } .menu.active:after { animation: f .2s .05s ease-out forwards } .menu.active .bar { animation: d .2s ease-out forwards } .menu.active .bar:last-child { animation: c .2s .2s ease-out forwards } .menu.back:before { transform: translateX(-120%) } .menu.back:after, .menu.back:before { animation: h .2s .05s ease-out forwards } .menu.back:after { transform: translateX(120%) } .menu.back .bar { transform: rotate(-45deg); animation: e .2s ease-out forwards } .menu.back .bar:last-child { transform: rotate(-135deg); animation: e .2s .2s ease-out forwards } .menu:after, .menu:before { content: "" } .menu .bar, .menu:after, .menu:before { display: block; width: 24px; height: 3px; background: #28282d; border-radius: 3px } .menu .bar { margin: 5px 0 } .menu .bar:last-child { opacity: 0; transform: rotate(-45deg); position: absolute; top: 10px } @keyframes c { 0% { opacity: 1; transform: rotate(-45deg) } to { opacity: 1; transform: rotate(-135deg) } } @keyframes d { to { transform: rotate(-45deg) } } @keyframes e { to { transform: rotate(0) } } @keyframes f { to { transform: translateX(125%) } } @keyframes g { to { transform: translateX(-125%) } } @keyframes h { to { transform: translateX(0) } } .header .navbar { padding: 6px 12px 3px 27px } .header .navbar-toggler { position: absolute; top: 18px; right: 20px; width: 50px; height: 32px; z-index: 5 } .header .navbar-toggler:focus { outline: none } .header .navbar-collapse { position: absolute; left: 0; top: 0; background-color: #fff; z-index: 4; width: 100%; padding: 46px 38px 30px } .header .nav-link { font-size: 1.125rem; margin-bottom: 27px } .header__social { display: none } .header__logo { width: 90px } .header__logo img { max-width: 100% } .header__phone { margin-left: 36px; display: block; width: 180px; margin-bottom: 18px } .header__mail { margin-left: 31px } .header__social-mobile { display: block; margin-right: 66px } .header__social-mobile .social-link { background-image: url(../images/icons/social-icons-mobile.png); background-repeat: no-repeat; background-size: 46px 23px } .header__social-mobile .instagram-link { background-position: -23px 0 } .slider .item { height: 300px; padding: 59px 0 50px } .slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev { top: auto; bottom: 27px; left: calc(50% - 159px); z-index: 3 } .slider .owl-nav button.owl-next { left: auto; right: calc(50% - 159px) } .slider .owl-dots { bottom: 31px } .slider__title { font-size: 2.375rem; margin-left: 15px } .slider__text { font-size: 1.625rem; margin-left: 15px } .category { padding-top: 32px; padding-bottom: 26px } .category-item { height: 100px; padding: 12px 15px; margin-bottom: 10px } .category-item.item-1 .category-item__img { width: 67px; height: 112px; right: 8px } .category-item.item-2 .category-item__img { width: 85px; height: 61px; right: 11px } .category-item.item-3 .category-item__img { width: 126px; height: 100px } .category-item.item-4 .category-item__img { width: 132px; height: 54px } .category-item.item-5 .category-item__img { width: 153px; height: 66px } .category-item.item-6 .category-item__img { width: 138px; height: 64px } .category-item__title { font-size: 1rem } .category-item__img { width: 100% } .about { background-size: contain; background-position: 0 -50px; padding-top: 45px } .about-title { font-size: 2.25rem; margin-top: 0; margin-left: 29px; margin-bottom: 22px } .about-text { font-size: .875rem; margin-bottom: 23px } .about-more, .about-text { margin-left: 29px } #about-carousel { margin: 55px auto 0; height: 266px; width: 290px } .about-carousel-item.carousel-center { height: 266px !important; width: 192px !important; max-width: none !important; max-height: none !important; margin-top: 20.5px; margin-left: 10px } .about-carousel-dots { margin: 43px 0 42px } .about-line { flex-wrap: wrap } .about-line-img { margin-right: -106px; max-height: 164px } .about-line-img:first-child { margin-left: -280px } .advantages { padding-top: 31px; padding-bottom: 7px } .advantages-title { font-size: 1.5rem; margin-bottom: 43px } .advantages-items { flex-wrap: wrap; justify-content: center } .advantages-items__item { width: 50%; margin-bottom: 36px } .advantages-items__title { padding: 0 15px; line-height: 1.05; min-height: 63px; margin-bottom: 6px } .advantages-items__text { padding: 0 } .advantages-items__item-img { margin-bottom: 6px } .partner { background-size: 420px; padding-top: 10px; padding-bottom: 64px; background-position: center 195px } .partner-title { font-size: 1.5rem; margin-bottom: 22px } .partner-text { font-size: 1rem; margin-bottom: 15px } .partner-text br { display: none } .partner-advantage { font-size: .875rem; line-height: 1.2; margin-bottom: 0; justify-content: center } .partner-advantage span { font-size: 3.5rem } .partner-box { max-width: 216px; margin-top: 48px } .contact { display: flex; flex-direction: column-reverse; height: auto } .contact__block { position: static; max-width: 360px; width: 100%; margin: 0 auto; padding: 32px 18px 27px 53px; -ms-box-shadow: 0 0 62px 14px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 62px 14px rgba(0, 0, 0, .1); box-shadow: 0 0 62px 14px rgba(0, 0, 0, .1) } .map-wrapper { height: 225px } .contact__block-title { font-size: 2.25rem; margin-bottom: 21px } .contact-adress { font-size: .875rem; line-height: 1.7 } .contact-adress:before { left: 2px; top: -2px } .contact-phone { margin-bottom: 21px } .contact-phone:before { left: 0; top: 5px } .contact-mail { margin-bottom: 30px } .contact-mail:before { left: -41px; top: 2px } .itchelny { margin: 22px auto 0 } .itchelny p { font-size: .75rem } .footer { flex-wrap: wrap; padding: 26px 47px 35px } .footer-logo { width: 40%; margin-right: 10% } .copyright { width: 50%; font-size: .75rem; text-align: right } .subtitle { font-size: 2rem; margin-bottom: 18px } .about-page__links { flex-direction: column; align-items: center } .about-page__link { margin-bottom: 25px } .about-page__video { margin-top: 25px; max-width: 470px; margin-left: auto; margin-right: auto } .about-page__gallery { flex-wrap: wrap; max-width: 330px; margin-left: auto; margin-right: auto; padding-left: 10px } .about-page__gallery a { margin-right: 10px } .about-page__gallery__right { flex-direction: row; margin-left: 0; justify-content: space-between; width: 100%; margin-right: -10px; max-width: 100% } .about-page__gallery__right .about-page__gallery__img { max-width: 150px; max-height: 120px; width: 100% } .about-page__production { padding: 20px 20px 0; max-width: 470px; margin-left: auto; margin-right: auto } .about-page__production .item { max-height: 230px } .about-page__production .owl-nav button.owl-prev { left: -26px } .about-page__production .owl-nav button.owl-next { right: -26px } .about-page__production .owl-dots { flex-wrap: wrap } .about-page__production__title { font-size: 1.25rem } .sidebar .navbar-toggler { display: block; position: relative; width: 50px; height: 32px; z-index: 1 } .sidebar .navbar-toggler:focus { outline: none } .sidebar .collapse:not(.show) { display: none } .sidebar__title { display: flex; justify-content: space-between } .product__block { flex-direction: column; margin-bottom: 25px } .product__img { width: 280px; height: 280px; margin: 0 auto 15px } .product__img a { height: 100% } .product-left { width: 100% } .product-right { overflow: hidden; width: 100% } .product__dots { margin-bottom: 20px; padding: 0 10px } .product__dots .owl-nav button.owl-prev { left: -11px } .product__dots .owl-nav button.owl-next { right: -11px } .product-select-group { flex-direction: column; align-items: flex-start } .product-select-group h5 { margin-bottom: 10px } .select { width: 100% } .product__actions { flex-wrap: wrap } .checkout-btn, .product__count { margin-bottom: 15px } .product-similar { padding: 40px 15px 31px } .product-similar .item-img { height: 215px } .product-similar .owl-nav button.owl-next { right: -24px } .product-similar .owl-nav button.owl-prev { left: -24px } .product-similar__title { font-size: 1.5rem; margin-bottom: 15px } } @media (min-width:0px) and (max-width:384px) { .header__logo { margin-right: 0 } .slider .owl-nav button.owl-prev { left: calc(50% - 140px) } .slider .owl-nav button.owl-next { right: calc(50% - 140px) } .slider__title { font-size: 2rem; margin-left: 0 } .slider__text { margin-left: 0 } .category-item.item-1 .category-item__img { width: 57px; height: 92px } .category-item.item-2 .category-item__img { width: 70px; height: 51px } .category-item.item-3 .category-item__img { width: 96px; height: 80px } .category-item.item-4 .category-item__img { width: 82px; height: 44px } .category-item.item-5 .category-item__img { width: 103px; height: 53px } .category-item.item-6 .category-item__img { width: 98px; height: 47px } #about-carousel { width: 290px } .advantages-items__item { width: 100% } .advantages-items__title { min-height: auto } .contact__block { padding: 32px 18px 27px 53px } .about-line { flex-wrap: wrap } .about-line-img { margin-right: -76px; max-height: 124px } .about-line-img:first-child { margin-left: -180px } .about-page__gallery__right .about-page__gallery__img { max-width: 121px; max-height: 96px } .about-page__production .item { max-height: 176px } } @media (min-width:768px) and (max-width:991px) { .menu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; padding: 6px; cursor: pointer } .menu.active:before { animation: g .2s .05s ease-out forwards } .menu.active:after { animation: f .2s .05s ease-out forwards } .menu.active .bar { animation: d .2s ease-out forwards } .menu.active .bar:last-child { animation: c .2s .2s ease-out forwards } .menu.back:before { transform: translateX(-120%) } .menu.back:after, .menu.back:before { animation: h .2s .05s ease-out forwards } .menu.back:after { transform: translateX(120%) } .menu.back .bar { transform: rotate(-45deg); animation: e .2s ease-out forwards } .menu.back .bar:last-child { transform: rotate(-135deg); animation: e .2s .2s ease-out forwards } .menu:after, .menu:before { content: "" } .menu .bar, .menu:after, .menu:before { display: block; width: 24px; height: 3px; background: #28282d; border-radius: 3px } .menu .bar { margin: 5px 0 } .menu .bar:last-child { opacity: 0; transform: rotate(-45deg); position: absolute; top: 10px } @keyframes c { 0% { opacity: 1; transform: rotate(-45deg) } to { opacity: 1; transform: rotate(-135deg) } } @keyframes d { to { transform: rotate(-45deg) } } @keyframes e { to { transform: rotate(0) } } @keyframes f { to { transform: translateX(125%) } } @keyframes g { to { transform: translateX(-125%) } } @keyframes h { to { transform: translateX(0) } } .header .navbar { padding: 6px 12px 3px 27px } .header .navbar-toggler { position: absolute; top: 18px; right: 20px; width: 50px; height: 32px; z-index: 5 } .header .navbar-toggler:focus { outline: none } .header .navbar-collapse { position: absolute; left: 0; top: 0; background-color: #fff; z-index: 4; width: 100%; padding: 46px 38px 30px } .header .nav-link { font-size: 1.125rem; margin-bottom: 27px } .header__social { display: none } .header__logo { width: 90px } .header__logo img { max-width: 100% } .header__phone { margin-left: 36px; display: block; width: 180px; margin-bottom: 18px } .header__mail { margin-left: 31px } .header__social-mobile { display: block; margin-right: 66px } .header__social-mobile .social-link { background-image: url(../images/icons/social-icons-mobile.png); background-repeat: no-repeat; background-size: 46px 23px } .header__social-mobile .instagram-link { background-position: -23px 0 } .slider .item { height: 300px; padding: 59px 0 50px } .slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev { top: auto; bottom: 27px; left: calc(50% - 159px); z-index: 3 } .slider .owl-nav button.owl-next { left: auto; right: calc(50% - 159px) } .slider .owl-dots { bottom: 31px } .slider__title { font-size: 2.375rem; margin-left: 15px } .slider__text { font-size: 1.625rem; margin-left: 15px } .about { background-size: contain; background-position: 0 -50px; padding-top: 45px } .about-title { font-size: 2.25rem; margin-top: 0; margin-left: 29px; margin-bottom: 22px } .about-text { font-size: .875rem; margin-bottom: 23px } .about-more, .about-text { margin-left: 29px } #about-carousel { margin: 55px auto 0; width: 353px } .about-line-img { margin-right: -102px; max-height: 164px } .advantages { padding-top: 31px; padding-bottom: 7px } .advantages-title { font-size: 1.5rem; margin-bottom: 43px } .advantages-items { flex-wrap: wrap; justify-content: center } .advantages-items__item { width: 50%; margin-bottom: 36px } .advantages-items__title { padding: 0 15px; line-height: 1.05; min-height: 63px; margin-bottom: 6px } .advantages-items__text { padding: 0 } .advantages-items__item-img { margin-bottom: 6px } .partner { background-size: 420px; padding-top: 10px; padding-bottom: 64px; background-position: center 195px } .partner-title { font-size: 1.5rem; margin-bottom: 22px } .partner-text { font-size: 1rem; margin-bottom: 15px } .partner-text br { display: none } .partner-advantage { font-size: .875rem; line-height: 1.2; margin-bottom: 0 } .partner-advantage span { font-size: 3.5rem } .partner-box { max-width: 216px; margin-top: 48px } .contact { display: flex; flex-direction: column-reverse; height: auto } .contact__block { position: static; max-width: 360px; width: 100%; margin: 0 auto; padding: 32px 50px 30px 49px } .map-wrapper { height: 355px } .contact__block-title { font-size: 2.25rem; margin-bottom: 22px } .contact-adress { font-size: .875rem; line-height: 1.7 } .contact-mail { margin-bottom: 27px } .itchelny p { font-size: .75rem } .footer { padding: 26px 47px 35px } .about-page__video { margin-top: 25px } .about-page__gallery, .about-page__video { max-width: 470px; margin-left: auto; margin-right: auto } .about-page__gallery { flex-wrap: wrap } .about-page__production { padding: 20px 20px 0 } .about-page__production .item { height: 234px } .about-page__production .owl-nav button.owl-prev { left: -26px } .about-page__production .owl-nav button.owl-next { right: -26px } .about-page__production .owl-dots { flex-wrap: wrap } .about-page__production__title { font-size: 1.25rem } .sidebar .navbar-toggler { display: block; position: relative; width: 50px; height: 32px; z-index: 1 } .sidebar .navbar-toggler:focus { outline: none } .sidebar .collapse:not(.show) { display: none } .sidebar__title { display: flex; justify-content: space-between } .product__block { flex-direction: column; margin-bottom: 25px } .product__img { width: 380px; height: 380px; margin: 0 auto 15px } .product__img a { height: 100% } .product-left, .product-right { width: 100% } .product__dots { margin-bottom: 20px } .product-select-group { flex-direction: column; align-items: flex-start } .product-select-group h5 { margin-bottom: 10px } .select { width: 100% } .product__actions { flex-wrap: wrap } .checkout-btn, .product__count { margin-bottom: 15px } .product-similar { padding: 40px 15px 31px } .product-similar .item-img { height: 215px } .product-similar .owl-nav button.owl-next { right: -24px } .product-similar .owl-nav button.owl-prev { left: -24px } .product-similar__title { font-size: 1.5rem; margin-bottom: 15px } .product__actions { justify-content: flex-end } } @media (min-width:992px) and (max-width:1199px) { .header .navbar-nav { width: 360px; flex-wrap: wrap } .header .navbar { padding: 14px 10px 9px } .header .nav-link { font-size: .75rem } .header .nav-item { margin-right: 15px; margin-bottom: 6px } .header__logo { margin-right: 30px; width: 100px } .header__logo img { max-width: 100% } .header__phone { font-size: 1.1rem; margin-left: 45px } .header__phone:before { top: 1px } .header__mail { font-size: .875rem; margin-left: 36px } .header__mail:before { top: 0 } .slider .item { height: 500px; padding-top: 100px } .slider .slider__title { font-size: 3.5rem } .slider .slider__text { font-size: 2rem } .slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev { top: auto; bottom: 27px; left: calc(50% - 400px); z-index: 3 } .slider .owl-nav button.owl-next { left: auto; right: calc(50% - 400px) } #about-carousel { margin: 55px auto 20px; width: 320px } .about-line-img { margin-right: -152px; max-height: 244px } .advantages-items__title { padding: 0 10px; min-height: auto } .advantages-items__item-img { margin-bottom: 5px } .advantages-items { flex-wrap: wrap; justify-content: center } .advantages-items__item { width: 33%; margin-bottom: 20px } .about-page__video { margin-top: 25px } .about-page__gallery, .about-page__video { max-width: 470px; margin-left: auto; margin-right: auto } .about-page__gallery { flex-wrap: wrap } .about-page__gallery__img { max-width: 280px } .about-page__gallery__right .about-page__gallery__img { max-width: 100% } .about-page__production { padding: 20px 20px 0 } .about-page__production .item { max-height: 324px } .about-page__production .owl-nav button.owl-prev { left: -26px } .about-page__production .owl-nav button.owl-next { right: -26px } .about-page__production .owl-dots { flex-wrap: wrap } .product__block { flex-direction: column; margin-bottom: 25px } .product__img { width: 380px; height: 380px; margin: 0 auto 15px } .product__img a { height: 100% } .product-left, .product-right { width: 100% } .product__dots { margin-bottom: 20px } .product-select-group { flex-direction: column; align-items: flex-start } .product-select-group h5 { margin-bottom: 10px } .select { width: 100% } .product__actions { flex-wrap: wrap } .checkout-btn, .product__count { margin-bottom: 15px } .product-similar { padding: 40px 15px 31px } .product-similar .item-img { height: 295px } .product-similar .owl-nav button.owl-next { right: -24px } .product-similar .owl-nav button.owl-prev { left: -24px } .product-similar__title { font-size: 1.5rem; margin-bottom: 15px } .product__actions { justify-content: flex-end } } @media (min-width:1200px) and (max-width:1550px) { .header .navbar { padding: 14px 15px 9px } .header .nav-item { margin-right: 20px } .header__logo { margin-right: 30px; width: 100px } .header__logo img { max-width: 100% } .header__phone { font-size: 1.1rem; margin-left: 65px } .header__phone:before { top: 1px } .header__mail { font-size: .875rem; margin-left: 36px } .header__mail:before { top: 0 } .slider .owl-nav button.owl-next, .slider .owl-nav button.owl-prev { bottom: 27px; left: calc(50% - 579px); z-index: 3 } .slider .owl-nav button.owl-next { left: auto; right: calc(50% - 579px) } .slider__text, .slider__title { margin-left: 40px } #about-carousel { width: 370px } .about-page__production { padding: 20px 20px 0 } .about-page__production .item { max-height: 269px } .about-page__production .owl-nav button.owl-prev { left: -26px } .about-page__production .owl-nav button.owl-next { right: -26px } .about-page__production .owl-dots { flex-wrap: wrap } .product-similar { padding: 50px 15px 31px } .product-similar .item-img { height: 295px } .product-similar .owl-nav button.owl-next { right: -24px } .product-similar .owl-nav button.owl-prev { left: -24px } }