body{background-image: url(textureSM.jpg);background-repeat: repeat;}



.container{
	max-width:1170px;
	position: relative;   
    margin: 0 auto;
    padding: 0px;
}
a {  color:#808080;  outline: none;}
a:hover{  color:#808080;  }
a:visited{color:#808080;}
.wrapper{vertical-align: middle;} 
.contacts{float: left;}
.contacts-li{ padding: 15px 25px 0px}
.contacts-li a{
	padding-left: 10px;
}

.wrapper ul li a{font-size: 16px;text-decoration: none;}
.social ul{
	text-align: right;
	padding-top: 12px;
}
.social ul li{
	display: inline-block;

}
.social-li{
	padding:  0px 2px;
} 


.main-header .container .row{
  display: flex; text-align: center; justify-content:space-between; position: relative;}

.menu ul li:hover{   font-size: 20;
    border-bottom-style: solid;
    border-bottom-color: #a8d08a;
    border-bottom-width: 3px;text-align: center; list-style-type: none;}
.menu ul li a:hover{text-decoration: none;}
.menu ul li a:visited{text-decoration: none;color: #808080;}
.menu ul li a{text-decoration: none;}
.menu ul li {padding: 35px 10px;font-size: 20; }
.menu ul li :hover {text-decoration: underline;color:  #a8d08a;}
.none{position: absolute; z-index: 9999;width: 100%;margin-right: -15px;
margin-left: -15px;}
.none ul{background-color: #a8d08a;padding-left: 0px;}
.none ul li {padding: 10px 10px;
    margin: 15;
    font-size: 17;text-align: center; list-style-type: none;
    }
 .none ul li a{color:#fffdfd;text-decoration: none;}   
  .none ul li a:visited{color:#fffdfd;text-decoration: none;}
.none ul li a:hover{color:#808080; text-decoration: none;     border-style: solid;
    border-width: 2px;padding: 10px;}

.main-header.fixed-menu{position: fixed;top:0px;z-index: 1000;
	background-color: #e7d6c0;width: 100%;margin: 0 auto;opacity: 0.9;transition: 2s;}
	.logo-menu.fixed-menu{margin: 0}
.img-circle.fixed-menu{width: 80px;transition: 2s;}
.MTZ.fixed-menu{font-size: 25px;transition: 2s;}
.APK.fixed-menu{font-size: 25px;transition: 2s;}
.li-main-header.fixed-menu{padding: 23px 10px;font-size: 15px;}
.asa.fixed-menu{transition: 2s;margin-top: 17;}

.logo-menu{margin-left: -40;margin-top: 10px;}
.img-circle{max-width: 100px;opacity: 0.75}
.ASA{margin-top: 28px;
    font-size: 23;left: calc(100% - 55px);position: absolute;}
.MTZ{color: #808080;font-size: 36px;text-align: center;}
.APK{color: #a8d08a;font-size: 36px;text-align: center;}

nav ul li{display: inline-block;}

.under-slider{ overflow: hidden;}

.wrapper-under-slider{max-width: 1170px;margin: 0 auto;padding: 0 80px;color: #fff;    margin-bottom: 15;}

.under-slider{background-color:#374047 ;text-align: center;}

.under-slider-img{padding-top: 30px;}

.p-under-slider{line-height: 1.7;text-align: center;padding: 0 55px;}

.under-slider-div-btn{margin: 20px 0;}

.under-slider-a-btn{padding: 10px;background-color:#a8d08a;color: #fff;font-size: 20px;}

      .slides-figure{float: left;margin-bottom: 30px;margin-top: 30px;}
      .slides-figure img {margin-right: 15px;}
        .article-header{    border-right-style: ridge;
    border-right-width: 1px;border-color: #fff;}
       .article-header  p{font-size: 12px;text-align: left;text-transform: uppercase;font-weight: bold;text-transform: uppercase;}
       .article-header h3{color:#a8d08a; text-align: center;font-weight: 550;}

.item{height: 550px;}
.infront-item{position: absolute;z-index: 30;height: 550px;width: 100%;}
.slides{position: absolute;
  width: 100%;height: 100%; filter: brightness(50%);
  background-size: cover;background-position: center;opacity: 0.85;}
.carousel-control{z-index: 50;width: 7%;}
.carousel-indicators{z-index: 50;}
.slides-head{margin-bottom: 40px; }
.slides-head h1{margin-bottom: 20px;font-weight: 700;}
.slides-head h1 #one{color:#808080; }
.slides-head h1 #two{color: #a8d08a;}
.fadeIn{animation-delay: 1s;animation-duration: 1s;}


.products{display: flex;text-align: center;justify-content:center;width: 100%;flex-wrap: wrap;    margin-bottom: 20;}
.products .products-row{ padding: 10 0; background-color: #3b454c;margin: 20px;    }
.products-img{width: 250;height: 250;}
.products-header{    
	font-size: 24px;
    color: #fff;
    font-style: italic;
    border-bottom: #fff;
    border-bottom-style: ridge;
margin: 10;margin-bottom: 20px}
.products-btn{background-color:#a8d08a; padding: 10px 20px;color: #fff;font-size: 14px;text-decoration: none;}
.products-btn:hover{padding: 10px 20px;font-size: 18px;text-decoration: none;}
.products-btn:visited { text-decoration: none;}
.products-btn:focus { text-decoration: none;border: none;}
.products-a{margin-bottom: 15px;}
.yes{animation-duration: 1s;animation-delay:0.5s;animation-timing-function: ease-out
;}

 .raw-material{display: flex;text-align: center;justify-content:space-evenly;width: 100%;flex-wrap: wrap;}
.grouped-raw-material {flex-basis: 585px;}
.raw-material .raw-material-row{ padding: 10 15; background-color: #3b454c;
  margin:  30px auto;   }
.raw-material-img{width: 250;height: 250;}
.raw-material-header{    
	font-size: 24px;
    color: #fff;
    font-style: italic;
    border-bottom: #fff;
    border-bottom-style: ridge;
margin: 10;margin-bottom: 20px}
.raw-material-btn{background-color:#a8d08a; padding: 10px 20px;color: #fff;font-size: 14px;text-decoration: none;}
.raw-material-btn:hover{font-size: 18px;text-decoration: none;}
.raw-material-btn:visited { text-decoration: none;}
.raw-material-btn:focus { text-decoration: none;border: none;}
.raw-material-a{margin-bottom: 15px;} 



#makeMeScrollable
		{
			width:100%;
			height: 100px;
			position: relative;
			border-style: groove;
		}
		
	
		#makeMeScrollable div.scrollableArea img
		{
			opacity: 0.5;
			vertical-align: middle;
			position: relative;
			float: left;
			margin: 0;
			padding: 0px 15px;
			height: 100px;

			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

		#makeMeScrollable div.scrollableArea img:hover{opacity: 1;}

.flour{height: 200px;background-attachment:fixed;background-size: cover;background-position: center center;}
   .flour-wrapper{display: flex; text-align: center; justify-content: center; position: relative;flex-wrap: wrap;}
   .flour-products{background-color: #374047;width: 30%;min-width: 300px;margin: 15px;box-sizing: border-box;} 
   .flour-table-wrapper{display: flex;justify-content: space-around;color: #fff;}
   .fasovka{ text-align: center; max-width: 120px; flex-wrap: wrap ;}



   tr{text-align: center;}
tr td ul{display: inline-block;vertical-align: top;}
table tr td {vertical-align: middle;}

.table tr:hover{background-color: #a8d08a;opacity: 0.75;transition: 0.1s;
	font-style: italic;font-size: 16px;font-weight: bold; }
.main-tr {background-color: #ccc;font-weight: bold;font-style: italic; }

.rolling{display: flex; text-align: center;justify-content: center;flex-wrap: wrap;}

.mc{flex-basis: 300px;background-color: #a8d08a;margin: 0px 10px;}

.img-product{width: 100%;}

.btn-product{background-color: #31bf35;padding: 10px;width: 25%;display: inline-block;text-align: center;}

.logistic-main{display: flex; text-align: center;justify-content:space-evenly;flex-wrap: wrap;padding: 15px;}

.logistic-line{border-top: 1px solid #fff; width: 80%;margin-left: 10%; }

.logistic-h2{text-align: center;font-size: 35px;color: #fff;    padding: 10px;    margin-bottom: 10;
    text-transform: uppercase;margin: 0;}

.logistic-img{margin: 10px;width: 80px}

.logistic-p{border-style:solid;border-color: #fff;background-color: #9cc183;
	padding: 5px ;font-size: 10px ; color: ; text-align: center;display: block;
	margin-top: 10px;    text-transform: uppercase;
    font-weight: bold;}

.table .muka-char:hover{background-color: inherit;opacity: 1;transition: 0.1s;
	font-style: italic;font-size: 20px;font-weight: bold; }
th{text-align: center;font-size: 18px;}

 .langPanel {padding: 2px 0px !important;}
   .langPanel{border-bottom: none !important;}
.langPanel a{        padding: 10px 8px !important;
    border-radius: 33px;
    font-size: 20;
    border: solid;
    border-color: #be854c;
   margin: 0;}
.langPanel a:hover{font-size: 24px;background-color:  #be854c;border:unset;    color: #a8d08a!important}

   .langPanel.last{border-left: 2px solid #828080;padding-left:5px !important; }
 
   .none .langPanel{display: inline-block;}
   .none .langPanel.last{border:unset; padding-left:0px !important; }
  .none #langUL {
    position: relative; text-align: center;margin-top: 5px;}

  #buttom h4{    padding-bottom: 5px!important;}

  .preimushestva{background-image: url(images_site/nature-3126513_960_720.jpg);background-size: cover;background-position: center;height: 400px;color: #fff;width: 100%;background-attachment: fixed;}
.container{max-width: 1170px;}
.icons-preimushestva {margin-top: 20;text-align: center;} 
.icons-preimushestva div{height: 100px;width: 100px;display: inline-block;}
.preimushestva ul  {padding-right: 20px;}
.benefits-banner .container {height: 400px;width: 100%;position: absolute;z-index: 300;color: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.black-fon-benefits-banner{height: 400px;width: 100%;position: absolute;z-index: 200;background-color: #151414;opacity: 0.3;}

.PR-text{opacity: 0;position: absolute;z-index: 2;top:-50%;width: 100%;color: #fff}
 .PR-h4{position: absolute;background-color: #b6f1a4;opacity: 0.75;color: #7d7b7b;z-index: 2;
  vertical-align: middle;bottom: 50%; width: 100%;padding: 25px;transform: translateY(50%);text-align: center;}
 .PR-wrapper {position: relative;overflow: hidden;margin: 15px;    margin-bottom: 50;}
 .PR-wrapper img{height: 350px;width: 350px;}
 .tt{display: flex;justify-content:center;width: 100%;flex-wrap: wrap;}
 .products-title{text-align: center;
    background-color: unset; 
    margin: 0px;
    margin-bottom: -15px;
    padding: 10;
    font-size: 40;
    font-weight: bold;}
.btn.btn-primary {
        margin-left: 50;
    background-color: #bce8ab;
    color: #7d7b7b;
    border-color: #bfebaf;
margin-top: 50px!important;
  }
  
  .btn-prod-indep{background-color:#a8d08a; padding: 10px 20px;color: #fff;font-size: 16px;text-decoration: none;
    text-align: center;width: 50%;margin-left: 25%;margin-top: 50px;}
  .btn-prod-indep:hover{padding: 10px 20px;font-size: 18px;text-decoration: none;}
  .btn-prod-indep:focus{text-decoration: none;}

.contacts-table-td-3{vertical-align: middle!important;}
 .contacts-table-td-2.visible-sm a{padding: :30 0;}
 .contacts-table-td-2.visible-xs a{padding: :10 0;}

.return-arrow{margin-top: 10px;}


.pakyvanya{font-weight: 600;opacity: 0.75}

.logistic-main div{padding: 0 10;width: 212px;}