@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

*, *:before, *:after{
	  	box-sizing:border-box;
	  	margin:0;
	  	padding:0;
		}
/*img[src$=".gif"], 
img[src$=".png"], 
img[src$=".jpg"],
.pixelated{ 
	-ms-interpolation-mode:nearest-neighbor;
    image-rendering:-webkit-optimize-contrast;
    image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
    image-rendering:crisp-edges;
   	}*/


html{
		margin:0 auto;
		background:#5AA345;
		overflow-x:hidden;
		}
body{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		max-width:1824px;
		height:auto;
		border:0;
		font-family:'Montserrat', sans-serif;
		margin:0 auto;
		padding:0;
		font-size:19px;
		line-height:1.5;
		font-weight:400;
		color:#2C2C2C;
		background:#FFF;
		overflow-x:hidden;
		}
a,
a:hover{
		text-decoration:none;
		color:#666
		}
h1, h2, h3, h4, h5, h6{
		text-decoration:none;
		color:#2C2C2C;
		}
ul li{
		list-style:none
		}
		
/*Flex*/	
.flex{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.flex-center{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
.flex-space-between{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.flex-space-around{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-content:center;
		align-items:center;
		}
.flex-space-evenly{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-evenly;
		align-content:center;
		align-items:center;
		}
.flex-left{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.flex-right{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:flex-end;
		}
.flex-column{
		width:100%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}	
.column{
		flex-direction:column;
		}	
			

/*Тень*/
header,
footer,	
section{
		position:relative;
		display:block;
		width:100%;
		}
		
/*Шапка сайта*/	
header{
		position:fixed;
		top:0;
		left:0;
		right:0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:center;
		padding:0;
		width:100%;
		max-width:1824px;
		height:200px;
		min-height:200px;
		margin:0 auto;
		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:linear-gradient(180deg, rgba(33,33,33,0.7) 0%, rgba(33,33,33,0) 100%);
		}	
header.scroll{
		padding:0;
		height:100px;
		min-height:100px;
		margin:0 auto;
		background:linear-gradient(180deg, rgba(33,33,33,0.8) 0%, rgba(33,33,33,0.4) 100%);
		}
header.open{
		display:block;
		height:100vh;
		z-index:2000;
		width:22%;
		right:0;
		left:auto;
		flex-direction:column;
		justify-content:flex-start;
		background:#111;
		background:linear-gradient(180deg, rgba(33,33,33,0.95) 0%, rgba(33,33,33,0.95) 100%);
		}
		
header .inner-header{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:25px;
		height:25px;
		margin:0 3% 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.open .inner-header{
		display:block;
		width:100%;
		height:100%;
		margin:0;
		}	
	

		
header .header-left{
		width:400px;	
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:center;
		margin:0;
		}
header.scroll .header-left{
		width:30%;	
		order:2;
		}
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 .header-left-top{
		width:10%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		margin: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 !important;
		background-repeat:no-repeat;
		background-position:left center;
		margin:0 0 0 5%;
		width:200px;
		height:200px;
		-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:100px;
		height:100px;
		background-position:left center;
		order:0;
		}
header.open .logo-index{
		display:none;
		}
		
header .logo-left{
		position:relative;
		display:none;
		background:url(/img/logo-index.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.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:#5AA345;
		margin:8px 0 0 0;
		cursor:pointer;
		background:#FFF;
		}
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 a{
		position:relative;
		display:block;
		margin:0 0 15px 0;
		font-size:14px;
		font-weight:400;
		line-height:1.2;
		width:100%;
		color:#FFF;
		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 a:hover{
		color:#5AA345;
		}
header .menu .aktiv a{
		color:#5AA345;
		font-weight:bold;
		}
header .menu .current-menu-item a{
		color:#5AA345;
		}
header .menu .current-menu-item a:hover{
		color:#5AA345;
		}		

header .header-contacts,
header.scroll .header-contacts,
header .header-contacts span,
header.scroll .header-contacts span{
		display:none;
		}
header.open .header-contacts{
		position:absolute;
		bottom:3%;
		display:block;
		padding:10%;
		width:100%;
		}
header.open .header-contacts span{
		display:block;
		font-size:16px;
		font-weight:400;
		line-height:1.5;
		color:#FFF;
		background:none;
		margin:0;
		}
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.open .header-contacts span:nth-child(1),
header.open .header-contacts span:nth-child(2){
		margin:0 0 20px 0;
		}
		
header.open .header-contacts a{
		font-size:16px;
		font-weight:400;
		line-height:1.5;
		color:#FFF;
		}

header .inner-bottom{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		padding:0;
		width:100%;
		-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{
		display:flex;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		margin:0;
		width:60%;
		order:1;
		}
header.open .inner-bottom{
		display:none;
		}
		
header .inner-bottom-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0;
		width:100%;
		}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
header .menu-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:50%;
		margin:0 0 0 3%;
		}	
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:18px;
		font-weight:600;
		line-height:1.2;
		color:#FFF;
		margin:0 4% 0 0;
		border-radius:0;
		}	
header .menu-box a:hover,
header .menu-box a:last-child:hover{
		color:#FFF;
		text-decoration:underline;
		}
header .menu-box .aktiv{
		color:#FFF !important;
		text-decoration:underline;
		}

/*o-komp*/
.o-komp{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:center;
		width:70%;
		margin:60px auto 30px auto;
		}
.o-komp h1{
		width:100%;
		font-size:44px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		line-height:1.2;
		margin:30px 0 15px 0;
		}
		
.o-komp h2{
		width:100%;
		margin:0 0 15px 0;
		font-size:24px;
		text-transform:uppercase;
		}
.o-komp span{
		display:block;
		font-size:19px;
		color:#2C2C2C;
		font-weight:400;
		text-align:left;
		margin:15px 0 0 0;
		}
.o-komp span p{
		margin:0 0 25px 0;
		}		

	
/*modal-box*/	
.modal-box{
		width:70%;
		height:auto;
		margin:60px auto;
		}
.modal-box h3{
		width:100%;
		font-size:50px;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		text-align:left;
		margin:0;
		}
.modal-box div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:center;
		width:100%;
		margin:60px 0 0 0;
		}
.modal-box div p{
		display:block;
		width:50%;
		font-size:24px;
		line-height:1.2;
		color:#2C2C2C;
		font-weight:600;
		margin:15px 0 0 0;
		}
.modal-box div .modal_callback{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:40%;
		height:10vh;
		background:#5AA345;
		color:#FFF;
		text-align:center;
		padding:15px;
		font-size:19px;
		font-weight:600;
		line-height:1;
		margin:15px 0 0 0;
		cursor:pointer;
		transition:background 0.2s ease-in-out;
		}
.modal-box div .modal_callback b{
		display:block;
		font-weight:600;
		}
.modal-box div .modal_callback:hover{
		background:#2C2C2C;
		color:#FFF;
		}		
	
/*marquee*/		
.marquee{
		display:block;
		width:100%;
		white-space:nowrap;
		overflow:hidden;
		margin:0;
		}
.marquee span{
		display:inline-block;
		-webkit-animation:scroll 55s infinite linear;
		-moz-animation:scroll 55s infinite linear;
		animation:scroll 55s infinite linear;
		}	
.marquee span b{
		display:inline-block;
		font-size:50px;
		margin:0 30px 0 0;
		font-weight:400;
		line-height:1.2;
		color:#2C2C2C;
		}	
@-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)
		}
	}		
		
	
	
/*calery-box*/		
.calery-box{
		width:100%;
		margin:5% auto 0 auto;
		padding:0;
		}	
.calery-box div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.calery-box div a{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-start;
		align-items:flex-start;
		overflow:hidden;
		height:65vh;
		transition:background 3s ease-in-out;
		background-repeat:no-repeat !important;
		background-size:auto 100% !important;
		background-position:left center !important;
		width:55%;
		margin:0 0 2.5% 0;
		}
.calery-box div a:nth-child(1){
		background-size:100% auto !important;
		background-position:left center !important;
		width:55%;
		}	
.calery-box div a:nth-child(2){
		background-size:auto 100% !important;
		background-position:left center !important;
		width:20%;
		}
.calery-box div a:nth-child(3){
		background-size:auto 100% !important;
		background-position:left center !important;
		width:20%;
		}		
.calery-box div a:nth-child(1):hover{
		background-size:120% auto !important;
		background-position:right center !important;
		}	
.calery-box div a:nth-child(2):hover{
		background-size:auto 120% !important;
		background-position:right top !important;
		}
.calery-box div a:nth-child(3):hover{
		background-size:auto 120% !important;
		background-position:right bottom !important;
		}
.calery-box div a:before{
		position:absolute;
		content:'';
		width:100%;
		height:100%;
		background:rgb(0,0,0,0);
		transition:background 0.2s ease-in-out;
		z-index:10;
		}
.calery-box div a:hover:before{
		background:rgb(0,0,0,0.2);
		}
.calery-box div a b{
		display:none;
		padding:-100px 0 0 0;
		font-size:19px;
		color:#FFF;
		line-height:1.2;
		font-weight:600;
		z-index:100;
		width:100%;
		text-align:right;
		}
.calery-box div a:hover b{
		display:block;
		padding:2vh 1.5vw 0 1.5vw;
		}				
				
/*calery-box-project*/	
.calery-box-project{
		width:100%;
		margin:30px auto 0 auto;
		padding:0;
		}
.calery-box-project-rand{
		width:80%;
		margin:100px auto 0 auto;
		}
.calery-box-project h1,
.calery-box-project h2,
.calery-box-project h5{
		width:70%;
		font-size:50px;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		text-align:right;
		text-transform:uppercase;
		margin:0 auto 60px auto;
		}	
.calery-box-project-rand h1,
.calery-box-project-rand h2{
		width:70%;
		font-size:40px;
		margin:0 0 45px 0;
		text-align:left;
		}
.calery-box-project div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		}
.calery-box-project div a{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-end;
		align-items:flex-end;
		overflow:hidden;
		height:50vh;
		transition:background 3s ease-in-out;
		background-repeat:no-repeat !important;
		background-size:auto 102% !important;
		background-position:-2px 50% !important;
		width:20%;
		margin:0 0 2.5% 0;
		}
