/* Витрина */

.vitrina, .vitrina_tovar{
	width:260px; 
	display:inline-block; 
	text-align:center; 
	margin:20px 15px; 
	border:solid 1px #efefef; 
	border-radius: 15px;
	vertical-align:top; 
	position:relative;
	padding:20px;
	transition: 0.5s;
}


.vitrina:hover, .podcat:hover{
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
}

.vitrina_img{
	width:200px; height:200px; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center;
	margin: 0px auto;
	border-radius: 50%;
}

.vitrina_name{
	margin: 20px 0px 10px 0px;
	font-size:20px; 
	text-align: left;
	font-family: "CharisBold";
}

.vitrina_nalich{
	 font-family: "CharisRegular";
	 text-align: left;
	 margin-bottom:25px;
	 font-size:14px; 
}

.vitrina_name_sostav{
	color:#9c9c9c;
	text-align: left;
	margin-bottom:10px;
	min-height: 20px;
}

.vitrina_price_fon{
	width:50%; 
	border:none; 
	font-size:14px;
	float:left;
	display:inline-block;
	font-family:"Annabelle";
	text-align: left;
}

.vitrina_price{
	font-size:18px; 
	font-weight:bold;
}

.vitrina_buy{
	background:#46adb2; 
	width:auto; 
	color:#fff; 
	border:none; 
	padding:4px 10px;
	font-family: "CharisRegular"; 
	font-size:14px; 
	cursor: pointer;
	float:right;
	border-radius: 20px;
	outline: none;
	transition: 0.3s;
}

.vitrina_buy:hover{
	background:#52c397;
}

.hit{
	z-index: 90;
	position:absolute; 
	top:-10px; left:-10px; 
	background:url(images/hit.png) no-repeat top center; 
	width:120px; height:55px; 
	background-repeat: no-repeat; 
	background-position: center;
}

.akciya{
	position:absolute; 
	top:20px; left:-10px; 
	background:url(images/akciya.png) no-repeat top center; 
	width:120px; height:55px; 
	background-repeat: no-repeat; 
	background-position: center;
}

.skidka, .skidka_tovar{
	position:absolute; 
	top:10px; right:10px; 
	background:url(images/skidka.png) no-repeat top center; 
	width:65px; height:32px;
}


/* Товары в подкатегориях */

.podcat{
	width:205px; height: auto;
	display:inline-block; 
	overflow:hidden; 
	text-align:center; 
	margin:20px 10px 20px 5px; 
	border:solid 1px; 
	border-color: #efefef;
	border-radius: 15px;
	vertical-align:top;  
	position:relative;
	padding: 20px;
	transition: 0.5s;
}

.podcat:nth-child(4n){
	margin-right:0px;
}

.podcat_img{
	width:140px; height:140px; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center;
	border-radius: 50%;
	margin: 0px auto;
}

/* Сортировка */

.sort{
	width:100%; 
	font-size:15px; 
	text-align:right;
	margin: 0px;
	font-family: "CharisRegular";
}

.sort input{
	background:#f8f8f8; 
	border-style:none; 
	font-size:15px; 
	margin-left:10px; 
	padding:2px 20px;
	font-family: "CharisRegular";
	border-radius: 20px;
	cursor: pointer;
}


/* Хлебные крошки */

.bread a{
	font-size:13px; 
	color:#000; 
	text-decoration:underline;
	font-family: "CharisRegular";
}

.bread{
	font-family: "CharisRegular";
	font-size:13px; 
	margin-bottom:20px; 
}

/* Меню Каталог 1 */

.navmenu-v{
	margin:0px; padding:0px; 
	width:100%; 
	background:#f8f8f8; 
	list-style:none; 
	border-radius: 10px;
	overflow:hidden;
}

.navmenu-v li{
	margin:0px; padding:0px; 
	list-style:none; 
	width:100%; 
	position:relative;
}

.navmenu-v li a {
	text-decoration:none; 
	background:#45adb1; 
	color: #fff;
	padding:12px 16px; 
	display:block; 
	font-size:18px;
	transition: 0.3s;
	 font-family: "CharisBold";
}

ul.navmenu-v li#subactive a, .navmenu-v li a:hover {
	background:#50bfc3; 
	color: #fff;
}

