/* Start:/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/style.css?17347036071852*/
.sale-personal-section-index-block{
	opacity: .8;
	padding: 0;
	margin: 15px 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
	color: #fff;
	background-size: cover;
	border-radius: 3px;
	height: 87%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
}

@media (max-width: 992px)
{
	.sale-personal-section-index-block {
		height: auto;
		margin: 8px 0;
	}
}

.sale-personal-section-index-block.bx-theme-green{
	background: url(/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/images/wt_green.png) center top;
}
.sale-personal-section-index-block.bx-theme-blue{
	background: url(/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/images/wt_blue.png) center top;
}
.sale-personal-section-index-block.bx-theme-red{
	background: url(/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/images/wt_red.png) center top;
}
.sale-personal-section-index-block.bx-theme-yellow{
	background: url(/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/images/wt_yellow.png) center top;
}
.sale-personal-section-index-block.bx-theme-black{
	background: url(/local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/images/wt_black.png) center top;
}
.sale-personal-section-index-block:hover{
	opacity: 1;
}
.sale-personal-section-index-block-link,
.sale-personal-section-index-block-link:hover,
.sale-personal-section-index-block-link:active,
.sale-personal-section-index-block-link:focus,
.sale-personal-section-index-block-link:visited{
	text-decoration: none;
	display: block;
	padding:25px 15px;
	color: #fff;
}
.sale-personal-section-index-block-link{color: #fff;}
.sale-personal-section-index-block-ico {font-size: 64px;}
.sale-personal-section-index-block-name{font-size: 16px;}
.sale-personal-section-account-sub-header{
	margin-top:40px;
}

.sale-personal-section-row-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
}

[data-role="favorites.empty"][data-visible="false"] {
	display: none;
}

/* End */


/* Start:/local/templates/cosmedix_new2/components/bitrix/system.auth.authorize/flat/style.css?17347036072539*/
.hide-mobile{
    display:none
}
.page-wrapper.not-loading{
    justify-content:flex-start
}
.page-wrapper app-login{
    width:100%
}
.page-wrapper .account{
    display:flex;
    width:100%;
    padding:32px 5%
}
.page-wrapper .account app-account-menu{
    flex:100%
}
.page-wrapper .account .content{
    flex:70%;
    max-width:950px
}
@media only screen and (min-width:768px){
    .hide-mobile{
        display:initial
    }
    .page-wrapper .account app-account-menu{
        flex:25%;
        max-width:400px;
        padding-right:5%
    }
}

.overlay-loader{
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2000;
    background-color:#141212;
    background-color:rgba(20,18,18,.3)
}
.login-wrapper, .overlay-loader{
    display:flex;
    align-items:center
}
.login-wrapper{
    flex-wrap:wrap;
    width:100%
}
.login-wrapper form{
    flex:50%;
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:320px;
    padding:16px 5%
}
.login-wrapper form .title{
    flex-grow:1;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:4px
}
.login-wrapper form .title h1, .login-wrapper form .title h2, .login-wrapper form .title h3{
    font-size:24px;
    font-size:1.5rem
}
.login-wrapper form .forgot-password{
    font-size:12px;
    font-size:.75rem
}
.login-wrapper form input{
    margin-top:8px;
    margin-bottom:16px
}
.login-wrapper form .error{
    color:red
}
.system-popup{
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2000
}
.system-popup, .system-popup .overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.system-popup .overlay{
    background-color:#141212;
    background-color:rgba(20,18,18,.3)
}
.system-popup .popup{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    width:90vw;
    max-width:600px;
    background-color:#fff;
    text-align:center;
    padding:32px
}
.system-popup .popup .header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
}
.system-popup .popup .header .close{
    width:20px;
    height:20px;
    padding:0
}
.system-popup .popup .body p{
    margin:24px 0
}
.system-popup .popup .body .message{
    text-align:left
}
.system-popup .popup .body .btn{
    padding:13px 16px
}
.system-popup .popup .body .disclaimer{
    text-align:center;
    font-size:12px;
    font-size:.75rem
}

/* End */
/* /local/templates/cosmedix_new2/components/bitrix/sale.personal.section/.default/style.css?17347036071852 */
/* /local/templates/cosmedix_new2/components/bitrix/system.auth.authorize/flat/style.css?17347036072539 */