*, *:before, *:after { box-sizing: inherit; }

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
body { margin: 0px; padding: 0px; font-size: 14px; color: #111; line-height: 1.5; FONT-FAMILY: Arial; font-weight: normal; }

a { color: #333; }
a:hover { color: #000000; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: inherit; line-height: 1.2; margin: 0px; }
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 0.8em; }
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0.4em; }
h1, .h1 { font-size: 2.3em; }
h2, .h2 { font-size: 1.75em; }
h3, .h3 { font-size: 1.5em; }
h4, .h4 { font-size: 1.25em; }
h5, .h5 { font-size: 1em; }
h6, .h6 { font-size: 0.75em; text-transform: uppercase; letter-spacing: .01em; }

.elevator { top: 40px; }
.elevator { width: 30px; font-size: 13px; font-weight: bold; }
.elevator span { display: none; }



.wrapper {
	/*
	padding-left: 45px;
	padding-right: 45px;
	*/
	width: 95%;
	max-width: 1200px;
	margin: 0px auto;

}
@media (max-width: 900px){
	.wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media (max-width: 800px){
	.wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}



.search_mobile {
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



header {
	padding-top: 5px;
	padding-bottom: 5px;
	background: rgb(14,14,14);
	background: -moz-linear-gradient(top, rgba(14,14,14,1) 0%, rgba(51,51,51,1) 99%, rgba(14,14,14,1) 100%);
	background: -webkit-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(51,51,51,1) 99%,rgba(14,14,14,1) 100%);
	background: linear-gradient(to bottom, rgba(14,14,14,1) 0%,rgba(51,51,51,1) 99%,rgba(14,14,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#0e0e0e',GradientType=0 );
	background-position: center bottom;
	background-repeat: no-repeat;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 10;
}
header * {
	color: #FFFFFF;
}
header *:hover {
	color: #FFFFFF;
}
header input {
	color: #000000;
}
header input:hover {
	color: #000000;
}

.headers {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.headers .header1 {
	flex: 0 0 15%;
}
.headers .header2 {
	flex: 0 0 25%;
	color: #FFFFFF;
	text-align: right;
}
.headers .header3 {
	flex: 0 0 30%;
	text-align: right;
}
.headers .header4 {
	flex: 0 0 30%;
	text-align: right;
}


@media (max-width: 900px){
	.headers .header1 {
		flex: 0 0 100%;
		text-align: center;
	}
	.headers .header2 {
		display: none;
	}
	.headers .header3 {
		display: none;
	}
	.headers .header4 {
		display: none;
	}
}




footer {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #faea00;
	border-top: 8px solid #000000;
	left: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 0.8em;
}

.footers {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.footers .footer1 {
	flex: 0 0 30%;
}
.footers .footer2 {
	flex: 0 0 40%;
	text-align: center;
}
.footers .footer3 {
	flex: 0 0 30%;
	text-align: right;
}

@media (max-width: 900px){
	.footers .footer1 {
		display: none;
	}
	.footers .footer2 {
		flex: 0 0 100%;
	}
	.footers .footer3 {
		display: none;
	}
}



.footer_blocs {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
}
.footer_blocs .footer_bloc1 {
	flex: 0 0 32%;
	text-align: left;
}
.footer_blocs .footer_bloc2 {
	flex: 0 0 32%;
	text-align: left;
}
.footer_blocs .footer_bloc3 {
	flex: 0 0 32%;
	text-align: left;
}
@media (max-width: 900px){
	.footer_blocs {
		flex-direction: column;
	}
	.footer_blocs .footer_bloc1 {
		display: block;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.footer_blocs .footer_bloc2 {
		display: block;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.footer_blocs .footer_bloc3 {
		display: block;
	}
}



.menu {
	padding-top: 10px;
}
.menu a {
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
}



.menu_catalog {
	padding-bottom: 10px;
}
.menu_catalog a {
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
}


.head {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 100;
	background-color: #000000;
}




.orders { padding: 10px; background: #fbed1f; }






.content {
	font-size: 1.0rem;
}



.sb-toggle-left {
	width: 45px;
	display: none;
	cursor: pointer;
	margin-bottom: -8px;
}
.sb-toggle-left_fixed {
	width: 45px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
}

@media (max-width: 900px) {
	.sb-toggle-left { display: inline-block; }
}

.sb-toggle-left:hover .navicon-line {
	background-color: #ff6f69;
}
.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #f1f1f1;
}




.contents_block {
	margin: 0 auto; 
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.contents_block .content_block0 {
	flex: 1 1 100%;
}
.contents_block .content_block1 {
	flex: 1 1 25%;
	padding-right: 3%;
}
.contents_block .content_block2 {
	flex: 1 1 75%;
}
.contents_block .content_block2 {
	padding: 0px;
}
@media (max-width: 900px){
	.contents_block {
		flex-direction: column; 
	}
	.contents_block .content_block1 {
		margin-bottom: 30px;
	}
	.contents_block .content_block0, .contents_block .content_block1, .contents_block .content_block2 {
		padding: 0px;
		margin: 0px;
		flex-direction: column; 
		text-align: left;
		margin-bottom: 20px;
	}
}




.span_favicon_white { vertical-align: 9px; padding-left: 3px; }

.line-height-15 { line-height: 15px; }



body::before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	box-shadow: 0 2px 1px rgba(0,0,0,0.03),
	0 4px 2px rgba(0,0,0,0.03),
	0 8px 4px rgba(0,0,0,0.03),
	0 16px 8px rgba(0,0,0,0.03),
	0 32px 16px rgba(0,0,0,0.03);
	z-index: 100;
}







.amm_button_block {
	position: fixed;
	bottom: 33px;
	right: 33px;
	z-index: 1000;
}
.amm_button_block span {
	background-color: rgba(255, 0, 0, 0.95);
	font-size: 16px;
	color: #fbfdff;
	border-radius: 20px;
	padding: 10px 25px 10px 25px;
	-webkit-animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	box-shadow:
			0 -10px 5px rgba(0,0,0,0.01),
			0 1px 1px rgba(0,0,0,0.02),
			0 2px 2px rgba(0,0,0,0.02),
			0 4px 4px rgba(0,0,0,0.02),
			0 8px 8px rgba(0,0,0,0.01),
			0 16px 16px rgba(0,0,0,0.01),
			0 32px 32px rgba(0,0,0,0.01);
	margin: 0px auto;
	display: inline-block;
}
@media (max-width: 900px){
	.amm_button_block {
		left: 0px;
		right: 0px;
		text-align: center;
	}
}
.amm_button:hover {
	cursor: pointer;
	background-color: rgba(220, 0, 0, 0.95);
}

.amm_block_mobile {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
}
.amm_block_mobile .ammcontent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.amm_block_mobile .amm_cancel {
	display: block;
	padding: 16px 0;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #fff;
	color: #0076ff;
	font-size: 18px;
	font-weight: 600;
	font-family: sans-serif;
	cursor:pointer;
}

.amm_block_computer {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 100%);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.amm_block_computer .ammcontent {
	text-align: center;
}
.amm_block_computer .ammcontent p {
	padding-bottom: 20px;
}
.amm_block_computer .ammcontent span {
	font-size: 18px;
	opacity: 0.8;
}
.amm_block_computer .amm_cancel {
	position: absolute;
	top: 50px;
	right: 50px;
	cursor:pointer;
}


.ammb {
	display: block;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #f2f2f2;
	font-size: 18px;
	color: #0076ff;
	margin: 10px 10px 8px;
}
.ammb div {
}
.ammb span {
	display: block;
	font-size: 13px;
	color: #949494;
	font-family: sans-serif;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a {
	display: block;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #0076ff;
	padding: 15px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a:last-child { border-bottom: 0px solid #f2f2f2; }


@-webkit-keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(2px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }

@keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(1px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }








.rotator {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.fotorama__html {
	text-align: center;
	padding-top: 3%;
	color: #FFFFFF;
}
.fotorama__html big {
	font-size: 38px;
	line-height: 30px;
}
.fotorama__stage {
	background: #FFFFFF;
}
.fotorama__html div,
.fotorama__html a {
	display: block;
	position: absolute;
	width: 80%;
	left: 10%;  /* если width в %, то разместить блок по центру ширины: (100% - 60%)/2 */
	height: 100%;
	/* Transparent links are not clickable in IE,
	but non-existent background fixes this.
	(Put an empty 1?1 image here to avoid
	errors in console.) */
	background: /img/1px.png;
}


.body {
	background: url(../img/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}






.submenu, .submenu ul, .submenu li { list-style:none; margin:0px;padding:0px; }
.submenu li { TEXT-DECORATION: none; padding-left: 10px; padding-top: 7px; padding-bottom: 7px; padding-right: 5px; border-bottom: 1px solid #EBEBEB; }
.submenu a { display: block; TEXT-DECORATION: none; }
.submenu li.selected { font-weight: bold; TEXT-DECORATION: none; background: #000000; color: #FFFFFF; }
.submenu li.selected a { color: #FFFFFF; }
.submenu li:last-child { border-bottom: 0px solid #EBEBEB; }






.categorys_title {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	overflow: block;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.categorys_title .category {
	flex: 0 1 25%;
	margin-bottom: 30px;
}
.categorys_title .category .category_block {
	padding: 20px;
	text-align: center;
}
.categorys_title .category .category_block img {
	max-height: 200px;
}
@media (max-width: 900px){
	.categorys_title .category {
		flex: 0 1 100%;
	}
}





.categorys {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.categorys .category {
	flex: 0 1 30%;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.categorys .category .category_block {
	padding: 20px;
	text-align: center;
}
.categorys .category .category_block img {
	max-width: 60%;
}
@media (max-width: 900px){
	.categorys .category {
		flex: 0 1 100%;
	}
}





.tags {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
}
.tags .tag {
	flex: 0 1 30%;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.tags .tag .tag_block {
	padding: 20px;
	text-align: center;
}
@media (max-width: 900px){
	.tags .tag {
		flex: 0 1 100%;
	}
}




.items {
	margin: 0 auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.items .item {
	flex: 0 1 30%;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.items .item .item_block {
	padding: 20px;
	text-align: center;
}
@media (max-width: 900px){
	.items .item {
		flex: 0 1 100%;
	}
}




#cookie_note{
	display: none;
	position: fixed;
	bottom: 50px;
	left: 50%;
	max-width: 90%;
	transform: translateX(-50%);
	padding: 20px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

@media (max-width: 900px){
	#cookie_note{
		margin: 20px;
		bottom: 100px;
		left: 0px;
		max-width: 100%;
		transform: translateX(0%);
	}
}
#cookie_note p{
	margin: 0;
	font-size: 0.7rem;
	text-align: left;
	color: black;
}

.cookie_accept{
	width:20%;
}
@media (min-width: 576px){
	#cookie_note.show{
		display: flex;
	}
}

@media (max-width: 575px){
	#cookie_note.show{
		display: block;
		text-align: left;
	}
}