.calery-box-project div a:hover{
		background-size:auto 120% !important;
		background-position:right bottom !important;
		}
.calery-box-project div a:nth-child(6n+4),
.calery-box-project div a:nth-child(6n+3){
		background-size:102% auto !important;
		background-position:-2px 50% !important;
		width:55%;
		}
.calery-box-project div a:nth-child(6n+4):hover,
.calery-box-project div a:nth-child(6n+3):hover{
		background-size:120% auto !important;
		background-position:right top !important;
		}
.calery-box-project div a:before{
		position:absolute;
		content:'';
		width:100%;
		height:100%;
		background:rgb(0,0,0,0);
		transition:background 0.2s ease-in-out;
		z-index:10;
		}
.calery-box-project div a:hover:before{
		background:rgb(0,0,0,0.2);
		}
.calery-box-project div a b{
		display:none;
		padding:0 0 -100px 0;
		font-size:19px;
		color:#FFF;
		line-height:1.2;
		font-weight:600;
		z-index:100;
		width:100%;
		}
.calery-box-project div a:hover b{
		display:block;
		padding:0 1.5vw 2vh 1.5vw;
		}
			
.portfolio-all{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		margin:0 auto;
		}	
.portfolio-all a{
		display:block;
		background:#5AA345;
		color:#FFF;
		line-height:1.2;
		font-weight:600;
		font-size:19px;
		width:55%;
		height:auto;
		text-align:center;
		padding:25px;
		transition:all 1s ease-in-out;
		}