.navmenu-vv, .navmenu-vv li{
	/*margin:10px 0px; padding: 0;*/
	display:none;
	/*background:#f8f8f8;*/
}

.navmenu-vv li{
	padding:0px; margin:0px;
	background:#f8f8f8;
}

.navmenu-vv li a{
	padding:6px 15px!important; 
	margin:0px; 
	font-size:16px!important;
	display:block; 
	background:#f8f8f8!important;
	color: #000!important;
	font-family: "CharisRegular"!important;
}

ul.navmenu-vv li#subactive a, .navmenu-vv li a:hover {
	background:#e2e2e2!important; 
	color: #000!important;
}


/* Страница с Корзиной */

.cart_fon{
	width: 100%;
	font-family: "CharisRegular";
}

.cart_head, .cart_row, .cart_itogo{
	font-size: 16px;
}

.cart_head{
    border-bottom:1px solid #e9e9e9;
    padding:10px;
    font-family: "CharisBold";
}

.cart_row{
    padding:10px;
    border-bottom:1px solid #e9e9e9;
    font-family: "CharisRegular";
}

.cart_itogo{
    padding:10px; 
    background:#e9e9e9;
    font-family: "CharisBold";
}

.cart_img{
    width:80px;
    height: 60px;
    object-fit: contain;
}

.kol_but {
    border: none; 
    padding: 10px; 
    background-color: #e9e9e9;
    outline: none;
}

.kol_but_update {
    border: none; 
    padding: 10px; 
    background-image: url(images/update.png); 
    background-repeat: no-repeat; 
    background-position: center; 
    width: 40px; height: 25px; 
    top: 5px;
    position: relative;
    background-color: #fff;
}

.tovary_name{
    text-decoration: none;
    line-height: 20px;
    width: 200px;
    font-size: 16px;
    font-family: "CharisRegular";
}

#cart_submit{
	font-family: "CharisRegular";
	margin:20px auto; 
	padding:8px 20px; 
	background: #45adb1; 
	width:180px; 
	border:none; 
	color:#fff; 
	font-size:16px; 
	border-radius: 25px;
	cursor: pointer;
	outline: none;
}

#cart_submit:hover{
	background: #45adb1; 
}

/* Оформление заказа */

.zakaz_fon{
	width: 500px;
	margin: 0px auto 60px auto;
	text-align: center;
}

.zakaz_pole{
	width: 100%;
	padding:14px; 
	margin-top:10px; 
	font-size:14px; 
	border:1px solid #e9e9e9;
	border-radius: 5px;
	display: block;
	outline: none;
}

.zakaz_soglash{
	font-size:14px;
	margin: 20px 0px; 
}

.zakaz_cod_fon{
	float: left;
	text-align: left;
}

.zakaz_cod{
	width:50px; 
	padding:12px; 
	border:1px solid #e9e9e9;
	font-size:14px;
	border-radius: 5px;
	outline: none;
}

.zakaz_zakaz{
	width:160px; 
	padding:8px 12px; 
	border:none; 
	color:#fff; 
	display:inline-block;
	float: right; 
	border-radius: 25px;
	font-family: "CharisRegular";
	background: #45adb1; 
	font-size:16px; 
	outline: none;
	cursor: pointer;
}

/* Общий Каталог */

.catalog_fon{
	text-align:left; 
	display: inline-block; 
	margin:0px 20px 40px 0px; 
	width:46%; 
	vertical-align:top;
}

.catalog_fon:hover .catalog_name a{
	color:#000; 
	text-decoration:underline; 
}

.catalog_img, .category_img{
	width:160px; height:120px; 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center; 
	display:inline-block; 
	margin-right:20px;
	border-radius: 5px;
}

.catalog_name_fon{
	width:160px; 
	vertical-align:top; 
	display:inline-block; 
	text-align:left; 
	margin-top: -10px;
}

.catalog_name{
	font-size:20px; 
	font-weight:bold;
	font-family: "CharisBold";
	margin-bottom: 10px;
}

.catalog_name a:hover, .catalog_podname a:hover, .category_name a:hover{
	color: #45adb1!important;
}

.catalog_podname{
	font-size:16px; 
	font-family: "CharisRegular";
	line-height: 22px;
	display: none;
}

/* Категории */

.category_fon{
	text-align:left; 
	display: inline-block; 
	margin:0px 15px 12px 0px; 
	width:32%; 
	vertical-align:top;
	background: #f8f8f8;
	padding:5px 10px;
	border-radius: 5px;
}

