body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}
*, *:before, *:after{
	  	box-sizing:border-box;
	  	margin:0;
	  	padding:0;
		}
img[src$=".gif"], 
img[src$=".png"], 
img[src$=".jpg"] { 
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
   	}

.li{
		display:block;
		font-size:14px;
		font-weight:400;
		line-height:1.2;
		color:#FFF;
		margin:0 auto;
		padding:8px 12px 9px 12px;
		background:#8DB401;
		border-radius:7px;
		}
.li:hover{
		color:#000;
		background:#F3F3F7;
		}



html{
		width:100%;
		max-width:1824px;
		margin:0 auto;
		background:url(/img/bg.jpg);
		background-attachment:fixed;
		background-size:15%;
		background-repeat:repeat;
		background-position:center center;
		}
body{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		height:auto;
		border:0;
		font-family:'Roboto', Helvetica, Arial, sans-serif;
		margin:0 auto;
		padding:0;
		font-size:14px;
		line-height:1.2;
		font-weight:200;
		color:#666;
		background:#FFF;
		overflow-x:hidden;
		}
p{
		font-size:14px;
		line-height:1.2;
		font-weight:200
		}	
a,
a:hover{
		text-decoration:none;
		color:#666
		}
h1, h2, h3, h4, h5, h6{
		text-decoration:none;
		color:#666;
		}
ul li{
		list-style:none
		}
		
.data{
		width:90%;
		margin:0 auto;
		text-align:center;
		}		
		
		
