@import url('https://fonts.googleapis.com/css?family=Lobster|Roboto:400,400i,700&display=swap&subset=cyrillic');

/* Animations */
@keyframes blink {
	0% {
		opacity: 0.8;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0.8;
	}
}


* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	position: relative;
	width:100%;
	height:100%;
}

body {
	position: relative;
	width:100%;
	height:100%;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}


#breadcrumbs{
	display: block;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #717171;
	margin-top: 20px;
}

#breadcrumbs > li{
	display: inline-block;
	vertical-align: top;
}

#breadcrumbs > li:first-child > a:before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	background: url('/images/usr/icon-home.svg') center no-repeat;
	background-size: 20px 20px;
	margin-top: -2px;
}

#breadcrumbs > li:not(:first-child) {
	margin-left: 10px;
}

#breadcrumbs > li:not(:first-child):before{
	content: "→";
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	height: 17px;
	font-size: 17px;
	margin-top: 1px;
	line-height: 17px;
}
#breadcrumbs > li > a {
	color: inherit;
	text-shadow: none;
	font-size: 17px;
}
#breadcrumbs > li > a:hover{
	color: #FF6D0C;
}

#breadcrumbs > li > span{
	text-decoration: none;
	color: #9a9a9a;
	text-shadow: none;
	font-size: 17px;
}


.knopa,.knopa:active,.knopa:visited{
	position:relative;
	border-radius:4px;
	line-height:40px;
	padding:0 20px;
	margin-bottom:7px;
	display:inline-block;
	text-shadow:-1px -1px 0 #5e2106;
	font-size:20px;
	color:#fff;
	border:0;
	background-color:#416a49;

}
.knopa:hover{
	color: #fff5d5;
	text-shadow: -1px -1px 0 #5e2106;
	box-shadow: 0 0 20px rgba(179,55,0,0.8);
}

.lobstertext{
	font-family: 'Lobster', cursive;
}

