/* Start:/bitrix/templates/gradezh/OwlCarousel/owl.carousel.min.css?15865501693300*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/gradezh/OwlCarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/bitrix/templates/gradezh/css/popup.css?160577381734951*/
/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}
div.md-close {
	background: url("/bitrix/templates/gradezh/css/../img/packIco.png")no-repeat;
	background-position: -59px 0px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	position: absolute;
	right: 7px;
	top: 7px;
	width: 30px;
	height: 30px;
}
div.md-close:hover{
	background-position: -59px -30px;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 360px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-modal#order{
	max-width: 750px;
}
.md-modal#order div.orderAns{
	padding-top: 15px;
	
}
.md-modal#order div.orderAns div.BlockForm {
	float:none;
	width:100%;
	padding: 30px 19px;
	text-align:center
}
.md-modal#order div.orderAns div.BlockForm p{
font-size:16px;
}
.md-modal#itemAddedToCart{
	max-width: 534px;
}
.md-modal#errorBlock p{
	text-align:center;
}
.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(48,48,48,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #ffffff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding: 15px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-content div.BlockForm{
	padding: 0px 9px;
}
.md-content div.BlockForm div.InputBlock{
	position: relative;
	margin-bottom: 20px;
}
.md-content div.BlockForm div.InputBlock input[type=text]{
	position: relative;
	border: 2px solid #bdbdbd;
	width: 296px;
	height: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left: 40px;
	padding-right: 10px;
	color: #7b8392;
	font-family: "Trebuchet MS", sans-serif;
	-webkit-box-shadow: inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow:         inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-content div.BlockForm div.InputBlock input.valid{
	border: 2px solid #b0d251;
}
.md-content div.BlockForm div.InputBlock input[type=text] + label.email{
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background: url("/bitrix/templates/gradezh/css/../img/user.png")no-repeat;
	top:11px;
	left:15px;
	z-index: 1;
}
.md-modal#order div.BlockForm input.valid + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png")no-repeat;
}
.md-modal#order div.BlockForm input.error + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png")no-repeat;
	background-position: 0px -13px;
}
.md-modal#enter div.BlockForm input.valid + label + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png") no-repeat;
}

.md-modal#enter div.BlockForm input.error + label + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png") no-repeat;
	background-position: 0px -13px;
}
.md-modal#callme div.BlockForm input.valid + label + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 38px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png") no-repeat;
}
.md-modal#callme div.InputBlock label{
	color: #1f1f1f;
	display: block;
	margin-bottom: 5px;
}
.md-modal#callme .md-content div.BlockForm div.InputBlock input[type=text]{
	padding-left: 10px;
}
.md-modal#callme .md-content div.BlockForm div.InputBlock input[type=text] + label.email{
	display: none;
}
.md-modal#callme div.BlockForm input.error + label + div {
	display: block;
	position: absolute;
	right: 11px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url("/bitrix/templates/gradezh/img/errorok.png") no-repeat;
	background-position: 0px -13px;
}
.md-content div.BlockForm div.InputBlock input[type=text]:focus + label.email{
	background-position: 0px -17px;
}
.md-content div.BlockForm div.InputBlock input[type=password]{
	border: 2px solid #bdbdbd;
	width: 296px;
	height: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left: 40px;
	padding-right: 10px;
	color: #7b8392;
	font-family: "Trebuchet MS", sans-serif;
	-webkit-box-shadow: inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow:         inset 5px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-content div.BlockForm div.InputBlock input.error{
	border: 2px solid #e21b61;
}
.md-content div.BlockForm div.InputBlock input[type=password] + label.pw{
	position: absolute;
	display: block;
	width: 14px;
	height: 16px;
	background: url("/bitrix/templates/gradezh/css/../img/pw.png")no-repeat;
	top:11px;
	left:15px;
	z-index: 1;
}
.md-content div.BlockForm div.InputBlock input[type=password]:focus + label.pw{
	background-position: 0px -17px;
}
.md-content div.BlockForm input[type=submit]{
	position: relative;
	bottom: inherit;
	right: inherit;
	cursor: pointer;
	display: block;
	background: rgb(210,223,99); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGY2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(210,223,99,1) 0%, rgba(162,195,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,223,99,1)), color-stop(100%,rgba(162,195,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2df63', endColorstr='#a2c347',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	-moz-box-shadow:    inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	box-shadow:         inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	color: #3d4c18;
	text-decoration: none;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	border: 1px solid #aed150;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.md-content div.BlockForm input[type=submit]:hover{
	background: rgb(213,228,99); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWU0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(213,228,99,1) 0%, rgba(213,228,99,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,228,99,1)), color-stop(100%,rgba(213,228,99,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e463', endColorstr='#d5e463',GradientType=0 ); /* IE6-8 */
}
.md-content div.BlockForm a.reg{
	float:left;
}
.md-content div.BlockForm a.forget{
	float:right;
}
div.md-content span.h2{
	font-size: 26px !important;
	text-align: center;
}
div.md-content div.line{
	width: 100%;
	height: 1px;
	background: #dde1e7;
	margin-bottom: 20px;
}
.md-content div.BlockForm a.continueShopping {
	text-decoration: none;
	margin-right: 10px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	cursor: pointer;
	width: 180px;
	height: 40px;
	color: #fff;
	padding: 8px 10px;
	text-align: center;
	border: 1px solid #aeaeae;
	background: rgb(195,195,195);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(195,195,195,1) 0%, rgba(124,122,122,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,195,195,1)), color-stop(100%,rgba(124,122,122,1)));
	background: -webkit-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(124,122,122,1) 100%);
	background: -o-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(124,122,122,1) 100%);
	background: -ms-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(124,122,122,1) 100%);
	background: linear-gradient(to bottom, rgba(195,195,195,1) 0%,rgba(124,122,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#7c7a7a',GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-content div.BlockForm a.continueShopping:hover {
	background: #88827e;
}
.md-content div.BlockForm a.goToCart {
	display: block;
	text-align: center;
	padding: 7px 10px;
	background: rgb(210,223,99);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(210,223,99,1) 0%, rgba(162,195,71,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,223,99,1)), color-stop(100%,rgba(162,195,71,1)));
	background: -webkit-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
	background: -o-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
	background: -ms-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
	background: linear-gradient(to bottom, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2df63', endColorstr='#a2c347',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	-moz-box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
	color: #3d4c18;
	text-decoration: none;
	width: 145px;
	height: 38px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	border: 1px solid #aed150;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-content div.BlockForm a.goToCart:hover {
	background: rgb(213,228,99); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWU0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(213,228,99,1) 0%, rgba(213,228,99,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,228,99,1)), color-stop(100%,rgba(213,228,99,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e463', endColorstr='#d5e463',GradientType=0 ); /* IE6-8 */
}
.md-content div.BlockForm a.goToCart,.md-content div.BlockForm a.continueShopping{
	display: inline-block;
}
.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}
.md-modal#order div.md-left{
	width: 50%;
	height: 414px;
	float: left;
	background: #f5f5f5;
	padding: 118px 25px;
	text-align: center;
	border-right: 1px solid #eae5e2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-modal#order div.md-left span.h2{
	text-align: center;
}
.md-modal#order div.BlockForm{
	width: 50%;
	float:right;
	padding: 43px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-modal#itemAddedToCart .md-content div.BlockForm{
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.md-modal#order div.BlockForm input{
	padding: 10px 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-modal#order div.BlockForm input[type=submit]{
	margin-bottom: 0px;
}
.md-modal#order div.BlockForm input[type=submit]{
	cursor: pointer;
  display: block;
  background: rgb(210,223,99);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(210,223,99,1) 0%, rgba(162,195,71,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,223,99,1)), color-stop(100%,rgba(162,195,71,1)));
  background: -webkit-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
  background: -o-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
  background: linear-gradient(to bottom, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2df63', endColorstr='#a2c347',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
  -moz-box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
  box-shadow: inset 1px 1px 5px 0px rgba(203, 221, 68, 1);
  color: #3d4c18;
  text-decoration: none;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
  border: 1px solid #aed150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.md-modal#order div.BlockForm input[type=submit]:hover{
background: rgb(213,228,99);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(213,228,99,1) 0%, rgba(213,228,99,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,228,99,1)), color-stop(100%,rgba(213,228,99,1)));
  background: -webkit-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%);
  background: -o-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%);
  background: -ms-linear-gradient(top, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%);
  background: linear-gradient(to bottom, rgba(213,228,99,1) 0%,rgba(213,228,99,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e463', endColorstr='#d5e463',GradientType=0 );
}
.md-modal#order div.BlockForm label{
	font-size: 20px;
	color: #141414;
	font-family: 'EB Garamond', serif;
	display: block;
	margin-bottom: 10px;
}
.md-modal#order .md-content{
	padding: 0px;
}
.md-modal#order .md-content div.BlockForm div.InputBlock div {
	top: 50px;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg);
	-moz-transform: translateZ(600px) rotateX(20deg);
	-ms-transform: translateZ(600px) rotateX(20deg);
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg);
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg);
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: rgba(48,48,48,0.8);
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(48,48,48,0.8);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(48,48,48,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% {
		-webkit-transform: rotateX(10deg);
		-webkit-animation-timing-function: ease-out;
	}
}

@-moz-keyframes OpenTop {
	50% {
		-moz-transform: rotateX(10deg);
		-moz-animation-timing-function: ease-out;
	}
}

