body {
	height: 100%;
	overflow-y: scroll;	
	color: #5f5f5f;
    font-family: arial;
    font-size: 12px !important;
    line-height: 17px;
    margin: 0;
    padding: 0;
}
table {
	font-size: 12px;	
}

.wrapper {
    /*background: rgba(0, 0, 0, 0) url("../images/sky.png") no-repeat scroll center top;*/
    /*height: 100% !important;*/
    margin: auto;
    min-height: 500px;
    /*padding-top: 37px;*/
    width: 100%;
    position: relative;
}

.wrapper-inner {
	background: unset;
    padding-top: unset;
    min-height: 100% !important;
    float: left;
}

.header {
    background: rgba(0, 0, 0, 0) url("../images/head_bg.png") repeat-x scroll 0 0;
    height: 80px;
    margin-bottom: 35px;
    width: 100%;
	z-index: 1000;
	position: fixed;
}

.header-inner {
	background: rgba(0, 0, 0, 0) url("../images/head_bg_inner.png") repeat-x scroll 0 0 !important;
    height: 55px !important;
    margin-bottom: 35px !important;
    width: 100% !important;
}

.content-wrapper {
    height: auto !important;
    margin: auto auto 0px;
    min-height: 400px;
    width: 999px;
	padding-top: 90px;
    /*padding-bottom: 200px;*/
}

.content {
    float: left;
    height: auto !important;
    min-height: 400px;
    padding: 25px 21px 0;
    width: 460px
}

.content-inner {
    width: 734px !important;
    height: auto !important;
}

.footer {
    background: rgba(0, 0, 0, 0) url("../images/footer_bg_on_main.png") no-repeat scroll center 50px;
    height: 368px;
    margin: auto;
    width: 100%;
    padding: 0;
    float: left;
}

.footer-inner {	
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0) url("../images/footer_bg_inner.png") no-repeat scroll 50% 0 !important;
    height: 65px !important;
    padding: unset !important;
    float: left;    
    position: absolute !important;
}

.left-side-bar {
    width: 223px;
    float: left;
    height: auto !important;
    min-height: 400px;
}

.logo-link {
	display: block;
	height: 85px;
	background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center center;
}

.left-side-bar .milk-on-main {
    height: 370px;
    position: relative;
    right: 150px;
    top: 25px;
    width: 350px;
}

.right-side-bar {
    background: rgba(0, 0, 0, 0) url("../images/right_bg_main.png") no-repeat scroll 0 0;
    float: left;
    height: auto !important;
    min-height: 400px;
    width: 274px;
}

.link-more {
	background: rgba(0, 0, 0, 0) url("../images/arrow_1.png") no-repeat scroll 0 6px;
    color: #2ab24d;
    font-size: 16px;
    padding-left: 12px;
    position: relative;
    right: 12px;
    top: 12px;
}


.left-side-bar ul {
    line-height: 18px;
    list-style: outside none none;
    margin-left: 17px;
    margin-top: 42px;
    width: 200px;
}


.cont_info .left_col ul li:hover, .cont_info .left_col ul li.select {
    background: rgba(0, 0, 0, 0) url("../images/li_dot.png") no-repeat scroll 0 6px !important;
    padding-left: 18px;
}

.product-list {
	display: block;
	margin-top: -30px;
}

.one-product {
	float: left;
	min-height: 350px;
	padding-left: 25px;
	width: 300px;
	display: block;
}

.one-product .one-product-thumb {
	float: left;
	width: 120px;
	height: 160px;
	overflow: hidden;	
	margin-right: 20px;
	margin-bottom: 10px;
}

.one-product .one-product-thumb img {
	width: 120px;
	height: auto;
}

.one-product .one-product-name {
	float: left;	
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    width: calc(100% - 140px);
}

.one-product .one-product-name a {
	color: #000 !important;	
}

.one-product .one-product-text {
	float: left;
	text-align: justify;
}

.left-menu h2 {
	font-size: 14px;
}

.footer_table {
	margin: auto;
    width: 867px
}

.footer_table td {
	text-align:	center;
}

.footer .copy
{
    color:#fff;
}

.footer .block {
    background: rgba(0, 0, 0, 0) url("../images/1_30.png") no-repeat scroll 100% 0;
}

.footer .last {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0
}