#freeblock{
	text-align: center;
	overflow: hidden;
}
.free-columns{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -30px;
}
.free-columns > .column {
	width: 320px;
	margin: 0 10px;
}
.free-columns > .column > .item{
	display: block;
	text-align: left;
	text-decoration: none;
	text-shadow: none;
	border: 0;
	padding: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-bottom: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.free-columns > .column > .item.type-1:hover,
.free-columns > .column > .item.type-2:hover{
	box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
.free-columns > .column > .item > span{
	display: block;
}
.free-columns > .column > .item > img{
	margin: 0 -15px -15px;
	display: block;
	width: 320px;
}
.free-columns > .column > .item a{
	display: inline-block;
	margin-right: 15px;
	color: #fff;
	border-color: rgba(255,255,255,0.7);
}
.free-columns > .column > .item a:hover{
	border-color: #fff;
	text-shadow: 0 0 20px #fff;
}
.free-columns > .column > .item.type-3{
	padding-right: 0px;
}

a, a:visited, a:active{
	color: #018f1a;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
a:hover{
	color: #016413;
	text-shadow: 0 0 20px #016413;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
*:focus {
	outline: none;
}
form{
	text-align: right;
}

input[type=text],
input[type=number],
input[type=date],
input[type=password],
input[type=datetime],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
textarea,
select{
	display:block;
	padding: 8px 18px;

	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 20px;

	color: #3b3b3b;
	background-color: #f8f8f8;
	border-radius: 3px;

	border: 1px solid #cacaca;

	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=text],
input[type=number],
input[type=date],
input[type=password],
input[type=datetime],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=time],
select{
	height: 38px;
	width: 340px;
}
textarea {
	height: 118px;
	width: 340px;
	resize: none;
}

@media (max-width: 999px) {
	input[type=text],
	input[type=number],
	input[type=date],
	input[type=password],
	input[type=datetime],
	input[type=email],
	input[type=search],
	input[type=tel],
	input[type=url],
	input[type=time],
	select,
	textarea{
		/*width: 280px;*/
		width: 100%;
	}
}

input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=time]:focus,
textarea:focus,
select:focus{
	color: #000;
	background-color: #fff;
}

select{
	padding-right: 50px;
	background-image: url(/images/usr/select-arrow-down.svg);
	background-size: 24px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

form > input,
form > textarea,
form > select,
form label{
	display: block;
	margin-bottom: 8px;
}

form .form-info{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #797979;
}

label > .input-description{
	/*position: absolute;
	left: 100px;*/
	color: #757575;
	font-size: 14px;
}


label.error{
	color: #e40000 !important;
}
label.error input,
label.error textarea,
label.error select,
label.error > input[type="checkbox"] + span:before,
label.error > input[type="radio"] + span:before{
	border-color: #e40000 !important;
	color: #e40000 !important;
	box-shadow: 0 0 0 2px rgba(255,0,0,0.25);
}


form > .buttons{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	font-size: 14px;
}
form > .buttons > div {
	display: flex;
	align-items: center;
}
form > .buttons > .left > a:not(:last-child){
	margin-right: 8px;
}
form > .buttons > .right > a:not(:first-child){
	margin-left: 8px;
}


.but,.but:active,.but:visited{
	position: relative;
	border-radius: 3px;
	font-size: 16px;
	line-height: 20px;
	padding: 9px 19px;
	display: inline-block;
	text-decoration: none;
	border: 0;
	background: #01991D;
	color: #fff;
	cursor: pointer;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.but:hover{
	color: #fff;
	background: #1ac339;
	text-shadow: none;
}
.but.disabled{
	background: #cbcbcb;
	cursor: default;
	color: #555;
}

.but.big{
	font-size: 20px;
	line-height: 30px;
	padding: 16px 20px 15px;
	text-align: center;
	text-transform: uppercase;
}


/* "Типография" */
#content-title {
	color:#fe6600;
}
h1{
	font-size: 40px;
	font-family: 'Lobster', cursive;
	font-weight: normal;
	margin-bottom: 30px;
}
h2{
	font-size: 32px;
	font-family: 'Lobster', cursive;
	margin: 1px 0;
	padding-top: 30px;
	font-weight: normal;
}
h3{
	font-size: 28px;
	font-family: 'Lobster', cursive;
	margin:20px 0;
		font-weight:normal;
}
h4{
	font-size: 28px;
	font-family: 'Lobster', cursive;
	margin:20px 0;
}
h5{
	font-size: 28px;
	font-family: 'Lobster', cursive;
	margin:20px 0;
}
h6{
	font-size: 28px;
	font-family: 'Lobster', cursive;
	margin:20px 0;
}
h1 + .content-text h2{
	margin-top: -30px;
}
.content-text{
	position: relative;
}
.content-text table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:20px;
}
.content-text table:not(.no-stripes) tr:nth-child(2n+1){
	background: rgba(0,0,0,0.1);
}
.content-text table th{
	text-align:left;
	background: rgba(0,0,0,0.1);
	padding: 8px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}
.content-text table td{
	padding:4px 8px;
}
.content-text .tables-in-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.content-text .tables-in-row .table{
	max-width: 360px;
	width: 50%;
	min-width: 300px;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content-text p {
	margin-bottom: 20px;
	line-height:22px;
}
.content-text ul {
	margin-top: 10px;
	margin-bottom: 20px;
}
.content-text li {
	margin-left:30px;
	margin-bottom:4px;
}
.content-text .images{
	display: block;
	list-style: none;
	margin: 0 -5px;
}
.content-text .images li {
	margin: 0 5px 10px;
	padding: 0;
}
.content-text .images .ft{
	display: block;
	margin: 0;
}
.content-text h2, .content-text h3, .content-text h3, .content-text h4, .content-text h5, .content-text h6{
	color:#fe6600;
}
.content-text:after{
	content:" ";
	display:block;
	clear:both;
}
.content-text a.ft{
	display: inline-block;
	border: 0;
	position: relative;
	margin-bottom: 5px;
}
.content-text a.ft > img{
	vertical-align: top;
}
.content-text a.ft.ft-buy:after{
	content: "";
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 112px;
	height: 33px;
	background: url(/images/usr/ft-buy.jpg) center no-repeat;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.content-text a.ft.ft-buy.added-to-cart:after{
	content: "";
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background: url(/images/usr/check.svg) center no-repeat #009a1d;
	background-size: 20px 20px;
}

@media (max-width: 767px) {
	.content-text .images{
		margin: 0 -15px;
	}
	.content-text .images .ft .image-desktop {
		display: none;
	}
	.content-text .images .ft .image-mobile {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
	.content-text .images li {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 768px) {
	.content-text a.ft:hover{
		z-index: 1;
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}
	.content-text .images {
		display: flex;
		flex-wrap: wrap;
	}
	.content-text .images .ft .image-mobile {
		display: none;
	}
	.content-text .images .ft .image-desktop {
		display: block;
	}
}

@media (max-width: 340px) {
	.content-text .images{
		margin: 0 -10px;
	}
}

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	/*height:100%;*/
	background: #fff;
}

.limit-width {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 999px) {
	.limit-width{
		padding: 0 20px;
	}
}
@media (max-width: 479px) {
	.limit-width{
		padding: 0 15px;
	}
}
@media (max-width: 340px) {
	.limit-width{
		padding: 0 10px;
	}
}

@media (min-width: 1000px) {
	.limit-width{
		width: 980px;
	}
}

@media (min-width: 1280px) {
	.limit-width{
		width: 1260px;
	}
	.limit-width.narrow{
		width: 980px;
	}
}

@media (min-width: 1420px) {
	.limit-width{
		width: 1400px;
	}
	.limit-width.narrow{
		width: 980px;
	}
}

@media (min-width: 1900px) {
	.limit-width{
		width: 1800px;
	}
	.limit-width.narrow{
		width: 980px;
	}
}


#container {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	min-width: 320px;
}

#header{
	flex-shrink: 0;
}
#main {
	flex-grow: 1;
	padding: 25px 0;
}
#footer{
	flex-shrink: 0;
}

.fix{
	position: fixed !important;
}
.abs{
	position: absolute !important;
}
.rel{
	position: relative;
}
.no-overflow{
	overflow: hidden;
}

.chevron-down {
	display:inline-block;
	vertical-align:middle;
	height:13px;
	width:14px;
	background:url(/images/usr/chevron-down.png) center no-repeat;
	margin: 0 0 0 5px;
}

.phonenumber {
	font-size: 28px;
	display: inline-block;
	text-align: left;
	line-height: 30px;
}
.phonecode {
	font-size: 14px;
	display: inline;
}
  
.address,
.address:visited,
.address:active,
.address:hover {
	font-size: 12px;
	width:200px;
	display: block;
	text-align: right;
	line-height: 14px;
	color:#b7b6b6;
	float:right;
	text-decoration:none;
	margin-top:10px;
}

#cities-list-source {
	display: none;
}

