/*.•* - GLOBAL - *•.*/
body {
    font-family: 'Montserrat', sans-serif;	
	font-style: normal; 
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;	
	background-color: #fbfbfb;
	color: #131313; /* color #2 */
	-webkit-text-size-adjust: 100%;
}
body.open-menu,
body.open-cart {
	overflow: hidden;	
}


a {
    font-family: 'Montserrat', sans-serif;	 
	color: #393939; /* color #2 */	
	font-size: 16px;	
}
a:focus-visible {
	outline: 0;
}
ul, ol {
	margin: 0; 
	padding: 0;
}
div {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	transition: all .25s linear;	
	box-sizing: border-box;
}
h2 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 30px;
	display: block;
	margin-bottom: 10px;	
	line-height: 1.5;
}
h3 {
	font-weight: 500;
	font-size: 16px;
	border-bottom: 1px #d0d0d0 solid;
	width: auto;
	display: inline-block;
	padding-bottom: 5px;
	margin: 5px 0;
	margin-top: 15px;	
}
input, button, textarea {
	font-family: 'Montserrat', sans-serif;	
	color: #59544F;
	font-weight: 300;
	font-size: 16px;
}
.show-password-input {
    display: none;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	width: 100%;
	border: 0;	
	padding: 12px 0;
	border-bottom: 1px #bdbdbd solid;
	box-sizing: border-box;
	font-size: 16px;
	background-color: transparent;
}
input[type="submit"] {
	font-size: calc(0.67em + 0.08em); /* 12px - 14px; */
	line-height: 16px;
	text-align: center;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #393939;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
}

