@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic);
/* @import url(https://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin,cyrillic); */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf');
	font-weight: 100;
	font-display: swap;
}
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf');
	font-weight: 500;
} */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.ttf');
	font-weight: 300;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.ttf');
	font-weight: normal;
	font-display: swap;
}




@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaThin.ttf');
	font-weight: 100;
	font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaLight.ttf');
	font-weight: 300;
	font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaRegular.ttf');
	font-weight: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaMedium.ttf');
	font-weight: 500;
	font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaBold.ttf');
	font-weight: bold;
	font-display: swap;
}



/*
@font-face {
    font-family: 'Arial';
    src: local("Arial"), url('../fonts/ArialRegular.ttf');
	font-weight: normal;
}
@font-face {
    font-family: 'Arial';
    src: local("Arial"), url('../fonts/ArialBold.ttf');
	font-weight: bold;
}
*/


html, body {padding: 0; max-width: 1280px; min-width: 1080px; margin: 0 auto; height: 100%;}
body {font: 16px/28px 'Helvetica'; font-weight: 300; color: #333;}

h1, .h1 {font: 48px/45px 'Roboto Condensed'; font-weight: 300; color: #181818; text-align: center; margin: 45px 0 50px;}
h2 {font: 30px/33px 'Roboto Condensed'; font-weight: 300; color: #181818;}

ul {padding: 0; margin: 0;}
a {color: #865834; cursor: pointer; text-decoration: none;}

img {border: none;}

textarea {resize: none;}

#main_content {min-height: 100%; margin-top: -444px; margin-bottom: -142px; padding-top: 444px; box-sizing: border-box; padding-bottom: 142px;}
.container {width: 1080px; margin: 0 auto; box-sizing: border-box;}

.clear {clear: both;}


/* ------ header
-----------------------------------------------*/
header {background-image: url(../img/header.jpg); background-repeat: no-repeat; background-position: top center; color: #fff; height: 399px; position: relative}
header#sensoy_slider {background: none; height: 728px;}


.top_block {position: relative; z-index: 10;}


.logo {/*background: url(../img/logo_bg.png) no-repeat top center;*/ display: inline-block; margin: 0 21px; vertical-align: top;}
.logo a, .logo span {display: block; margin: 0 39px 38px; position: relative; z-index: 15;}
.logo img {display: block;}


.top_menu {margin-left: 30px; display: inline-block; vertical-align: top;}
.top_menu ul {font: 16px/24px 'Ubuntu Condensed'; text-transform: uppercase; padding: 0; text-align: center;}
.top_menu ul li a {font: 16px/24px 'Ubuntu Condensed';}
.top_menu > ul {margin: 17px 0 14px;}
.top_menu li {list-style: none;}
.top_menu ul > li {display: inline-block; border: 1px solid transparent;}
.top_menu ul > li.selected {border-color: rgba(255,255,255,0.42);}
.top_menu a {text-decoration: none; color: #fff; display: block; padding: 0 8px;}

.top_menu > ul > li:hover {background: url(../img/submenu_bg.png);}
.top_menu .parent > a:after {content: ''; display: inline-block; background: url(../img/icons.png) no-repeat 0px 0px; width: 11px; height: 8px;
							margin-top: 9px; margin-left: 5px;}
.top_menu .parent:hover .menu_level2 {display: block;}

.top_menu .menu_level2,
.top_menu .menu_level3 {display: none; position: absolute; top: 43px; left: 0; background: url(../img/submenu_bg.png); /* width: 100%;  */ /* box-shadow: 0px 5px 5px rgba(0,0,0,0.21);  */  
	width: 960px; left: 50%; margin-left: -480px; box-shadow:  5px 5px 5px rgba(0,0,0,0.21), -5px 5px 5px rgba(0,0,0,0.21);}

.top_menu .menu_level2 {/* padding: 0 340px; */ padding: 0 175px; box-sizing: border-box;}
.top_menu .menu_level2 ul {margin: 10px auto 0; font-size: 15px; text-align: left;}
.top_menu .menu_level2 li {border: none; margin: 10px 0;}
.top_menu .menu_level2 li.selected > a, .top_menu .menu_level2 li:hover > a {color: #d6b26d;}
.top_menu .menu_level2 a {padding: 0; margin: 0 10px;}
.top_menu .menu_level2 li:hover .menu_level3 {display: block;}

.top_menu .menu_level2.vertical_menu {width: auto; padding: 0 20px; left: auto; margin-left: -1px;}
.top_menu .menu_level2.vertical_menu ul {margin-top: 20px;}
.top_menu .menu_level2.vertical_menu li {display: block;}

.top_menu .menu_level3 {padding-top: 10px; top: 42px;}
.top_menu .menu_level3 .wave {opacity: 0.26;}
.top_menu .menu_level3 ul {width: 900px; padding: 12px 0 25px; margin: 0 auto; font: 300 18px/24px 'Roboto Condensed'; text-transform: none; text-align: center;}
.top_menu .menu_level3.img_menu li {padding: 15px 20px;}
.top_menu .menu_level3 li {padding: 5px 20px;}
.top_menu .menu_level3 img {width: 132px;}
.top_menu .menu_level3 a {margin: 0;}
.top_menu .menu_level3 a.country_name {margin-top: 7px; display: inline-block;}


.slogan {display: inline-block; color: #fefefe; text-transform: uppercase; font: 26px/30px 'Roboto Condensed'; font-weight: 300; 
		background: url(../img/wave_w.png) repeat-x top left; margin-left: 8px; padding-top: 13px; 
		width: 96%; text-align: center; margin: 0 auto; display: block;}
		
header#sensoy_slider .header_text {/* position: absolute; bottom: 3px; left: 50%; margin-left: -240px; margin-top: 0; */ margin-top: 490px;}
.header_text {font-size: 18px; font-family: 'Roboto Condensed'; width: 488px; text-align: center; margin: 0 auto; vertical-align: bottom; margin-top: 135px;
			  position: relative; z-index: 9;}
.header_text span {font-weight: normal; text-transform: uppercase;}


.sensoy_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; font: 20px/24px 'Roboto Condensed'; color: #000;}
.sensoy_slider a {color: #000; text-decoration: none;}
.sensoy_slider small {font-size: 14px; line-height: 18px; display: block; margin-top: 3px;}

.sliderContent {width: 100%; height: 100%; clear:both; position:relative; overflow:hidden;}
.sliderContent .item {position:absolute; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat;}


.sensoy_slider_item {height: 100%; padding: 145px 60px 100px; position: relative;}
.sensoy_slider_item .recipe_links a {margin-top: 4px;}

.sensoy_slider .item.black_text, .sensoy_slider .item.black_text a {color: #000;}
.sensoy_slider .item.white_text, .sensoy_slider .item.white_text a {color: #fff;}

/*link_ar*/
.sensoy_slider_item .link_ar {
	float: right; 
	margin-top: 400px; 
	margin-right: 20px;
}
.sensoy_slider_item .link_ar span {
	min-width: 199px;
}

/*recipe_links*/
.recipe_links {
	text-align: left; 
	left: 258px; 
	position: absolute;
}

.recipe_links:before 
{
	content: ''; 
	display: inline-block; 
	width: 49px; 
	height: 49px; 
	background: url(../img/icons.png) no-repeat -57px -124px;
	vertical-align: top;
	margin-left: -50px;
}
.recipe_links div
{
	display: inline-block; 
	text-align: left;
}

/*ingredients_block*/
.ingredients_block
{
	margin-top: 10px;
	display: inline-block;
}

.ingredients {
	margin-left: 65px; 
	margin-top: -25px;
}

.ingredients .ingr_icon{
	content: ''; 
	display: inline-block; 
	width: 49px; 
	height: 49px; 
	background: url(../img/icons.png) no-repeat 0px -124px;
	vertical-align: top;
	background-position: -30px 0;
	cursor: default;
}

.ingredients span {
	display: inline-block; 
	padding-top: 40px;
}

/**/


.sensoy_slider .item.sushi .recipe_links {/*position: absolute; top: 265px; margin-left: 440px;*/}

.sensoy_slider .item.sushi .ingredients_block {/*margin-top: 100px; margin-left: -25px;*/}
.sensoy_slider .item.sushi .ingredients {/*margin-left: 30px; margin-top: -35px;*/}
.sensoy_slider .item.sushi .sensoy_slider_item .link_ar {/*margin-top: 440px; margin-right: 23px;*/}

.sensoy_slider .item.sup_tom_yam .ingredients_block {/*margin-left: -45px;*/}
.sensoy_slider .item.sup_tom_yam .ingredients {/*margin-left: 62px; margin-top: -37px;*/}
.sensoy_slider .item.sup_tom_yam .sensoy_slider_item .link_ar {/*margin-top: 325px; margin-right: 64px;*/}

.sensoy_slider .item.nem .ingredients_block {/*margin-left: -50px; margin-top: 15px;*/}
.sensoy_slider .item.nem .ingredients {/*margin-left: 62px; margin-top: -50px;*/}
.sensoy_slider .item.nem .sensoy_slider_item .link_ar {/*margin-top: 65px; margin-right: 60px;*/}



.sliderBullets {position:absolute; top: 45%; right: 160px; z-index:9;}
.sliderBullets a {display:block; text-indent:-9999px; outline:none; margin-bottom: 10px; width:13px; height:13px; border-radius: 100%; border: 1px solid #fff;}
.sliderBullets .active {width: 15px; height: 15px; background: #774811; border: none;}

@media (max-width: 1280px) {
	.sliderBullets {right: 30px;}
}

img.sensoy_title {vertical-align: bottom; margin: 0 5px;}
.down {width: 26px; height: 26px; display: block; text-decoration: none; background: url(../img/icons.png) no-repeat -226px -3px; margin: 5px auto;}




.breadcrumbs  {font-size: 14px; line-height: 45px; color: #8e8e8e;}
.breadcrumbs a {color: #8e8e8e; text-decoration: none;}
.breadcrumbs span:after {content: '>'; margin: 0 4px 0 6px;}
.breadcrumbs span:last-of-type {color: #5c5c5c;}
.breadcrumbs span:last-of-type:after {display: none;}



/* ------ footer
-----------------------------------------------*/
footer {background: url(../img/footer.jpg) no-repeat bottom center; color: #fff; padding-top: 20px;}


.copy, .bottom_menu, .contacts, .soc {display: inline-block; vertical-align: top;}


.copy {font-size: 12px; line-height: 18px; color: #979696; margin-left: 60px;}
.copy img {vertical-align: bottom; margin-right: 15px;}
.copy p {margin-top: 35px;}


.bottom_menu {line-height: 24px; margin-top: 10px; margin: 10px 50px 0 80px;}
.bottom_menu ul {display: inline-block; width: 284px;}
.bottom_menu li {list-style: none; width: 135px; display: inline-block;}
.bottom_menu a {color: #fff; text-decoration: underline;}
.bottom_menu a:hover {text-decoration: none;;}


.contacts {font-size: 12px; line-height: 18px; margin-top: 10px;}
.contacts p {font-size: 16px; margin: 0 0 8px;}
.contacts a {display: block; color: #999; text-decoration: underline;}


footer .soc {margin-top: 10px; float: right;}
.soc a {text-decoration: none; display: inline-block; width: 31px; height: 30px; background: url(../img/icons.png) no-repeat; margin-right: 4px; vertical-align: top;}
footer .soc a:first-of-type {margin-left: 10px;}
.soc .vk {background-position: -96px -3px;}
.soc .fb {background-position: -134px -3px;}
.soc .yt {background-position: -173px -3px;}
footer .metrics{
	margin-top: 15px;
	text-align: right;
}
footer .metrics a{
	width: inherit;
	background: none;
}


/* ------ main_content
-----------------------------------------------*/
.global_title:before, .global_title:after {content: ''; display: inline-block; width: 37px; height: 11px; vertical-align: middle;}
.global_title:before {background: url(../img/gtl.png) no-repeat; margin-right: 30px;}
.global_title:after {background: url(../img/gtr.png) no-repeat; margin-left: 30px;}

.tcenter {text-align: center;}

.section {text-align: center; padding-bottom: 60px;}
.section.sostra {background: url(../img/sostra_bot.png) repeat-x bottom right, url(../img/sostra.jpg) top center no-repeat; 
				padding-top: 10px; margin-bottom: 20px;}
.section h1 {padding-top: 40px; margin-top: 0;}


.colored {color: #733e15; font-size: 20px; font-family: 'Roboto Condensed';}
.colored span {font-weight: normal;}

.colored {text-align: justify;}
.colored-center {text-align: justify;}

.col3list {margin: 55px 0 20px;}
.col3list li {display: table-cell; list-style: none; width: 33%; vertical-align: top; padding: 0 30px;}
.col3list img {display: block; margin: 0 auto 25px;}

                                                    
.col4list {margin: 65px 0 25px; font-size: 14px; line-height: 22px; color: #777; text-align: justify;}
.col4list li {display: table-cell; list-style: none; width: 25%; vertical-align: top; padding: 0 18px;}
.col4list img {display: block; margin: 0 auto 20px;}
.col4list .img_block {display: table; width: 100%; border: 1px solid #dedddd;}
.col4list .img_block span {display: table-cell; vertical-align: middle; height: 105px;}
.col4list a {font-size: 16px; color: #181818; margin: 0 auto;}
.col4list p {padding: 0 14px;}


a.link_ar {display: inline-block; margin-left: 50px; margin-bottom: 6px; text-decoration: none;}
a.link_ar:before {content: ''; display: inline-block; width: 49px; height: 49px; background: url(../img/icons.png) no-repeat -30px 0px;
				vertical-align: top; margin-left: -50px;}
a.link_ar span {vertical-align: top; display: block; float: right; margin-left: 10px; text-align: left;}

.recipes_filter {text-align: left; padding-top: 18px;}
.recipes_filter a {margin-right: 5px;}

.all_recipes,
.video_recipes, 
.photo_recipes {font-size: 14px; padding: 0 15px 0 11px; line-height: 19px; display: inline-block; border-radius: 12px; font-family: 'Roboto Condensed'; 
				text-decoration: none; color: #6d6565; border: 1px solid #b8b8b8; vertical-align: top;}
.all_recipes:before,
.video_recipes:before, 
.photo_recipes:before {content: ''; width: 21px; height: 13px; display: inline-block; background: url(../img/icons.png) no-repeat;
					 vertical-align: top; margin-top: 3px; margin-right: 5px;}
					 
.all_recipes:before {background-position: -330px -23px;}
.video_recipes:before {background-position: -269px -23px;}
.photo_recipes:before {background-position: -301px -24px;}

.all_recipes:hover, .video_recipes:hover, .photo_recipes:hover,
.all_recipes.active, .video_recipes.active, .photo_recipes.active {background: #714414; border-color: transparent; color: #e7e7e7;}
.all_recipes.dark, .video_recipes.dark, .photo_recipes.dark {color: #e7e7e7; background: #333; border-color: transparent;}

.all_recipes:hover:before, .all_recipes.active:before, .all_recipes.dark:before {background-position: -330px -4px;}
.video_recipes:hover:before, .video_recipes.active:before, .video_recipes.dark:before {background-position: -269px -4px;}
.photo_recipes:hover:before, .photo_recipes.active:before, .photo_recipes.dark:before {background-position: -301px -5px;}


.btn {background: #75450f; font-family: 'Roboto Condensed'; font-weight: normal; display: inline-block; border-radius: 33px; padding: 6px 33px;
	text-decoration: none; color: #fff; font-size: 20px; line-height: 24px; border: none; outline: none; cursor: pointer;}
.btn span {padding: 9px 15px; border: 1px solid rgba(255,255,255,0.3); display: inline-block;}
.btn span:after {content: ''; display: inline-block; width: 17px; height: 9px; vertical-align: top; background: url(../img/icons.png) no-repeat -2px -14px;
			margin-top: 10px; margin-left: 10px;}
			
.btn.light {background: none; color: #4e4e4e; border: 1px solid #d0d0d0;}
.btn.light span {border-color: #d0d0d0;}
.btn.light span:after {background-position: -23px -51px;}

.submit_btn {position: relative; display: inline-block;}
.submit_btn input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}


ul.numbered {text-align: left;}			
ul.numbered li {list-style: none; margin-bottom: 40px;}
ul.numbered .numb {display: table-cell; vertical-align: top; font-weight: 100; /*font-size: 52px;*/ font-size: 42px; line-height: 52px; color: #a27a25; width: 65px; 
				letter-spacing: -5px; box-sizing: border-box; font-family: 'Roboto';}
ul.numbered .numbered_list_content {display: table-cell; vertical-align: top;text-align: justify;}


hr.wave {width: 650px; height: 3px; background: url(../img/wave.png) repeat-x left top; content: ''; display: block; margin: 0 auto; border: none;}


.show_more {text-align: center; margin: 20px 0;}

.pdf {font-size: 20px; font-weight: 500;}
.pdf:before {content: url(../img/pdf_icon.png); display: inline-block; vertical-align: middle; margin-right: 10px;}


		
/* ------ sliders
-----------------------------------------------*/
.slider_block {position: relative;}
.slider_block li {box-sizing: border-box;}


.sliderArrows a {height: 102px; width: 31px; display: inline-block; background: url(../img/prev_next.png) no-repeat; text-decoration: none;  
				position: absolute; top: 50%; margin-top: -50px; text-indent:-9999px;}
.sliderArrows .prev {background-position: 0px 0px; left: -55px;}
.sliderArrows .next {background-position: -40px 0px; right: -55px;}

@media (max-width: 1280px) {
	.sliderArrows {z-index: 3;position: absolute; top:0; bottom:0; left:0; right:0; height:0;margin: auto;}
	.sliderArrows .prev {left: 0px;}
	.sliderArrows .next {right: 0px;}
}

.slider2col .slider {margin-top: 70px; margin-bottom: 60px;}
.slider2col .slider li {width: 50%;}


.slider3col .slider {text-align: center; margin-top: 35px; margin-bottom: 20px;}
.slider3col .slider li {width: 33%;}
.slider3col .sliderArrows a {margin-top: 0; top: 50px;}


.slider4col .slider {text-align: center; margin: 0 auto;}
.slider4col .slider li {width: 25%;}
.slider4col .slider img {display: block; margin: 0 auto;}

.tabs_slider .slider {width: 1080px;}
.tabs_slider .slider li {width: 1080px;}



/* ------ about page
-----------------------------------------------*/
.produce {margin-bottom: 50px;}


.history_slider {margin: 0 100px;}
.history_slider .slider {text-align: left; margin-bottom: 15px;}
.history_slider .slider li {width: 100%;}
.history_slider .slider .history_img {float: left; background: url(../img/history_img_bg.png) no-repeat; padding: 7px 13px 14px 51px; margin-right: 65px;}
.history_slider .slider .history_item {padding: 0 10px 0 0;}
.timeline {/* background: url(../img/timeline_bg.png) no-repeat 3px 16px; */ width: 832px; margin: 0 auto 30px; display: table;}
.timeline:before {content: ''; display: table-cell; width: 52px; background: url(../img/timeline_bg_left.png) no-repeat right 16px; 
	position: relative; right: -1px; background-size: 100% 2px;}
.timeline:after {content: ''; display: table-cell; width: 52px; background: url(../img/timeline_bg_right.png) no-repeat left 16px; 
	position: relative; left: -1px; background-size: 100% 2px;}
.timeline_inner {display: table-cell;}
.timeline a {display: inline-block; text-decoration: none; font-family: 'Roboto Condensed'; font-size: 20px; /* margin: 0 41px; */ width: 38px; color: #000;
	background: url(../img/timeline_bg2.png) no-repeat center 16px; margin: 0; padding: 0 33px;}
.timeline a:before {width: 29px; height: 29px; background: url(../img/timeline.png) no-repeat 0px 0px; content: ''; display: block; margin: 6px auto;}
.timeline a.active {font-weight: normal;}
.timeline a.active:before {background-position: -33px 0px;}


.vector {padding-right: 85px;}
.vector > b {font-size: 20px; font-family: 'Roboto Condensed'; font-weight: normal;}
.vector p {margin: 0;}
.vector p b {font-weight: 500;}
.vector .vector_img {float: left; margin-top: 10px;}
.vector .vector_img + li {padding-left: 400px;}


.principles_block {padding: 0 71px;}
.principles_block p {font-size: 20px; font-family: 'Roboto Condensed';}



/* ------ news
-----------------------------------------------*/
.news_block {margin-bottom: 55px;}
.slider .news_item {text-align: left; padding-right: 45px;}
.news_item img {float: left; margin-right: 35px; display: block;}
.news_item .date, .news_date_time {font-family: 'Roboto Condensed';}
.news_item a {display: block; text-decoration: none; font-size: 20px; font-family: 'Roboto Condensed';}
.news_item p {margin: 0;}

.news_desc
{
 float: left;
 width: 220px;
 overflow: hidden;
 height: 144px;
}
.news_list {text-align: left;}
.news_list .news_item {width: 49%; display: inline-block; box-sizing: border-box; margin-bottom: 60px; vertical-align: top;}
.news_list .news_item:nth-of-type(2n+1) {padding-right: 3%;}
.news_list .news_item:nth-of-type(2n) {padding-left: 3%;}

.news_detail {margin-bottom: 60px;text-align: justify;}



/* ------ main page
-----------------------------------------------*/
.recipe_countries {margin-bottom: 47px;}
.recipe_countries a {text-decoration: none; font: 20px/24px 'Roboto Condensed'; font-weight: normal; color: #2a1707; display: inline-block;}
.recipe_countries a img {height: 198px;}
.recipe_countries .country_name {margin: 25px 0 0 30px;}
.recipe_countries .sliderArrows a {margin-top: -80px}


.tabs .tabs_list {text-align: center;   font-size: 0;}
.tabs .tabs_list a {color: #666; font: 20px/24px 'Roboto Condensed'; font-weight: normal; text-decoration: none; display: inline-block;
					padding: 13px 90px 13px 75px;}
.tabs .tabs_list a.active {color: #000; background: url(../img/wave_bg_top.png) repeat-x left top, url(../img/wave_bg_bot.png) repeat-x left bottom, #fcfcfc;}
.tabs .tabs_item {display: none;}
.tabs .tabs_item.active {display: block;}


.wave_bg {background: url(../img/wave_bg_top.png) repeat-x left top, url(../img/wave_bg_bot.png) repeat-x left bottom, #fcfcfc;}


.tabs.main_top_section {margin-top: 60px; margin-bottom: 30px;}
.tabs.main_top_section .tabs_list a {line-height: 54px;}
.tabs.main_top_section .tabs_list a:before {content: ''; display: inline-block; width: 49px; height: 49px; background: url(../img/icons.png) no-repeat; vertical-align: top;}
.tabs.main_top_section .tabs_list a.new:before {background-position: -113px -64px;}
.tabs.main_top_section .tabs_list a.hit:before {background-position: 0px -64px;}
.tabs.main_top_section .tabs_list a.gluten:before {background-position: -57px -64px;}
.main_top_section_content {margin-top: 25px;}
.main_top_section_content h1 {text-align: left; margin-top: 0; padding-top: 35px;}
.main_top_section_content .promo_img {float: left; margin: 0 45px;}
.main_top_section_content .promo_img img {margin-right: 35px;}
.main_top_section_desc {padding-right: 60px;}
.main_top_section_desc p {margin: 28px 0;}
.main_top_section_desc a {margin-top: 40px;}


.advantages_main .col4list {margin-bottom: 50px; margin-top: 45px;}



/* ------ catalog
-----------------------------------------------*/
.section_desc {text-align: center;}
.full_desc {display: inline-block; width: 24px; height: 13px; background: url(../img/icons.png) no-repeat 0px -35px; margin-left: 5px; vertical-align: middle;}
.full_d {display: none;}

.catalog {margin-bottom: 83px;}
.catalog_list {margin-top: 70px; margin-bottom: 40px;}
.catalog_list_item {width: 240px; box-sizing: border-box; text-align: center; display: inline-block; vertical-align: top; margin-bottom: 35px; 
					margin-right: 35px; position: relative; color: #181818; font: 20px/24px 'Roboto Condensed'; font-weight: 300;}
.catalog_list_item:nth-of-type(4n) {margin-right: 0;}					
.catalog_list_item a {color: #181818; text-decoration: none;}					
.catalog_list_item .weight {font-size: 18px; color: #4e4e4e; display: block;     white-space: nowrap;}
.catalog_list_item_photo {/* height: 285px; */ margin-bottom: 10px; display: table; margin: 0 auto 10px; 
	width: 100%; border: 1px solid #dedddd; box-sizing: border-box; height: 307px;}
.catalog_list_item_photo:hover {border-color: #8B8B8B;}	
.catalog_list_item_photo a {display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 10px;}
.catalog_list_item_photo img {display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}

.catalog_list .catalog_list_item_photo a:hover + .tooltip, .tooltip:hover {/* display: block; */ visibility: visible;}
.tooltip {background: #ffe49b; box-sizing: border-box; padding: 20px; width: 280px; font-size: 16px; z-index: 20; min-height: 150px;
			font-family: 'Helvetica'; text-align: left; position: absolute; margin-left: 40px; /* display: none; */ visibility: hidden; left: 180px; top: 0;}
.tooltip .full_desc_link {color: #714414; display: block; margin-top: 8px;}
.tooltip .full_desc_link:after {content: ''; display: inline-block; width: 17px; height: 9px; background: url(../img/icons.png) no-repeat -2px -51px;
										  margin-left: 8px; vertical-align: middle;}
.tooltip:before {position: absolute; height: 100%; top: 0; left: -40px; display: inline-block; vertical-align: middle; content: ''; width: 40px; 
				background: url(../img/tooltip.png) no-repeat 0px 50%;}

/* .catalog_list_item:nth-of-type(4n) .tooltip,  */.catalog_list_item .tooltip.left {left: auto; right: 140px; margin-left: 0; margin-right: 40px;}
/* .catalog_list_item:nth-of-type(4n) .tooltip:before,  */.catalog_list_item .tooltip.left:before {display: none;}
/* .catalog_list_item:nth-of-type(4n) .tooltip:after,  */.catalog_list_item .tooltip.left:after {position: absolute; height: 100%; top: 0; right: -40px; 
	display: inline-block; vertical-align: middle; content: ''; width: 40px; background: url(../img/tooltip.png) no-repeat -51px 50%;}

.catalog hr.wave {margin-bottom: 75px;}


.icons {position: absolute; /* top: 0; right: 0;  top: 10px; right: 2px; */ left: 2px;}
.icons div {font-size: 10px; color: #7b480e; text-transform: uppercase; text-align: center; width: 61px; line-height: 12px; margin-bottom: 5px;}
.icons div.new {color: #e32d2e;}
.icons div.hit {color: #f39200;}
.icons div.benefit {color: #821e21;}
/*
.icons div.gluten {color: #758101;}
*/
.icons div:before {content: ''; display: block; width: 49px; height: 49px; background: url(../img/icons.png) no-repeat; margin: 0 auto;}
.icons .new:before {
/*
background-position: -113px -64px;
*/
	background: url(../img/new.png) no-repeat;
	width: 64px; height: 91px;
}

.icons .hit:before {
/*background-position: 0px -64px;*/
	background: url(../img/hit.png) no-repeat;
	width: 64px; height: 91px;
}

.icons .gluten:before {
/*
background-position: -57px -64px;
*/
background: url(../img/gluten.png) no-repeat;
width: 64px; height: 91px;
}

.icons .benefit:before {
/*background-position: 0px -64px;*/
	background: url(../img/benefit.png) no-repeat;
	width: 61px; height: 91px;
}

/* ------ catalog detail
-----------------------------------------------*/
.country_link  {color: #181818; font-size: 20px; font-family: 'Roboto Condensed'; text-decoration: none; display: inline-block; line-height: 24px;}
.country_link img {vertical-align: middle; margin-right: 20px;}
.country_link span {vertical-align: middle; display: inline-block; max-width: 195px;}
.country_link span:after {content: ''; display: inline-block; width: 17px; height: 9px; background: url(../img/icons.png) no-repeat -23px -51px;
						margin-left: 8px; vertical-align: middle;}

						
.catalog_detail {margin-bottom: 85px;}						
.prod_detail_pict {float: left; margin: 0 -30px 0; width: 462px; text-align: center;}						
.prod_description {margin-top: 62px;}
.prod_description p {margin-top: 0;}
.prod_description .weight {display: block; font: 22px/28px 'Roboto Condensed'; font-weight: 300; color: #714414; margin: 25px 0 55px;}
.prod_description_block {display: table-cell; width: 50%; padding-right: 30px; vertical-align: top;text-align: justify;}
.prod_description_block:last-of-type {padding-right: 0; padding-left: 50px;}


.section_detail_desc {margin-bottom: 40px;}						
.section_desc_title {color: #714414; font: 20px/24px 'Roboto Condensed'; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
.section_desc_title span {font-weight: 300; display: block; text-transform: none;}


.product_recipes {text-align: center; background: url(../img/sostra_bot.png) repeat-x left bottom, url(../img/flowers_bg.jpg) no-repeat top center; padding-top: 30px; padding-bottom: 75px;}
.product_recipes .recipes_filter {margin-left: 18px; padding-top: 5px;}
.product_recipes .btn {margin-top: 50px;}
.product_recipes .rec_list_item {margin-bottom: 0;}
.rec_list_item {text-align: center; width: 320px; margin: 0 auto 50px;}
.rec_list_item a {text-decoration: none; font: 20px/24px 'Roboto Condensed'; font-weight: 300; color: #181818; box-sizing: border-box;}
.rec_list_item .rec_list_pic {display: block; margin-bottom: 17px; position: relative; height: 210px;}
.rec_list_item .rec_list_pic img {display: block;}
.rec_list_item .rec_list_name {display: inline-block; padding: 0 10px;}
.rec_list_item .rec_list_video_icon {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/video_icon.png) no-repeat 50%;}
.rec_list_item .rec_list_video_icon span {position: absolute; bottom: 0; right: 0; color: #fff; background: #000; width: 66px; font: 300 16px/24px 'Helvetica';}
.rec_list_item .rec_list_pic_desc {visibility: hidden; background: rgba(214,155,0,0.92); color: #fff; font-size: 16px; position: absolute; width: 100%; 
									height: 100%; top: 0; display: table;}
.rec_list_item .rec_list_pic_desc_content {height: 100%; vertical-align: middle; display: table-cell;}
.rec_list_item .rec_list_pic_desc_content img {display: inline-block; vertical-align: middle;}

.rec_list_item:hover a {color: #714414;}
.rec_list_item .rec_list_pic:hover .rec_list_pic_desc {visibility: visible;}


.catalog_advice {margin-top: 70px; margin-bottom: 60px;}



/* ------ recipe_book
-----------------------------------------------*/
.recipes_nav {font: 18px/36px 'Roboto Condensed'; font-weight: 300; margin: 11px 0;}
.recipes_nav li {display: inline-block; list-style: none; margin-bottom: 18px; margin-right: 12px;}
.recipes_nav a {color: #714414; text-decoration: none; display: inline-block; padding-left: 10px;}
.recipes_nav a span {color: #fff; background: url(../img/wave_bg_top.png) repeat-x left top, url(../img/wave_bg_bot.png) repeat-x left bottom, #c7c3bf; 
					text-align: center; padding: 0 7px; min-width: 31px; display: inline-block; box-sizing: border-box; margin-left: 10px;}
.recipes_nav li.active a {color: #000; font-weight: normal;}
.recipes_nav li:hover a {color: #000;}
.recipes_nav li.active a span, 
.recipes_nav li:hover a span {background: url(../img/wave_bg_top.png) repeat-x left top, url(../img/wave_bg_bot.png) repeat-x left bottom, #504d4b;}

.recipes_nav.no_cnt a {padding-right: 10px;}


.recipe_book_list {margin-top: 30px; margin-bottom: 88px;}
.recipe_book_list .rec_list_item {box-sizing: border-box; display: inline-block; vertical-align: top; margin-right: 55px;}
.recipe_book_list .rec_list_item:nth-of-type(3n) {margin-right: 0;}
.recipe_book_list .btn {margin-top: 35px;}


.countries_list .rec_list_pic {height: auto;}
.countries_list .rec_list_pic img {margin: 0 auto; height: 198px; padding-right: 30px;}



/* ------ recipe_book section country
-----------------------------------------------*/
.recipes_book_section_description {line-height: 24px; margin-bottom: 65px;text-align: justify;}
.recipes_book_section_description img{float: left;}
.recipes_book_section_description div{padding-left: 265px; padding-top: 10px;}
.recipes_book_section_description p {margin: 27px 0;}
.recipes_book_section_description p:first-of-type {margin-top: 0;}



/* ------ recipe_book detail
-----------------------------------------------*/
.recipe_book_detail {margin-bottom: 90px;}
.recipe_book_detail > .wave {margin-bottom: 57px; margin-top: 50px;}


.recipe_detail_picture {display: table-cell; vertical-align: top; width: 630px; padding-right: 78px; box-sizing: border-box;}
.recipe_detail_picture img {display: block; border: 1px solid #dedddd; margin: 0 auto;}

.show_all_steps {line-height: 24px; color: #181818; font-family: 'Roboto Condensed'; display: inline-block; margin-top: 20px;}
.show_all_steps:before {content: ''; width: 38px; height: 21px; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 8px;
						background: url(../img/icons.png) no-repeat -291px -1px, #714414; border-radius: 12px;}
.show_all_steps:after {content: ''; display: inline-block; background: url(../img/icons.png) no-repeat -15px 0px; width: 11px; height: 8px;
						margin-top: 9px; margin-left: 8px;}
.show_all_steps span {border-bottom: 1px solid #b7b7b7;}						


.recipe_advice {display: table-cell; vertical-align: top; width: 450px;}
.recipe_advice_item {width: 100%; background: url(../img/wave.png) repeat-x left bottom; padding-bottom: 15px; margin-bottom: 18px; color: #181818;
					box-sizing: border-box; font: 18px/24px 'Roboto Condensed'; font-weight: 300; padding-right: 85px;}
.recipe_advice_item_link {display: inline-block; width: 100%;}
.recipe_advice_item_link .recipe_advice_item_pic {border: 1px solid #dedddd; float: left; margin-right: 30px; margin-bottom: 4px; position: relative; width: 120px; height: 80px;}
.recipe_advice_item_link .recipe_advice_item_pic img {display: block; margin: 0 auto;}
.recipe_advice_item_link .rec_list_video_icon {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/video_icon_small.png) no-repeat 50%;}
.recipe_advice_item span {color: #535353;}

.soc.soc_share {margin-top: 5px;}


.all_steps {/* padding-top: 40px; */ display: none;}
.all_steps h2 {text-align: center;}
.all_steps img {margin: 0 8px 20px 0;}
.all_steps img:nth-of-type(4n) {margin-right: 0;}


.close {width: 39px; height: 21px; background: url(../img/icons.png) no-repeat -374px -1px; display: inline-block; vertical-align: middle;
		margin-left: 10px; margin-bottom: 1px;}


.cooking {margin-top: 55px;}
.cooking iframe {width: 680px; height: 420px; margin: 0 auto; display: block;}

.ingredients_list {width: 370px; box-sizing: border-box; padding: 13px 35px; color: #181818; font-size: 18px; font-family: 'Roboto Condensed'; float: left;
					margin-right: 30px; margin-bottom: 50px;}
.ingredients_list h2 {text-align: center;}
.ingredients_list ul {margin-bottom: 45px;}
.ingredients_list li, .horeca_desc_list li {clear: both; border-bottom: 2px dotted #8a8a8a; line-height: 24px; margin-bottom: 5px; list-style-image: url(../img/ingredients_list.png);}
.ingredients_list li > div, .horeca_desc_list li > div {position: relative; bottom: -7px;}
.ingredients_list .ingr_name {padding-right: 75px;}
.ingredients_list .ingr_name span, .horeca_desc_list li .ingr_name span {background: #fcfcfc; padding-right: 4px;}
.ingredients_list .ingr_qt, .horeca_desc_list .ingr_qt {background: #fcfcfc; padding-left: 4px; position: absolute; right: 0; bottom: 0;}


.recipe_book_detail ul.numbered .numb {text-align: right; padding-right: 10px;}

.cooking_step {min-height: 31px;}
.recipe_detail_picture .cooking_step {min-height: 40px;}

.show_step {line-height: 24px; color: #181818; font-family: 'Roboto Condensed'; display: inline-block; margin-top: 5px;}
.show_step:before {content: ''; width: 36px; height: 19px; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 8px; 
					background: url(../img/icons.png) no-repeat -292px -21px; border-radius: 12px; border: 1px solid #535353;}
.show_step span {border-bottom: 1px solid #c4c4c4;}	

.step_picture {text-align: right; display: none; max-width: 610px;}
.step_picture img {display: block; width: 610px; height: 405px;}



/* ------ interest_list
-----------------------------------------------*/
.interest_list {line-height: 24px; margin-top: 65px; margin-bottom: 105px;}
.interest_list_item {margin-bottom: 60px; padding-bottom: 1px;}
.interest_list_desc {padding-left: 370px;text-align: justify;}
.interest_list_pic {display: inline-block; float: left;}
.interest_list_pic img {display: block;}
.interest_list_desc a {text-decoration: none; display: inline-block;}
.interest_list_desc a h2 {margin: 0 0 8px;}

.interest_detail {margin-bottom: 60px;text-align: justify;}
.detail_pic  {margin: 0px auto 30px; display: block;}

.back {margin: 50px 0; display: block;}



/* ------ feedback
-----------------------------------------------*/
.feedback {padding-top: 15px; margin-top: 35px; padding-bottom: 55px; margin-bottom: 65px;}
.feedback form {width: 870px; margin-left: 60px; margin-top: 60px;}
.feedback_link {padding-top: 15px; text-align: center; padding-bottom: 72px; margin-bottom: -3px;}
.feedback_link h1, .feedback h1, .feedback .h1 {margin-bottom: 10px;}
.feedback_link p, .feedback p {font: 20px/45px 'Roboto Condensed'; font-weight: 300; color: #666; margin-top:0; margin-bottom: 25px; text-align: center;}

.form_section {display: table-row;}
.form_section_title {display: table-cell; vertical-align: top; text-align: right; font: 30px/28px 'Roboto Condensed'; font-weight: 300; color: #000;
					padding-right: 50px; box-sizing: border-box; width: 39%; padding-bottom: 60px;}
.form_section_content {display: table-cell; vertical-align: top; font: 20px/26px 'Roboto Condensed'; font-weight: 300; color: #666; width: 61%;
						padding-bottom: 15px; min-width: 530px;}

.container form label {display: block; margin: 2px 0;}
.container input[type="text"],
.container textarea {border: 1px solid #d8d8d8; font: 20px 'Roboto Condensed'; font-weight: 300; padding: 6px 15px; box-sizing: border-box; width: 100%;
					margin-bottom: 9px;}

.feedback textarea {height: 150px;}

form .captcha input[type="text"] {width: 304px; vertical-align: top; float: right;}

form .req {font: 300 14px/26px 'Helvetica'; text-align: left; margin: 15px 0 40px;}
form .req span {font-weight: normal; color: #75450f;}

.success {color: #2EA642; font-weight: 500; font-size: 25px;}



/* ------ actual
-----------------------------------------------*/
.container select {font: 300 18px/48px 'Helvetica'; color: #181818; border: 1px solid #d8d8d8; padding: 5px 15px; box-sizing: border-box;}

.select_city_block {font-size: 30px; font-family: 'Roboto Condensed'; text-align: center; color: #181818; padding: 26px 0; margin-top: -2px;
					background: url(../img/select_block_bg.png) repeat-x top left; position: relative; z-index: 1; height: 90px; box-sizing: border-box;}
.select_city_block select, .select_city_block .jq-selectbox {width: 530px; margin-left: 25px;}

.actual_news .news_block {padding-bottom: 0;}

.actions {margin-top: 45px;}
.action {line-height: 24px; margin-bottom: 75px;}
.action .members {margin-top: 25px;}
.action .members b {font-size: 18px; font-family: 'Roboto Condensed'; display: block;}
.action .action_desc h2 {margin-top: 0; margin-bottom: 10px;}
.action .action_desc .btn {margin-top: 35px;}

.action_left img {float: left;}
.action_left .action_desc {padding-left: 450px;}

.action_right {padding-top: 60px; padding-bottom: 67px;}
.action_right img {float: right;}
.action_right .action_desc {padding-right: 450px;}

.action_detail .preview_pic {float: left; margin-right: 57px; margin-bottom: 25px;}
.action_detail .members {clear: both;}



/* ------ contacts
-----------------------------------------------*/
.contacts_list hr.wave {margin-bottom: 23px;}

.contacts_item_content {min-height: 250px;}
.contacts_item  {width: 325px; margin: 35px 45px 65px 0; display: inline-block; vertical-align: top; color: #181818; line-height: 24px;}
.contacts_item:nth-of-type(3n) {margin-right: 0;}
.contacts_item h2 {margin: 0 0 10px;}
.contacts_item h2 span {font-size: 18px; display: block;}
.contacts_item .address {margin: 10px 0;}
.contacts_item .address span {color: #4e4e4e; display: block; margin: 10px 0 15px;}
.contacts_item .phone {font-weight: normal;}

.btn.light.on_map span:after {margin-top: 6px; width: 9px; height: 17px; background-position: -454px 0px;}
.btn.light.on_map:hover {background: #75450f; border-color: transparent; color: #fff;}
.btn.light.on_map:hover span {background-position: -454px 0px; border-color: 1px solid rgba(255,255,255,0.3);}
.btn.light.on_map:hover span:after {background-position: -442px 0px;}


#map {height: 440px; width: 100%; box-shadow: 0px 2px 2px rgba(0,0,0,0.28), inset 0px 1px 2px rgba(0,0,0,0.28);}
.popover {font: 300 14px 'Helvetica'; color: #181818; text-align: left; background-color: rgba(255,255,255,0.85); border: 1px solid #bbbbbb;
		position: absolute; top: 0; left: 0; z-index: 1010; display: block; max-width: 214px; padding: 1px; white-space: normal;
		-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.36); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.36); box-shadow: 0px 2px 3px rgba(0,0,0,0.36);
		-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
.popover-close {float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; 
				filter: alpha(opacity=20); position: absolute; right: 5px; top: 1px;}
.popover-title {font: 18px 'Roboto Condensed'; padding: 20px 17px 5px; margin: 0;}
.popover-content {padding: 5px 17px 20px;}
.popover .arrow {width: 117px; height: 27px; background: url(../img/map_arrow2.png) no-repeat; right: -15px; bottom: -27px; position: absolute; display: block;}

  
  


/* ------ formstyler
-----------------------------------------------*/
.jq-selectbox {text-align: left; vertical-align: middle;	cursor: pointer;}
.jq-selectbox__select {font: 300 18px/36px 'Helvetica'; color: #181818; height: 36px; padding: 0 34px 0 15px; border: 1px solid #d8d8d8; 
						background: #fff;}
.jq-selectbox.focused .jq-selectbox__select {border: 1px solid #5794BF;}
.jq-selectbox__select-text {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jq-selectbox__trigger {position: absolute; top: 0; right: 0; width: 34px; height: 100%;}
.jq-selectbox__trigger-arrow {position: absolute; background: url(../img/select_trigger.png) no-repeat 0px 0px; top: 16px; right: 12px; 	width: 11px;
							height: 7px; overflow: hidden;}

.jq-selectbox__dropdown {top: 37px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;
						border: 1px solid #d8d8d8; background: #FFF; font-size: 16px; line-height: 22px;}
.jq-selectbox ul {margin: 0; padding: 0;}
.jq-selectbox li {min-height: 18px; padding: 5px 15px 6px; color: #231F20;}
.jq-selectbox li.selected, .jq-selectbox li:hover {background-color: #B0B0B0; color: #FFF;}





/* ------ Reveal Modals
-----------------------------------------------*/		
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.6);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 50px; 
	left: 50%;
	margin-left: -575px;
	/*width: 520px;*/
	background: #fff;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	} 




/* ------ documents
-----------------------------------------------*/	
.documents_table {width: 100%; text-align: left; border-collapse: collapse; margin-bottom: 30px;}
.documents_table tr {border-bottom: 1px solid #777;}
.documents_table th, .documents_table td {padding: 5px 10px;}
.documents_table th {background: #777777; color: #fff; font-weight: 500;}
.documents_table tr th:first-of-type, .documents_table tr td:first-of-type {width: 75%;}











.page-up.hidden {display: none;}
.page-up {position: fixed; right: 20px; bottom: 160px; border: 1px solid #d0d0d0; display: inline-block; border-radius: 10px;
    padding: 7px 13px; font-size: 14px; cursor: pointer;}
.page-up span:before {content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-bottom: 7px solid #d0d0d0; margin-right: 7px;}




.container .error-input {
	border: 1px solid rgba(255, 0, 0, 1) !important;
	outline-color: rgba(255, 0, 0, 0.5);
}

.container .error-input::-webkit-input-placeholder {color:rgba(255, 0, 0, 0.8); opacity:1;}/* webkit */
.container .error-input::-moz-placeholder          {color:rgba(255, 0, 0, 0.8); opacity:1;}/* Firefox 19+ */
.container .error-input:-moz-placeholder           {color:rgba(255, 0, 0, 0.8); opacity:1;}/* Firefox 18- */
.container .error-input:-ms-input-placeholder      {color:rgba(255, 0, 0, 0.8); opacity:1;}/* IE */

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.s-partners {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    font-family: 'Roboto Condensed'
}

.s-partner {
    /* width: calc(50% - 30px); */
    width: calc(33% - 30px);
    /*margin: 0 15px 90px;*/
    margin: 0 15px;
    padding: 10px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*height: 220px;*/
}

.s-partner__logo {
    width: 220px;
    height: 220px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    flex-shrink: 0
}

/*.s-partner__logo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}*/

.s-partner__logo-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.s-partner__desc {
    flex-grow: 1;
    padding: 0 10px 0 20px;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.s-partner__name {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 45px;
}

.s-partner__phone, .s-partner__link, .s-partner__email, .s-partner__loc {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    background-size: 15px auto;
    background-position: left 5px;
    background-repeat: no-repeat;
}

.s-partner__info-val {
    color: #000;
}

.s-partner__phone {
    background-image: url(/upload/icons/icon-phone.svg);
}

.s-partner__link {
    background-image: url(/upload/icons/icon-web.svg);
}

.s-partner__email {
    background-image: url(/upload/icons/icon-email.svg);
}

.s-partner__loc {
    background-image: url(/upload/icons/icon-loc.svg);
    margin-top: 15px;
}

.btn--where {
    position: absolute;
    /* right: 210px; */
    right: 190px;
    top: 31px;
    border-radius: 25px;
    padding: 1px;
    background: #9F7D57;
}

.btn--new {
    background-color: #231F20;
    padding: 4px 19px !important;
    font-weight: normal;
}

.btn--new span {
    border: 1px solid #9F7D57;
    font-size: 20px;
    padding: 0;
    line-height: 38px;
    /* min-width: 108px; */
	min-width: 135px;
    text-align: center;
}

.btn--where .btn--new span:after {
    display: none;
}

.btn--where:hover {
    background: linear-gradient(90deg, #FEEEBC 0%, #BC854C 10.38%, #FEEEBC 19.54%, #75450F 39.78%, #FEEEBC 49.78%, #BC854C 60.03%, #75450F 70.03%, #FEEEBC 80.27%, #BC854C 90.49%, #FEEEBC 100%);;
}

.btn--where:hover .btn--new {
    background: linear-gradient(180deg, #DFD2C5 -11.54%, #1A1718 37.07%, #000000 100%);
    border-color: transparent;
    padding: 3px 18px !important;
}

.btn--where:hover .btn--new span {
    background-image: url(/upload/images/btn-inner2.svg);
    background-size: 100% 100%;
    border-color: transparent;
    line-height: 40px;
    min-width: 137px;
}

.btn--wherebot.hidden {
	display: none;
}

.btn--wherebot {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: #9F7D57;
    box-shadow: 1px 4px 4px rgba(35, 31, 32, 0.2);
    border-radius: 26px;
    padding: 2px;
    z-index: 999;
}

.btn--wherebot:hover {
    background: linear-gradient(90deg, #FEEEBC 0%, #BC854C 10.38%, #FEEEBC 19.54%, #75450F 39.78%, #FEEEBC 49.78%, #BC854C 60.03%, #75450F 70.03%, #FEEEBC 80.27%, #BC854C 90.49%, #FEEEBC 100%);
    box-shadow: 2px 4px 4px rgba(35, 31, 32, 0.15);
}

.btn--wherebot .btn--new span {
    line-height: 42px;
    min-width: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn--wherebot:hover .btn--new {
    background: linear-gradient(180deg, #DFD2C5 -11.54%, #1A1718 37.07%, #000000 100%);
    padding: 3px 30px !important;
}

.btn--wherebot .btn span:after {
    background-image: url(/upload/images/btn-arrow.svg);
    width: 22px;
    height: 7px;
    background-position: center center;
    background-size: 100% 100%;
    /* margin: 0 0 0 20px; */
    margin: 0 0 0 10px;
}

.btn--wherebot:hover .btn--new span {
    /* background-image: url(/upload/images/btn-inner--big.svg); */
    /* background-size: 172px 46px; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
    background: url(/upload/images/btn-inner--big.svg) -1px -1px / auto 44px no-repeat, url(/upload/images/btn-inner--big.svg) right bottom / auto 44px no-repeat;
    border-color: transparent;
    line-height: 44px;
    min-width: 170px;
}

.btn--wherebot .btn--new {
    padding: 4px 31px !important;
}
.news-detail .s-partner__info {
	max-width: 396px;
	text-align: left;
}
.where .detail_picture {
	height: 220px;
    width: auto;
}

.opportunities {
  display: flex;
  flex-wrap: wrap;
}
.opportunities-item {
	width: 33%;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
}
.opportunities-title {
	margin-bottom: 20px;
	font: 28px/25px 'Roboto Condensed';
font-weight: 300;
color: #181818;
text-align: center;
}
.opportunities-item ul {
	margin-left: 35px;
}
.title-fz {
	font-size: 38px;
}
.packaging {
	display: flex;
	flex-wrap: wrap;
}
.packaging .packaging-item {
	width: 33%;
	box-sizing: border-box;
	margin: 30px 0;
	display: flex;
flex-direction: column;
}
.packaging-img {
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
justify-content: center;
}
.packaging-img img {
	max-height: 264px;
/*max-width: 100%;*/
max-width: 215px;
}
.packaging-name {
	margin-top: 15px;
}
.partners-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.partners-block .partners-block-item {
	width: 30%;
	margin: 20px 10px;
}
.partners-block .yaki {
	margin-left: 35px;
}

.partners-block .vkusvill {
	margin-top: -10px;
}
.cooking_steps .product-link, .numbered_list_content {
	font-size: 18px;
}

.cooking .box-video video {
    width: 680px;
    height: 383px;
    margin: 0 auto;
    display: block;
}

@media (max-width: 1241px) {
	.top_menu .btn--where {
		top: 55px !important;
		right: 100px !important;
	}
}

.klejm-logo {
	display: inline-block;
	position: absolute;
	z-index: 15;
	top: 10px;
	left: 10px;
}
.klejm-logo img {
	width: 135px;
}

.shares-link {
	color: #001E64;
	font-size: 23px;
    font-weight: bold;
	margin-top: 10px;
}
.shares-link a {
	color: #001E64;
}
.shares-link .excel {
	margin: 0 0 -5px 5px;
}

.shares-banner {
	width: 100%;
	margin-bottom: 15px;
}

.shares-title {
	font-size: 20px;
	color: #001E64;
	text-align: center;
    margin: 45px 0 50px;
}

.shares-h2 {
	color: #001E64;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
    margin: 75px 0 50px;
}

.shares-h2:before, .shares-h2:after {content: ''; display: inline-block; width: 37px; height: 11px; vertical-align: middle;}

.shares-h2:before {
    background: url(../img/gtl.png) no-repeat;
    margin-right: 30px;
}

.shares-h2:after {
    background: url(../img/gtr.png) no-repeat;
    margin-left: 30px;
}

.news-video {
	display: flex;
	justify-content: center;
}

@media (max-width: 1266px) {
	.logo {
		position: relative;
		left: 53px;
	}
}
@media (max-width: 1162px) {
	.logo {
		position: relative;
		left: 93px;
	}
}