#header {
	height: 89px;
	width:100%;
	z-index:100;
}
#logo {
	background: url(/images/usr/logo.png) center no-repeat;
	width: 182px;
	height: 52px;
	display: block;
	position: absolute;
	top: 4px;
	left: -9px;
	z-index: 1;
}
#title,
#title-mobile {
	position: absolute;
	display: inline-block;
	left: 0px;
	top: 55px;
	font-size: 18px;
	-webkit-appearance: none;
	color: #777777;
}

#phones {
	font-size: 32px;
	font-family: 'Lobster', cursive;
	color: #4d4d4d;
	/*position: absolute;*/
}
#phones .phone {
	text-decoration: none;
	color: inherit;
	text-shadow: none;
}
/*#contacts {
	position: absolute;
	right: 250px;
	top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}*/
#contacts a,
#contacts a:visited,
#contacts a:active{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color:#4d4d4d;
	line-height:20px;
	border: 0;
	border-bottom: 1px dashed #4d4d4d;
	margin-left: 22px;
	text-decoration: none;
}
#contacts a:hover{
	text-shadow:0 0 10px #FEB065;
}

#citieslist{
	list-style:none;
	width:300px;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}
#citieslist li{
	margin:0 10px 10px;
}
#citieslist a{
	text-shadow:none;
}

#nav {
	display: block;
	position: absolute;
	top: 53px;
	right: 0px;
	text-align: right;
}

@media (max-width: 999px) {
	#title {
		display: none;
	}
}
@media (min-width: 1000px) {
	#title-mobile {
		display: none;
	}
}
@media (max-width: 767px) {
	#header {
		height: 131px;
	}
	#title-mobile{
		left: 0;
		right: 0;
		top: 62px;
		font-size: 13px;
		text-align: center;
	}
	#phones{
		top: 81px;
		left: 0;
	}
	#nav {
		top: 86px;
	}
	#contacts {
		right: 0px;
		top: 10px;
		width: 150px;
	}
}
@media (min-width: 768px) {
	#phones {
		right: 0px;
		top: 4px;
	}
}

#nav.sticked {
	background: rgba(255,255,255,0.8);
}

#nav .collapse {
	z-index: 1;
	position: relative;
}
#nav .collapse a{
	position: relative;
	width: 52px;
	height: 32px;
	background: url(/images/new/menu.svg) center no-repeat #01991D;
	display: block;
	border-radius: 3px;
}

#nav .navmenu {
	padding: 0;
	margin: 0 -12px;
	list-style: none;
	position: relative;
	display: none;
}

#nav .navmenu li{
	height: 26px;
	display: inline-block;
	text-align: center;
	margin-left: 20px;
}

#nav .navmenu li a,
#nav .navmenu li a:visited {
	color: #646464;
	font-size: 16px;
	height:100%;
	line-height:26px;
	padding: 0 12px;
	display: inline-block;
	text-decoration: none;
	border: 0;
	text-shadow:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
#nav .navmenu li a:hover{
	color: #018c19;
}
#nav .navmenu li.active a{
	color:#808080;
	cursor:default;
}
#nav .navmenu .navchild{
	display:none;
}
#nav .navchild{
	padding: 15px 20px;
	margin: 0;
	list-style: none;
	position: absolute;
	/* overflow: hidden; */
	display: block;
	background: #fff;
	z-index: 102;
	text-align: left;
	border-radius: 3px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

#nav .navchild > li{
	display:block;
	line-height:24px;
	margin:0;
}
#nav .navchild > li a, #nav .navchild > li a:visited, #nav .navchild > li a:active {
	position:relative;
	border-color: #00370a;
	color: #00370a;
	font-size:16px;
}
#nav .navchild > li a:hover{
	border-color: rgba(1, 100, 19, 0.5);
	text-shadow: 0 0 20px #00370a;
}
#nav .navchild > li:last-child a{
}
#nav .navchild > li.active a, #nav .navchild > li.active a:visited, #nav .navchild > li.active a:active, #nav .navchild > li.active a:hover{
	color: rgba(1, 100, 19, 0.5);
	border-color: rgba(1, 100, 19, 0.5);
}