/*
.left_col_fin {
	margin-left: -55px;	
}

.left_col_fin {
    float: left;
    height: auto !important;
    min-height: 100px;
    padding-right: 35px;
    width: 495px;
}
*/
.fin_reports .left_col_fin ul li {
    /*background: rgba(0, 0, 0, 0) url("../images/66_06.png") no-repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 0 0 0 25px;
    list-style: outside none none;*/
}
.pdf {
    background: rgba(0, 0, 0, 0) url("../images/66_06.png") no-repeat scroll 0 0 !important;
}
.word {
    background: rgba(0, 0, 0, 0) url("../images/word.png") no-repeat scroll 0 0 !important;
}
.excel {
    background: rgba(0, 0, 0, 0) url("../images/excel.png") no-repeat scroll 0 0 !important;
}
/*
.right_col_fin {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    height: auto !important;
    min-height: 100px;
    width: 200px;
}
*/
.fin_reports .right_col_fin .download-pdf {
	 background: rgba(0, 0, 0, 0) url("../images/66_03.png") no-repeat scroll 0 0;
	 min-height: 55px;
}

.feedback_block .right_col {
    background: rgba(0, 0, 0, 0) url("../images/2_03.png") no-repeat scroll left top;
}

.cont_info .right_col .slider_block .left_button a {
    background: rgba(0, 0, 0, 0) url("../images/2_15.png") no-repeat scroll 0 0;
}

.cont_info .right_col .slider_block .right_button a {
    background: rgba(0, 0, 0, 0) url("../images/2_17.png");
}

.right_col .sliderContent .item {
    background: rgba(0, 0, 0, 0) url("../images/2_16.png") no-repeat scroll 0 0;
}


.cont_info .right_col {
    background: rgba(0, 0, 0, 0) url("../images/right_bg_main.png") no-repeat scroll 0 0;
}


.company_people .block {
    float: left;
}

.navigation-string {
	padding-bottom: 200px;
    margin-top: 40px;
    margin-left: -25px;
    float: left;
    width: 100%;
}

.navigation-string .dot {
	text-decoration: none !important;
}

.navigation-string .bx_pagination_bottom .bx_pagination_page li.bx_active {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.5) inset;
    color: black;
    font-weight: bold;
}

.navigation-string .bx_pagination_bottom .bx_pagination_page li {
    color: #8d8d8d;
    display: inline-block;
    line-height: 26px;
    min-width: 26px;
    text-align: center;    
}

.navigation-string .bx_pagination_bottom .bx_pagination_page li a {
    color: #0862a7;
    display: block;
    line-height: 22px;
    min-width: 22px;
    text-align: center;
    text-decoration: underline;
}

.news-detail h3 {
	font-size: 21px;
}

.nav-tpl-custom {
	margin-left: 20px;	
}

.nav-tpl-custom ul {
	display: inline-block;
    margin: 0;
    padding: 0;
}

.nav-tpl-custom ul li {
	color: #8d8d8d;
    display: inline-block;
    line-height: 26px;
    min-width: 26px;
    text-align: center;
}

.nav-tpl-custom ul li.active {
	background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset;
    color: black;
    font-weight: bold;
}


.print_block {
    float: left;
    margin-top: 40px;
    text-align: right;
    width: 100%;
    padding-bottom: 130px;
}

.print_block_in_products {
	float: left;
    margin-top: -50px;
    text-align: right;
    width: 100%;
    padding-bottom: 200px;
}

.print_block_in_products a,
.print_block a {
    background: rgba(0, 0, 0, 0) url("../images/3_03.png") no-repeat scroll left center;
}

.center_block_with_padding {
    padding-left: 25px;
    float: left;
   
}

.img-in-history {
	margin-right: 30px;
}

.img-in-dm,
.img-in-bread,
.img-in-wm,
.img-in-chees {
	margin-right: 20px;
	margin-bottom: 10px;
}


.company_people {
    float: left;
    padding-bottom: 130px;
    margin-top: -25px;
}

.company_people .block .right {
    font-style: normal;
}

.main-page {
	padding-bottom: 0 !important;
	padding-top: 113px;
}

.fin_reports {
    float: left;
    margin-bottom: 100px;
    min-height: 400px;
}