.portfolio-all a:hover{
		background:#2C2C2C;
		color:#FFF;
		width:77.5%;
		}
	
		
		
		
		
		
		
		
.cat-box-priem{
		width:70%;
		margin:100px auto 0 auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.cat-box-priem h4{
		width:100%;
		font-size:40px;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		text-align:left;
		margin:0 0 30px 0;
		}		
.cat-box-priem div{
		width:31%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		margin:60px 0 0 0;
		}
.cat-box-priem div .priem{
		width:100%;
		height:220px;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		}
.cat-box-priem .priem-l{
		width:100%;
		height:100%;
		}
.cat-box-priem div strong{
		display:block;
		font-size:25px;
		line-height:1.5;
		color:#2C2C2C;
		margin:15px 0 0 0;
		}
.cat-box-priem div p{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#2C2C2C;
		margin:15px 0;
		}

.cat-box-comanda{
		width:100%;
		margin:100px auto 100px auto;
		padding:100px 15% 100px 15%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		background:#F2F2F2;
		}
.cat-box-comanda h6{
		width:100%;
		font-size:50px;
		color:#2C2C2C;
		text-transform:uppercase;
		line-height:1.2;
		font-weight:600;
		text-align:left;
		margin:0 0 0 0;
		}		
.cat-box-comanda div{
		width:18%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		margin:60px 0 0 0;
		}
.cat-box-comanda div .comanda{
		width:180px;
		height:180px;
		margin:0 auto;
		border-radius:150%;
		background-size:auto 100% !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		}
.cat-box-comanda .comanda-l{
		width:100%;
		height:100%;
		}
.cat-box-comanda div strong{
		display:block;
		font-size:19px;
		line-height:1.2;
		color:#2C2C2C;
		margin:15px 0 0 0;
		text-align:center;
		}
.cat-box-comanda div p{
		display:block;
		font-size:16px;
		line-height:1.2;
		color:#2C2C2C;
		margin:15px 0;
		text-align:center;
		}		
	
/*Контейнеры*/
.container-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:80%;
		margin:0 auto;
		padding:0 0 30px 0 !important;
		font-size:16px;
		}
.container-box .h2{
		width:100%;
		font-size:34px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		line-height:1.2;
		margin:15px 0;
		}
.container-box-all{
		padding:15px 0 30px 0 !important;
		}
.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:24px;
		text-align:left;
		color:#2C2C2C;
		font-weight:600;
		margin:25px 0;
		}
.container-box h1{
		width:100%;
		font-size:50px;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		margin:0 auto 30px auto;
		}
.container-box p{
		width:100%;
		display:block;
		margin:15px 0;
		}
.container-box ul{
		position:relative;
		width:100%;
		display:block;
		margin:15px 0;
		}	
.container-box ul li{
		position:relative;
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		padding:25px;
		margin:15px 0;
		background:#F3F3F7;
		list-style:none;
		}
.container-box ul li ul li{
		padding:0;
		margin:0;
		}
.container-box ul.site-map li{
		background:none;
		padding:0;
		}
.container-box ul.site-map li li{
		margin:15px 0 15px 25px;
		}
.container-box ul.site-map li a{
		display:block;
		}
.container-box ul.site-map li a,
.container-box p a,
.container-box ul li a,
.container-box ol li a{
		display:inline-block;
		color:#2C2C2C;
		text-decoration:none;
		border-bottom:0.5px dotted #2C2C2C;
		}	
.container-box ul.site-map li a:hover,
.container-box p a:hover,
.container-box ul li a:hover,
.container-box ol li a:hover{
		color:#000;
		border-bottom:1px dotted #2C2C2C;
		}	
.container-box iframe{
		margin:45px 0 0 0;

		}
.container-box ol{
		counter-reset:myCounter;
		margin:10px 0 30px 0;
		}	
.container-box ol li{
		list-style:none;
		margin:0 0 15px 0;
		}
.container-box ol li:before{
		counter-increment:myCounter;
		content:counter(myCounter);
		color:#FFF;
		background:#5AA345;
		display:inline-block;
		text-align:center;
		margin:7px 15px 7px 0;
		line-height:30px;
		width:30px;
		height:30px;
		font-size:19px;
		}	
		
		
		
	
/*container-box-pages*/
.container-box-pages{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:flex-end;
		align-items:flex-end;
		width:80%;
		margin:60px auto;
		}
.container-box-pages h2{
		width:99%;
		font-size:35px;
		color:#2C2C2C;
		font-weight:600;
		text-align:right;
		line-height:1.2;
		text-transform:uppercase;
		margin:0 0 45px 0;
		}
.container-box-pages .container-pages{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:center;
		align-items:center;
		width:100%;
		}
.container-box-pages .container-pages a{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		overflow:hidden;
		width:31.57%;
		height:50vh;
		transition:background 3s ease-in-out;
		background-repeat:no-repeat !important;
		background-size:auto 102% !important;
		background-position:center center !important;
		margin:0 0 30px 0;
		}
.container-box-pages .container-pages a:hover{
		background-size:auto 120% !important;
		}
.container-box-pages .container-pages a:first-child,
.container-box-pages .container-pages a:last-child{
		width:100%;
		background-size:102% auto !important;
		}
.container-box-pages .container-pages a:first-child:hover,
.container-box-pages .container-pages a:last-child:hover{
		background-size:120% auto !important;
		}	
.container-box-pages .container-pages a b{
		position:absolute;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		right:0;
		left:0;
		bottom:0;
		width:100%;
		height:25%;
		font-size:18px;
		font-weight:600;
		text-align:center;
		padding:25px;
		color:#FFF;
		background:rgba(0,0,0,0.2);
		transition:all 1s ease-in-out;
		}	
.container-box-pages .container-pages a:hover b{
		width:100%;
		height:100%;
		background:rgba(255,238,40,0.8);
		color:#2C2C2C;
		font-size:24px;
		transform: rotate(45deg);
		}