@keyframes OpenTop {
	50% {
		transform: rotateX(10deg);
		animation-timing-function: ease-out;
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}
/* End */


/* Start:/bitrix/templates/gradezh/forms/jquery.formstyler.css?158655024611120*/
.jq-checkbox {
	top: -1px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	
	border: 1px solid #fff;
    background: rgba(255,255,255,0.8);
	
	border-radius: 3px;
	cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 10px;
	height: 10px;
	margin: 3px 0 0 8px;
	border-radius: 2px;
	background: #fdc300;

}

.jq-checkbox.disabled {
	opacity: .55;
}


.jq-radio {
	top: -1px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
	width: 10px;
	height: 10px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #777;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-radio.focused {
	border: 1px solid #08C;
}
.jq-radio.disabled {
	opacity: .55;
}


.jq-file {
	width: calc(100% - 57px);
	max-width: calc(275px - 32px);
	padding: 0 12px 0 45px;
line-height: 34px;
	background: rgba(255,255,255,0.3) url(/bitrix/templates/gradezh/forms/../img/file.png) no-repeat 10px center;
	height: 34px;
	
	border:1px solid rgba(0,0,0,0.2);
	font-size: 15px;
	 font-family: 'Trebuchet MS';
	
	
}
.jq-file input {
	height: auto;
	line-height: 1em;
	cursor: pointer;
}
.jq-file__name {
color: #fff;
text-align: left;
}
.jq-file__browse {
display: none;
}
.jq-file:hover .jq-file__browse {


}
.jq-file:active .jq-file__browse {
	
}
.jq-file.focused .jq-file__name {

}


.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
	border-color: #ааа;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}


.jq-number {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 36px 0 0;
}
.jq-number__field {
	width: 100px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
	border-color: #B3B3B3;
}
.jq-number__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 9px;
	border: none;
	outline: none;
	background: none;
	font: 14px Arial, sans-serif;
	color: #333;
	text-align: left; /* для Opera Presto */
	-moz-appearance: textfield;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0; /* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}
.jq-number__spin {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 14px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
.jq-number__spin.minus {
	top: auto;
	bottom: 0;
}
.jq-number__spin:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 11px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #999;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
	top: 5px;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
	border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
	border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
	border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number.disabled .jq-number__spin:after {
	border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
	border-top-color: #AAA;
}


.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox__select {
	
	
text-align: left;
width:91px;
height:26px;
border: 1px solid #e1cc58;
border-radius: 13px;
font-size: 14px;
padding: 0 30px;
background: #e1cc58;
color: #1d1d1d;
	

	font: 14px/26px 'Roboto', sans-serif;
	


}

.jq-selectbox.focused .jq-selectbox__select {
	border: 1px solid #bababa;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #1d1d1d;
}
.jq-selectbox__select-text {
	display: block;
	overflow: hidden;
	width: 100%;
	color: #1d1d1d;

	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox .placeholder {
	color: #888;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;

	height: 100%;

}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 17px;
	right: 12px;
	width: 0;
	height: 0;
	display: none;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 151px !important;
	margin: 2px 0 0;
	padding: 0;
	border: 1px solid #CCC;
		text-align: left;
	border-radius: 13px;
	background: #FFF;
	color: #CCC;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	font: 14px/18px 'Roboto', sans-serif;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	color: #5a5a5a;
}
.jq-selectbox li.selected {
	
	color: #000;
}
.jq-selectbox li:hover {
	
	color: #000;
}
.jq-selectbox li.disabled {
	color: #000;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}


.jq-select-multiple {
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/18px Arial, sans-serif;
	color: #333;
	cursor: default;
}
.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}


input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
/* End */


/* Start:/bitrix/templates/gradezh/maxStyle.css?17750691184054*/
.sidebarMenu li:hover {
    background: #d7cdc8;
}

.sidebarMenu li ul li:hover {
    background: url("/bitrix/templates/gradezh/img/menuLineBg.png") repeat-x top center !important;
}

.sidebarMenu li a {
    width: 100%;
}

.sidebarMenu li ul li a {
    width: 100%;
}

.header .cart div span {
    font-weight: bold !important;
    line-height: 14px !important;
}

.posttitle {
    font-size: 25px;
}

.listItemDescription {
    display: block;
    height: 110px;
    padding-left: 10px;
    line-height: 22px;

}

.listItem {
}

.listItemPointers {
    margin-left: 5px;
    margin-right: 10px;
    border-radius: 5px;
}

.askForPrice {
    border-radius: 5px;
}

.content {
    padding: 0 10px;
    font-size: 13px !important;
    line-height: 22px !important;
}
.topmenu ul li:hover {
	
	background: rgba(87, 52, 33, 0.57);
}


.breadcrumbs ul{ 
margin:0;
padding: 4px 10px;
	
}
.catalog_main_img {
	overflow: hidden;
	padding: 10px;
	margin-top: 10px;
}

.catalog_main_img div {
	width: 196px; 
	height: 160px; 
	padding: 0 0 40px 0;
	text-align: center;
	margin-bottom: 10px;
	line-height: 25px !important;
	box-shadow: #ccc 0 0 3px;
	border-radius: 5px;
	margin-bottom: 20px;
	transition: all .3s ease-out;
}


.catalog_main_img div:hover {
background: #d5e34e;
box-shadow: 0 0 15px #b8b8b8;}


.catalog_main_img div:hover img{
	border-bottom: 1px rgba(94, 112, 62, 0.26)solid;
	opacity: 1;
}

.catalog_main_img div img {
	border-radius: 5px 5px 0px 0px;
	opacity:0.8;
		border-bottom: 1px #fff solid;
}


.catalog_main_img div a {
font-size: 15px;	
color:#2c2c2c;
}

 
.catalog_main_img div a:hover {
font-size: 15px;	
color:#2c2c2c;
text-decoration:none;
}

.bx_catalog_tile_item_list div, .wannabask {
		transition: all .3s ease-out;
}

.wrapper_footer {
display: flex;
flex-wrap: wrap;
	//width: 1000px; 
	margin: 0px auto; 
	min-height: 200px; 
	font-size: 12px; 
	background: #eae5e2; 
	color: #1f1f1f; 
	font-size: 14px; 
	line-height: 20px;
}

.foot_menu {
	float: left; 
	margin-left: 30px;
	line-height: 10px;
	list-style: inherit;
	color:#6a6a6a;
	font-size:13px;
}
.foot_menu.ul1{
	margin-left: 17px;
}
.foot_menu a {
	color: #6a6a6a;
}
.foot_menu a:hover {
	text-decoration:none;
}
.footer_left {
	//float: left; 
	//width: 380px;
   flex: 1;
padding-top: 20px;
}
.footer{
height:auto!important
}
.footer_title{
	font-size:18px;
	margin-bottom: 12px;
}
.text{
	font-size:13px;
	color:#6d6c6b;
	clear: both;
}
.copyright{
	color:#6d6c6b;
	clear: both;
}
.footer_center{
	//float:left;
	padding-top: 20px;
}
.footer_center a{
	color:#6d6c6b;
}
.footer_center a:hover{
	text-decoration:none;
}
.footer_center .text{
	margin-top: -5px;
}
.facebook{
	margin-top: 15px !important;
	width: 146px;
	float: left;
	font-size:13px;
	color:#6d6c6b;
}
.footer_right {
	//float: right; 
	text-align:right;
	padding-top: 22px; 
	line-height: 22px;
	//margin-right:30px;
}
.footer_right .copyright{
	margin-top: 15px !important;
}.footer_right .copyright a{
	text-decoration:none;
	color:#404040;	
}
.social{
	margin-top: 7px;
}
.oplata {
	//float: left;
	width: 380px;
	margin-top: 11px;
}
.oplata .footer_title{
	//float:left;
}
.oplata img {
	margin-left: 8px;
	margin-top: -2px;
}

.dostavka_karta {
	margin: 20px 0 10px 0;
}


.control  {
text-align: right !important;
width: 200px;
}

.feedback input{
	width: 315px;
	margin-bottom: 10px;
}
.feedback span{
	font-weight:bold;
}
.feedback input[name="submit"]{
	width: 160px;
	float:right;
	clear:both;
}
.feedback textarea{
	resize: none;
	width: 315px;
	height: 225px;
}
#order-status {
background-color: #FFFFFF;
border: 1px solid #444444;
border-radius: 5px;
display: none;
font-size: 20px;
left: 0;
padding: 50px;
position: fixed;
top: 0;
z-index: 1020;
}
a.icon-close {
background-image: url("/bitrix/templates/gradezh/img/x.png");
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
height: 22px;
margin: 0 10px 0 0;
width: 16px;
}
a.icon-close:hover {
background-image: url("/bitrix/templates/gradezh/img/xhovered.png");

}



.footer-bottom{
padding: 10px 0;
}
.policy-link{
color: #6d6c6b;
}

/* End */


/* Start:/bitrix/templates/gradezh/components/bitrix/sale.basket.basket.small/smallBasket/style.css?1450280495329*/
/*Table*/
table.sale_basket_small
{
	width:245;
	border-collapse:collapse;
	font-size:12px;
	border:1px solid #ADC3D5;
}

/*Table head*/
table.sale_basket_small th
{
	text-align: left;
	color:#25639A;
}

/* Table cells and heads*/
table.sale_basket_small th, table.sale_basket_small td
{
	padding: 3px 5px;
	vertical-align:top;
}
/* End */


/* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1395391956501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/bitrix/templates/gradezh/components/bitrix/system.auth.form/.default/style.css?1450280503442*/
div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/bitrix/templates/gradezh/components/bitrix/system.auth.form/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/gradezh/components/bitrix/system.auth.form/.default/images/sec-unlocked.png);}

/* End */


/* Start:/bitrix/templates/.default/components/altasib/feedback.form/callme-form/style.css?1605792695711*/
#callme .afbf_mess_ok,
#callme .afbf_item_pole .afbf_name {
color: black;
}

#callme .afbf_btn2 {
color: #3d4c18;
background: linear-gradient(to bottom, rgba(210,223,99,1) 0%,rgba(162,195,71,1) 100%) !important;
border: 0;
padding: 0px 30%;
border-radius: 20px !important;
margin: 0 auto;
display: block;
width: 100%;
height: 40px;
font-size: 20px !important;
font-weight: bold;
font-family: "Trebuchet MS", sans-serif;
cursor: pointer;
}

#callme .afbf_btn2:hover {
background: rgb(213,228,99);
}

#callme .afbf_item_pole {
margin: 10px 0 !important;
}


#callme .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext {

border-radius: 10px;
color: #000;
padding: 10px;
}
/* End */


