::-webkit-input-placeholder {
color: #CCC;
}
::-moz-placeholder {
color: #CCC;
}
:-ms-input-placeholder {
color: #CCC;
}
:-moz-placeholder {
color: #CCC;
}
.container {
padding: 0 10px;
}
.page-header {
border-bottom: 2px solid #FF5377;
}
.page-header.menu-opened {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-top: 70px;
background: #FFF;
border-bottom-width: 0;
}
.page-header::-webkit-scrollbar {
display: none;
}
.page-header.menu-opened .container {
padding: 0;
}
.page-header-nav {
display: none;
}
.search-opened .page-header-nav {
display: block;
}
.page-header-nav-list {
margin-bottom: 20px;
}
.search-opened .page-header-nav-list {
display: none;
}
.menu-opened .page-header-nav-list {
display: block;
}
.page-header-nav-list > .page-header-nav-item > a,
.hidden-elements-list .page-header-nav-item {
font-family: "MuseoSansCyrl500";
}
.submenu-opened .page-header-nav-list > .page-header-nav-item:not(.active):not(.cosmeta-actions-item),
.submenu-opened .page-header-nav-list > .page-header-nav-item.active .has-submenu {
display: none;
}
.page-header-nav-list > .page-header-nav-item:not(.active),
.how-item {
padding: 10px 0;
}
.page-header-nav-item a:hover {
opacity: .6;
}
.page-header-nav-item.active {
margin-bottom: 120px;
}
.page-header-nav-item:not(.cosmeta-actions-item) {
font-size: 16px;
}
.page-header-nav-item:not(.cosmeta-actions-item) a {
color: #333;
}
.page-header-nav-item.stock a {
color: #FF5377;
}
.page-header-nav-item.stock a::after {
content: attr(data-count);
height: 17px;
font-size: 10px;
line-height: 17px;
display: inline-block;
background: #F7F5F5;
color: #666;
border-radius: 8px;
padding: 0 8px;
vertical-align: super;
margin-left: 5px;
padding-top: 1px;
}
.page-header-nav-item .submenu {
display: none;
}
.page-header-nav-item .submenu .page-header-nav-item {
padding: 8px 0;
}
.page-header-nav-item .submenu a {
font: 14px "MuseoSansCyrl300";
}
.submenu-opened .submenu {
display: block;
}
.page-header-search-form {
height: 35px;
margin-bottom: 15px;
display: none;
}
.search-opened:not(.menu-opened) .page-header-search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-header-search-form input[type="text"] {
font: 14px "MuseoSansCyrl500";
-ms-flex-preferred-size: calc(100% - 90px);
flex-basis: calc(100% - 90px);
border: 1px solid #F1F1F1;
padding: 0 15px;
}
.page-header-search-form input[type="submit"] {
flex-basis: 85px;
font: 12px/35px "MuseoSansCyrl500";
color: #FFF;
text-transform: uppercase;
margin-left: auto;
border: 1px solid #F36;
background: #F66;
}
.cosmeta-actions-item {
font-size: 14px;
}
.cosmeta-actions-item a::before,
.shop-locations-item::before {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.cosmeta-actions-item.box a::before {
content: url(../images/icon-gift.svg);
}
.cosmeta-actions-item.card a::before {
content: url(../images/icon-card.svg);
}
.close-btn,
.pop-up-close-button {
position: absolute;
width: 20px;
height: 20px;
background: url(../images/icon-close.svg) center center no-repeat;
top: 25px;
}
.pop-up-close-button {
right: 20px;
}
.close-btn {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.close-btn:hover {
opacity: .6;
}
.page-header .menu-close-btn {
display: none;
}
.page-header.menu-opened .menu-close-btn {
display: inline-block;
}
.submenu-close-btn {
font: 11px "MuseoSansCyrl500";
color: #999;
text-transform: uppercase;
background: url(../images/icon-arrow-prev.png) left center no-repeat;
background-size: 10px;
padding: 5px 0 5px 20px;
position: absolute;
top: 23px;
left: 20px;
display: none;
}
.menu-opened.submenu-opened .submenu-close-btn {
display: inline-block;
}
.hidden-elements,
.page-header-nav .search-btn,
.page-header-nav .nav-toogle,
.page-header-categories-wrapper {
display: none;
}
.shop-locations-item.city::before {
content: url(../images/icon-globe.svg);
width: 15px;
height: 16px;
}
.shop-locations-item.shop::before {
content: url(../images/icon-location.svg);
width: 15px;
height: 20px
}
.cosmeta-actions-item a {
color: #E95675;
position: relative;
}
.page-header-top-tablets {
display: none;
}
.page-header.menu-opened .page-header-top-tablets {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
background: #F7F5F5;
padding-bottom: 20px;
display: block;
width: 100%;
}
.page-header.menu-opened.submenu-opened .page-header-top-tablets {
padding-bottom: 0;
}
.page-header.menu-opened .page-header-nav {
display: block;
}
.page-header.menu-opened .page-header-nav {
width: 100%;
}
.page-header-sign-in {
width: 100%;
background: #FF5377;
height: 50px;
font: 14px/50px "MuseoSansCyrl700";
color: #FFF;
}
.page-header-sign-in:hover {
opacity: .6;
}
.page-header-sign-in::before {
content: url(../images/icon-lock.svg);
margin-right: 10px;
}
.shop-locations-list {
font: 12px "MuseoSansCyrl500";
margin: 30px 0 5px;
}
.submenu-opened .shop-locations-list {
display: none;
}
.shop-locations-item {
padding: 5px 0;
}
.shop-locations-item a {
color: #666;
display: inline-block;
border-bottom: 1px dotted #666;
}
.shop-locations-item a:hover {
opacity: .6;
}
.how-list {
font: 14px "MuseoSansCyrl300";
}
.submenu-opened .how-list {
display: none;
}
.how-item a {
color: #333;
}
.how-item a:hover {
opacity: .6;
}
.page-header-top-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
}
.page-header.menu-opened .page-header-top-mobile {
display: none;
}
.back-call {
width: 125px;
text-align: center;
background: #FF5377;
color: #FFF;
}
.back-call:hover {
opacity: .6;
}
.page-header-main-left-tablets .back-call {
display: inline-block;
font: 12px/25px "MuseoSansCyrl500";
margin-top: 10px;
}
.page-header-top-mobile .back-call {
font: 12px/30px "MuseoSansCyrl500";
}
.page-header-top-back-call:hover {
background: #D04260;
}
.page-header-top-number {
background: #F2F2F2;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font: 14px/30px "MuseoSansCyrl700";
padding: 0 10px;
}
/*IOS FIX*/
.page-header-top-number a[href^="tel"] {
color: #333;
}
.page-header-main {
padding: 10px 0 15px;
}
.page-header.menu-opened .page-header-main {
display: none;
}
.page-header-main > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-header-logo {
margin: 0 auto;
font-size: 0;
}
.page-header-logo img {
width: 115px;
height: 65px;
}
.page-header-main-left-mobile,
.page-header-main-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0;
}
.page-header-main-right-list {
text-align: right;
}
.menu-open-btn,
.search-btn,
.page-header-main-right-item a,
.page-footer-button {
width: 25px;
height: 25px;
}
.page-header-main-right-item {
display: inline-block;
position: relative;
margin-right: 15px;
}
.page-header-main-right-item a:hover {
opacity: .6;
}
.page-header-main-right-item a {
display: inline-block;
}
.menu-open-btn,
.page-footer-button {
background: url(../images/icon-humburger.png) center center no-repeat;
}
.menu-open-btn {
margin-right: 5px;
}
.search-btn {
background: url(../images/icon-search.svg) center center no-repeat;
}
.search-btn:hover {
opacity: .6;
}
.page-header-main-right-item.favourites a {
background: url(../images/icon-heart.svg) center center no-repeat;
}
.page-header-main-right-item.cart a {
background: url(../images/icon-cart.svg) center center no-repeat;
}
.page-header-main-right-item.cosmetacard {
display: none;
}
.page-header-main-right-item.favourites::after,
.page-header-main-right-item.cart::after {
content: attr(data-count);
font: 11px/20px "MuseoSansCyrl500";
width: 20px;
height: 20px;
background: #FF5377;
color: #FFF;
border-radius: 50%;
position: absolute;
text-align: center;
}
.page-header-main-right-item.favourites::after,
.page-header-main-right-item.cart::after {
right: -13px;
top: 0;
}
.page-header-main-left-tablets {
display: none;
}
.features-section {
padding: 10px 0;
}
.features-list {
white-space: nowrap;
overflow-x: scroll;
font-size: 0;
background: #F7F5F5;
-webkit-overflow-scrolling: touch;
overflow-y: hidden;
}
.features-list::-webkit-scrollbar {
display: none;
}
.feature-item {
font: 10px/14px "MuseoSansCyrl900";
color: #333;
display: inline-block;
text-transform: uppercase;
width: calc(100% - 65px);
padding: 25px 0 25px 90px;
height: 75px;
vertical-align: top;
}
.feature-item.free-shipping {
background: url(../images/features-1.png) 15px center no-repeat;
}
.feature-item.trained-consultants {
background: url(../images/features-2.png) 15px center no-repeat;
}
.feature-item.direct-deliveries {
background: url(../images/features-3.png) 15px center no-repeat;
}
.feature-item.home-testing {
background: url(../images/features-4.png) 15px center no-repeat;
}
main > .specials-section {
margin-bottom: 40px;
}
.article .specials-section {
margin-bottom: 25px;
}
.discounts-section .specials-section {
display: none;
}
.specials-slider-item {
display: block;
padding: 70px 15px 220px;
background: #98DDF4 url(../images/specials-1.png) calc(100% + 15px) calc(100% + 85px) no-repeat;
position: relative;
color: #333;
background-size: 250px;
}
.specials-item,
.specials-slider-item,
.big-aside-item {
font-family: "MuseoSansCyrl300";
}
.specials-slider-item .specials-item-title {
font-size: 29px;
margin-bottom: 20px;
}
.specials-item-description {
font-size: 14px;
line-height: 18px;
}
.specials-item-description span {
font-family: "MuseoSansCyrl900";
}
.specials-slider-item.stock::before {
content: "ÐкциÑ";
text-transform: uppercase;
position: absolute;
top: 20px;
left: 20px;
text-align: center;
font: 11px/30px "MuseoSansCyrl700";
color: #FFF;
width: 80px;
height: 30px;
background: #FF5377;
border-radius: 2px;
}
.specials-slider .owl-dots {
position: absolute;
font-size: 0;
bottom: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.specials-slider .owl-dots .owl-dot {
display: inline-block;
margin-right: 5px;
}
.specials-slider .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.specials-slider .owl-dots .owl-dot {
width: 13px;
height: 13px;
border-radius: 50%;
background: rgba(255, 255, 255, .6);
}
.specials-slider .owl-dots .owl-dot.active {
background: #FFF;
}
.specials-item {
display: none;
}
body:not(.items-lines) .items-section {
text-align: center;
}
.items-section-title {
font: 26px "MuseoSansCyrl300";
color: #010101;
}
main > .items-section .items-section-title,
.categories-section .items-section-title {
margin: 0 0 20px;
}
.discount .items-section-title {
margin: 0 0 30px;
}
.items-section-title.with-line {
position: relative;
}
.items-section-title.with-line span {
display: inline-block;
position: relative;
padding: 0 20px;
background: #FFF;
z-index: 1;
}
.items-section-title.with-line::after {
content: "";
position: absolute;
background: #333;
width: 100%;
height: 1px;
top: 50%;
left: 0;
}
.items-section-item {
position: relative;
padding: 35px 30px 45px;
}
.item-suggestions .items-section-item {
display: inline-block;
width: 100%;
}
.item-label {
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
font-family: "MuseoSansCyrl500";
color: #FFF;
text-transform: uppercase;
}
body:not(.items-lines) .item-label {
position: absolute;
}
.items-lines .item-label {
margin-top: 10px;
}
.items-section .item-label {
top: 30px;
right: 30px;
}
.unit-sliders-wrapper .item-label {
top: 20px;
left: 20px;
z-index: 1;
}
.item-label.stock {
background: #F6F;
font-size: 11px;
line-height: 50px;
}
.item-label.novelty {
background: #6F9;
font-size: 9px;
line-height: 50px;
}
.item-label.bestseller {
background: #F96;
font-size: 10px;
line-height: 9px;
padding: 15px 0;
}
.items-section {
margin-bottom: 10px;
}
.item-suggestions .items-section {
white-space: nowrap;
position: relative;
padding-bottom: 30px;
font-size: 0;
}
.item-img {
display: inline-block;
width: 157px;
}
.item-img:hover {
opacity: .6;
}
body:not(.items-lines) .item-img {
margin-bottom: 15px;
}
.item-img img {
width: 100%;
height: 157px;
-o-object-fit: contain;
object-fit: contain;
}
.item-info {
margin-bottom: 15px;
}
.item-title {
font: 17px/22px "MuseoSansCyrl500";
margin-bottom: 5px;
color: #333;
display: grid;
}
.item-title:hover {
opacity: .6;
}
.profile-order-item .item-title {
font: 15px/19px "MuseoSansCyrl500";
}
.item-brand::after {
content: '\A';
white-space: pre;
}
.item-type {
font: 14px/16px "MuseoSansCyrl300";
color: #999;
}
body:not(.items-lines) .items-section-item .item-type {
margin-bottom: 30px;
}
.bag-order-item .item-type {
margin-bottom: 20px;
}
body:not(.items-lines) .items-section .br-wrapper {
margin: -30px 0 15px;
}
.unit-rating-recall .br-wrapper {
margin: -5px 15px 0 0;
}
.categories-section .br-wrapper {
display: none;
}
.items-section .item-price {
font: 20px/22px "MuseoSansCyrl300";
color: #333;
}
.item-price.discount {
color: #F66;
}
.items-section-item .old-price {
font: 13px "MuseoSansCyrl300";
display: inline-block;
vertical-align: middle;
margin-right: 20px;
color: #333;
position: relative;
}
.items-section-item .old-price::before {
content: "";
width: 120%;
height: 2px;
background: #333;
position: absolute;
transform: rotate(-20deg);
top: 7px;
left: -10%;
}
.profile-product-count {
font: 14px 'MuseoSansCyrl500';
color: #333;
}
.item-add-to-cart {
height: 40px;
width: 160px;
text-align: center;
background: #FF5377;
font: 14px/40px "MuseoSansCyrl500";
color: #FFF;
}
.item-add-to-cart:hover {
background: #D04260;
}
.item-add-to-cart::before {
content: "";
width: 40px;
height: 40px;
float: left;
background: #D04260 url(../images/icon-cart-white.svg) center center no-repeat;
}
.item-add-to-favourites {
height: 25px;
width: 25px;
background: url(../images/icon-heart-pink.png) center center no-repeat;
}
.items-section .item-add-to-favourites {
position: absolute;
}
body:not(.items-lines) .items-section .item-add-to-favourites {
top: 30px;
left: 30px;
}
body.items-lines .items-section .item-add-to-favourites {
top: 20px;
left: 15px;
}
.item-add-to-favourites.selected {
background-image: url(../images/icon-heart-pink-painted.png);
}
.item-add-to-favourites .hint {
position: absolute;
display: none;
font: 12px/13px "MuseoSansCyrl500";
color: #666;
text-align: left;
top: 40px;
left: -10px;
border-radius: 2px;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
white-space: normal;
}
.item-add-to-favourites .hint .content {
position: relative;
display: block;
z-index: 1;
background: #FFF;
padding: 10px 15px;
width: 105px;
}
.item-add-to-favourites .hint::before,
.tooltip-body::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -7px;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
}
.item-add-to-favourites .hint::before {
left: 15px;
}
.tooltip-body::before {
right: 53px;
}
.item-add-to-favourites:hover .hint {
display: block;
}
.in-favourites,
.item-add-to-favourites.selected .not-in-favourites {
display: none;
}
.item-add-to-favourites.selected .in-favourites {
display: inline;
}
.item-vendor-code {
display: none;
}
.items-section-slider .owl-prev,
.items-section-slider .owl-next {
position: absolute;
top: 50%;
width: 35px;
height: 35px;
font-size: 0;
z-index: 1;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.items-section-slider .owl-next {
background: #FBFBFB url(../images/icon-arrow-next.png) center center no-repeat;
right: 0;
}
.items-section-slider .owl-prev {
background: #FBFBFB url(../images/icon-arrow-prev.png) center center no-repeat;
left: 0;
}
.items-section-slider .disabled {
opacity: .6;
}
.banner-section {
padding: 20px 0 25px;
}
.items-section-slider .owl-prev:hover,
.items-section-slider .owl-next:hover {
opacity: .6;
}
.banner-item {
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "MuseoSansCyrl300";
color: #333;
}
.banner-item:not(.blue) {
background: #98F4D2;
}
.banner-item.blue {
background: #98DBF4;
}
.banner-item-name {
font-size: 26px;
}
.banner-item .tablets-visible {
display: none;
}
.banner-section-item-img {
font-size: 0;
}
.banner-item-text,
.banner-section-item-img {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.banner-section-item-img {
padding-right: 25px;
}
.banner-section-item-img img {
max-width: 100%;
height: 110px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top left;
object-position: top left;
}
.banner-section-more {
display: none;
}
.about-section {
text-align: center;
background: #F7F5F5;
padding: 20px 0 30px;
color: #333;
}
.about-section-text {
font: 12px/18px "MuseoSansCyrl300";
}
.about-section-toggle {
display: none;
}
.about-section-title {
font: 20px "MuseoSansCyrl700";
margin-bottom: 15px;
}
.about-section-text .tablets-visible,
.about-section-text .desktops-visible,
.about-section-text .hidden-text {
display: none;
}
.subscribe-section {
padding: 25px 0;
background: #FF5377;
text-align: center;
color: #FFF;
}
.subscribe-section-title span {
font-family: "MuseoSansCyrl700";
}
.subscribe-section-title span::after {
content: '\A';
white-space: pre;
}
.subscribe-section-title::before {
content: url(../images/icon-envelope.png);
display: block;
width: 52px;
height: 33px;
margin: 0 auto 10px;
}
.subscribe-section-title {
font: 15px/22px "MuseoSansCyrl300";
margin-bottom: 25px;
}
.subscribe-section-form {
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.subscribe-section-form input[type="email"] {
border-width: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-indent: 20px;
border-radius: 0;
-webkit-appearance: none;
font: 14px "MuseoSansCyrl300";
padding: 0;
}
.subscribe-section-form input[type="submit"] {
background: #D74967;
font: 14px "MuseoSansCyrl700";
color: #FFF;
width: 120px;
border-width: 0;
border-radius: 0;
padding: 0;
-webkit-appearance: none;
-webkit-transition: background .35s ease;
-o-transition: background .35s ease;
transition: background .35s ease;
cursor: pointer;
}
.subscribe-section-form input[type="submit"]:hover {
background: #B12B48;
}
.page-footer {
background: #F7F5F5;
text-align: center;
padding: 15px 0;
}
.page-footer-lists {
margin-bottom: 30px;
}
.page-footer-lists,
.socails-payment-lists-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-services-lists-wrapper {
display: none;
padding-bottom: 20px;
}
.lists-visible .about-services-lists-wrapper {
display: block;
}
.about-services-lists-wrapper
.about-company-list,
.company-services-list {
font: 14px "MuseoSansCyrl300";
}
.about-company-list {
margin-bottom: 20px;
}
.payment-systems-list,
.socials-list {
font-size: 0;
}
.payment-systems-list {
display: none;
}
.lists-visible .payment-systems-list {
display: block;
}
.about-company-item,
.company-services-item {
padding: 5px 0;
}
.about-company-item a,
.company-services-item a {
color: #666;
}
.company-services-item a:hover,
.about-company-item a:hover {
opacity: .6;
}
.payment-systems-item {
margin-bottom: 10px;
}
.payment-systems-item:last-child {
margin-bottom: 0;
}
.payment-systems-item img {
width: 70px;
}
.lists-visible .socials-list {
margin-bottom: 20px;
}
.socials-item {
display: inline-block;
margin-right: 5px;
}
.socials-item:last-child {
margin-right: 0;
}
.socials-item a {
display: inline-block;
width: 35px;
height: 35px;
}
.socials-item a:hover {
opacity: .6;
}
.socials-item.socials-item-fb a {
background: url(../images/icon-fb.svg) center center no-repeat;
}
.socials-item.socials-item-vk a {
background: url(../images/icon-vk.svg) center center no-repeat;
}
.socials-item.socials-item-inst a {
background: url(../images/icon-inst.svg) center center no-repeat;
}
.socials-list::before,
.about-company-list::before,
.company-services-list::before {
display: block;
font: 14px "MuseoSansCyrl700";
color: #333;
}
.socials-list::before {
content: "ПодпиÑывайтеÑÑŒ в ÑоцÑетÑÑ…";
margin-bottom: 15px;
}
.about-company-list::before {
content: "О компании";
margin-bottom: 10px;
}
.company-services-list::before {
content: "ОбÑлуживание";
margin-bottom: 10px;
}
.copyright {
font: 13px "MuseoSansCyrl500";
color: #CCC;
}
.page-footer-button {
margin-bottom: 25px;
}
.pop-ups-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
display: none;
z-index: 2;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
.pop-ups-wrapper::-webkit-scrollbar {
display: none;
}
.pop-ups-wrapper.visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 25px 0
}
.pop-ups-wrapper-inner {
margin: auto;
padding: 25px 0;
}
.pop-up {
position: relative;
width: 280px;
background: #FFF;
color: #333;
display: none;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
.callback-pop-up {
padding-top: 80px;
padding-bottom: 80px;
}
.feedback-pop-up {
padding-top: 80px;
padding-bottom: 75px;
}
.subscription-pop-up {
padding-top: 80px;
padding-bottom: 50px;
}
.pass-recovery-pop-up-1,
.pass-recovery-pop-up-2,
.pass-recovery-pop-up-3 {
padding-top: 80px;
padding-bottom: 55px;
}
.city-pop-up,
.sign-up-pop-up,
.sign-in-pop-up {
padding-top: 70px;
padding-bottom: 50px;
}
.cosmetacard-pop-up {
padding-top: 70px;
padding-bottom: 60px;
}
.comment-edit-pop-up {
padding-top: 70px;
padding-bottom: 60px;
}
.comment-delete-pop-up {
padding-top: 70px;
padding-bottom: 60px;
}
.comment-delete-pop-up .delete-links{
margin-top: 23px;
}
.comment-delete-pop-up .delete-links a{
display: inline-block;
margin-right: 35px;
color: #FF5377;
font: 14px/20px "MuseoSansCyrl500";
}
.pop-up.visible {
display: block;
}
.pop-up-header {
font: 18px/24px "MuseoSansCyrl700";
text-transform: uppercase;
margin-bottom: 20px;
}
.pop-up-text {
font: 14px/20px "MuseoSansCyrl500";
}
.pop-up-form:not(.cosmetacard-regisrtation-form),
.pass-recovery-pop-up-2 .button,
.feedback-pop-up .button {
margin-top: 35px;
}
.cosmetacard-pop-up .pop-up-form {
margin-top: 15px;
}
.cosmetacard-pop-up .button {
margin-top: 10px;
}
.sign-in-pop-up .button {
margin-top: 20px;
}
.pop-up-form > label,
.item-recalls-form > label {
display: inline-block;
width: 100%;
}
.pop-up-form:not(.cosmetacard-regisrtation-form) > label {
margin-bottom: 15px;
}
.cosmetacard-pop-up .pop-up-form > label {
margin-bottom: 10px;
}
.item-recalls-form label {
margin-bottom: 20px;
}
.item-recalls-form label:nth-last-child(4) {
margin-bottom: 5px;
}
.field-title {
font: 14px/16px "MuseoSansCyrl300";
display: inline-block;
margin-bottom: 5px;
}
.one-line-field,
.pop-up-form textarea,
.item-recalls-form textarea,
.contact-us-form textarea,
.promo-field {
width: 100%;
background: #F7F5F5;
padding: 0 20px;
border: 2px solid #F7F5F5;
/*IOS*/
box-shadow: none;
}
.one-line-field,
.three-line-field {
height: 45px;
font: 14px/45px "MuseoSansCyrl300";
}
.promo-field {
height: 45px;
font: 14px/45px "MuseoSansCyrl500";
color: #999;
}
.one-line-field.error,
.three-line-field.error {
border-color: #FF5377;
}
.three-line-field {
width: 30%;
min-width: 105px;
background: #F7F5F5;
border-width: 0;
margin-right: 10px;
padding: 0 20px;
border: 2px solid #F7F5F5;
/*IOS*/
box-shadow: none;
}
.three-line-field.index-field {
margin-right: 0;
}
.pop-up-form textarea,
.item-recalls-form textarea,
.contact-us-form textarea {
font: 14px/20px "MuseoSansCyrl300";
resize: none;
padding-top: 10px;
padding-bottom: 10px;
}
.pop-up-form textarea {
height: 235px;
}
.item-recalls-form textarea {
height: 145px;
}
.contact-us-form textarea {
height: 165px;
margin-bottom: 10px;
}
.validate-form label.error {
font: 12px/16px "MuseoSansCyrl300";
color: #FF5377;
}
.forget-password {
float: right;
margin-top: -5px;
font: 14px "MuseoSansCyrl300";
color: #999;
border-bottom: 1px dotted #999;
}
.register-link-wrapper,
.acount-already-exists-wrapper,
.register-cosmetacard-link-wrapper,
.use-promocode-wrapper {
text-align: center;
text-transform: uppercase;
font: 10px "MuseoSansCyrl700";
}
.register-link-wrapper,
.register-cosmetacard-link-wrapper {
margin-top: 15px;
}
.acount-already-exists-wrapper {
margin-top: 5px;
}
.register-link,
.acount-already-exists,
.use-promocode {
color: #333;
}
.use-promocode:hover {
opacity: .6;
}
.register-cosmetacard-link {
color: #FF5377;
display: inline-block;
border-bottom: 1px dotted #FF5377;
}
.cosmetacard-pop-up .register-link,
.acount-already-exists {
display: inline-block;
border-bottom: 1px dotted #333;
}
.button {
height: 45px;
width: 100%;
background: #FF5377;
text-align: center;
text-transform: uppercase;
font: 13px/45px "MuseoSansCyrl500";
color: #FFF;
border-width: 0;
}
.button:not(.grey):hover {
background: #D04260;
}
a.button {
display: inline-block;
}
input[type="submit"].button {
border-radius: 0;
}
.button.grey {
color: #CCC;
background: transparent;
}
.socials-sign-in-list {
font-size: 0;
margin-top: 15px;
}
.socials-sign-in-item {
display: inline-block;
margin-right: 5px;
position: relative;
}
.socials-sign-in-item a {
display: inline-block;
width: 35px;
height: 35px;
}
.socials-sign-in-item.fb a {
background: url(../images/icon-fb-2.png) center center no-repeat;
}
.socials-sign-in-item.vk a {
background: url(../images/icon-vk-2.png) center center no-repeat;
}
.socials-sign-in-item.inst a {
background: url(../images/icon-inst-2.png) center center no-repeat;
}
.socials-sign-in-item:last-child {
margin-right: 0;
}
.social-network p {
color: #333;
font: 14px 'MuseoSansCyrl500';
margin: 0 0 20px 7px;
}
.socila-network-links .socials-list::before {
content: "";
}
.socila-network-links {
margin-left: 5px;
}
.socila-network-links .socials-sign-in-item {
margin-right: 10px;
}
.socila-network-links .socials-sign-in-item.active:before {
content: "";
display: block;
position: absolute;
left: -6px;
top: -6px;
width: 14px;
height: 14px;
background: url("../images/icons/approved.png") no-repeat;
}
.citys-list {
font: 14px "MuseoSansCyrl500";
max-height: 270px;
overflow-y: auto;
margin-top: 25px;
}
.citys-list::-webkit-scrollbar {
width: 6px;
}
.citys-list::-webkit-scrollbar-track {
background: #FFF;
}
.citys-list::-webkit-scrollbar-thumb {
background-color: #F7F5F5;
border-radius: 3px;
}
.city-item {
padding: 5px 0;
cursor: pointer;
}
.city-item.selected {
color: #FF5377;
}
.distribution-label input[type="checkbox"] {
display: none;
}
.distribution-label input[type="checkbox"]:checked + span::before {
content: "✓";
}
.distribution-label {
font: 14px/16px "MuseoSansCyrl300";
padding-left: 30px;
position: relative;
margin-top: 10px;
cursor: pointer;
}
.distribution-label span::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #FF5377;
left: 0;
top: 0;
color: #FF5377;
text-align: center;
line-height: 20px;
}
.profile-data-form input {
margin-top: 10px;
}
.profile-data-form input[type="submit"] {
margin-top: 30px;
}
.profile-data-form input.button.grey {
margin-top: 0;
}
input.button.grey {
cursor: pointer;
}
.profile-data-section {
margin-bottom: 65px;
}
.profile-menu {
position: relative;
background: #FBFCFC;
height: 50px;
margin-top: -15px;
}
.profile-menu-list {
position: absolute;
left: 50%;
top: 10px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 8px 13px 15px;
z-index: 0;
/*width: 150px;*/
}
.profile-menu-list.visible,
.catalogue-sort-list.visible {
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
background: #FFF;
z-index: 1;
}
.profile-menu-list a,
.catalogue-sort-list a {
color: #333;
}
.profile-menu-item.active a,
.catalogue-sort-item.current a {
color: #F66;
}
.catalogue-sort-item:not(.current) a:hover,
.catalogue-sort-item.selected:hover,
.profile-menu-item:not(.active) a:hover,
.profile-menu-item.selected:hover {
opacity: .6;
}
.profile-menu-item:not(:first-child),
.catalogue-sort-item:not(:first-child) {
margin-bottom: 10px;
visibility: hidden;
font: 14px "MuseoSansCyrl500";
}
.catalogue-sort-list > .catalogue-sort-item:not(:first-child) > a::before {
content: "по ";
}
.price-sort-item.selected a::after {
content: "↓";
display: inline-block;
margin-left: 5px;
font-size: 12px;
vertical-align: top;
}
.price-sort-item:not(.selected) {
display: none;
}
.visible .profile-menu-item:not(:first-child),
.visible .catalogue-sort-item:not(:first-child) {
visibility: visible;
}
.profile-menu-item.selected,
.catalogue-sort-item.selected {
margin-bottom: 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font: 14px "MuseoSansCyrl700";
}
.profile-menu-item.selected {
margin-bottom: 20px;
}
.catalogue-sort-item.selected {
margin-bottom: 15px;
}
.profile-menu-item.selected::after,
.catalogue-sort-item.selected::after {
content: "";
width: 11px;
height: 6px;
background: url(../images/icons/icon-vertical.png) left top no-repeat;
display: inline-block;
margin-left: 14px;
}
.profile-menu-item.selected.active::after,
.catalogue-sort-item.selected.active::after {
background-position: left bottom;
}
.profile-menu-item:last-child,
.catalogue-sort-item:last-child {
margin-bottom: 0;
}
.return-back-block {
margin: 25px 0 40px;
color: #333;
font: 14px/18px 'MuseoSansCyrl500';
}
.return-back-block .return-back-link {
margin: 25px 0 0 0;
display: block;
width: 225px;
font: 13px/45px 'MuseoSansCyrl500';
text-align: center;
text-transform: uppercase;
color: #FFF;
background: #FF5377;
height: 45px;
}
.profile-order-item .bag-row {
padding-bottom: 0;
border-bottom: none;
}
.return-back-block {
margin: 25px 0 40px;
color: #333;
font: 14px/18px 'MuseoSansCyrl500';
}
.return-back-block .return-back-link {
margin: 25px 0 0 0;
display: block;
width: 225px;
font: 13px/45px 'MuseoSansCyrl500';
text-align: center;
text-transform: uppercase;
color: #FFF;
background: #FF5377;
height: 45px;
}
.profile-orders-wrap .profile-order-item {
overflow: hidden;
margin-bottom: 12px;
max-height: 50px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: max-height .5s ease-out;
-o-transition: max-height .5s ease-out;
transition: max-height .5s ease-out;
}
.profile-orders-wrap .profile-order-item.active {
max-height: 5000px;
-webkit-transition: max-height .5s ease-in;
-o-transition: max-height .5s ease-in;
transition: max-height .5s ease-in;
}
.profile-order-item .bag-row {
padding-bottom: 0;
border-bottom: none;
}
.order-short-desc {
display: flex;
height: 53px;
font: 14px 'MuseoSansCyrl500';
/*line-height: 53px;*/
color: #333;
justify-content: space-between;
align-items: center;
padding: 0 10px;
}
.order-short-desc .right-part {
width: 59%;
display: flex;
justify-content: space-between;
}
.customer-name-preview,
.order-price-preview {
opacity: 1;
-webkit-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.no-mobile {
display: none;
}
.order-short-desc .order-num {
display: inline-block;
/*margin-right: 20px;*/
/*height: 20px;*/
border-bottom: 1px dotted #333;
}
.order-short-desc .order-status {
display: inline-block;
width: 120px;
}
.order-short-desc .order-status:before {
display: inline-block;
content: "";
width: 10px;
height: 10px;
margin-right: 10px;
border-radius: 50%;
}
.order-short-desc .order-status.delivery-end {
color: #3C0;
}
.order-short-desc .order-status.delivery-end:before {
background: #3C0;
}
.order-short-desc .order-status.delivery-process {
color: #FAA209;
}
.order-short-desc .order-status.delivery-process:before {
background: #FAA209;
}
.order-short-desc .order-status.canceled {
color: #FF5377;
}
.order-short-desc .order-status.canceled:before {
background: #FF5377;
}
.show-order-info-link,
.show-comment-link {
display: inline-block;
width: 17px;
height: 17px;
background: url("../images/icons/arrows-sprite.png") center top no-repeat;
}
.profile-order-item.active .show-order-info-link,
.profile-comment-item.active .show-comment-link {
background-position: center bottom;
}
.show-comment-link {
position: absolute;
right: 15px;
top: 19px;
}
.delivery-title {
font: 14px/20px "MuseoSansCyrl900";
margin: 0 0 10px 0;
}
.delivery-data-text {
font: 14px/20px "MuseoSansCyrl300";
color: #333;
}
.delivery-data-text p {
margin: 0;
}
.profile-order-final-info {
font: 14px 'MuseoSansCyrl300';
margin-top: 25px;
}
.profile-order-final-info table {
margin-bottom: 30px;
}
.profile-order-final-info tr td:first-child {
width: 90px;
font-family: 'MuseoSansCyrl900';
}
.profile-order-final-info tr.profile-order-final-summ td {
width: 90px;
font-size: 16px;
text-transform: uppercase;
}
.profile-order-final-info .order-date {
font: 14px 'MuseoSansCyrl500';
}
.cancel-order {
display: block;
margin: 25px 0 0 0;
height: 45px;
font: 13px/45px 'MuseoSansCyrl500';
text-align: center;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
background: #FF5377;
}
.profile-data-wrapper {
position: relative;
}
.profile-data-wrapper .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.return-back-list {
position: relative;
height: 30px;
margin: 20px 0;
}
.return-back-list .profile-menu-list {
left: 0;
top: 0;
transform: none;
width: 150px;
}
.return-product-section {
margin-bottom: 60px;
position: relative;
}
.return-product-section .bag-table {
padding: 0;
}
.return-product-section .profile-order-item {
max-height: 2000px;
}
.return-instruction {
padding: 20px 20px 25px 30px;
color: #333;
font: 14px/22px 'MuseoSansCyrl500';
background: #F7F5F5;
}
.return-instruction h5 {
font: 14px 'MuseoSansCyrl900';
}
.return-instruction p {
margin: 0;
}
.return-instruction p strong {
margin: 20px 0;
display: inline-block;
color: #FF5377;
font-weight: normal;
}
.return-other {
margin-top: 15px;
}
.return-other p {
font: 12px 'MuseoSansCyrl500';
margin: 0;
}
.download-link {
display: block;
margin-top: 20px;
height: 45px;
font: 13px/45px "MuseoSansCyrl500";
text-transform: uppercase;
text-align: center;
color: #FFF;
background: #FF5377;
}
.breadcrumbs-list {
display: none;
}
.page-title {
font: 24px/28px "MuseoSansCyrl900";
color: #333;
text-transform: uppercase;
margin: 30px 0 35px;
}
.categories-section {
margin-bottom: 75px;
}
.page-title.left {
text-align: left;
}
.page-title.center {
text-align: center;
}
.page-title.center-mobile {
text-align: center;
}
.subtitle {
margin: 40px 0 25px;
color: #333;
font: 14px/20px 'MuseoSansCyrl700';
text-transform: uppercase;
}
.filters {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #FFF;
overflow-y: auto;
z-index: 2;
display: none;
}
.categories-filters {
padding: 90px 30px 45px;
}
.catalogue-filters {
padding: 75px 30px 45px;
}
.discounts-filters {
padding: 95px 30px 45px;
}
.filters.visible {
display: block;
}
.filters::-webkit-scrollbar {
display: none;
}
.categories-filters-list-wrapper {
margin-bottom: 55px;
}
.show-all,
.show {
font: 13px "MuseoSansCyrl500";
color: #999;
border-bottom: 1px dashed #999;
cursor: pointer;
}
.show-all:hover,
.show:hover {
opacity: .6;
}
.filters-item .show-all {
display: inline-block;
margin-top: 10px;
}
.show-all::before {
content: "Показать вÑе";
}
.show-all.active::before {
content: "Скрыть";
}
/*Из-за кнопки*/
.categories-filters-list-wrapper:nth-last-child(2) {
margin-bottom: 0;
}
.categories-filters-item {
font: 15px "MuseoSansCyrl300";
margin-bottom: 10px;
}
.overflowed-list .overflowed-item {
display: none;
}
.overflowed-list.overflowed-items-visible .overflowed-item {
display: list-item;
}
.categories-filters-item a {
color: #333;
}
.categories-filters-item a:hover {
opacity: .6;
}
.filters-open {
background: #FBFCFC;
width: calc(100% + 20px);
margin: -5px -10px 0;
font: 14px/50px "MuseoSansCyrl500";
color: #333;
display: block;
}
.filters-open:hover {
opacity: .6;
}
.filters-open::before {
content: url(../images/icon-list.png);
margin-right: 10px;
}
.categories-section .categories-list {
padding: 0 20px;
margin: 20px 0 45px;
}
.categories-section .categories-item a {
display: block;
font: 16px/22px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
}
.categories-section .categories-item a:hover {
opacity: .6;
}
.categories-item.gift-and-kits,
.categories-item.stocks {
margin-bottom: 20px;
}
.categories-item.gift-and-kits a {
height: 260px;
text-align: center;
background: #E9B0F5 calc(100% + 25px) calc(100% + 10px) no-repeat;
padding-top: 30px;
}
.categories-item.stocks a {
height: 260px;
text-align: center;
background: #93D5ED center calc(100% + 10px) no-repeat;
padding-top: 45px;
background-size: cover;
}
.categories-item.brands a {
height: 260px;
text-align: center;
background: #F4F3F3 calc(100% + 40px) calc(100% + 10px) no-repeat;
padding-top: 45px;
}
.categories-item.collections,
.categories-item.make-up-lessons {
display: none;
}
.categories-section .pagination {
display: none;
}
.profile-data-wrapper .pagination,
.news-section .pagination,
.catalogue-section .pagination,
.discounts-section .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination {
height: 50px;
padding: 0 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FBFCFC;
font-family: "MuseoSansCyrl300";
}
.news-section .pagination {
margin: 80px -10px 25px;
}
.profile-data-wrapper .pagination {
margin: 40px -10px 15px;
}
.catalogue-section .pagination {
margin: 10px -10px 20px;
}
.discounts-section .pagination {
margin: 75px -10px 65px;
}
.pagination a {
color: #333;
}
.pagination-item:not(.active) a:hover {
opacity: .6;
}
.pagination-item {
display: inline-block;
margin-right: 25px;
font-size: 20px;
}
.pagination-item:last-child {
margin-right: 0;
}
.pagination-item.active a {
color: #FF5377;
font-family: "MuseoSansCyrl700";
}
.pagination-prev,
.pagination-next {
font-size: 16px;
}
.pagination-prev:hover,
.pagination-next:hover {
opacity: .6;
}
.pagination-prev::before {
content: url(../images/icon-arrow-left.png);
display: inline-block;
margin-right: 10px;
}
.pagination-next::after {
content: url(../images/icon-arrow-right.png);
display: inline-block;
margin-left: 10px;
}
.pagination .pagination-prev span,
.pagination .pagination-next span,
.pagination-item:nth-child(4),
.pagination-item:nth-child(5) {
display: none;
}
.bag-section {
/*padding: 0 10px;*/
margin-bottom: 140px;
}
.profile-order-item .bag-table {
margin-bottom: 25px;
}
.bag-row {
padding-bottom: 40px;
border-bottom: 4px dashed #EAE9E9;
margin-bottom: 25px;
}
.bag-order-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.bag-order-item:nth-child(1n + 2) {
border-top: 1px solid #FCFCFC;
padding-top: 20px;
}
.bag-order-item .img {
-ms-flex-preferred-size: 85px;
flex-basis: 85px;
height: 85px;
margin-right: 15px;
background: #FCFCFC;
border: 1px solid #F7F7F6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bag-order-item .img img {
width: 100%;
height: 65px;
-o-object-fit: contain;
object-fit: contain;
}
.bag-order-item .info {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
}
.bag-item-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bag-item-form input[type="text"] {
width: 80px;
height: 35px;
margin-right: 10px;
border: 1px solid #F7F7F6;
font: 16px/22px "MuseoSansCyrl500";
color: #333;
text-align: center;
}
.bag-item-form .update-quantity {
width: 25px;
height: 25px;
background: url(../images/icon-reset.png) center center no-repeat;
}
.bag-item-form .update-quantity:hover {
opacity: .6;
}
.bag-item-form .delete {
width: 15px;
height: 15px;
margin-left: auto;
background: url(../images/icon-close.svg) center center no-repeat;
}
.bag-item-form .delete:hover {
opacity: .6;
}
/*Ð”Ð»Ñ Ñ‚Ð¾Ð³Ð¾ чтобы цена переходила на новую Ñтрочку, не мог задать ей Ñ„Ð»ÐµÐºÑ Ð±Ð°ÑÐ¸Ñ 100, потому
что там еть Ñлиент перечеркиваниÑ*/
.bag-item-form::before,
.unit-buy::before {
content: "";
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.bag-order-item .item-price {
margin-top: 25px;
text-align: center;
-ms-flex-order: 1;
order: 1;
font: 18px "MuseoSansCyrl500";
color: #333;
}
.bag-order-item .old-price,
.unit-price .old-price {
font: 16px/22px "MuseoSansCyrl300";
position: relative;
display: inline-block;
margin-top: 5px;
}
.bag-order-item .old-price {
color: #CCC;
}
.unit-price .old-price {
color: #333;
}
.bag-order-item .old-price::after,
.unit-price .old-price::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #F99;
transform: rotate(-15deg);
left: 0;
top: 10px;
}
.bag-order-info {
margin: 0 10px;
padding: 30px 30px 20px;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
}
.bag-order-info .quantity {
font: 16px/22px "MuseoSansCyrl700";
margin-bottom: 15px;
}
.bag-order-info table {
font: 13px "MuseoSansCyrl500";
color: #CCC;
border-spacing: 0;
margin-bottom: 10px;
}
.bag-table table .stock {
color: #FF5377;
}
.bag-order-info table td:nth-child(1) {
padding-right: 5px;
}
.bag-order-info table td:nth-child(2) {
padding-left: 5px;
}
.bag-order-info .price {
font: 27px/33px "MuseoSansCyrl700";
color: #333;
margin-bottom: 25px;
}
.tooltip {
position: relative;
display: inline;
}
.tooltip-toggle {
display: inline-block;
font: 12px/20px "MuseoSansCyrl700";
color: #999;
width: 20px;
height: 20px;
text-align: center;
background: #F5F5F5;
border-radius: 50%;
margin-left: 5px;
cursor: pointer;
}
.tooltip-toggle:hover {
opacity: .6;
}
.tooltip-body {
font: 14px/18px "MuseoSansCyrl300";
color: #333;
position: absolute;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
background: #FFF;
left: -165px;
top: 30px;
display: none;
}
.tooltip-body .content {
padding: 20px 15px;
width: 240px;
position: relative;
background: #FFF;
}
.tooltip-toggle:hover + .tooltip-body {
display: block;
}
.bag-order-form input[type="submit"],
.bag-total-form input[type="submit"] {
margin-bottom: 10px;
}
.bag-order-form input[type="text"],
.bag-total-form input[type="text"] {
text-align: center;
margin-bottom: 10px;
}
.bag-order-gifts::before {
content: "Ваши подарки";
display: block;
font: 16px/28px "MuseoSansCyrl900";
color: #333;
margin-bottom: 10px;
}
.gift-item-title {
font: 14px "MuseoSansCyrl500";
color: #333;
margin-bottom: 5px;
}
.gift-item-title:hover {
opacity: .6;
}
.bag-order-item .gift-description {
font: 14px/24px "MuseoSansCyrl300";
color: #999;
}
.bag-order-item .gift-price {
font: 18px/22px "MuseoSansCyrl500";
color: #FF5377;
display: inline-block;
margin-top: 10px;
}
.bag-order-hint {
font: 12px/18px "MuseoSansCyrl300";
color: #999;
margin: -10px 0 20px;
}
.bag-table .total > .content::before {
content: "Итого:";
font: 16px/22px "MuseoSansCyrl700";
color: #333;
display: block;
margin-bottom: 20px;
}
.bag-table .total table {
margin-bottom: 20px;
}
.bag-table .total table tr td:first-child {
padding-right: 10px;
}
.bag-table .total table tr td:nth-child(2) {
padding-left: 10px;
}
.bag-table .total table tr:not(:last-child) {
font: 13px "MuseoSansCyrl500";
}
.bag-table .total table tr:not(.stock) {
color: #333;
}
.bag-table .total table tr:last-child {
font-family: "MuseoSansCyrl700";
text-transform: uppercase;
}
.bag-table .total table tr:last-child td {
padding-top: 5px;
}
.bag-table .total table tr:last-child td:first-child {
font-size: 16px;
}
.bag-table .total table tr:last-child td:nth-child(2) {
font-size: 24px;
}
.continue-shopping-wrapper {
margin-top: 10px;
text-align: center;
text-transform: uppercase;
font: 13px "MuseoSansCyrl700";
}
.continue-shopping-wrapper a {
color: #CCC;
}
.continue-shopping-wrapper a:hover {
opacity: .6;
}
.bag-table-header {
display: none;
}
.article {
margin-bottom: 80px;
}
.static-text {
font: 16px/24px "MuseoSansCyrl300";
color: #333;
margin: 0 0 25px;
}
.article .static-text:nth-last-child(2),
.brand .static-text:nth-last-child(3),
.how-to-get .static-text:last-child,
.news-post .static-text:last-child,
.discount .static-text:last-child,
.how-to-order .static-text:last-child {
margin-bottom: 0;
}
.article .static-text:nth-child(2),
.contacts-section .static-text:first-child,
.discount .static-text:nth-child(2) {
margin-top: -15px;
}
article.cosmetacard p:nth-last-child(2) {
margin-top: -10px;
}
.static-text strong {
font-family: "MuseoSansCyrl700";
}
.share-list {
font-size: 0;
margin-top: 15px;
}
.unit-section .share-list {
display: none;
}
.share-item {
display: inline-block;
margin-right: 5px;
}
.share-item:last-child {
margin-right: 0;
}
.share-item a {
display: inline-block;
width: 25px;
height: 25px;
}
.share-item a:hover {
opacity: .6;
}
.share-item.facebook a {
background: url(../images/icon-fb-3.png) center center no-repeat;
}
.share-item.google-plus a {
background: url(../images/icon-google-plus.png) center center no-repeat;
}
.share-item.twitter a {
background: url(../images/icon-twitter.png) center center no-repeat;
}
.share-item.vkontakte a {
background: url(../images/icon-vk-3.png) center center no-repeat;
}
.share-item.telegram a {
background: url(../images/icon-telegram.png) center center no-repeat;
}
.share-item.instagram a {
background: url(../images/icon-inst-2.png) center center no-repeat;
background-size: cover;
}
.article aside,
.how-to-get aside,
.discount aside,
.how-to-pay aside,
.how-to-order aside {
display: none;
}
.brand {
margin-bottom: 40px;
}
.brand .specials-section {
margin-top: -15px;
}
.page-subtitle {
font: 18px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
margin: 30px 0 35px;
}
.brand-item-list {
overflow-x: scroll;
white-space: nowrap;
font-size: 0;
margin-right: -10px;
}
.brand-item-list-title {
font: 26px "MuseoSansCyrl300";
color: #010101;
margin: 35px 0;
}
.brand-item-list::-webkit-scrollbar {
display: none;
}
.brand-item-item {
display: inline-block;
margin-right: 20px;
}
.brand-item-item:last-child {
margin-right: 0;
}
.brand-item-item a {
display: block;
padding-top: 50px;
text-align: center;
width: 260px;
height: 260px;
color: #333;
}
.brand-item-item a:hover {
opacity: .6;
}
.brand-item-item .title {
font: 16px/22px "MuseoSansCyrl700";
text-transform: uppercase;
display: inline-block;
margin-bottom: 5px;
}
.brand-item-item .quantity {
font: 14px "MuseoSansCyrl300";
color: #999;
}
.brands-section {
margin-bottom: 55px;
padding: 0 10px;
}
.brands-section .categories-list {
display: none;
}
.brands-letters-list {
font-size: 0;
background: #FBFCFC;
margin: -15px -20px 30px;
padding: 10px;
}
.brand-letters-item {
display: inline-block;
margin: 0 10px;
}
.brand-letters-item:not(.disabled) {
cursor: pointer;
}
.brand-letters-item:not(.active) {
font: 18px/24px "MuseoSansCyrl300";
}
.brand-letters-item:not(.disabled):not(.active) {
color: #333;
}
.brand-letters-item:not(.disabled):not(.active):hover {
opacity: .6;
}
.brand-letters-item.disabled {
color: #CCC;
}
.brand-letters-item.active {
color: #FF5377;
font: 24px/24px "MuseoSansCyrl500";
}
.brands-list {
font: 16px "MuseoSansCyrl500";
color: #333;
}
.brand-item {
margin-bottom: 5px;
cursor: pointer;
}
.brand-item:last-child {
margin-bottom: 0;
}
.brand-item:hover {
color: #FF5377;
}
.how-to-get {
margin-bottom: 155px;
}
.news-section-item {
margin: 0 20px 40px;
}
.news-section-item:last-child {
margin-bottom: 0;
}
.news-section-item .img {
display: block;
margin-bottom: 20px;
}
.news-section-item .img img {
width: 100%;
display: block;
height: 170px;
-o-object-fit: cover;
object-fit: cover;
}
.news-section-item .title {
font: 16px/22px "MuseoSansCyrl500";
color: #333;
display: inline-block;
padding: 0 10px;
margin-bottom: 10px;
}
.news-post {
margin: -20px 0 45px;
}
.news-section-item .date,
.news-post .date {
font: 14px "MuseoSansCyrl300";
color: #999;
}
.news-section-item .date {
display: inline-block;
padding: 0 10px;
}
.news-post .img {
margin: 10px 0 30px;
}
.news-post .img img {
width: 100%;
height: 170px;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.catalogue-top-actions {
height: 50px;
background: #F8F9F9;
margin: -5px -10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px;
position: relative;
}
.catalogue-filter-open-btn {
background-color: transparent;
font: 14px "MuseoSansCyrl500";
color: #333;
}
.catalogue-filter-open-btn:hover {
opacity: .6;
}
.catalogue-filter-open-btn::before {
content: url(../images/icon-list.png);
margin-right: 10px;
}
.catalogue-sort-list {
font: 14px "MuseoSansCyrl500";
position: absolute;
top: 10px;
right: 10px;
padding: 8px 15px 15px;
z-index: 1;
}
.selected-filters {
padding: 25px 0 15px 20px;
margin-bottom: 15px;
background: #FBFCFC;
}
.selected-filters-list {
font-size: 0;
margin-bottom: 15px;
color: #333;
}
.selected-filters-list::before {
content: attr(data-title);
font: 18px "MuseoSansCyrl900";
display: block;
margin-bottom: 20px;
color: #333;
}
.selected-filter-item {
display: inline-block;
background: #E4E1E1;
padding: 5px 10px;
border-radius: 2px;
font: 14px "MuseoSansCyrl300";
margin: 0 5px 5px 0;
}
.selected-filter-item .delete {
background: url(../images/icon-cross.png);
width: 9px;
height: 9px;
margin-right: 5px;
}
.selected-filter-item .delete:hover {
opacity: .6;
}
.clear-filters {
font: 14px "MuseoSansCyrl500";
color: #999;
border-bottom: 1px dashed #999;
background-color: transparent;
}
.clear-filters:hover {
opacity: .6;
}
.filters-item {
border-bottom: 1px solid #F0F0F0;
padding-bottom: 10px;
margin-bottom: 5px;
}
.catalogue-filters .filters-item:nth-last-child(2),
.discounts-filters .filters-item:last-child {
margin-bottom: 0;
border-bottom-width: 0;
}
.filters-item .title {
font: 18px "MuseoSansCyrl900";
padding: 20px 0;
color: #333;
position: relative;
cursor: pointer;
}
.filters-item .title:hover {
opacity: .6;
}
.filters-item-body {
padding-bottom: 25px;
display: none;
}
.filters-item-body.visible {
display: block;
}
.filters-item .title::after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.filters-item .title:not(.active)::after {
background: url(../images/icon-plus-black.png) center center no-repeat;
width: 16px;
height: 16px;
}
.filters-item .title.active::after {
background: url(../images/icon-minus.png) center center no-repeat;
width: 16px;
height: 2px;
}
.catalogue-filters .categories-list,
.discounts-filters .categories-list {
font-size: 13px;
text-transform: uppercase;
margin-bottom: 10px;
}
.catalogue-filters .categories-list a,
.discounts-filters .categories-list a {
color: #333;
}
.catalogue-filters .categories-list .categories-item:not(.selected) a:hover,
.discounts-filters .categories-list .categories-item:not(.selected) a:hover {
opacity: .6;
}
.catalogue-filters .categories-list .categories-item,
.discounts-filters .categories-list .categories-item {
margin-bottom: 10px;
}
.catalogue-filters .categories-list .categories-item:not(.selected),
.discounts-filters .categories-list .categories-item:not(.selected) {
font-family: "MuseoSansCyrl300";
}
.catalogue-filters .categories-list .categories-item.selected,
.discounts-filters .categories-list .categories-item.selected {
font-family: "MuseoSansCyrl700";
}
.catalogue-filters .categories-list .categories-item:last-child,
.discounts-filters .categories-list .categories-item:last-child {
margin-bottom: 0;
}
.catalogue-price {
text-align: center;
font-size: 0;
margin-top: 10px;
}
.catalogue-price > span {
font: 14px "MuseoSansCyrl300";
}
.catalogue-price > span:not(.currency) {
margin-right: 5px;
}
.catalogue-price input[type="text"] {
width: 85px;
height: 35px;
border-radius: 2px;
border: 1px solid #EDECEC;
margin-right: 10px;
padding-left: 10px;
font: 14px/35px "MuseoSansCyrl700";
}
.price-slider {
height: 5px;
margin: 30px 0 15px;
position: relative;
cursor: pointer;
background: #EDECEC;
}
.price-slider .ui-slider-handle {
width: 16px;
height: 16px;
margin-left: -6px;
top: -6px;
border-radius: 50%;
position: absolute;
background: #FF5377;
z-index: 2;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.price-slider .ui-slider-range {
height: 5px;
background: #FF5377;
top: 50%;
position: absolute;
z-index: 1;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.filters-list {
font-size: 14px;
color: #333;
}
.filters-list-item {
margin-bottom: 10px;
}
.filters-list-item label:not(.selected) {
font-family: "MuseoSansCyrl300";
}
.filters-list-item label.selected {
font-family: "MuseoSansCyrl700";
}
.filters-list-item input[type="checkbox"] {
display: none;
}
.filters-list-item label {
position: relative;
}
.filters-list-item label:hover .checkbox-imitator {
opacity: .6;
}
.filters-list-item .checkbox-imitator {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 2px;
background: #F4F4F4;
vertical-align: bottom;
margin-right: 10px;
text-align: center;
color: #FFF;
cursor: pointer;
}
.filters-list-item input[type="checkbox"]:checked + .checkbox-imitator {
background: #FF5377;
}
.filters-list-item input[type="checkbox"]:checked + .checkbox-imitator::before {
content: "✓";
}
.filter-hint {
padding: 10px 15px;
background: #F4F3F3;
white-space: nowrap;
position: absolute;
right: -130px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.filter-hint::before {
content: "";
width: 0;
height: 0;
border-width: 10px 10px 10px 0;
border-style: solid;
border-color: transparent #F4F3F3 transparent transparent;
position: absolute;
left: -10px;
}
.filter-hint .quantity {
font: 12px "MuseoSansCyrl900";
color: #666;
}
.catalogue-filters-form input[type="submit"] {
margin-top: 5px;
}
.catalogue-section-right .banner-section {
display: none;
}
.order-page .page-header {
border-bottom: none;
}
.order-status-wrap {
position: relative;
margin-bottom: 35px;
}
.current-order-status {
color: #333;
font: 14px 'MuseoSansCyrl700';
overflow: hidden;
height: 50px;
position: relative;
padding-top: 35px;
}
.current-order-status .inactive {
color: #ECEAEA;
}
.current-order-status ul {
list-style-type: none;
width: 580px;
position: absolute;
left: 50%;
margin-left: -290px;
}
.current-order-status ul.cond1 {
/*margin-left: -171px;*/
margin-left: -54%;
}
.current-order-status ul.cond2 {
/*margin-left: -171px;*/
margin-left: -117%;
}
.current-order-status ul li {
display: inline-block;
position: relative;
width: 120px;
margin-left: 23px;
text-align: center;
}
.current-order-status ul li:first-child {
margin-left: 0;
}
.current-order-status ul li:not(:first-child):before {
display: inline-block;
position: absolute;
content: "";
width: 123px;
height: 2px;
background: #FF5377;
top: -22px;
left: -75px;
}
.current-order-status ul li:after {
display: block;
position: absolute;
content: "";
width: 24px;
height: 24px;
background: #FFF;
border: 2px solid #FF5377;
box-sizing: border-box;
border-radius: 50%;
left: 50%;
margin-left: -12px;
top: -33px;
z-index: 1;
}
.current-order-status ul li.inactive:not(:first-child):before {
background: #FCFCFC;
}
.current-order-status ul li.inactive:after {
background: #FCFCFC;
border: 0;
}
.current-order-status ul li.active:after {
border: 0;
background: url("../images/icons/red-approved.png");
}
.order-short-preview {
padding: 35px 40px 45px;
font: 16px/22px 'MuseoSansCyrl700';
color: #333;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.order-short-preview p {
margin: 0 0 15px 0;
}
.order-short-preview p.total-money {
margin: 10px 0 35px 0;
}
.order-short-preview table td {
font: 13px 'MuseoSansCyrl500';
min-width: 100px;
}
.order-short-preview .discount-money {
color: #FF5377;
}
.order-short-preview .delivery-money {
color: #CCC;
}
.order-short-preview .total-money {
font-size: 27px;
color: #000;
}
.order-address-section .existing-address {
margin-left: 30px;
position: relative;
}
.order-address-section .existing-address:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
left: -30px;
top: 0;
border: 1px solid #FF5377;
background: url("../images/icons/red-check-mark.png") center center no-repeat;
box-sizing: border-box;
}
.order-address-section .address-text {
font: 14px/20px 'MuseoSansCyrl300';
color: #333;
}
.order-address-section .address-text p {
margin: 0 0 1px;
}
.order-address-section .add-address-link {
display: inline-block;
margin: 25px 0 10px 30px;
font: 10px/14px "MuseoSansCyrl700";
color: #333;
height: 14px;
text-transform: uppercase;
border-bottom: 1px dotted #333;
}
section.order-comment {
margin: 40px 0 100px 0;
}
section.order-comment form > label {
font: 14px "MuseoSansCyrl700";
color: #333;
}
section.order-comment form textarea {
display: block;
margin: 15px 0 30px;
padding: 20px 25px 20px 30px;
width: 100%;
height: 180px;
font: 14px/20px "MuseoSansCyrl300";
color: #333;
border: none;
outline: none;
resize: none;
background: #F7F5F5;
}
.new-addr-block {
max-width: 335px;
}
.new-addr-block .new-addr-form-wrap{
display: none;
}
.new-addr-block.active .new-addr-form-wrap{
display: block;
}
.payment-way {
padding-bottom: 50px;
}
.payment-way .radio-wrap,
.payment-way .checkbox-wrap {
color: #333;
list-style-type: none;
font: 14px/20px "MuseoSansCyrl300";
}
.payment-way .radio-wrap li,
.payment-way .checkbox-wrap li {
height: 20px;
margin-bottom: 14px;
line-height: 20px;
}
.payment-way .radio-wrap input[type="radio"],
.payment-way .checkbox-wrap input[type="checkbox"] {
display: none;
}
.payment-way .radio-wrap label,
.payment-way .checkbox-wrap label {
display: inline-block;
vertical-align: middle;
}
.payment-way .radio-wrap input + label:before,
.payment-way .checkbox-wrap input + label:before {
display: inline-block;
vertical-align: middle;
content: "";
width: 18px;
height: 18px;
box-sizing: border-box;
border: 1px solid #FF5377;
margin-right: 12px;
}
.payment-way .radio-wrap input:checked + label,
.payment-way .checkbox-wrap input:checked + label {
font: 14px/20px "MuseoSansCyrl700";
}
.payment-way .radio-wrap input:checked + label:before,
.payment-way .checkbox-wrap input:checked + label:before {
background: url("../images/icons/red-check-mark.png") center no-repeat;
}
.payment-info {
display: inline-block;
vertical-align: middle;
position: relative;
}
.payment-info > a {
display: block;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
background: #CCC;
color: #333;
+ font: 14 px / 20 px "MuseoSansCyrl300";
}
.payment-info-message {
display: none;
position: absolute;
left: 50%;
bottom: -120px;
margin-left: -70px;
width: 140px;
height: 110px;
padding: 15px 12px 10px 15px;
box-sizing: border-box;
background: #FFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.payment-info.active .payment-info-message,
.payment-info > a:hover + .payment-info-message {
display: block;
}
.payment-info-message:before {
display: block;
content: "";
position: absolute;
left: 50%;
top: -9px;
width: 24px;
height: 9px;
margin-left: -12px;
background: url("../images/icons/info-arrow-before.png") no-repeat;
}
.payment-info-message span {
font-family: 'MuseoSansCyrl700';
}
.order-choose-payment-form p {
color: #999;
font: 14px/20px "MuseoSansCyrl300";
padding-left: 30px;
}
.order-choose-payment-form .choose-payment-inner {
padding: 40px 20px 40px 30px;
background: #FCFCFC;
margin: 20px 0 15px;
}
.choose-payment-inner .subtitle {
margin-top: 0;
}
.discounts-items {
margin-top: 25px;
padding: 0 20px;
}
.discounts-item {
margin-bottom: 45px;
}
.discounts-item:last-child {
margin-bottom: 0;
}
.discounts-item .img {
display: block;
font-size: 0;
margin-bottom: 15px;
}
.discounts-item .img img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.discounts-item .title {
font: 16px/22px "MuseoSansCyrl500";
color: #333;
}
.discounts-item .title:hover {
opacity: .6;
}
.discounts-item .term {
margin-top: 5px;
}
.discounts-item .term span:first-child {
font: 14px "MuseoSansCyrl300";
color: #999;
}
.discounts-item .term span:nth-child(2) {
font: 10px/17px "MuseoSansCyrl700";
color: #FFF;
display: inline-block;
background: #FF305A;
height: 17px;
border-radius: 8px;
padding: 0 8px;
margin-left: 10px;
}
.unit-section {
margin: 30px 0 40px;
padding: 0 5px;
}
.unit-vendor-code {
font: 14px "MuseoSansCyrl300";
color: #333;
text-align: center;
margin-bottom: 10px;
}
.unit-section-title {
font: 24px/28px "MuseoSansCyrl900";
text-align: center;
margin: 0 0 5px;
}
.unit-rating-recall {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.recalls-quantity {
font: 14px "MuseoSansCyrl300";
color: #999;
}
.unit-sliders-wrapper {
margin-bottom: 30px;
position: relative;
}
.unit-slider {
margin-bottom: 15px;
}
.unit-slider-item {
background: #FCFCFC;
height: 305px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.unit-slider-item img {
height: 230px;
-o-object-fit: contain;
object-fit: contain;
}
.unit-slider-nav {
font-size: 0;
}
.unit-slider-nav-item {
width: 60px;
height: 60px;
cursor: pointer;
border: 1px solid #F1F1F1;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
}
.unit-slider-nav-item:last-child {
margin-right: 0;
}
.unit-slider-nav-item.selected {
border-color: #D04260;
}
.unit-slider-nav-item img {
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.unit-flex-wrapper {
margin-bottom: 40px;
}
.unit-price {
margin-bottom: 20px;
}
.current-price {
font: 28px "MuseoSansCyrl500";
color: #333;
display: inline-block;
margin-right: 10px;
}
.economy {
font: 14px "MuseoSansCyrl300";
color: #999;
}
.unit-buy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
.unit-buy .item-add-to-favourites {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-left: 15px;
position: relative;
}
.unit-add-to-cart {
font: 13px/45px "MuseoSansCyrl700";
color: #FFF;
width: 250px;
background: #FF5377;
text-transform: uppercase;
}
.unit-add-to-cart:hover {
background: #D04260;
}
.unit-add-to-cart::before {
content: "";
width: 50px;
height: 45px;
float: left;
background: #D04260 url(../images/icon-cart-white.svg) center center no-repeat;
}
.buy-one-click {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font: 14px "MuseoSansCyrl300";
color: #999;
background-color: transparent;
border-bottom: 1px dashed #999;
margin-top: 15px;
}
.unit-brand {
display: inline-block;
margin-bottom: 5px;
}
.item-characteristics-table,
.item-properties-table {
color: #333;
font-size: 14px;
line-height: 24px;
border-spacing: 0;
}
.item-properties-table {
width: 100%;
}
.item-properties-table td {
padding-top: 10px;
padding-bottom: 10px;
}
.item-properties-table tr:nth-child(even) {
background: #F7F5F5;
}
.item-characteristics-table tr td:first-child,
.item-properties-table tr td:first-child {
font-family: "MuseoSansCyrl700";
padding-right: 15px;
vertical-align: top;
}
.item-properties-table tr td:first-child {
padding-left: 20px;
width: 125px;
}
.item-characteristics-table tr td:nth-child(2),
.item-properties-table tr td:nth-child(2) {
font-family: "MuseoSansCyrl300";
padding-left: 15px;
}
.item-characteristics-table tr:last-child td {
padding-top: 10px;
}
.item-tints-list {
font-size: 0;
}
.item-tint-item {
display: inline-block;
margin-right: 5px !important;
vertical-align: middle;
cursor: pointer;
}
.item-tint-item:not(.selected) {
width: 23px;
height: 23px;
margin: 2px;
}
.item-tint-item.selected {
width: 25px;
height: 25px;
}
.item-tint-item:last-child {
margin-right: 0;
}
.item-tint-item a {
display: inline-block;
}
.item-more-item > div {
display: inline-block;
position: relative;
}
.item-more-item > div > a {
font: 10px "MuseoSansCyrl900";
text-transform: uppercase;
display: inline-block;
padding: 10px 0 10px 40px;
}
.item-more-item:not(:last-child) a {
color: #333;
}
.item-more-item:last-child > div > a {
color: #FF5377;
}
.item-more-item.delivery > div > a {
background: url(../images/icon-delivery.png) left center no-repeat;
}
.item-more-item.payment > div > a {
background: url(../images/icon-credit-card.png) left center no-repeat;
}
.item-more-item.consultant > div > a {
background: url(../images/icon-headphones.png) 3px center no-repeat;
}
.item-more-item.guarantees > div > a {
background: url(../images/icon-shield.png) 3px center no-repeat;
}
.item-more-item .hint {
position: absolute;
top: 32px;
left: -15px;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
display: none;
}
.item-more-item > div:hover .hint {
display: block;
}
.item-more-item .hint .content {
position: relative;
z-index: 1;
width: 265px;
padding: 20px 20px 20px 30px;
background: #FFF;
}
.item-more-item .hint::before,
.form-dropdown .options-list-wrapper::before,
.cosmetacard-list-item .hint::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -7px;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
}
.item-more-item .hint::before {
left: 20px;
}
.form-dropdown .options-list-wrapper::before,
.cosmetacard-list-item .hint::before {
right: 10px;
}
.item-more-item .hint .text {
font: 14px/18px "MuseoSansCyrl300";
color: #333;
}
.item-more-item .hint .more {
display: inline-block;
color: #333;
text-transform: uppercase;
font: 10px "MuseoSansCyrl700";
border-bottom: 1.5px dotted #333;
margin-top: 10px;
}
.item-more-item .hint .more:hover {
opacity: .6;
}
.unit-description-button {
font: 10px "MuseoSansCyrl700";
color: #999;
text-transform: uppercase;
display: inline-block;
margin: 10px 0 25px;
border-bottom: 1.5px dotted #999;
padding-bottom: 2px;
}
.item-description-properties {
margin-bottom: 45px;
}
.item-description-properties-tabs-list {
font: 18px/20px "MuseoSansCyrl700";
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.item-description-properties [data-tab]:not(.visible) {
display: none;
}
.item-suggestions {
position: relative;
}
.item-suggestions [data-tab]:not(.visible) {
position: absolute;
visibility: hidden;
width: 100%;
top: 0;
left: 0;
}
.item-description-properties-tabs-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
cursor: pointer;
}
.item-description-properties-tabs-item.active {
color: #333;
}
.item-description-properties-tabs-item:not(.active) {
color: #CCC;
}
.item-description {
color: #333;
font: 16px/24px "MuseoSansCyrl300";
position: relative;
}
.item-description:not(.hidden-elements-visible) {
height: 195px;
overflow-y: hidden;
}
.item-description.hidden-elements-visible {
padding-bottom: 35px;
}
.item-description p {
margin: 0 0 25px;
}
.item-description p:nth-last-child(2) {
margin-bottom: 0;
}
.item-description .more {
font: 10px "MuseoSansCyrl900";
color: #333;
text-transform: uppercase;
display: inline-block;
background-color: transparent;
border-bottom: 1px dashed #333;
position: absolute;
bottom: 0;
}
.item-description .more:not(.active)::before {
content: "Подробнее";
}
.item-description .more.active::before {
content: "Скрыть";
}
.item-recalls {
margin-bottom: 65px;
}
.item-recalls-list::before {
content: attr(data-title);
font: 18px "MuseoSansCyrl700";
color: #333;
display: block;
margin-bottom: 20px;
text-transform: uppercase;
}
.item-recalls-item {
margin-bottom: 30px;
}
.item-recalls-item:last-child {
margin-bottom: 0;
}
.recall-header {
margin-bottom: 10px;
}
.recall-author {
font: 16px "MuseoSansCyrl700";
color: #333;
}
.recall-date {
font: 13px "MuseoSansCyrl300";
color: #999;
}
.recall-header .br-wrapper {
display: inline-block;
}
.recall-text {
font: 14px/20px "MuseoSansCyrl300";
color: #333;
}
.recalls-pagination {
margin: 35px 0 65px;
}
.recalls-pagination-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font: 18px "MuseoSansCyrl300";
}
.recalls-pagination-item {
margin-right: 25px;
}
.recalls-pagination-item:last-child {
margin-right: 0;
}
.recalls-pagination-item:not(.active) a {
color: #333;
}
.recalls-pagination-item.active a {
color: #FF5377;
}
.item-recalls-form .br-wrapper {
margin-bottom: 10px;
}
.item-recalls-form .br-wrapper::before {
content: "Оценка";
font: 14px "MuseoSansCyrl300";
color: #333;
display: inline-block;
margin-bottom: 5px;
}
.item-suggestions-tabs-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font: 14px "MuseoSansCyrl300";
color: #333;
text-align: center;
margin-bottom: 50px;
}
.item-suggestions-tabs-item {
flex-basis: 50%;
padding: 10px 15px;
border-width: 1px;
border-style: solid;
cursor: pointer;
}
.item-suggestions-tabs-item.active {
border-color: #333 #333 #FFF #333;
}
.item-suggestions-tabs-item:not(.active) {
border-color: #FFF #FFF #333 #FFF;
}
article.discount {
padding: 0 10px;
margin-bottom: 180px;
}
.discount > .container {
margin-bottom: 45px;
}
.shops-section {
margin-bottom: 60px;
}
#map {
height: 415px;
}
.cities-list {
font-size: 16px;
color: #333;
margin-bottom: 20px;
}
.cities-item {
display: inline-block;
margin-right: 15px;
cursor: pointer;
}
.cities-item:last-child {
margin-right: 0;
}
.cities-item:not(.selected) {
font-family: "MuseoSansCyrl300";
border-bottom: 2px dotted #FFF;
}
.cities-item:not(.selected):hover {
opacity: .6;
}
.cities-item.selected {
font-family: "MuseoSansCyrl700";
border-bottom: 2px dotted #333;
border-radius: 1px;
}
.shops-section .map-section {
margin-bottom: 30px;
}
[data-shops]:not(.visible) {
display: none;
}
.shop-item {
margin-bottom: 55px;
}
.shop-item:last-child {
margin-bottom: 0;
}
.shop-address {
font: 18px "MuseoSansCyrl700";
color: #333;
display: inline-block;
margin-bottom: 10px;
}
.shop-phones-list {
margin-bottom: 10px;
}
.shop-work-times-list {
margin-bottom: 20px;
}
.shop-work-times-list::before {
content: attr(data-title);
font: 15px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.shop-phones-item,
.shop-work-times-item {
font: 15px "MuseoSansCyrl300";
color: #333;
}
.show-on-map {
font: 10px "MuseoSansCyrl900";
color: #FD2C56;
background-color: transparent;
text-transform: uppercase;
border-bottom: 2px dotted #FD2C56;
border-radius: 2px;
}
.contacts-section {
margin-bottom: 15px;
padding: 0 10px;
}
.contacts-section .map-section {
margin: 0 -10px;
}
.phones-list {
font: 16px "MuseoSansCyrl300";
color: #333;
margin-bottom: 30px;
}
.phones-item {
margin-bottom: 5px;
}
.phones-item:last-child {
margin-bottom: 0;
}
.about-shop {
color: #333;
margin-bottom: 35px;
}
.about-shop span {
display: inline-block;
margin-bottom: 5px;
}
.about-shop span:last-child {
margin-bottom: 0;
}
.about-shop span:first-child {
font: 16px "MuseoSansCyrl700";
}
.about-shop span:nth-child(n + 2) {
font: 16px "MuseoSansCyrl300";
}
.about-shop-table {
font: 16px "MuseoSansCyrl300";
margin-bottom: 45px;
}
.about-shop-table .row {
margin-bottom: 35px;
}
.about-shop-table .row:last-child {
margin-bottom: 0;
}
.about-shop-table .cell:first-child {
color: #333;
margin-bottom: 5px;
}
.about-shop-table .cell:nth-child(2) a {
color: #36F;
text-decoration: underline;
}
.about-shop-table .cell:nth-child(2) a:hover {
text-decoration: none;
}
.contacts-section-right {
margin-bottom: 45px;
}
.contact-us-form::before {
content: attr(data-title);
font: 14px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
display: inline-block;
margin-bottom: 15px;
}
.contact-us-form > span {
font: 14px "MuseoSansCyrl500";
color: #333;
display: inline-block;
margin: 10px 0;
}
.contact-us-form .one-line-field {
margin-bottom: 10px;
}
.form-dropdown {
position: relative;
}
.form-dropdown input[type="radio"] {
display: none;
}
.form-dropdown .selected-value {
height: 45px;
background: #F7F5F5 url(../images/icon-arrow-bottom.png) calc(100% - 15px) center no-repeat;
font: 14px/45px "MuseoSansCyrl300";
color: #333;
padding-left: 20px;
margin-bottom: 15px;
cursor: pointer;
}
.form-dropdown .options-list-wrapper {
position: absolute;
right: 0;
width: 260px;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
font: 14px "MuseoSansCyrl300";
top: 55px;
display: none;
}
.form-dropdown .options-list {
position: relative;
z-index: 1;
padding: 20px 0 20px 30px;
background: #FFF;
}
.form-dropdown input[type="radio"]:not(:checked) + span {
color: #333;
}
.form-dropdown input[type="radio"]:checked + span {
color: #FF5377;
}
.options-item {
margin-bottom: 8px;
}
.options-item label {
cursor: pointer;
}
.options-item label:hover input[type="radio"]:not(:checked) + span {
opacity: .6;
}
.options-item:last-child {
margin-bottom: 0;
}
.form-dropdown.options-visible .options-list-wrapper {
display: block;
}
.how-to-pay {
padding: 0 10px;
margin-bottom: 30px;
}
.how-to-pay-list {
font: 10px/14px "MuseoSansCyrl900";
text-transform: uppercase;
margin-bottom: 40px;
color: #333;
}
.how-to-pay-item {
margin-bottom: 15px;
}
.how-to-pay-item:last-child {
margin-bottom: 0;
}
.how-to-pay-item.cash {
background: url(../images/icon-wallet-2.png) left center no-repeat;
padding: 15px 0 5px 80px;
}
.how-to-pay-item.card {
background: url(../images/icon-bank-card.png) left center no-repeat;
padding: 7px 0 7px 80px;
}
.static-list {
font: 14px/22px "MuseoSansCyrl300";
color: #333;
margin-bottom: 35px;
}
.how-to-pay .static-list::before {
content: attr(data-title);
font: 14px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
display: inline-block;
margin-bottom: 25px;
}
.static-list-item {
padding-left: 35px;
text-indent: -35px;
}
.static-list-item::before {
content: "";
width: 22px;
height: 21px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background: url(../images/icon-list-marker.png) center center no-repeat;
}
.static-dropdown {
padding: 15px 0;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
margin-bottom: 10px;
}
.static-dropdown:last-child {
margin-bottom: 0;
}
.static-dropdown .title {
font: 16px/18px "MuseoSansCyrl500";
padding: 0 35px 0 30px;
background: url(../images/icon-arrow-right-dropdown.png) calc(100% - 15px) center no-repeat;
cursor: pointer;
}
.static-dropdown:not(.active) .title {
color: #333;
}
.static-dropdown.active .title {
background-image: url(../images/icon-arrow-bottom-dropdown.png);
color: #FF2E59;
}
.static-dropdown .body {
font: 14px/24px "MuseoSansCyrl300";
color: #333;
padding: 15px 10px 15px 30px;
display: none;
}
.static-dropdown.active .body {
display: block;
}
.static-dropdown .body p {
margin: 0 0 25px;
}
.static-dropdown .body p strong {
font-family: "MuseoSansCyrl900";
color: #FF2E59;
}
.static-dropdown .body p:last-child {
margin-bottom: 0;
}
.how-to-order {
padding: 0 10px;
margin-bottom: 90px;
}
.comment-section {
position: relative;
}
.profile-comment-item {
overflow: hidden;
margin-bottom: 12px;
position: relative;
max-height: 135px;
box-sizing: border-box;
color: #333;
padding: 15px 15px 20px 20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: max-height .5s ease-out;
-o-transition: max-height .5s ease-out;
transition: max-height .5s ease-out;
}
.profile-comment-item.active {
max-height: 5000px;
-webkit-transition: max-height .5s ease-in;
-o-transition: max-height .5s ease-in;
transition: max-height .5s ease-in;
}
.profile-comment-item .comment-date-preview {
font: 14px "MuseoSansCyrl500";
}
.profile-comment-item .preview-img {
margin-right: 14px;
display: inline-block;
float: left;
width: 44px;
height: 44px;
flex-basis: 85px;
background: #FCFCFC;
border: 1px solid #F7F7F6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.profile-comment-item .preview-img img {
width: 100%;
height: 36px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.profile-comment-item.active .preview-img {
width: 100px;
height: 100px;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.profile-comment-item.active .preview-img img {
width: 100%;
height: 75px;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.profile-comment-item .right-part {
float: left;
width: 130px;
}
.profile-comment-inner {
/*display: flex;*/
/*flex-wrap: wrap;*/
/*flex-flow: column wrap*/
}
.profile-comment-item .central-part {
opacity: 0;
max-height: 0;
width: 131px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.profile-comment-item.active .central-part {
opacity: 1;
float: left;
max-height: 1000px;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.profile-comment-item .item-title {
font: 14px/20px "MuseoSansCyrl500";
margin: 4px 0 5px;
}
.profile-comment-item .comment-short-text,
.profile-comment-item .comment-long-text {
font: 14px/20px "MuseoSansCyrl500";
float: left;
overflow: hidden;
}
.profile-comment-item.active .comment-short-text,
.profile-comment-item .comment-long-text {
max-height: 0;
}
.profile-comment-item .comment-short-text,
.profile-comment-item.active .comment-long-text {
max-height: 1000px;
margin-top: 15px;
}
.profile-comment-item.active .comment-controls {
display: block;
}
.comment-controls {
margin-top: 18px;
display: none;
}
.comment-controls .comment-warning {
font: 14px/20px "MuseoSansCyrl500";
color: #F66;
}
.comment-controls .comment-warning:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin-right: 10px;
background: #F66;
border-radius: 50%;
}
.comment-controls .comment-buttons {
list-style-type: none;
margin-top: 18px;
}
.comment-controls .comment-buttons li {
display: inline-block;
margin-right: 5px;
}
.comment-controls .comment-buttons li a {
color: #CCC;
font: 10px "MuseoSansCyrl700";
text-transform: uppercase;
outline: none;
text-decoration: none;
border-bottom: 1px dotted #CCC;
}
.comments-warning {
font: 14px/20px "MuseoSansCyrl500";
margin: 24px 0 64px;
padding: 15px;
background: #FBFCFC;
}
.comments-warning > p {
margin: 0;
}
.comments-warning > p a {
color: #F66;
text-decoration: none;
}
.comments-warning > p:before {
display: inline-block;
float: left;
content: "i";
width: 22px;
height: 22px;
margin-right: 12px;
color: #FFF;
font: 16px/22px "MuseoSansCyrl900";
background: #FF5377;
text-align: center;
border-radius: 50%;
}
.delete-warning {
display: none;
position: absolute;
left: 38px;
bottom: -14px;
width: 174px;
height: 52px;
color: #333;
font: 12px/16px "MuseoSansCyrl300";
padding: 10px 13px;
box-sizing: border-box;
background: #FFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.item-add-to-favourites.active .delete-warning {
display: block;
}
.delete-warning:before {
display: block;
content: "";
position: absolute;
left: -4px;
margin: -5px 0 0 0;
top: 50%;
width: 24px;
height: 9px;
margin-left: -12px;
background: url("../images/icons/info-arrow-before.png") no-repeat;
transform: rotate(-90deg);
}
.delete-warning > a {
display: inline-block;
color: #FF5377;
text-decoration: none;
}
.delete-warning a.delete-favourite {
margin-right: 10px;
}
.comment-edit-form.pop-up-form{
margin-top: 0;
}
.comment-edit-form.pop-up-form textarea{
height: 215px;
margin-top: 20px;
}
.order-sign-in-section {
margin: 30px 0 100px 0;
max-width: 425px;
}
.order-sign-in-controls {
margin-bottom: 30px;
}
.order-sign-in-controls ul {
list-style-type: none;
display: flex;
}
.order-sign-in-controls ul li {
display: inline-block;
margin-right: 25px;
}
.order-sign-in-controls ul li a {
text-decoration: none;
color: #333;
font: 14px/20px "MuseoSansCyrl700";
}
.order-sign-in-controls ul li.active a {
color: #F66;
}
.order-sign-in-section .forget-password {
margin-bottom: 15px;
}
.thank-you-block {
width: 260px;
margin: 80px auto 90px;
text-align: center;
color: #333;
font: 16px/22px "MuseoSansCyrl300";
}
.thank-you-block .mark {
display: inline-block;
width: 53px;
height: 42px;
margin-bottom: 20px;
background: url("../images/icons/big-check-mark.png") no-repeat;
}
.thank-you-block p {
margin: 0;
}
.thank-you-block h2 {
font: 24px/30px "MuseoSansCyrl900";
text-transform: uppercase;
width: 210px;
margin: 0 auto 20px;
}
.thank-you-block .to-main-link {
display: block;
margin-top: 45px;
height: 45px;
color: #FFF;
font: 13px/45px "MuseoSansCyrl500";
background: #FF5377;
text-decoration: none;
text-transform: uppercase;
}
.choose-payment-table {
font: 14px "MuseoSansCyrl300";
color: #999;
padding-left: 30px;
}
.payment-way p strong {
font-family: "MuseoSansCyrl700";
color: #333;
}
.bonus-block {
margin-top: 35px;
}
.bonus-block .checkbox-wrap {
margin-left: 30px;
}
.bonus-block .payment-info {
display: none;
}
.bonus-block p {
margin: 0 0 10px 0;
}
.bonus-count .bonus-count-input {
display: inline-block;
vertical-align: middle;
height: 44px;
width: 85px;
font: 14px/44px "MuseoSansCyrl700";
text-align: center;
border: 0;
outline: none;
box-shadow: 0;
background: #F7F5F5;
}
.bonus-count {
margin: 0 auto 60px;
width: 125px;
}
.refresh-bonuses {
display: inline-block;
width: 25px;
height: 25px;
margin-left: 10px;
vertical-align: middle;
background: url("../images/icons/refresh-icon.png") no-repeat;
}
article.cosmetacard {
margin-top: -10px;
margin-bottom: 85px;
}
.cosmetacard-top.not-authorized {
margin-bottom: 20px;
}
.cosmetacard-top .card {
background-color: #fcfcfc;
margin: 0 -10px;
padding: 20px 0 25px;
}
.cosmetacard-top .card > div:first-child {
width: 290px;
height: 175px;
margin-left: 15px;
background: #ff6666 url(../images/logo-text.png) center center no-repeat;
border-radius: 6px;
}
.cosmetacard-top .card > .title {
display: inline-block;
font: 13px/18px "MuseoSansCyrl500";
text-align: center;
padding: 0 30px;
color: #333;
margin: 10px 0 15px;
}
.cosmetacard-top .card .buttons {
width: 200px;
margin: 0 auto;
padding-bottom: 15px;
}
.cosmetacard-top .card .buttons .sign-in {
display: inline-block;
height: 45px;
border: 2px solid #ff5377;
width: 100%;
margin: 15px 0 5px;
text-align: center;
font: 13px/45px "MuseoSansCyrl700";
color: #ff5377;
text-transform: uppercase;
}
.cosmetacard-top .card .buttons .sign-in:hover{
border-color: #D04260;
color: #D04260;
}
article.cosmetacard > .container {
margin: 0 10px;
}
.card-info {
font-size: 13px;
padding-left: 35px;
margin-top: 20px;
}
.card-info .title {
font-family: "MuseoSansCyrl500";
color: #333;
}
.card-info .value {
font-family: "MuseoSansCyrl900";
color: #333;
}
.total-bonus {
font-family: "MuseoSansCyrl700";
margin-top: 20px;
}
.total-bonus span:first-child {
font-size: 16px;
text-transform: uppercase;
color: #333;
margin-right: 40px;
}
.total-bonus span:nth-child(2) {
font-size: 24px;
color: #000;
}
.cosmetacard-list {
margin: 20px 0 20px 10px;
}
.cosmetacard-list-item a {
font: 13px/18px "MuseoSansCyrl500";
color: #333;
text-decoration: underline;
}
.cosmetacard-list-item a:hover {
opacity: .6;
}
.cosmetacard-list-item:first-child {
background: url(../images/icon-question-sign.png) left top no-repeat;
}
.cosmetacard-list-item:nth-child(2) {
background: url(../images/icon-edit.png) left top no-repeat;
}
.cosmetacard-list-item {
padding: 5px 0 10px 60px;
position: relative;
}
.cosmetacard-list-item:nth-child(2) a {
margin-top: 8px;
display: inline-block;
}
.cosmetacard-list-item .hint {
position: absolute;
width: 260px;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
font: 14px/18px "MuseoSansCyrl300";
color: #333;
left: 15px;
margin-top: 10px;
display: none;
z-index: 1;
}
.cosmetacard-list-item a:hover + .hint {
display: block;
}
.cosmetacard-list-item .hint .content {
padding: 15px 30px 15px 15px;
background: #FFF;
position: relative;
}
.cosmetacard-list-item .hint .content strong {
font-family: "MuseoSansCyrl700";
}
article.cosmetacard > .container button {
width: 200px;
margin-top: 10px;
}
article.cosmetacard .static-list {
line-height: 28px;
margin-top: -5px;
}
@media only screen and (min-width: 768px) {
.container {
width: 730px;
margin: 0 auto;
padding: 0;
}
.page-header {
border-bottom-width: 0;
}
.page-header-top-tablets {
display: block;
background: #F2F2F2;
}
.page-header-top-tablets > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
}
.page-header-sign-in::after {
content: url(../images/icon-lock-grey.png);
height: 12px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.page-title.center-mobile {
text-align: left;
}
.how-list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font: 12px "MuseoSansCyrl500";
}
.how-item a {
color: #666;
}
.shop-locations-list {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0 45px 0 auto;
}
.page-header-sign-in {
width: auto;
height: auto;
line-height: normal;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
background: transparent;
font-size: 12px;
color: #666;
}
.how-item,
.shop-locations-item {
display: inline-block;
padding: 0;
margin-right: 10px;
}
.how-item:last-child,
.shop-locations-item:last-child,
.page-header-main-right-item:last-child {
margin-right: 0;
}
.page-header-main {
border-bottom-width: 0;
}
.page-header-main-left-tablets {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.order-page .page-header-main-left-tablets {
max-width: 40%;
}
.page-header-main-left-tablets .phone-number {
font: 18px "MuseoSansCyrl700";
color: #333;
}
.page-header-main-left-tablets .work-times {
font: 13px "MuseoSansCyrl500";
color: #CCC;
}
.page-header-logo img {
width: 145px;
height: 85px
}
.page-header-main-right-list .page-header-main-right-item a {
padding-top: 20px;
background-position-y: top;
font: 13px "MuseoSansCyrl500";
width: auto;
height: auto;
/*Fix opacity jumps*/
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.page-header-main-right-item a {
color: #666;
}
.page-header-main-right-item.favourites::after,
.page-header-main-right-item.cart::after {
top: -8px;
}
.page-header-main-right-item.favourites::after {
right: 8px;
}
.page-header-main-right-item.cart::after {
right: 0;
}
.page-header-main-right-item.cosmetacard {
display: inline-block;
}
.page-header-main-right-item.cosmetacard a {
background-image: url(../images/icon-card.png);
background-repeat: no-repeat;
background-position-x: center;
}
.page-header-nav {
display: block;
}
.page-header-nav > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-bottom: 2px solid #FF5377;
}
.page-header-nav-list {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
overflow: hidden;
margin-bottom: 0;
font-size: 0;
}
.page-header-nav .nav-toogle,
.page-header-nav .search-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block;
}
.page-header-nav .nav-toogle {
width: 25px;
height: 25px;
}
.page-header-nav .search-btn {
background: url(../images/icon-search-grey.png) center center no-repeat;
}
.page-header-nav .nav-toogle {
background: url(../images/icon-list.png) center center no-repeat;
margin-right: 20px;
}
.page-header-nav .nav-toogle:hover {
opacity: .6;
}
.search-opened .page-header-nav .nav-toogle {
display: none;
}
.page-header-search-form {
height: 39px;
margin-bottom: 1px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.page-header-search-form input[type="text"] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-width: 0;
}
.page-header-search-form input[type="submit"] {
display: none;
}
.close-search-btn {
width: 25px;
height: 25px;
background: url(../images/icon-close.svg) center center no-repeat;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.close-search-btn:hover {
opacity: .6;
}
.page-header-nav .hidden-elements {
position: absolute;
top: 45px;
right: 15px;
line-height: 25px;
background: #FFF;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
visibility: hidden;
z-index: 2;
display: block;
}
.page-header-nav .hidden-elements.visible {
visibility: visible;
}
.hidden-elements .content {
padding: 15px 25px;
position: relative;
z-index: 1;
background: #FFF;
}
.page-header-nav .hidden-elements::before {
content: "";
position: absolute;
width: 15px;
height: 15px;
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -8px;
right: 35px;
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
}
.page-header-nav-list > .page-header-nav-item {
display: inline-block;
}
.page-header-nav .page-header-nav-list .page-header-nav-item {
padding: 5px 24px 10px 0;
line-height: 25px
}
.page-header-top-mobile,
.page-header-sign-in::before,
.page-header-main-left-mobile,
.cosmeta-actions-item.card {
display: none;
}
.features-section {
padding: 20px 0;
}
.feature-item {
width: 255px;
}
.specials-slider-item.stock::before {
top: 120px;
left: 50px;
}
.specials-slider-item {
padding: 175px 370px 120px 50px;
background-position: calc(100% - 5px) calc(100% + 60px);
background-size: 320px;
}
.items-section-title {
margin-bottom: 30px;
}
.categories-section .items-section {
margin-bottom: 30px;
}
.banner-item {
padding-left: 60px;
padding-right: 60px;
}
.banner-item .tablets-visible {
display: inline;
font-size: 15px;
line-height: 20px;
}
.banner-item-name {
display: inline-block;
margin-bottom: 5px;
}
.banner-item-text strong {
font: 16px/20px "MuseoSansCyrl900";
text-transform: uppercase;
}
.about-section {
padding-top: 30px;
}
.about-section-text .tablets-visible {
display: inline;
}
.subscribe-section {
padding-bottom: 35px;
}
.subscribe-section-title {
margin-bottom: 15px;
}
.subscribe-section-title span::after {
display: none;
}
.subscribe-section-form {
width: 475px;
margin: 0 auto;
}
.subscribe-section-form input[type="submit"] {
width: 145px;
}
.page-footer-lists {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 10px;
}
.page-footer {
padding: 30px 0 35px;
text-align: left;
}
.about-services-lists-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 0;
}
.socails-payment-lists-wrapper,
.about-services-lists-wrapper {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.socials-list {
margin-bottom: 75px;
}
.company-services-list,
.about-company-list {
display: block;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about-company-list {
margin-bottom: 0;
}
.payment-systems-list {
display: block;
}
.payment-systems-item {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle;
}
.payment-systems-item:last-child {
margin-right: 0;
}
.page-footer-button {
display: none;
}
.pop-up {
padding-left: 60px;
padding-right: 60px;
}
.callback-pop-up,
.subscription-pop-up,
.cosmetacard-pop-up,
.city-pop-up,
.pass-recovery-pop-up-1,
.pass-recovery-pop-up-2,
.pass-recovery-pop-up-3,
.comment-edit-pop-up,
.comment-delete-pop-up,
.sign-up-pop-up,
.sign-in-pop-up,
.order-cancel-pop-up {
width: 375px;
}
.feedback-pop-up {
width: 650px;
}
.subscription-pop-up {
padding-bottom: 80px;
}
.pass-recovey-pop-up-2 {
padding-bottom: 65px;
}
.city-pop-up {
padding-top: 70px;
padding-bottom: 50px;
}
.feedback-pop-up-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feedback-pop-up-form label:nth-child(1),
.feedback-pop-up-form label:nth-child(2),
.feedback-pop-up-form .button {
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%;
}
/*УÑилить Ñелектор*/
main .container .pagination {
padding: 0 25px;
margin-left: 0;
margin-right: 0;
}
.categories-section .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 45px;
}
.news-section .pagination {
margin-top: 100px;
margin-bottom: 40px;
}
.discounts-section .pagination {
margin-top: 95px;
margin-bottom: 60px;
}
.pagination .pagination-prev span,
.pagination .pagination-next span {
display: inline;
}
.pagination-item:nth-child(4),
.pagination-item:nth-child(5) {
display: inline-block;
}
.no-mobile {
display: block;
}
.breadcrumbs-list {
display: block;
margin-top: 20px;
}
.breadcrumbs-list a {
color: #333;
}
.breadcrumb-item {
display: inline-block;
}
.breadcrumb-item a:hover {
opacity: .6;
}
.breadcrumb-item:not(:last-child) {
font: 12px "MuseoSansCyrl700";
}
.breadcrumb-item:first-child::before {
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background: #F5F5F5 url(../images/icon-home.png) center center no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.breadcrumb-item:not(:last-child)::after {
content: url(../images/icon-arrow-next-small.png);
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.breadcrumb-item:last-child {
font: 12px "MuseoSansCyrl300";
color: #CCC;
}
.return-other .download-link {
width: 260px;
}
.page-title:not(.center) {
text-align: left;
}
.subtitle {
margin-top: 30px;
}
.filters {
width: 315px;
padding-top: 70px;
padding-left: 25px;
}
.filters-close-btn {
right: 40px;
}
.filters-open {
width: auto;
line-height: initial;
background: #FFF;
position: absolute;
top: -45px;
right: 10px;
}
.categories-section-right {
position: relative;
}
.categories-section .categories-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin-bottom: 60px;
margin-top: -10px;
}
.categories-item.gift-and-kits,
.categories-item.stocks {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
margin-bottom: 30px;
}
.categories-item.gift-and-kits a {
background-position-x: center;
}
.categories-item.stocks a {
background-position-y: calc(100% + 65px);
}
.categories-item.collections {
display: block;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.categories-item.collections a {
height: 150px;
background: #E6F5B0 calc(100% + 15px) calc(100% + 40px) no-repeat;
padding: 65px 0 0 50px;
}
.categories-item.brands {
display: none;
}
.categories-section {
margin-bottom: 55px;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .3);
z-index: 1;
cursor: pointer;
display: none;
}
.overlay.visible {
display: block;
}
.bag-section {
padding: 0;
margin-bottom: 70px;
}
.bag-table {
padding: 30px 0 0;
}
.profile-orders-wrap .bag-table {
padding: 0 10px;
}
.bag-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 60px;
}
.bag-order-items {
-ms-flex-preferred-size: 445px;
flex-basis: 445px;
}
.bag-order-item:nth-child(1n + 2) {
padding-top: 15px;
}
.bag-order-item:last-child {
margin-bottom: 0;
}
.profile-order-item .bag-order-item:nth-child(1n + 2) {
padding-top: 0;
}
.bag-order-info {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
margin: 0;
}
div:not(.bag-order-gifts) > .bag-order-item .img {
-ms-flex-preferred-size: 120px;
flex-basis: 120px;
height: 120px;
margin-right: 30px;
}
div:not(.bag-order-gifts) > .bag-order-item .img img {
height: 100px;
}
.profile-order-item .bag-order-item .img {
-ms-flex-preferred-size: 105px;
flex-basis: 105px;
height: 105px;
margin-right: 20px;
}
.profile-order-item .bag-order-item .img img {
height: 80px;
}
div:not(.bag-order-gifts) > .bag-order-item .info {
padding-top: 15px;
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
}
.bag-order-item .info {
position: relative;
}
.bag-order-item .item-title {
padding-right: 85px;
}
.profile-order-item .bag-order-item .item-title {
padding-right: 0;
}
.bag-order-delivery-info {
padding-top: 15px;
}
.bag-item-form .delete {
position: absolute;
top: 20px;
right: 0;
}
.bag-item-form::before {
display: none;
}
.bag-order-item .item-price {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin: 0 0 0 auto;
position: relative;
}
/*Возможен баг, Ñто чтобы Ñкидка не влиÑла на выÑоту цены*/
.bag-order-item .old-price {
position: absolute;
left: 0;
width: 100%;
}
.bag-table .total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bag-table .total > .content {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
margin-left: auto;
position: relative;
}
.continue-shopping-wrapper {
position: absolute;
left: -195px;
bottom: 90px;
}
.bag-total-form {
width: 200px;
}
.bag-order-item .gift-price {
position: absolute;
right: 0;
top: 5px;
}
.article {
margin-bottom: 50px;
}
.article .static-text:nth-child(2),
.discount .static-text:nth-child(2) {
margin-top: -10px;
}
.share-list {
margin-top: 25px;
}
.brand {
margin-bottom: 55px;
}
.brand-item-list {
margin-right: calc((730px - 100vw) / 2);
}
.brand-item-item {
margin-right: 30px;
}
.page-subtitle {
margin-top: 35px;
}
.brands-section {
margin-bottom: 5px;
padding: 0;
}
.brands-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.brands-section .categories-list {
display: block;
}
.brands-section-left {
-ms-flex-preferred-size: 32.825%;
flex-basis: 32.825%;
}
.brands-section-right {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.brands-letters-list {
margin: 15px 0 35px;
}
.brands-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 530px;
}
.brands-section .categories-list {
font: 13px "MuseoSansCyrl300";
text-transform: uppercase;
}
.brands-section .categories-list::before {
content: attr(data-title);
display: block;
font: 18px "MuseoSansCyrl900";
color: #333;
margin-bottom: 20px;
}
.brands-section .categories-list a {
color: #333;
}
.brands-section .categories-list a:hover {
opacity: .6;
}
.brands-section .categories-item {
margin-bottom: 15px;
}
.brands-section .categories-item:last-child {
margin-bottom: 0;
}
.brands-letters-list .brand-letters-item {
line-height: 30px;
}
.how-to-get {
margin-bottom: 165px;
}
.news-section-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-section-item {
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%;
margin: 0 0 45px;
}
.news-section-item:nth-last-child(2) {
margin-bottom: 0;
}
.news-section-item .title,
.news-section-item .date {
padding-right: 20px;
padding-left: 20px;
}
.news-post .img {
width: 475px;
margin-bottom: 20px;
}
.news-post .img img {
height: 270px;
}
.catalogue-section-right .banner-section {
display: block;
margin: -30px 0 15px;
}
.catalogue-top-actions {
margin: 0 0 30px;
padding: 0 20px;
}
.catalogue-sort-list {
margin-left: auto;
position: static;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalogue-sort-item.price {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.price-sort-list {
padding: 10px 35px 25px 15px;
white-space: nowrap;
}
.price-sort-item:nth-child(2) {
margin-top: 10px;
}
.price-sort-list.visible {
-webkit-box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 84, 84, 0.05);
background: #FFF;
}
.price-sort-list.visible .price-sort-item {
margin-bottom: 5px;
}
.price-sort-list.visible .price-sort-item:last-child {
margin-bottom: 0;
}
.price-sort-list.visible .price-sort-item:not(:first-child) {
visibility: visible;
}
.catalogue-sort-item:not(:first-child).current a {
border-bottom-color: #F66;
}
.catalogue-items-view-list {
font-size: 0;
margin-left: 145px;
}
.catalogue-items-view-item {
display: inline-block;
}
.catalogue-items-view-item:not(.active):hover {
opacity: .6;
}
.catalogue-items-view-item.items-blocks button {
width: 21px;
height: 20px;
margin-right: 10px;
}
.catalogue-items-view-item.items-blocks.active button {
background: url(../images/icon-items-blocks-pink.png) center center no-repeat;
}
.catalogue-items-view-item.items-blocks:not(.active) button {
background: url(../images/icon-items-blocks-grey.png) center center no-repeat;
}
.catalogue-items-view-item.items-lines.active button {
background: url(../images/icon-items-lines-pink.png) center center no-repeat;
}
.catalogue-items-view-item.items-lines:not(.active) button {
background: url(../images/icon-items-lines-grey.png) center center no-repeat;
}
.catalogue-items-view-item.items-lines button {
width: 23px;
height: 20px;
background: url(../images/icon-items-lines.png) center center no-repeat;
}
.catalogue-sort-item:not(:first-child) {
visibility: visible;
margin: 0 25px 0 0;
font-family: "MuseoSansCyrl700";
}
.catalogue-sort-item:not(:first-child) > a {
display: inline-block;
border-bottom: 1px dashed #333;
}
.catalogue-sort-list > .catalogue-sort-item:not(:first-child) > a::before {
content: "";
}
.price-sort-list {
position: absolute;
margin-top: -10px;
margin-left: -15px;
}
.price-sort-item:not(.selected) {
display: list-item;
visibility: hidden;
font-family: "MuseoSansCyrl500";
}
.price-sort-item.selected a::after {
content: "";
width: 11px;
height: 6px;
background: url(../images/icons/icon-vertical.png) left top no-repeat;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.price-sort-item.selected.active a::after {
background-position: left bottom;
}
.price-sort-item.current a {
color: #FF5377;
}
.catalogue-sort-item.selected {
display: none;
}
.catalogue-section-right .items-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalogue-section-right .items-section-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.catalogue-section .pagination {
margin-bottom: 60px;
margin-top: -15px;
}
.items-lines .catalogue-section-right .items-section-item {
margin: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 35px 35px;
}
.items-lines .item-img {
flex-basis: 20%;
}
.items-lines .item-add-to-cart {
visibility: visible;
margin-left: auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.items-lines .item-price {
position: absolute;
top: 50%;
right: 210px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.items-lines .item-info {
margin: 20px 0 0 25px;
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
.item-vendor-code {
font: 14px "MuseoSansCyrl300";
color: #999;
right: 35px;
position: absolute;
top: 35px;
}
.items-lines .item-vendor-code {
display: block;
}
.unit-section {
margin-top: 40px;
padding: 0;
}
.discounts-section-right {
position: relative;
}
.discounts-section .specials-section {
display: block;
margin-top: -15px;
}
.discounts-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.discounts-item {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
margin-bottom: 55px;
}
.discounts-item:nth-last-child(2) {
margin-bottom: 0;
}
.unit-vendor-code {
text-align: left;
}
.unit-section-title {
text-align: left;
}
.unit-rating-recall {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 15px;
}
.unit-flex-wrapper {
position: relative;
padding-right: 460px;
}
.unit-add-to-cart {
width: 220px;
}
.buy-one-click {
margin-left: 50px;
}
.unit-buy {
margin-bottom: 35px;
}
.unit-description-button {
margin-bottom: 0;
}
.unit-section .share-list {
display: block;
margin-bottom: 25px;
}
.unit-slider-item {
height: 460px;
}
.unit-sliders-wrapper {
margin-bottom: 0;
position: absolute;
top: 0;
right: 0;
width: 440px;
text-align: center;
}
.unit-slider-item img {
height: 350px;
}
.item-description-properties-tabs-item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin-right: 30px;
}
.item-description:not(.hidden-elements-visible) .tablets-visible {
display: block;
}
.item-description-properties {
margin-bottom: 55px;
}
.item-description .more {
margin-top: 15px;
}
.item-description-properties-tabs-item:last-child {
margin-right: 0;
}
.item-recalls {
margin-bottom: 90px;
}
.item-recalls-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-recalls-form label:first-child,
.item-recalls-form label:nth-child(2) {
flex-basis: 270px;
}
.item-recalls-form label:first-child {
margin-right: 12.5px;
}
.item-recalls-form label:nth-child(3) {
margin-top: 5px;
}
.item-recalls-form::before {
content: "";
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.item-recalls-form input[type="submit"] {
-ms-flex-preferred-size: 270px;
flex-basis: 270px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.recall-header {
margin-bottom: 20px;
}
.recalls-pagination {
margin: 40px 0 45px;
}
.item-suggestions-tabs-list {
width: 542px;
margin: 0 auto 50px;
font-size: 16px;
}
.item-suggestions-tabs-item.active {
font-size: 20px;
}
.item-suggestions-tabs-item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
padding-top: 10px;
padding-bottom: 15px;
}
.item-suggestions-tabs-item.active {
padding-left: 30px;
padding-right: 30px;
/*border-bottom: 1px solid;*/
}
.item-suggestions-tabs-item:not(.active) {
padding-left: 50px;
padding-right: 50px;
}
.item-suggestions .items-section-item {
width: 290px;
}
.profile-data-wrapper {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
/*-webkit-box-align: flex-start;*/
/*-ms-flex-align: flex-start;*/
align-items: flex-start;
}
.profile-menu {
position: absolute;
width: 160px;
right: 0;
top: -70px;
}
.profile-menu-list {
width: 100%;
top: 0;
padding-top: 16px;
}
.profile-menu-item.selected::after,
.catalogue-sort-item.selected::after {
right: 15px;
top: 22px;
}
.social-network {
width: 260px;
-ms-order: 2;
order: 2;
margin-right: 40px;
}
.profile-data-section {
-ms-order: 1;
order: 1;
width: 260px;
margin-right: 30px;
}
.change-pass-wrapper {
justify-content: space-between;
}
.profile-favourites .items-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0 75px;
}
.profile-favourites .items-section-item {
width: 260px;
margin: 0 15px;
}
.return-back-block.container {
margin-bottom: 40px;
}
.profile-order-item .bag-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.profile-order-item .bag-order-items {
width: 400px;
}
.delivery-data-text p {
text-indent: 3px;
}
.profile-order-final-info tr td:first-child {
padding: 0;
}
.profile-order-item .cancel-order {
min-width: 200px;
}
.order-short-desc .left-part {
width: 415px;
display: flex;
justify-content: space-between;
}
.order-short-desc .right-part {
width: 251px;
}
.profile-order-item.active .customer-name-preview,
.profile-order-item.active .order-price-preview {
opacity: 0;
-webkit-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.order-price-preview span {
color: #999;
font-size: 12px;
}
.profile-order-final-info .order-date {
display: none;
}
.current-order-status ul.cond1 {
margin-left: -290px;
}
.order-page a.page-header-logo {
flex: 1;
}
.order-data-wrapper-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.order-data-wrapper-inner .order-short-preview {
order: 2;
height: 300px;
width: 265px;
}
.order-address-section {
display: flex;
flex-wrap: wrap;
}
.order-address-section .existing-address .address-text {
width: 180px;
}
.order-data-wrapper-inner .order-data-left {
width: 440px;
}
.order-address-section .add-address-link {
margin: 0 0 10px 0;
}
.order-data-left .subtitle {
margin-top: 0;
}
.order-comment-form input.button {
width: 200px;
}
.order-choose-payment-form .choose-payment-inner {
margin-top: 0;
}
.choose-payment-buttons {
display: flex;
max-width: 400px;
}
.choose-payment-buttons .button.grey {
padding-left: 20px;
text-align: left;
}
.payment-info-message {
width: 255px;
height: 64px;
bottom: -78px;
margin-left: -33px;
}
.payment-info-message:before {
margin-left: -104px;
}
.current-order-status ul.cond2 {
margin-left: -290px;
}
article.discount {
padding: 0;
margin-bottom: 80px;
}
.discount .items-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.discount .items-section .items-section-title {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.discount .items-section-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.shops-section {
margin-bottom: 55px;
}
.cities-list {
text-align: right;
margin-bottom: 25px;
}
.shops-section .cities-list {
margin-top: -55px;
}
.shops-section .map-section {
margin-bottom: 35px;
}
#map {
height: 480px;
}
.contacts-section {
margin-bottom: 40px;
padding: 0;
}
.contacts-section .static-text:first-child {
padding-right: 25px;
margin-top: 45px;
}
.contacts-section .map-section {
margin: 0;
}
.about-shop-table {
display: table;
border-spacing: 0 5px;
margin-bottom: 55px;
}
.about-shop-table .row {
display: table-row;
}
.about-shop-table .cell {
display: table-cell;
}
.about-shop-table .cell:first-child {
padding-right: 15px;
}
.contacts-section-right {
width: 680px;
}
.contact-us-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact-us-form::before {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.contact-us-form .one-line-field,
.contact-us-form .form-dropdown,
.contact-us-form input[type="submit"] {
-ms-flex-preferred-size: 335px;
flex-basis: 335px;
}
.contact-us-form > span {
display: none;
}
.form-dropdown {
margin-bottom: 10px;
}
.how-to-pay {
padding: 0;
margin-bottom: 80px;
}
.how-to-pay-item {
display: inline-block;
margin: 0 50px 0 0;
}
.how-to-pay-item.cash {
background-image: url(../images/icon-wallet.png);
padding-left: 60px;
}
.how-to-pay-item:last-child {
margin-right: 0;
}
.how-to-pay-list {
margin-bottom: 25px;
}
.how-to-pay .static-text,
.how-to-order .static-text {
padding-right: 75px;
}
.static-list {
line-height: 28px;
}
.how-to-pay .static-list {
padding-right: 55px;
}
.static-list::before {
margin-bottom: 20px;
}
.static-list-item {
margin-bottom: 5px;
}
.static-list-item:last-child {
margin-bottom: 0;
}
.static-dropdown {
width: 685px;
}
.static-dropdown .title {
padding-right: 95px;
background-position-x: calc(100% - 30px);
}
.static-dropdown .body {
padding-top: 20px;
padding-bottom: 25px;
}
.how-to-order {
padding: 0;
}
.how-to-order .static-list {
margin-top: -5px;
margin-bottom: 30px;
padding-right: 70px;
}
.profile-comment-item .right-part {
float: none;
display: flex;
justify-content: space-between;
align-items: center;
width: auto;
padding-right: 25px;
}
.profile-comment-item .right-part .comment-date-preview {
order: 2;
}
.profile-comment-item.active .central-part {
width: 255px;
float: none;
}
.profile-comment-item .comment-short-text,
.profile-comment-item .comment-long-text {
/*float: none;*/
/*margin-left: 115px;*/
}
.profile-comment-item.active .comment-short-text,
.profile-comment-item.active .comment-long-text {
float: none;
margin-left: 115px;
}
.comment-controls {
margin-left: 115px;
}
.order-sign-in-form {
max-width: 255px;
}
.order-sign-in-section {
margin-top: 0;
}
.thank-you-block {
width: 300px;
}
.thank-you-block h2 {
width: 100%;
}
.bonus-block .payment-info,
.bonus-block .checkbox-wrap,
.bonus-block .bonus-count {
display: inline-block;
}
.tablet-inline-block {
display: inline-block;
}
.bonus-block .bonus-count {
margin: 0 0 30px 10px;
}
.bonus-block .payment-info-message:before {
margin-left: 90px;
}
.bonus-block .payment-info-message {
margin-left: -229px;
}
article.cosmetacard {
margin-bottom: 95px;
}
article.cosmetacard > .container {
margin: 0 auto;
}
.cosmetacard-top .card > div:first-child {
width: 315px;
height: 190px;
margin-left: 0;
}
.cosmetacard-top .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 calc((730px - 100vw) / 2);
padding: 30px calc((100vw - 730px) / 2);
}
.cosmetacard-top.not-authorized .card {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card-info {
margin-top: 40px;
-ms-flex-preferred-size: calc(100% - 315px);
flex-basis: calc(100% - 315px);
padding-left: 30px;
}
.cosmetacard-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 0;
margin-bottom: 20px;
}
.cosmetacard-list-item {
margin-right: 75px;
}
.cosmetacard-list-item:last-child {
margin-right: 0;
}
.cosmetacard-list-item .hint {
left: 60px;
}
.cosmetacard-list-item .hint::before {
right: 230px;
}
article.cosmetacard .static-text {
padding-right: 80px;
}
article.cosmetacard .static-list {
padding-right: 65px;
}
.cosmetacard-top .card > .title {
padding: 0 410px 0 0;
text-align: left;
margin: 30px 0 20px
}
.cosmetacard-top .card .buttons {
width: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding-bottom: 50px;
}
.cosmetacard-top .card .buttons button:first-child {
width: auto;
padding: 0px 20px;
}
.cosmetacard-top .card .buttons .sign-in {
width: 180px;
margin: 0 10px 0 auto;
}
.cosmetacard-top .card .buttons a:last-child {
width: auto;
padding: 0px 20px
}
}
@media only screen and (min-width: 1200px) {
.page-header {
position: relative;
z-index: 2;
background: #FFF;
}
.container {
width: 1135px;
}
.page-header-main {
padding-top: 20px;
}
.page-header-logo img {
width: 175px;
height: 105px;
}
.page-header-categories-wrapper {
position: absolute;
background: #FFF;
width: calc(100% + 160px);
padding: 0 80px 55px;
top: 40px;
left: -80px;
}
.page-header-categories-wrapper.visible {
display: block;
}
.page-header-categories-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 2px solid #FF5377;
padding-top: 35px;
}
.page-header-categories.colored {
-ms-flex-preferred-size: 22.5%;
flex-basis: 22.5%;
}
.page-header-categories.colored .page-header-category-item {
margin-bottom: 5px;
}
.page-header-categories.colored .page-header-category-item:last-child {
margin-bottom: 0;
}
.page-header-categories.colored .page-header-category-item a {
display: block;
padding: 25px;
}
.page-header-categories.colored .page-header-category-item a:hover {
opacity: .6;
}
.page-header-category-item .title {
font: 17px/22px "MuseoSansCyrl700";
color: #333;
}
.page-header-category-item .items-count {
font: 14px/16px "MuseoSansCyrl300";
color: #666;
}
.page-header-categories:not(.colored) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
margin-left: auto;
}
.page-header-categories:not(.colored) .page-header-categories-list:nth-child(1),
.page-header-categories:not(.colored) .page-header-categories-list:nth-child(2),
.page-header-categories:not(.colored) .page-header-categories-list:nth-child(3) {
margin-bottom: 5px;
}
.page-header-categories-list {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
/* .page-header-categories:not(.colored) .page-header-categories-list::before {
content: attr(data-title);
font: 16px "MuseoSansCyrl900";
text-transform: uppercase;
display: inline-block;
margin-bottom: 20px;
}*/
.page-header-categories:not(.colored) .page-header-category-item {
font: 15px "MuseoSansCyrl300";
padding: 5px 0;
}
.page-header-categories:not(.colored) .page-header-category-item a {
color: #333;
}
.page-header-categories:not(.colored) .page-header-category-item a:hover {
opacity: .6;
}
.page-header-categories-wrapper .show-all {
position: absolute;
bottom: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.features-list {
overflow-x: hidden;
}
.feature-item {
width: 25%;
}
.mobile-profile-select-wrap {
display: none;
}
.subtitle {
margin-top: 0;
}
.profile-menu {
position: relative;
width: 260px;
height: auto;
right: 0;
top: 0;
margin-right: 30px;
margin-bottom: 240px;
}
.profile-menu-list {
position: relative;
transform: none;
left: 0;
padding: 25px 20px 15px 25px;
}
.profile-menu-item.selected {
display: none;
}
li.profile-menu-item:not(:first-child) {
margin-bottom: 10px;
visibility: visible;
font: 14px "MuseoSansCyrl500";
}
.profile-menu-list li a {
color: #333;
font: 14px/19px 'MuseoSansCyrl500';
text-decoration: none;
}
.profile-menu-list.ajax-dropdown {
position: absolute;
padding: 8px 13px 15px;
}
.ajax-dropdown .profile-menu-item.selected {
display: block;
}
.ajax-dropdown li.profile-menu-item:not(:first-child) {
visibility: hidden;
}
.ajax-dropdown.visible .profile-menu-item:not(:first-child),
.ajax-dropdown.visible .catalogue-sort-item:not(:first-child) {
visibility: visible;
}
.ajax-dropdown .profile-menu-item.selected::after {
right: 7px;
top: 14px;
}
.profile-favourites {
width: 840px;
margin-top: -20px;
}
.profile-favourites .items-section {
justify-content: flex-start;
align-items: left;
padding: 0;
}
.profile-favourites .items-section-item {
width: 260px;
margin: 0 30px 0 0;
}
.profile-favourites .items-section-item:nth-child(3n+3) {
margin-right: 0;
}
.profile-comment-item .right-part {
float: right;
width: 230px;
margin-top: 10px;
/*justify-content: flex-end;*/
}
.profile-comment-item .right-part .show-comment-link{
top: 29px;
}
.specials-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
main > .specials-section .specials-slider {
width: 75%;
}
.specials-slider .owl-nav {
position: absolute;
top: 30px;
right: 30px;
font-size: 0;
}
.specials-slider .owl-prev,
.specials-slider .owl-next {
width: 35px;
height: 35px;
display: inline-block;
}
.specials-slider .disabled,
.specials-slider .owl-next:hover,
.specials-slider .owl-prev:hover {
opacity: .6;
}
.specials-slider .owl-prev {
background: #FFF url(../images/icon-arrow-prev.png) center center no-repeat;
margin-right: 5px;
}
.specials-slider .owl-next {
background: #FFF url(../images/icon-arrow-next.png) center center no-repeat;
}
.specials-slider-item.stock::before {
top: 130px;
}
.specials-slider-item {
padding: 190px 465px 130px 50px;
background-size: 340px;
background-position: calc(100% - 30px) calc(100% + 57px);
}
.specials-slider-item .specials-item-title {
font-size: 32px;
}
.specials-item-description,
.big-aside-item-description {
font-size: 15px;
line-height: 20px;
}
.specials-item {
/*padding: 55px 20px;*/
text-align: center;
color: #333;
/*width: 22.5%;*/
/*background: #E8B3F9 url(../images/specials-2.png) center bottom no-repeat;*/
display: block;
max-width: 250px;
}
.specials-item .specials-item-title,
.big-aside-item .big-aside-item-title {
font-size: 26px;
margin-bottom: 20px;
}
.items-section {
margin-bottom: 40px;
}
.items-section-title {
margin-bottom: 60px;
}
.items-section-slider-wrapper {
margin: 0 -30px;
}
.items-section-slider .owl-stage {
padding-top: 5px;
padding-bottom: 5px;
}
.items-section-slider .owl-prev,
.items-section-slider .owl-next {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.items-section-slider .owl-prev {
left: -35px;
}
.items-section-slider .owl-next {
right: -35px;
}
body:not(.items-lines) .items-section .br-wrapper {
margin-top: -25px;
}
.categories-section .br-wrapper {
display: block;
}
.active .items-section-item:hover,
.item-suggestions .items-section-item:hover,
.catalogue-section .items-section-item:hover {
-webkit-box-shadow: 0 0 12px 3px rgba(82, 82, 84, 0.05);
box-shadow: 0 0 12px 3px rgba(82, 82, 84, 0.05);
background: #FFF;
}
.item-add-to-cart {
visibility: hidden;
}
.items-section-item:hover .item-add-to-cart {
visibility: visible;
}
.banner-item {
padding: 10px 75px 10px 125px;
}
.banner-section-item-img,
.banner-item-text,
.banner-section-more {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%
}
.banner-section-more {
display: block;
text-align: right;
}
.banner-section-more a {
display: inline-block;
padding: 0 30px;
font: 16px/40px "MuseoSansCyrl500";
border: 1px solid #333;
color: #333;
}
.banner-section-more a:hover {
opacity: .6;
}
.about-section {
text-align: left;
}
.about-section > .container {
position: relative;
}
.about-section-text {
padding-right: 100px;
}
.about-section-text .desktops-visible {
display: inline;
}
.about-section-text .hidden-text {
margin-top: 10px;
}
.about-section-text .hidden-text.visible {
display: block;
}
.about-section-toggle {
position: absolute;
width: 35px;
height: 35px;
right: 0;
top: 45px;
border: 1px solid #CCC;
border-radius: 50%;
display: block;
background-color: transparent;
}
.about-section-toggle:not(.active)::after {
width: 2px;
height: 14px;
}
.about-section-toggle::before {
width: 14px;
height: 2px;
}
.about-section-toggle::before,
.about-section-toggle::after {
background-color: #999;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-section-toggle:hover {
opacity: .6;
}
.subscribe-section {
text-align: left;
padding: 15px 0;
}
.subscribe-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subscribe-section-title {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 0;
padding-left: 65px;
}
.subscribe-section-title::before {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
}
.about-company-list,
.company-services-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-footer {
padding: 45px 0 40px;
}
.about-company-item:first-child,
.company-services-item:first-child {
margin-top: 0;
}
.about-company-list::before,
.company-services-list::before {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.about-company-item,
.company-services-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.socails-payment-lists-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.payment-systems-list,
.socials-list {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.page-footer-lists {
margin: 0 -15px 35px;
padding: 0;
}
.page-footer-lists ul {
padding: 0 15px;
}
.socials-list {
margin-bottom: 0;
}
.page-header-nav .nav-toogle {
display: none;
}
/*УÑилил Ñелектор*/
.wrapper .page-header .page-header-nav .hidden-elements {
visibility: hidden;
}
.categories-section {
margin-bottom: -15px;
}
.categories-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.categories-section-left {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
.categories-section-right {
width: 845px;
}
.categories-list {
margin-bottom: 130px;
}
.categories-section .categories-list {
margin: 0 0 50px;
}
.categories-item.gift-and-kits,
.categories-item.stocks,
.categories-item.brands,
.categories-item.make-up-lessons {
flex-basis: 260px;
}
.categories-item.collections {
flex-basis: 550px;
}
.categories-item.brands,
.categories-item.make-up-lessons {
display: block;
}
.categories-item.collections a {
padding-top: 50px;
}
.categories-item.make-up-lessons a {
height: 150px;
padding: 35px 0 0 30px;
background: #F7E5D0 calc(100% + 40px) bottom no-repeat;
}
.categories-item.gift-and-kits a {
background-position-x: calc(100% + 25px);
}
.categories-item.stocks a {
background-position-y: calc(100% + 10px);
}
.filters-open {
display: none;
}
.filters {
display: block;
position: static;
padding: 0;
width: 100%;
}
.categories-section-right .items-section:not(:nth-child(2)) .items-section-title {
margin: -75px 0 20px;
}
.categories-section .pagination {
display: none;
}
.bag-table {
padding-top: 0;
}
.bag-row {
margin-bottom: 50px;
padding-bottom: 25px;
}
.bag-table-header {
font: 11px "MuseoSansCyrl300";
color: #999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
margin-bottom: 25px;
}
div:not(.bag-order-gifts) > .bag-order-item .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bag-order-item .item-title {
-ms-flex-preferred-size: 405px;
flex-basis: 405px;
}
.bag-order-item .item-type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.bag-table-header span:first-child {
-ms-flex-preferred-size: 555px;
flex-basis: 555px;
}
.bag-table-header span:nth-child(2) {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
}
.bag-table-header span:nth-child(3) {
-ms-flex-preferred-size: 145px;
flex-basis: 145px;
}
.bag-order-items {
-ms-flex-preferred-size: 845px;
flex-basis: 845px;
}
.bag-order-info,
.bag-table .total > .content {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
.bag-item-form {
-ms-flex-item-align: start;
align-self: flex-start;
}
.bag-item-form .update-quantity {
margin-right: 35px;
}
.bag-table .bag-row:nth-child(2) .bag-order-info {
margin-top: -35px;
}
.bag-order-item .gift-price {
right: 115px;
}
.article {
margin-bottom: 110px;
}
.article > .container,
.how-to-get > .container,
.discount > .container,
.how-to-pay > .container,
.how-to-order > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.article-left,
.how-to-get-left,
.discount-left,
.how-to-pay-left,
.how-to-order-left {
width: 845px;
}
.article > .container aside,
.how-to-get > .container aside,
.discount > .container aside,
.how-to-pay > .container aside,
.how-to-order > .container aside {
width: 260px;
display: block;
}
.article > .container aside,
article.discount > .container aside {
padding-top: 33px;
}
.big-aside-item {
display: block;
padding: 40px 30px 205px;
text-align: center;
color: #333;
}
.items-section .share-list {
margin-top: 35px;
}
.brand {
margin-bottom: 80px;
}
.brand-item-list-title {
margin-top: 110px;
}
.brand-item-list {
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 0;
flex-wrap: wrap;
}
.brand-item-item {
margin-right: 0;
margin-top: 20px;
}
.brands-section {
margin-bottom: 140px;
}
.brands-section-left {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
}
.brands-section-right {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.brands-letters-list {
text-align: center;
}
/*Ðа ÑÑ… чето хехичах*/
.brands-list::after {
content: "";
width: 100%;
display: block;
}
.brand-item {
width: 33.33%;
}
.how-to-get {
margin-bottom: 70px;
}
.how-to-get-left {
padding-right: 175px;
}
.small-aside-item {
display: block;
font: 16px/22px "MuseoSansCyrl700";
color: #333;
text-transform: uppercase;
height: 260px;
text-align: center;
}
.small-aside-item.gift-and-kits {
padding-top: 30px;
margin-bottom: 25px;
}
.small-aside-item.stocks {
padding-top: 45px;
}
.news-section-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 -14px;
}
.news-section-item {
-ms-flex-preferred-size: 22.5%;
flex-basis: 22.5%;
margin: 0 14px 65px;
}
.news-section-item:nth-last-child(3),
.news-section-item:nth-last-child(4) {
margin-bottom: 0;
}
.news-section-item .title,
.news-section-item .date {
padding: 0 10px;
}
.news-section .pagination {
margin-top: 140px;
margin-bottom: 30px;
}
.catalogue-section {
margin-bottom: 55px;
}
.catalogue-section > .container,
.discounts-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalogue-section-left,
.discounts-section-left {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
.catalogue-section-right {
-ms-flex-preferred-size: 840px;
flex-basis: 840px;
}
.catalogue-filters {
overflow: visible;
margin-top: -10px;
}
.catalogue-filter-open-btn {
display: none;
}
.catalogue-sort-list::before,
.catalogue-items-view-list::before {
display: inline-block;
font: 14px "MuseoSansCyrl500";
color: #999;
}
.catalogue-sort-list::before {
content: "Сортировать по:";
margin-right: 30px;
}
.catalogue-items-view-list::before {
content: "Показать:";
margin-right: 20px;
vertical-align: bottom;
}
.catalogue-sort-list {
margin: 0 auto 0 0;
}
.catalogue-section-right .items-section-item {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
.catalogue-section .pagination {
margin-bottom: 0;
}
.discounts-filters {
margin-top: -15px;
}
.discounts-section-right {
width: 840px;
}
.discounts-items {
margin-top: 60px;
margin-bottom: 60px;
}
.discounts-item:not(.big) {
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
.discounts-item:nth-last-child(3) {
margin-bottom: 0;
}
.discounts-item.big {
-ms-flex-preferred-size: 550px;
flex-basis: 550px;
}
.discounts-section .pagination {
margin: 130px 0 55px;
}
.unit-flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 120px;
padding-right: 0;
height: 476px; /*Короче у Ñ„Ð»ÐµÐºÑ Ð´Ð¸Ñ€ÐµÐºÑ‚Ð¸Ð¾Ð½ колумн должна быть четко задана выÑоÑта*/
/*Я ее увеличиваю Ñкриптом пока не уберетьÑÑ Ð¾Ð²ÐµÑ€Ñ„Ð»Ð¾Ð²*/
/*Итемы не убду Ñкакать ибо у Ñлайдера Ñтоит Ñ„Ð»ÐµÐºÑ Ð±Ð°ÑÐ¸Ñ 100%*/
}
.unit-section-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.unit-rating-recall {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.unit-brand {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.item-characteristics-table {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 270px;
}
.unit-description-button {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.unit-section .share-list {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
margin-bottom: 0;
}
.unit-sliders-wrapper {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
width: 550px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0 30px 0 20px;
padding-left: 75px;
position: relative;
}
.unit-vendor-code {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.unit-price {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.unit-buy {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.item-more-list {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.unit-section-title,
.unit-rating-recall,
.unit-brand,
.unit-vendor-code,
.unit-price,
.unit-buy,
.item-more-list {
width: 260px;
}
.unit-slider {
margin-bottom: 0;
width: 480px;
}
.unit-slider-nav {
position: absolute;
width: 60px;
top: 0;
left: 0;
}
.unit-slider-nav-item {
margin-right: 0;
margin-bottom: 5px;
}
.unit-slider-nav-item:last-child {
margin-bottom: 0;
}
.unit-sliders-wrapper .item-label {
left: 95px;
}
.unit-rating-recall {
margin-bottom: 40px;
}
.unit-vendor-code {
margin-bottom: 35px;
}
.unit-description-button {
margin-bottom: 20px;
}
.item-description-properties {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-description-properties-tabs-list {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.item-description-properties-tabs-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
cursor: auto;
}
[data-tab-open="properties"] {
padding-left: 30px;
}
.item-description-properties [data-tab]:not(.visible) {
display: block;
}
.item-description-properties [data-tab] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.item-description {
padding: 5px 20px 0 0;
}
.item-description:not(.hidden-elements-visible) {
height: 130px;
}
.item-properties {
padding-left: 15px;
}
.item-description-properties-tabs-item:not(.active) {
color: #333;
}
.item-recalls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 75px;
}
.item-recalls > div,
.item-recalls-form {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.item-recalls-form {
padding: 40px 0 0 15px;
}
.item-recalls > div {
padding-right: 20px;
}
.recalls-pagination {
margin: 65px 0 0;
}
.item-recalls-form .distribution-label {
padding-top: 2px;
}
.item-suggestions {
margin-bottom: -15px;
}
.item-suggestions .items-section {
padding-bottom: 0;
overflow: visible;
}
.item-suggestions .items-section .ps__rail-x {
display: none;
}
.item-suggestions .items-section-item {
width: 25%;
}
.change-pass-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.profile-orders-main-container {
width: 840px;
}
.return-back-block {
margin-top: -10px;
}
.return-back-block p {
max-width: 580px;
}
.profile-order-item .bag-order-items {
width: 530px;
flex-basis: 65%;
}
.profile-order-item .bag-order-item .info {
display: flex;
justify-content: space-between;
}
.profile-order-item .bag-order-item .info-inner {
width: 250px;
}
.bag-order-item .item-price {
margin-top: 0;
}
.profile-order-item .bag-order-other-info {
width: 250px;
}
.order-short-desc .left-part {
width: 450px;
}
.order-data-wrapper-inner .order-data-left {
width: 815px;
}
.payment-info-message {
width: 260px;
bottom: -21px;
margin-left: 26px;
}
.payment-info-message:before {
transform: rotate(-90deg);
left: -16px;
margin: -6px 0 0 0;
top: 50%;
}
.order-page .page-header-main-left-tablets {
max-width: 42%;
}
article.discount {
margin-bottom: 130px;
}
.discount .static-text {
padding-right: 55px;
}
.discount > .container {
margin-bottom: 35px;
}
.discount .items-section-item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.shops-section {
margin-bottom: 25px;
}
#map {
height: 540px;
}
.contacts-section {
margin-bottom: -20px;
}
.contacts-section > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts-section > .container .page-title {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.contacts-section-left {
-ms-flex-preferred-size: 555px;
flex-basis: 555px;
margin: -5px 30px 0 0;
}
.contacts-section-right {
-ms-flex-preferred-size: 335px;
flex-basis: 335px;
margin: -5px 0 0;
}
.contacts-section .static-text:first-child {
margin-top: 0;
padding-right: 115px;
}
.contacts-section .cities-list {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: left;
margin-top: 45px;
}
.contact-us-form > span {
display: inline-block;
}
.how-to-pay {
margin-bottom: 65px;
}
.how-to-pay .static-text,
.how-to-order .static-text {
padding-right: 180px;
}
.how-to-pay .static-list {
padding-right: 170px;
}
.how-to-order .static-list {
padding-right: 180px;
}
.how-to-order {
margin-bottom: 160px;
}
.profile-comment-item.active .comment-controls {
display: flex;
padding-right: 20px;
align-items: center;
justify-content: space-between;
}
.comment-controls .comment-buttons {
margin-top: 0;
}
.delete-warning {
left: 50%;
bottom: -70px;
margin-left: -87px;
width: 174px;
height: 52px;
}
.delete-warning:before {
left: 50%;
top: -9px;
margin: 0 0 0 -12px;
transform: none;
}
.order-sign-in-section {
max-width: 830px;
margin-bottom: 200px;
}
.order-sign-in-block {
display: flex;
}
.social-authorization {
width: 250px;
margin-right: 60px;
}
.order-sign-in-form {
max-width: 520px;
}
.order-sign-in-form form.pop-up-form {
display: flex;
flex-wrap: wrap;
align-content: space-between;
align-items: center;
margin-top: 0;
}
.order-sign-in-form form > label {
width: 255px;
}
.order-sign-in-form form > label:nth-child(2n+1) {
margin-right: 8px;
}
.order-sign-in-section .forget-password {
order: 2;
height: 20px;
margin: 0;
}
.order-sign-in-section input[type="submit"].button {
width: 255px;
order: 1;
margin-right: 20px;
}
.order-sign-in-section input[type="button"].button {
width: 255px;
order: 1;
margin-right: 20px;
cursor: pointer;
}
.bonus-block .payment-info-message {
margin-left: 26px;
}
.bonus-block .payment-info-message:before {
margin: -6px 0 0 0;
}
article.cosmetacard {
margin-bottom: 175px;
}
.cosmetacard-top > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #fcfcfc;
padding: 30px 0;
}
.cosmetacard-top:not(.not-authorized) > .container {
margin-bottom: 45px;
}
.cosmetacard-top.not-authorized > .container {
margin-bottom: 35px;
}
.cosmetacard-top:not(.not-authorized) .card {
background-color: transparent;
padding: 0;
margin: 0 160px 0 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cosmetacard-top.not-authorized .card {
margin: 0 0 0 25px;
padding: 0;
}
.cosmetacard-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px 0 0 0;
}
.cosmetacard-list-item {
margin-right: 0;
}
article.cosmetacard .static-text {
padding-right: 485px;
}
article.cosmetacard .static-list {
padding-right: 475px;
}
.cosmetacard-top .card .buttons {
width: 850px;
padding-bottom: 10px;
}
.cosmetacard-top .card > .title {
padding-right: 785px;
margin-top: 5px;
}
}