/*Flex*/	
.flex{
		display:flex !important;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.flex-center{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
.flex-space-between{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.flex-space-around{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-content:center;
		align-items:center;
		}
.flex-space-evenly{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-evenly;
		align-content:center;
		align-items:center;
		}
.flex-left{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.flex-right{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:flex-end;
		}
.flex-column{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}	
.column{
		flex-direction:column;
		}	
			

/*Тень*/	
#app,
header,
footer,	
section{
		width:100%;
		box-shadow:rgb(6 5 50 / 10%) 0px 4px 30px;
		}
		
/*Шапка сайта*/	
header{
		position:fixed;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		top:0;
		left:0;
		right:0;
		width:100%;
 		max-width:1824px;
		margin:0 auto;
		height:150px;
		min-height:150px;
		padding:0 0 15px 0;
		z-index:1000;
		-webkit-transition:all .50s ease-out;
		-moz-transition:all .50s ease-out;
		-ms-transition:all .50s ease-out;
		-o-transition:all .50s ease-out;
		transition:all .50s ease-out;
		background:rgba(255, 255, 255, 1);
		}	
header.scroll{
		width:100%;
		height:75px;
		min-height:75px;
		}
header.open{
		display:block;
		height:100vh;
		z-index:2000;
		width:22%;
		right:0;
		left:auto;
		flex-direction:column;
		justify-content:flex-start;
		}
		
header .inner-header{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:82%;
		height:65%;
		margin:0 0 0 0;
		-webkit-transition:all 0s ease-out;
		-moz-transition:all 0s ease-out;
		-ms-transition:all 0s ease-out;
		-o-transition:all 0s ease-out;
		transition:all 0s ease-out;
		}
header.scroll .inner-header{
		display:none;
		}
header.open .inner-header{
		display:block;
		width:100%;
		height:100%;
		}	
		
header .dos-head{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0;
		}	
header.open .dos-head{
		display:none;
		}
header .dos-head b,
header .dos-head a{
		display:inline-block;
		font-weight:400;
		font-size:14px;
		line-height:1.2;
		color:#666;
		}		
header .dos-head a{
		margin:0 5px 0 0;
		padding:0 0 2px 0;
		color:#F48221;
		font-weight:600;
		border-bottom:1px dotted #F48221;
		}	
header .dos-head a:hover{
		color:#8DB401;
		border-bottom:1px dotted #8DB401;
		}	
		
.marquee{
		display:block;
		width:35%;
		white-space:nowrap;
		overflow:hidden;
		margin:0;
		}
header.scroll .marquee,
header.open .marquee{
		display:none;
		}
.marquee span{
		display:inline-block;
		font-size:14px;
		font-weight:400;
		line-height:1.2;
		color:#666;
		padding-left:100%;
		-webkit-animation:scroll 35s infinite linear;
		-moz-animation:scroll 35s infinite linear;
		animation:scroll 35s infinite linear;
		}
@-webkit-keyframes scroll{
		0%{
			-webkit-transform:translate(0, 0);
			transform:translate(0, 0);
		}
		100%{
			-webkit-transform:translate(-100%, 0);
			transform:translate(-100%, 0)
		}
	}
@-moz-keyframes scroll{
		0%{
			-moz-transform:translate(0, 0);
			transform:translate(0, 0);
		}
		100%{
			-moz-transform:translate(-100%, 0);
			transform:translate(-100%, 0)
		}
	}
@keyframes scroll{
		0%{
			transform:translate(0, 0);
		}
		100%{
			transform:translate(-100%, 0)
		}
	}
		
header .header-left{
		width:400px;	
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:center;
		margin:0 1.1% 0 0;
		}
header.open .header-left{
		position:absolute;
		top:3%;
		right:0;
		width:100%;
		height:100vh;
		justify-content:space-between;
    	align-content:flex-start;
    	align-items:flex-start;
		margin:0;
		}
		
header .tel-head{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:flex-end;
		text-align:right;
		margin:11px 12.5% 0 0;
		}		
header.open .tel-head{
		display:none;
		}		
header .tel-head a{
		width:100%;
		display:block;
		font-weight:400;
		font-size:14px;
		}
header .tel-head a{
		font-size:22px;
		color:#666;
		font-weight:600;
		}
header .tel-head .modal_callback{
		display:block;
		cursor:pointer;
		padding:0 0 2px 0;
		margin:5px 0 0 0;
		font-size:14px;
		color:#F48221;
		font-weight:600;
		border-bottom:1px dotted #F48221;
		}
header .tel-head .modal_callback:hover{
    	text-decoration:none;
    	color:#8DB401;
		border-bottom:1px dotted #8DB401;
		}	
		
header .header-left-top{
		width:129.5px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		margin:0 5.2% 0 0;
		}
header.open .header-left-top{
		margin:0;
		width:100%;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
		
header .logo-index{
		position:relative;
		display:block;
		background:url(/img/logo-index.png);
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:0 50%;
		margin:0 0 0 2%;
		width:14.5%;
		height:70%;
		-webkit-transition:all 0s ease-out;
		-moz-transition:all 0s ease-out;
		-ms-transition:all 0s ease-out;
		-o-transition:all 0s ease-out;
		transition:all 0s ease-out;
		z-index:1;
		}
header.scroll .logo-index{
		width:12%;
		background-position:0 25%;
		height:100%;
		margin:0;
		}
header.open .logo-index{
		display:none;
		}
		
header .logo-left{
		position:relative;
		display:none;
		background:url(/img/logo-left.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 9%;
		width:40%;
		height:100px;
		-webkit-transition:all 0s ease-out;
		-moz-transition:all 0s ease-out;
		-ms-transition:all 0s ease-out;
		-o-transition:all 0s ease-out;
		transition:all 0s ease-out;
		z-index:1;
		}
header.scroll .logo-left{
		display:none;
		}
header.open .logo-left{
		display:block;
		}
			
header .hamburger{
		position:relative;
		width:25px;
		height:25px;
		z-index:1000000;
		cursor:pointer;
		margin:0 3% 0 0;
		}
header.open .hamburger{
		margin:0 7% 0 0;
		}
header .hamburger span{
		display:block;
		width:25px;
		height:2.5px;
		background:#F48221;
		margin:8px 0 0 0;
		cursor:pointer;
		background:#F48221;
		}
header .hamburger span:first-child{
		margin:0;
		}
header.open .hamburger span{
		margin:0;
		position:absolute;
		left:0;
		top:13px;
		}
header.open .hamburger span:nth-child(1){
		-webkit-transform:rotate(45deg) translate(0, 0);
		-ms-transform:rotate(45deg) translate(0, 0);
		transform:rotate(45deg) translate(0, 0);
		}
header.open .hamburger span:nth-child(2){
		display:none;
		}
header.open .hamburger span:nth-child(3){
		-webkit-transform:rotate(-45deg) translate(0, 0);
		-ms-transform:rotate(-45deg) translate(0, 0);
		transform:rotate(-45deg) translate(0, 0);
		}

header .menu,
header.scroll .menu{
        display:none;
    	}
header.open .menu{
		display:block;
		width:100%;
		padding:10%;
		}
header .menu ul,
header .menu ul li{
		width:100%;
		}
header .menu ul li a{
		position:relative;
		display:block;
		margin:0 0 15px 0;
		font-size:14px;
		font-weight:400;
		line-height:1.2;
		width:100%;
		color:#666;
		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;
		}
header .menu ul li a:hover{
		color:#F48221;
		}
header .menu ul li.aktiv a{
		color:#F48221;
		font-weight:bold;
		}
header .menu ul li.current-menu-item a{
		color:#F48221;
		}
header .menu ul li.current-menu-item a:hover{
		color:#F48221;
		}		

header .header-contacts,
header.scroll .header-contacts,
header .header-contacts span,
header.scroll .header-contacts span{
		display:none;
		}
header.open .header-contacts{
		display:block;
		padding:10%;
		width:100%;
		}
header.open .header-contacts span{
		display:block;
		font-size:16px;
		font-weight:400;
		line-height:1.5;
		color:#666;
		background:none;
		}
header.open .header-contacts span:nth-child(2),
header.open .header-contacts span:nth-child(3),
header.open .header-contacts span:nth-child(4){
		font-size:14px;
		}

header .inner-bottom{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		padding:0 0 0 2.7%;
		width:100%;
		height:35%;
		-webkit-transition:all 0s ease-out;
		-moz-transition:all 0s ease-out;
		-ms-transition:all 0s ease-out;
		-o-transition:all 0s ease-out;
		transition:all 0s ease-out;
		}
header.scroll .inner-bottom{
		justify-content:space-between;
		align-content:center;
		align-items:center;
		margin:0;
		width:80%;
		height:100%;
		}
header.open .inner-bottom{
		display:none;
		}
		
header .inner-bottom-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		margin:0;
		width:75%;
		height:100%;
		}	
		
header .menu-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		height:100%;
		margin:0.2% 0 0 0;
		}	
header.scroll .menu-box{
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}	
header.open .menu-box{
		display:none;
		}
header .menu-box a{
		display:inline-block;
		font-size:14px;
		font-weight:400;
		line-height:1.2;
		color:#FFF;
		margin:0 2.5px 0 0;
		padding:8px 12px 9px 12px;
		background:#8DB401;
		border-radius:7px;
		}	
header .menu-box a:last-child{
		background:#F48221;
		}
header .menu-box a:hover,
header .menu-box a:last-child:hover{
		color:#666;
		background:#F3F3F7;
		}
header .menu-box .aktiv{
		color:#FFF !important;
		background:#7CC6F5 !important;
		}

	
header .promo{
		z-index:10000;
		height:100%;
		width:33%;
		margin:-8px 0 0 0;
		}
header.scroll .promo,
header.open .promo{
		display:none;
		}
header .promo ul{
		padding:0;
		margin:0;
		list-style:none;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}	
header .promo ul li{
		display:inline-block;
		margin:0;
		height:100%;
		width:14.28%;
		}					
header .promo .promo-a{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		text-decoration:none;
		width:100%;
		height:100%;
		padding:0;
		background-repeat:no-repeat !important;
		background-position:top center !important;
		background-size:80% auto !important;
		}	
header .promo .promo-a:hover{
		background:none;
		}
header .promo-owl-carousel .owl-nav{
		position:absolute;
		top:10% !important;
		left:0 !important;
		right:0 !important;
		}
header .promo-owl-carousel .owl-prev,
header .promo-owl-carousel .owl-next{
		top:auto !important;
		bottom:auto !important;
		}
header .promo-owl-carousel .owl-prev{
		left:-3% !important;
		}
header .promo-owl-carousel .owl-next{
		right:-3% !important;
		}	
header .promo-owl-carousel .owl-prev span,
header .promo-owl-carousel .owl-next span{
		color:#F48221 !important;
		}
header .promo-owl-carousel .owl-prev span:hover,
header .promo-owl-carousel .owl-next span:hover{
		color:#8DB401 !important;
		}	

/* первый уровень выпадающего списка */
header .promo ul ul{
		position:absolute;
		top:150px;
		left:0;
		width:100%;
		height:auto;
		padding:25px 0 0 0;
		visibility:hidden;
		opacity:0;
		z-index:-1;
		-webkit-transition:all 200ms ease-out;
		-moz-transition:all 200ms ease-out;
		-ms-transition:all 200ms ease-out;
		-o-transition:all 200ms ease-out;
		transition:all 200ms ease-out;
		overflow:hidden;
		box-shadow:rgb(6 5 50 / 10%) 0px 4px 30px;
		background:rgba(255, 255, 255, 1);
		}
header .promo ul li:hover > ul{
		display:inherit;
		visibility:visible;
		opacity:1;
		z-index:1;
		}
header .promo ul ul li{
		display:block;
		width:88%;
		height:100%;
		margin:30px auto 20px auto;
		}
header .promo ul ul li .prices{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		padding:10px;
		}
header .promo ul ul li .prices .owl-background{
		display:block;
		width:100%;
		height:230px;
		text-decoration:none;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:auto 100% !important;
		-webkit-transition:all 0.5s ease-out;
		-moz-transition:all 0.5s ease-out;
		-ms-transition:all 0.5s ease-out;
		-o-transition:all 0.5s ease-out;
		transition:all 0.5s ease-out;
		}
header .promo ul ul li .prices .owl-background:hover{
		background-size:auto 120% !important;
		}
header .promo ul ul li .prices .a{
		display:block;
		width:100%;
		height:40px;
		color:#666;
		font-weight:600;
		font-size:16px;
		text-decoration:none;
		overflow:hidden;
		margin:15px 0 0 0;
		}
header .promo ul ul li .prices span{
		display:block;
		width:100%;
		color:#666;
		font-size:16px;
		}
header .promo ul li:hover ul li .prices .a{
		color:#666;
		}
header .promo ul li:hover ul li .prices .a:hover{
		color:#666;
		}
	
/*Контейнеры*/
.container-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:90%;
		min-height:100vh;
		margin:0 auto 60px auto;
		}
.container-box h1,
.container-box h2,
.container-box h3,
.container-box h4,
.container-box h5,
.container-box h6{
		position:relative;
		display:block;
		width:100%;
		font-size:27px;
		line-height:1.2;
		font-weight:200;
		text-align:left;
		margin:0 auto 30px auto !important;
		}
.container-box p{
		position:relative;
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:200;
		margin:0 auto 30px auto !important;
		}
.container-box ul{
		position:relative;
		display:block;
		margin:15px auto 15px auto;
		}	
.container-box ul li{
		position:relative;
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:200;
		margin:0 auto 10px auto;
		padding:25px;
		background:#F3F3F7;
		}		

.content-left{
		position:relative;
		display:block;
		width:30%;
		height:auto;
		min-height:auto;
		}
.content-left .content-header{
		position:relative;
		display:block;
		border-bottom:1px dotted #8DB401;
		width:100%;
		padding-bottom:30px;
		margin:0 0 30px 0;
		}
.content-left .content-header span{
		position:relative;
		display:block;
		margin:15px 0 0 0;
		font-size:14px;
		line-height:1.2;
		font-weight:200;
		color:#666;
		}
.content-left .content-header h4{
		text-align:left;
		font-size:22px;
		}
.content-left .content-header .modal_form{
		display:inline-block;
		width:auto;
		padding:0 0 2px 0;
		margin:15px 0 0 0;
		font-size:14px;
		color:#F48221;
		font-weight:600;
		border-bottom:1px dotted #F48221;
		cursor:pointer;
		}
.content-left .content-header .modal_form:hover{
    	text-decoration:none;
    	color:#8DB401;
		border-bottom:1px dotted #8DB401;
		}

/*Каталог на главной*/	
.a-h1{
		position:relative;
		display:block;
		width:100%;
		font-size:26px;
		margin:80px auto 60px auto;
		text-align:center;
		}

.cat-box-catalog-index{
		width:90%;
		display:block;
		margin:90px auto 60px auto;
		z-index:100000000;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
		
.cat-box-tovar-index{
		width:90%;
		display:block;
		margin:0 auto 60px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
.cat-box-tovar-index h2{
		position:relative;
		display:block;
		width:100%;
		font-size:26px;
		margin:0 auto 30px auto;
		text-align:center;
		}
.cat-box-tovar-index h3{
		position:relative;
		display:block;
		width:100%;
		font-size:22px;
		margin:0 auto 60px auto;
		text-align:center;
		}
.cat-box-tovar-index p{
		position:relative;
		display:block;
		width:100%;
		font-size:18px;
		margin:0 auto 30px auto;
		text-align:center !important;
		}
.cat-box-tovar-index .next{
		width:30%;
		color:#FFF;
		font-size:14px;
		line-height:1;
		font-weight:200 !important;
		background:#8DB401;
		margin:0 auto;
		}

				
.cat-box-index{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:flex-end;
		align-items:flex-end;
		/*width:31.33%;*/
		width:18%;
		height:300px;
		text-decoration:none !important;
		margin:0 1% 25px 1%;
		-webkit-transition:all 0.5s ease-out;
		-moz-transition:all 0.5s ease-out;
		-ms-transition:all 0.5s ease-out;
		-o-transition:all 0.5s ease-out;
		transition:all 0.5s ease-out;
		background-size:auto 100% !important;
		/*background-size:100% auto !important;*/
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}
.cat-box-index:hover{
		text-decoration:none !important;
		background-size:auto 120% !important;
		}
.cat-box-catalog-index .cat-box-index:nth-child(1),
.cat-box-catalog-index .cat-box-index:nth-child(2),
.cat-box-catalog-index .cat-box-index:nth-child(6),
.cat-box-catalog-index .cat-box-index:nth-child(7){	
		/*width:48%;
		height:400px;
		background-size:100% auto !important;*/
		}
.cat-box-catalog-index .cat-box-index:hover:nth-child(1),
.cat-box-catalog-index .cat-box-index:hover:nth-child(2),
.cat-box-catalog-index .cat-box-index:hover:nth-child(6),
.cat-box-catalog-index .cat-box-index:hover:nth-child(7){	
		/*background-size:120% auto !important;*/
		}
.cat-box-index .cat-box-v-index{
		display:block;
		width:100%;
		}
.cat-box-index .box-v-index{
		display:block;
		width:100%;
		}
.cat-box-index .box-v-index span{
		display:block;
		width:100%;
		height:70px;
		padding:15px 0 15px 0;
		text-align:center;
		font-size:18px;
		font-weight:600;
		text-align:center;
		text-decoration:none !important;
		color:#666;
		background:rgba(255, 255, 255, 1);
		overflow:hidden;
		-webkit-transition:all 0.5s ease-out;
		-moz-transition:all 0.5s ease-out;
		-ms-transition:all 0.5s ease-out;
		-o-transition:all 0.5s ease-out;
		transition:all 0.5s ease-out;
		}
.cat-box-index:hover .box-v-index span{
		text-decoration:underline;
		color:#8DB401;
		}

.cat-box{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:flex-end;
		align-items:flex-end;
		width:31.33%;
		height:270px;
		margin:0 1% 25px 1%;
		transition:background 0.5s;
		-moz-transition:backgrounde 0.5s;
		-o-transition:background 0.5s;
		-webkit-transition:background 0.5s;
		background-size:auto 200px !important;
		background-position:top center !important;
		background-repeat:no-repeat !important;
		}
.cat-box .cat-box-v{
		display:block;
		width:100%;
		}
.cat-box .box-v{
		display:block;
		width:100%;
		}
.cat-box .box-v span{
		display:block;
		width:100%;
		height:50px;
		background:rgba(255, 255, 255, 1);
		padding:15px 0 15px 0;
		text-align:center;
		font-size:14px;
		text-align:center;
		color:#666;
		}
.cat-box:hover .box-v span{
		background:rgba(255, 255, 255, 1);
		text-decoration:underline;
		}
	
	
	

.catalog-box-pad{
		width:100%;
		margin:0 auto 60px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}	
		
		
		
		
		
/*Публикации на главной*/		
.cat-box-publikatsii-index{
		width:90%;
		display:block;
		margin:0 auto 60px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
.cat-box-publikatsii-index h4{
		position:relative;
		display:block;
		width:100%;
		font-size:26px;
		margin:0 auto 30px auto;
		text-align:center;
		}		
.cat-box-publikatsii-index .cat-box-index{
		width:31.33%;
		height:400px;
		}		
.cat-box-publikatsii-index .cat-box-index .box-v-index span{
		height:120px;
		}		
		
		
		
			
		


.details,
.menu-details{
		margin:0;
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.details ul,
.menu-details ul{
		width:100%;
		}
.details ul li,
.menu-details ul li{
		position:relative;
		width:24%;
		padding:15px;
		margin:0 0.5% 15px 0.5%;
		z-index:1;
		border:1px dotted #8DB401;
		}	
.details ul li:hover,
.menu-details ul li:hover{
		display:block;
		border:1px dotted #F48221;
		}
.menu-details .box-img-div{
		position:relative;
		display:block;
		width:100%;
		height:220px;
		max-height:220px;
		margin:0 0 30px 0;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}
		
.menu-details .box-img-div .tov-desc-text{
		position:absolute;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		bottom:0;
		right:0;
		width:100%;
		height:100%;
		z-index:2;
		opacity:0;
		padding:7%;
		background:#F3F3F7;
		overflow:hidden;
		}		
.menu-details .box-img-div:hover .tov-desc-text{
		opacity:1;
		}
.menu-details .box-img-div .tov-desc-text strong{
		display:block;
		font-size:20px;
		line-height:1.2;
		font-weight:400;
		width:100%;
		margin:0 0 15px 0;
		color:#666;
		}		
.menu-details .box-img-div .tov-desc-text p{
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		width:100%;
		color:#666;
		}			
		
		
		
/*Хиты, новинки*/		
.menu-details .box-img-div.ico_1:after,
.menu-details .box-img-div.ico_2:after,
.basket-img.ico_1:after,
.basket-img.ico_2:after{
		position:absolute;
		display:block;
		bottom:0;
		right:0;
		line-height:1.2;
		font-size:14px;
		font-weight:600;
		padding:15px 0 10px 5px;
		width:60px;
		border-radius:35px 0 0 0;
		text-align:center;
		z-index:1;
		}
.menu-details .box-img-div.ico_1:after,
.basket-img.ico_1:after{
		background:#8DB401;
		content:'HIT';
		color:#FFF;
		}
.menu-details .box-img-div.ico_2:after,
.basket-img.ico_2:after{
		background:#F48221;
		content:'NEW';
		color:#FFF;
		}
		
		
.menu-details .prices{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
		z-index:10000;
		}
.menu-details .prices .a{
		display:block;
		width:100%;
		height:60px;
		max-height:60px;
		text-align:left;
		font-size:20px;
		line-height:1.2;
		color:#666;
		margin:0 auto 10px auto;
		text-decoration:none;
		overflow:hidden;
		}
.menu-details .prices .a:hover{
		color:#8DB401;
		}	
		
.menu-details .prices span{
		display:block;
		width:100%;
		text-align:left;
		font-size:14px;
		line-height:1.2;
		color:#666;
		}
.menu-details .prices .span-price{
		display:block;
		font-size:20px;
		margin:5px auto 5px auto;
		}
.menu-details .prices .span-ves,
.menu-details .prices .span-price,
.menu-details .span-basket{
		margin:5px auto 5px auto;
		}
.menu-details .span-basket form{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}	

/*Карточка товара*/
.tovars-box{
		width:100%;
		margin:0 auto 60px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.tovars-box .form-cart{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
		}	
.tovars-box .form-cart .tovars{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:68%;
		}
.tovars-box .form-cart .tovar-img{
		display:block;
		width:30%;
		height:300px;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		}	
.tovars-box .form-cart h1{
		width:100%;
		display:block;
		font-size:30px;
		line-height:1.2;
		font-weight:400;
		text-align:left;
		color:#666;
		}
.tovars-box .form-cart span{
		width:100%;
		display:block;
		padding:0;
		text-align:left;
		font-size:14px;
		line-height:1.2;
		color:#666;
		margin:15px auto;
		}
.tovars-box .custom-checkbox span{
		text-align:center !important;
		}		
		
		
/*Похожие товары в карточке товара*/		
.tovars-box .comp,
.tovars-box .dop{
		width:100%;
		margin:60px auto 0 auto;
		}
.tovars-box .comp h2{
		display:block;
		font-size:20px;
		line-height:1.2;
		font-weight:400;
		color:#666;
		}
.tovars-box .comp .pohojie_box-cont{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:30px 0 0 0;
		}
.pohojie{
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:15.66%;
		height:auto;
		margin:0 0.5% 30px 0.5%;
		text-decoration:none;
		transition:background 0.5s;
		-moz-transition:backgrounde 0.5s;
		-o-transition:background 0.5s;
		-webkit-transition:background 0.5s;
		}
.pohojie_box{
		position:relative;
		display:block;
		width:100%;
		height:160px;
		margin:0 0 20px 0;
		text-decoration:none;
		transition:background 0.5s;
		-moz-transition:backgrounde 0.5s;
		-o-transition:background 0.5s;
		-webkit-transition:background 0.5s;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		background-size:105% auto !important;
		}
.pohojie_box:hover{
		background-size:110% auto !important;
		}
.pohojie b{
		display:block;
		width:100%;
		font-size:14px;
		font-weight:400 !important;
		color:#666;
		}
	
/*События*/
.sobytija{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.sobytija-img{
		position:relative;
		display:block;
		width:32.33%;
		padding:1.5%;
		margin:0 0.5% 15px 0.5%;
		z-index:1;
		border:1px dotted #8DB401;
		}
.sobytija-img:hover{
		display:block;
		border:1px dotted #F48221;
		}
.sobytija-img .sobytija-img-a{
		position:relative;
		display:block;
		width:100%;
		height:280px;
		max-height:280px;
		margin:0 0 30px 0;
		background-repeat:no-repeat !important;
		background-position:left top !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}
		
.sobytija-box{
		width:100%;
		margin:0 0 60px 0;
		}		
.sobytija-box .sobytija-img-b{
		position:relative;
		display:block;
		width:45%;
		height:400px;
		float:right;
		margin:0 0 100px 5%;
		background-repeat:no-repeat !important;
		background-position:left top !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}	
.sobytija-box .sobytija-txt{
		position:relative;
		display:block;
		}
.sobytija-box .sobytija-txt p{
		margin:0 0 30px 0 !important;
		font-size:14px;
		line-height:1.5;
		font-weight:200;
		}
.sobytija-box .sobytija-txt h2,
.sobytija-box .sobytija-txt h3,
.sobytija-box .sobytija-txt h4,
.sobytija-box .sobytija-txt h5,
.sobytija-box .sobytija-txt h6{
		margin:30px 0 30px 0 !important;
		}		
.sobytija-box .sobytija-txt p a{
		color:#8DB401;
		font-size:14px;
		line-height:1.5;
		font-weight:200;
		text-decoration:none;
		border-bottom:0.5px dotted #8DB401;
		}		
.sobytija-box .sobytija-txt p a:hover{
		color:#F48221;
		border-bottom:0.5px dotted #F48221;
		}
		
.sobytija-txt ul{
		display:block;
		margin:30px 0 30px 0;
		}	
.sobytija-txt ul li{
		list-style:none;
		color:#666;
		background:#E6EFD5;
		padding:25px;
		margin:0 0 10px 0;
		font-size:14px;
		line-height:1.5;
		font-weight:200;
		}
		
.sobytija-txt ol{
		counter-reset:myCounter;
		margin:30px 0 30px 0;
		}	
.sobytija-txt ol li{
		list-style:none;
		font-size:14px;
		line-height:1.5;
		font-weight:200;
		margin:0 0 10px 0;
		}
.sobytija-txt ol li:before{
		counter-increment:myCounter;
		content:counter(myCounter);
		color:#FFF;
		background:#F48221;
		display:inline-block;
		text-align:center;
		margin:7px 15px 7px 0;
		line-height:30px;
		width:30px;
		height:30px;
		font-size:15px;
		}	
.sobytija-txt ol li li:before{
		display:none;
		}		


/*Баннер в каталоге*/	
.img-top{
		position:absolute;
		top:0;
		left:0;
		right:0;
		width:100%;
		max-width:1824px;
		margin:0 auto;
		height:450px;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		box-shadow:rgb(6 5 50 / 10%) 0px 4px 30px;
		}
/*Отступ сверху*/	
.margin-top-500{
		height:500px;
		}
.margin-top-200{
		height:200px;
		}









		
			
.desc-box-news b{
		font-size:15px !important;
		line-height:1.2 !important;
		}
.datetime-box-news,
.sobytija-img-title,
.desc-box-news{
		display:block;
		width:100%;
		color:#666;
		font-size:16px;
		line-height:1.2;
		font-weight:400;
		padding:2% 0 2% 0;
		text-decoration:none;
		}
.datetime-box-news{
		margin:30px 0 0 0;
		font-size:14px;
		}
.desc-box-news{
		font-size:14px;
		}
.sobytija-img-title{
		font-weight:600;
		}
.sobytija-img:hover .sobytija-img-title{
		color:#666;
		}
.sobytija-img:hover .desc-box-news,
.sobytija-img:hover .datetime-box-news,
.sobytija-img:hover .desc-box-news b{
		color:#666;
		}

/*Низ сайта*/
footer{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:100%;
		padding:3%;
		color:#FFF;
		font-size:14px;
		background:#78868B;
		}
footer a{
		font-size:14px;
		color:#FFF;
		}
footer a:hover{
		color:#F48221;
		}
footer .footer-left{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		width:35%;
		}
footer .footer-left .logo-footer{
		position:relative;
		display:block;
		background:url(/img/logo-left.png);
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:0 0;
		width:32%;
		height:150px;
		-webkit-transition:all 0s ease-out;
		-moz-transition:all 0s ease-out;
		-ms-transition:all 0s ease-out;
		-o-transition:all 0s ease-out;
		transition:all 0s ease-out;
		}
footer .footer-left .col{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:40%;
		margin:0 0 0 18%;
		}
footer .footer-right{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:20%;
		}
footer .footer-right img{
		width:80%;
		}
footer .footer-right .col-link{
		width:100%;
		margin:15px 0 15px 0;
		}
footer .footer-right .col-link a{
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		width:100%;
		color:#FFF;
		margin:0 0 10px 0;
		}
footer .footer-right .col-link a:hover{
		color:#F48221;
		}		
footer .bottom{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		margin:1.5% 0 0 0;
		}
footer .bottom span,
footer .bottom a{
		display:block;
		font-size:14px;
		margin:0 2% 0 0;
		}
footer .bottom span{
		margin:0 5.5% 0 0;
		}

/*Хлебные крошки*/
.navig{
		width:90%;
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		margin:15px auto 30px auto;
		}
#breadcrumb{
		font-size:14px;
		width:50%;
		margin:0;
		padding:0;
		color:#666;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		}
#breadcrumb a{
		color:#666;
		font-weight:400;
		}
#breadcrumb .crumb-separator{
		margin:0 5px;
		}
#breadcrumb .active-page{
		font-weight:400;
		color:#8DB401;
		}

/*Нумирация*/
.link-l{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
		color:#666;
		font-size:14px;
		line-height:1;
		font-weight:bold;
		margin:0 0 0 0.5%;
		}
.nu{
		position:relative;
		display:none;
		margin:1% 1% 0 0;
		}
.num, .nums, .next{
		position:relative;
		display:block;
		padding:0.6% 0 0 0;
		width:30px;
		height:30px;
		text-align:center;
		text-decoration:none;
		text-transform:normal;
		font-weight:bold !important;
		margin:0.5% 1.4% 0 0;
		background:#8DB401;
		border:0.05vw solid #8DB401;
		color:#FFF;
		border-radius:7px;
		}
.nums{
		background:#8DB401;
		color:#FFF;
		}
.next{
		color:#FFF;
		font-size:14px;
		line-height:1;
		font-weight:200;
		background:#8DB401;
		margin:5% 0 5% 0;
		}
.nums:hover, .next:hover{
		background:#F48221;
		color:#FFF;
		}
		
.nextss{
		position:relative;
		display:block;
		font-size:14px;
    	font-weight:400;
    	line-height:1.2;
   	 	margin:0;
    	padding:8px 15px 9px 15px;
		text-align:center;
		background:#8DB401;
		color:#FFF;
		border-radius:7px;
		}
.nextss:hover{
		background:#F48221;
		color:#FFF;
		}

/*Карта*/		
.map,
#circle{
		position:relative;
		display:block;
		margin:0 0 0 5%;
		width:65%;
		height:70vh;
		}
		
.dost{
		position:fixed;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		top:25%;
		right:0;
		padding:10px 10px 10px 15px;
		width:250px;
		background:#F48221;
		color:#FFF;
		font-size:14px;
    	font-weight:400;
    	line-height:1.2;
		z-index:10000000000000;
		border-radius:7px 0 0 7px;
		}
.dost:hover{
		background:#8DB401;
		color:#FFF;
		}
		
.graf{
		position:fixed;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		top:37%;
		right:0;
		padding:10px 10px 10px 15px;
		width:200px;
		background:#8DB401;
		color:#FFF;
		font-size:14px;
    	font-weight:400;
    	line-height:1.2;
		z-index:10000000000000;
		border-radius:7px 0 0 7px;
		}
.graf:hover{
		background:#F48221;
		color:#FFF;
		}