.category_fon:nth-child(3n){
	margin:0px 0px 12px 0px; 
}

.category_img{
	display:none; 
}

.category_name{
	font-family: "CharisRegular";
	font-size:15px; 
	text-align:left; 
	line-height: 20px;
}


/* Карточка товара */

.tovar_img_fon{
	display:inline-block; 
	margin:0px 40px 0px 0px; 
	width:350px;
}

.tovar_text{
	display:inline-block; 
	width:450px;
	vertical-align:top;
	font-family: "CharisRegular";
}

.tovar_name{
	font-size:24px; 
	margin-bottom:20px;
	font-family: "CharisBold";
}

.tovar_text_all{
	display:block;
	border-bottom: 1px solid #dedede;
	padding:5px 0px; 
	font-family: "CharisRegular";
}

.tovar_text_left, .tovar_text_right{
	display:inline-block;
	font-size: 16px;
}

.tovar_text_left{
	width:200px; 
	color: #9e9e9e;
}

.tovar_price{
	font-size:22px; 
	margin:40px 0px; 
    color:#000;
     font-family: "CharisBold";
}

.tovar_kolvo{
	width:50px; 
	padding:10px; 
	text-align:center; 
	color:#000; 
	margin-right:10px!important; 
	background:#f8f8f8; 
	border:none; 
	font-family: "CharisRegular";
	border-radius: 10px;
	outline: none;
}

.tovar_korzina{
	width:160px; 
	padding:10px; 
	text-align:center; 
	color:#fff; 
	font-size:16px; 
	background:#58b3b7;
	border:none; 
	cursor: pointer;
	font-family: "CharisRegular";
	border-radius: 25px;
	outline: none;
}

.tovar_korzina a{
	text-decoration:none; 
	color:#fff;
}

.tovar_title{
	margin:40px 0px 20px 0px;
	font-size: 24px;
}

.tovar_opisanie{
	margin: 0; padding: 0;
}

/* Ответ при отправке заказа */

#success, #fail{
	width:100%; 
	padding:10px 0px; 
	text-align:center; 
	margin:auto; 
}

#success{
	border:1px solid #eaa000; 
	color:#eaa000;
}

#fail{
	border:1px solid #5c000d; 
	color:#5c000d;
}

/* Всплывающее окно Товар добавлен */

.dobavlen{
 	position:fixed; 
 	top:0%; left:0%; 
 	width:10000px; height:10000px; 
 	z-index:9999; 
 	background-color: rgba(0, 0, 0, 0.8);
 }

.dobavlentext{ 
	position:fixed; 
	top:50%; left:50%; 
	width:300px; height: 140px;
	margin-left: -150px; margin-top: -70px;
	padding: 20px; 
	background:#fff; 
	color:#000; 
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
}

.dobavlentext img{
	display: block;
	margin: 0px auto 15px auto;
}

/* Блок Корзина */

.korzina_lp{
	display: none;
}

.korzina{
	width:180px;
	display: inline-block;
}

.korzina_fon{
	float: right;
	width:140px;
}

.korzina_img{
	width:37px; height:32px; 
	background:url(images/korzina.jpg) no-repeat top center; 
	float:left;
	margin-top:10px;
}

.korzina_name{
	width:auto;
	display:inline-block;
	font-size:20px; 
	margin:15px 0px 0px 10px;
	font-family:"Annabelle";
	color: #45adb1;
}

/* Поиск */

.search{
	width:260px;
	display:inline-block; 
	margin:8px 0px;
	vertical-align: top;
	border:1px solid #d8d8d8;
	border-radius:20px;
}

.search input{
	width:200px; 
	font-size:14px; 
	float:left;
	border:none;
	background: none;
	padding:6px 12px;
	font-family: "CharisRegular";
	outline: none;
}

.search #search_submit{
	width:23px; height: 20px;
	border:none; 
	float:right;
	background:url(images/search.jpg) no-repeat top center;
	margin: 8px 15px 0px 0px;
	outline: none;
}

