.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html, body {margin: 0; padding: 0; color: white;}
div, p, ul, ol {margin: 0; padding: 0;}
a {color: white;}

body { padding: 0; font-size: 15px; font-family: Arial, Helvetica; background-color: #461b24; line-height: 20px;
background-image: url('/images/bg.jpg');}

img {border-style: none; }

table {
	border-style: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

/* позиционирование и отступы */
div#top {
	margin-left: 33%;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	position: relative;
	top: 5px;
}

div#logo {
	background-image: url('/images/logo.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 190px;
	height: 86px;
	margin-top: 16px;
	margin-left: 10vw;
	margin-bottom: 50px;
}

div#basket {position: absolute; top: 60px; left: 33%; line-height: 20px;}
div.contacts {position: absolute; top: 70px; left: 66%; width: 30%; line-height: 20px;}
div.contacts_splash {top: 60px; }

div#footer {margin: 60px 0 0; padding-bottom: 20px; height: 450px;}
div#footer div.contacts {position: static; width: auto;}

div#maindiv {margin: 20px 1% 0; border-style: solid; border-width: 1px 0 0; border-color: #efd994;}

div#main {margin: 20px 0 0 0;}

/* стили для обёртки */
div#top {font-size: 13px; color: rgba(255,255,255,.5); }
div.contacts {font-size: 13px;}
div.contacts span.phone {position: relative; left: -.6em; font-size: 26px; line-height: 40px;}
div.contacts span.contacts_menu {font-size: 12px;}
div.contacts span.contacts_menu a {margin-right: 15px; color: #c9c1bc;}
div#basket {font-size: 14px;}
div#basket p {margin-bottom: 10px;}

div#footer {background-color: black; border-style: solid; border-width: 5px 0 0; border-color: #efd994;
background-image: url('/images/bgfoot.jpg'); background-position: top right; background-repeat: no-repeat; position: relative;}

div#footer div#warn {position: absolute; bottom: 0; width: 100%; height: 40px; background-image: url('/images/warn.png'); background-position: center; background-repeat: repeat-x;}