input:focus, textarea:focus, select:focus {
	outline: 0;
}
input[type="checkbox"] {
	display:none;
}
.custom-checkbox {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #393939 solid;
    border-radius: 50%;
	margin-right: 20px;
	flex: none;
}
input[type="checkbox"]:checked ~ label .custom-checkbox::before {
    content: '\e900';
    font-family: 'nomakeup';
    color: #393939;
    font-size: 18px;
}
::-webkit-input-placeholder {height: 100%; color:#BDBDBD; font-size: 12px; font-weight: 400; opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder {height: 100%; color:#BDBDBD; font-size: 12px; font-weight: 400; opacity: 1; transition: opacity 0.3s ease;}
:-moz-placeholder {height: 100%; color:#BDBDBD; font-size: 12px; font-weight: 400; opacity: 1; transition: opacity 0.3s ease;}
:-ms-input-placeholder {height: 100%; color:#BDBDBD; font-size: 12px; font-weight: 400; opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}

/*.•* - NOMAKEUP - *•.*/
.nomakeup-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 100px;
	background-color: #fbfbfb;
	box-sizing: border-box;
}

.nomakeup-title {

}
.eng-text {
	font-family: 'Catamaran', sans-serif;
}
.nomakeup-link {
	font-weight: 500;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #131313;
	text-decoration: none;
	display: flex;	
}
.nomakeup-link::before {
	font-family: 'Nomakeup';
	content: '\e902';
	margin-right: 16px;
	font-size: 7px;
}
.nomakeup-button,
.nomakeup-button-lite, 
input[type="submit"].nomakeup-button {
/*	background: #373737;*/
	background: #E6E6E6;
	border: 1px solid #E6E6E6;
	color: #393939;
	height: 40px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 0.6px;
	cursor: pointer;
	width: 205px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: 20px;
}
.nomakeup-button:hover {
	background-color: #eee;
}
.nomakeup-button-lite {
	background-color: #E6E6E6;
	color: #393939; 
}
.nomakeup-button-lite:hover {
	background-color: transparent;
}

.nomakeup-button[data-status="disabled"] {
	background-color: #888888;
	border-color: #888888;
	cursor: not-allowed;
}
.nomakeup-button[data-status="disabled"]:hover {
	color: #fff;
}
.nomakeup-button-lite[data-status="disabled"] {
	background-color: #fff;
	border-color: #888888;
	color: #888888;
}
.nomakeup-button-lite[data-status="disabled"]:hover {
	background-color: #888888;
	color: #fff;
}
@media screen and (max-width:1350px) {
	.nomakeup-container {
		padding-left: 70px;
		padding-right: 70px;
	}
}
@media screen and (max-width:1280px) {
	.nomakeup-container {
		padding-left: 50px;
		padding-right: 50px;
	}
	.nomakeup-title {
		font-size: 40px;
	}
}
@media screen and (max-width:1024px) {
	.nomakeup-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width:768px) {
	.nomakeup-container {
		padding: 31px 20px;
	}
	.nomakeup-title {
		margin-bottom: 15px;
	}
}
@media screen and (max-width:500px) {
	.nomakeup-container {
		padding-top: 26px;
		padding-bottom: 26px;
	}
	.nomakeup-title {
		font-size: 27px;
		line-height: 32px;		
	}
	.nomakeup-kink {
		font-size: 12px;
	}
}




/*.•* - HEADER - *•.*/
.site-header {
	display: flex;
	width: 100%;
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 100px;
	background-color: #fbfbfb;
	height: 54px;
	align-items: center;
	position: sticky;
	z-index: 2;
	top: 0;
/*	box-shadow: 0px 10px 5px #00000008;*/
}
.logo-lite {
	display: none;
}
.site-header__navigation {

}
.site-header__navigation_burger {
	display: flex;
    width: 30px;
    height: 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin-right: 32px;
    box-sizing: border-box;
}

.site-header__basket,
.site-header__account,
.site-header__favorite {
	margin-left: auto;
	font-size: 22px;
	line-height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
	flex: none;
	z-index: 21;
	text-decoration: none;
	position: relative;
}
.site-header__basket, .site-header__account {
	margin-left: 15px;
}
.site-header__basket:before {
	font-family: 'Nomakeup';
    content: '\e903';
}
.site-header__account::before {
	font-family: 'Nomakeup';
    content: '\e90d';
}
.site-header__favorite::before {
	font-family: 'Nomakeup';
    content: '\e909';
}
.site-header__basket > small,
.site-header__favorite > small {
	position: absolute;
	top: -11px;
	right: -14px;
	font-weight: 500;
	font-size: 10px;
	border-radius: 50%;
	height: 17px;
	width: 17px;
	background-color: #ffb6b6;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.site-header__favorite > small {
	display: none;
}
.site-header__favorite > small.active {
	display: flex;
}
.site-header__basket.close {
	font-size: 20px;
	color: #393939;
	right: 26px;
	top: 10px;
	background-color: transparent;
	margin-left: auto;
}
.site-header__basket.close::before {
	content: '\e901';
}
.site-header__basket.close > small {
	display: none;
}
.cart-open .site-header__account,
.cart-open .site-header__favorite {
	display: none;
}

.site-header__navigation_burger > span {
	width: 100%;
    height: 2px;
	background-color: #131313;
	border-radius: 5px;
}
.site-header__navigation_burger > span:nth-child(2) {
	width: 21px;
}

.site-header__menu {
	display: none;
	margin: auto 0;
}

.open-menu .site-header__menu {
	width: 550px;
	height: 100%;
	position: fixed;
	left: auto;
	z-index: 3;
	top: 0;
	padding: 64px 0;
	padding-top: 120px;
	flex-direction: column;
	display: flex;
	background-color: #fbfbfb;
	box-shadow: 10px 10px 15px #00000008;
}

.open-menu .site-header img.logo-lite {
	display: none;
}

.open-menu .site-header__navigation_burger {
/*	position: absolute;*/
	height: auto;
	justify-content: center;
}

.open-menu .site-header__navigation_burger:before {
	font-family: 'Nomakeup';
	content: '\e901';
	width: 16px;
    height: 16px;
	z-index: 4;
}

.open-menu .site-header__navigation_burger > span {
	display: none;
}


.site-header__logo {
	position: relative;
	z-index: 4;
	width: 203px;
	box-sizing: border-box;
    border-radius: 26px;
	display: flex;
	align-items: center;
}
.site-header__logo > img {
	object-fit: contain;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1350px) {
	.site-header {
		padding-left: 70px;
		padding-right: 70px;
	}
}
@media screen and (max-width: 1024px) {
	.site-header {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width: 768px) {
	.site-header {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 550px) {
	.site-header__navigation_burger {
		width: 22px;
		height: 20px;
		margin-right: 16px;
	}
	.site-header__navigation_burger > span:nth-child(2) {
		width: 15px;
	}
	.site-header__logo {
		width: 180px;
	}
	.site-header__basket {
/*		font-size: 20px;*/
/*		line-height: 20px;*/
	}
	.site-header__account {
		display: none;
	}
	.site-header__basket {
		margin-left: 10px;
	}
	.site-header__basket.close {
		margin-left: auto;
	}
}
@media screen and (max-width: 500px) {
	.site-header {
		top:0;
		height: 74px;
	}
/* 	.site-header__basket {
		z-index: 21;
	} */
}

.open-menu .site-header img.logo {
	display: block;
	width: 182px;
	height: 18.4px;
}

.site-header__menu-block_main {
	display: grid;
 	grid-template-areas: 
		"A A A B B B"
		"A A A B B B"
		"C C C D E F"
		"G G G D E F"
		"G G G D E F"; 
/*
	grid-template-areas: 
		"A A A B B B"
		"A A A B B B"
		"G G G D E F"
		"G G G D E F";
*/
	height: calc(100% - 116px);
    grid-gap: 8px;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(4, 1fr);
}

.site-header__menu-block_main-list.menu {
	grid-area: A;
}
.site-header__menu-block_main-list.brush {
	grid-area: B;
}
 .site-header__menu-block_main-list.profile {
	grid-area: C;
} 
.site-header__menu-block_main-list.sponge {
	grid-area: D;
}
.site-header__menu-block_main-list.cleared {
	grid-area: E;
}
.site-header__menu-block_main-list.case {
	grid-area: F;
}
.site-header__menu-block_main-list.social {
	grid-area: G;
}

.site-header__menu-block_main-list {
	background-color: #E9E7EC;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
}

.site-header__menu-block__background {
	height: 108px;
	background-color: #E9E7EC;
	border-radius: 8px;
	margin-bottom: 8px;
}

.open-menu .site-header__menu {
	padding: 0;
    left: 0;
    width: 100%;
	max-height: 780px;
}

.site-header__menu-block {
	height: 100%;
}

.site-header__menu-block .header-menu__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header-menu-block {
	padding-left: 100px;
}

.site-header__menu-block a {
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 0.6px;
	text-decoration: none;
}

.site-header__menu-block ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
}

.site-header__menu-block ul li {
	margin: 12px 0;
}

.site-header__menu-block .header-menu-block {
	display: flex;
	align-items: center;
}

.header-menu-block.profile a:after {
	font-family: 'Nomakeup';
    content: '\e902';
    font-size: 7px;
    margin-left: 16px;
}

.site-header__menu-block .header-menu-block-catalog {
	position: relative;
}

.site-header__menu-block .header-menu-block-catalog__name {
	position: absolute;
	left: 24px;
	bottom: 40px;
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 0.6px;
	color: #393939;
}

@media screen and (max-width: 1280px) {
	.site-header__menu-block_main {
/*
		grid-template-areas:
			"A A A B B B"
			"A A A B B B"
			"G G G D E F"
			"G G G D E F";
		grid-template-rows: repeat(4, 1fr);
*/
	}
}

@media screen and (max-width: 768px) {
	.site-header__menu-block__background {
		height: 84px;
		margin-bottom: 4px;
	}
	.site-header__menu-block_main {
		grid-template-areas: 
			"A A"
			"C C"
			"B F"
			"E D"
			"G G";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-gap: 4px;
		height: calc(100% - 84px);
	}
	.site-header__menu-block .header-menu-block-catalog__name {
		left: 16px;
		bottom: 16px;
	}
	.site-header__menu-block ul li {
		margin: 8px 0;
	}
	.header-menu-block {
		padding: 20px;
	}
}

@media screen and (max-width: 359px) {
	.site-header__navigation_burger {
		margin: 0;
		margin-right: 10px;
	}	
	.site-header__logo {
		width: 170px;
	}
}

/*.•* - TOP BANNER - *•.*/

.site-top-banner {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
    padding-top: 30px !important;
    padding-bottom: 0 !important;
    position: sticky;
    z-index: 4;
}
.site-top-banner.big.mobile {
    display: none;
}
.cart-open .site-top-banner,
.open-menu .site-top-banner {
	z-index: 1;
}
.site-top-banner > img {
	object-fit: contain;
	width: 100%;
	height: auto;
}
.site-top-banner.sticky {
    max-width: 1400px;
    box-shadow: 0px 0px 10px #00000069;
    background-color: transparent;
    padding: 0 !important;
    top: calc(100vh - 125px);
}
@media screen and (max-width: 768px) {
	.site-top-banner {
		display: none;
	}
    .site-top-banner.big {
		display: flex;
	}
}
@media screen and (max-width:500px) {
    .site-top-banner.big {
        display: none;
    }
    .site-top-banner.big.mobile {
        display: flex;
    }
}

/*.•* - BREADCRUMBS - *•.*/
.nomakeup-container.breadcrumb {
	padding-top: 30px;
	padding-bottom: 0;
}
.nomakeup-breadcrumbs {
	font-size: 12px;
	line-height: 22px;
	color: #666	
}
.nomakeup-breadcrumbs a {
	text-decoration: none;
	color: #666;
	font-size: 12px;
}

@media screen and (max-width: 768px) {
	.nomakeup-breadcrumbs {
/*		font-size: 12px;*/
	}	
	.nomakeup-breadcrumbs a {
/*		font-size: 12px;*/
	}
}

/*.•* - QUANTITY INPUT - *•.*/
.quantity {
	width: 110px;
	position: relative;
	display: flex;
	height: 40px;
}
.quantity label {
	display: none;
}
.quantity__input {
	appearance: textfield;
	-moz-appearance: textfield;
	text-align: center;
	height: 100%;
	width: 100%;
	border: 0;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	letter-spacing: 0.6px;
	-moz-appearance: textfield;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 23px;
	color: #393939;
}
.quantity__but {
	display: flex;
	align-items: center;
	position: absolute;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #393939;
	font-weight: 400;
	height: 100%;
	width: 40px;
	justify-content: center;
	text-align: center;
	top: 0;	
	cursor: pointer;
}
.quantity__but::before {
	font-family: 'Nomakeup';
}
.quantity__but.minus {
	left: 0;
	border-radius: 23px 0px 0px 23px;
}
.quantity__but.minus::before {
	content: '\e904';
	font-size: 0.8px;
}
.quantity__but.plus {
	right: 0;
	border-radius: 0px 23px 23px 0;
}
.quantity__but.plus::before {
	content: '\e905';
	font-size: 14px;
}
.quantity__but:hover {
	background-color: #eee;
}
@media screen and (max-width:360px) {
	.quantity {
		width: 100px;
	}
}

/*.•* - FOOTER - *•.*/
footer {
	padding-top: 64px;
/*	padding-bottom: 54px;*/
 	background-color: #F8F8F8; 
	margin-top: auto;
	width: 100%;
	height: 50%;
	display: flex;
}
.site-footer {
	justify-content: space-between;
	display: flex;
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 100px;
	flex-direction: column;
	width: 100%;
	margin-top: auto;
}

.site-footer__widgets {
	display: flex;
	justify-content: space-between;
}

.site-footer__widget_content > ul {
	list-style: none;
}

.site-footer__widget_logo {
	margin-bottom: 32px;
}

.site-footer__widget_list,
.site-footer__widget_brand {
	display: flex;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.3px;
	color: #666;
}

.site-footer__widget_brand {
	margin-top: 10px;
}

.site-footer__widget_site {
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-left: 75px;
	color: #666;
}

.site-footer__widget_number > span{
	display: block;
	width: 31px;
}

.site-footer__widget_content {
	margin-left: 87px;
}

.site-footer__widget_content a {
	font-size: 12px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
}

.site-footer__widget .site-footer__widget_list {
	margin-top: 65px;
}

.site-footer__widget.footer-menu .site-footer__widget_list {
	margin-top: 0;
}

.site-footer__widget.socials .site-footer__widget_content {
	display: flex;
    flex-direction: column;
}

.site-footer__widget {
/*	margin-right: 125px;*/
}


.site-footer__form.site-footer__widget_content {
	max-width: 325px;
}

.site-footer__form_main {
	position: relative;
}

.site-footer__form_title {
	margin-bottom: 4px;
}

.site-footer__form_main .form-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.site-footer__form_main input[type="email"] {
	padding: 14px 8px;
}

.form-submit {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;	
	cursor: pointer;
}
.form-submit::before {
	font-family: 'Nomakeup';
    content: '\e902';
	font-size: 8px;
/* 	margin-left: 5px; */
}



@media screen and (max-width: 1350px) {
	.site-footer {
		padding-left: 70px;
		padding-right: 70px;
	}
}

@media screen and (max-width: 1400px) {
	.site-footer__widgets {
		justify-content: space-between;
	}
	.site-footer__widget {
		margin-right: 0;
	}
}

@media screen and (max-width: 1200px) {
	.site-footer__widget_content {
		margin-left: 50px;
	}
	.site-footer__widget_site {
		margin-left: 38px;
	}
}

@media screen and (max-width: 1024px) {
	.site-footer {
		padding-left: 40px;
		padding-right: 40px;
	}
	.site-footer__widgets {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.site-footer__widget.subscribe {
		width: 100%;
	}
	.site-footer__widget.footer-menu {
		margin-right: 100px;
	}
}

@media screen and (max-width:768px) {
	.site-footer {
		padding-left: 20px;
		padding-right: 20px;
	}	
	.site-footer__widget_content {
		margin-left: 54px;
	}
	.site-footer__widget_site {
		margin-left: 41px;
	}
}

@media screen and (max-width:640px) {
	.site-footer__widget {
		width: 100%;
	}
	.site-footer__form.site-footer__widget_content {
		max-width: 212px;
	}
	.site-footer__widget .site-footer__widget_list {
		margin-top: 16px;
	}
	.site-footer__widget_brand {
		margin-top: 16px;
	}
}
@media screen and (max-width:550px) {
	footer {
		padding-top: 25px;
		padding-bottom: 18px;
	}
	.site-footer__widget_logo {
		margin-bottom: 16px;
	}
	.site-footer__widget_brand {
		margin-top: 10px;
	}
}

/*.•* - CART - *•.*/
.products-cart {
	display: flex;
	flex-direction: column;
	max-width: 337px;
	margin-left: auto;
}
.empty-cart .products-cart {
	max-width: 100%;
}
.products-cart__item {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 320px;
/*	height: 100px;*/
	height: 122px;
	margin-bottom: 16px;
	border-bottom: 1px #eee solid;
	padding-bottom: 16px;
	box-sizing: border-box;
}
.products-cart__item:last-child {
	border-bottom: 0;
}
.product-remove {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	right: 0;
}
.product-remove__remove {
	text-decoration: none;
	width: 15px;
	display: flex;
	height: 15px;
	justify-content: center;
	align-items: center;
}
.product-remove__remove::before {
	font-family: 'Nomakeup';
	content: '\e901';
	font-size: 15px;
	color: #bdbdbd;
}
.product-thumbnail {
	flex: none;
	width: 80px;
	border-radius: 5px;
	overflow: hidden;
	margin: auto 0;
	max-height: 100px;
}
.product-thumbnail, .product-thumbnail a {
	display: flex;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
}
.product-thumbnail a {
	width: 100%;
}
.product-thumbnail__image {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.product-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 18px;
}
.product-name {
	font-size: 14px;
	line-height: 22px;
	width: 100%;
	letter-spacing: 0.6px;
	color: #131313;
	display: flex;
	flex-wrap: wrap;
}
.product-name > a {
	text-decoration: none;
	font-size: 14px;
}
.product-status {
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	letter-spacing: 0.3px;
	color: #BDBDBD;
	display: flex;
	align-items: center;
}
.product-status.gift::before {
	font-family: 'Nomakeup';
	content: '\e90e';
	margin-right: 6px;
}
.product-price {
	display: none;
}
.product-quantity {
	margin-bottom: 0;
	margin-top: auto;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {
	-moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 0;
}

.product-quantity .quantity__input {
	border: 0;
}

.product-subtotal {
	font-weight: 400;
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 0.6px;
	color: #131313;
	display: flex;
	align-items: center;
	margin-top: auto;
	height: 40px;
}
.product-subtotal .sale {
	font-weight: 500;
	font-size: 14px;
	margin-left: 16px;
	color: #BDBDBD;
	text-decoration: line-through;
}
.product-promocode {
	position: relative;
	width: 100%;
	max-width: 450px;
	margin-left: auto;
	margin-bottom: 60px;
}
.product-promocode > label {
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #393939;	
}
.product-promocode > input {
	padding: 15px;
}
.product-promocode > button {
	position: absolute;
	text-transform: uppercase;
	font-size: 14px;
	border: 0;
	background-color: transparent;
	right: 0;
	bottom: 15px;
	margin: auto;
	cursor: pointer;	
}

.products-totals {
	display: flex;
	flex-direction: column;
	max-width: 337px;
	margin-left: auto;
	margin-top: 24px;
}
.products-totals__item {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding: 12px 0;
	flex-wrap: wrap;
}
.products-totals__item.products-totals__fee {
	background-color: #f2f2f2;
	padding: 12px;
}
.products-totals__item > span,
.products-totals__coupon > span {
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 0.6px;
	color: #393939;	
}
.products-totals__coupon > span:first-child {
	display: flex;
	flex-direction: column;
}
.products-totals__coupon > span:first-child > strong {
	font-size: 14px;
	font-weight: normal;
	background-color: #f2f2f2;
}
.checkout__block .products-totals__item.products-totals__fee > span {
	font-size: 14px;
	display: flex;
	align-items: center;
}
.products-totals__coupon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: relative;
}
.products-totals__coupon .woocommerce-remove-coupon {
	font-size: 0;
	text-decoration: none;
	position: absolute;
	right: -22px;
}
.products-totals__coupon .woocommerce-remove-coupon::before {
	font-family: 'Nomakeup';
	content: '\e901';
	font-size: 10px;
}
.products-totals__shipping_block {
	width: 100%;
	display: flex;
	font-size: 12px;
	margin-top: 10px;
}
.products-totals__shipping_methods {
	width: 100%;
	list-style: none;
	margin-left: 20px;
	margin-top: 0;
}
.products-totals__shipping_methods > li {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.products-totals__shipping_methods > li > input {
	display: none;
}
.products-totals__shipping_methods > li > label {
	position: relative;
	padding-left: 26px;
	font-size: 14px;
	color: #3c3c3c;
	cursor: pointer;
	line-height: normal;
}
.products-totals__shipping_methods > li > label::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px #393939 solid;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.products-totals__shipping_methods > li > input:checked+label::after,
.products-totals__shipping_methods > li > input[type="hidden"]+label::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #393939;
	border-radius: 50%;
	left: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
} 
.addit-cart-text {
	display: none;
}
.forbidden_products {
	font-size: 13px;
	line-height: 1.5;
	background-color: #fee;
	padding: 20px;
	margin: 10px 0;
}
.forbidden_products > p {
	margin: 0;
}
.forbidden_products > ul {
	padding-left: 15px;
	list-style: disc;
	margin-top: 10px;
}
@media screen and (max-width:425px) {
	.products-totals__item > span,
	.products-totals__coupon > span,
	.products-totals__shipping_methods > li > label {
		font-size: 12px;
		line-height: 14px;
	}
}

/*.•* - HEADER CART - *•.*/
.header-cart {
	background-color: #f8f8f8;
	position: absolute;	
	width: 440px;
	padding: 40px 0;
	padding-top: 22px;
	top: 0;
	z-index: 20;
	display: none;
	box-shadow: 0px 8px 15px #0000004f;
	flex-wrap: wrap;
	right: 100px;
	box-sizing: border-box;
}
.header-cart.open {
	display: flex;
}
.header-cart__header {
	width: 100%;
	display: flex;	
	align-items: center;
	margin-bottom: 30px;
}
.header-cart__header_title {
	font-size: 16px;
	line-height: 180%;
	text-align: center;
	letter-spacing: 0.6px;
	color: #131313;
	margin-right: 16px;
}
.header-cart__header_count {
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #393939;
}
.header-cart .woocommerce {
	margin: auto;
/*	overflow-y: auto;*/
	width: 100%;
}
.header-cart__header,
.header-cart .products-cart,
.header-cart .products-totals {
	margin-left: auto;
	margin-right: auto;
	max-width: 350px;
	width: 100%;
}
.header-cart .cart-table {
/*	max-height: 520px;*/
	max-height: 400px;
	overflow: hidden;
}
.header-cart .product-name {
	padding-right: 15px;
}
.header-cart .nomakeup-button {
	margin-top: 20px;
	width: 100%;	
}
.header-cart .empty-cart-block {
	min-height: 450px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.header-cart .empty-cart-block .products-cart__title {
	margin-bottom: 0;
}
.header-cart .empty-cart-block__title {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.6px;
	color: #393939;
	width: 100%;
	margin: auto;
}
.header-cart .empty-cart-block .nomakeup-button-lite {
	width: 100%;
	margin-top: auto;
}
.header-cart .woocommerce-message {
	display: none;
}
.header-cart .product-promocode {
	margin-bottom: 0;
}
.header-cart .promo-block {
	display: none;
}
.promo-discount {
    text-align: center;
    background-color: #fef2e8;
    padding: 30px 300px;
    margin-bottom: 50px;
    width: 100%;
/*    max-width: 450px;*/
/*    margin-left: auto;*/
	border-radius: 10px;
}
.promo-discount p {
	line-height: 1.7;
}
.promo-discount p > a {
	font-weight: 500;
    color: #000;
    font-size: 18px;
}
.promo-discount p > strong {
	color: #ff7979;
    font-weight: 500;
    font-size: 24px;
}
.header-cart .promo-discount {
	margin-bottom: 0;
	margin-top: 30px;
	border-radius: 0;
	padding: 10px 60px;
    font-size: 14px;	
	display: none;
/*	background: linear-gradient(0deg, #f1f3ff, #ffe5f9); */*/
    /* border-top: 1px #ffcbf3 solid; */
/*    border-bottom: 1px #d9e3ff solid;*/
}
.header-cart .promo-discount > p {
	line-height: 1.5;
}
.header-cart .promo-discount > p > strong {
	font-size: 18px;
}
@media screen and (max-width:1350px) {
	.header-cart {
		right: 70px;
	}
}
@media screen and (max-width:1024px) {
	.header-cart {
		right: 40px;
	}
	.promo-discount {
		padding-left: 150px;
		padding-right: 150px;
	}
}
@media screen and (max-width:768px) {
	.header-cart {
		right: 20px;
	}
	.promo-discount {
		padding-left: 120px;
		padding-right: 120px;
	}
}
@media screen and (max-height:775px) {
	.header-cart.open {
		height: 100vh;
		overflow-y: scroll;
	}
	.site-header.cart-opens::after {
		content: '';
		width: 20px;
		height: 100vh;
		background-color: #f8f8f8;
		position: absolute;
		right: 100px;
		z-index: 22;
		top: 0;	
	}
	.site-header__basket.close {
		right: 7px;
	}
}
@media screen and (max-width:1350px) and (max-height:775px) {
	.site-header.cart-opens::after {
		right: 70px;
	}
}
@media screen and (max-width:1024px) and (max-height:775px) {
	.site-header.cart-opens::after {
		right: 40px;
	}
}
@media screen and (max-width:768px) and (max-height:775px) {
	.site-header.cart-opens::after {
		display: none;
	}
}
@media screen and (max-width:500px) {
	.header-cart {
		width: 100vw;
		height: 100vh;
		box-shadow: none;
		overflow-y: scroll;
		padding: 20px;
		top: 0;
		right: 0;
	}
	.header-cart__header {
		margin-left: 0;
	}
	.site-header__basket.close {
		right: 0;
		top: -12px;
	}
	.header-cart .woocommerce {
		margin-top: 0;
		display: block;
		height: auto;
		width: 100%;
/*		flex-direction: column;*/
	}
	.header-cart .cart-table {
		overflow-y: scroll;
		padding-right: 10px;
	}
	.header-cart .products-cart__item {
		max-width: 95%;
	}
	.header-cart .cart-collaterals {
		margin-top: auto;
	}
	.header-cart .products-totals {
		margin-bottom: 200px;
	}
	.open-cart .site-header {
		background-color: #fff;
	}
	.header-cart .products-cart, .header-cart .products-totals {
		max-width: 420px;
		width: 98%;
	}
	.promo-discount {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 425px) {
	.promo-discount {
		padding: 20px;
		font-size: 15px;
	}
	.promo-discount > p {
		line-height: 1.3;
	}
	.promo-discount p > strong {
		font-size: 18px;
	}
	.promo-discount p > a {
		font-size: 16px;
	}
}
@media screen and (max-width:360px) {
	.header-cart .products-cart, .header-cart .products-totals {
		max-width: 100%;
	}	
	.header-cart .product-remove {
		border-right: 10px;
	}
}

/*.•* - SCROLL BASE !IMPORTANT - *•.*/ 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*.•* - SCROLL STYLE - *•.*/ 
.header-cart .cart-table > .scroll-element,
.header-cart .cart-table > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.header-cart .cart-table > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.header-cart .cart-table > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
.header-cart .cart-table > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 3px;
}
.header-cart .cart-table > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
.header-cart .cart-table > .scroll-element .scroll-element_outer,
.header-cart .cart-table > .scroll-element .scroll-element_track,
.header-cart .cart-table > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.header-cart .cart-table > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.header-cart .cart-table > .scroll-element .scroll-bar { background-color: #393939; }
.header-cart .cart-table > .scroll-element:hover .scroll-bar { background-color: #919191; }
.header-cart .cart-table > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
.header-cart .cart-table > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.header-cart .cart-table > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.header-cart .cart-table > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.header-cart .cart-table > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }



/*.•* - WOOCOMMERCE - *•.*/
.woocommerce {
	position: relative;
}
.woocommerce-notices-wrapper {
	text-align: center;
}
.woocommerce-error  {
/*	display: none;*/
	font-size: 13px;
	line-height: 1.5;
	background-color: #fee;
	padding: 20px 40px;
	margin: 10px 0;
	width: 100%;
	box-sizing: border-box;
}
.woocommerce-error a {
	font-size: 13px;
	line-height: 1.5;
}
.woocommerce-message {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	border: 1px #f2f2f2 solid;
	border-radius: 4px;
	background-color: #f2f2f2;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.woocommerce-message::before {
	content: '';
}
.blockUI.blockOverlay {
	background: #f8f8f8 !important;
	background-image: url(/preloader.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center 30% !important;
/*
	top: -100px !important;
	height: calc(100% + 100px) !important;
*/
}

/*.•* - POPUP MAGIC BOX - *•.*/
.magic-box {
	opacity: 0;
	z-index: -1;
	transition: opacity 0.25s linear;
	background-color: #fbfbfb;
	position: absolute;
    max-width: 800px;
	width: 100%;
    box-shadow: 0px 8px 15px #0000004f;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
	padding: 40px 80px;
/*	padding-left: 60px;*/
	max-height: 500px;
	color: #373737;
	border-radius: 25px;
	display: none;
}
.magic-box.open {
	opacity: 1;
	z-index: 20;
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
}

.magic-box-content {
	overflow-y: auto;
	display: none;
	height: 100%;
}
.magic-box.open .magic-box-content {
	display: flex;
/*	padding-right: 10px;*/
}

/* -- SUCCESS BOX -- */
.magic-box {
	padding: 0;
}
.magic-box .magic-box-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;	
/*	padding: 0 7px;*/
	padding: 0;
	overflow: hidden;
	margin: auto;
	max-width: 480px;
    padding: 0 20px;
}
.magic-box.subscribe-promocode .magic-box-content {
	max-width: 314px;
}
.magic-box .magic-box-content__pretitle {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	text-transform: uppercase;
	color: #131313;
	padding: 0 30px;
}
.magic-box .magic-box-content__title {
	font-weight: 400;
	font-size: 40px;
	line-height: 43px;
	text-align: center;
	text-transform: uppercase;
	color: #131313;
	width: 100%;
	max-width: 314px;
	margin-top: 5px;
}
.magic-box .magic-box-content__title img {
	width: 100%;
	height: auto;
}
.magic-box .magic-box-content__subtext {
	font-weight: 400;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 22px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.3px;
	color: #131313;
	margin-top: 12px;
	width: 100%;
}
.magic-box .magic-box-content__form {
	margin-top: 28px;
	width: 100%;
}
.magic-box .magic-box-content__form .privacy, 
.magic-box .magic-box-content__form .privacy a {
	font-size: 12px;
	text-align: center;
	line-height: 14px;
}
.magic-box .magic-box-content__text,
.magic-box .magic-box-content__text_big {
	font-weight: 400;
	margin-top: 16px;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	text-transform: uppercase;
	color: rgba(57, 57, 57, 0.8);
}
.magic-box.hello .magic-box-content__text_big {
	font-size: 14px;
}
.magic-box .magic-box-content__button {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

.magic-box .magic-box-image {
	border-radius: 25px 0 0 25px;
}

.magic-box.page {
	max-height: 100%;	
	height: 100%;
}
.magic-box.page .magic-box-content {
/*	max-height: 600px;*/
	overflow: auto;
	padding-right: 10px;
}
.magic-box.open.success .magic-box-content {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	text-transform: uppercase;
}
.magic-box.open.success .magic-box-content small {
	margin-top: 30px;
	font-size: 16px;
}



.close-magic-box {
	position: absolute;
	top: 25px;
	right: 30px;
	cursor: pointer;
	width: 43px;
	height: 43px;
	background-color: #ffffff91;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.close-magic-box:before {
	content: '\e901';
    font-family: 'Nomakeup';
    font-size: 23px;
}
.magic-overlay {
	opacity: 0;
	z-index: -1;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #0006;
	top: 0;
	bottom: 0;
	transition: opacity 0.25s linear;
}
.magic-overlay.open {
	opacity: 1;
	z-index: 2;
}
.promotion .magic-box-image.mobile {
    display: none;
}
@media screen and (max-width:991px) {
	.magic-box .magic-box-content__title {
		font-size: 35px;
		line-height: 40px;
	}
}
@media screen and (max-width:768px) {
	.magic-box {
		flex-wrap: wrap;
		max-height: 650px;
        border-radius: 0;
	}
	.magic-box-image {
		width: 100%;
		height: 215px; /* 198 */
		object-fit: cover;
	}
    .promotion .magic-box-image.pc {
        display: none;
    }
    .promotion .magic-box-image.mobile {
        display: flex;
        height: auto;
        border-radius: 0;
    }
	.magic-box .magic-box-content {
		height: auto;
		margin-top: 0;
		margin-bottom: auto;
	}
    .promotion.magic-box .magic-box-content {
        margin: 30px auto;
    }
}
@media screen and (max-width:500px) {
	.magic-box {
		padding: 40px 50px;
	}
    .promotion.magic-box {
        padding: 0;
    }
	.close-magic-box {
		right: 15px;
	}
.magic-box.open.success .magic-box-content {
	  font-size: 25px;
	  line-height: 35px;
	}	
}
@media screen and (max-width:425px) {
	.magic-box {
		max-height: 100vh;
		border-radius: 0;
		padding: 30px;
	}
	.magic-box .magic-box-image {
		height: 40%;
/* 		margin-bottom: -100px; */
		margin-bottom: 20px;
		border-radius: 25px;
	}
	.magic-box .magic-box-content__pretitle {
		font-size: 16px;
	}
	.magic-box .magic-box-content__title {
		font-size: 30px;
		line-height: 33px;
	}
	.magic-box .magic-box-content__text,
	.magic-box .magic-box-content__text_big {
		padding: 0 30px;
	}
	.magic-box .magic-box-content__button {
		margin-top: 10px;
	}
}

/*.•* - SCROLL STYLE MAGIC BOX - *•.*/ 
.magic-box-content > .scroll-element,
.magic-box-content > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.magic-box-content > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.magic-box-content > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
.magic-box-content > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 4px;
}
.magic-box-content > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
.magic-box-content > .scroll-element .scroll-element_outer,
.magic-box-content > .scroll-element .scroll-element_track,
.magic-box-content > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.magic-box-content > .scroll-element .scroll-element_track { background-color: #f9eee4; }
.magic-box-content > .scroll-element .scroll-bar { background-color: #393939; }
.magic-box-content > .scroll-element:hover .scroll-bar { background-color: #919191; }
.magic-box-content > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
.magic-box-content > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.magic-box-content > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.magic-box-content > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.magic-box-content > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }