@charset "utf-8";
/* CSS Document */
body{
		background-color: #F9F3E8;	
}

.ris_fon{
    height: auto;
}

#hapka{
	width: 100%;
	height: auto;
	display: flex;
	position: fixed;
	top: 0;
    left: 0;
	
	background-color: #F9F3E8;
	background-color: rgba(249, 243, 232, 0.85);  /*полупрозрачный цвет */
}
#hapka_1{
	height: 160px;
	box-sizing: border-box;
    display: flex;
    align-items: center;
	float: left;
	
}

#blok_info{
	margin-top: 160px;
/*	display: none;*/
}

.zagolovok, .kol_tovara, .tovar_tip1{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	margin-left: 24px;
	font-weight: bold;
	color: burlywood;
}

.vkys, .ves_cena{
	margin-left: 15px;
	border: 1px solid #9D7D48;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #775926;
	cursor: pointer;
	
}

#kol_korzina1{
  cursor: pointer;		
}

#nik_logo, .korzina{
  width: auto;
  margin-left: 60px;
  cursor: pointer;	
}

#log_mira{
	width: auto;
	height: auto;
	float: left;
/*	cursor: pointer;*/
}

#kol_korzina{
    margin-left: -30px;
	margin-top: -40px;	
}

.dvig{
	    display: flex;
    	justify-content: center;
		animation: qqq 3s ease-out; 
	
	}	
	
@keyframes qqq{
    0%{
        transform: scale(0);
    }
    80%{
        transform: scale(110%);
    }
    100%{
        transform: scale(100%);
    }
}

.real_img{
	width:auto;
	height: auto;
}

.dvig_min{
/*	    margin-left: 22px;*/
		animation: qqq_min 3s forwards; 
		margin-left: 0;
	}	

@keyframes qqq_min{
    0%{
		margin-top: 0%;
    }
    100%{
		margin-top: -10%; 
		transform:scaleX(100%);
        transform: scaleY(30%);
    }
	}

.dvig_min2{
/*	    margin-left: 22px;*/
		animation: qqq_min2 3s forwards; 
	
	}	

@keyframes qqq_min2{
    0%{
		margin-top: -10%;
		transform:scaleX(100%);
		transform: scaleY(30%);
    }
	
	50%{
		margin-top: 0;
		transform:scaleX(100%);
		transform: scaleY(100%);
	}
    100%{
		margin-top: -10%; 
		transform:scaleX(100%);
        transform: scaleY(30%);
    }
}

.blok_tortu{
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	
	
	display: none;

}

.blok_foto_info{
	width:auto; 
	 height: auto;
	
	display: flex;
/*  justify-content: space-between;*/
  justify-content: space-around;	
/*
	width: 500px;
	height: 300px;
	background-color: blueviolet;
*/
}

.temp{
	width: 1920px;
	height: 980;
}

.foto_info{
	width: 550px;
	height: 300px;
	background-color:azure;
	border-radius: 15px;
	overflow: hidden;
	
	display: flex; /* Размещаем элементы внутри контейнера в ряд */
    align-items: center; /* Выравниваем элементы по вертикали */
	
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
}

.span_nom_tovar{
	width: 50px;
	height: 100%;
/*	background-color: brown;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.foto_redakt{
/*
	display: flex;
	justify-content: flex-end;
*/
	width:100%; height:auto;
	display: flex;
	justify-content: center;
/*	background-color:#000;*/

}
	input[type="file"] {
    color: transparent;
}
.foto{
	width: 198px;
	height: 298px;
/*
	width: 39%;
	height: 99%;
*/
	
/*	background-color:aquamarine;*/
	border: 1px solid aquamarine;
	border-radius: 15px;
	margin-left: 1px;
	margin-top: 1px;

/*		background-image: url("../ris/tortu/tort_1.jpg");*/
	    background-repeat: no-repeat;
	    background-size: contain;
			display: flex;
			align-items: flex-end;
/*		    justify-content: flex-end;*/
/*
			display: flex;
			align-items: center;
			justify-content: center;
*/
	    
	    overflow:hidden;
}