ul.menu {
	line-height: 30px;
	list-style-type: none;
	margin-left: 10vw;
}
	ul.menu li {margin-bottom: 10px; font-size: 19px;}
	ul.menu li.selected {color: white;}
	ul.menu li a {color: #c9c1bc;}
	ul.menu li a:hover {color: #e5ddd8;}

ul.quick li {margin-bottom: 0; font-size: 15px; list-style: none;}
ul.quick li a {color: #fff;}
ul.quick {margin-left: 0 !important;}

#footer ul.menu {margin-top: 0px; margin-left: 0; margin-bottom: 40px; line-height: 20px;}
#footer ul.menu li {font-size: 14px;}

form.vote_form {line-height: 20px;}
form.vote_form ul {list-style-type: none; padding-left: 20px; margin-bottom: 20px;}
form.vote_form ul li {margin-bottom: 10px;}

form.vote_form input.other {background-color: #2f2f2f; border-style: solid; border-width: 1px; border-top-color: #e0b956; border-right-color: #efd994; border-bottom-color: #efd994; border-left-color: #e0b956; color: white; line-height: 20px; font-size: 14px; font-family: Arial, Helvetica; color: #c9c1bc; padding: 4px 2px;}

div.nav_str {margin-left: 10%;}

div#sign, div#sign a, div#sign a:visited {color: #999390;}

/* стили основного содержимого */
div.gooddiv {width: 100%; height: 10px; background-image: url('/images/divbg.png'); background-repeat: repeat-x; overflow: hidden;}
div.goods_list {width: 100%; background-image: url('/images/goodsbg.png'); background-repeat: repeat; border-color: #ead18f; border-style: solid; border-width: 0 0 2px; padding: 20px 0 40px; margin-bottom: 40px;}
div.good_one {width: 20%; margin: 0 0 40px 5%; float: left; position: relative;}
div.good_one:nth-child(4n+1) {clear: left;}
div.good_one h2 {color: #efd994; font-weight: normal; line-height: 20px; font-size: 18px; position: relative; top: 3px; margin: 0 0 20px;}
div.good_one h2 a {color: #efd994; text-decoration: none;}
div.good_one h2 a:hover {text-decoration: underline;}
div.good_one table.good_photo td {height: 160px; vertical-align: top;}
div.good_one .good_short_text {font-size: 12px; line-height: 20px; width: 220px; color: #e0d5d5;}
div.good_one .good_price {position: relative; font-size: 24px; line-height: 40px; }
div.good_one div.good_buy {display: inline; position: relative; top: 5px; left: 10px;}
div.good_one div.good_buy form {display: inline; position: absolute;}
div.good_one div.good_buy input[type=image] {display: none;}
div.good_one:hover div.good_buy input.no_mobile {display: inline;}
div.good_one:hover div.good_buy input.only_mobile {display: none;}

ul.sellout_filters {
	line-height: 20px;
	margin: 40px 0 20px 10vw;
	padding: 0;
	list-style-type: none;
	font-size: 14px; 
	font-style: italic;
}
	ul.sellout_filters li {
		display: inline-block;
		width: 18vw;
		margin-right: 2vw;
	}
	ul.sellout_filters li a {
		color: rgba(255,255,255,.8);
		text-decoration: none;
		border-width: 0 0 1px;
		border-color: rgba(255,255,255,.3);
		border-style: solid;
	}
	ul.sellout_filters li.selected {
		background-image: url('/images/goodsbg.png');
		background-repeat: repeat; padding: 5px 10px;
	}

div.three {
	color: #c9c1bc;
	font-size: 15px;
	line-height: 20px;
}
	div#footer div.three {
		margin-top: 20px;
	}

	div.three p {
		margin-bottom: 20px;
	}

	div.three > div.column {
		float: left;
		width: 30%;
		margin: 0 3% 0 0;
	}

	div.three > div.column.c1.left_clear {
		padding-left: 5vw;
		width: calc(30% - 5vw);
	}

.three h1, .three h2, .three h3 {font-size: 18px; font-weight: normal; font-family: Arial, Helvetica; line-height: 20px; margin: 0 0 20px; color: white;}
.three p {width: 80%;}



form.splash_form input.person, form.splash_form input.email, form.splash_form .comment {background-color: #2f2f2f; border-style: solid; border-width: 1px; border-top-color: #e0b956; border-right-color: #efd994; border-bottom-color: #efd994; border-left-color: #e0b956; color: white; line-height: 20px; font-size: 14px; font-family: Arial, Helvetica; color: #c9c1bc; padding: 4px 2px;}
form.splash_form input.person, form.splash_form input.email {width: 60%;}
form.splash_form .comment {width: 90%; margin-bottom: 20px; height: 80px;}
form.splash_form label {line-height: 30px;}
form.splash_form input.person, form.splash_form input.email, form.splash_form label {margin-bottom: 10px;}

form.single_form input.person, form.single_form input.email, form.single_form .comment {background-color: #2f2f2f; border-style: solid; border-width: 1px; border-top-color: #e0b956; border-right-color: #efd994; border-bottom-color: #efd994; border-left-color: #e0b956; color: white; line-height: 20px; font-size: 14px; font-family: Arial, Helvetica; color: #c9c1bc; padding: 4px 2px;}
form.single_form input.person, form.single_form input.email {width: 30%;}
form.single_form .comment {width: 50%; margin-bottom: 20px; height: 80px;}
form.single_form label {line-height: 30px;}
form.single_form input.person, form.single_form input.email, form.single_form label {margin-bottom: 10px;}

form.order_form {
	line-height: 30px;
	color: #e0d5d5;
	font-size: 14px;
}

	form.order_form h2 {
		font-size: 28px;
	}

	form.order_form .check_row,
	form.order_form .submit_row {
		margin-left: 150px;
	}

	form.order_form .form_row {
		clear: left;
	}
		form.order_form .form_row .field_name {
			float: left;
			clear: left;
			width: 150px;
		}
		form.order_form .form_row .field_input {
			float: left;
		}

	form.order_form input.person,
	form.order_form input.phone,
	form.order_form input.email,
	form.order_form .address {
		background-color: #2f2f2f;
		border-style: solid;
		border-width: 1px;
		border-top-color: #e0b956;
		border-right-color: #efd994;
		border-bottom-color: #efd994;
		border-left-color: #e0b956;
		line-height: 20px;
		font-size: 14px;
		font-family: Arial, Helvetica;
		color: #c9c1bc;
		padding: 4px 2px;
		margin-bottom: 10px;
	}
	form.order_form select {
		width: 250px;
		background-color: #2f2f2f;
		border-style: solid;
		border-width: 1px;
		border-top-color: #e0b956;
		border-right-color: #efd994;
		border-bottom-color: #efd994;
		border-left-color: #e0b956;
		line-height: 20px;
		font-size: 14px;
		font-family: Arial, Helvetica;
		color: #c9c1bc;
		padding: 4px 2px;
		margin-bottom: 10px;
	}
	form.order_form input.person,
	form.order_form input.phone,
	form.order_form input.email {
		width: 250px;
	}
	form.order_form .address {
		width: 250px;
	}
	form.order_form input.person {
		font-size: 24px;
	}

	form.order_form ul.delivery_types {
		list-style-type: none;
		margin: 0 0 20px;
		padding: 0;
	}

		form.order_form ul.delivery_types li {
			display: block;
			padding: 5px;
			position: relative;
			left: 0;
			cursor: pointer;
		}

			form.order_form ul.delivery_types li:hover {
				background-color: rgba(255,255,255,.1);
			}
			form.order_form ul.delivery_types li.active {
				background-color: rgba(255,255,255,.3);
			}

			form.order_form ul.delivery_types li.disabled {
				opacity: .5;
				cursor: auto;
			}

				form.order_form ul.delivery_types li.disabled:hover {
					background-color: transparent;
				}


		form.order_form .delivery_type .dt_name {
			font-size: 120%;
			display: inline-block;
		}
		form.order_form .delivery_type .dt_cost {
			display: inline-block;
		}
		form.order_form .delivery_type .dt_info {
			display: none;
			opacity: .8;
			margin-left: 1.8em;
		}
			form.order_form .delivery_type.disabled .dt_info {
				display: none;
			}
		form.order_form .delivery_type .dt_limits {
			opacity: .8;
			display: none;
			margin-left: 1.8em;
			font-size: 90%;
			line-height: 100%;
		}
			form.order_form .delivery_type.disabled .dt_limits {
				display: block;
			}

		form.order_form .delivery_type label {
			cursor: pointer;
		}
			form.order_form .delivery_type.disabled label {
				cursor: auto;
			}

div#main>h1, div#main>h2, div#main>h3, div#main>p, div#main>table, div#main>div, div#main>ul, div#main>ol, div#main>form {margin-left: 10%;}

div#main>h2 {color: #EFD994;}

div#main .goods_list, div#main .gooddiv, div#main table.good_card {margin-left: 0;}

table#position-heading-table {border-collapse: collapse; padding: 0; margin: 0;}
table#position-heading-table td {padding: 0;}
table#position-heading-table td div#vk_like {margin: 0;}

div.good_card {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100%;
}
	div#main > div.good_card {
		width: 100%;
		margin-left: 0;
	}

		div.good_card div.good_photo {
			float: left;
			margin-right: 40px;
			max-width: calc(33% - 40px);
			margin-left: 10%;
		}
			div.good_card div.good_photo img {
				max-width: 100%;
			}

		div.good_card div.good_information {
			float: left;
			max-width: calc(28% - 40px);
			min-width: 15%;
			margin-right: 40px;
			font-size: 13px;
			line-height: 20px;
			color: #e0d5d5;
		}
			div.good_card div.good_information h1 {
				font-weight: normal;
				line-height: 30px;
				font-size: 30px;
				margin: 0 0 10px;
			}

		div.good_card div.good_text {
			float: left;
			max-width: calc(28%);
			font-size: 13px;
			color: #e0d5d5;
			line-height: 20px;
		}
			div.good_card div.good_text p {
				margin-bottom: 20px;
			}
		div.good_card h2 {
			margin-top: 0;
			line-height: 30px;
		}

div.variant_photos {margin: 10px 0 20px;}
div.variant_photos p {margin: 0 0 10px;}
div.variant_photos div {margin: 0 0 10px;}
div.good_card div.price {line-height: 30px; color: white; margin-top: 20px;}
div.good_card div.price span.price {font-size: 32px; font-style: italic; color: white;}
div.good_card div.buy_form {margin: 7px 0 30px; line-height: 20px;}
div.good_card div.buy_form form {margin: 0; padding: 0; border-width: 0;}

div.news_list {}
div.news_list div.info {font-size: 18px; line-height: 20px; margin-bottom: 10px;}
div.news_list span.date {font-weight: normal; font-style: italic; font-size: 13px;}
div.news_list div.info_anno {margin-top: 0; margin-bottom: 20px;}

div.news_text {margin-left: 9%;}
p.date {margin-top: 10px; font-style: italic;}

form input.buy_quant {background-color: #2f2f2f; border-style: solid; border-width: 1px; border-top-color: #e0b956; border-right-color: #efd994; border-bottom-color: #efd994; border-left-color: #e0b956; color: white; font-size: 24px; width: 40px;}

h1 {font-weight: normal; color: white; line-height: 40px;}
h2 {font-weight: normal; color: white; line-height: 30px;}

div#main>p, div#main>h1, div#main>h2, div#main>h3, div#main>ul, div#main>ol {width: 62%;}

div#main form#basket_form {
	display: block;
	float: left;
	clear: none;
	margin-right: 40px;
	padding-right: 40px;
	border: solid; border-width: 0 1px 0 0; border-color: #efd994;
}

div#main form.order_form {
	display: block;
	float: left;
	clear: none;
	width: 33%;
	margin: 0;
}


div.basket_goods_list {
}

	.basket_goods_list .good_row,
	.basket_goods_list .total_row,
	.basket_goods_list .addmore_row {
		width: 100%;
		clear: left;
		margin-bottom: 10px; 
	}
	.basket_goods_list .good_row.good_delivery {
		padding-left: 200px;
		width: calc(100% - 200px);
	}

		.basket_goods_list .good_photo {
			width: 200px;
			padding-bottom: 10px;
			float: left;
		}

			.basket_goods_list .good_photo img {
				margin-top: 0;
			}

		.basket_goods_list .good_information {
			padding: 0 0 20px 20px;
			float: left;
			width: 15vw;
		}

			.basket_goods_list .good_information h2 {color: #efd994; font-weight: normal; line-height: 40px; font-size: 18px; margin-bottom: 0; margin-top: 0;} 
			.basket_goods_list .good_information h2 a {color: #efd994; text-decoration: none;}
			.basket_goods_list .good_information h2 a:hover {text-decoration: underline;}
			.basket_goods_list .good_information p {width: auto;}
			.basket_goods_list .good_information p.good_section_info {font-size: 15px; line-height: 20px; margin: 0;}
			.basket_goods_list .good_information p.good_short_text {font-size: 12px; line-height: 20px; color: #e0d5d5;}


		.basket_goods_list .good_price_quant {
			float: left;
			padding-left: 20px;
		}

			.basket_goods_list .good_price_quant p.good_price {
				font-size: 20px; line-height: 40px; font-style: italic; color: white; margin-bottom: 10px;
			}

	.basket_goods_list .total_row {
		width: calc(100% - 230px);
		padding: 20px 10px 20px 220px;
	}

	.basket_goods_list .addmore_row {
		font-size: 18px;
		padding: 40px 0 10px 220px;
		max-width: calc(100% - 240px);
	}

		.basket_goods_list .addmore_row a {
			text-decoration: underline; color: #efd994;
		}
			.basket_goods_list .addmore_row a:hover {
				text-decoration: underline;
			}


div#float_basket {
	font-size: 16px;
	position: fixed;
	top: -62px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: block;
	/*background-image: url('/images/goodsbg.png');
	background-repeat: repeat;*/
	background-color: #461D26;
	border-style: solid;
	border-width: 0 0 1px;
	height: 60px;
	box-shadow: 0 3px 7px rgba(0,0,0,1);
	overflow: hidden;
	transition: top .1s;
	-webkit-transition: top .1s;
}

	div#float_basket.shown {
		top: 0;
	}

		div#float_basket.shown.float_basket_empty {
			top: -62px;
		}

div#float_basket_content {margin-left: 33%;}
div#float_basket_content p, div#float_basket_content a {display: inline; line-height: 60px;}
div#float_basket_content > a {color: #efd994; margin-left: 10px;}



/*div#main form.order_form {margin-left: 20px; padding-left: 20px; }*/

#mod_basket_order_btn {cursor: pointer;}
#mod_basket_order_btn_descr {display: none; position: absolute; margin-left: -10px; background-color: #000; width: 200px; border: solid 1px; border-color: #eaeac8; font-size: 13px; padding: 12px 20px; z-index: 9999; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}

#mod_recall_form_btn {cursor: pointer;}
#mod_recall_form {
	display: none;
	position: absolute;
	margin-left: -250px;
	background-color: #000;
	width: 450px;
	border: solid 1px;
	border-color: #eaeac8;
	font-size: 13px;
	padding: 12px 20px;
	z-index: 9998;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

table.rform input, table.rform textarea {margin-bottom: 10px;}

div.order_form_error {color: #fff; height: auto; font-size: 14px; line-height: 20px; margin-bottom: 20px; font-weight: normal; background-color: black; border: solid 1px; border-color: #eaeac8; font-size: 12px; padding: 10px; z-index: 9999; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5); max-width: calc(100% - 40px);}
div.alert_sign {float: left; font-size: 50px; padding-top: 10px; width: 14px; color: red; margin-right: 10px; height: 40px; overflow: hidden; font-weight: bold;}

/* other */
div.adminPanel, div.adm, div.admin_place {font-size: 12px; margin: 20px 0 20px 20px; padding: 10px; border: solid #ccc; border-width: 0 0 0 5px;}


.scroll_msg {
	text-align: center;
	color: rgba(255,255,255, 1);
	font-size: 15px;
	margin: 0 10px 20px;
	font-style: italic;
}

.only_mobile {display: none;}


/* delivery page */
.delivery_page {
	margin-top: 40px;
}

	.delivery_page .delivery_types {
		width: 90%;
		max-width: 1200px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		left: -30px;
	}

		.delivery_page .delivery_type {
			flex-basis: calc(50% - 20px);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-bottom: 40px;
			/*outline: 1px solid white;*/
			background-color: rgba(0,0,0,.2);
			border-radius: 30px 0 30px 0;
			transition: all .3s;
		}

		.delivery_page .delivery_type:hover {
			-webkit-transform: scale(1.05, 1.05);
					transform: scale(1.05, 1.05);
		}

			.delivery_page .delivery_description {
				margin: 20px 30px;
				font-size: 16px;
				line-height: 25px;
				color: rgba(255,255,255,.8);
			}
				.delivery_page .delivery_type:hover .delivery_description {
					color: rgba(255,255,255,1);
				}
				.delivery_page .delivery_description h2 {
					margin: 0;
					line-height: 50px;
					color: #EFD994;
				}

			.delivery_page .delivery_pay_info {
				margin: 20px 30px;
				font-size: 16px;
				color: rgba(255,255,255,.8);
			}

.plus18 {
	width: 64px;
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	opacity: .8;
}

/* responsive styles */
@media screen and (max-width: 1150px) {

	.delivery_page .delivery_type {
		flex-basis: 100%;
	}

	div.good_one {width: 28%; margin-left: 5%; }
	div.good_one:nth-child(4n+1) {clear: none;}
	div.good_one:nth-child(3n+1) {clear: left;}

	div#logo {
		margin-left: 5vw;
	}

	ul.menu {
		margin-left: 5vw;
	}

	ul.sellout_filters {
		margin-left: 5vw;
	}
	ul.sellout_filters li {
		display: inline;
		width: auto;
		margin-right: 10px;
	}

	div#main form#basket_form {
		float: none;
		clear: left;
		width: auto;
		margin-left: 5%;
		margin-right: 0;
		padding-right: 0;
		border-style: none;
	}

	div#main form.order_form {
		float: none;
		clear: left;
		width: auto;
		margin: 0 0 0 5%;
	}


}

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

	.plus18 {
		width: 36px;
		top: 90px;
		right: 30px;
	}

	body {
		padding-top: 60px;
	}

	div#logo {
		margin-bottom: 30px;
	}

	div.good_one {width: 45%; margin-left: 5%;}
	div.good_one:nth-child(4n+1) {clear: none;}
	div.good_one:nth-child(3n+1) {clear: none;}
	div.good_one:nth-child(2n+1) {clear: left;}

	div#logo {
		margin-left: auto;
		margin-right: auto;
	}

	.no_mobile {
		display: none;
	}

	.only_mobile {
		display: block;
	}


	div.good_one div.good_buy input.only_mobile {display: inline;}
	div.good_one:hover div.good_buy input.only_mobile {display: inline;}
	div.good_one div.good_buy input.no_mobile {display: none;}
	div.good_one:hover div.good_buy input.no_mobile {display: none;}

	div.three > div.column {
		float: none;
		width: auto;
		margin: 0 3% 40px;
	}

	div.three > div.column.c1.left_clear {
		padding-left: 0;
		width: auto;
	}

	ul.menu {
		margin-left: 0;
		line-height: 25px;
		list-style-type: none;
	}
	ul.menu li {text-align: center; margin-bottom: 4px; font-size: 17px;}

	div#float_basket_content {
		margin-left: 5%;
	}

	div#float_basket,
	div#float_basket.shown.float_basket_empty {
		top: 0;
	}

	div.good_card div.good_photo {
		float: none;
		clear: left;
		margin: 0 5% 20px;
		max-width: none;
	}
	div.good_card div.good_information {
		float: none;
		clear: left;
		margin: 0 5% 20px;
		max-width: none;
	}
	div.good_card div.good_text {
		float: none;
		clear: left;
		margin-left: 5%;
		width: auto;
		max-width: 90%;
	}

	div#main > div.nav_str {margin-left: 5%;}

	div#main>h1, div#main>h2, div#main>h3, div#main>p, div#main>table, div#main>div, div#main>ul, div#main>ol, div#main>form {margin-left: 5%;}
	div#main>p, div#main>h1, div#main>h2, div#main>h3, div#main>ul, div#main>ol {width: 95%;}


	.basket_goods_list .good_information {
		padding-left: 0;
		width: 45vw;
	}
	.basket_goods_list .total_row,
	.basket_goods_list .addmore_row {
		width: auto;
		margin-left: 0;
		padding-left: 0;
		max-width: none;
	}

	.basket_goods_list .good_row.good_delivery {
		padding-left: 0;
		width: 100%;
	}

	form.order_form .check_row,
	form.order_form .submit_row {
		margin-left: 0;
	}

	.delivery_page .delivery_types {
		width: 95%;
		left: 0;
	}
}

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

	div.good_one:nth-child(4n+1) {clear: left;}
	div.good_one:nth-child(3n+1) {clear: left;}
	div.good_one:nth-child(2n+1) {clear: left;}

	div.good_one {
		width: 200px;
		margin: 0 auto 30px;
		float: none;
		clear: left;
	}

	div#float_basket {
		font-size: 13px;
	}

}