@media (max-width: 767px) {
	#nav .back{
		position: absolute;
		display: none;
		left: 12px;
		top: 38px;
		width: 28px;
		height: 20px;
		background: url(/images/new/menu-back.svg) center no-repeat;
		cursor: pointer;
	}
	#nav.opened.submenu .back{
		display: block;
	}
	#nav .navmenu {
		position: absolute;
		width: 300px;
		top: 25px;
		right: 0px;
		margin: 0;
		background: #01991c;
		border-radius: 3px;
		padding: 10px 20px;
		box-sizing: border-box;
		box-shadow: 0 15px 40px rgba(0,0,0,0.1);
	}
	#nav.opened .navmenu {
		display: block;
	}
	#nav .navmenu li{
		margin: 0;
		display: block;
		text-align: left;
	}
	#nav .navmenu li a,
	#nav .navmenu li a:visited{
		color: #feedd0;
		padding: 0;
	}
	#nav .navmenu li a:hover{
		color: #fff;
	}
}
@media (min-width: 768px) {
	#nav .collapse a{
		display: none;
	}
	#nav .navmenu {
		display: inline-block;
	}
}

/* Содержание */

.toc {
	display:inline-block;
	}
	
.toc li{
	float:left;
	display: inline-block;
	margin-left:30px;
}


#banners{
	text-align: center;
	width: 1000px;
	margin: 0 auto 20px;
}
#banners .banner{
	display: inline-block;
	border: 0;
	width: 326px;
	height: 209px;
	padding-top: 39px;
	background: url(/images/usr/banner.png) center no-repeat;
	font-family: 'Lobster', cursive;
	font-size: 27px;
	line-height: 55px;
	color: #fff;
	text-shadow: -1px -1px 0 #33140b;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#banners .banner1{
	display: inline-block;
	border: 0;
	width: 326px;
	height: 209px;
	padding-top: 39px;
	background: url(/images/usr/banner1.png) center no-repeat;
	font-family: 'Lobster', cursive;
	font-size: 27px;
	line-height: 55px;
	color: #fff;
	text-shadow: -1px -1px 0 #33140b;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#content-main{
	padding:20px 10px 30px;
}

.slider-switcher #content-title{
	display: inline-block;
	color: #fe6600;
	margin: 0;
}
.slider-switcher, .slider-switcher:active, .slider-switcher:visited {
	border-bottom: 2px dashed rgba(254, 102, 0, 0.5);
}
.slider-switcher:hover {
	text-shadow: 0 0 20px #fe6600;
	border-bottom: 2px dashed #fe6600;
}
.slider-switcher .arrow-down{
	display:none;
}

.slider.closed{
	overflow: hidden;
}
.slider.closed:after{
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

#categories{
	font-size: 16px;
	line-height: 20px;

	background: #feedd1;
	background: -moz-linear-gradient(left, #feedd1 0%, #cdf6d3 100%);
	background: -webkit-linear-gradient(left, #feedd1 0%,#cdf6d3 100%);
	background: linear-gradient(to right, #feedd1 0%,#cdf6d3 100%);
}
#categories .navmenu{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
#categories .navmenu > li{
	display: block;
	position: relative;
}
#categories .navmenu > li > ul{
	display: none;
}
#categories .navmenu > li a{
	display: inline;
	text-decoration: none;
	text-shadow: none;
	color: #000;
	text-transform: uppercase;
}

#categories > .navchild{
	padding: 16px 70px;
	margin-top: -1px;
	display: block;
	list-style: none;
	position: absolute;
	z-index: 3;
	box-shadow: 0 15px 40px rgba(0,0,0,0.1);

	background: #f8fdec;
	background: -moz-linear-gradient(-30deg, #f8fdec 0%, #f8fdec 50%, #e6f8e0 50%, #e6f8e0 100%);
	background: -webkit-linear-gradient(-30deg, #f8fdec 0%,#f8fdec 50%,#e6f8e0 50%,#e6f8e0 100%);
	background: linear-gradient(120deg, #f8fdec 0%,#f8fdec 50%,#e6f8e0 50%,#e6f8e0 100%);
}

#categories > .navchild a{
	text-decoration: none;
}

#categories > .navchild > li > a{
	color: #000;
	text-shadow: none;
}
#categories > .navchild > li > a:hover{
	color: #018B1B;
}
#categories > .navchild > li.active > a{
	color: #A7A7A7;
	cursor: default;
}

#categories > .navchild > li > ul{
	display: none;
}


