body, html { padding: 0; margin: 0; background: #fff; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 20px } * { box-sizing: border-box; outline: 0 } .h1, h1 { font-weight: 400!important; text-transform: uppercase; color: #9d8d85; letter-spacing: 2px; font-size: 26px; line-height: 36px; margin: 0!important; } .h2, h2 { font-weight: 400; text-transform: uppercase; margin: 30px 0 15px; font-size: 18px; color: #9d8d85; letter-spacing: 1px; line-height: 32px } .h2:first-child, h2:first-child { margin-top: 0 } .h3 { font-size: 1.17em; font-weight: 700 } #order_form_content h3 { font-weight: 400; margin: 30px 0 15px; font-size: 14px; color: #9d8d85; line-height: 20px } .ajax__amount h3 { font-weight: 400; margin: 20px 0 15px; font-size: 14px; color: #9d8d85; line-height: 20px } a { color: #666 } a:hover { color: #c1af89 } [data-register-fancybox], [data-subscribe-fancybox] { display: none; padding: 0 } .footer img, .main-top img, .wrap img { max-width: 100% } .header { height: 117px; background: #fff; z-index: 10 } .header:hover { z-index: 20 } .header--opacity { background: rgba(255, 255, 255, .95); box-shadow: 5px 5px 15px rgba(0, 0, 0, .05) } .wrap { max-width: 1474px; margin: 0 auto; padding: 0 20px; position: relative } .content { background: #fff; min-height: 500px; position: relative; z-index: 15 } .content--inner { margin-top: 0 } .main-top .header { position: fixed; top: 0; left: 0; right: 0; transition: .3s all; z-index: 20 } .main-top .promos { position: fixed; top: 117px; left: 0; right: 0; transition: .3s all } .main-top .promo { line-height: 0 } .main-top--inner .header { z-index: 20 } .main-top--inner .promos { position: relative } .bx-controls-direction a { display: block; position: absolute; z-index: 3; top: 50%; margin-top: -30px; width: 60px; height: 60px; overflow: hidden; text-indent: 60px; transition: .3s all } .bx-controls-direction a.bx-prev { left: 22px; background: rgba(0, 0, 0, .2) url('/local/templates/mreason/images/icon-left.svg') no-repeat center center !important; transition: background-color } .bx-controls-direction a.bx-next { right: 22px; background: rgba(0, 0, 0, .2) url('/local/templates/mreason/images/icon-right.svg') no-repeat center center !important; transition: background-color } .bx-controls-direction a:hover { background-color: rgba(0, 0, 0, .4) !important } .bx-pager { position: absolute; width: 150px; left: 50%; margin-left: -75px; bottom: 20px } .main-top { height: 720px } .main-top--inner { height: 117px } .promo img { width: 100% } .logo { transition: .3s all; width: 250px; height: 15px; position: absolute; left: 50%; margin-left: -125px; top: 40px; background: url('/local/templates/mreason/images/logo-mreason.svg') no-repeat center center; background-size: contain } .header__contacts { position: absolute; right: 20px; top: 15px; font-size: 13px; line-height: 20px; color: #666; transition: .3s all } .header__contacts a { display: inline-block; text-decoration: none; margin-left: 20px } .header__contacts a:hover { color: #9d8d85 } .header__search { position: absolute; left: 20px; top: 45px } .search__input { width: 110px; font-family: 'Open Sans', Arial, sans-serif; padding: 8px 18px 8px 0; font-size: 13px; color: #9d8d85; border: none; border-bottom: solid 1px #9d8d85; background: no-repeat transparent url('/local/templates/mreason/images/icon-search.svg') right center } .search__input:active, .search__input:focus { outline: 0 } .search__button { display: none } .menu { position: absolute; top: 74px; left: 0; right: 0; height: 43px; list-style: none; text-align: center; margin: 0; padding: 0; transition: .3s all } .mobile-menu { position: fixed; top: 0; right: 100%; width: 250px; margin-right: 40px; bottom: 0; transition: .5s all; background: #fff; z-index: 40; box-shadow: 0 0 39px -15px #b3b1b3 } .menu__trigger { opacity: 0; display: none; position: absolute; width: 30px; height: 30px; background: #fff url('/local/templates/mreason/images/icon-menu.svg') no-repeat center center; cursor: pointer; outline: 0; right: -85px; top: 19px; transition: .5s all } .menued .mobile-menu { margin-right: -250px } .menued .menu__trigger { right: -45px } .menued { overflow: hidden } .overlay { display: none; position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 1; cursor: pointer; z-index: 30 } .mobile-menu ul { margin: 0; padding: 0; max-height: 100%; overflow: auto } .mobile-menu ul a { display: block; text-decoration: none; text-transform: uppercase; color: #666; letter-spacing: 1px; font-size: 16px; line-height: 20px; padding: 20px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left; margin-top: -1px } ul.mobile-submenu a { padding: 15px 15px 15px 30px; font-size: 14px; line-height: 18px } .scroll-first .header { height: 74px; box-shadow: 0 2px 39px -15px #b3b1b3 } .scroll-first .menu { height: 0; padding: 0 } .scroll-first .main-top .promos { top: 74px } .scroll-first .logo { top: 30px } .scroll-first .menu__trigger { opacity: 1; display: block } .scroll-first .header__tinymenu { left: 60px; top: 21px } .menu__item { margin: 0; line-height: 13px; padding: 0; display: inline-block; vertical-align: top; text-transform: uppercase; position: relative } .header__personal a, .menu__item a { font-size: 13px; display: inline-block; vertical-align: top; color: #999; text-decoration: none; line-height: 13px; padding: 14px 19px; border: solid 1px transparent } .header__personal a:hover, .menu__item a:hover { color: #c1af89; border: 0 } .menu__item a:hover { color: #333 } .header__tinymenu { position: absolute; left: 20px; top: 13px; transition: .3s all } .header__tinymenu .menu__item { text-transform: none; margin: 0 26px 0 0; line-height: 20px; height: auto; display: inline-block; padding: 0 } .header__personal a, .header__tinymenu .menu__item a { line-height: 20px; padding: 0; max-width: 90px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .header__personal { position: absolute; top: 55px; right: 20px; color: #ccc; z-index: 21; padding-left: 20px } .menu__item--parent:hover > a { background: #fff; border: solid 1px #f5f3f1; border-bottom: none; z-index: 12; position: relative; color: #333 } .menu__item--selected > a { color: #333 } .menu__item--sale > a { color: #d0021b !important } .section--red { color: #d0021b !important } .section--red.section--active { color: #fff !important } .section.first { margin-top: 30px } .section--active.section--title { font-weight: 700 } .submenu { display: none; background: #fff; text-align: left; z-index: 11; position: absolute; border: solid 1px #f5f3f1; top: 100%; left: 0; padding: 0; margin: -1px 0 0 0; list-style: none; min-width: 120px } .menu__item--parent:hover .submenu { display: block } .submenu__item { margin: 0; padding: 0; display: block } .submenu__item a { display: block; padding: 10px 18px; white-space: nowrap } .submenu__item a:hover { color: #333 } .instagram { background: #f5f5f5; padding: 40px 0 75px; margin-top: 20px } .instagram-light { background: #fff } .main-widget { float: left } .main-widget--100 { float: none; width: 100% } .main-widget--50 { width: 50% } .main-widget--33 { width: 33.33333% } .main-widget--25 { width: 25% } .main-widget--20 { width: 20% } .widget { text-decoration: none; margin: 10px; position: relative; display: inline-block; vertical-align: top; width: auto; overflow: hidden } .main-widget--100 .widget { width: 100%; padding-right: 20px } .widget-video { display: block } .widget-scale img { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out } .widget img { width: 100% } .widget-scale:hover img { transform: scale(1.1) } .widget video { width: 100%; height: auto; object-fit: fill } .clear { clear: both; display: block } .widget-content { display: block; position: static; text-align: center } .widget-text { display: block; max-width: 435px; margin: 0 auto; padding: 5% 0 3% } .widget-title { display: block; font-size: 23px; color: #9d8d85; letter-spacing: 0; margin: 10px 0; text-transform: uppercase; line-height: 1.2em } .widget-line { display: block; width: 94px; height: 1px; font-size: 1px; line-height: 1px; background-color: #a4958d; margin: 25px auto 25px } .widget-desc { display: block; color: #666; font-size: 13px; line-height: 140%; text-transform: none; margin: 0 0 10px 0 } .button, .button--back { width: auto; float: none; text-transform: uppercase; display: inline-block; margin: 10px auto 0 auto; padding: 0 5%; letter-spacing: .5px; border: 1px solid #c1af89; font-size: 10px; color: #c1af89; min-width: 120px; cursor: pointer; height: 36px; line-height: 33px; text-decoration: none; background: 0 0; -moz-appearance: none; -webkit-appearance: none; transition: .2s all } .button.has-text-centered { text-align: center } .button:hover { color: #fff; background-color: #c1af89 } .button--sms { margin-top: 1px; height: 35px; text-align: center } .button--sms #loader { top: 4px } .button--shops { display: block; background: #c1af89; border: solid 1px #c1af89; height: auto; padding: 9px 0; text-align: center; font-size: 13px; color: #fff; letter-spacing: 0; margin: 20px 0 0 0; line-height: 19px } .button--shops:hover { border: solid 1px #c1af89; background: #fff; color: #c1af89 } .button--empty { display: block; background: #fff; border: solid 1px #c1af89; height: auto; padding: 9px 0; text-align: center; font-size: 13px; color: #c1af89; letter-spacing: 0; margin: 20px 0 0 0; line-height: 19px } .button--empty:hover { border: solid 1px #c1af89; background: #c1af89; color: #fff } .button--golden { display: block; background: #c1af89; border: solid 1px #c1af89; height: auto; padding: 9px 0; text-align: center; font-size: 13px; color: #fff; letter-spacing: 0; margin: 20px 0 0 0; line-height: 19px } .button--golden:hover { border: solid 1px #c1af89; background: #fff; color: #c1af89 } .button--golden[disabled] { opacity: .6; pointer-events: none } .button--order { padding: 9px 30px } .button--soon { display: block; background: #c1af89; border: solid 1px #c1af89; height: auto; padding: 9px 0; text-align: center; font-size: 13px; color: #fff; letter-spacing: 0; margin: 20px 0 0 0; line-height: 19px } .button--soon span { display: inline-block; background: no-repeat url('/local/templates/mreason/images/icon-bag.svg') left center; line-height: 20px; padding: 0 0 0 25px } .button--soon:hover { border: solid 1px #c1af89; background: #fff; color: #c1af89 } .button--soon:hover span { background: no-repeat url('/local/templates/mreason/images/icon-bag-h.svg') left center } .button--block { display: block; text-align: center } .button--opacity { background-color: rgba(255, 255, 255, .9) } .button--gold { background: #c0af89; color: #fff } .button--gold:hover { background: #fff; color: #c0af89 } .button--medium { font-size: 13px } .button--look { margin-right: 10px } .widget-pic { line-height: 0 } .widget-content--full { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .widget-content--full .widget-text { position: absolute; bottom: 15%; left: 25%; right: 25%; padding: 3% 3%; background: rgba(255, 255, 255, .9) } .widget-content--full .widget-desc { margin: 20px 0; font-size: 13px; line-height: 19px; color: #999 } .widget-content--all { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dcd1cc; text-align: center } .widget-content--all .widget-text { padding: 7%; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 0 } .widget-content--all .widget-subtitle { margin-bottom: 8%; font-size: 13px; text-transform: uppercase; color: #9d8d85; line-height: 18px } .widget-content--all .widget-title { margin: 30px 0 60px } .instagram { text-align: center } .instagram-pics { margin: 20px 0 0 0 } .instagram-pic { display: inline-block; padding: 10px; width: 16%; line-height: 0; background: no-repeat center center; background-size: contain } .instagram__title { font-size: 28px; color: #9d8d85; letter-spacing: 0; margin: 0 0 20px 0 } .instagram__link { font-size: 10px; text-transform: uppercase; color: #9d8d85; text-decoration: none; letter-spacing: 0 } .footer { position: relative; z-index: 2; padding: 40px 0 10px 0; background: #fff; border-top: solid 1px #e6e6e6 } .footer a { color: #999 } .footer a:hover { color: #333 } .footer__left { float: left; font-size: 13px; line-height: 16px; color: #706868 } .footer__left span { line-height: 16px; display: inline-block; vertical-align: middle } .footer__right { margin-right: 10px; float: right; width: 50px } .footer__column-title { font-size: 14px; color: #9d8d85; margin: 0 0 30px 0 } .footer__column { float: left; margin: 0 0 50px 0 } .footer__column--1 { margin-right: 50px } .footer__column--right { float: right; margin: 0 10px 0 0 } .footer__column ul { list-style: none; margin: 0; padding: 0 } .footer__column li { margin: 0 0 6px 0; padding: 0 } .footer__column li a { font-size: 13px; color: #999; text-decoration: none } .subscribe { margin: 0 0 30px 0 } .subscribe label { display: block; font-size: 12px; color: #999 } .subscribe__labels { margin-top: 10px } .subscribe__button { transition: .3s all; cursor: pointer; height: 35px; background: #f8f8f8; border: 1px solid #e5e5e5; border-left: 0; padding: 0 15px; border-radius: 0; font-size: 12px; color: #9d8d85; vertical-align: top } .subscribe__button:hover { background: #e5e5e5; color: #333 } .subscribe__input { vertical-align: top; width: 250px; padding: 0 15px; height: 35px; outline: 0; line-height: 15px; box-sizing: border-box; border: solid 1px #e5e5e5; border-radius: 0; box-shadow: none } .subscribe__input:active, .subscribe__input:focus { outline: 0 } .social { margin: 0 10px 0 0; opacity: .5; display: inline-block; background: no-repeat center center; background-size: contain; vertical-align: middle } .social:hover { opacity: 1 } .social--fb { width: 21px; height: 21px; background-image: url('/local/templates/mreason/images/icon-fb.svg') } .social--vk { width: 21px; height: 21px; background-image: url('/local/templates/mreason/images/icon-vk.svg') } .social--tg { width: 21px; height: 21px; background-image: url('/local/templates/mreason/images/icon-telega.svg') } .social--ig { width: 21px; height: 21px; background-image: url('/local/templates/mreason/images/icon-ig.svg') } .social--ok { width: 11px; height: 18px; background-image: url('/local/templates/mreason/images/icon-ok.svg') } .mobile-only { display: none } .catalog__pic { height: 160px; background: no-repeat center center; background-size: cover; margin: 0 0 30px 0 } .breadcrumbs { font-size: 13px; color: #9b9b9b; letter-spacing: 0; line-height: 19px; margin: 25px 0 25px 0 } .catalog__detail .breadcrumbs { padding: 0 } .breadcrumb span { color: #333 } .breadcrumbs a { text-decoration: none } .breadcrumbs a span { color: #9b9b9b } .breadcrumbs a:hover span { color: #333 } .breadcrumb { display: inline-block } .catalog { position: relative; margin: 0 0 40px 0; min-height: 520px } .catalog--inner { margin-top: 20px } .catalog__left { float: left; width: 25%; padding: 0 50px 70px 0; position: relative } .fixed-top { position: fixed; top: 120px; width: 20%; width: calc((100% - 40px) / 4); max-width: 368px } .catalog__left.absolute-bottom + .catalog__right, .catalog__left.fixed-top + .catalog__right { margin-left: 25% } .fixed-bottom { position: fixed; bottom: 0; width: 20%; width: calc((100% - 40px) / 4); max-width: 368px } .absolute-bottom { position: absolute; bottom: 0 } .catalog__right { float: right; width: 75%; margin: 0 0 -40px 0; min-height: 350px } .catalog__right--tiny { float: left; max-width: 800px } .catalog__right h1 { margin-top: -5px } .sections { list-style: none; margin: 0; padding: 0 } .section { display: inline-block; font-size: 13px; color: #9b9b9b; letter-spacing: 0; padding: 5px 0; line-height: 19px; text-decoration: none } .section--clear { width: 21px; height: 21px; text-align: center } .section--title { text-transform: uppercase; color: #9d8d85; margin-top: 30px } .section--title.section--active { color: #9d8d85 } .section--title.additional { margin-top: 10px } .section--title.additional-first { margin-top: 30px } li:first-child .section--title { margin-top: 0 } a.section:hover { color: #000 } .section--active { color: #000 } .sections ul { list-style: none; margin: 0 0 10px 10px; padding: 0 } .items { margin: 0 -1% } .item { width: 31.33%; margin: 0 1% 50px 1%; display: inline-block; vertical-align: top; background: #fff; position: relative } .items--by-4 .item { width: 23%; margin: 0 1% 50px 1% } .items--by-4 .item--last { margin-right: 0 } .item__pic .item-pic-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; z-index: 2; transition: .5s opacity; -webkit-transition: .5s opacity } .item__pic:hover .item-pic-second { opacity: 1 } .item__link { text-decoration: none; font-size: 13px; color: #9b9b9b; display: block } .item:hover .item__link { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .07); color: #9b9b9b; z-index: 101 } .item__pic { display: block; line-height: 0 } .item__pic img { width: 100% } .item__info { transition: .3s all; display: block; padding: 15px 13px 15px 15px; background: #fff; border: 1px solid #fff; border-top: none; text-decoration: none } .item__container { text-decoration: none } .item__container:hover { color: #666 } .item:hover .item__info { border-color: #e4e4e4 } .item-a .item__link { position: absolute; left: 0; top: 0; right: 0 } .item__adds { display: none; margin: 10px 0 0 0 } .item-a:hover .item__adds { display: block } .item__add-label { display: inline-block; margin: 0 3px 0 0; line-height: 30px } .item__add-value { display: inline-block; line-height: 28px; min-width: 30px; padding: 0 5px; border: solid 1px #ccc; margin: 2px; text-align: center; position: relative; vertical-align: middle; text-decoration: none } .item__inner { position: relative; display: block } .item__name { transition: .3s all; text-transform: uppercase; font-size: 13px; color: #4a4a4a; letter-spacing: 0; display: block; margin: 0 0 10px 0; line-height: 19px; text-decoration: none; width: calc(100% - 25px) } .item:hover .item__name { color: #a09189 } .price-discount { font-size: 11px; color: #9b9b9b; letter-spacing: 0; line-height: 15px; display: block; margin: 0 0 5px 0 } .price-discount span { text-decoration: line-through; display: inline-block } .price-value { display: block; font-size: 13px; color: #4a4a4a; letter-spacing: 0; line-height: 19px } .price-value--red { color: #990012 } .detail__sizes-error { margin: 10px 0 0 0; color: #d0021b } .look__sizes-error { color: #d0021b } .detail__left { float: left; width: 71%; margin: 0 } .detail__right { float: right; width: 22%; letter-spacing: 0; color: #666; font-size: 13px; line-height: 19px } .detail__right h1 { margin: 0 0 15px 0; font-size: 16px; line-height: 24px; letter-spacing: 1px } .with-zoom { overflow: hidden; position: relative } .detail__photo { float: left; width: 48%; margin: 0 19px 14px 0; position: relative } .with-zoom:before { display: block; content: ""; position: absolute; transition: .3s all; top: -40px; height: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); left: 0; right: 0 } .with-zoom:after { display: block; background: url('/local/templates/mreason/images/icon-plus-button.svg') no-repeat left center; padding: 0 0 0 22px; text-transform: uppercase; content: "увеличить"; font-size: 13px; position: absolute; transition: .3s all; top: -40px; height: 40px; line-height: 40px; left: 15px; color: #fff } .with-zoom:hover:before { top: 0 } .with-zoom:hover:after { top: 0 } .detail__photo img { width: 100% } .detail__photo--last { margin-right: 0 } .detail__articul { margin: 0 0 20px 0; font-size: 13px; color: #9b9b9b; line-height: 19px } .detail__price { margin: 20px 0 0 0; padding: 0 0 20px 0; border-bottom: solid 1px #e4e4e4 } .detail__right .price-value { font-size: 15px } .detail__detail { margin: 30px 0 0 0 } .detail__detail-title { font-weight: 700; font-size: 15px; color: #666; margin: 0 0 10px 0; letter-spacing: 0; line-height: 21px } .detail__share { margin: 0 0 30px 0; padding: 20px 0 0 0 } .detail__share a, .detail__share span { display: inline-block; vertical-align: middle } .detail__share span { margin: 0 20px 0 0 } .detail__contact { padding: 30px 0; border-top: solid 1px #e4e4e4; display: none } .wa-link { line-height: 30px; padding-left: 40px; background: url('/local/templates/mreason/images/whatsapp.svg') 0 0 no-repeat; background-size: 30px; display: block; font-size: 14px; color: #c1af89; text-decoration: none } .detail__sizes, .detail__stores { display: block; margin: 20px 0 5px 0 } .detail__sizes-label, .detail__stores-label { display: block; font-size: 13px; text-transform: uppercase; color: #9b9b9b; letter-spacing: 0; line-height: 19px; margin: 0 0 10px 0 } .detail__size, .detail__size__look { cursor: pointer; vertical-align: middle; position: relative; min-width: 30px; padding: 0 5px; line-height: 28px; border: solid 1px #ccc; text-align: center; color: #9b9b9b; display: inline-block; margin: 0 10px 10px 0 } .detail__sizes-holder { padding-bottom: 10px } #delivery, #shops { display: none; width: 960px } #delivery h1, #shops h1 { margin: 0 0 20px 0 } .catalog__right h1 { margin: 0 0 15px 0 } .stocks { border-collapse: collapse; width: 100%; margin: 20px 0 0 0 } .stocks tr th { border-bottom: solid 1px #e4e4e4; padding: 10px 20px 10px 0; text-align: left; font-size: 13px; font-weight: 400; color: #9b9b9b; letter-spacing: 0; line-height: 19px } .stocks tr td { border-bottom: solid 1px #e4e4e4; padding: 15px 20px 15px 0; font-size: 15px; color: #666; line-height: 21px } .stocks tr:last-child td { border: none } .stock__title { font-weight: 700; margin: 0 0 5px 0 } .stock__address { margin: 0 0 5px 0 } .stock__worktime { font-size: 13px; color: #9b9b9b; letter-spacing: 0; line-height: 19px } .stock__balance { border-bottom: dashed 1px #9b9b9b; position: relative } .stock__balance:before { content: attr(data-title); display: none; position: absolute; right: 0; top: 110%; padding: 2px 6px; background: #9b9b9b; color: #fff; white-space: nowrap; font-size: 13px } .stock__balance:hover:before { display: block } .stock__info { width: 600px } .stock__type { font-weight: 400; display: inline-block; margin-left: 10px; border-radius: 13px; border: solid 1px #e4e4e4; line-height: 26px; padding: 0 10px } .stock__type--1 { padding-left: 50px; background: url('/local/templates/mreason/images/logo-tiny.svg') no-repeat 10px center; background-size: auto 13px } .stocks-attension { margin: 30px 0; background: #c1af89; padding: 5px 10px; color: #fff; text-align: center; font-size: 15px; line-height: 20px } .table { border-collapse: collapse } .table tr th { border-bottom: solid 1px #e4e4e4; padding: 10px 20px 10px 0; text-align: left; font-size: 13px; font-weight: 400; color: #9b9b9b; letter-spacing: 0; line-height: 19px } .table tr td { border-bottom: solid 1px #e4e4e4; padding: 5px 10px; color: #666 } .table tr:last-child td { border: none } .viewed { padding: 20px 0; border-top: 1px solid #e4e4e4; position: relative } .viewed .h3, .viewed h3 { font-size: 16px; color: #9d8d85; font-weight: 400; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: 1px; line-height: 32px } .viewed-item { float: left; text-decoration: none; color: #4a4a4a } .viewed-item:hover { color: #9d8d85 } .viewed-item--last { margin-right: 0 } .viewed-item__pic img { max-width: 100% } .viewed-item__name { display: block; text-transform: uppercase; padding: 10px 10px 5px 10px; font-size: 13px; letter-spacing: 0; line-height: 19px } .viewed-item__price { display: block; padding: 0 10px 10px 10px } .viewed .owl-dots { position: absolute; right: 0; top: -40px; line-height: 10px; height: 10px } .viewed .owl-dot { line-height: 10px; height: 10px; width: 10px; display: inline-block; margin: 0 0 0 10px; border-radius: 50%; background: #fff; border: solid 1px #ccc } .viewed .owl-dot.active { background: #c1af89; border: solid 1px #c1af89 } .viewed .owl-nav div { cursor: pointer; display: block; position: absolute; z-index: 3; top: 100px; width: 60px; height: 60px; overflow: hidden; text-indent: 60px; transition: .3s all; z-index: 10 } .viewed .owl-nav div.owl-prev { left: 0; background: rgba(0, 0, 0, .2) url('/local/templates/mreason/images/icon-left.svg') no-repeat center center !important } .viewed .owl-nav div.owl-next { right: 0; background: rgba(0, 0, 0, .2) url('/local/templates/mreason/images/icon-right.svg') no-repeat center center !important } .viewed .owl-nav div.disabled { opacity: 0 } .viewed .owl-nav div:hover { background-color: rgba(0, 0, 0, .4) !important } .fancybox-close-small { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: 0; background: 0 0; z-index: 10; cursor: pointer } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 34px; height: 34px; font: 34px/34px 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; color: #555; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2 } .fancybox-close-small:hover:after { color: #000; background: #fff } .detail__size.disable, .detail__size__look.disable, .item__add-value.disable { color: #e4e4e4; border-color: #e4e4e4; overflow: hidden } .detail__size:not(.disable):not(.selected):hover, .detail__size__look:not(.disable):not(.selected):hover, .item__add-value:not(.disable):not(.selected):hover { color: #333; border-color: #333; overflow: hidden } .detail__size.selected, .detail__size__look.selected, .item__add-value.selected { color: #fff; background: #c1af89; border-color: #c1af89; overflow: hidden } .detail__size--12.selected { border: solid 1px #ccc; color: #9b9b9b; background: #fff; cursor: default } .amount__offer.disable:before, .detail__size.disable:before, .detail__size__look.disable:before, .item__add-value.disable:before { height: 1px; width: 200px; position: absolute; background: #e4e4e4; top: 50%; left: 50%; margin-left: -100px; content: ""; display: block; transform: rotate(-45deg) } .button.loading { opacity: .5 } .catalog__right-filter { margin: 0 0 15px 0; float: left } .catalog__right-sort { margin: 0 0 15px 0; min-height: 25px; float: right } .size-table-link { text-decoration: none } #size-table { display: none } .stocks__cities { width: 374px; max-width: 100%; margin: 0 0 10px 0 } .lookbook { padding: 20px 20px; border-top: solid 1px #e4e4e4 } .lookbook__left { display: none } .lookbook__right { text-align: center } .lookbook__right h1, .lookbook__title { font-weight: 400; text-transform: uppercase; font-size: 24px; text-decoration: none; color: #9d8d85; letter-spacing: 2px; line-height: 40px; margin: 5px 0; display: block } .lookbook__desc { color: #666; font-size: 13px; line-height: 19px; max-width: 700px; margin: 0 auto } .lookbook__gallery { border-top: solid 1px #e4e4e4; padding: 40px 0 20px; margin: 0 -1% } .lookbook__photo { display: inline-block; width: 31.333%; vertical-align: top; margin: 0 1% 20px 1% } .lookbook__photo img { width: 100% } .list-lookbooks { margin: 20px 0 70px 0 } .list-lookbook { display: inline-block; width: 32%; position: relative; vertical-align: top; margin: 0 2% 70px 0; min-height: 320px } .list-lookbook img { width: 100% } .list-lookbook.last { margin-right: 0 } .list-lookbook__info { position: absolute; bottom: 40px; left: 40px; right: 40px; background: rgba(255, 255, 255, .9); padding: 20px; text-align: center } .list-lookbook__title { display: block; color: #9d8d85; font-size: 18px; line-height: 32px; text-decoration: none; margin: 0 0 10px 0; text-transform: uppercase } .list-lookbook__subtitle { font-size: 12px; line-height: 20px; color: #999; margin: 0 0 10px 0 } .flag { vertical-align: middle; width: 15px; height: 11px; display: inline-block; background: url('/local/templates/mreason/images/flag-ru.png') no-repeat center center; background-size: 15px 11px; margin: 0 0 0 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .flag--ru { background-image: url('/local/templates/mreason/images/flag-rf.png') } .flag--gb { background-image: url('/local/templates/mreason/images/flag-gb.png') } .fancybox-bg { background: rgba(0, 0, 0, .8) } .shops-top { margin: 30px 0 50px; background: #f7f7f7 } .shops-top__slider { width: 50%; float: left } .shops-top__text { width: 50%; float: left; padding: 30px 70px 20px 70px; font-size: 13px; color: #666; letter-spacing: 0; line-height: 25px } .shops-slider .owl-nav div { cursor: pointer; display: block; position: absolute; z-index: 3; top: 50%; margin-top: -30px; width: 60px; height: 60px; overflow: hidden; text-indent: 60px; transition: .3s all; z-index: 10 } .shops-slider .owl-nav div.owl-prev { left: 0; background: rgba(0, 0, 0, .5) url('/local/templates/mreason/images/icon-left.svg') no-repeat center center !important } .shops-slider .owl-nav div.owl-next { right: 0; background: rgba(0, 0, 0, .5) url('/local/templates/mreason/images/icon-right.svg') no-repeat center center !important } .shops-slider .owl-nav div.disabled { opacity: 0 } .shops-slider .owl-nav div:hover { background-color: rgba(0, 0, 0, .75) !important } .detail__gallery .owl-nav div { cursor: pointer; display: block; position: absolute; z-index: 3; top: 50%; margin-top: -30px; width: 60px; height: 60px; overflow: hidden; text-indent: 60px; transition: .3s all; z-index: 10 } .detail__gallery .owl-nav div.owl-prev { left: 0; background: rgba(0, 0, 0, .5) url('/local/templates/mreason/images/icon-left.svg') no-repeat center center !important } .detail__gallery .owl-nav div.owl-next { right: 0; background: rgba(0, 0, 0, .5) url('/local/templates/mreason/images/icon-right.svg') no-repeat center center !important } .detail__gallery .owl-nav div.disabled { opacity: 0 } .detail__gallery .owl-nav div:hover { background-color: rgba(0, 0, 0, .75) !important } .shops-list { margin: 20px 0 60px 0 } #shops-map { height: 400px; margin: 20px 0 } .shops-slider { margin: 20px 0 0 0 } .contact { background: #f7f7f7 no-repeat center center; min-height: 210px; display: inline-block; position: relative; vertical-align: top; width: 32%; margin: 0 2% 20px 0; padding: 15px 20px; font-size: 13px; line-height: 20px; color: #666 } .contact--shops { text-align: center; text-decoration: none; padding-top: 100px; background: #f7f7f7 url('/local/templates/mreason/images/icon-place-phone.svg') no-repeat center 45px } .contact--online { text-align: center; text-decoration: none; padding-top: 100px; background: #f7f7f7 url('/local/templates/mreason/images/icon-contacts-cart.svg') no-repeat center 60px } .contact--shops:hover { color: #fff; background-color: #9d8d85; background-image: url('/local/templates/mreason/images/icon-place-phone-w.svg') } .contact--shops:hover .button { background: #9d8d85; border-color: #fff !important; color: #fff !important } .contact:nth-child(3n) { margin-right: 0 } .contact__title { font-size: 15px; letter-spacing: 0; line-height: 21px; margin: 0 0 15px 0 } .contact__prop { padding: 0 0 0 25px; margin: 0 0 20px 0; background: no-repeat left 5px; display: inline-block } .contact__prop:last-child { margin: 0 } .contact__prop--address { background-image: url('/local/templates/mreason/images/icon-place.svg'); line-height: 26px } .contact__prop--phones { background-image: url('/local/templates/mreason/images/icon-phone.svg') } .contact__prop--phones a { text-decoration: none } .contact__prop--email { background-image: url('/local/templates/mreason/images/icon-mail.svg') } .contact__prop--chat { background-image: url('/local/templates/mreason/images/icon-chat.svg'); background-size: 15px auto } .feedback { margin: 0 0 60px 0 } .fancybox-content .feedback { margin: 0 } .feedback__left { float: left; width: 43% } .feedback__right { float: right; width: 54% } .feedback__input { margin: 0 0 10px 0 } .feedback__input input, .feedback__input select, .feedback__input textarea, .input, .select, .textarea { border: 1px solid #dbdbdb; background: #fff; padding: 5px 15px; width: 100%; height: 36px; font-size: 13px; color: #333 } .input--error { border: solid 1px red } .animation { animation: error_animation .5s linear } .error { color: red; margin: 10px 0 0 0 } .feedback__input textarea, .textarea { height: 130px; padding: 10px 15px; min-height: 130px; max-height: 130px } .feedback__input input:focus, .feedback__input textarea:focus, .input:focus, .textarea:focus { border-color: #aaa } .feedback__input .adm-fileinput-area { padding: 20px 0 } .feedback__input .adm-fileinput-drag-area { border: none; background: #f7f7f7 } .feedback__input .adm-fileinput-drag-area-hint { font-size: 13px; font-weight: 400; color: #9b9b9b; max-width: 270px; margin: 0 auto; padding: 0 0 0 65px; letter-spacing: 0; text-align: left; min-height: 34px; background: no-repeat url('/local/templates/mreason/images/icon-upload.svg') left center } .feedback__input .adm-fileinput-mode { display: none } .feedback__bottom { margin: 10px 0; font-size: 13px; color: #9b9b9b; line-height: 19px; letter-spacing: 0 } .feedback__success { margin: 20px 0; font-size: 13px; color: #9b9b9b; line-height: 19px; display: none } .feedback__right .adm-fileinput-area-container { display: block } .job__date { width: 32%; float: left; margin-right: 2% } .job__date:nth-child(3n) { margin-right: 0 } div.adm-fileinput-item { box-sizing: content-box } .business-top { padding: 100px 0; text-align: center; background: url('/local/templates/mreason/images/business/business-back.jpg') no-repeat center center; background-size: cover } .business-top h1 { font-size: 28px; color: #fff; letter-spacing: 2px; line-height: 40px } .business { font-size: 13px; line-height: 21px; color: #666 } .business-text { padding: 50px 0; border-bottom: solid 1px #e6e6e6; display: none } .business-text__inner { max-width: 600px; text-align: center; margin: 0 auto } .business-block { margin: 50px 0 } .business-block:after { content: ""; display: block; clear: both } .business-block__pic { width: 50%; float: left; line-height: 0 } .business-block__pic img { width: 100% } .business-block__text { width: 50%; float: right; padding: 30px 50px } .business-block--t-p .business-block__pic { float: right } .business-block--t-p .business-block__text { float: left } .business__feedback { border-top: solid 1px #e6e6e6; padding: 0 50px } .search__result { margin: 30px 0 20px 0; padding: 10px 0; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; font-size: 13px; color: #666; line-height: 19px; text-transform: uppercase } .modern-page-navigation { font-size: 13px; margin: 30px 0; position: relative; z-index: 1000 } .offer { max-width: 800px; margin: 0 0 60px 0; font-size: 13px } .offer__level { margin-left: 20px } .detail__gallery { display: none !important } .detail__gallery-item { display: block; line-height: 0 } .mobile-submenu { display: none } .mobile-menu__item--selected .mobile-submenu { display: block } .mobile-menu__item--parent > a { position: relative } .mobile-menu__item--parent > a:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #9d8d85 transparent transparent transparent; position: absolute; right: 15px; top: 50%; margin-top: -2px } .mobile-menu__item--parent.mobile-menu__item--selected > a:before { border-width: 0 4px 5px 4px; border-color: transparent transparent #9d8d85 transparent } .mobile-menu__search { background: #9d8d85; padding: 15px } .mobile-menu__search input { width: 100%; font-size: 14px; padding: 5px; border: none; background: no-repeat #fff url('/local/templates/mreason/images/icon-search.svg') 95% center } .bx-authform { border: solid 1px #9d8d85; width: 460px; padding: 40px 60px; position: relative; margin: 100px auto 50px } .fancybox-inner .bx-authform { border: none } .bx-authform a { text-decoration: none; color: #aaa } .bx-authform a:hover { color: #c1af89 } .bx-authform-label { display: block; color: #aaa; margin: 10px 0 5px } .bx-authform-formgroup-container { margin: 20px 0 } .bx-authform-formgroup-container:last-child { margin-bottom: 0 } .bx-auth__right-link { position: absolute; top: 50px; right: 60px } .bx-authform .alert { margin: 20px 0 } .bx-authform .alert-danger { color: #8b0000 } .bx-authform__forget { float: right; margin: 17px 0 0 0 } #subscribe-final { display: none; max-width: 400px } .page-404 { max-width: 285px; margin: 60px auto 40px; text-align: center; padding: 75px 0 0 0; background: url('/local/templates/mreason/images/icon-404.svg') no-repeat center top } .page-unsubscribe { max-width: 285px; margin: 60px auto 40px; text-align: center; padding: 75px 0 0 0; background: url('/local/templates/mreason/images/unsubscribe.svg') no-repeat center top } .map-columns { width: 100%; max-width: 800px; margin: 30px 0 100px } .map-columns a { text-decoration: none } .map-level-0 { list-style: none; padding: 0 } .blog-items { max-width: 800px; margin: 0 0 60px 0 } .blog-detail { max-width: 800px } .blog-item { margin: 0; padding: 25px 0; border-bottom: solid 1px #e4e4e4 } .blog-item:last-child { border: none } .blog-detail__date, .blog-item__date { color: #9b9b9b } .blog-detail__back { color: #9b9b9b; text-decoration: none } .blog-item__title { color: #9d8d85; text-transform: uppercase; line-height: 19px; display: block; text-decoration: none; margin: 5px 0 10px 0 } .detail__props { padding: 10px 0 30px 0; border-bottom: solid 1px #e4e4e4 } .detail__prop { margin: 20px 0 0 0 } .detail__prop:after { display: block; clear: both; content: "" } .detail__prop-title { width: 130px; display: inline-block; vertical-align: top; font-size: 13px; color: #9b9b9b; margin: 0 0 10px 0 } .detail__prop-value { max-width: 285px; display: inline-block; vertical-align: top } .detail__prop-large { max-width: initial; width: 100% } .detail__prop-value--cares { position: relative; display: inline-block } .detail-care { cursor: pointer; display: inline-block; background: no-repeat center center; vertical-align: middle; margin: -5px 10px 10px 0 } .detail-care:last-child { margin-right: 0 } .detail-care__popup { margin-top: -10px; min-width: 160px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); z-index: 100; position: absolute; top: 100%; left: 0; right: 0; display: none; padding: 10px; background: #fff; border: solid 1px #f5f5f5; font-size: 12px; line-height: 16px } .detail__prop-value--cares:hover .detail-care img { opacity: .5; transition: .3s opacity } .detail__prop-value--cares:hover .detail-care:hover img { opacity: 1 } .detail-care:hover .detail-care__popup { display: block } .header__cart { z-index: 12; display: block; top: 45px; right: 220px; position: absolute } .header__cart:hover { z-index: 20 } .header__favorite { position: absolute; padding-left: 25px; top: 55px; right: 185px; display: inline-block; text-decoration: none; z-index: 14 } .header__favorite:before { content: ''; display: block; width: 17px; height: 15px; background: url('/local/templates/mreason/images/header-heart.svg') 0 0 no-repeat; top: 2px; left: 0; position: absolute } .header__favorite--filled:before { background: url('/local/templates/mreason/images/heart-filled.svg') 0 0 no-repeat; background-size: cover } .cart-top { border: solid 1px transparent; width: 215px } .cart-top.is-hovered, .cart-top:hover { border: solid 1px #e4e4e4; background: #fff } .cart-top--empty:hover { border: solid 1px transparent; background: 0 0 } .cart-top__items { text-align: left; display: none; max-height: 315px; overflow-y: scroll; overflow-x: hidden } .cart-top__items::-webkit-scrollbar { width: 5px } .cart-top__items::-webkit-scrollbar-thumb { background: #dcd1cc; border-radius: 10px } .cart-top .button--cart { display: none } .cart-top.is-hovered .cart-top__items, .cart-top:hover .cart-top__items { display: block } .cart-top.is-hovered .button--cart, .cart-top:hover .button--cart { display: block } .cart-top__link { margin: 0 0 0 15px; display: inline-block; padding: 10px 10px 10px 25px; min-width: 130px; line-height: 18px; text-align: left; background: url('/local/templates/mreason/images/icon-contacts-cart.svg') no-repeat left center; text-decoration: none } .cart-top__item { display: block; padding: 10px 0; margin: 0 10px; position: relative; text-decoration: none; border-bottom: solid 1px #f5f5f5 } .cart-top__item-pic { width: 40px; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 0 } .cart-top__item-info { width: 125px; display: inline-block; vertical-align: middle } .cart-top__item-price { color: #000; display: inline-block } .button--cart { margin: 10px; display: block; text-align: center } .cart-props-blocks { margin: 10px 0 } .cart-props-blocks:after { content: ""; clear: both; display: block } .cart-props { margin-right: -20px } .cart--fl { position: relative } .cart--fl:after, .cart-props:after { content: ''; clear: both; display: block } .cart-props.cart--fl { height: 70px } .cart-prop { width: 50%; padding: 0 20px 20px 0; box-sizing: border-box; position: relative } .cart-props:last-child .cart-prop { padding-bottom: 0 } .cart-prop__label { position: absolute; left: 7px; line-height: 16px; font-size: 12px; background: #fff; padding: 0 5px; top: -8px; color: #cacaca; opacity: 0; z-index: 1; transition: .2s opacity } .cart-prop--filled .cart-prop__label { opacity: 1 } .cart-prop--fl { float: left } .cart-prop--25 { width: 25% } .cart-prop input[type=text] { width: 100%; height: 36px; padding: 0 10px; font-size: 14px; background: #fff; border: solid 1px #aaa } .cart-prop input.search-suggest { margin: 0 } .cart-prop.is-disabled input[type=text] { opacity: .5 } .cart-subscribe { margin: 5px 0 0 0; display: block } .cart-delivery { cursor: pointer; display: block; margin: 0 0 20px 0 } .cart-delivery.is-disabled { opacity: .5 } .cart-delivery__radio { width: 30px; float: left; display: block } .cart-delivery__info { margin-left: 30px; display: block } .cart-delivery__info .select--bordered { margin-top: 10px } .cart-delivery__name { display: block; font-weight: 400; font-size: 14px; color: #000; line-height: 20px } .cart-delivery__period { color: #999; display: block } .cart-delivery__price { color: #999; display: block } #shd_pvz_pick button { width: auto; float: none; text-transform: uppercase; display: inline-block; margin: 10px auto 0 auto; padding: 0 5%; letter-spacing: .5px; border: 1px solid #c1af89; font-size: 10px; color: #fff; min-width: 120px; cursor: pointer; height: 36px; line-height: 33px; text-decoration: none; background: #c1af89 } #shd_pvz_pick button:hover { color: #c1af89; background-color: #fff } .cart-totals { border-collapse: collapse } .cart-total td { padding: 5px 10px 5px 0 } .cart-total__name.discount, .cart-total__price.discount { color: #d0021b } .cart-total__price--total { font-weight: 700 } #wait_order_form_content { display: none } .personal-order__items { margin: 10px 0 0 0 } .personal-order__prop { display: inline-block; margin: 0 40px 20px 0; color: #999; min-width: 80px } .personal-order__items-title { color: #999 } .personal-order__prop strong { font-weight: 400; display: block; color: #000 } .personal-order__item { display: inline-block; width: 60px; margin: 0 20px 0 0 } .personal-order { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: solid 1px #e4e4e4 } .personal-order:last-child { border: none } .ups__title { font-weight: 400; text-transform: uppercase; margin: 0 0 10px; font-size: 16px; color: #9d8d85; letter-spacing: 1px; line-height: 24px } .ups { background: no-repeat left top; margin: 30px 0 } .ups:first-child { margin-top: 0 } .ups:last-child { margin-bottom: 0 } .ups--quality { padding-top: 47px; background-image: url('/local/templates/mreason/images/icon-ups-quality.svg') } .ups--dress { padding-top: 55px; background-image: url('/local/templates/mreason/images/icon-ups-dress.svg'); background-position: 3px 0 } .ups--truck { padding-top: 40px; background-image: url('/local/templates/mreason/images/icon-ups-truck.svg'); background-position: 3px 0 } .faq-sections { max-width: 800px } .faq-section { margin: 0 0 40px 0 } .faq-item { margin: 0 0 10px 0 } .faq-item__desc { padding: 10px 0 10px 0; display: none } .faq-item__title { color: #9b9b9b; cursor: pointer } .faq-item__title:hover { color: #333 } .lookbook__photo { position: relative } .lookbook__photo span { opacity: 0; transition: .3s all; text-transform: uppercase; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; margin-top: 25%; background: rgba(255, 255, 255, .9); color: #a09189; border: solid 1px #a09189 } .lookbook__photo:hover span { opacity: 1 } .look-list { margin-bottom: 40px } .look-inner { display: block; position: relative } .look-buttons { opacity: 0; position: absolute; left: 18px; right: 18px; bottom: 18px; transition: .2s all } .look-buttons-custom { opacity: 1 } .look-item:hover .look-buttons { opacity: 1 } .look { width: 840px; padding: 0; background: 0 0 } .look--split { width: 80% } .look__left { width: 50%; margin: 0 3% 0 0; float: left; text-align: right } .look__left img { max-width: 100%; max-height: 100vh } .look__right { width: 43%; float: left } .look .fancybox-close-small { top: 0; right: 0 } .look__item { background: #fff; margin: 0 0 20px 0; position: relative } .look__item-name { text-transform: uppercase; font-size: 13px; color: #4a4a4a; text-decoration: none; margin: 5px 0; display: block } .look__item-name:hover { color: #a09189 } .look__item-pic { display: block; line-height: 0; width: 135px; float: left; margin: 0 10px 0 0; vertical-align: top } .look__item-pic img { width: 100% } .look__item-info { vertical-align: top; display: block; float: left; padding: 5px 0 0 0; width: calc(100% - 150px) } .look__item-adds { margin: 10px 0 0 0 } .look__item-add-label { display: block; color: #9b9b9b; font-size: 13px; line-height: 19px; text-transform: uppercase } .look__item-add-value { width: 30px; height: 30px; display: inline-block; vertical-align: top; margin: 0 5px 5px 0; text-align: center; line-height: 28px; color: #ccc; cursor: pointer; border: solid 1px #ccc; overflow: hidden; position: relative } .look__item-add-value input { position: absolute; opacity: 0 } .look__item-add-value:hover { color: #333; border-color: #333 } .look__item-add-value.active { color: #fff; border-color: #c1af89; background: #c1af89; position: inherit } .look__item-add-value.disable { color: #e4e4e4; border-color: #e4e4e4; overflow: hidden } .look__item-add-value.disable:before { height: 1px; width: 200px; position: absolute; background: #e4e4e4; top: 50%; left: 50%; margin-left: -100px; content: ""; display: block; transform: rotate(-45deg) } .mobile-menu ul .mobile-menu__item--phone a { background: url('/local/templates/mreason/images/icon-phone.svg') no-repeat 20px center; padding-left: 45px } .mobile-menu ul .mobile-menu__item--whatsapp a { background: url('/local/templates/mreason/images/whatsapp.svg') no-repeat 20px center; padding-left: 45px; text-transform: none } .search__trigger { display: none } .location__confirmation { display: none; position: absolute; z-index: 1; white-space: nowrap; border: 1px solid #e4e4e4; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .09); top: 39px; left: 0 } .icon-location.is-active + .location__confirmation { display: block } .location__inner { background: #fff; padding: 25px; z-index: 1; position: relative } .location__confirmation:before { content: ''; display: block; position: absolute; top: -12px; left: 9px; width: 0; height: 0; border-style: solid; border-width: 0 13.5px 27px 13.5px; border-color: transparent transparent #fff transparent; z-index: 1 } .location__confirmation:after { content: ''; display: block; position: absolute; top: -15px; left: 9px; width: 0; height: 0; border-style: solid; border-width: 0 13.5px 27px 13.5px; border-color: transparent transparent #e4e4e4 transparent } .location__text { font-size: 16px; line-height: 21px; text-align: center; margin-bottom: 10px } .location-selector { padding: 30px } .location__form { white-space: nowrap; margin-top: 25px } .location__label { float: left; margin-right: 20px; line-height: 36px } .location__input { width: 210px; float: left; margin-right: 20px } .location__holder { width: 480px; text-align: center } .location__btn { float: left; width: 105px; margin: 0; padding: 0; min-width: 0 } .location__list { list-style: none; padding: 0; text-align: left; font-size: 14px; line-height: 26px } .location__list:after { content: ''; clear: both } .location___item { width: 30%; float: left; margin-right: 5% } .location___item:nth-child(3n) { margin-right: 0 } .location___item a { text-decoration: none } .autocomplete-suggestions { border: 1px solid #999; background: #fff; overflow: auto; z-index: 9999999 !important } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden } .autocomplete-selected { background: #f0f0f0 } .autocomplete-suggestions strong { font-weight: 400; color: #39f } .autocomplete-group { padding: 2px 5px } .autocomplete-group strong { display: block; border-bottom: 1px solid #000 } .mobile-menu__location { height: 60px; padding: 0 30px; line-height: 60px } .form--location { width: 600px } @media (max-width: 1000px) { #delivery, #shops { width: auto; margin: 20px } .stocks__cities { width: auto } } .order-success { margin: 30px 0; background: #c1af89; padding: 10px 20px; color: #fff; font-size: 15px; line-height: 20px } .order-error { margin: 30px 0; background: #c18989; padding: 10px 20px; color: #fff; font-size: 15px; line-height: 20px } .header__tinymenu .menu__item--location { margin-right: 46px; position: relative } .icon-location { position: relative; margin-left: 14px; border-bottom: 1px dashed !important; text-decoration: none; transition: .2s all } .icon-location:hover { border-bottom: 1px dashed transparent !important } .icon-location:before { content: ''; display: block; background: url('/local/templates/mreason/images/icon-location.svg') 0 0 no-repeat; width: 9px; height: 13px; position: absolute; top: 4px; left: -14px } .icon-location:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #c1af89 transparent transparent transparent; position: absolute; top: 9px; right: -18px; transition: .2s all } .icon-location.is-active:after { transform: rotate(180deg) } .text--visible { display: block !important } div[id^=pickup-] { z-index: 1750 !important; position: fixed !important; top: 0 !important } div[id^=pickup-] .popup-window-close-icon:after { width: 26px; height: 26px; background-image: none; color: #333; content: "\2716"; font-size: 18px } div[id^=pickup-] .popup-window-close-icon { top: 11px; opacity: 1; z-index: 1700 } div[id^=pickup-] .popup-window-content { background-color: #fff; padding: 0 } div[id^=pickup-] .shiptor-pvz-list { width: 35%; float: left } div[id^=pickup-] .shiptor-map-container { width: 65%; float: left } div[id^=pickup-] h3.shiptor-h3-title { white-space: nowrap; line-height: 1.5em; text-align: center; margin: 5px 0; font-size: 1.5em } div[id^=pickup-] .sh_rdio_text { display: table } #containerPickup .rdio { margin: 7px 0 } #containerPickup .rdio > label { padding-left: 24px } #containerPickup { height: 600px; padding-left: 2px; overflow-y: auto } #containerPickup .rdio { padding: 3px 10px 3px 3px; border-bottom: 1px solid #e5e5e5; margin: 0 } #containerPickup .rdio:last-child { border-bottom: none } #containerPickup .rdio.checked { background-color: #f5f3e3 } #containerPickup .rdio > label { display: block; width: calc(100% - 130px); float: left; font-size: 11px; margin: 0; padding: 0 0 0 24px; position: relative; line-height: 20px; cursor: pointer } .pickup__selector { width: 120px; float: right } #containerPickup .rdio > label > .text { font-size: 9px; line-height: 1.2; font-weight: 400; display: none } #containerPickup .rdio.checked > label > .text { display: block } #containerPickup .rdio > label > .text > p { margin: 0; font-size: 11px } .split.section--active { background: #c1af89; padding: 1px 5px; color: #fff; display: inline-block; margin: 1px 0 } .ordering-agreement { margin-top: 20px } .SDEK_selectPVZ { width: auto; float: none; text-transform: uppercase; display: inline-block; margin: 10px auto 0 auto; padding: 0 5%; letter-spacing: .5px; border: 1px solid #c1af89; font-size: 10px; color: #c1af89; min-width: 120px; cursor: pointer; height: 36px; line-height: 33px; text-decoration: none; background: 0 0; -moz-appearance: none; -webkit-appearance: none } .SDEK_selectPVZ:hover { color: #fff; background-color: #c1af89 } .amount { margin-top: 15px } .amount__description { font-size: 13px; line-height: 20px; color: #999 } .amount__link { display: inline-block; font-size: 14px; line-height: 20px; color: #c1af89; text-decoration: none; border-bottom: 1px solid; transition: .2s all; margin-right: 20px } .amount__link.is-dashed { border-bottom: 1px dashed } .amount__link:hover { color: #b3b3b3; border-bottom-color: transparent } .ajax__amount { width: 710px; overflow: visible } .amount__map { height: 400px } .amount__cities .chosen-container { width: 100% !important } .amount__cities .chosen-container .chosen-drop { left: 0; right: 0 } .amount__cities .chosen-single { font-size: 14px; height: 45px; border: 1px solid #e5e5e5; line-height: 45px; padding: 0 32px 0 12px; width: 100%; box-sizing: border-box } .amount__cities { float: left; width: calc(100% - 270px) } .amount__tabs { float: right } .amount__tabs:after { content: ''; display: block; clear: both } .amount_tab { width: 130px; display: block; float: left; cursor: pointer } .amount_tab input[type=radio] { display: none } .amount_tab span { display: block; height: 45px; line-height: 45px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 0 0 50px; color: #b3b3b3; font-size: 14px; position: relative } .amount_tab:hover span { border-color: #c1af89; color: #c1af89 } .amount_tab input[type=radio]:checked + span { border: 1px solid #c1af89; background: #c1af89; color: #fff } .amount_tab.has-icon-list span:before { content: ''; display: block; width: 19px; height: 15px; background: url('/local/templates/mreason/images/icon-list-gray.svg') 0 0 no-repeat; position: absolute; top: 15px; left: 22px } .amount_tab.has-icon-list:hover input[type=radio] + span:before { background: url('/local/templates/mreason/images/icon-list-gold.svg') 0 0 no-repeat } .amount_tab.has-icon-list input[type=radio]:checked + span:before { background: url('/local/templates/mreason/images/icon-list-white.svg') 0 0 no-repeat } .amount_tab.has-icon-map span:before { content: ''; display: block; width: 17px; height: 17px; background: url('/local/templates/mreason/images/icon-map-gray.svg') 0 0 no-repeat; position: absolute; top: 14px; left: 23px } .amount_tab.has-icon-map:hover input[type=radio] + span:before { background: url('/local/templates/mreason/images/icon-map-gold.svg') 0 0 no-repeat } .amount_tab.has-icon-map input[type=radio]:checked + span:before { background: url('/local/templates/mreason/images/icon-map-white.svg') 0 0 no-repeat } .amount__search { margin: 10px 0 20px 0; position: relative } .amount__search:before { content: ''; display: block; background: url('/local/templates/mreason/images/icon-amount-search.svg') 0 0 no-repeat; width: 20px; height: 20px; position: absolute; top: 13px; right: 16px } .store__search { border: 1px solid #e5e5e5; height: 45px; width: 100%; padding: 0 52px 0 13px; font-size: 14px } .store__item { padding: 10px 13px; border: 1px solid #e5e5e5; margin-top: -1px } .store__item--selected { position: relative; border: 1px solid #c1af89; z-index: 1 } .store__item:after { content: ''; display: block; clear: both } .store__info { float: left } .store__delivery { float: right } .amount__offer { cursor: pointer; vertical-align: middle; position: relative; overflow: hidden; display: inline-block; margin: 0 10px 10px 0 } .amount__offer input[type=radio] { display: none } .amount__offer span { min-width: 30px; padding: 0 5px; line-height: 28px; border: solid 1px #ccc; text-align: center; color: #9b9b9b; display: inline-block } .amount__offer.disable span { color: #e4e4e4; border-color: #e4e4e4 } .amount__offer input[type=radio]:checked + span { border: 1px solid #c1af89; background: #c1af89; color: #fff } .amount__status { text-align: right; position: relative } .amount__status:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 5px; left: -16px; border-radius: 8px } .amount__status.is-inactive { color: #e5e5e5 } .amount__status.is-inactive:before { background: #e5e5e5 } .amount__status.is-available { color: #9bab52 } .amount__status.is-available:before { background: #9bab52 } .amount__status.is-unavailable { color: #e5e5e5 } .amount__status.is-unavailable:before { background: #e5e5e5 } .amount__errors { color: #990012; margin-bottom: 10px } .button--amount { margin: 0; display: block; background: #c1af89; border: solid 1px #c1af89; height: auto; padding: 9px 20px; text-align: center; font-size: 13px; color: #fff; letter-spacing: 0; line-height: 19px } .button--amount:hover { border: solid 1px #c1af89; background: #fff; color: #c1af89 } .amount__order { margin-top: 15px; border-top: 1px solid #ccc; padding-top: 20px } .amount__data { width: calc(100% - 306px); float: left } .amount__summary { width: 286px; float: right; padding: 20px; box-sizing: border-box; background: #f5f5f5 } .amount__index { width: 100%; height: 45px; font-size: 14px; padding: 0 13px; border: 1px solid #e5e5e5; margin-bottom: 10px } .amount__input--error { border: 1px solid #990012 } .amount__table { width: 100%; border-collapse: collapse } .amount__table td { padding: 5px 0 } .amount__table td:nth-child(1) { color: grey } .amount__table td:nth-child(2) { text-align: right } .amount__divider { height: 1px; background: #e6e6e6; margin: 18px 0 } .amount__discount { color: #990012 } .amount__coupon { margin-top: 16px } .amount__coupon:after { content: ''; display: block; clear: both } .coupon__code { width: calc(100% - 135px); float: left; border: 1px solid #e5e5e5; height: 45px; padding: 0 13px; font-size: 14px } .coupon__submit { width: 115px; float: right; height: 45px; font-size: 12px; background: #fff; border: solid 1px #c1af89; text-transform: uppercase; color: #c1af89; cursor: pointer } .coupon__submit:hover { color: #fff; background: #c1af89 } .price__benefit { font-size: 12px; line-height: 24px; color: #990012; margin-top: 5px } .item__discount { display: inline-block; height: 25px; line-height: 25px; background: #990012; padding: 0 10px; color: #fff; font-size: 14px; position: absolute; top: 10px; left: 10px; z-index: 100 } .item__new { display: inline-block; height: 25px; line-height: 25px; background: #c1af89; padding: 0 10px; color: #fff; font-size: 14px; position: absolute; top: 10px; left: 10px; z-index: 100 } .blog__list { margin-left: -10px; margin-right: -10px } .blog__item { display: inline-block; margin: 25px 0; padding: 0 10px; vertical-align: top; position: relative; text-decoration: none } .blog__item.is-one-quarter { width: 25% } .blog__item.is-one-third { width: 33.3% } .blog__item.is-two-thirds { width: 66% } .blog__item.is-two-thirds + .blog__item.is-one-third { width: 34% } .blog__item.is-half { width: 50% } .blog__image { display: block; line-height: 0 } .blog__image img { width: 100%; max-height: 100% } .blog__tag { display: inline-block; font-size: 13px; letter-spacing: 1px; line-height: 24px; font-weight: 700; color: #9d8d85; text-transform: uppercase } .blog__item.is-one-quarter .blog__tag, .blog__item.is-one-third .blog__tag { margin-top: 20px; margin-bottom: 5px } .blog__item.is-half .blog__tag, .blog__item.is-two-thirds .blog__tag { background: #fff; padding: 0 5px; position: absolute; top: 20px; left: 30px } .blog__item.is-one-quarter .blog__info, .blog__item.is-one-third .blog__info { margin-top: 5px; color: #000 } .blog__item.is-half .blog__info, .blog__item.is-two-thirds .blog__info { position: absolute; bottom: 30px; left: 30px; color: #fff } .blog__picture { position: relative } .blog__picture .title { position: absolute; bottom: 70px; left: 40px; right: 40px } .blog__picture h1 { text-align: center; font-size: 48px; font-weight: 700; line-height: 65px; color: #fff; text-transform: none } .blog__content { margin: 50px 0 } .blog__text { width: 50%; margin-left: 25%; float: left } .blog__sidebar { float: right; margin-left: 5%; width: 20% } .blog__share { margin-top: 40px } .blog__share .h3 { font-size: 16px; color: #9d8d85; font-weight: 400; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; line-height: 32px } .blog__title { display: block; font-size: 24px; line-height: 32px; font-weight: 700 } .blog__preview { display: block; font-size: 16px; line-height: 24px; margin-top: 10px } .blog__item.is-one-quarter .blog__preview { display: none } .tag__list { margin: 30px -5px 0 -5px } .tag__item { height: 25px; line-height: 25px; padding: 0 10px; background: #9d8d85; margin: 5px; color: #fff; text-transform: uppercase; font-weight: 700; text-decoration: none; font-size: 13px; display: inline-block } .tag__item:hover { color: #fff } .order__description { max-width: 300px; margin: 20px } #loader { position: relative; width: 26px; height: 26px; margin: auto; transform: scale(.6); -o-transform: scale(.6); -ms-transform: scale(.6); -webkit-transform: scale(.6); -moz-transform: scale(.6) } .loader__circle { position: absolute; background-color: #fff; height: 5px; width: 5px; border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; animation-name: f_fadeG; -o-animation-name: f_fadeG; -ms-animation-name: f_fadeG; -webkit-animation-name: f_fadeG; -moz-animation-name: f_fadeG; animation-duration: 1.2s; -o-animation-duration: 1.2s; -ms-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal } #loader_1 { left: 0; top: 10px; animation-delay: .45s; -o-animation-delay: .45s; -ms-animation-delay: 0.45s; -webkit-animation-delay: .45s; -moz-animation-delay: .45s } #loader_2 { left: 3px; top: 3px; animation-delay: .6s; -o-animation-delay: .6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: .6s; -moz-animation-delay: .6s } #loader_3 { left: 10px; top: 0; animation-delay: .75s; -o-animation-delay: .75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: .75s; -moz-animation-delay: .75s } #loader_4 { right: 3px; top: 3px; animation-delay: .9s; -o-animation-delay: .9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: .9s; -moz-animation-delay: .9s } #loader_5 { right: 0; top: 10px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s } #loader_6 { right: 3px; bottom: 3px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s } #loader_7 { left: 10px; bottom: 0; animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s } #loader_8 { left: 3px; bottom: 3px; animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s } .errortext { color: red !important } .label_39._bottom_3v._pad100_GR, .label_39._left_2d._pad100_GR, .label_39._right_1y._pad100_GR, div#jivo-iframe-container.jivo-iframe-container-bottom { right: 100px !important } .only__desktop { display: block !important } .only__mobile { display: none !important } .footer__description { padding-top: 55px; padding-bottom: 100px; padding-left: 80px; padding-right: 80px } .footer__title { font-size: 28px; color: #9d8d85; letter-spacing: 0; margin: 0 0 20px 0; line-height: 1.1em } .footer__text { font-size: 14px; color: #999; line-height: 22px } .footer__link { display: inline-block; border-bottom: 1px dashed; color: #9d8c84; text-decoration: none; line-height: 16px; font-size: 9pt; margin-right: 10px } .footer__full { margin-top: 15px; display: none } .italic { font-style: italic } .strong { font-weight: 700 } .cb__label { display: block; text-decoration: none; padding: 5px 0 } .cb__label--inline { display: inline-block; margin: 0 40px 0 0 } .cb__box { display: inline-block; height: 14px; width: 14px; border: 1px solid #cbc8c6; vertical-align: sub } .cb__text { display: inline-block; font-size: 13px; color: #9b9b9b; line-height: 19px; vertical-align: middle; margin-left: 3px } .cb__label--active .cb__box { background: #c1af89 } .warning { padding: 15px 25px; background: rgba(191, 174, 136, .1); border: 1px solid rgba(192, 175, 137, .2); margin-bottom: 25px } .warning__title { position: relative; text-transform: uppercase; font-size: 16px; line-height: 22px; margin-bottom: 10px; padding-left: 30px } .warning__title:before { position: absolute; top: 0; left: 0; content: ''; display: block; background: url('/local/templates/mreason/images/warning.png') 0 0 no-repeat; width: 23px; height: 20px; background-size: cover } .warning__text { font-size: 13px; line-height: 22px } .basket__coupon { margin: 0 0 20px 0 } .basket__coupon--input { padding: 0; width: 160px; display: inline-block } .basket__coupon--button { display: inline-block; height: 36px; line-height: 36px; font-size: 11px; padding: 0 15px } .coupon__error { padding: 40px } #basket_items .old_price { text-decoration: line-through } .fancybox-container.dark .fancybox-bg { opacity: 1 !important; background: #000 !important } .scroll_to_top { z-index: 30; position: fixed; bottom: 60px; width: 100px; overflow: hidden; display: none; height: 50px; right: 0 } .scroll_to_top span { background: url('/local/templates/mreason/images/go-to-top.svg') no-repeat 32px 0; color: #000; font-size: 18px; letter-spacing: .05em; display: block; position: absolute; bottom: 0; text-align: center; padding: 18px 0 0 0; text-transform: uppercase; width: 91px; height: 46px; opacity: .5; transition: .2s all; background-size: 30px } .scroll_to_top:hover span { opacity: 1 } .look-detail { height: 540px; overflow: hidden; padding: 24px 0 24px 24px } .look-detail .detail__left { width: 510px } .look-detail .detail__right { height: 540px; float: right; width: 348px; padding: 24px; overflow: scroll } .look-detail .detail__right::-webkit-scrollbar { display: none } .detail__carousel { width: 124px; height: 540px; float: left; padding-top: 24px } .detail__carousel .bx-viewport { height: 445px !important } .carousel__photo { display: block; margin-bottom: 20px } .carousel__photo img { width: 100px; height: 135px } .detail__main { width: 386px; float: left; text-align: center } .detail__main img { max-width: 100%; max-height: 492px } .detail__carousel .bx-controls-direction a.bx-prev { top: 6px; left: 50%; margin-left: -16px; background: url('/local/templates/mreason/images/arrow-top.svg') no-repeat 0 0 !important; width: 32px; height: 15px } .detail__carousel .bx-controls-direction a.bx-next { top: auto; bottom: -26px; left: 50%; margin-left: -16px; background: url('/local/templates/mreason/images/arrow-bottom.svg') no-repeat 0 0 !important; width: 32px; height: 15px } .ajax__basket { padding: 40px 60px; min-width: 400px; text-align: center } .ajax__basket_text { font-size: 16px; margin-bottom: 10px } .ajax__basket_buttons { white-space: nowrap } .errorblock { margin-bottom: 10px; display: inline-block } .astrafit-wdgt { margin-top: 20px } .check { display: block; position: relative; cursor: pointer; margin-bottom: 5px; user-select: none } .check:after { content: ''; display: block; clear: both } .check input[type=checkbox] { display: none } .check input[type=checkbox] + .check__box { position: relative; display: block; width: 12px; height: 12px; border: 1px solid #9e8c8a; float: left; margin-top: 2px } .check input[type=checkbox]:checked + .check__box:before { content: ''; display: block; width: 6px; height: 6px; background: #9e8c8a; position: absolute; top: 2px; left: 2px } .check__label { float: left; margin-left: 5px; width: calc(100% - 21px); font-size: 12px } .complete__order { width: 750px; padding: 0 } .complete__inner { padding: 40px 100px } .complete__title { font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; text-align: center; margin-bottom: 40px } .complete__picture { width: 25%; float: left } .complete__picture img { max-width: 100% } .complete__info { width: 75%; float: right; padding: 0 18px } .complete__name { font-weight: 400; text-transform: uppercase; color: #9d8d85; letter-spacing: 2px; font-size: 26px; line-height: 36px } .complete__meta { margin: 0 0 20px 0; font-size: 13px; color: #9b9b9b; line-height: 19px } .complete__price { display: block; font-size: 15px; color: #4a4a4a; letter-spacing: 0; line-height: 19px } .complete__buttons { margin-top: 40px } .complete__buttons .button:nth-child(1) { margin-right: 15px } .complete__look { background: #f6f6f6; padding: 20px 40px } .complete__look_title { text-align: center; margin-bottom: 20px } .complete__item { width: 22%; margin-right: 4%; float: left; text-decoration: none; color: #4a4a4a } .complete__item:nth-child(4) { margin-right: 0 } .button--short { width: calc(100% - 45px); width: -webkit-calc(100% - 45px); display: inline-block } .favorite__button { position: relative; top: 15px; width: 40px; height: 40px; display: inline-block; border: solid 1px #c1af89 } .favorite__button:before { content: ''; display: block; position: absolute; background: url('/local/templates/mreason/images/heart.svg') 0 0 no-repeat; width: 19px; height: 18px; top: 12px; left: 9px; background-size: cover } .favorite__button-filled:before, .favorite__button:hover:before { background: url('/local/templates/mreason/images/heart-filled.svg') 0 0 no-repeat } .item__inner .favorite__button { position: absolute; top: 0; right: 0; width: 20px; height: 20px; border: 0 } .item__inner .favorite__button:before { top: 0; left: 0 } .ajax-search.autocomplete-suggestions { width: auto !important; border: 1px solid #e4e4e4; box-shadow: 0 5px 8px rgba(0, 0, 0, .09); padding: 10px 10px 30px 10px } .ajax-search.autocomplete-suggestions .autocomplete-suggestion { padding: 0 10px; font-size: 13px; line-height: 30px; color: rgba(51, 51, 51, .5); cursor: pointer } .ajax-search.autocomplete-suggestions .autocomplete-suggestion:hover { background: rgba(193, 175, 137, .12) } .ajax-search.autocomplete-suggestions strong { color: #333 } .soon { width: 490px; padding: 40px 60px; background: #fff } .soon__title { font-weight: 600; font-size: 26px; line-height: 20px; text-transform: uppercase; color: #9d8d85; margin-bottom: 30px; font-family: 'Open Sans', sans-serif } .soon__row { margin-bottom: 14px } .soon__col { width: 48%; float: left; margin-right: 4% } .soon__col:nth-child(2) { margin-right: 0 } .soon__label { display: block; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 13px; line-height: 20px; color: #aaa; margin-bottom: 5px } .soon__input { border: 1px solid #dbdbdb; width: 100%; height: 36px; padding: 0 18px } .ms-footer { color: #aaa; line-height: 16px; margin: 20px 0 } .loyalty__left { width: 590px; float: left } .loyalty__block { background: #f8f8f8; padding: 20px 25px } .loyalty__right { width: 220px; float: right; margin-right: 140px } .loyalty__row { margin-bottom: 30px } .loyalty__row:last-of-type { margin-bottom: 0 } .loyalty__label { display: inline-block; font-size: 13px; line-height: 20px; color: #999 } .loyalty__value { margin-left: 12px; display: inline-block; font-weight: 600; font-size: 13px; line-height: 20px; color: #333 } .loyalty__level { font-weight: 600; font-size: 15px; line-height: 20px; color: #333; margin-top: 40px; margin-bottom: 20px } .loyalty__inline { display: inline-block; margin-right: 80px } .loyalty__contacts { margin-top: 35px } .loyalty__contact { margin-bottom: 20px; display: block } .cart__summary { margin-top: 40px; padding: 20px; background: #f5f5f5 } .summary__title { font-weight: 700; font-size: 16px; line-height: 23px; color: #333 } .summary__row { margin-top: 10px; position: relative } .summary__row:after { content: ''; display: block; clear: both } .summary__coupon { width: 311px; float: left; margin-right: 20px; padding-right: 20px; border-right: 1px solid rgba(199, 199, 199, .5) } .summary__data { width: calc(100% - 331px); float: right; padding-top: 15px } .summary__item { position: relative; font-size: 13px; line-height: 20px; margin-bottom: 15px } .summary__item--discount { color: #d0021b } .summary__item--last { margin-top: 30px; margin-bottom: 0 } .summary__item:after { content: ''; display: block; clear: both } .summary__name { float: left; max-width: 65%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .summary__value { max-width: 30%; float: right } .summary__coupon .button { width: 120px; white-space: nowrap; padding: 0 } .summary__coupon .cart-prop { width: calc(100% - 124px) } .summary__item--last .summary__value { font-weight: 700 } a.personal__crown { position: relative; padding-left: 23px } .personal__crown:before { content: ''; background: url('/local/templates/mreason/images/crown.svg') 0 0 no-repeat; position: absolute; top: 2px; left: 0; width: 16px; height: 16px } .personal__crown--gold:before { background: url('/local/templates/mreason/images/crown-gold.svg') 0 0 no-repeat } .status__vip { margin-top: 3px } .status__sum { font-weight: 600; font-size: 13px; line-height: 18px; color: #9d8d85 } .status__description { margin-top: 2px; font-size: 11px; line-height: 16px; color: #999 } .thumbs { float: left; margin: 0 1% 0 0; min-width: 82px; min-height: 1px } .thumbs .thumb_btn { display: block; margin: 14px 0; border: none; cursor: pointer; background: #fff; width: 70px } .thumbs .thumb_btn:hover { transform: scale(1.1) } .arrow-top { background: url(/images/arrow-top.png); width: 70px; height: 50px; margin: auto; opacity: .2; cursor: pointer } .arrow-bottom { background: url(/images/arrow-btm.png); width: 70px; height: 50px; margin: auto; opacity: .2; cursor: pointer } .inner-cnt { max-height: 480px; overflow: hidden } .n { padding-bottom: 40px } .spoil-wrapper { border: 0 none; margin: 10px 0; width: 100%; clear: both; border-radius: 3px } .spoil { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); cursor: pointer; margin: 0; text-decoration: none; padding: 0 0 0 23px } .spoil h2 { font-size: 14px } .spoil.folded { background: url("/images/arrow.png") no-repeat scroll -5px center #fff } .spoil.folded h2, .spoil.unfolded h2 { padding: 0; margin: 0 } .spoil.unfolded { background: url("/images/arrow-minus.png") no-repeat scroll -5px center #f1f1f1 } .spoil a { text-decoration: none; color: #fff } .spoil-text { padding: 10px; width: 100%; background-color: rgba(167, 167, 167, .05) } .spoil-text table tr td { padding: 10px } .infoblock { display: block; margin-top: 20px } .look-left img { max-width: 350px } .look-left { float: left; width: 30% } .look-right { width: 69%; float: right; padding: 0 20px } .look-buttons-custom .product__buy { width: 49%; float: left } .look-buttons-custom .product__buy a { margin: 10px 0; padding: 7px 0 } .look-buttons-custom .watch { width: 49%; float: right } .clearfix { clear: both } .whatsapp_link { display: none; width: 48px; height: 48px; background: url('/local/templates/mreason/images/WhatsApp_Logo_6.png') 0 0 no-repeat; background-size: cover; position: fixed; bottom: 30px; left: 30px; z-index: 9999999; text-indent: -9999px; overflow: hidden } .hide-mobile { display: block } .hide-desktop { display: none } @keyframes f_fadeG { 0% { background-color: #c1af89 } 100% { background-color: #fff } } @keyframes error_animation { 0% { transform: translate(0) } 25% { transform: translateX(-5px) } 50% { transform: translateX(5px) } 75% { transform: translateX(-5px) } 100% { transform: translate(0) } } @media (max-width: 1405px) { .detail__left { width: 70.6% } } @media (max-width: 1320px) { .detail__left { width: 70% } } @media (max-width: 1220px) { .detail__left { width: 69.5% } } @media (max-width: 1160px) { .detail__left { width: 69% } .header__cart { top: 50px; right: 220px } .cart-top { width: 30px; height: 30px } .cart-top__link { width: 20px; min-width: 0; padding: 0 0 0 20px; margin: 0 4px; overflow: hidden; background-size: contain; height: 25px; position: relative } .cart-top.is-active .cart-top__link { background: url('/local/templates/mreason/images/icon-contacts-cart-active.svg?2') no-repeat left center } .cart-top__link:before { content: attr(data-count); display: block; position: absolute; top: 7px; left: 0; right: 0; bottom: 1px; line-height: 16px; text-align: center; color: #fff; font-size: 10px; font-weight: 700 } .header__favorite { font-size: 0; right: 175px } .header__favorite:before { content: ''; width: 25px; height: 25px; top: -2px; left: 0; background-size: contain } } @media (max-width: 1100px) { .detail__left { width: 68% } .look-right { width: 50% } .look-left { width: 49% } .look-buttons-custom .product__buy, .look-buttons-custom .product__buy a, .look-buttons-custom .watch { width: 100%; float: none } } @media (min-width: 993px) { div[id^=pickup-] .modal-dialog { width: 86% } div[id^=pickup-] .col-md-4 { padding-right: 0 } div[id^=pickup-] .col-md-8 { padding-left: 0 } div[id^=pickup-] .form-group { margin-bottom: 0 } div[id^=pickup-] .popup-window-buttons { padding: 5px 0 10px } #containerPickup, #map { height: 600px } .look__item-info { padding: 5px 0 10px 0 } } @media (max-width: 992px) { .detail__right { width: 29% } #map, #popup-window-titlebar-pickup .shiptor-h3-title, div[id^=pickup-] .shiptor-map-container { display: none } div[id^=pickup-] .shiptor-pvz-list { width: 100%; float: none } div[id^=pickup-] { padding: 0; top: 0 !important; bottom: 0 !important; position: fixed !important } div[id^=pickup-] .popup-window-buttons { box-shadow: 0 5px 4px -3px #bbb; position: absolute; width: 100%; top: 0; text-align: left } div[id^=pickup-] .popup-window-buttons span { margin-left: 15px; text-align: center; font-size: 13px; text-transform: none; width: auto !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } div[id^=pickup-] .popup-window-buttons { padding: 8px 0 } div[id^=pickup-] h3.shiptor-h3-title { line-height: 38px; text-align: right; font-size: 18px; margin-right: 40px } #containerPickup .rdio > label { padding-left: 15px } #containerPickup { margin-top: 3px; padding-left: 0 } #containerPickup .rdio > label { padding-right: 15px } .thumbs { display: none } } @media (max-width: 960px) { .footer__description { padding-left: 40px; padding-right: 40px } .summary__coupon { width: auto; float: none; margin-right: 0; padding-right: 0; border-right: 0 } .summary__data { width: auto; float: none } } @media (max-width: 900px) { .logo { top: 60px; margin-left: -170px } .blog__title { font-size: 20px; line-height: 26px } .blog__preview { font-size: 15px; line-height: 18px; margin-top: 5px } } @media (max-width: 840px) { h1 { letter-spacing: 2px; font-size: 22px; line-height: 26px } .fancybox-slide #delivery h1, .fancybox-slide #shops h1, .fancybox-slide h1 { margin-right: 40px } .bx-auth__right-link { top: 45px } .menu__item { margin: 0 10px } .footer__column { margin-bottom: 50px } .catalog__pic { height: 10vw } .business-block { margin: 50px 0 } .business-block__pic, .business-block__text { display: block; width: auto; float: none; padding: 0 } .business-block__pic { width: 100% } .business__feedback { padding: 0 } .footer__column-title { margin: 0 0 15px 0 } .h2, h2 { margin: 20px 0 10px 0 } .look { max-width: 400px; margin: 0; padding: 20px; width: 100% } .look__left { float: none; width: 100%; margin: 0 0 20px 0 } .look__left img { width: 100% } .look__right { float: none; width: 100% } .look__item-pic { float: left } .look__item-info { padding: 5px 10px 10px 0 } .look__item:after { clear: both; display: block; content: "" } .look__item-add-value { width: 25px; height: 25px; line-height: 23px } .lookbook__photo span { padding: 5px 10px; text-align: center; font-size: 12px } .form--location { width: 100% } } .header__personal-mobile { display: none } .mobile__login { display: none } .sticky-look { padding-bottom: 30px } .desktop-only { display: block } .adm-fileinput-wrapper-single { display: block !important } .adm-fileinput-wrapper-single .adm-fileinput-area { width: 100% !important; min-height: 0 } .danger-popup { display: none; position: fixed; padding: 30px 20px; bottom: 10px; left: 0; right: 0; z-index: 10000; background: #fff; max-width: 600px; margin: 0 auto; border-radius: 4px; font-size: 12px; line-height: 16px; box-shadow: 2px 2px 30px -10px rgba(0, 0, 0, .3) } .danger-popup-close { position: absolute; top: 10px; right: 10px; text-decoration: none; font-size: 20px; color: #000 } @media (max-width: 768px) { .desktop-only { display: none } .hide-mobile { display: none } .hide-desktop { display: block } .detail__contact { display: block } .detail__photo { width: 47% } .look-right { width: 100% } .look-left { display: none } .list-lookbook { width: 48% } .list-lookbook__info { bottom: 0; left: 0; right: 0 } .header__cart { top: 20px; right: 10px } .catalog__left.absolute-bottom + .catalog__right, .catalog__left.fixed-top + .catalog__right { margin-left: 0 } .cart-top:hover .cart-top__items { display: none } .map-columns { display: block } .map-columns td, .map-columns tr { display: block } .header__personal-mobile { display: block; right: 20px; top: 24px; position: absolute } .link-icon--personal { display: block; cursor: pointer; width: 22px; height: 22px; background: no-repeat url('/local/templates/mreason/images/icon-personal.svg?1'); overflow: hidden; white-space: nowrap; text-indent: 40px } .header__personal { display: none } .menu__item--parent:hover .submenu { display: none } .detail__left { display: none } .detail__right { width: auto; float: none } .detail__gallery { display: block !important; margin-bottom: 20px } #size-table { width: auto; min-width: 300px } .footer__column { margin-bottom: 30px } .footer__column--right { float: left; margin: 0 0 30px 0 } .mobile-only { display: block } .footer__copyright { display: block !important; margin: 20px 0 0 0 } .footer__left { float: none } .footer__right { margin: 20px 0 0 0; float: none } .subscribe { margin: 0 0 30px 0 } .social { margin: 0 20px 0 0 } .social--vk, .social--tg { width: 30px; height: 30px } .social--fb { width: 30px; height: 30px } .social--ig { width: 30px; height: 30px } .social--ok { width: 30px; height: 30px } .flag { background-size: cover; width: 30px; height: 22px; margin: 0 0 0 15px } .header { height: 70px; box-shadow: 0 2px 39px -15px #b3b1b3 } .main-top .promos { top: 70px } .menu__trigger { opacity: 1; display: block } .header__tinymenu { display: none } .header__contacts { display: none } .header__search { display: none; top: 87px; left: 0; right: 0; padding: 0 20px; background: #fff; height: 45px } .header__search.visible + .frisbuy-sr-widget { display: none } .search__input { width: 100%; background: 0 0 } .search__button { position: absolute; top: 0; right: 20px; height: 35px; width: 35px; background: no-repeat url('/local/templates/mreason/images/icon-search.svg') center center; display: block; border: 0; cursor: pointer } .menu { display: none } .logo { top: 27px; width: 166px; margin-left: -123px } .header__favorite { top: 25px; right: 95px } .detail__prop-value { max-width: none; display: block; margin: 0 } .detail-care { margin-top: 0 } .location__holder { width: 100% } .location__form { text-align: left } .location__label { display: block; margin-bottom: 5px } .location__input { width: calc(100% - 95px) } .location__btn { width: 75px } .location___item:nth-child(3n) { margin-right: auto } .location___item { width: 45%; margin-right: 10%; line-height: 14px; margin-bottom: 10px } .location___item:nth-child(2n) { margin-right: 0 } .location___item:nth-child(2n+1) { margin-right: 10% } .mobile__login { display: block; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 } .mobile__login:after { content: ''; clear: both; display: block } .mobile__login .personal__crown { padding-left: 33px } .mobile__login .personal__crown:before { top: 17px; left: 12px } .mobile__login .status__vip { padding: 20px } .login__button { display: block; height: 50px; line-height: 50px; text-decoration: none; width: 50%; float: left; padding: 0 15px; text-align: center; font-size: 14px; box-sizing: border-box } .login__button:nth-child(1) { border-right: 1px solid #e4e4e4 } .search__trigger { display: block; background: url('/local/templates/mreason/images/icon-search.svg') 0 0 no-repeat; width: 20px; height: 20px; background-size: cover; position: absolute; top: 24px; right: 54px; z-index: 21 } .cart__right { display: none } .cart__left { margin: 0 } .cart-item-quantity input { width: 25px } .intellectmoney-paysystem-wrapper { margin: 0 } .cart-top.is-hovered .cart-top__items, .cart-top:hover .cart-top__items { display: none } .cart-top.is-hovered .button--cart, .cart-top:hover .button--cart { display: none } .amount__cities { width: auto; float: none; margin-bottom: 10px } .amount__tabs { width: auto; float: none } .amount__data { width: auto; float: none } .amount__summary { width: auto; float: none; margin-top: 20px } .stock__type { margin-left: 0; margin-top: 5px; margin-bottom: 10px } .store__info { float: none } .store__delivery { float: none; margin: 5px 0 0 15px } .stock__name { display: block } .blog__item { width: 100% !important } .blog__tag { background: #fff; padding: 0 5px; position: absolute; top: 20px; left: 30px } .blog__info { position: absolute; bottom: 30px; left: 30px; color: #fff !important } .blog__preview { display: block !important } .blog__text { width: 65%; margin-left: 0; float: left } .blog__sidebar { float: right; margin-left: 5%; width: 30% } .button--sms span { display: none } .cart-props.cart--fl { height: auto } #containerPickup .rdio { padding: 3px 20px 3px 3px } .chosen-container-single .chosen-single:before { display: none } .chosen-container-single .chosen-single span { display: inline-block; position: relative; overflow: visible } .chosen-container-single .chosen-single span:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #9d8d85 transparent transparent transparent; position: absolute; right: -20px; top: 50%; margin-top: -2px } .chosen-container-single .chosen-drop { left: 0 } .cart-item-pic img { max-width: 40px !important } .bx_ordercart_itemart { font-size: 9px; line-height: 13px } .cart-item-quantity { white-space: nowrap } .cart-table td { padding: 5px } .cart-item-del { padding: 0 !important } .cart-item-del a { width: 20px } .complete__inner { padding: 50px 20px } .complete__picture { width: auto; float: none; text-align: center } .complete__info { width: auto; float: none; padding: 0 18px; text-align: center; margin-top: 20px } .complete__buttons { margin-top: 10px } .complete__buttons .button { width: 100%; margin-right: 0 } .complete__item { width: 48% } .complete__item:nth-child(2n) { margin-right: 0 } .look-detail { padding: 24px; width: auto; height: auto } .look-detail .detail__left { display: block; float: none; width: auto !important } .look-detail .detail__carousel { display: none } .look-detail .detail__main { width: auto; float: none } .look-detail .detail__right { float: none; width: 100%; padding: 24px 0 0 0; height: auto } .loyalty__left { width: auto; float: none } .loyalty__right { float: none; width: auto; margin-right: 0 } .loyalty__inline { display: block; margin-right: 0; margin-bottom: 20px } .frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) { position: relative !important; top: 60px; padding: 0 } .whatsapp_link { display: block } } @media (max-width: 740px) { .widget-line { margin: 20px auto } .main-top { height: auto } .main-top--inner { height: 75px } .widget-text { padding: 30px 0 } .widget-title { font-size: 20px } .widget { width: auto; display: block } .widget-content--full .widget-desc { margin: 20px 0 } .main-widget--33, .main-widget--50 { width: auto; float: none; overflow: hidden } .widget-content--all .widget-text { max-width: none } .main-widget--middle .widget-pic { display: none } .main-widget--middle .widget-content { width: auto; position: static; height: auto } .main-widget--middle .widget-content--all .widget-text { width: auto; position: static; height: auto; top: auto; transform: none } .widget-content--all .widget-title { margin: 30px 0 } .instagram-pic { width: 33%; height: auto } .catalog__left { display: none } .catalog__right { display: block; width: auto; margin: 0; float: none } .menu { padding: 0; border-top: solid 1px #e5e6e7; border-bottom: solid 1px #e5e6e7 } .subscribe__input { width: 200px } .contact { width: 48%; margin: 0 4% 20px 0 } .contact:nth-child(2n) { margin-right: 0 } .business-top { padding: 50px 0 } .cart-empty .button { text-align: center } } @media (max-width: 640px) { .item, .items--by-4 .item { width: 48% } .item-a { height: auto !important } .item-a .item__link { position: static } .item-a .item__adds { display: block } .item__info { padding: 15px 5px } .item__add-label { line-height: 22px; vertical-align: middle } .item__add-value { vertical-align: middle; line-height: 22px; border: none; padding: 0; margin: 0 10px 0 0; min-width: 0; color: #333 } .item__add-value:last-child { margin: 0 } .item__name { margin: 0 0 5px 0 } .item__adds { margin: 5px 0 0 0 } .catalog__right-filter, .catalog__right-sort { float: none } .lookbook__photo { width: 48% } .blog__text { width: auto; float: none } .blog__sidebar { width: auto; float: none; margin: 30px 0 0 0 } .blog__sidebar h2 { margin: 0 } .blog__sidebar .tag__list { margin-top: 0 } .blog__picture .title { bottom: 30px } .blog__picture h1 { font-size: 36px; line-height: 42px } } @media (max-width: 550px) { .cart-item-quantity a { width: 20px } .cart-prop { width: auto } .widget-content--full .widget-text { bottom: 5%; left: 5%; right: 5% } .feedback__left, .feedback__right { width: auto; float: none } .stocks tr:first-child { display: none } .stocks th { display: none } .stocks tr { display: block; margin: 10px 0; border-bottom: solid 1px #e4e4e4; padding: 10px 0 15px } .stocks tr:last-child { border-bottom: none } .stocks tr td { padding: 0; display: block; border: none } .stock__balance:before { right: auto; left: 0 } } @media (max-width: 428px) { .only__desktop { display: none !important } .only__mobile { display: block !important } } @media (max-width: 480px) { .bx-authform { padding: 40px; width: 360px } .bx-auth__right-link { top: 45px } .shops-slider { display: none !important } .contact { width: auto; margin: 0 0 20px 0; display: block; min-height: 0 } .contact--shops { background-position: center 25px; padding-top: 80px } .contact--online { background-position: center 25px; padding-top: 65px } .subscribe__input { width: 150px } .footer__description { padding-left: 30px; padding-right: 30px } } @media (max-width: 400px) { .bx-authform { padding: 30px; width: 320px } .bx-auth__right-link { top: 35px } .bx-authform h1 { font-size: 16px } } @media (max-width: 320px) { .bx-authform { padding: 20px; width: 300px } .bx-auth__right-link { top: 25px } .widget-content--full .widget-text { padding: 5% 4% } .widget-content--full .widget-desc { margin: 10px 0 } } @media (min-width: 769px) { .detail__right .content { max-width: 315px; width: 100%; } } .l-container { padding: 15px } .button-default { text-decoration: none; display: inline-block; border-radius: 0; color: #fff; outline: 0; text-align: center; border: 0; cursor: pointer; min-height: 34px; text-transform: uppercase; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; transition: all .2s ease-out } .button_gold { border: 1px solid #c1af89; color: #c1af89 } .button_gold:hover { background-color: #c1af89; color: #fff } .button_gold-bg { border: 1px solid #c1af89; background-color: #c1af89; color: #fff } .button_gold-bg:hover { background-color: #fff; color: #c1af89; border: 1px solid #c1af89 } .button_gray { border: 1px solid #ccc; background: #ccc; color: #fff } .button_gray:hover { background-color: #fff; color: #9b9b9b; border: 1px solid #ccc } .button_gray-inner { color: #9b9b9b; border: 1px solid #ccc } .button_gray-inner:hover { background-color: #ccc; color: #fff } .button_full-width { width: 100% } .b-card-buttons { display: flex; flex-flow: wrap; justify-content: space-between; width: 100%; max-width: 315px; margin-top: -10px } .b-card-buttons a { margin-top: 10px } .b-card-buttons .button-sold-out { flex: 1 0 auto; padding-left: 5px; padding-right: 5px } .b-card-buttons .button-favorite { flex: 1 0 auto; max-width: 130px } .b-card-buttons .button-add-cart { flex: 1 0 auto } .button-icon { background-color: #c1af89; width: 34px; height: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0 } .button-attention { justify-content: center } .button_text-center { display: flex; margin-left: auto; margin-right: auto; padding: 5px; justify-content: space-between } .button-favorite { margin-left: 10px; flex-shrink: 0 } .button-favorite_mini { margin-right: 10px; margin-left: 10px; flex-shrink: 0; width: 34px; height: 34px } .button-favorite_mini .button-icon { background-image: url(/local/templates/mreason/images//icon-favorite.svg); background-repeat: no-repeat; background-position: center; transition: background .2s ease-out } .button-favorite_mini:hover .button-icon { background-image: url(/local/templates/mreason/images//icon-favorite-in.svg); background-color: #fff; border-left: 1px solid #c1af89; border-right: 1px solid #c1af89 } .b-card-mini-buttons { display: flex; flex-flow: wrap; width: 100%; max-width: 303px; margin-top: -10px } .b-card-mini-buttons .button-add-cart, .b-card-mini-buttons .button-sold-out { flex: 1 0 auto; padding-left: 5px; padding-right: 5px } .b-card-mini-buttons .button-show { flex: 1 0 auto; max-width: 100px; padding-left: 5px; padding-right: 5px } .b-card-mini-buttons .button-full-width { padding-left: 5px; padding-right: 5px } .b-card-mini-buttons a { margin-top: 10px } .b-card-horizontal-buttons { display: flex; flex-flow: wrap; width: 100%; max-width: 336px; margin-top: -10px; margin-left: -10px } .b-card-horizontal-buttons a, .b-card-horizontal-buttons button { margin-top: 10px; margin-left: 10px; line-height: 1.15 } .b-card-horizontal-buttons .button-add-cart { padding-left: 5px; padding-right: 5px; max-width: 92px; width: 100% } .b-card-horizontal-buttons .button-show { padding-left: 5px; padding-right: 5px; max-width: 90px; width: 100% } .b-card-horizontal-buttons .button-show_sm { max-width: 86px } .b-card-horizontal-buttons .button-pick-up { max-width: 80px; width: 100%; padding-left: 5px; padding-right: 5px } .b-card-horizontal-buttons .button-favorite_mini { margin-right: 0 } .b-card-horizontal-buttons .button-sold-out { padding-left: 5px; padding-right: 5px; max-width: 80px; width: 100% } .b-card-horizontal-buttons .button-inform { padding-left: 5px; padding-right: 5px; max-width: 96px; width: 100% } .b-card-horizontal-buttons .button-attention { max-width: 236px; width: 100% } @media (max-width: 768px) { .b-card-buttons { width: 100%; max-width: auto } .b-card-buttons .button-favorite, .button-default { width: 100%; max-width: 100% } .button-favorite { margin-left: 0 } .button-favorite_mini { width: 34px; height: 34px } .b-card-mini-buttons .button-show { width: calc(100% - 44px); max-width: 100% } .b-card-horizontal-buttons .button-default { width: 100%; max-width: 100% } .b-card-horizontal-buttons .button-favorite_mini { width: 34px } .b-card-horizontal-buttons .button-show { width: calc(100% - 54px) } } .button-favorite.favorite__button-filled:hover { background-color: #fff; color: #c1af89 } .button-favorite.favorite__button-filled { background-color: #c1af89; color: #fff } .button-favorite_mini.favorite__button-filled:hover .button-icon { background-image: url(/local/templates/mreason/images/icon-favorite.svg); background-color: #c1af89 } .button-favorite_mini.favorite__button-filled .button-icon { border-right: 1px solid #c1af89; border-left: 1px solid #c1af89; background-image: url(/local/templates/mreason/images/icon-favorite-in.svg); background-color: #fff } .widget-text.widget-content a { text-decoration: none } .promos .bx-wrapper .bx-viewport { min-height: 750px; height: 100% !important } @media (max-width: 428px) { .promos .bx-wrapper .bx-viewport { min-height: 500px } .only__mobile video, video.only__mobile { min-height: 500px; width: auto !important; max-width: 100% } } span.error.phone_confirm_error { position: absolute; left: 0; bottom: 15px } .first-preloader { display: none !important } .ex { display: flex; }
@media (max-width: 740px) {
    .tbl_scroll {
        overflow-x: scroll;
    }
}
.SmartCaptcha-Shield{
    z-index: 100;
}