/* Базовые стили для мобильных (меньше 576px) */
.main-content-lk{
		margin:60px 4% 40px 4%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:flex-start;
		align-items:center;
		}
		
.main-content-lk .flex-tabs{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:flex-end;
		margin:0 0 30px 0;
		}
.main-content-lk .flex-tabs .links{
		max-width:150px;
		}
		
		
.main-content-lk h1{
		margin:0 auto 20px;
		font-size:24px;
		text-align:center;
		}	
.main-content-lk .error{
		display:block;
		margin:20px auto;
		font-size:14px;
		text-align:center;
		}
.main-content-lk input{
		width:100%;
		font-size:14px;
		padding:12px 15px;
		margin:8px 0;
		border:1px solid #CDBA91 !important;
		box-sizing:border-box;
		transition:all 0.5s linear;
		background:#45474D;
		outline:none;
		transition:0.3s ease;
		color:#CDBA9 !important;
		}
.main-content-lk input:hover,
.main-content-lk input:focus{
		color:#FFF !important;
		border:1px solid #FFF !important;
		}
.main-content-lk input::placeholder{
		color:#CDBA91 !important;
		}
.main-content-lk input::-webkit-input-placeholder{
		color:#CDBA91 !important;
		}
.main-content-lk input::-moz-placeholder{
		color:#CDBA91 !important;
		}
.main-content-lk input:-ms-input-placeholder{
		color:#CDBA91 !important;
		}
		
/*header-user*/
.header-user{
		display:inline-block;
		vertical-align:bottom;
		padding:0;
		margin:0;
		}
.ion-android-person,
.ion-android-person-add{
		position:relative;
		display:block;
		}
.ion-android-person:before,
.ion-android-person-add:before{
		display:block;
		content:'';
		font-size:35px;
		color:#CDBA91;
		transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
		-webkit-transition:all 0.5s;
		}
.header--dark .ion-android-person:before,
.header--dark .ion-android-person-add:before{
		color:#FFF;
		}
.ion-android-person:hover:before,
.ion-android-person-add:hover:before,
.header--dark .ion-android-person:hover:before,
.header--dark .ion-android-person-add:hover:before{
		color:#FFF;
		}		
.login-box{
		position:relative;
		display:block;
		text-align:center;
		}
.login-box h2{
		position:relative;
		display:block;
		font-size:24px;
		line-height:120%;
		font-weight:600;
		color:#CDBA91;
		text-transform:none;
		text-align:center;
		padding:0;
		margin:0 0 45px 0;
		}
.login-box b{
		position:relative;
		display:block;
		font-size:20px;
		line-height:120%;
		color:#CDBA91;
		font-weight:400;
		text-align:center;
		margin:0 0 20px 0;
		}
.login-box span{
		position:relative;
		display:block;
		font-size:14px;
		color:#CDBA91;
		line-height:120%;
		font-weight:100;
		text-align:center;
		margin:0 0 25px 0;
		}	
.container-box-top-profile{
		padding:0 6%;
		}
.orders_zakaz_div{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		padding:0;
		margin:40px auto 0 auto;
		width:100%;
		}
.orders_zakaz_div span{
		display:block;
		width:100%;
		margin:0 0 15px 0;
		text-align:center;
		}

		
/* Формы входа/регистрации */
#log_email,
#log_password,
#auth_email,
#reg_email,
#reg_imya,
#reg_familiya,
#reg_password,
#rec_email,
#reg_comp,
#reg_tel,
#reg_gorod{
		position:relative;
		display:block;
		width:100%;
		font-size:14px;
		padding:12px;
		margin:10px auto;
		line-height:120%;
		font-weight:100;
		border:0.5px solid #bdbdbd;
		color:#CDBA91;
		}	
#login{
		display:block;
		width:100%;
		max-width:200px;
		padding:12px 0;
		margin:15px auto;
		font-size:16px;
		font-weight:400;
		text-align:center;
		background:none;
		color:#CDBA91;
		border:1px solid #CDBA91;
		transition:all 0.5s linear;
		cursor:pointer;
		}