@media (min-width: 1000px) {

	#categories .navmenu > li {
		line-height: 21px;
		padding: 10px 13px;
		flex-grow: 1;
	}
	#categories .navmenu > li{
		border-left: 1px solid rgba(2, 154, 30, 0.13);
		border-right: 1px solid transparent;
	}
	#categories .navmenu > li:not(:first-child){
		margin-left: -1px;
	}
	/* #categories .navmenu > li:first-child{
		border-left-color: transparent;
	} */
	#categories .navmenu > li:last-child{
		border-right-color: rgba(2, 154, 30, 0.13);
	}
	#categories .navmenu > li.dropped a,
	#categories .navmenu > li a:hover{
		color: #018B1B;
	}

	#categories .navmenu > li.active:after,
	#categories .navmenu > li.active:before{
		content: "";
		display: block;
		position: absolute;
		width: 10px;
		height: 5px;
		margin: 0 -5px;
		left: 50%;
		background: rgba(2, 154, 30, 0.6);
	}
	#categories .navmenu > li.active:after{
		border-radius: 5px 5px 0 0;
		bottom: 0;
	}
	#categories .navmenu > li.active:before{
		border-radius: 0 0 5px 5px;
		top: 0;
	}
}

@media (max-width: 999px) {
	#categories .navmenu {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 8px 0;
		margin: 0 -11px;
	}
	#categories .navmenu > li {
		line-height: 20px;
		padding: 5px 11px;
	}
	#categories .navmenu > li.dropped{
		order: 9999;
	}

	#categories > .navchild{
		position: relative;
		margin: -5px 10px 10px;
		list-style: none;
		padding: 10px 20px;
		border-radius: 4px;
		z-index: 4;
		-webkit-transform-origin: center top;
		-moz-transform-origin: center top;
		transform-origin: center top;
	}

	#categories > .navchild > li{
		margin: 5px 0;
	}

	#categories > .navchild > li > a{
		cursor: pointer;
	}

	#categories > .navchild > li > ul{
		padding-bottom: 20px;
	}

	#categories > .navchild > i{
		display: block;
		position: absolute;
		top: -14px;
		left: 50%;
		width: 0;
		height: 0;
		border: 7px solid transparent;
		border-bottom-color: #e6f7e0;
		-webkit-transform: scaleX(1.429);
		-moz-transform: scaleX(1.429);
		transform: scaleX(1.429);
	}
}

.section{
	position:relative;
	width:100%;
	height:900px;
	overflow:hidden;
	margin:0 auto;
	background-position: 50% 0;
	box-shadow: 0 30px 20px -20px rgba(0,0,0,0.8) inset;
	border-bottom: 1px solid #000;
}
.content{
	position:relative;
	width:100%;
	height:100%;
	line-height: 20px;
}
.content .limit1000{
	height:100%;
}


#firmsonmap_biglink{
	display:none;
}


.block{
	display:block;
	position:relative;
	border-radius:14px 0;
	padding:10px;
	color:#fff;
}
.block.abs{
	position:absolute;
}
.block.black{
	color:#000;
}
.block:after{
	display:block;
	content:" ";
	clear:both;
}
.block .col{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display: inline-block;
	padding: 0 10px;
	margin:0;
}
.block .col:first-child{
	padding-left:0;
}
.block .col:last-child{
	padding-right:0;
}
.block h2, .block h3, .block h4, .block h5, .block h6{
	color:#fff;
	margin-top: 0;
}
.block.black h2, .block.black h3, .block.black h4, .block.black h5, .block.black h6{
	color:#000;
}

#footer {
	position:relative;
	border-top: 2px solid #4c7c34;
}
#footer .footer-left{
	padding: 30px 0 60px;
	line-height: 20px;
	color: #8a8a8a;
	font-size: 14px;
}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {
	color: #000;
	text-decoration:underline;
	border: 0;
	margin-right:15px;
	vertical-align:top;
}
@media (min-width: 1000px) {
	#footer{
		margin: 60px 0 0;
	}
	#footer:before{
		content:" ";
		display:block;
		position:absolute;
		background:url(/images/usr/branch.png) center repeat-x;
		width: 226px;
		height: 135px;
		top: -67px;
		left: 0px;
	}
	#footer .footer-left{
		margin-left: 200px;
	}
}


#products {
	display: block;
	margin: 0 -10px;
	text-align: center;
	position: relative;
}
#products .item{
	display: inline-block;
	width: 210px;
	padding: 3px;
	margin: 0 1px 20px;
	border: 0;
	color: #000;
	text-shadow: none;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
#products .item .img{
	display: block;
	border: 0;
	margin-bottom: 10px;
}
#products .item img{
	max-width: 200px;
	max-height: 274px;
	vertical-align: top;
}
#products .item .date{
	font-size: 11px;
	text-align: right;
	color: rgba(255,255,255,0.8);
}
#products .item .title{
	text-align: left;
	font-size: 16px;
}
#products .item .title > a,
#products .item .title > span{
	font: inherit;
	color: #016413;
}
#products .item:hover .title > a,
#products .item:hover .title > span{
	color: #016413;
	text-shadow: 0 0 20px #016413;
}