.container-box-pages .container-pages a:first-child:hover b,
.container-box-pages .container-pages a:last-child:hover b{
		transform: rotate(0deg);
		}	
		
		
			
		
/*Каталог на главной*/	
.a-h1{
		position:relative;
		display:block;
		width:70%;
		font-size:26px;
		margin:80px auto 30px auto;
		text-align:center;
		color:#2C2C2C;
		font-weight:600;
		}
.desc-h1{
		position:relative;
		display:block;
		width:70%;
		font-size:22px;
		margin:15px auto 30px auto;
		text-align:center;
		color:#2C2C2C;
		}
.a-h2{
		position:relative;
		display:block;
		width:82.3%;
		font-size:26px;
		margin:60px auto 0 auto;
		text-align:left;
		color:#2C2C2C;
		font-weight:600;
		}

.cat-box-catalog-index{
		width:97.7%;
		margin:40px auto 60px auto;
		}
		
.cat-box-catalog-index-p{
		width:82%;
		margin:90px auto 0 auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.cat-box-catalog-index-p .cat-box-index-div{
		width:49.4%;
		background:rgb(240,240,240);
		background:linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
		padding:30px;
		}
.cat-box-catalog-index-p h2{
		font-size:24px;
		color:#2C2C2C;
		font-weight:600;
		margin:0 0 30px 0;
		}
.cat-box-catalog-index-p b{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#5AA345;
		margin:15px auto 15px auto;
		}	
.cat-box-catalog-index-p p{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#2C2C2C;
		margin:15px auto 15px auto;
		}	
.cat-box-catalog-index-p img{
		width:100%;
		margin:15px 0 15px 0;
		}
		
		
		

				
.cat-box-catalog-index-p ol{
		counter-reset:myCounter;
		margin:10px 0 30px 0;
		}	
.cat-box-catalog-index-p li{
		list-style:none;
		}
.cat-box-catalog-index-p li:before{
		counter-increment:myCounter;
		content:counter(myCounter);
		color:#FFF;
		background:#5AA345;
		display:inline-block;
		text-align:center;
		margin:7px 15px 7px 0;
		line-height:30px;
		width:30px;
		height:30px;
		font-size:19px;
		}
		
		
		
		
.cat-box-catalog-os{
		width:82%;
		margin:30px auto 60px auto;
		}		
.cat-box-catalog-os h2{
		font-size:24px;
		color:#2C2C2C;
		font-weight:600;
		margin:0 0 30px 0;
		}		
.cat-box-catalog-os ul{
		margin:10px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		list-style:none;
		}		
.cat-box-catalog-os ul li{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:flex-start;
		list-style:none;
		width:49%;
		padding:0 30px 0 170px;
		height:150px;
		margin:15px auto 30px auto;
		background-size:auto 100% !important;
		background-repeat:no-repeat !important;
		background-position:0 50% !important;
		}	
.cat-box-catalog-os b{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#5AA345;
		margin:15px auto;
		}	
.cat-box-catalog-os p{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#2C2C2C;
		margin:15px auto;
		}	
		
	
	
	
	
	
	
	
		

					
.table{
    	border-collapse:collapse;
		--bs-table-bg:transparent;
		--bs-table-accent-bg:transparent;
		--bs-table-striped-color:#212529;
		--bs-table-striped-bg:rgba(0, 0, 0, 0.05);
		--bs-table-active-color:#212529;
		--bs-table-active-bg:rgba(0, 0, 0, 0.1);
		--bs-table-hover-color:#212529;
		--bs-table-hover-bg:rgba(0, 0, 0, 0.075);
		width:100%;
		margin-bottom:1rem;
		color:#2C2C2C;
		margin:30px 0 30px 0;
		}
.table>thead{
		border-bottom:2px solid #5AA345;
		}
.table>:not(caption)>*>*{
		padding:0.5rem 0.5rem;
		background-color:var(--bs-table-bg);
		box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);
		}
.table-striped>tbody>tr:nth-of-type(odd){
		--bs-table-accent-bg:var(--bs-table-striped-bg);
		color:var(--bs-table-striped-color);
		}
.table td{
		text-align:center;
		}








/*container-video*/	
.container-video{
		width:100%;
		background:#F2F2F2;
		padding:90px 0 120px 0;
		margin:60px auto 0 auto;
		
		}	
.container-video h2{
		width:80%;
		margin:0 auto 45px auto;
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		}		
.container-video .frame-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:80%;
		margin:0 auto;
		height:400px;
		}		
.container-video .frame-box .frame{
		width:60%;
		height:100%;
		}
.container-video .frame-box .frame iframe{
		width:100%;
		height:100%;
		}
.container-video .frame-box .frame-text{
		width:40%;
		height:100%;
		background:#FFF;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		}		
.container-video .frame-box .frame-text p{
		display:block;
		width:75%;
		font-size:18px;
    	color:#2C2C2C;
    	font-weight:400;
    	text-align:left;
		margin:0 0 20px 0;
		}		
.container-video .frame-box .frame-text span{
		display:block;
		width:75%;
		font-size:15px;
    	color:#2C2C2C;
    	font-weight:600;
		}	
.container-video .frame-box .frame-text span a{
		display:inline-block;
		width:50px;
		font-size:15px;
    	color:#2C2C2C;
    	font-weight:400;
		text-decoration:none;
		}
		
/*container-price*/	
.container-price{
		width:100%;
		padding:90px 0 100px 0;
		margin:0 auto;
		}	
.container-price h2{
		width:80%;
		margin:0 auto 45px auto;
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		}		
.container-price .price-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:80%;
		margin:0 auto;
		}	
.container-price .price-box .price{
		width:30%;
		padding:0;
		}
.container-price .price-box .price-nadzor{
		width:100%;
		padding:0;
		margin:60px 0 30px 0;
		}
.container-price .price-box .price-nadzor p{
		font-size:16px;
		color:#2C2C2C;
		font-style:normal;
		font-weight:400;
		}