/* Start:/bitrix/templates/.default/components/altasib/feedback.form/callme-form/form_style.css?160585398546793*/
.modal_form{
        border-radius:5px;
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        box-shadow:0 0 33px rgba(0,0,0,0.36);
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:40px 20px 40px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:#000;
        opacity:0.2;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
        text-align:left;
        line-height:50px;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin-left:60px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back *{
        text-transform:none !important;
        //text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/callme-form/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/callme-form/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
.alx-feedb-error{
        margin-top:20px;
}
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}
.afbf_item_pole{
        padding:0px;
        margin:40px 0px 30px;
        position:relative;
}
*html .afbf_item_pole{
        position:relative;
        z-index:1;
        zoom:1;
}
.afbf_item_pole .afbf_name{
        padding:0px;
        margin:0px 0px 6px 0px;
}


.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea,
.afbf_item_pole .afbf_inputtext{
        height:34px;
        width:100%;
        padding:7px 5px !important;
        font-size:14px;
        outline:none;
        border:1px solid #e0e0e0;
}
.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/callme-form/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:102px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:34px;
        min-width:100%;
}
.afbf_submit_block{
        margin:30px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
        display:inline-block;
        padding:15px 25px !important;
        border:none !important;
        text-transform:uppercase !important;
        text-decoration:none;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px !important;
        -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        cursor:pointer;
        font-size:16px !important;
        outline:none;
        -webkit-transition:all 0.2s ease-out;
        -o-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
}
.alx_feed_back .afbf_feedback_poles .afbf_btn:hover{
        -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/callme-form/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/bitrix/templates/.default/components/altasib/feedback.form/callme-form/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/bitrix/templates/.default/components/altasib/feedback.form/callme-form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?16057664433124*/
#alx_feed_back_FID1 .afbf_radio_circle
{
	border-color:#009688;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after,
#alx_feed_back_FID1 .afbf_radio_check
{
	background-color:#009688;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn
{
	color:#fff !important;
	background:#009688 !important;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover
{
	color:#fff !important;
	background:#006153 !important;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box
{
	background-color:#ABF1E3;
}
#alx_feed_back_FID1 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_focused .afbf_name
{
	color:#006153;
}
#alx_feed_back_FID1.form_inputs_line .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#009688, #009688), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#009688, #009688), linear-gradient(#e0e0e0, #e0e0e0);
}
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0);
	-moz-background-size:100% 2px, 100% 1px;
	background-size:100% 2px, 100% 1px;
}
#alx_feed_back_FID1 .afbf_select, .afbf_textarea, .afbf_inputtext,
#alx_feed_back_FID1 .afbf_checkbox label
{
	color:#212121;
}
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_inputtext{
	border-color:#009688;
}
/* End */


/* Start:/bitrix/templates/gradezh/styles.css?1779540765135409*/
html {
    color: #000;
    background: #FFF
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input, section, button, textarea {
    outline: none;
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

h1 {
    font-family: 'EB Garamond', serif;
    font-size: 30px;
    color: #303030;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;

}
q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

span.h2 {
    display: block;
    font-size: 28px;
    font-family: 'EB Garamond', serif;
    margin-bottom: 20px;
    color: #33363b;
}

h2 {
    font-size: 28px;
    font-family: 'EB Garamond', serif;
    margin-bottom: 20px;
    color: #33363b;
    line-height: 34px;
}

.titleh1 {
    display: block;
    font-size: 28px;
    font-family: 'EB Garamond', serif;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #33363b;
}

.titlePage {
    font-family: 'EB Garamond', serif;
    font-size: 22px;
    color: #8a4824;
    padding: 10px 0;

}

span.h3 {
    font-family: 'EB Garamond', serif;
    font-size: 22px;
    color: #8a4824;
    padding: 10px 0;
}

legend {
    color: #000
}

p {
    font-size: 14px;
    color: #303030;
    line-height: 22px;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    background: #FFFFFF url("/bitrix/templates/gradezh/img/bg.png") repeat;
    color: #1f1f1f;
    font-family: Trebuchet MS, Tahoma, sans-serif;
}

strong {
    font-weight: bold;
}

div.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

a {
    color: #b06800;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
}

a:hover {
    text-decoration: none;
}

.content ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content ul li {
    position: relative;
    font-size: 14px;
    color: #303030;
    padding-left: 15px;
    line-height: 20px;
    font-family: "Trebuchet MS", sans-serif;
}

.content ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background: url("/bitrix/templates/gradezh/img/limark.png") no-repeat;
    width: 7px;
    height: 11px;
}

.content ol {
    counter-reset: li;
    list-style: none;
}

.content ol li {
    font-size: 14px;
    color: #303030;
    line-height: 20px;
    font-family: "Trebuchet MS", sans-serif;
}

.content ol li:before {
    counter-increment: li;
    content: counters(li, ".") ". ";
    color: #b5cf4d;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
}

/*Шапка*/
.header {
    /*padding-top: 44px;*/
}


.header .wrapper {
    /*position: relative;*/
    /*padding-top: 12px;*/
}

.header .wrapper a.enterLink {
  /*  position: absolute;*/
    cursor: pointer;
    display: table;
    height: 30px;
    color: #fff;
    text-decoration: none;
    padding: 6px 25px;
    margin-top: 10px;
    right: 0;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
  /*  -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .wrapper a.enterLink:hover {
    background: #88827e;
}

.header .wrapper div#topAuthForm {
    position: absolute;
    top: -47px;
    height: 47px;
    padding: 15px 10px;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .wrapper div#topAuthForm span {
    font-size: 14px;
    color: #2f2f2f;
    display: block;
    font-family: "Trebuchet MS", sans-serif;
}

.header .wrapper div#topAuthForm a.lk {
    text-align: center;
    padding: 6px 25px;
    width: 160px;
    height: 30px;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3d4c18;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 102px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .wrapper div#topAuthForm a.lk:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

.header .wrapper div#topAuthForm input[type=submit] {
    position: absolute;
    cursor: pointer;
    display: table;
    height: 30px;
    color: #fff;
    text-decoration: none;
    padding: 2px 25px;
    bottom: 0;
    right: 0;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .wrapper div#topAuthForm input[type=submit]:hover {
    background: #88827e;
}

a.some_link {
    cursor: pointer;
    float: right;
    display: table;
    height: 30px;
    color: #fff;
    text-decoration: none;
    padding: 6px 25px;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -38px;
    margin-bottom: 20px;
}

a.some_link:hover {
    background: #88827e;
}

.header .cart div span {
    font-size: 16px;
    color: #555555;
    line-height: 16px;
}

.header .cart div p {
    font-size: 11px;
    line-height: 13px;
}

.header .cart div p span {
    font-size: 12px;
    color: #557700;
}

.header .cart a {
    color: #555;
	font-size: 17px;
    text-decoration: none;
}

.header .cart a:hover {
    color: #557700;
}

.header .topmenu {
    background: url(/bitrix/templates/gradezh/img/menu-top.png);
    float: left;
    width: 1000px;
    height: 50px;
    display: block;
    text-align: left;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.topmenu ul {
    display: inline-block;
}

.topmenu div.search-form {
    float: right;
    margin-top: 10px;
}

.topmenu ul li {
    float: left;
    font-size: 14px;
    transition: all .3s ease-out;
}

.topmenu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px 8px;
    font-size: 16px;
}

/*Главная область*/
.page-navigation-item-list {
    text-align: right;
    border-bottom: 1px solid #f1f0ef;
    height: 27px;
}

.page-navigation-item-list a {
    color: #3d4c18;
    display: inline-block;
    height: 27px;
    text-align: center;
    font-size: 18px;
    background: #f1f0ef;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
    padding: 2px 5px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f1f0ef;
}

.page-navigation-item-list a:hover {
    color: #fff;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    border: 1px solid #aed150;
}

.page-navigation-item-list span {
    display: inline-block;
    height: 27px;
    padding: 2px 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
}

.page-navigation-item-list span.pageDelimiter {
    background: none;
    color: #333;
    border: none;
}

.content_wrapper {
    /* padding-bottom: 159px;*/
}

.content {
    padding: 0 10px;
    margin-bottom: 15px;
}

.sidebar {
    padding: 0 10px;
    padding-bottom: 20px;
    overflow: hidden;
}

.news-list-main {
    font-size: 14px;
    color: #5f5f5f;
}

.news-list-main .news-item {
    padding-bottom: 10px;
    padding: 2.6%;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
}

.news-list .news-item {
    margin-top: 15px;
}

.news-list .news-item a {
    font-size: 16px;
}

.news-list-main {
    border-top: 1px solid #f5f5f5;
}

.news-list-main-header {
    margin-bottom: 5px;
}

.news-date-time {
    font-size: 14px;
    color: #a0a0a0;
}

.rssLink {
    float: left;
    padding-left: 20px;
    background: url("/bitrix/templates/gradezh/img/feed-icon-16x16.gif") no-repeat left center;
}

.newsLink {
    float: right;
}

.subscribe-form-input-wrapper {
    float: left;
}

.subscribe-form-input-wrapper input[type=text] {
    outline: none;
    border: none;
    border: 1px solid #e5e5e5;
    width: 170px;
    height: 40px;
    padding: 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subscribe-form-input-submit {
    cursor: pointer;
    float: left;
    display: block;
    background: rgb(210, 223, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGY2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3d4c18;
    text-decoration: none;
    width: 110px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #aed150;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subscribe-form-input-submit:hover {
    background: rgb(213, 228, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWU0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0); /* IE6-8 */
}

/*Товар в списке*/
.sectionDescription {
    text-align: justify;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sectionTitle {
    margin-bottom: 20px;
}

.listItem {
    width: 680px;
}

.listItemImage {
    width: 155px;
    height: 183px;
    background: url("/bitrix/templates/gradezh/img/itemBg.png") no-repeat top center;
    text-align: center;
}

.catalog-detail-images {
    height: auto;
    display: inline-block;
}

.listItemImage img {
    max-width: 145px;
    max-height: 173px;
    height: auto;
    border: 3px solid #ffffff;
    border-radius: 3px;
    margin: 2px;
}

.listItemDescription {
    width: 320px;
    font-size: 14px;
}

.detailBigImage {
    height: 280px;
}

.listItemPrice {
    width: 165px;
    text-align: right;
}

.listItemLink {
    font-size: 16px;
    color: #2c2c2c;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}

.catalog-price {
    font-size: 24px;
    color: #e91600;
    font-family: "Trebuchet MS", sans-serif;
}

.old-catalog-price {
    font-size: 18px;
    color: #303030;
    font-family: "Trebuchet MS", sans-serif;
    text-decoration: line-through;
}

div.catalog-section table td {
    padding-right: 0;
    padding-top: 0;
}

.listItemPointers {
    width: 330px;
    height: 36px;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.listItemPointers div.modern {
    float: left;
}

.listItemPointers img {
    padding: 14px 0 0 20px;
}

.hiddenPriceBlock {
    width: 293px;
    height: 208px;
    background: url("/bitrix/templates/gradezh/img/askForPriceForm.png") no-repeat top center;
    position: absolute;
    z-index: 999;
    margin-top: -85px;
    margin-left: -121px;
    display: none;
}

.hiddenPriceBlock p {
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.hiddenPriceBlock input[type=text] {
    width: 250px;
    margin-left: 20px;
    border: none;
    outline: none;
    height: 20px;
}

.askForPriceName {
    margin-top: 55px;
}

.askForPricePhone {
    margin-top: 24px;
}

.askForPriceMail {
    margin-top: 25px;
}

.hiddenPriceBlock td {
    padding: 5px 10px;
}

.hiddenPriceBlock table {
    width: 100%;
    margin-top: 20px;
}

.closePriceBlock {
    position: absolute;
    margin-left: 260px;
    margin-top: 13px;
    cursor: pointer;
    width: 19px;
    height: 19px;
    background: url("/bitrix/templates/gradezh/img/close.png") 0 0 no-repeat;
}

.closePriceBlock:hover {
    background-position: -20px 0;
}

.askForPriceSend {
    cursor: pointer;
    display: inline-block;
    width: 80px;
    height: 20px;
    margin-top: 10px;
    background: url("/bitrix/templates/gradezh/img/askForPriceSend.png") 0 0 no-repeat;
}

.askForPriceError {
    width: 180px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    font-style: italic;
}

.askForPriceSend:hover {
    background-position: -80px 0;
}

.askForPrice {
    cursor: pointer;
    width: 180px;
    height: 40px;
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0); /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0); /* IE6-8 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.askForPrice span {
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
}

.askForPrice:hover {
    background: #88827e;
}

.itemListToCrt {
    position: relative;
    display: block;
    background: rgb(210, 223, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGY2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3d4c18;
    text-decoration: none;
    /*width: 180px;*/
    /*height: 40px;*/
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #aed150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.itemListToCrt:before {
    position: absolute;
    background: url("/bitrix/templates/gradezh/img/cartIco.png") no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 44px;
    height: 39px;
    border-right: 1px solid #b6cd54;
}

a.itemListToCrt span {
    margin-left: 44px;
    display: block;
    text-align: left;
    width: 136px;
    height: 100%;
    padding: 7px 27px;
    border-left: 1px solid #d2e170;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.itemListToCrt:hover {
    background: rgb(213, 228, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWU0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0); /* IE6-8 */
}

.cbhidden {
    display: none;
}

.oneparamscb span label {
    padding-left: 5px;
    cursor: pointer;
}

.oneparamscb span.disabled label {
    padding-left: 5px;
    cursor: default;
}

.oneparamscb span label div {
    height: 19px;
    width: 19px;
    margin-top: 6px;
    float: left;
    background: url("/bitrix/templates/gradezh/img/checkbox.png") no-repeat -19px 0;
}

.oneparamscb span label.cbchecked div {
    background-position: 0 0;
}

.oneparamscb span.disabled label div {
    background-position: -57px 0;
}

/*Товар детально*/
.itemPrevNext {
    /*width: 680px;*/
    height: 30px;
}

.itemPrevNext a {
    font-size: 14px;
    text-decoration: none;
}

.itemPrev a {
    color: #7e7e7e;
    text-decoration: none;
}

.itemPrev {
    float: left;
    cursor: pointer;
    text-align: right;
    position: relative;
    display: block;
    width: 140px;
    height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    padding: 4px 16px;
    text-decoration: none;
    font-family: "Trebuchet MS", sans-serif;
    background: rgb(255, 255, 255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(236, 236, 236, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0); /* IE6-8 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.itemPrev:before {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    top: 8px;
    left: 10px;
    background: url("/bitrix/templates/gradezh/img/arrownextprew.png") no-repeat;
}

.itemPrev:hover {
    background: rgb(140, 133, 130); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjODU4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTcyNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(140, 133, 130, 1)), color-stop(100%, rgba(121, 114, 110, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8582', endColorstr='#79726e', GradientType=0); /* IE6-8 */
    background-position: 0 0;
}

.itemPrev:hover:before {
    background-position: 0 -16px;
}

.itemPrev:hover a {
    color: #fff;
}

.itemNext a {
    color: #7e7e7e;
    text-decoration: none;
}

.itemNext {
    float: right;
    cursor: pointer;
    text-align: left;
    position: relative;
    display: block;
    width: 140px;
    height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    padding: 4px 16px;
    text-decoration: none;
    font-family: "Trebuchet MS", sans-serif;
    background: rgb(255, 255, 255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(236, 236, 236, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0); /* IE6-8 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.itemNext:before {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    top: 8px;
    right: 10px;
    background: url("/bitrix/templates/gradezh/img/arrownextprew.png") no-repeat;
    background-position: -16px 0;
}

.itemNext:hover {
    background: rgb(140, 133, 130); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjODU4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTcyNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(140, 133, 130, 1)), color-stop(100%, rgba(121, 114, 110, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(140, 133, 130, 1) 0%, rgba(121, 114, 110, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8582', endColorstr='#79726e', GradientType=0); /* IE6-8 */
}

.itemNext:hover:before {
    background-position: -16px -16px;
}

.itemNext:hover a {
    color: #fff;
}

.iteitemNextmPrev:hover a {
    color: #fff;
}

.propHeader {
    font-size: 17px;
    color: #ac9a90;
}

.product_properties {
    /*width: 350px;*/
    /*float: right;*/
    font-size: 14px;
    color: #2c2c2c;
}

.product_properties b {
    float: right;
}

.product_properties p {
    padding: 5px 0;
}

.anyParamsBlock a {
    color: #557700;
}

.likeItemBlock {
    width: 145px;
    float: right;
}

.showSocialButtons {
    cursor: pointer;
    width: 138px;
    height: 35px;
    background: url("/bitrix/templates/gradezh/img/shareButton.png") no-repeat top center;
}

.showSocialButtons:hover {
    background: url("/bitrix/templates/gradezh/img/shareButtonHover.png") no-repeat top center;
}

.hiddenSocialBlock {
    width: 280px;
    height: 80px;
    background: #ffffff;
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    box-shadow: 1px 1px 5px #666;
    margin-top: -115px;
    margin-left: -125px;
    display: none;
}

.hiddenSocialBlock p {
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.closeSocBlock {
    position: absolute;
    margin-left: 255px;
    margin-top: 8px;
    cursor: pointer;
    height: 19px;
    width: 19px;
    background: url("/bitrix/templates/gradezh/img/close.png") 0 0 no-repeat;
}

.closeSocBlock:hover {
    background-position: -20px 0;
}

.b-share-icon {
    height: 31px !important;
    width: 31px !important;
}

.yashare-auto-init {
    text-align: center !important;
}

.wannabask {
    float: right;
    position: relative;
    display: block;
    background: rgb(210, 223, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGY2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3d4c18;
    text-decoration: none;
    width: 180px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #aed150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p#priceInfoBlock a.itemInBasket {
    float: right;
}

p#priceInfoBlock a.itemListToCrt {
    float: right;
}

a.wannabask:before {
    position: absolute;
    background: url("/bitrix/templates/gradezh/img/cartIco.png") no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 44px;
    height: 39px;
    border-right: 1px solid #b6cd54;
}

a.wannabask span {
    margin-left: 44px;
    display: block;
    text-align: left;
    width: 136px;
    height: 100%;
    padding: 11px 27px;
    border-left: 1px solid #d2e170;
}

a.itemInBasket {
    position: relative;
    display: block;
    background: rgb(252, 252, 252);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(233, 233, 233, 1)));
    background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -ms-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e9e9e9', GradientType=0);
    color: #a5c548;
    text-decoration: none;
    width: 180px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.itemInBasket:before {
    position: absolute;
    background: url("/bitrix/templates/gradezh/img/addcartIco.png") no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 44px;
    height: 39px;
    border-right: 1px solid #d4d4d4;
}

a.itemInBasket span {
    margin-left: 44px;
    display: block;
    text-align: left;
    width: 136px;
    height: 100%;
    padding: 8px 27px;
    border-left: 1px solid #f9f9f9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.view-header {
    font-size: 20px;
    color: #2c2c2c;
}

.view-item {
    font-size: 14px;
}

/*Подвал*/
.footer {
    height: 200px;
    width: 100%;
    position: relative;
    bottom: 0;
}

/*Вспомогательные*/
.wrapper {
    //width: 1000px;
    max-width:1366px;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
display:flex;
gap:10px;
flex-wrap:wrap
}

.clear {
    clear: both;
}

.titleSide {
    font-family: 'EB Garamond', serif;
    font-size: 26px;
    color: #303030;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

table.listItem a.listItemLink {
    display: block;
    font-size: 24px;
    font-family: 'EB Garamond', serif;
    margin-top: 20px;
    margin-bottom: 5px;
}

/*Поиск*/
.search-box-input-wrapper {
    float: left;
}

.search-box-input-wrapper input[type=text] {
    border: 1px solid #e5e5e5;
    width: 180px;
    height: 30px;
    padding: 6px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.searchInputSend {
    cursor: pointer;
    float: left;
    display: block;
    background: rgb(210, 223, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZGY2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3d4c18;
    text-decoration: none;
    width: 100px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #aed150;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.searchInputSend:active {
    background: rgb(213, 228, 99); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWU0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0); /* IE6-8 */
}

.search-box-input-wrapper-sp input[type=text] {
    outline: none;
    border: none;
    width: 90%;
    padding-left: 8px;
    margin-left: 5px;
    height: 28px;
    margin-top: 1px;
    font-size: 13px;
}

.search-box-input-wrapper-sp {
    float: left;
    width: 70%;
    height: 30px;
    background: url("/bitrix/templates/gradezh/img/searchBox.png") no-repeat top left;
}

/*Accordeon*/
ul.sidebarMenu li a {
    text-decoration: none;
}

ul.sidebarMenu {
    line-height: 24px;
}

ul.sidebarMenu li {
    position: relative;
    font-family: "Trebuchet MS", sans-serif;
    background: #eae5e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.sidebarMenu li.act {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.13);
}

ul.sidebarMenu li a {
    display: block;
    padding: 6px 15px;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-decoration: none;
}

ul.sidebarMenu li ul {
    display: none;
    font-weight: normal;
    cursor: auto;
    background-color: #fff;
    font-size: 12px;
    border-radius: 0;
}

ul.sidebarMenu li ul li {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee8e6;
}

ul.sidebarMenu li.parent-novye-postupleniya:before {
    position: absolute;
    content: "";
    display: block;
    width: 31px;
    height: 10px;
    background: url("/bitrix/templates/gradezh/img/NewIco.png") no-repeat;
    top: 10px;
    right: 12px;
    left: inherit;
}

ul.sidebarMenu li.parent-eksklyuzivnye-predmety:before {
    position: absolute;
    content: "";
    display: block;
    width: 21px;
    height: 10px;
    background: url("/bitrix/templates/gradezh/img/vipIco.png") no-repeat;
    top: 10px;
    right: 12px;
    left: inherit;
}

ul.sidebarMenu li.parent-skidka-mesyatsa:before {
    position: absolute;
    content: "";
    display: block;
    width: 46px;
    height: 20px;
    background: url("/bitrix/templates/gradezh/img/SaleIco.png") no-repeat;
    top: 10px;
    right: 12px;
    left: inherit;
}

.sidebarPluse {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("/bitrix/templates/gradezh/img/plusminusopen.png") no-repeat;
    top: 5px;
    right: 12px;
    left: inherit;
}

.sidebarMinus {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("/bitrix/templates/gradezh/img/plusminusopen.png") no-repeat;
    top: 5px;
    right: 12px;
    left: inherit;
    background-position: 0 -21px;
}

ul.sidebarMenu li ul li a {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
}

ul.sidebarMenu li ul li:hover a {
    color: #FFFFFF;
    background: rgb(185, 210, 79); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZDI0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWMzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(185, 210, 79, 1)), color-stop(100%, rgba(161, 195, 70, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9d24f', endColorstr='#a1c346', GradientType=0); /* IE6-8 */
}

ul.sidebarMenu li ul li:before {
    position: absolute;
    top: 14px;
    left: 15px;
    content: "";
    display: block;
    background: url("/bitrix/templates/gradezh/img/arrowli.png") no-repeat;
    width: 5px;
    height: 7px;
}

ul.sidebarMenu li ul li:hover:before {
    background-position: 0 -8px;
}

ul.sidebarMenu li ul li:last-child {
    background: none;
    border-bottom: none;
}

ul.sidebarMenu li ul li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.sidebarMenu a {
    color: #000000;
    text-decoration: none;
}

ul.sidebarMenu li ul li.sidebarActiveMenuChild a {
    color: #FFFFFF;
    background: rgb(185, 210, 79); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZDI0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWMzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(185, 210, 79, 1)), color-stop(100%, rgba(161, 195, 70, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(185, 210, 79, 1) 0%, rgba(161, 195, 70, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9d24f', endColorstr='#a1c346', GradientType=0); /* IE6-8 */
}

ul.sidebarMenu li ul li.sidebarActiveMenuChild:before {
    background-position: 0 -8px;
}

.sidebarMenu a {
    color: #000000;
    text-decoration: none;
}

.svwp ul {
    position: relative;
    left: -999em
}

.slideViewer {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url("/bitrix/templates/gradezh/img/detailItemBg.png") no-repeat top center;
    padding-top: 2px;
}

.slideViewer ul {
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.slideViewer ul li:before {
    display: none;
}

.slideViewer ul li {
    float: left
}

.thumbSlider ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    height: 65px
}

.thumbSlider ul li {
    float: left;
    margin: 0;
    height: 65px;
    width: 65px;
    background: transparent
}

.thumbSlider ul li:before {
    display: none;
}

.slideViewer div > ul > li:before,
.thumbSlider ul li:before {
    content: "" !important;
}

.thumbSlider a {
    text-decoration: none
}

.itemleft {
    display: block;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: url("/bitrix/templates/gradezh/img/packIco.png") no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    border: 0;
}

.itemright {
    display: block;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: url("/bitrix/templates/gradezh/img/packIco.png") no-repeat;
    background-position: -29px 0;
    text-indent: -9999px;
    border: 0;
}

.itemleft:hover {
    background-position: 0 -30px;
}

.itemright:hover {
    background-position: -29px -30px;
}

.thumbSlider a img {
    border: none !important;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
}

.thumbSlider p.tmbrdr {
    position: absolute;
    padding: 0;
    border: none !important;
    background: #dddbdb;
    z-index: 1;
    text-align: center
}

.thumbSlider p.tmbrdr.active {
    background: #b0d15a;
}

.svwp {
    width: 320px
}

.slideViewer div > ul > li {
    padding: 10px;
    width: 280px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.slideViewer div:first-child > ul > li img {
    max-width: 270px;
    max-height: 270px;
    border: 3px solid #fff;
    border-radius: 3px;
    margin: 2px;

}

.thumbSlider {
    width: 280px;
    height: 65px;
}

.thumbSlider ul li {
    overflow: hidden;
    background: none;
    box-shadow: none !important;
    list-style: none;
    padding-left: 0;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    float: none;

}

.thumbSlider ul li img {
    background: none;
}

.slideViewer li, .slideViewer ul {
    list-style: none !important;
    margin: 0 !important;
}

.thumbSlider ul li {
    text-align: center;
}

.bottomItemDetailBlock {
    MARGIN-BOTTOM: 20PX;
}

.bx_result_price {
    display: NONE;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {
    /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {
    /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    z-index: 1102;
    padding: 0 !important;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: center;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/bitrix/templates/gradezh/img/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox-x.png');
    background-position: 0 -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('/bitrix/templates/gradezh/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0;
}

#fancybox-right {
    right: 0;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/bitrix/templates/gradezh/img/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/bitrix/templates/gradezh/img/fancybox-y.png');
    background-position: -20px 0;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/bitrix/templates/gradezh/img/fancybox-x.png');
    background-position: 0 -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/bitrix/templates/gradezh/img/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/bitrix/templates/gradezh/img/fancybox.png');
    background-position: -40px -122px;
}

/*Левая шляпа всякая*/
.sale-personal-order-list-filter {
    width: 100%;
}

.listItemPointers a {
    float: right;
    padding: 7px;
    margin-right: 10px;
    border-radius: 5px;
}

div.modern {
    position: relative;
    background: #eae5e2;
    display: table;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #958c88;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
    height: 30px;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: initial;
}

div.modern:after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: -21px;
    width: 21px;
    height: 30px;
    background: url("/bitrix/templates/gradezh/img/modernArow.png") no-repeat;
}

.ui-rating {
    margin-top: 5px;
}

.ui-rating .ui-rating-star, .ui-rating .ui-rating-cancel {
    background-image: url("/bitrix/templates/gradezh/img/star.gif");
    background-repeat: no-repeat;
    float: left;
    font-size: 2px;
    height: 16px;
    text-decoration: none;
    vertical-align: bottom;
    width: 16px;
}

.ui-rating a {
    cursor: pointer;
}

.ui-rating-full {
    background-position: left top;
}

.ui-rating-half {
    background-position: left -16px;
}

.ui-rating-empty {
    background-position: left -32px;
}

.ui-rating-cancel-empty {
    background-position: left -64px;
}

.ui-rating-cancel-full {
    background-position: left -80px;
}

.ui-rating-hover {
    background-position: left -48px;
}

.ui-selected-value {
    background-color: #EEEEEE;
    margin-left: 150px;
    text-align: center;
    width: 60px;
}

.ui-rating-cancel {
    margin-left: 10px;
}

div.itemCounter p {
    color: #303030;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
    margin-bottom: 00px;
}

div.itemCounter p:last-child {
    margin-bottom: 0;
}

div.itemCounter p.b {
    font-weight: bold;
}

div.itemCounter p span {
    color: #aa703a;
    font-size: 44px;
    font-weight: bold;
    line-height: 44px;
}

.reviews.mark {
    float: right;
    margin-right: 11px;
}

.news-list {
    clear: both;
}

h3, .h3 {
    font-size: 24px;
    margin: 10px 0;
}

.feedback input[name="submit"].reviewInputSend {
    position: relative;
    display: inline-block;
    border: none;
    width: 126px !important;
    height: 30px;
    float: right;
    margin-right: 11px;
    margin-bottom: 16px;
    margin-top: 10px;
    cursor: pointer;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback input[name="submit"].reviewInputSend:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

.review-form-add input[type=text],
.review-form-add textarea {
    margin-top: 3px;
    /*width: 396px;*/
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback input {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback textarea {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-rating {
    margin-top: 9px !important;
}

#text-near-kupon {
    margin-top: 10px;
    padding-right: 3px;
}

.numList {
    background: none repeat scroll 0 0 #C7DD5D;
    border: 1px solid #FFFFFF;
    border-radius: 4em;
    color: #465718;
    font-size: 14px;
    font-weight: bold;
    height: 5em;
    padding: 1px 7px;
    text-align: center;
    width: 2em;
}

.search-language-guess {
    float: left;
    margin-top: 5px;
}

#vk_poll iframe {
    width: 280px !important;
}

#bx-composite-banner {
    margin-top: 20px;
    margin-left: 50px;

    /* position: fixed;
	top: -20px;
	left: -206px; */
}

div.breadcrumbs {
    background: #fafafa;
    /*padding: 4px 10px;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.breadcrumbs ul li {
    display: inline-block;
}

div.breadcrumbs ul li a.home {
    position: relative;
    top: 2px;
    background: url("/bitrix/templates/gradezh/img/home.png") no-repeat;
    width: 14px;
    height: 16px;
    display: block;
}

div.breadcrumbs ul li {
    padding-left: 0;
    margin-right: 4px;
}

div.breadcrumbs ul li:before {
    display: none;
}

a.titlenews {
    font-size: 16px;
    font-family: "Trebuchet MS", sans-serif;
    margin-bottom: 10px;
    display: block;
}

div.news-list-main p {
    margin-bottom: 10px;
}

div.view-list div.view-item {
    float: left;
    width: 155px;
    margin-bottom: 20px;
    margin-right: 16px;
    text-align: center;
}

div.view-list div.view-item:last-child {
    margin-right: 0;
}

div.view-list div.view-item div.relatedProductsImg {
    width: 155px;
    height: 183px;
    background: url("/bitrix/templates/gradezh/img/itemBg.png") no-repeat top center;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin-bottom: 10px;
}

div.view-list div.view-item div.relatedProductsImg img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 145px;
    max-height: 173px;
    height: auto;
    border: 3px solid #ffffff;
    border-radius: 3px;
}

div.facebook p, div.facebook p a {
    font-size: 13px;
}

div.navlk {
    margin-bottom: 20px;
}

div.navlk div.ferstblock {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.navlk div.secondblock {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.navlk div.ferstblock div.block, div.navlk div.secondblock div.block {
    float: left;
    width: 48.8%;
}

div.navlk div.ferstblock div.block:first-child, div.navlk div.secondblock div.block:first-child {
    border-right: 1px solid #e8e8e8;
    margin-right: 15px;
}

div.navlk div.ferstblock div.block div.img, div.navlk div.secondblock div.block div.img {
    float: left;
    width: 53px;
    height: 53px;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
}

div.navlk div.block.cart div.img span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/gradezh/img/cart2.png") no-repeat;
    background-position: 7px 10px;
}

div.navlk div.block.tovarwait div.img span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/gradezh/img/history.png") no-repeat;
    background-position: 9px 10px;
}

div.navlk div.block.myorder div.img span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/gradezh/img/box.png") no-repeat;
    background-position: 7px 7px;
}

div.navlk div.block.user div.img span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/bitrix/templates/gradezh/img/user2.png") no-repeat;
    background-position: 10px 10px;
}

div.navlk div.block div.img:hover span {
    opacity: 0.6;
}

div.navlk div.ferstblock div.block a, div.navlk div.secondblock div.block a {
    colro: #935815;
    font-size: 18px;
    font-family: "Trebuchet MS", sans-serif;
}

div.navlk div.ferstblock div.block div.text, div.navlk div.secondblock div.block div.text {
    clear: none;
    padding-left: 63px;
    padding-right: 10px;
}

div.navlk div.ferstblock div.block div.text p, div.navlk div.secondblock div.block div.text p {
    font-size: 13px;
}

div.blockform {
    background: #f0f0f0;
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.blockform div.textarea {
    margin-bottom: 10px;
}

div.blockform div.InputBlock {
    margin-bottom: 10px;
}

div.blockform div.textarea label {
    display: block;
    color: #2f2f2f;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
    margin-bottom: 5px;
}

div.blockform div.textarea label span {
    color: #f50000;
    font-size: 21px;
    margin-right: 5px;
}

div.blockform div.textarea textarea {
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #dddddd;
    height: 98px;
    padding: 10px 10px;
    resize: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.blockform div.InputBlock label {
    display: block;
    color: #2f2f2f;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
    margin-bottom: 5px;
}

div.blockform div.InputBlock label span {
    color: #f50000;
    font-size: 21px;
    margin-right: 5px;
}

div.blockform div.InputBlock select {
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #dddddd;
    height: 25px;
    padding: 2px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.blockform div.bottomblock input[type=submit] {
    cursor: pointer;
    border: 0;
    font-size: 18px;
    color: #010101;
    width: 220px;
    height: 40px;
    font-family: "Trebuchet MS", sans-serif;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
}

div.blockform div.bottomblock input[type=submit]:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

div.blockform div.bottomblock p {
    float: right;
    margin-top: 10px;
}

div.blockform div.bottomblock p span {
    color: #f50000;
    font-size: 21px;
    margin-right: 5px;
}

.bx_filter_horizontal .bx_filter_block span label {
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
}

.bx_filter_horizontal .bx_filter_search_button {
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx_filter_horizontal .bx_filter_search_button#del_filter {
    width: 100px;
    height: 30px;
    color: #fff;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bx_filter_horizontal .bx_filter_search_button#del_filter:hover {
    background: #88827e;
}

.bx_filter_horizontal .bx_filter_search_button#set_filter {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bx_filter_horizontal .bx_filter_search_button#set_filter:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

.select2-container-multi .select2-choices {
    margin-bottom: 12px !important;
}

table.formFilterTable {
    margin-bottom: 20px;
}

p.sortItemLink {
    width: 678px;
    height: 36px;
    background: #eae7e4;
    float: none;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -17px;
    margin-right: -17px;
    margin-bottom: -17px;
}

p.sortItemLink span {
    float: left;
    padding: 7px 10px 7px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 3px;
}

p.sortItemLink a {
    width: 170px;
    height: 36px;
    background: #c3c0be;
    color: #fff;
    font-size: 14px;
    padding: 7px 0;
    border-right: 1px solid #fff;
    font-family: "Trebuchet MS", sans-serif;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p.sortItemLink a:last-child {
    border: none;
}

p.sortItemLink a.active {
    background: #c3d478;
}

p.sortItemLink a:hover {
    background: #c3d478;
}

table.sale-personal-order-list-filter input[type=submit].addfilt {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.sale-personal-order-list-filter input[type=submit].addfilt:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

table.sale-personal-order-list-filter input[type=submit].cancelfilt {
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

table.sale-personal-order-list-filter input[type=submit].cancelfilt:hover {
    background: #88827e;
}

.bx_filter_horizontal .bx_filter_popup_result {
    margin-top: 33px;
}

.profile-table td {
    font-size: 14px;
}

div.profile-link {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.profile-link span.h2 {
    margin-bottom: 0;
}

div.profile-link span.h2 a {
    font-size: 24px;
    font-family: 'EB Garamond', serif;
    color: #33363b;
    text-decoration: none;
    font-weight: normal;
}

table.profile-table img.calendar-icon {
    float: right;
    margin-top: -27px;
    position: relative;
}

table.profile-table input[type=text] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    width: 100%;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.profile-table input[type=password] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

table.profile-table select {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

table.profile-table textarea {
    border: 2px solid #bdbdbd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

div.bx-auth-profile input[type=submit] {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.bx-auth-profile input[type=submit]:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

div.bx-auth-profile input[type=reset] {
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border: 1px solid #aeaeae;
    background: rgb(195, 195, 195);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 195, 195, 1)), color-stop(100%, rgba(124, 122, 122, 1)));
    background: -webkit-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -o-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: -ms-linear-gradient(top, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(124, 122, 122, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#7c7a7a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.bx-auth-profile input[type=reset]:hover {
    background: #88827e;
}

table.sale-personal-order-list {
    background: none;
}

table.sale-personal-order-list-filter {
    background: #fbfafa;
}

table.sale-personal-order-list-filter td, table.sale-personal-order-list-filter th {
    border: 1px solid #eae5e2;
}

table.sale-personal-order-list-filter th {
    background-image: none;
}

table.sale-personal-order-list th {
    background: none;
    background-image: none;
    border: none;
    padding: 0 2px;
    color: #a0a0a0 !important;
    font-size: 12px !important;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.sale-personal-order-list td {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 2px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.sale-personal-order-list li {
    padding-left: 0;
}

table.sale-personal-order-list li:before {
    display: none;
}

table.sale-personal-order-list tr {
    border-bottom: 1px solid #dddddd;
}

table.bx-registration-table {
    font-size: 14px;
}

table.bx-registration-table td {
    padding-right: 10px;
}

table.bx-forgotpass-table {
    font-size: 14px;
}

table.bx-forgotpass-table td {
    padding-right: 10px;
    vertical-align: middle;
}

table.bx-registration-table input[type=text] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.bx-registration-table input[type=password] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

table.bx-registration-table input[type=submit] {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.bx-registration-table input[type=submit]:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

table.bx-forgotpass-table input[type=text] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.bx-forgotpass-table input[type=password] {
    border: 2px solid #bdbdbd;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #7b8392;
    margin-bottom: 5px;
    font-family: "Trebuchet MS", sans-serif;
    -webkit-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 5px 0 5px 1px rgba(0, 0, 0, 0.05);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

table.bx-forgotpass-table input[type=submit] {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.bx-forgotpass-table input[type=submit]:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

div.review-add input[type=submit].reviewInputSend {
    display: inline-block;
    background: rgb(210, 223, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    -moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
    color: #3D4C18;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    border: 1px solid #AED150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    text-indent: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.review-add input[type=submit].reviewInputSend:hover {
    background: rgb(213, 228, 99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 228, 99, 1)), color-stop(100%, rgba(213, 228, 99, 1)));
    background: -webkit-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -o-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: -ms-linear-gradient(top, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(213, 228, 99, 1) 0%, rgba(213, 228, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e463', endColorstr='#d5e463', GradientType=0);
}

.bx_filter_horizontal .bx_filter_section {
    margin-right: -1px;
}

table.table.sale_personal_order_detail {
    background: #fbfafa;
    font-size: 14px;
}

table.sale_personal_order_detail th, table.sale_personal_order_detail td {
    background-image: none;
    border: 1px solid #eae5e2;
    color: #000;
}

table.bx-registration-table {
    width: 100%;
}
.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle{
	width: 272px;
}
a.banner_rev img{
	display: block;
}
a.banner_skid img{
	display: block;
}
a.banner_skid, a.banner_rev {
	display: block;
}
a.banner_rev{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.slideUp {
	bottom: 0;
	cursor: pointer;
	display: none;
	height: 62px;
	right: 32px;
	position: fixed;
	width: 67px;
	z-index: 3;
	background: rgb(210, 223, 99);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 223, 99, 1)), color-stop(100%, rgba(162, 195, 71, 1)));
	background: -webkit-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
	background: -o-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
	background: -ms-linear-gradient(top, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
	background: linear-gradient(to bottom, rgba(210, 223, 99, 1) 0%, rgba(162, 195, 71, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2df63', endColorstr='#a2c347', GradientType=0);
	-webkit-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
	-moz-box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
	box-shadow: inset 1px 1px 5px 0 rgba(203, 221, 68, 1);
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	padding-top: 35px;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	border: 1px solid #aed150;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
div.slideUp:before{
	position: absolute;
	top: 6px;
	left:50%;
	margin-left: -9px;
	content: "";
	background: url("/bitrix/templates/gradezh/img/slideUpArrow.png")no-repeat;
	display: block;
	width: 18px;
	height: 25px;
}
div.headerHowByu{
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #eae5e2;
    padding: 9px 15px;
    margin-bottom: 26px;
}
div.headerHowByu p{
    font-size: 18px;
    color: #303030;
}
div.NlockInfo{
	display: inline-table;
	width: 48%;
	height: 101px;
}
div.BodyHowByu div.imgBlock{
    float:left;
}
div.BodyHowByu div.imgBlock.cart{
    background: url("/bitrix/templates/gradezh/img/cartIcoHow.png")no-repeat;
    width: 64px;
    height: 50px;
}
div.BodyHowByu div.imgBlock.cartin{
    background: url("/bitrix/templates/gradezh/img/cartinIcoHow.png")no-repeat;
    width: 72px;
    height: 48px;
}
div.BodyHowByu div.imgBlock.erive{
    background: url("/bitrix/templates/gradezh/img/eriveIcoHow.png")no-repeat;
    width: 80px;
    height: 64px;
}
div.BodyHowByu div.imgBlock.pay{
    background: url("/bitrix/templates/gradezh/img/payIcoHow.png")no-repeat;
       width: 73px;
        height: 59px;
}
div.BodyHowByu div.imgBlock.erive.n5{
background: url("/bitrix/templates/gradezh/img/eriveIcoHow5.png")no-repeat;
}
div.BodyHowByu div.imgBlock.pay.n6{
background: url("/bitrix/templates/gradezh/img/payIcoHow6.png")no-repeat;
}
div.BodyHowByu div.imgBlock.telephone{
    background: url("/bitrix/templates/gradezh/img/teletIcoHow.png")no-repeat;
    width: 72px;
    height: 48px;
}
div.BodyHowByu div.imgBlock.salon{
    background: url("/bitrix/templates/gradezh/img/salonIcoHow.png")no-repeat;
    width: 72px;
    height: 54px;
}
div.BodyHowByu div.imgBlock.dopinfo{
    background: url("/bitrix/templates/gradezh/img/dopinfoIcoHow.png")no-repeat;
    width: 72px;
    height: 60px;
}
div.BodyHowByu div.imgBlock.cart.n2{
    background: url("/bitrix/templates/gradezh/img/cartIcoHow2.png")no-repeat;
    width: 73px;

}
div.BodyHowByu div.imgBlock.salon.n1{
    background: url("/bitrix/templates/gradezh/img/salonIcoHow1.png")no-repeat;
}
div.textblock{
    position: relative;
    padding-left: 92px;
        padding-right: 15px;
}
div.textblock.cartin{
    padding-left: 93px;
}
div.textblock.erive{
    padding-left: 94px;
}
div.textblock.pay{
           padding-left: 94px;
}
div.textblock.telephone{
           padding-left: 94px;
}
div.textblock.telephone a{
	display: block;
     color: #a5cc4b;
     font-weight: bold;
}
div.textblock a{
    position: relative;
font-size: 14px;
}
div.textblock p{
        font-size: 16px;
}
div.modulBlock{
    width: 250px;
    background: #fff;
    border:1px solid #eae5e2;
    z-index: 1;
    position: absolute;
    -webkit-box-shadow: 0 0 5px 0 rgba(211, 204, 199, 1);
       -moz-box-shadow: 0 0 5px 0 rgba(211, 204, 199, 1);
            box-shadow: 0 0 5px 0 rgba(211, 204, 199, 1);
    padding: 15px 15px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.modulBlock p{
    font-size: 13px;
}
div.closed{
    cursor:pointer;
    position: absolute;
    top:5px;
    right: 5px;
    background: url("/bitrix/templates/gradezh/img/closedDop.png")no-repeat;
    width: 16px;
    height: 16px;
}














.container {
padding: 0 15px;
position: relative;

}

.maincontent .container {
background: #fff;

}

.mainmenu .container {
background: none;

}

header {
	padding-top: 40px;
}

.header__ .container {
	background: #fff;
	height: 103px;
	display: flex;
	
	justify-content: space-between;
	align-items: center;
	
	
}


.header__block {
	width: calc(258px - 78px);
	padding-left: 63px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	height: 75px;
	color: #50575e;
	background: linear-gradient(to bottom, #eeedeb, #e5ddda);
	border-radius: 4px;
font-size: 14px;
	text-align: center;
	position: relative;

}

.header__block span {
	display: block;
	font-weight: bold;

}

.header__block:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 75px;
	color: #50575e;
	font-size: 11px;
	
	background: linear-gradient(to top, #b80303, #f80000);
	border-radius: 4px 0 0 4px;

}




.header__block.phone__:after {
	
	background: linear-gradient(to top, #8b8b8b, #c4c4c2);



}

.header__block a {
	display: block;
	font-size: 16px;
	color: #8eb340;
	font-weight: bold;

}


.header__block:before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	margin-top: -18px;
	width:36px;
	height: 35px;
	z-index: 2;


}


.header__block.clock:before {
	background: url(/bitrix/templates/gradezh/img/click.png) no-repeat 0 0;

}

.header__block.phone__:before {
	background: url(/bitrix/templates/gradezh/img/phone__.png) no-repeat 0 0;

}



.header__soc ul {
	justify-content: center;
	display: flex;
	margin-bottom: 6px;
	
}




.header__soc ul li {
	padding: 0 9px;
	position: relative;
}

.header__soc ul li a{
	display: block;
	height: 41px;
	width: 41px;
}


.header__soc ul li:last-child:after{
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	height: 29px;
	border-left: 2px solid #000;
}



.header__soc ul li:nth-child(1) a{
	background: url(/bitrix/templates/gradezh/img/soc.png) no-repeat 0 0;
}
.header__soc ul li:nth-child(2) a{
	background: url(/bitrix/templates/gradezh/img/soc.png) no-repeat right 0;
}

.header__soc {
	font-size: 16px;
	color: #8eb340;
	font-weight: bold;
}


.mainmenu {
	background: url(/bitrix/templates/gradezh/img/mainmenu.png) no-repeat 0 0;


	position: relative;
	z-index: 100;
	box-shadow: 11px 11px 6px rgba(0,0,0,0.69)
}

.mainmenu__list .mainmenu__contact, .mainmenu__list .header__soc {
	display: none;
}

.mainmenu .container {

	height: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.mainmenu__list ul.mainmenu__list__main {
	display: flex;
}


.mainmenu__list ul.mainmenu__list__main > li{
	margin-right: 35px;
}
.mainmenu__list ul.mainmenu__list__main > li:last-child{
	margin-right: 0;
}

.mainmenu__list ul.mainmenu__list__main > li > a {
	color: #fff;
	font-size: 18px;
}



.mainmenu__contact ul {
	display: flex;
}


.mainmenu__contact ul > li{
	margin-right: 35px;
}
.mainmenu__contact ul > li:last-child{
	margin-right: 0;
}




.mainmenu__contact ul > li > a {
	color: #fff;
	font-size: 18px;
	line-height:36px;
	display: block;
}


.mainmenu__contact ul > li:nth-child(1) > a {
	background: url(/bitrix/templates/gradezh/img/whats.png) no-repeat 0 0;
	padding-left: 72px;
}

.mainmenu__contact ul > li:nth-child(2) > a {
	background: url(/bitrix/templates/gradezh/img/teleg.png) no-repeat 0 0;
	padding-left: 40px;
}


.container__main {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 15px;
}

.maincontent {

	background: #fff;
}


.mainbanner {
	height: 546px;
	background: url(/bitrix/templates/gradezh/img/banner.jpg) no-repeat 0 0;
	background-size: cover;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}


.mainbanner__title {
	height: 112px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 36px;
	font-size: 34px;
	color: #fff;
	background: linear-gradient(to bottom, #b0c751, #bdb062);
	border: 3px solid #fff;
	margin-bottom: 25px;
	font-family: 'EB Garamond';
   text-transform: uppercase;
    font-weight: bold;
}

.mainbanner p{
	color: #fff;
	font-size: 22px;
	margin-bottom:20px;
}

.mainbanner p:nth-child(2){
	
	font-size: 29px;
	
}

.container__main a {
	text-decoration: none;
}

a.mainbanner__call {

height: 40px;
line-height: 40px;
padding: 0 40px;
background: #d51717;
text-align: center;
font-size: 18px;
color: #fff;
text-transform: uppercase;
display: block;
border-radius: 20px;	
display: inline-block;
margin-top: 20px;
}

.mainbody {
	padding: 27px 45px;
}

.title__ {
	font-size: 30px;
	text-align: center;
	background: url(/bitrix/templates/gradezh/img/tit.png) no-repeat center bottom;
	font-weight: 500;
	font-family: 'EB Garamond';
	margin-bottom: 27px;
	padding-bottom: 40px;
	
}


.category__title {
	font-size: 28px;
	text-align: center;
	font-weight: 500;
	font-family: 'EB Garamond';
	margin-bottom: 27px;
}


.product__items{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}


.product__item {
	width: calc(33% - 50px);
	text-align: center;font-size: 16px;
		color: #6a431f;
		margin-bottom: 50px;
}

.product__item__title, .product__item__price {
	font-weight: bold;

}

.product__item__img {
	box-shadow: 0 0 9px rgba(0,0,0,0.29);
	padding: 15px;
	margin-top: 30px;
	margin-bottom:17px;
}


.product__item__img img{
	max-width: 100%
}

.product__item__addcart {
	height: 29px;
line-height: 29px;
width: 141px;
background: #d51717;
text-align: center;
font-size: 16px;
color: #fff;

display: block;
border-radius: 16px;	
display: block;
margin: 0 auto;
margin-top: 12px;
}


.do__posle {
	display: block;
	max-width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;

}


.five__steps {
	padding-top: 67px;
	padding-bottom: 98px;
	background: #f0f0f0;
	margin-left: -60px;
	width: calc(100% + 120px);
}

.five__steps__list {
	display: flex;
	justify-content: space-between;
	position: relative;
}


.five__steps__list:after {
	content: "";
	position: absolute;
	top: 58px;
	width: calc(100% - 88px);
	left: 44px;
	border-top: 2px solid #241207;
}


.five__steps__list li {
	width: 20%;
	text-align: center;
	position: relative;
	padding-top: 134px;
	z-index: 2;
}


.five__steps__list li:nth-child(1) {
	background: url(/bitrix/templates/gradezh/img/icon1.png) no-repeat center 0;
}
.five__steps__list li:nth-child(2) {
	background: url(/bitrix/templates/gradezh/img/icon2.png) no-repeat center 0;
}
.five__steps__list li:nth-child(3) {
	background: url(/bitrix/templates/gradezh/img/icon1.png) no-repeat center 0;
}
.five__steps__list li:nth-child(3) {
	background: url(/bitrix/templates/gradezh/img/icon1.png) no-repeat center 0;
}
.five__steps__list li:nth-child(4) {
	background: url(/bitrix/templates/gradezh/img/icon4.png) no-repeat center 0;
}
.five__steps__list li:nth-child(5) {
	background: url(/bitrix/templates/gradezh/img/icon5.png) no-repeat center 0;
}


.five__steps__order {
	height: 63px;
	line-height: 63px;
	font-size: 25px;
	color: #fff;
	border-radius: 32px;
	width: 433px;
	margin: 0 auto;
	box-shadow: 0 0 21px rgba(0,0,0,0.4);
	display: block;
	text-align: center;
	margin-top: 59px;
	background: linear-gradient(to bottom, #b6d13b, #b4cb4b);
}

.face__book {
	background: #cbc2bc url(/bitrix/templates/gradezh/img/face__book.jpg) no-repeat 0 0;
	padding-top: 56px;
	padding-bottom: 74px;
	margin-left: -60px;
	width: calc(100% + 120px);
	text-align: center;
}

.face__book__title {
	color: #fff;
	font-size: 30px;
	margin-bottom: 37px;
	font-family: 'EB Garamond';
	font-weight: 500;
}

.face__book__input {
	width: 100%;
	max-width: 275px;
	padding: 0 12px;

	background: rgba(255,255,255,0.3);
	height: 34px;
	border:1px solid rgba(0,0,0,0.2);
	font-size: 15px;
	 font-family: 'Trebuchet MS';
}

.face__book__textarea {
	width: 100%;
	max-width: 275px;
	padding: 12px;
height: 58px;
	background: rgba(255,255,255,0.3);

	border:1px solid rgba(0,0,0,0.2);
	font-size: 15px;
	 font-family: 'Trebuchet MS';
}


.face__book__input:nth-child(1) {

	margin-right: 50px;

}

.face__book__input::placeholder, .face__book__textarea::placeholder {
	color: #fff;
}

.face__book__row {
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	
}


.face__book__submit {
	height: 44px;
	width: 328px;
	border-radius: 22px;
	color: #fff;
	background: #d51717;
	font-size: 22px;
	 font-family: 'Trebuchet MS';
	 font-weight: bold;
	 border: none;
	 margin-top: 15px;
}


.gallery {
	padding-top: 37px;
}

.gallery-items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gallery-item {
	width: calc(33.333% - 43px);
	margin-bottom: 43px;
	border-radius: 5px;
	border: 4px solid #b4cb4b;
}


.gallery-item img {
	width: 100%;
	display: block;
	border-radius: 5px;
}


.owl-dots {
	display: flex;
	justify-content: center;
	
}

.owl-dot {
	height: 23px !important;
	width: 23px!important;
	background: #c4c4c4!important;
	margin: 0 13px!important;
	border-radius: 50%
	
}

.owl-dot.active {
	
	background: #b4cb4b!important;
	
	
}

.owl-prev {
	position: absolute !important;
	left: -35px!important;
	top: 50%!important;
	background: url(/bitrix/templates/gradezh/img/arrow.png) no-repeat 0 0!important;
	height: 46px!important;
	width: 25px!important;
	margin-top: -51px!important;
	text-indent: -9999px!important;
}


.owl-next {
	position: absolute !important;
	right: -35px!important;
	top: 50%!important;
	background: url(/bitrix/templates/gradezh/img/arrow.png) no-repeat right 0!important;
	height: 46px!important;
	width: 25px!important;
	margin-top: -51px!important;
	text-indent: -9999px!important;
}

.contact__footer {
	text-align: center;
	margin-top: 54px;
}

.contact__footer .mainmenu__contact ul {
	justify-content: center;
	margin-bottom: 10px;
}

.contact__footer .mainmenu__contact ul > li > a {
	color:#000;
}

.contact__footer p{
	font-size: 18px;
	line-height: 34px;
}

.contact__footer__title {
	font-size: 30px;
	 font-family: 'EB Garamond';
 margin-bottom: 30px;
    font-weight: 500;
}


.contact__footer__maps {
	padding-top: 72px;
	margin-bottom: 36px;
	background: url(/bitrix/templates/gradezh/img/maps.png) no-repeat center 0;
}

.contact__footer__phone {
	padding-top: 72px;
	margin-bottom: 36px;
	background: url(/bitrix/templates/gradezh/img/phone2.png) no-repeat center 0;
}

.contact__footer__clock {
	padding-top: 72px;
	margin-bottom: 36px;
	background: url(/bitrix/templates/gradezh/img/clock.png) no-repeat center 0;
}

.contact__footer__rec {
	padding-top: 72px;
	margin-bottom: 36px;
	background: url(/bitrix/templates/gradezh/img/rec.png) no-repeat center 0;
}



.footer {

background: #eae5e2;
padding: 24px 0;
}

.footer .container {
		display: flex;
		justify-content: space-between;
		
}


.mainmenu__span {
	background: url(/bitrix/templates/gradezh/img/menu.svg) no-repeat 0 0;
	padding-left: 36px;
	color: #fff;
	font-weight: bold;
	height: 20px;
	width: 30px;
	display: none;
	cursor: pointer;
	display: none;
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
	
	.mainmenu__span {
	
	display: block;
}

.header__ .container {
height: auto;
padding: 13px 15px;
	flex-wrap: wrap;
}

.header__block  {
	width: calc(50% - 88px);
	text-align: left;
	
}

.header__logo{
	width: 100%;
	margin-bottom: 13px;
	text-align: center;
}

.header__soc {
	position: absolute;
	right: 0;
	
	top: 30px;
}

.header__soc span {
	display: none;
}

.mainmenu__list {
	position: absolute;
	left: 0;
	top: 45px;
	background: url(/bitrix/templates/gradezh/img/mm.png) repeat 0 0;
width: calc(100% - 30px);
	padding: 15px;
	z-index: 100;
	display: none;
		box-shadow: 11px 11px 6px rgba(0,0,0,0.69)
}


.mainmenu__list ul.mainmenu__list__main {
   flex-direction: column;
}


.mainmenu__list ul.mainmenu__list__main > li{

	margin-bottom: 15px;
}
.mainmenu__list ul.mainmenu__list__main > li:last-child{

	margin-bottom: 0;
}


.mainbanner__txt {
	margin: 0 50px;
}

.gallery-item {
    width: calc(50% - 20px);
    margin-bottom: 20px;

}

.gallery-item img {
    width: 100%;
}


.product__item {
width: calc(50% - 25px); 
}

}




@media screen and (max-width: 720px) { 
header {
	padding-top: 40px;
}

	.mainmenu__span {
	
	display: block;
}

.mainmenu__contact  {
    display: none;
}



.header__ .container {
height: auto;
padding: 13px 15px;
	flex-wrap: wrap;
}

.header__block  {
	width: calc(100% - 88px);
	text-align: left;
	
}

.header__block.clock  {
	margin-bottom: 13px;
	
}

.header__logo{
	width: 100%;
	margin-bottom: 13px;
	text-align: center;
}

.header__soc {
	
	display: none;
	
}

.header__soc span {
	display: none;
}

.mainmenu__list {
	position: absolute;
	left: 0;
	top: 45px;
	background: url(/bitrix/templates/gradezh/img/mm.png) repeat 0 0;
width: calc(100% - 30px);
	padding: 15px;
	z-index: 100;
	display: none;
		box-shadow: 11px 11px 6px rgba(0,0,0,0.69)
}


.mainmenu__list ul.mainmenu__list__main {
   flex-direction: column;
}


.mainmenu__list ul.mainmenu__list__main > li{

	margin-bottom: 15px;
}
.mainmenu__list ul.mainmenu__list__main > li:last-child{

	margin-bottom: 0;
}


.mainbanner__txt {
	margin: 0 50px;
}

.gallery-item {
    width: calc(50% - 20px);
    margin-bottom: 20px;

}

.gallery-item img {
    width: 100%;
}


.mainmenu__list .mainmenu__contact, .mainmenu__list .header__soc {
	display: flex;
}


.mainmenu__list .mainmenu__contact ul {
	 flex-direction: column;
	 margin: 20px 0;
}
.mainmenu__list .mainmenu__contact ul li:last-child{
	 margin-top: 5px;
}


.mainmenu__list  .header__soc ul li:last-child:after {
	border-left: 2px solid #fff;
}

.mainmenu__list  .header__soc ul li:first-child {
	padding-left: 0;
}


.mainbanner__title {
    height: auto;
  
    padding: 15px;
    font-size: 22px;
    color: #fff;
  
 
}

.mainbanner p:nth-child(2) {
    font-size: 23px;
}


.mainbanner p {
   
    font-size: 18px;
    margin-bottom: 15px;
}

.category__title {
    font-size: 22px;
   
    margin-bottom: 15px;
}


.product__item {
    width: 100%;
 
    margin-bottom: 40px;
}


.mainbody {
    padding: 20px;
}


.five__steps__list {
    flex-wrap: wrap;
	justify-content: center
}


.five__steps__list li {
    width: 50%;
margin-bottom: 25px;
}


.five__steps__list:before {
	content: "";
	position: absolute;
	top: 258px;
	width: calc(100% - 88px);
	left: 44px;
	border-top: 2px solid #241207;
}

.five__steps {
   
    margin-left: -35px;
    width: calc(100% + 70px);
}

.title__ {
font-size: 24px;

}


.five__steps__order {
    height: 40px;
    line-height: 40px;
    font-size: 18px;

    border-radius: 20px;
    width: calc(100% - 20px);
    margin: 0 auto;
 
    margin: 0 10px;
	margin-top: 30px;

}

.five__steps {
    padding-top: 50px;
    padding-bottom: 50px;
	
}


.face__book__row {
    margin-bottom: 10px;
  
	flex-wrap: wrap;
}


.face__book__input:nth-child(1) {
    margin-right: 0;
	margin-bottom: 13px;
}

.face__book {
   padding-top: 30px;
    padding-bottom: 40px;

    margin-left: -35px;
    width: calc(100% + 70px);
  
}

.face__book__title {
  
    font-size: 24px;
    margin-bottom: 20px;
  
}

.face__book__row {
	justify-content: center
}

.face__book__submit {
    
    width: 300px;
 
}

.gallery .owl-nav {
	display: none;
}


.owl-dot {
    height: 10px !important;
    width: 10px!important;

    margin: 0 5px!important;

}

.contact__footer__title {
    font-size:24px;
    
    margin-bottom: 30px;
   
}

.contact__footer p {
    font-size: 16px;
    line-height: 28px;
}


}

/* End */


/* Start:/bitrix/templates/gradezh/template_styles.css?17795407651484*/
.mobile-soc .facebook a {
display:inline-block;
margin:0 5px;
}



body>div.content_wrapper>div.wrapper>div.basket{
    width: 100%!important;
    left:0!important;
    max-width: 100%!important;
}

.nivoSlider img {
    height: 243px !important;
}


body .nav > li > a {
    padding: 15px 4px;
}

body .search-box-input-wrapper {
    display: block !important;
}

@media (max-width:767px) {
body .header .logo-bar {
    margin-top: 55px;
}

}

@media (max-width:768px) {

.card-product .spec span {
float:left;
display:block;
}

.card-product .info {

}

.card-product .spec {

}

.MsoNormal {
text-align: justify;
}

.md-modal#order div.md-left {
width:100%;
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

.md-modal#order div.BlockForm {
width:100%;
    width: 100%;
    height: auto;
    padding: 10px 10px;
}

body .header .wrapper a.enterLink {
    position: relative;
    display: block;
    float: right;
}

body .header .logo-bar {
   /* margin-top: 55px;*/
    float: left;
    width: 100%;
}

body .md-content div.BlockForm div.InputBlock input[type=text] {
max-width:100%;
width:100%;
}

body .md-content div.BlockForm div.InputBlock input[type=password] {
max-width:100%;
width:100%;
}

body #itemAddedToCart div.md-content span.h2 {
    font-size: 26px !important;
    text-align: center;
    padding-top: 20px;
}

body .md-content div.BlockForm {
text-align:center;
}

body .md-content div.BlockForm a {
display:inline-block;
    margin-bottom: 10px;
}

}
/* End */
/* /bitrix/templates/gradezh/OwlCarousel/owl.carousel.min.css?15865501693300 */
/* /bitrix/templates/gradezh/css/popup.css?160577381734951 */
/* /bitrix/templates/gradezh/forms/jquery.formstyler.css?158655024611120 */
/* /bitrix/templates/gradezh/maxStyle.css?17750691184054 */
/* /bitrix/templates/gradezh/components/bitrix/sale.basket.basket.small/smallBasket/style.css?1450280495329 */
/* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css?1395391956501 */
/* /bitrix/templates/gradezh/components/bitrix/system.auth.form/.default/style.css?1450280503442 */
/* /bitrix/templates/.default/components/altasib/feedback.form/callme-form/style.css?1605792695711 */
/* /bitrix/templates/.default/components/altasib/feedback.form/callme-form/form_style.css?160585398546793 */
/* /bitrix/templates/.default/components/altasib/feedback.form/callme-form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?16057664433124 */
/* /bitrix/templates/gradezh/styles.css?1779540765135409 */
/* /bitrix/templates/gradezh/template_styles.css?17795407651484 */