.feedback_block .right_col {
    background: rgba(0, 0, 0, 0) url("../images/2_03.png") no-repeat scroll 0 0 !important;
}

.feedback_block .result-sumbit {
	color: green;
}

.result-sumbit .error {
	color: red !important;
}

/* 
media
*/

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#0862a7;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham6 .top {
  stroke-dasharray: 40 172;
}
.ham6 .middle {
  stroke-dasharray: 40 111;
}
.ham6 .bottom {
  stroke-dasharray: 40 172;
}
.ham6.active .top {
  stroke-dashoffset: -132px;
}
.ham6.active .middle {
  stroke-dashoffset: -71px;
}
.ham6.active .bottom {
  stroke-dashoffset: -132px;
}
.hamberger-but {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .content-wrapper, .footer_table, .menu_cont {
        width: 98%;
    }
    .header {
        width: 100%;
        max-width: 100vw;
    }
    .news_cont {
        width: auto;
        margin: 132px 1% 0;
        padding: 0;
    }
    .head_menu_small .menu_cont {
        width: 98%;
    }
    .head_menu_small .hamberger-but {
        display: block;
        width: 60px;
        position: absolute;
        z-index: 300;
        top: calc(-50% + -7px);
        transform: translateY(50%);
    }
    .hamberger-but {
        display: block;
        width: 60px;
        position: absolute;
        z-index: 300;
        top: calc(-50% + 20px);
        transform: translateY(50%);
    }
    .menu_cont ul.menu {
        float: left;
        position: absolute;
        left: 50%;
        top: calc(50% - 5vh);
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }  
    .menu_cont ul li {
        float: left;
        margin: 16px 0;
        text-align: center;
    }  
    .navigation {
      position: fixed;
      width: 100vw;
      height: 100%;
      top: 0;
      overflow-y: auto;
      overflow-x: hidden;
      opacity: 0;
      visibility: hidden;
      z-index: 99;
      transition-delay: 300ms;
      left: 0;
    }
    .navigation.active {
      opacity: 1;
      visibility: visible;
      transition-delay: 0s;
    }
    .navigation.active .navigation__inner {
      background: rgba(0, 0, 0, 0) url("../images/head_bg.png") repeat-x scroll 0 0;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      transition: background-color 0s linear 599ms, -webkit-transform 300ms linear;
      transition: transform 300ms linear, background-color 0s linear 599ms;
      transition: transform 300ms linear, background-color 0s linear 599ms, -webkit-transform 300ms linear;
    }
    .navigation.active .navigation__inner:after {
      width: 200%;
      border-radius: 30%;
      -webkit-animation: elastic 100ms ease 150.5ms both;
              animation: elastic 100ms ease 150.5ms both;
    }

    .navigation__inner {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      overflow: hidden;
      z-index: 200;
      -webkit-transform: translate(-100%, 0);
              transform: translate(-100%, 0);
      transition: background-color 0s linear 150ms, -webkit-transform 150ms linear;
      transition: transform 150ms linear, background-color 0s linear 150ms;
      transition: transform 150ms linear, background-color 0s linear 150ms, -webkit-transform 150ms linear;
    }
    .navigation__inner:after {
      content: '';
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      background: rgba(0, 0, 0, 0) url("../images/head_bg.png") repeat-x scroll 0 0;;
      border-radius: 50%;
      z-index: -1;
      transition: all 300ms linear;
      background-size: contain;
    }

    @-webkit-keyframes elastic {
      0% {
        border-radius: 50%;
      }
      45% {
        border-radius: 0;
      }
      65% {
        border-top-right-radius: 40px 20%;
        border-bottom-right-radius: 40px 20%;
      }
      80% {
        border-radius: 0;
      }
      90% {
        border-top-right-radius: 20px 20%;
        border-bottom-right-radius: 20px 20%;
      }
      100% {
        border-radius: 0;
      }
    }

    @keyframes elastic {
      0% {
        border-radius: 50%;
      }
      45% {
        border-radius: 0;
      }
      65% {
        border-top-right-radius: 40px 20%;
        border-bottom-right-radius: 40px 20%;
      }
      80% {
        border-radius: 0;
      }
      90% {
        border-top-right-radius: 20px 20%;
        border-bottom-right-radius: 20px 20%;
      }
      100% {
        border-radius: 0;
      }
    }

    .content {
        float: left;
        height: auto !important;
        min-height: auto;
        padding: 25px 21px 0;
        width: 53%;
    }
    .cont_info .center_col_big {
    	width: 68% !important;
			padding: 20px 1%;
    }
    .center_block_with_padding {
			padding-left: 0;
		}
		.print_block {
			float: left;
			margin-top: 40px;
			text-align: right;
			width: 100%;
			padding-bottom: 30px;
		}
    .left-side-bar {
        width: 20%;
    }
    .logo-link {
        background-size: contain;
    }
    .left-side-bar .milk-on-main, .cont_info .left_col {
        position: relative;
        left: 0;
        top: 25px;
        width: 100%;
        object-fit: contain;
    }
    .cont_info .right_col {
        width: 20%;
    }
    .slider1 {
        float: left;
        width: 100%;
        height: 130px;
        position: relative;
        padding-bottom: 26px;
        /* background: url(/local/templates/main/css/../images/mobilyslider/bottom_shadow.png) no-repeat bottom center; */
    }
    .brands_title {
        font-weight: bold;
        font-size: 14px;
        color: #000;
        padding: 16px 0;
        text-align: center;
    }
    .right_col .sliderContent .item {
        background: rgba(0, 0, 0, 0) url("../images/2_16.png") no-repeat scroll top center;
        background-size: contain;
    }
    .sliderContent {
        float: left;
        width: 100%;
        height: 300px;
        clear: both;
        position: relative;
        overflow: hidden;
        margin-left: 7px;
    }
    .sliderContent .item {
        position: absolute;
        width: 100%;
        height: 300px;
        background: #fff;
    }
    .sliderContent img {
        /* margin-left: 30px; */
        /* margin-top: 10px; */
        object-fit: contain;
        /* width: 66%; */
        margin: 0 auto;
        max-height: 97px;
        height: 100%;
        max-width: 120px;
        width: 100%;
        padding-top: 6px;
        display: block;
    }
    .sliderContent .text-block {
        display: block;
        float: left;
        margin-top: 35px;
        margin-left: 0px;
        text-align: justify;
        width: 100%;
    }
    .sliderArrows {
        position: relative;
        height: 265px;
    }
    .sliderArrows .prev {
        background: rgba(0, 0, 0, 0) url("/local/templates/main/css/../images/2_15.png") no-repeat scroll center;
        display: block;
        height: 32px;
        width: 32px;
        z-index: 50;
        position: absolute;
        margin-left: -17px;
        object-fit: contain;
        top: 100%;
        left: 50%;
    }
    .sliderArrows .next {
        background: rgba(0, 0, 0, 0) url("/local/templates/main/css/../images/2_17.png") no-repeat scroll center;
        display: block;
        height: 32px;
        width: 32px;
        margin-left: 5px;
        z-index: 50;
        position: absolute;
        object-fit: contain;
        top: 100%;
        left: 50%;
    }
    .news_cont .news_block {
        width: 30%;
    }
    .footer {
      display: flex;
      flex-direction: column;
    }
    .footer_table {
        height: auto;
    }
    .center_block_with_padding {
			padding-left: 0;
			width: 100%;
		}
		.center_block_with_padding img {
			border: none;
			width: 100% !important;
			object-fit: contain;
		}
		h3 {
			font-size: 28px;
		}
		.company_people .block {
			padding: 25px 0;
		}
		.company_people .block .right {
			width: 100%;
			padding: 0 10px;
			box-sizing: border-box;
		}
		.company_people .block .left {
			width: auto;
			padding: 0 10px;
			box-sizing: border-box;
		}
		.product-list {
			display: flex;
			margin-top: -30px;
			flex-wrap: wrap;
			width: 100%;
		}
		.one-product .one-product-thumb {
			height: auto;
		}
		.one-product {
			min-height: auto;
			padding-left: 25px;
			width: 44%;
		}
		.navigation-string {
			display: none;
		}
		h4 {
			right: 0;
		}
}
@media only screen and (max-width: 767px) {
    html, body {
      overflow-x: hidden;
    }
		.cont_info .center_col_big {
			width: 98% !important;
		}
		.cont_info .left_col {
	        width: 100% !important;
	        min-height: auto;
	        overflow-y: auto;
	    }
	    .cont_info .left_col ul {
				position: fixed;
				right: 0;
				transform: translateX(100%); 
				transition: .2s ease-in; 
				height: 100vh;
				top: 0;
				z-index: 2000;
				padding: 0;
				margin: 0 !important;
				background: rgba(0, 0, 0, 0) url("../images/head_bg.png") repeat-x scroll 0 0;
				transition: background-color 0s linear 599ms, -webkit-transform 300ms linear; 
				transition: transform 300ms linear, background-color 0s linear 599ms; 
				transition: transform 300ms linear, background-color 0s linear 599ms, -webkit-transform 300ms linear;
				background-size: contain;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				padding-left: 10px;
				padding-top: 25px;
			}
		.cont_info .left_col ul.active {
			transform: translateX(0%);
			overflow-y: auto;
		}
		.hamberger-but.sideMenuBut {
			transform: translateX(calc(-100% - 10px));
			top: 179px;
			transition: .3s ease-in;
		}
		.hamberger-but.sideMenuBut.active {
			transform: translateX(0%);
			position: relative;
			top: 0;
		}
		.hamberger-but.sideMenuBut.activeT {
			transform: translateX(0%);
		}
    .left-side-bar {
        width: 100%;
        min-height: auto;
    }
    .left-side-bar .milk-on-main {
        display: none;
    }
    .content {
        width: 69%;
    }
    .cont_info .right_col {
        width: 20%;
        top: 3vh;
        position: relative;
    }
    .news_cont .news_block {
        padding-right: 14px;
    }
    .logo-link {
			background-size: contain;
			margin-bottom: 15px;
		}
		.press_rel {
			margin-bottom: 80px;
		}
		.release_info_block .right {
			width: 100%;
			text-align: left;
			box-sizing: border-box;
		}
		.submenu {
			position: relative !important;
			height: auto !important;
			width: auto !important;
			transform: translateX(0) !important;
			background: transparent !important;
			display: flex;
			flex-direction: column;
			margin: 0 !important;
			padding-left: 10px;
			padding-top: 0 !important;	
		}
		.cont_info .left_col ul li.select ul li.select {
			margin: 3px 0;
		}
}
@media only screen and (max-width: 530px) {
    .news_cont {
        width: auto;
        margin: 132px 1% 1px;
        padding: 0;
        display: flex;
        flex-direction: column;
        /* flex-wrap: wrap; */
        height: auto;
      }
		
    .content {
        width: 90%;
        margin: 0 auto;
    }
    .cont_info .right_col {
        width: 100%;
        top: 3vh;
        position: relative;
        background: transparent;
        min-height: auto;
    }
    .sliderContent {
        margin-left: 0;
        height: 256px;
    }
    .sliderContent .item {
        height: 256px;
    }
    .slider1 {
        height: auto;
        position: relative;
    }
    .sliderContent img {
        object-fit: contain;
        margin: 0 auto;
        max-height: 139px;
        height: 100%;
        max-width: 170px;
        width: 100%;
        padding-top: 6px;
        display: block;
    }
    .sliderContent .text-block {
        display: block;
        float: none; 
        margin-top: 35px;
        margin-left: 0px;
        text-align: center;
        width: 82%;
        margin: 0 auto;
    }
    .sliderArrows {
        position: absolute;
        top: 50%;
        width: 100%;
        height: auto;
    }
    .sliderArrows .prev {
        display: block;
        height: 32px;
        width: 32px;
        z-index: 50;
        position: absolute;
        margin-left: 0px;
        left: 2%;
        transform: translateY(-50%);
    }
    .sliderArrows .next {
        display: block;
        height: 32px;
        width: 32px;
        z-index: 50;
        position: absolute;
        right: 2%;
        left: auto;
        transform: translateY(-50%);
    }
    .news_cont .news_block {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }
    .footer_table {
        height: 65px;
    }
    .footer {
        background: rgba(0, 0, 0, 0) url("../images/footer_bg_on_main.png") no-repeat 0 90px;
        background-size: cover;
        height: auto;
    }
    .one-product {
			float: left;
			min-height: auto;
			padding-left: 25px;
			width: 100%;
			display: block;
			margin-bottom: 15px;
		}
		.fin_reports .left_col_fin {
			width: auto;
		}
		table {
			width: 100%;
		}
}