.container-price .price-box .price-nadzor i{
		display:block;
		margin:20px 0 15px 0;
		font-size:16px;
		color:#2C2C2C;
		font-style:normal;
		font-weight:600;
		}
.container-price .price-box .price b{
		display:block;
		width:100%;
		margin:0 0 30px 0;
		}
.container-price .price-box .price strong{
		display:block;
		width:100%;
		margin:30px 0 30px 0;
		padding:20px 20px 20px 40px;
		text-align:left;
		background:#F2F2F2;
		}
.container-price .price-box .price-bottom{
		width:100%;
		padding:0;
		}	
.container-price .price-box .price-bottom b{
		display:block;
		font-size:30px;
		color:#2C2C2C;
		text-transform:uppercase;
		font-weight:600;
		margin:30px 0 0 0;
		}
.container-price .price-box .price-bottom ul{
		margin:25px 0 0 0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}	
.container-price .price-box .price-bottom ul li{
		list-style:none;
		background:#F2F2F2;
		padding:25px;
		margin:0 0 15px 0;
		font-size:16px;
		color:#2C2C2C;
		font-weight:400;
		width:23%;
		min-height:220px;
		}
.container-price .price-box .price-bottom ul li:nth-child(5){
		width:100%;
		min-height:auto;
		margin:15px 0 15px 0;
		}
.container-price .price-box .price-bottom ul li i{
		display:inline-block;
		font-style:normal;
		font-size:25px;
		color:#2C2C2C;
		font-weight:600;
		margin:0 10px 0 0;
		}

/*push*/					
.push{
		list-style:none;
		}
.push li{
		position:relative;
		padding:10px 0 10px 40px;
		font-weight:400;
		font-size:16px;
		cursor:pointer;
		}
.push li:before{
		position:absolute;
		width:7px;
		height:7px;
		border-radius:50%;
		background:#2C2C2C;
		content:"";
		left:0;
		transition:.3s ease-in-out;
		top:20px;
		}
.push li:after{
		position:absolute;
		border-left:1px dotted #4F5151;
		width:1px;
		bottom:-12px;
		content:'';
		left:3px;
		top:48px;
		}
.push li:hover:before{
		box-shadow:0 0 0 10px rgba(255,240,25,1)
		}
.push li:last-child:after{
		content:none;
		}

/*cat-box-catalog-etap*/
.cat-box-catalog-etap{
		width:80%;
		margin:100px auto 80px auto;
		}
.cat-box-catalog-etap h2{
		width:100%;
		margin:0 auto 45px auto;
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		}
.cat-box-catalog-etap p{
		display:block;
		font-size:19px;
		line-height:1.2;
		font-weight:400;
		color:#2C2C2C;
		margin:30px 0 40px 0;
		}	
.cat-box-catalog-etap-div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.cat-box-catalog-etap-div div{
		width:24%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0 1% 40px 0;
		}
.cat-box-catalog-etap div .ico{
		border-radius:50%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		background:#5AA345;
		border:0.5px solid #2C2C2C;
		width:60px;
		height:60px;
		}
.cat-box-catalog-etap div .ico b{
		display:block;
		font-size:22px;
		line-height:1;
		color:#2C2C2C;
		font-weight:600;
		}
.cat-box-catalog-etap-div div strong{
		display:block;
		font-size:18px;
		line-height:1.2;
		font-weight:600;
		color:#2C2C2C;
		margin:20px 0 0 0;
		}
		
/*cat-box-catalog-predlojit*/
.cat-box-catalog-predlojit{
		width:80%;
		margin:100px auto 80px auto;
		}
.cat-box-catalog-predlojit h2{
		width:100%;
		margin:0 auto 45px auto;
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		}
.cat-box-catalog-predlojit-div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.cat-box-catalog-predlojit-div div{
		width:18.5%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:30px 1% 30px 0;
		}
.cat-box-catalog-predlojit div .ico{
		display:block;
		width:100%;
		height:220px;
		margin:0 0 15px 0;
		background-size:auto 100% !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		-webkit-transition:filter 1s ease;
		-moz-transition:filter 1s ease;
		-o-transition:filter 1s ease;
		-ms-transition:filter 1s ease;
		transition:filter 1s ease;
		}
.cat-box-catalog-predlojit-div div:hover .ico{
		-webkit-filter:sepia(100%);
		-moz-filter:sepia(100%);
		-ms-filter:sepia(100%);
		-o-filter:sepia(100%);
		filter:sepia(100%);
		}
.cat-box-catalog-predlojit-div div strong{
		width:100%;
		display:block;
		font-size:16px;
		min-height:auto;
		line-height:1.2;
		font-weight:600;
		color:#2C2C2C;
		margin:0;
		padding:25px 0 0 0;
		}
		
/*slider-chem*/		
.slider-chem{
		width:100%;
		padding:100px 0 130px 0;
		margin:0 auto;
		background:#F2F2F2;
		
		}	
.slider-chem h2{
		width:80%;
		margin:0 auto 45px auto;
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		}		
.slider-chem .slider-chem-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:80%;
		margin:0 auto;
		}	
.slider-chem .slider-chem-box .chem{
		position:relative;
		padding:0;
		background-repeat:no-repeat !important;
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		-ms-transition:all 1s ease;
		transition:all 1s ease;
		}	
.slider-chem .slider-chem-box .chem:nth-child(1){
		width:48%;
		height:350px;
		background-size:105% auto !important;
		background-position:top left !important;
		}
.slider-chem .slider-chem-box .chem:nth-child(2),
.slider-chem .slider-chem-box .chem:nth-child(3){
		width:23%;
		height:350px;
		background-size:auto 105% !important;
		background-position:top right !important;
		}
.slider-chem .slider-chem-box .chem:hover:nth-child(1){
		background-position:bottom right !important;
		}
.slider-chem .slider-chem-box .chem:hover:nth-child(2),
.slider-chem .slider-chem-box .chem:hover:nth-child(3){
		background-position:bottom left !important;
		}
.slider-chem .slider-chem-box .chem b{
		position:absolute;
		width:80%;
		bottom:25px;
		left:25px;
		display:block;
		font-size:20px;
		color:#FFF;
		font-weight:600;
		}		

/*cat-box-vopros*/			
.cat-box-vopros{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:82%;
		height:60vh;
		margin:30px auto 0 auto;
		padding:0 0 0 35%;
		background:url(/img/vopros.png);
		background-size:auto 100% !important;
		background-position:left bottom !important;
		background-repeat:no-repeat !important;
		}
.cat-box-vopros h3{
		font-size:40px;
		color:#2C2C2C;
		font-weight:600;
		text-transform:uppercase;
		margin:5% 0 15px 0;
		}
.cat-box-vopros p{
		display:block;
		font-size:19px;
		line-height:1.2;
		color:#2C2C2C;
		margin:15px 0;
		}
.cat-box-vopros a{
		display:block;
		color:#2C2C2C;
		font-size:24px;
		font-weight:600;
		margin:30px 0 0 0;
		letter-spacing:4px;
		}	
.cat-box-vopros a:hover{
		color:#5AA345;
		}
.cat-box-vopros span{
		display:block;
		width:45%;
		text-align:center;
		font-size:19px;
		line-height:1.5;
		color:#FFF;
		font-weight:600;
		margin:45px 0 0 0;
		padding:15px 0;
		background:#5AA345;
		-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;
		cursor:pointer;
		}		
.cat-box-vopros span:hover{
		color:#FFF;
		background:#2C2C2C;
		}
		
		
		
.uslugi{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:70%;
		margin:0 auto 60px auto;
		}	
.uslugi h2{
		width:100%;
		margin:0 0 30px 0;
		font-size:24px;
		text-transform:uppercase;
		}	
.uslugi a{
		display:block;
		width:32%;
		margin:0 0 30px 0;
		}	
.uslugi a img{
		display:block;
		width:100%;
		}	
.uslugi a span{
		display:block;
		width:100%;
		margin:15px 0 0 0;
		}			
		
		
		
		
		

/*cat-box-catalog-price*/					
.cat-box-catalog-price{
		width:100%;
		margin:30px auto 0 auto;
		padding:60px 10% 130px 10%;
		}
.cat-box-catalog-price h2{
		width:100%;
		font-size:40px;
		color:#2C2C2C;
		line-height:1.2;
		font-weight:600;
		text-align:left;
		text-transform:uppercase;
		margin:0 auto 45px auto;
		}
.cat-box-catalog-price p{
		font-size:19px;
		color:#2C2C2C;
		font-weight:600;
		line-height:1.2;
		margin:30px 0 30px 0;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}			