#products .item .txt{
	text-align: left;
	font-size: 14px;
}

.add-to-cart .text-add{
	display: initial;
}
.add-to-cart .text-added{
	display: none;
}
.add-to-cart.added-to-cart .text-add{
	display: none;
}
.add-to-cart.added-to-cart .text-added{
	display: initial;
}


.add-photo-to-cart{
	padding: 10px;
	background: rgba(0,0,0,0.8);
}
.add-photo-to-cart.added-to-cart{
	background: #158e00;
	cursor: default;
	text-decoration: none;
}

/*Оформление товара*/
#product .left {
	flex-grow: 1;
	flex-shrink: 1;
}
#product .right {
	display: none;
	flex-shrink: 0;
}
#product .price-mobile{
	display: none;
}
@media (max-width: 767px) {
	#product .price-mobile {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 59px;
		z-index: 1;
	}
	#product .price-mobile > a{
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'Lobster', cursive;
		line-height: 32px;
	}
	#product .price-mobile > .buy {
		flex-grow: 1;
		background: #029a1e;
		color: #fff;
		font-size: 30px;
	}
	#product .price-mobile > .buy.go-to-cart{
		background: #0d6f1f;
	}
	#product .price-mobile:not(.in-cart) > .buy.go-to-cart{
		display: none
	}
	#product .price-mobile > .buy > i{
		position: relative;
		display: inline-block;
		width: 32px;
		height: 32px;
		background: url(/images/new/cart3.svg) center no-repeat;
	}
	#product .price-mobile > .buy > i > b{
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		font-style: normal;
		display: block;
		position: absolute;
		top: -5px;
		right: -10px;
		line-height: 20px;
		min-width: 10px;
		height: 20px;
		padding: 0 5px;
		background: #000;
		border-radius: 10px;
		text-align: center;
	}
	#product .price-mobile > .photo {
		width: 33%;
		background: #000;
		color: #fff;
		font-size: 24px;
	}
	#product .price-mobile > a:hover{
		color: #feedd0;
	}
}
@media (min-width: 768px) {
	#product{
		display: flex;
		width: 100%;
	}
	#product .right {
		display: block;
		padding-left: 10px;
		width: 266px;
	}
}
@media (min-width: 1000px) {
	#product .right {
		padding-left: 30px;
	}
}
@media (min-width: 1200px) {
	#product .right {
		padding-left: 40px;
	}
}

#product .price{
	vertical-align:top;
	padding-bottom: 45px;
}
#product .price h2{
	margin: 15px 0 10px 0;
	color:#d36e0c;
}

#product .cart{
	position: relative;
	background-color:#416a49;
	padding: 6px 20px 5px 90px;
	margin-bottom: 45px;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
#product .cart a{
	color: inherit;
	border: 0;
	text-decoration: underline;
}
#product .cart a:hover{
	text-shadow: 0 0 20px #fff;
}
#product .cart:before{
	content: "";
	display: block;
	position: absolute;
	top: -14px;
	left: 15px;
	width: 75px;
	height: 75px;
	background: url(/images/new/cart.png) center no-repeat;
}

#product .other .side-hero a{
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
}
#product .other .side-hero img{
	display: block;
	width: 100%;
}

.cost-request, .cost-request:visited, .cost-request:active{
	display: block;
	text-align: center;
	font-family: 'Lobster', cursive;
	font-size: 48px;
	color: #fff;
	text-shadow: -1px -1px 0 #330400;
	background-color:#416a49;
	line-height: 78px;
	padding: 10px 20px;
	border-radius: 3px;
	border: 0;
	text-decoration: none;
}
.cost-request:hover{
	color:#fff;
	background-color:#618b69;
	text-shadow:-1px -1px 0 #000;
}
.cost-request .small{
	font-size:16px;
}
.cost-request .underline{
	text-decoration:underline;
}

#product .manufactured{
	display: block;
	background: #e7e7e7;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	padding: 13px 23px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 45px;
}


.cart-wrap{
	max-width: 500px;
	margin: 0 auto;
}

#cart table{
	border-collapse: separate;
	border-spacing: 0px;
	width:100%;
	margin-bottom:20px;
	text-align: left;
}
#cart table thead tr{
	background: #feedd1;
	background: -moz-linear-gradient(left, #feedd1 0%, #cdf6d3 100%);
	background: -webkit-linear-gradient(left, #feedd1 0%,#cdf6d3 100%);
	background: linear-gradient(to right, #feedd1 0%,#cdf6d3 100%);
}
#cart table th{
	padding: 8px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}
#cart table td{
	padding: 8px;
}
#cart table tr:nth-child(2n){
	background:rgba(0,0,0,0.05);
}
#cart table .title{
	width: 100%;
	padding-left: 19px;
}
#cart table td.title .title-wrap{
	display: flex;
	align-items: center;
}
#cart table td.title .title-wrap > .img{
	width: 60px;
	height: 60px;
	margin-right: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
	flex-shrink: 0;
}
#cart table td.count{
	width: 1px;
}
#cart table td.actions{
	width: 1px;
}
#cart table td.actions .del{
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #5f5f5f;
	font-size: 30px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
}
#cart table td.actions .del:hover{
	color: #000;
}
#cart table input{
	width: 70px;
	text-align: center;
}
#cart table ._proto{
	display:none;
}
.info{
	font-size:12px;
	line-height:14px;
	color: #C7C7C7;
}
#cart .order-form input{
	width: 100%;
}
#cart .order-form textarea{
	width: 100%;
}