@media only screen and (max-width: 1200px){

	.podcat:nth-child(4n){
		margin: 20px 10px 20px 5px;
	}

	.search{
		width: 240px;
	}

	.search input{
		width: 180px;
	}

	.catalog_img{
		width: 120px;
    	height: 100px;
	}

	.tovar_img_fon{
		width: 280px;
	}

	.tovar_text{
		width: 360px;
	}

	.category_fon{
		text-align:left; 
		display: inline-block; 
		margin:0px 10px 12px 0px; 
		width:32%; 
		vertical-align:top;
		background: #f8f8f8;
		padding:5px 10px;
		border-radius: 5px;
	}

	.category_fon:nth-child(3n){
		margin:0px 0px 12px 0px; 
	}
}

@media only screen and (max-width: 999px){

	.navmenu-v{
		padding: 10px;
		text-align: center;
	}

	.navmenu-v li, .navmenu-v li a{
		width: auto;
		display: inline-block;
		margin: 4px;
		border-radius: 25px;
	}

	.navmenu-v li a{
		padding: 10px 25px;
	}

	.navmenu-vv{
		display: none;
	}
}

@media only screen and (max-width: 799px){

	.korzina{
		width: 30%;
	}

	.search{
		width: 40%;
	}

	.vitrina, .vitrina_tovar, .podcat{
		width: 240px;
	}

	.podcat, .podcat:nth-child(3n){
		margin: 20px 15px 10px 0px;
	}

	.tovar_text {
	    width: 50%;
	}
}

@media only screen and (max-width: 599px){

	.search{
		width: 80%;
		float: none;
	}

	.tovar_img_fon{
		width:250px;
	}

	.tovar_text_left{
		width:180px;
	}

	.korzina{
		display: none;
	}

	.korzina_lp{
		background:url(images/korzina_lp.png) no-repeat top center;
		width:69px; height:69px; 
		position: fixed;
		bottom: 20px; right: 20px;
		z-index: 99;
		display: inline;
	}

	.korzina_lp_text{
		font-family: "CharisBold";
		position: absolute;
		top:8px; right: 17px;
		font-size: 14px;
	}

	.navmenu-v li a{
		font-size: 16px;
		padding: 8px 20px;
	}

	.catalog_fon{
		width: 100%;
	}

	.tovar_img_fon, .tovar_text{
		width: 100%;
	}

	.tovar_text_left{
		width: 150px;
	}

	.vitrina, .vitrina_tovar{
		width: 90%;
		margin: 10px auto;
	}

	.podcat, .podcat:nth-child(3n){
		width: 100%;
		margin: 10px auto;
	}

	.vitrina_img, .podcat_img{
		width: 100px; height: 100px;
		display: inline-block;
		float: left;
	}

	.vitrina_name_fon{
		display: inline-block;
		vertical-align: top;
		margin-left: 20px;
		width: 60%;
	}

	.vitrina_name{
		margin: 0px 0px 10px 0px;
	}

	.vitrina_price_fon{
		width: 100%;
		float: none;
	}

	.vitrina_buy{
		float: none;
		display: block;
		margin-top: 10px;
	}

	.hit{
		background-size: contain;
		width:100px; height:46px; 
	}

	.cart_head, .cart_row{
		padding: 4px;
	}

	.cart_row:first-child, .cart_img, .kol_but{
		display: none;
	}

	.tovary_name{
		width: auto;
	}

	.zakaz_fon{
		width: 100%;
	}

	.sort{
		text-align: left;
	}

	.category_fon, .category_fon:nth-child(3n){
		width:48%; 
		margin:0px 12px 12px 0px; 
	}

	.category_fon:nth-child(2n){
		margin:0px 0px 12px 0px; 
	}
}

@media only screen and (max-width: 399px){

	.vitrina_img, .podcat_img{
		width: 80px; height: 80px;
	}

	.vitrina_name_fon{
		width: 55%;
	}

	.navmenu-v li{
		margin: 2px;
	}

	.navmenu-v li a{
		padding: 4px 12px;
		font-size: 14px;
	}

	.catalog_img{
		width: 100px; height: 80px;
	}

	.catalog_name_fon{
		width: 150px;
	}

	.catalog_name{
		font-size: 18px;
	}

	.catalog_podname, .tovary_name{
		font-size: 14px;
		line-height: 20px;
	}

	.cart_head, .cart_row{
		padding: 2px;
		font-size: 13px;
	}

	.category_fon, .category_fon:nth-child(3n){
		width:46%; 
	}
}