.cat-box-catalog-price .cat-box-catalog-price-div div{
		width:48%;
		background:#F2F2F2;
		padding:15px 45px 45px 45px;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div div strong{
		display:block;
		font-size:24px;
		color:#2C2C2C;
		font-weight:600;
		line-height:1.2;
		margin:30px 0 30px 0;
		}	
.cat-box-catalog-price .cat-box-catalog-price-div div span{
		display:block;
		}	
.cat-box-catalog-price .cat-box-catalog-price-div div span b{
		display:block;
		font-size:19px;
		color:#2C2C2C;
		font-weight:600;
		line-height:1.2;
		margin:0 0 15px 0;
		}
.cat-box-catalog-price .cat-box-catalog-price-div div span ul{
		display:block;
		list-style:none;
		margin:0 0 20px 0;
		}			
.cat-box-catalog-price .cat-box-catalog-price-div div span ul li{
		position:relative;
		display:block;
		list-style:none;
		padding:0 0 0 30px;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div div span ul li:before{
		position:absolute;
		top:-27px;
		left:0;
		content:'\2022';
		font-size:50px;
		color:#5AA345;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div div span i{
		display:block;
		font-size:30px;
		color:#2C2C2C;
		font-weight:600;
		line-height:1.1;
		font-style:normal;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div div span p{
		display:block;
		font-size:19px;
		color:#2C2C2C;
		font-weight:400;
		line-height:1.1;
		margin:15px 0;
		}		
.cat-box-catalog-price .cat-box-catalog-price-div div .modal_callback{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:40%;
		background:#5AA345;
		color:#2C2C2C;
		text-align:center;
		padding:25px;
		font-size:19px;
		font-weight:600;
		line-height:1;
		margin:35px 0 0 0;
		cursor:pointer;
		transition:background 0.2s ease-in-out;
		}
.cat-box-catalog-price .cat-box-catalog-price-div div .modal_callback:hover{
		background:#2C2C2C;
		color:#FFF;
		}
.cat-box-catalog-price .cat-box-catalog-price-div div .modal_callback b{
		display:block;
		font-weight:600;
		font-size:19px;
		color:#2C2C2C;
		line-height:1.2;
		margin:0;
		}
.cat-box-catalog-price .cat-box-catalog-price-div div .modal_callback:hover b{
		color:#FFF;
		}		
		
		
		
		












.cat-box-catalog-part{
		width:97.7%;
		margin:40px auto 60px auto;
		}
		
.cat-box-catalog-rabot{
		width:97.7%;
		margin:40px auto 60px auto;
		}	
		
.cat-box-catalog-video{
		width:82%;
		margin:30px auto 60px auto;
		}
.cat-box-catalog-video h2{
		font-size:24px;
		color:#2C2C2C;
		font-weight:600;
		margin:0 0 30px 0;
		}	
.cat-box-catalog-video p{
		display:block;
		font-size:19px;
		line-height:1.5;
		color:#2C2C2C;
		margin:15px 0 30px 0;
		}
		
.video-box{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}	
.video-box .video{
		display:block;
		width:23%;
		}
.video-box .video video{
		display:block;
		width:100%;
		height:290px;
		object-fit:contain;
		vertical-align:baseline;
		background:transparent;
		}
		
.banner-page{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		height:70vh;
		
		background-size:100% auto !important;
		background-position:top center !important;
		background-repeat:no-repeat !important;
		background-attachment:fixed !important;
		-webkit-transition:background-position 10s ease;
		-moz-transition:background-position 10s ease;
		-o-transition:background-position 10s ease;
		-ms-transition:background-position 10s ease;
		transition:background-position 10s ease;
		}	
.banner-page:hover{
		background-position:bottom center !important;
		}	
.banner-page .zag{
		display:block;
		width:80%;
		font-size:55px;
		letter-spacing:2px;
		line-height:1.2;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		margin:120px auto 0 auto;
		text-transform:uppercase;
		text-shadow:-1px 0 0 #666, 0 -1px 0 #666, 1px 0 0 #666, 0 1px 0 #2C2C2C;
		}		
		
		
.content-os{
		width:100%;
		margin:20px auto 20px auto;
		}				
.content-os ul{
		margin:10px auto;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		list-style:none;
		}		
.content-os ul li{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:center;
		align-items:flex-start;
		list-style:none;
		width:49%;
		padding:0 60px 0 180px;
		height:150px;
		margin:15px 0;
		background-size:auto 100% !important;
		background-repeat:no-repeat !important;
		background-position:0 50% !important;
		}		
		
		
		
		
				

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
.cat-box-index{
		position:relative;
		display:block;
		text-decoration:none !important;
		}
.cat-box-index .box-v-img{
		width:95%;
		height:200px;
		-webkit-transition:background-size 0.5s ease-out;
		-moz-transition:background-size 0.5s ease-out;
		-ms-transition:background-size 0.5s ease-out;
		-o-transition:background-size 0.5s ease-out;
		transition:background-size 0.5s ease-out;
		background-size:100% auto !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		margin:0 2.5% 0 2.5%;
		}
.cat-box-index:hover .box-v-img{
		text-decoration:none !important;
		background-size:110% auto !important;
		}
.cat-box-index .box-v-img-log{
		width:95%;
		height:150px;
		background-size:80% auto !important;
		background-position:center center !important;
		}
.cat-box-index span{
		display:block;
		font-size:16px;
		font-weight:400;
		text-decoration:underline;
		color:#5AA345;
		margin:20px 0 20px 2.5%;
		}
.cat-box-index:hover span{
		text-decoration:underline;
		color:#2C2C2C;
		}
.cat-box-index b{
		display:block;
		text-align:center;
		width:25%;
		padding:7px 0 7px 0;
		margin:0 0 0 2.5%;
		font-size:16px;
		font-weight:400;
		text-align:center;
		color:#FFF;
		background:#5AA345;
		-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 b:hover{
		background:#2C2C2C;
		color:#FFF;
		}


.cat-box-razdel{
		display:block;
		width:30%;
		text-decoration:none !important;
		margin:30px 0 30px 0;
		}
.cat-box-razdel .box-razdel-img{
		width:100%;
		height:220px;
		-webkit-transition:background-size 0.5s ease-out;
		-moz-transition:background-size 0.5s ease-out;
		-ms-transition:background-size 0.5s ease-out;
		-o-transition:background-size 0.5s ease-out;
		transition:background-size 0.5s ease-out;
		background-size:auto 100% !important;
		background-position:center center !important;
		background-repeat:no-repeat !important;
		}
.cat-box-razdel:hover .box-razdel-img{
		background-size:auto 110% !important;
		}
.cat-box-razdel span{
		display:block;
		width:100%;
		margin:15px 0 15px 0;
		font-size:18px;
		font-weight:600;
		color:#2C2C2C;
		}
.cat-box-razdel p{
		display:block;
		width:100%;
		font-size:19px;
		font-weight:400;
		color:#2C2C2C;
		}
		
.cat-box-pod{
		width:100%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:30px 0 0 0;
		}		
.cat-box-podrazdel{
		position:relative;
		display:block;
		text-decoration:none !important;
		margin:0 0 25px 0;
		}
.cat-box-podrazdel:before{
		position:absolute;
		content:'\27A4';
		color:#2C2C2C;
		top:-6px;
		width:100%;
		height:100%;
		font-size:25px;
		-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-podrazdel span{
		display:block;
		font-size:16px;
		font-weight:600;
		color:#2C2C2C;
		-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;
		margin:0 0 0 45px;
		padding:0 0 5px 0;
		border-bottom:1px dotted #2C2C2C;
		}	
.cat-box-podrazdel:hover span{
		border-bottom:1px dotted #5AA345;	
		}
.cat-box-podrazdel:hover span,
.cat-box-podrazdel:hover:before{
		color:#5AA345;
		}		
		
		
		
		
		
		
		
		
		


.contacts-box{
		width:100%;
		margin:30px 0 30px 0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
.contacts-box b{
		display:block;
		width:100%;
		margin:0 0 15px 0;
		font-size:18px;
		font-weight:600;
		color:#2C2C2C;
		}
.contacts-box a{
		display:block;
		font-size:18px;
		font-weight:600;
		color:#2C2C2C;
		margin:15px 0 0 0;
		}
.contacts-box .phone{
		margin:5px 0 5px 0;
		font-size:24px;
		color:#2C2C2C;
		}
.contacts-box .phone:hover{
		color:#2C2C2C;
		}


		
.content{
		width:100%;
		margin:0 auto;
		}
.content ul li{
		background:none;
		padding:0;
		}
.content .owl-carousel{
		width:100%;
		}


.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:#FFF;
		}
.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;
		}		
		


.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 #5AA345;
		}	
.details ul li:hover,
.menu-details ul li:hover{
		display:block;
		border:1px dotted #5AA345;
		}
.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:#FFF;
		}		
.menu-details .box-img-div .tov-desc-text p{
		display:block;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		width:100%;
		color:#FFF;
		}			
		
		
		
/*Хиты, новинки*/		
.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:#5AA345;
		content:'HIT';
		color:#FFF;
		}
.menu-details .box-img-div.ico_2:after,
.basket-img.ico_2:after{
		background:#5AA345;
		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:#FFF;
		margin:0 auto 10px auto;
		text-decoration:none;
		overflow:hidden;
		}
.menu-details .prices .a:hover{
		color:#5AA345;
		}	
		
.menu-details .prices span{
		display:block;
		width:100%;
		text-align:left;
		font-size:14px;
		line-height:1.2;
		color:#FFF;
		}
.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:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		}
.tovar-img{
		display:block;
		width:30%;
		height:300px;
		margin:0 4% 0 0;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		background-size:cover !important;
		}