/* @media (max-width: 999px) {
	#cart .table-wrap {
		margin: 0 -20px;
	}
	#cart table td:first-child,
	#cart table th:first-child{
		padding-left: 20px;
	}
	#cart table td:last-child,
	#cart table th:last-child{
		padding-right: 20px;
	}
} */
@media (max-width: 479px) {
	#cart .table-wrap {
		margin: 0 -15px;
	}
	#cart table td:first-child,
	#cart table th:first-child{
		padding-left: 15px;
	}
	#cart table td:last-child,
	#cart table th:last-child{
		padding-right: 15px;
	}
	#cart table td.title .title-wrap > .img{
		width: 38px;
		height: 38px;
	}
}
@media (max-width: 340px) {
	#cart .table-wrap {
		margin: 0 -10px;
	}
	#cart table td:first-child,
	#cart table th:first-child{
		padding-left: 10px;
	}
	#cart table td:last-child,
	#cart table th:last-child{
		padding-right: 10px;
	}
}



.requestform{
	border-collapse:collapse;
	border-spacing:0;
}
.requestform td{
	padding:8px;
}

.error {
	color: red;
}
.error input, .error textarea{
	box-shadow:0 0 0 2px rgba(255,0,0,0.25);
}
.sticked{
	position:fixed !important;
	top:0px !important;
	z-index:1030;
}


/*Modal Window*/
.modal{
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	align-items: center;
	top: 0px;
	left: 0px;
	z-index: 500;
	opacity: 0;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	white-space: nowrap;
}
.modal-back{
	position: fixed;
	top: -100px;
	left: -10px;
	right: -10px;
	bottom: -100px;
	background: rgba(179, 179, 179, 0.8);
	z-index: 1;
	-webkit-transform: translateZ(-1000px);
	-moz-transform: translateZ(-1000px);
	-ms-transform: translateZ(-1000px);
	-o-transform: translateZ(-1000px);
	transform: translateZ(-1000px);
}
.modal-window{
	display: inline-block;
	margin: 30px auto 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background:#fff;
	border-radius: 3px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.35);
	z-index: 5;
	vertical-align: middle;
	white-space: normal;
	text-align: left;
}
.modal #modal-title{
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	min-height: 30px;
}

.modal #modal-body{
	color:#000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modal > .modal-window > .modal-close {
	position: absolute;
	padding: 0;
	top: 17px;
	right: 16px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #cacaca;
	font-size: 30px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
}

.modal > .modal-window > .modal-close:hover {
	color: #018f1a;
}


@media (max-width: 999px) {
	.modal-window{
		margin: 0 auto;
		width: 100%;
		max-width: 600px;
	}
	.modal #modal-body {
		padding: 5px 20px 20px;
		min-width: 300px;
		max-width: 100%;
	}
	.modal #modal-title{
		padding: 24px 45px 10px 20px;
	}
}
@media (min-width: 1000px) and (max-width: 1279px) {
	.modal #modal-body{
		padding: 5px 31px 31px;
		min-width: 400px;
		max-width: 768px;
	}
	.modal #modal-title{
		padding: 24px 45px 10px 31px;
	}
}
@media (min-width: 1280px) {
	.modal #modal-body{
		padding: 5px 31px 31px;
		min-width: 400px;
		max-width: 1000px;
	}
	.modal #modal-title{
		padding: 24px 45px 10px 31px;
	}
}


.busy{
	position: relative;
	overflow: hidden;
}
.busy:after{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(255,255,255,0.5);
	border-radius: inherit;

	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}



#up{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 15px;
	width: 120px;
	height: 60px;
	border: 0;
	border-radius: 6px 6px 0 0;
	background: url(/images/usr/up.png) no-repeat center #64A53C;
	background-size: 80px;
	opacity: 0.3;
	cursor: pointer;
	z-index: 30;
}
#up:hover{
	opacity: 1;
}
@media (max-width: 767px) {
	#up {
		/*width: 40px;
		height: 40px;
		background-size: 20px;
		border-radius: 20px;
		bottom: 70px;*/
		display: none;
	}
}