#login:hover{
		color:#FFF;
		border:1px solid #FFF
		}
.flex-center-box{
		margin:0 0 30px 0;
		}	
.login,
.registration,
.password{
		position:relative;
		display:block;
		width:auto;
		font-size:14px;
		font-weight:200;
		line-height:1.2;
		color:#CDBA91;
		margin:10px auto 0 auto;
		text-decoration:none;
		transition:all .50s ease-out;
		}
.modal_login{
		cursor:pointer;
		}
.modal_auth{
		position:absolute;
		display:block;
		top:0;
		left:0;
		right:auto;
		width:100%;
		height:100%;
		z-index:1002;
		cursor:pointer;
		}
.button_auth{
		margin:0 !important;
		}	
.login-box h2{
		font-size:20px;
		margin-bottom:30px;
		}	
.login-box b{
		font-size:16px;
		}	
.login-box span{
		font-size:13px;
		}
		
/* Иконка пользователя */
.ion-android-person:before,
.ion-android-person-add:before{
		font-size:28px;
		}
		
/* Список товаров */
.spisok{
		position:relative;
		display:flex !important;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:35px 0 60px 0 !important;
		margin:20px -1% !important;
		width:102%;
		padding:0;
		}
.spisok strong{
		width:100%;
		text-align:center;
		margin:20px 1% 60px 1% !important;
		font-size:16px;
		line-height:1.2;
		font-weight:600;
		}
.spisok .product-item{
		height:auto;
		}
.spisok .product-item .product-item-img{
		height:300px;
		}
.spisok .product-item span{
		text-align:center;
		}
.spisok .product-item .links{
		width:80%;
		margin:15px auto 30px auto;
		}
		
/* Маленькие устройства (вертикальные телефоны, 576px и выше) */
@media (min-width:576px){
.main-content-lk{
		margin:80px 5% 50px 5%;
		}   
#log_email,
#log_password,
#auth_email,
#reg_email,
#reg_imya,
#reg_familiya,
#reg_password,
#rec_email,
#reg_comp,
#reg_tel,
#reg_gorod{
		width:80%;
		}
}
/* Средние устройства (горизонтальные телефоны/маленькие планшеты, 768px и выше) */
@media (min-width:768px){
.main-content-lk{
		margin:100px 6% 60px 6%;
		}
.main-content-lk h1{
		font-size:28px;
		}
.login-box h2{
		font-size:22px;
		}
}
/* Большие устройства (планшеты/небольшие ноутбуки, 992px и выше) */
@media (min-width:992px){
.main-content-lk{
		margin:120px 7% 80px;
		}
#log_email,
#log_password,
#auth_email,
#reg_email,
#reg_imya,
#reg_familiya,
#reg_password,
#rec_email,
#reg_comp,
#reg_tel,
#reg_gorod{
		width:60%;
		}
}
/* Очень большие устройства (ноутбуки и десктопы, 1200px и выше) */
@media (min-width:1200px){
.main-content-lk{
		margin:160px 7% 90px 7%;
		align-items:flex-start;
		}
.main-content-lk h1{
		margin:0 auto;
		}
.main-content-lk .error{
		margin:30px auto;
		}
.main-content-lk input{
		margin:10px 0;
		font-size:16px;
		padding:7px;
		}	
#log_email,
#log_password,
#auth_email,
#reg_email,
#reg_imya,
#reg_familiya,
#reg_password,
#rec_email,
#reg_comp,
#reg_tel,
#reg_gorod{
		width:30%;
		padding:10px;
		}		
#login{
		width:200px;
		margin:10px 0 0 0;
		padding:13px 0;
		}
.login:hover,
.registration:hover,
.password:hover{
		color:#FFF;
		}		
.orders_zakaz_div span{
		text-align:left;
		}
.spisok .product-item .product-item-img {
    	height:180px;
		}
.spisok strong{
		text-align:left;
		margin:30px 0 15px 1%;
		}
		
}