/* to include in style.css */
.top-align {display: table-cell; vertical-align: top;}
.middle-align { display: table-cell; vertical-align: middle; text-align: center;}
#mobile ul li a {color: #f7f7f7; font: inherit;}
/* TYPHOGRAPHY */
#products h1, #products-detail h1, #wellness h1, #news h1, #careers h1, #company h1, #recipes h1, #latest-vacancies h1, #job-detail h1, #job h1, #form h1, #search h1, #sustainability h1, #contacts h1, #wellness-detail h1, #news-detail h1, #recipes-detail h1,
#products h2, #products-detail h2, #wellness h2, #news h2, #careers h2, #company h2, #recipes h2, #latest-vacancies h2, #job-detail h2, #job h2, #form h2, #search h2, #sustainability h2, #contacts h2, #wellness-detail h2, #news-detail h2, #recipes-detail h2,
#products h3, #products-detail h3, #wellness h3, #news h3, #careers h3, #company h3, #recipes h3, #latest-vacancies h3, #job-detail h3, #job h3, #form h3, #search h3, #sustainability h3, #contacts h3, #wellness-detail h3, #news-detail h3, #recipes-detail h3,
#products h4, #products-detail h4, #wellness h4, #news h4, #careers h4, #company h4, #recipes h4, #latest-vacancies h4, #job-detail h4, #job h4, #form h4, #search h4, #sustainability h4, #contacts h4, #wellness-detail h4, #news-detail h4, #recipes-detail h4,
#products h5, #products-detail h5, #wellness h5, #news h5, #careers h5, #company h5, #recipes h5, #latest-vacancies h5, #job-detail h5, #job h5, #form h5, #search h5, #sustainability h5, #contacts h5, #wellness-detail h5, #news-detail h5, #recipes-detail h5 {text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; font-family: 'din-condensed-bold',sans-serif;}
#products h1, #products-detail h1, #wellness h1, #news h1, #careers h1, #company h1, #recipes h1, #latest-vacancies h1, #job-detail h1, #job h1, #form h1, #search h1, #sustainability h1, #contacts h1, #wellness-detail h1, #news-detail h1, #recipes-detail h1 {font-size: 180px; line-height: 150px;}
#products h2, #products-detail h2, #wellness h2, #news h2, #careers h2, #company h2, #recipes h2, #latest-vacancies h2, #job-detail h2, #job h2, #form h2, #search h2, #sustainability h2, #contacts h2, #wellness-detail h2, #news-detail h2, #recipes-detail h2 {font-size: 113px;  line-height: 90px;}
#products h3, #products-detail h3, #wellness h3, #news h3, #careers h3, #company h3, #recipes h3, #latest-vacancies h3, #job-detail h3, #job h3, #form h3, #search h3, #sustainability h3, #contacts h3, #wellness-detail h3, #news-detail h3, #recipes-detail h3 {font-size: 80px;  line-height: 72px;}
#products h4, #products-detail h4, #wellness h4, #news h4, #careers h4, #company h4, #recipes h4, #latest-vacancies h4, #job-detail h4, #job h4, #form h4, #search h4, #sustainability h4, #contacts h4, #wellness-detail h4, #news-detail h4, #recipes-detail h4 {font-size: 34px; line-height: 30px;}
#products h5, #products-detail h5, #wellness h5, #news h5, #careers h5, #company h5, #recipes h5, #latest-vacancies h5, #job-detail h5, #job h5, #form h5, #search h5, #sustainability h5, #contacts h5, #wellness-detail h5, #news-detail h5, #recipes-detail h5 {font-size: 26px; line-height: 28px}
strong {font-weight: bold;}
.green {color: #006339;}
.white {color: #fff;}
.bold {font-family: 'din-bold', sans-serif !important}
.sub-title.bold {margin-top: -15px; margin-bottom: 30px;}
a.btn, a.btn-row, a.btn-absolute {text-transform: uppercase; font-family: 'din-condensed-bold',sans-serif !important; font-size: 28px;}
p.date {font-size: 12px !important; color: rgb(138, 138, 138);}
#products .title, #products-detail .title, #wellness .title #news .title, #careers .title, #company .title, #search .title, #latest-vacancies .title, #job-detail .title, #job .title, #contacts .title, #recipes .title, #sustainability .title, #wellness-detail .title, #news-detail .title, #recipes-detail .title{font-family: 'charbroil', sans-serif; /*word-break:break-word;*/ word-break:normal;}
:lang(ru) #products .title, :lang(ru) #products-detail .title, :lang(ru) #wellness .title #news .title, :lang(ru) #careers .title, :lang(ru) #company .title, :lang(ru) #search .title, :lang(ru) #latest-vacancies .title, :lang(ru) #job-detail .title, :lang(ru) #job .title, :lang(ru) #contacts .title, :lang(ru) #recipes .title, :lang(ru) #sustainability .title, :lang(ru) #wellness-detail .title, :lang(ru) #news-detail .title, :lang(ru) #recipes-detail .title{font-family: 'Roboto', sans-serif;}

#products p, #products-detail p, #wellness p, #news p, #careers p, #company p, #recipes p, #sustainability p, #search p, #latest-vacancies p, #search p, #job p, #form p, #job-detail p, #contacts p, #wellness-detail p, #news-detail p, #recipes-detail p{font-family: 'din-regular',sans-serif;font-weight:300; font-size: 16px; line-height: 20px;}
#products a, #products-detail a, #products-detail a, #wellness a, #news a, #careers a, #company a, #recipes a, #search a, #job a, #form a, #latest-vacancies a, #job-detail a, #contacts a, #sustainability a, #wellness-detail a, #news-detail a, #recipes-detail a{font-family: 'din-bold',sans-serif;}
#products a.btn:after, #products-detail a.btn:after, #wellness a.btn:after, #news a.btn:after, #careers a.btn:after, #latest-vacancies a.btn:after, #job-detail a.btn:after, #contacts a.btn:after, #company a.btn:after, #recipes a.btn:after, #sustainability a.btn:after { content: ''; position: absolute; bottom: 5px; width: 0; height: 4px; background: #fff; left: 15px; transition: all .35s ease;}
#products .sqare-item:hover a.btn:after, #products a.btn:hover:after, #products-detail a.btn:hover:after, #contacts a.btn:hover:after, #wellness a.btn:hover:after, #news a.btn:hover:after, #careers a.btn:hover:after, #company a.btn:hover:after, #recipes a.btn:hover:after, #sustainability a.btn:hover:after { width: calc(100% - 30px);}
#products-detail h2 {margin-top: 70px;}

@media(max-width: 1380px){
  #products h2, #products-detail h2, #wellness h2, #news h2, #careers h2, #company h2, #recipes h2, #latest-vacancies h2, #job-detail h2, #job h2, #form h2, #search h2, #sustainability h2, #contacts h2, #wellness-detail h2, #news-detail h2, #recipes-detail h2{font-size:93px; line-height:70px;}
}

@media(max-width: 1024px){
  #products h1, #products-detail h1, #wellness h1, #news h1, #careers h1, #company h1, #recipes h1, #job h1, #form h1, #latest-vacancies h1, #job-detail h1, #search h1, #sustainability h1, #contacts h1, #wellness-detail h1, #news-detail h1, #recipes-detail h1 {font-size: 100px; line-height: 85px;}
  #products h2, #products-detail h2, #wellness h2, #news h2, #careers h2, #company h2, #recipes h2, #job h2, #form h2, #latest-vacancies h2, #job-detail h2, #search h2, #sustainability h2, #contacts h2, #wellness-detail h2, #news-detail h2, #recipes-detail h2 {font-size: 52px; line-height:36px;}
  #products a, #products-detail a #wellness a, #news a, #careers a, #company a, #recipes a, #job a, #form a, #search a, #latest-vacancies a, #job-detail a, #sustainability a, #contacts a, #wellness-detail a, #news-detail a, #recipes-detail a,
  #products p, #products-detail p, #wellness p, #news p, #careers p, #company p, #recipes p, #job p, #form p, #latest-vacancies p, #job-detail p, #search p, #sustainability p, #contacts p, #wellness-detail p, #news-detail p, #recipes-detail p {font-size: 14px; line-height: 18px;}
  #products h3, #products-detail h3, #wellness h3, #news h3, #careers h3, #company h3, #recipes h3, #sustainability h3, #job h3, #form h3, #latest-vacancies h3, #job-detail h3, #search h3, #contacts h3 {font-size: 60px;  line-height:50px;}
}

@media(max-width: 768px){
  #products h1, #products-detail h1, #wellness h1, #news h1, #careers h1, #company h1, #job h1, #form h1, #latest-vacancies h1, #job-detail h1, #search h1, #recipes h1, #sustainability h1, #contacts h1, #wellness-detail h1, #news-detail h1, #recipes-detail h1{ font-size: 52px; line-height: 44px; margin-top: 55px;}
}

/* GRID */
.row {width: 100%; float: left;}
.row::before {content: ""; clear: both; display: table;}
.row::after {content: ""; clear: both; display: table;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {float: left; position: relative}
[class*="col-"].right {float: right;}

@media(max-width: 1024px){
  [class*="col-"] {margin: 0 !important}
  #wellness .col-3, #recipes .col-3, #news-detail section.list-box .list-box .col-3, #wellness-detail section.list-box .list-box .col-3, #recipes-detail section.list-box .list-box .col-3,
  #wellness .col-6, #recipes .col-6, #news-detail section.list-box .list-box .col-6, #wellness-detail section.list-box .list-box .col-6, #recipes-detail section.list-box .list-box .col-6{width: 100%;}
}

@media(max-width: 768px){
  [class*="col-"] {margin: 0 !important}
  .col-2 {width: 100%;}
  .col-3 {width: 100%;}
  .col-4 {width: 100%;}
  .col-5 {width: 100%;}
  .col-6 {width: 100%;}
  .col-7 {width: 100%;}
  .col-8 {width: 100%;}
  .col-9 {width: 100%;}
  .col-10 {width: 100%;}
  .col-11 {width: 100%;}
  .col-12 {width: 100%;}
}

.row-hidden{
	visibility: hidden;
	height: 0;
}

/* IMG-FLUID (to fix) */
.img-responsive {display: table-cell; position: relative}
.img-responsive.::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.img-responsive.::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.25);}
.img-container { overflow: hidden;}
.img-container img {width: 100%; height: auto}

@media(max-width: 1024px){
  .sqare-item .img-responsive {height: 300px !important;}
  #products-detail section:nth-of-type(1) .img-responsive {height: 400px !important;}
 {height: 500px !important;}
  .card .img-responsive {height: 300px !important;}
}

@media(max-width: 768px){
  .sqare-item .img-responsive {height: 300px !important;}
  #products-detail section:nth-of-type(1) .img-responsive {height: 400px !important;}
}

/* COMPANY & SUSTAINABILITY */
#company section, #products section,  #wellness section, #contacts section, #sustainability section, #job section, #search section, #latest-vacancies section, #job-detail section, #recipes section, #news section, #careers section, #wellness-detail section, #news-detail section, #recipes-detail section {background: #fff; position: relative; width: 100%; display: block; overflow:hidden}
#company .layer, #sustainability .layer, #careers .layer, #contacts .layer,  #products .layer, #search .layer,  #job .layer, #latest-vacancies .layer, #job-detail .layer, #products-detail .layer,  #news-detail .layer, #wellness-detail .layer, #recipes-detail .layer, #recipes .layer,  #news .layer, #wellness .layer{ position: relative; width: 100%;}
#company .layer, #company .layer .img-responsive, #sustainability .layer, #sustainability .layer .img-responsive{height: calc(100vh - 100px) !important}
#careers .layer, #careers .layer .img-responsive, #job-detail .layer, #job-detail .layer .img-responsive, #latest-vacancies .layer, #latest-vacancies .layer .img-responsive, #search .layer, #search .layer .img-responsive, #job .layer, #job .layer .img-responsive, #contacts .layer, #contacts .layer .img-responsive, #products .layer, #products .layer .img-responsive, #products-detail .layer, #products-detail .layer .img-responsive, #news-detail .layer, #news-detail .layer .img-responsive, #wellness-detail .layer, #wellness-detail .layer .img-responsive, #recipes-detail .layer, #recipes-detail .layer .img-responsive{height: 700px !important;}
.caption { position: absolute; top: 0; left: 0; right: 0; display: table; width: 100%; height: 100% ; text-align: center; padding: 10px}
.scrollable { overflow: auto; /*height: 450px*/}
.right .caption{text-align: right; padding: 15px 40px;}
.left .caption{text-align: left; padding: 15px 40px;}
.left .caption .middle-align {text-align: left}
.right .caption .middle-align {text-align: right}
.left {text-align: left;display: block}
.right {text-align: right;display: block}
.float-left {float: left}
.float-right {float: right}
.btn {color: #fff; padding: 10px 15px; line-height: 1.4; position: relative; display: inline-block; margin-top: 20px; margin-bottom: 10px;}
.btn-border {color: #fff; padding: 10px 15px; line-height: 1.4; border: 2px solid #fff; position: relative; display: inline-block; margin-top: 20px; margin-bottom: 10px;}
.btn-absolute {position: absolute; z-index: 1; top: 15px; left: 10px; padding: 10px 20px; background: #006339; color: #fff; font-family: 'charbroil',sans-serif; font-size: 28px; line-height: 35px; min-height: 35px; display: block;}
:lang(ru) .btn-absolute{font-family: 'Roboto', sans-serif;}

.btn-row {margin: 50px 0px; position: relative; display: inline-block; background: #006339; padding: 0 50px 0px 25px; text-transform: uppercase; color: #fff !important; font-family: 'din-condensed-bold'; font-size: 20px; line-height: 48px !important; min-height: 48px;}
.btn-row span {width: 15px; height: 4px; background: #fff; position: absolute;}
.btn-row span:nth-of-type(1) { right: 15px; top: 18px; transform: rotate(45deg);}
.btn-row span:nth-of-type(2) { right: 15px; bottom: 18px; transform: rotate(-45deg);}
.btn-row span:nth-of-type(3) { right: 25px; top: 18px; transform: rotate(45deg);}
.btn-row span:nth-of-type(4) { right: 25px; bottom: 18px; transform: rotate(-45deg);}
hr { position: relative; display: block; background: #fff; border-width: 1px; border-color: #006339; border-style: solid; max-width: 992px; margin: 50px auto;}
hr:after { content: ''; background-image: url('../img/icon/android-icon-72x72.png'); position: absolute; width: 72px; height: 72px; display: block; z-index: 1; top: -36px; left: calc(50% - 36px);}

/* PRODUCTS */
.list-box {position: relative; margin-top: 5px;}
#products .list-box .row {max-width: 1440px; margin: 0 auto; float: none;}
#products .sqare-item, #news-detail .sqare-item, #wellness-detail .sqare-item {width: 100%; height: 470px; display: block; position: relative; margin: 5px 0; max-width: 470px; text-transform: uppercase; font-family: 'din-condensed-bold'}
#products .sqare-item .img-container{background:black;}
#products .sqare-item .img-responsive{ transform: scale(1); opacity:.85;}
#products .sqare-item:hover .img-responsive{ transform: scale(1.2);}
#wellness-detail .sqare-item, #recipes-detail .sqare-item, #news-detail .sqare-item {height: 100%}
#products .row [class*="col-"]:not(:nth-of-type(1)):last-of-type .sqare-item, #news-detail .row [class*="col-"]:not(:nth-of-type(1)):last-of-type .sqare-item, #wellness-detail .row [class*="col-"]:not(:nth-of-type(1)):last-of-type .sqare-item { padding-right: 0;}
#products-detail .text-container, #careers .text-container, #latest-vacancies .text-container, #job-detail .text-container { max-width: 1024px; margin: 0 auto; float: none; padding: 40px 25px;}

/* PRODUCTS DETAIL */
#products-detail section:nth-of-type(1) {margin-bottom: 200px}
#products-detail section:nth-of-type(1) .layer, #products-detail section:nth-of-type(1) .img-responsive {height: 500px}
#products-detail .alpha-product {position: absolute; bottom: -200px; left: 0; right: 0;}
#products-detail .alpha-product img.product-img {margin: 0 auto; display: block; width: 300px;}
#products-detail table { width: 100%; display: table;}
#products-detail td { font-family: 'din-regular',sans-serif;font-weight:300; font-size: 20px; padding: 15px;}
#products-detail tr:nth-of-type(odd) { background: #ebebeb;}
#products-detail tr:nth-of-type(even) { background: #f6f6f6;}
#products-detail .description, #products-detail .flag, #products-detail .flavour, #products-detail .table-container, #recipes-detail .ingredients, #recipes-detail .preparation{padding: 30px 50px;}
#products-detail .flag img, #products-detail .flavour img { margin: 5px; position: relative; float: left;}
#products-detail .flag-container, #products-detail .flavour-container{position: relative; display: inline-block; vertical-align: middle;}
#products-detail .products, #recipes-detail .products{ position: relative; text-align: center; max-width: 1440px;; margin: 0 auto 45px;}
#products-detail a.product-item img.product-img, #recipes-detail .product-item.block img.product-img { margin: 0 15px; display: inline-block; width: 200px; opacity: .3;}
#products-detail a.product-item, #recipes-detail  a.product-item.block { position: relative; display: inline-block; margin: 15px 0;}
#products-detail a.product-item span, #recipes-detail .product-item.block span { position: relative; display: block; opacity: 0; visibility: hidden; text-align: center; font-family: 'charbroil', sans-serif; word-wrap: break-word; width: 165px; margin: 0 auto; color: #006339; position:relative;}
:lang(ru) #products-detail a.product-item span, :lang(ru) #recipes-detail .product-item.block span{font-family: 'Roboto', sans-serif;}

#products-detail a.product-item span{width:100%;}
#products-detail a.product-item span h4{line-height:24px;}
#products-detail a.product-item:hover span, #recipes-detail .product-item.block span {opacity: 1; visibility: visible;}
#products-detail a.product-item:hover img.product-img, #recipes-detail .product-item.block img.product-img {opacity: 1;}

#products-detail .show-list, #recipes-detail .show-list { max-width: 1440px; padding: 0 50px;}
#products-detail .show-list { margin: 50px auto;}

#products-detail .products{margin:0; max-width:none;}
#products-detail a.product-item{display:block;}
#products-detail .bx-controls-direction{text-align:center; height:50px; line-height:50px; font-size:20px;}
#products-detail .bx-controls-direction a{display:inline-block; margin:10px; color:#006339;}
#products-detail .bx-controls-direction a.bx-next::after{content: " >";}
#products-detail .bx-controls-direction a.bx-prev::before{content: "< ";}


/* WELLNESS */
#wellness .layer, #news  .layer, #recipes  .layer {height: 500px;}
#wellness .panel, #news .panel, #recipes .panel {position: relative; width: 100%; min-height: 250px; height:500px; background: #006339; overflow-y: auto}
#wellness .panel-heading, #news .panel-heading, #recipes .panel-heading {padding: 15px 25px;}
#wellness .panel-body ,#news .panel-body, #recipes .panel-body {padding: 25px;}
.row [class*="col-"]:last-of-type .card { padding-right: 0;}
.row [class*="col-"]:last-of-type .card-reveal { width: 100%;}
.card { width: 100%; height: 400px; display: block; position: relative; padding-right: 10px; overflow: hidden; margin: 5px auto;}
.card-reveal { padding: 15px 20px 20px; background: rgba(68,68,68,0.6); position: absolute; width: calc(100% - 10px); max-height: 100%; top: 100%; transform: translate3d(0, 0, 0); overflow-y: auto; word-break: break-word; z-index: 2}
.card:hover .card-reveal { transform: translate3d(0, -100%, 0);}

.card-reveal::-webkit-scrollbar { display: none;}
.panel::-webkit-scrollbar { display: none;}
.scrollable::-webkit-scrollbar { display: none;}
textarea::-webkit-scrollbar { display: none;}

.text-container-absolute {position: relative; display: block; max-width: 992px; margin: 0 auto; background: #fff; top: -150px; padding: 30px 50px; margin-bottom: -150px}
#news-detail .list-box, #wellness-detail .list-box {padding-top: 50px; background: #fff}

.recipes-info img {display: inline-block; padding: 0 10px;}
.recipes-info p {display: inline-block;}
.recipes-info {display: inline-block; position: relative; margin: 10px}

.box {position: relative; padding: 20px 25px; margin: 10px auto; display: block;}
#latest-vacancies .box {margin: 0 auto}
#latest-vacancies .row:nth-of-type(odd) [class*="col-"]:nth-of-type(even) .box {background: #f7f7f7;}
#latest-vacancies .row:nth-of-type(even) [class*="col-"]:nth-of-type(odd) .box {background: #f7f7f7;}
input, textarea {background: #f7f7f7; padding: 12px 15px; color: #006339; width: 100%; min-height: 48px;}
input.input-file {width: calc(100% - 100px); display: inline-block; margin: 0 5px 0 0;}
input[type="file"] {display: block; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.btn-file {background: #006339; min-width: 90px; text-align: center; font-family: 'din-condensed-bold', sans-serif; text-transform: uppercase; margin: 0;}
textarea {outline: 0; outline-offset: 0; border: 0; resize: none; overflow-y: auto;}
.input-group {margin: 10px 25px;}
.form-container {max-width: 1024px; position: relative; display: block; margin: 15px auto;}
.form-title {padding: 10px 25px 40px;}
.form-body {padding:40px 25px 5px;}
.btn-submit {cursor: pointer; background: #006339; text-align: center; font-family: 'din-condensed-bold', sans-serif; text-transform: uppercase; padding: 16px 25px; position: relative; margin: 10px auto; display: block; width: fit-content;}

/* dropdown */
div.cs-skin-border {background: #f7f7f7; font-weight: 400; width: 100%; font-size: 16px;}
.cs-skin-border > span {color:#a9a9a9; border: 0; -webkit-transition: background 0.2s, border-color 0.2s; transition: background 0.2s, border-color 0.2s; font-family:'arial';}
.cs-skin-border ul span::after {content: ''; opacity: 0;}
.cs-skin-border.cs-active > span {background: #006339; border-color: #fff; color: #fff;}
.cs-skin-border .cs-options {color: #fff;	font-size: 14px; opacity: 0; -webkit-transition: opacity 0.2s, visibility 0s 0.2s; transition: opacity 0.2s, visibility 0s 0.2s;}
.cs-skin-border.cs-active .cs-options {opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.cs-skin-border ul span {padding: 1em 2em; -webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.cs-skin-border .cs-options li span:hover, .cs-skin-border li.cs-focus span {background: #f7f7f7; color: #006339}
div.cs-select {display: inline-block; vertical-align: middle;	position: relative;	text-align: left; font-family: 'din-bold',sans-serif;	background: #f7f7f7;	z-index: 100;	width: 100%;	-webkit-touch-callout: none; -webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none; -ms-user-select: none; user-select: none;}
div.cs-select:focus {outline: none;}
.cs-select select {display: none;}
.cs-select span {display: block; position: relative; cursor: pointer;	padding: 1em;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cs-select > span {padding-right: 3em;}
.cs-select > span::after, .cs-select .cs-selected span::after {speak: none; position: absolute;	top: 50%;	-webkit-transform: translateY(-50%); transform: translateY(-50%);	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cs-select > span::after {content: '\25BE';	right: 1em;}
.cs-select .cs-selected span::after {	content: '\2713';	margin-left: 1em;}
.cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}
div.cs-active {	z-index: 200;}
.cs-select .cs-options {position: absolute;	overflow: hidden;	width: 100%; background: #006339; visibility: hidden;}
.cs-select.cs-active .cs-options {visibility: visible;}
.cs-select ul {list-style: none; margin: 0;	padding: 0;	width: 100%;}
.cs-select ul span {padding: 1em;}
.cs-select ul li.cs-focus span {background-color: #ddd;}
.cs-select li.cs-optgroup ul {padding-left: 1em;}
.cs-select li.cs-optgroup > span {cursor: default;}
@media screen and (max-width: 30em) {
	div.cs-skin-border { font-size: 1em; }
}

@media(max-width: 1440px){
#products .sqare-item, #news-detail .sqare-item, #wellness-detail .sqare-item {
	padding: 0 5px;
}

@media(max-width: 1260px){
  #news-detail .layer{height:auto !important;}
  #news-detail .layer .row{float:none}
  #news-detail .layer .col-12 .imgLiquid_bgSize{background:none !important; height:auto !important;}
  #news-detail .layer .col-12 .imgLiquid_bgSize img{display:block !important; visibility:visible; width:100%; height:auto;}
  #news-detail .text-container-absolute{top:0; margin-bottom:0}

  #wellness-detail .layer{height:auto !important;}
  #wellness-detail .layer .row{float:none}
  #wellness-detail .layer .col-12 .imgLiquid_bgSize{background:none !important; height:auto !important;}
  #wellness-detail .layer .col-12 .imgLiquid_bgSize img{display:block !important; visibility:visible; width:100%; height:auto;}
  #wellness-detail .text-container-absolute{top:0; margin-bottom:0}

  #recipes-detail .layer{height:auto !important;}
  #recipes-detail .layer .row{float:none}
  #recipes-detail .layer .col-12 .imgLiquid_bgSize{background:none !important; height:auto !important;}
  #recipes-detail .layer .col-12 .imgLiquid_bgSize img{display:block !important; visibility:visible; width:100%; height:auto;}
  #recipes-detail .text-container-absolute, #recipes-detail .our-selection {top:0; margin-bottom:0}
}

@media(max-width: 1024px){
  #company .layer, #company .layer .img-responsive, #sustainability .layer, #sustainability .layer .img-responsive{height: 700px !important}
  #careers .layer, #careers .layer .img-responsive, #latest-vacancies .layer, #latest-vacancies .layer .img-responsive, #job-detail .layer, #job-detail .layer .img-responsive, #contacts .layer, #contacts .layer .img-responsive, #products .layer, #products .layer .img-responsive, #products-detail .layer, #products-detail .layer .img-responsive{height: 500px !important}
  .card, #products .sqare-item {height: 300px !important;}
  #products-detail .alpha-product {bottom: -150px;}
  #products-detail .alpha-product img.product-img  {width: 230px;};
  #products-detail section:nth-of-type(1) {margin-bottom: 300px;}
  .card { padding-right: 0; margin-bottom: 10px;}
  .card-reveal {width: 100%; bottom:0; top:inherit;}
  .card:hover .card-reveal { transform: translate3d(0, 0, 0);}

  #wellness section:nth-of-type(1) .img-responsive, #news section:nth-of-type(1) .img-responsive, #recipes section:nth-of-type(1) .img-responsive{height:auto !important; background:none !important;}
  #wellness section:nth-of-type(1) .img-responsive img, #news section:nth-of-type(1) .img-responsive img, #recipes section:nth-of-type(1) .img-responsive img{visibility:visible; display:block !important; width:100%; height:auto;}
  #wellness .col-4, #wellness .col-4, #recipes .col-4,
  #wellness .col-8, #wellness .col-8, #recipes .col-8{width:100%;}
  #wellness .panel, #news .panel, #recipes .panel {height: auto}
}

@media(max-width: 768px){
  #company .layer, #company .layer .img-responsive, #sustainability .layer, #sustainability .layer .img-responsive, #sustainability .contVideo{height: 700px !important}
  #careers section:nth-of-type(1) .layer, #careers section:nth-of-type(1) .layer .img-responsive{height: 250px !important}
  /*#wellness section:nth-of-type(1) .img-responsive, #news section:nth-of-type(1) .img-responsive, #recipes section:nth-of-type(1) .img-responsive{height:calc(100vh - 100px) !important; min-height:380px; max-height:500px;}*/
  #wellness .panel, #news .panel, #recipes .panel {height: auto}
  .card { padding-right: 0; margin-bottom: 10px;}
  .card-reveal {width: 100%; bottom:0; top:inherit;}
  .card:hover .card-reveal { transform: translate3d(0, 0, 0);}
  #products .layer .img-responsive, #products .layer {height: 250px !important;}
  #products .sqare-item {padding: 0 10px 0 !important; margin:5px auto;}
  #news-detail .sqare-item, #wellness-detail .sqare-item {padding: 0; margin: 5px auto}
  #careers .text-container {padding: 50px 25px;}
  #products-detail td { font-size: 14px;}
  #products-detail section:nth-of-type(1) {margin-bottom: 200px;}
  #products-detail section:nth-of-type(1) .layer, #products-detail section:nth-of-type(1) .img-responsive {height: 400px !important;}
  #products-detail .alpha-product, #recipes-detail .alpha-product {bottom: -200px;}
  #products-detail .alpha-product img.product-img, #products-detail .product-item img.product-img, #recipes-detail .product-item img.product-img {width: 175px;}
  #products-detail .description, #products-detail .flag, #products-detail .table-container, #recipes-detail .ingredients, #recipes-detail .preparation {padding: 15px 20px;}
  #products-detail .show-list {padding: 0 20px;}
  #products-detail table { width: 100%;}
  #products-detail .product-item span, #recipes-detail .product-item.block span {opacity: 1; visibility: visible;}
  #products-detail .product-item img.product-img, #recipes-detail .product-item.block img.product-img {opacity: 1;}
  .text-container-absolute {padding: 30px 25px}

}