/*Mybox*/
.mybox{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:500;
	opacity:0;
	text-align: center;
	color: #fff;
}
.mybox > .back{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.8);
}
.mybox > .window{
	max-width: 100%;
	max-height: 100%;
	padding: 20px 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.mybox:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.mybox > .window > .block{
	display: block;
}
.mybox > .window > .block > .head:after{
	content: "";
	display: block;
	clear: both;
}
.mybox > .window > .block > .head > .title{
	float: left;
	margin-bottom: 10px;
}
.mybox > .window > .block > .head > .title:empty{
	display: none;
}
.mybox > .window > .block > .head > .count{
	float: right;
	margin-bottom: 10px;
}
.mybox > .window > .block > .head > .count:empty{
	display: none;
}
.mybox > .window > .block > .body > .image{
	position: relative;
	border: 5px solid #000;
	background: url(/images/usr/site-busy.gif) center no-repeat #fff;
	min-width: 100px;
	min-height: 100px;
}
.mybox > .window > .block > .body > .image > .extension{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	opacity: 0.5;
}
.mybox > .window > .block > .body > .image > .extension a{
	color: #fff;
	text-shadow: 0 0 20px #000;
}
.mybox > .window > .block > .body > .image > .extension:hover{
	opacity: 1;
}
.mybox > .window > .block > .body > .image > .extension:empty{
	display: none;
}
.mybox > .window > .block > .body > .image > .title{
	background: #fff;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	padding: 0 20px 20px;
}
.mybox > .window > .block > .body > .image > .title:empty{
	display: none;
}
.mybox > .window > .block > .body > .image > img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}
.mybox > .window > .block > .body > .image > .close{
	display: block;
	position: absolute;
	background: url(/images/new/mybox-controls-close.svg) center top no-repeat;
	width: 20px;
	height: 20px;
	top: -3px;
	right: -29px;
	cursor: pointer;
	opacity: 0.8;
}
.mybox > .window > .block > .body > .image > .close:hover{
	opacity: 1;
}

.mybox > .window > .block > .body > .image > .prev{
	display: block;
	position: absolute;
	background: url(/images/new/mybox-controls-prev.svg) left top no-repeat;
	width: 32px;
	height: 64px;
	margin-top: -32px;
	top: 50%;
	left: -41px;
	cursor: pointer;
	opacity: 0.8;
}
.mybox > .window > .block > .body > .image > .prev:hover{
	opacity: 1;
}

.mybox > .window > .block > .body > .image > .next{
	display: block;
	position: absolute;
	background: url(/images/new/mybox-controls-next.svg) right top no-repeat;
	width: 32px;
	height: 64px;
	margin-top: -32px;
	top: 50%;
	right: -41px;
	cursor: pointer;
	opacity: 0.8;
}
.mybox > .window > .block > .body > .image > .next:hover{
	opacity: 1;
}
.mybox a{
	color: inherit;
	border-color: inherit;
}
.mybox a:hover{
	text-shadow: 0 0 20px #fff;
}




#banners > .item{ 
	position: relative; 
	display: inline-block; 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 315px; 
	text-decoration: none; 
	margin: 10px 5px 10px; 
} 

#banners > .item:hover{ 
	box-shadow: 0 2px 15px rgba(0,0,0,0.3);
} 

#banners > .item-1{ 
	background-image: url(/upload/glav/dive1.jpg);
	height: 520px;
} 
#banners > .item-2{ 
	background-image: url(/upload/glav/dive2.jpg);
	height: 336px;
} 
#banners > .item-3{ 
	background-image: url(/upload/glav/dive3.jpg);
	height:425px;
}


.hero-wrap{
	margin: 40px 0;
}
.hero {
	padding: 40px 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.hero.top{
	background-position: center top;
}
.hero.bottom{
	background-position: center bottom;
}
.hero > .limit-width {
	width: 1000px;
	margin: 0 auto;
}
.hero .hero-title{
	font-size: 40px;
	line-height: 1.5;
}
.hero .hero-text{
	font-size: 16px;
	line-height: 1.5;
}

.contacts-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

#contacts {
	margin-bottom: 3px;
}

#contacts:not(:last-child) {
	margin-right: 30px;
}

.op-contacts {
	display: flex;
}

.phone:not(:last-child) {
	margin-right: 20px;
}

.op-name {
	font-size: 14px;
	text-align: right;
	font-family: "Roboto", sans-serif;
	margin: 5px 0 -5px;
}

@media (max-width: 767px) {
	.op-contacts {
		display: none;
	}

	.contacts-wrapper {
		display: block;
	}

	#contacts {
		width: auto;
		margin-right: 0 !important;
		position: absolute;
		text-align: right;
		text-align: -webkit-right;
	}

	#title-mobile {
		top: 90px;
	    width: 70%;
		text-align: left;
	}

	#contacts a {
		display: block;
		width: fit-content;
	}
}

#cart-page .g-recaptcha{
	float: right;
	margin-bottom: 8px;
}
.modal .g-recaptcha{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	margin-bottom: 8px;
}
.g-recaptcha.error > div:first-of-type{
	border: 1px solid #e40000 !important;
    box-shadow: 0 0 0 2px rgba(255,0,0,0.25);
}