.tovars{
		display:block;
		width:66%;
		}
.tovars-box h1{
		display:block;
		font-size:30px;
		line-height:1.2;
		font-weight:400;
		color:#FFF;
		}
.tovars span{
		display:block;
		padding:0;
		text-align:left;
		font-size:14px;
		line-height:1.2;
		color:#FFF;
		}
.tovars .span1,
.tovars .span2,
.tovars .span3,
.tovars .span4{
		margin:15px auto 15px auto;
		}
.tovars .span4{
		display:block;
		font-size:19px;
		}
		
/*Похожие товары в карточке товара*/		
.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:#FFF;
		}
.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:#FFF;
		}
	
/*События*/
.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 #5AA345;
		}
.sobytija-img:hover{
		display:block;
		border:1px dotted #5AA345;
		}
.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:35px 0 60px 0;
		}		
.sobytija-box .sobytija-img-b{
		position:relative;
		display:block;
		width:45%;
		height:400px;
		float:right;
		margin:32px 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 ul,
.sobytija-box .sobytija-txt p{
		margin:30px 0 30px 0 !important;
		}
.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:60px 0 60px 0 !important;
		}		
		
		


/*Баннер в каталоге*/	
.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;
		
		}
/*Отступ сверху*/	
.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:#FFF;
		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;
		color:#313131;
		}
.sobytija-img-title{
		font-weight:600;
		color:#313131;
		}
.sobytija-img:hover .sobytija-img-title{
		color:#5AA345;
		}
.sobytija-img:hover .desc-box-news,
.sobytija-img:hover .datetime-box-news,
.sobytija-img:hover .desc-box-news b{
		color:#313131;
		}

/*Низ сайта*/
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:16px;
		background:#111;
		background:linear-gradient(180deg, rgba(33,33,33,0.95) 0%, rgba(33,33,33,1) 100%);
		}
footer a{
		font-size:16px;
		color:#FFF;
		}
footer a:hover{
		color:#5AA345;
		}
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-index.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:40%;
		}
footer .footer-right .col-link{
		width:100%;
		margin:15px 0 15px 0;
		}
footer .footer-right .col-link a{
		display:block;
		font-size:16px;
		line-height:1.2;
		font-weight:400;
		width:100%;
		color:#FFF;
		margin:0 0 10px 0;
		}
footer .footer-right .col-link a:hover{
		color:#5AA345;
		}		
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:16px;
		margin:0 2% 0 0;
		}
footer .bottom span{
		margin:0 5.5% 0 0;
		}

/*Хлебные крошки*/
.navig{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		width:80%;
		margin:60px auto 60px auto;
		}
.container-box-all .navig{
		width:100%;
		}
#breadcrumb{
		font-size:14px;
		color:#2C2C2C;
		font-size:14px;
		line-height:1.2;
		font-weight:400;
		}
#breadcrumb a{
		color:#2C2C2C;
		font-weight:400;
		}
#breadcrumb .crumb-separator{
		margin:0 5px;
		}
#breadcrumb .active-page{
		font-weight:600;
		color:#2C2C2C;
		}

/*Нумирация*/
.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:#FFF;
		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:#5AA345;
		border:0.05vw solid #5AA345;
		color:#FFF;
		border-radius:0;
		}
.nums{
		background:#5AA345;
		color:#FFF;
		}
.next{
		color:#FFF;
		font-size:14px;
		line-height:1;
		font-weight:400;
		background:#5AA345;
		margin:5% 0 5% 0;
		}
.nums:hover, .next:hover{
		background:#5AA345;
		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:#5AA345;
		color:#313131;
		border-radius:0;
		}
.nextss:hover{
		background:#5AA345;
		color:#FFF;
		}

/*Карта*/		
.map,
#circle{
		position:relative;
		display:block;
		margin:0 0 0 5%;
		width:65%;
		height:70vh;
		}

/*cat-box-chem*/
.cat-box-chem{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		padding:0;
		margin:0 -1%;
		background:#FFF;
		}
.cat-box-chem h1,
.cat-box-chem h2,
.cat-box-chem h3{
		text-align:left;
		}	
.cat-box-chem a{
		width:23%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		margin:30px 1% 0 1%;
		}
.cat-box-chem a .chem{
		width:100%;
		height:30vh;
		background-size:auto 100% !important;
		background-repeat:no-repeat !important;
		background-position:center top !important;
		transition:background 1s ease-in-out;
		}
.cat-box-chem a .chem:hover{
		width:100%;
		height:30vh;
		background-size:auto 110% !important;
		background-repeat:no-repeat !important;
		background-position:center bottom !important;
		}	
.cat-box-chem .chem-desc{
		width:100%;
		height:auto;
		}
.cat-box-chem a strong{
		display:block;
		font-size:19px;
		line-height:1.2;
		color:#2C2C2C;
		margin:15px 0 0 0;
		text-align:center;
		}
.cat-box-chem a p{
		display:inline-block;
		font-size:17px;
		line-height:1.2;
		color:#2C2C2C;
		margin:15px 0;
		text-align:center;
		}
.publikatsii-img{
		width:100%;
		margin:0 auto 30px auto;
		}