.info{
	width: 300px;
/*	width: 61%;*/
	height: 100%;
/*	background-color: blueviolet;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
	
}
.klass_info_img_1{
  color: #775926;
  font-size: 22px;	

}

.izdelie_nazva{
	width: 100%; 
	display: flex;justify-content: center;
	margin-top: 5px;
}

.izdelie_nazva_kratko{
	width: 100%;
	height: 100px;
	padding-left: 8px;
	padding-top: 8px;
	overflow: hidden;
/*	background-color: aquamarine;*/
}

.dvig_min_foto_ris{
	    display: block;
		animation: qqq_min_foto_ris 3s forwards; 	
	}	

@keyframes qqq_min_foto_ris{
    0%{
		transform:scaleX(100%);
		transform:scaleY(0%);
    }
	
    100%{
		margin-top: -10%;
		transform:scaleX(100%);
		transform:scaleY(100%);
    }
}

.dvig_min_foto_ris2{
	    display: block;
		animation: qqq_min_foto_ris2 3s forwards; 	
	}	

@keyframes qqq_min_foto_ris2{
    0%{
		margin-top: -10%;
		transform:scaleX(100%);
		transform:scaleY(100%);
    }
	50%{
		margin-top: 0;
		transform:scaleX(100%);
		transform:scaleY(0);
	}
	
    100%{
		margin-top: -10%;
		transform:scaleX(100%);
		transform:scaleY(100%);
    }
}

#menu_vxoda{
	width: 100%;
	position: absolute;
/*	display: none;*/
      top: 0;
      left: 0;
}

#vse_korzina{
	width: 100%;
	display: none;
	position: absolute;
      top: 0;
      left: 0;
}
#vse{
	position: absolute;
      top: 0;
      left: 0;
}
#blok_korzina{
	width: 800px;
	height: 500px;
	border: 1px solid #E42FE4;
	border-radius: 15px;
	background-color: #E8D7B8;	
	overflow: hidden;
}
.span_korzina1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 32px;
	margin-left: 20px;
	
}
#span_korzina_2{
	border: 1px solid #EB1115;
	background-color:#F26A6B;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: azure;
	cursor: pointer;
}

.min_foto_zakaz{
  width: 70px;
  height: 105px;
  margin-left: 20px;
	border: 1px solid #3C24AE;
	border-radius: 15px;
/*		background-image: url("../ris/tortu/tort_1.jpg");*/
/*	background-color: aqua;*/
	    background-repeat: no-repeat;
	    background-size: contain;
			
			display: flex;
			align-items: center;
			justify-content: center;
	    
	    overflow:hidden;
		float: left;
}

#vse_zakazu{
	width: auto;
	height: 332px;
	overflow: auto;
}

#vse_vkysu{
	display: flex; border: 0px;
	align-items: center;
}

.knop_podtvergd{
    background-color: aquamarine;padding-left: 10px;padding-right: 10px;border-radius: 5px; color: blue;padding-top: 5px;padding-bottom: 5px;
    cursor: pointer;
}

@media (max-width: 800px){
/*
#vse_vkysu{
	height: 160px;
	display: grid;
     grid-template-columns: auto auto ;
     grid-template-rows: auto auto auto auto;
	grid-row-gap: 15px;
}

	.vkys{
		padding-top: 2px;
		padding-bottom: 2px;
	}	
	#div_vkys_0{
		grid-column:1/span 2;
     	grid-row: 1;
		display: flex;
		justify-content: center;
		
	}
	#div_vkys_1{
		grid-column:1;
     	grid-row: 2;
	}
	#div_vkys_2{
		grid-column:2;
     	grid-row: 2;
	}
	#div_vkys_3{
		grid-column:1;
     	grid-row: 3;
	}
	#div_vkys_4{
		grid-column:2;
     	grid-row: 3;
	}
	#div_vkys_5{
		grid-column:1;
     	grid-row: 4;
	}
	#div_vkys_6{
		grid-column:2;
     	grid-row: 4;
	}
	
	#zastavka{
		width: 800px;
	}
*/
}