/*
        ██████  ███████ ███████ ███████ ████████
        ██   ██ ██      ██      ██         ██
        ██████  █████   ███████ █████      ██
        ██   ██ ██           ██ ██         ██
        ██   ██ ███████ ███████ ███████    ██
    */

/* temp amends */
/* .langs .flag#lang-fr {
        display: none;
    } */

/* This hides the bacteria tab from the wine ingredients page */
.tabsBoxes .tabs #tab-3 {
    display: none;
}
/*  */
body {
    padding: 0;
    margin: 0;
}

.width25 {
    width: 25%;
}
.width45 {
    width: 45%;
}
.width50 {
    width: 50%;
}

/*.max-325 {
    max-width: 325px;
}*/

h1,
h2,
h3,
h4,
h5,
p,
pre {
    padding: 0;
    margin: 0;
    line-height: inherit;
    white-space: normal;
    display: block;
    font-weight: inherit;
    font: inherit;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
}

.txt-purple {
    color: #6f1e57;
}
.txt-red {
    color: #d60000;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}

a img {
    border: inherit;
}

input,
select,
textarea,
input:active,
select:active,
textarea:active,
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover {
    border: none;
    outline: none;
    background: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -mos-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    padding: 5px;
}

.contain .left ul {
    padding-left: 35px;
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
}
.wrap1150 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

.nav {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    height: 75px;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    top: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.nav .logo {
    position: absolute;
    top: 17px;
    left: 20px;
}

.nav .logo img {
    height: 100px;
}

.nav .menu {
    float: right;
    top: 13px;
    position: relative;
    right: 40px;
}

.nav .menu ul {
    padding: 0;
}

.second-level {
    display: none;
}
.nav .menu ul .second-level ul {
    display: flex;
    flex-direction: column;
    background-color: #e3d6df;
    margin-top: 29px;
    padding: 15px;
    border: 2px solid #6f1e57;
    border-top: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.nav .menu li:hover > .second-level {
    display: block;
}

.nav .menu ul li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 18px;
    color: #6f1e57;
    font-weight: 500;
    max-width: 13.5%;
    vertical-align: top;
    text-align: center;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.nav .menu .second-level ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    position: relative;
}
.nav .menu .second-level ul li:first-of-type a {
    padding-top: 0;
}
.nav .menu .second-level ul li:last-of-type a {
    padding-bottom: 0;
}
.nav .menu .second-level ul li a:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
}
.nav .menu .second-level ul li {
    padding-left: 0;
    padding-right: 0;
}
.nav .menu ul .second-level ul {
    padding-left: 0;
    padding-right: 0;
}
.nav .menu .second-level ul li:last-of-type a:after {
    display: none;
}

.nav .menu ul li.flag img {
    width: 25px;
    vertical-align: middle;
}

.nav .menu ul li.selected {
    font-weight: 700;
}

.nav .menu > ul > li > a {
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.nav .menu > ul > li:hover > a {
    border-bottom: 1px solid #6f1e57;
}

.nav .menu ul li:hover {
    /*nothing, remove weight change */
}

.nav .menu ul .second-level ul {
    margin-top: 23px;
}

.header {
    height: 590px;
    position: relative;
    overflow: hidden;
}

.header .slide {
    position: absolute;
    top: 0px;
    /* z-index: -1; */
    z-index: 2;
    height: 590px;
    overflow: hidden;
    /* left: 1366px; */
    left: 0px;
    transition: opacity 1.5s;
    width: 1920px;
    opacity: 0;
}

.header .slide.show {
    /* left:0px; */
    /* z-index: 2; */
    opacity: 1;
}

.header .slide.prev {
    /* left:0px;
        z-index: 1; */
}

.header .banner-text {
    color: #ffffff;
    width: 33%;
    position: absolute;
    top: 0px;
    height: 100%;
}

.header .tint {
    background-color: rgb(27, 0, 23);
    opacity: 0.85;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 3;
}

.header .banner-text .textContainer {
    width: 90%;
    top: 50%;
    position: absolute;
    left: 5%;
    transform: translateY(-50%);
    font-size: 43px;
    line-height: 45px;
    z-index: 4;
}
.header .banner-text .textContainer h2 strong {
    font-size: 53px;
    line-height: 55px;
}
.header .banner-text .textContainer h2 small {
    font-size: 33px;
    line-height: 35px;
}

.header .banner-text .textContainer a {
    font-size: 20px;
    line-height: 20px;
    margin-top: 30px;
    display: inline-block;
    padding: 15px 0;
}

.header .banner-text .textContainer a .button {
    border-radius: 30px;
    display: inline;
    padding: 10px 25px;
    background-color: none;
    border: 2px solid #fff;
    opacity: 1;
    transition: 0.3s ease-in-out;
}
.header .banner-text .textContainer a .button:hover {
    opacity: 0.4;
}

.center-banner .text-container {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 895px;
    margin: 0 auto;
}

.center-banner .text-container h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0;
}

.why-choose-us .buttonContainer {
    display: none;
}

span.text-purple {
    color: #6f1e57;
    font-size: 28px;
}

.hide,
.inactive,
.no-link {
    display: none;
}

#catalogues {
    border-top: 2px solid rgb(87, 0, 74);
}

.quater.left {
    width: 25%;
    font-size: 25px;
    line-height: 35px;
    position: relative;
    background: rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    border-bottom: none;
    max-height: 200px;
    overflow: hidden;
    float: none;
}
.quater.left .imageContainer {
    position: relative;
}
.quater.left .imageContainer {
    background: #000;
}
.related-links .quater.left .bg {
    opacity: 0.75;
}
.quater.left .imageContainer img {
    opacity: 0.5;
}
.quater.left .link-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.quater.left .link-text hr {
    display: none;
}
.quater.left .link-text p {
    text-align: center;
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
.quater.left .link-text p.small,
.quater.left.selected:hover .link-text p.small {
    display: none;
}
.quater.left.selected .link-text > p {
    padding: 10px 0 10px 0;
}
.quater.left.selected .link-text > p:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #fff;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.quater.left .link-text p.small img {
    width: 16px;
    margin-left: 10px;
}
.quater.left:hover .link-text p.small {
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    font-size: 16px;
}
.quater.left .imageContainer img {
    display: block;
    width: 100%;
    mix-blend-mode: luminosity;
    min-height: 150px;
    object-fit: cover;
}

.quater.left .link-text {
    width: 80%;
    margin: 0 auto;
}

.quater.left hr {
    color: #6f1e57;
}

.quater.left.selected .imageContainer {
    background-color: #6f1e57;
}

.quater.left.selected hr {
    background-color: #6f1e57;
    border: 2px solid #6f1e57;
}

.quater.left.selected p {
    color: #6f1e57;
}

.quater.left.selected .imageContainer img {
    opacity: 0.5;
}

.third {
    width: 33%;
}

.padd-btm-20 {
    padding-bottom: 20px;
}

.why-choose-us .third {
    float: left;
}

.why-choose-us .third img {
    width: 58px;
    display: inline-block;
    vertical-align: middle;
}

.why-choose-us .third p {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 10px;
}

.why-choose-us h2 {
    font-size: 45px;
    line-height: 35px;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: 900;
    color: #000;
}

.why-choose-us .container {
    width: 1024px;
    padding: 40px 30px 0px 30px !important;
    margin: 0 auto;
}

.footer img.gradient {
    width: 100%;
    position: absolute;
    top: -16px;
    display: none;
    height: 16px;
}
.two-level-nav {
    position: relative;
}
.two-level-nav .second-level {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
}
.related-links {
    margin-top: 1px;
    display: flex;
    gap: 3px;
    padding: 0;
    background-color: #fff;
}
.related-links-wrapper {
    background-color: #fff;
    padding-top: 30px;
}
.related-links-wrapper h2 {
    font-size: 38px;
    line-height: 43px;
    font-weight: 700;
    color: #6f1e57;
    margin-bottom: 40px;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
}
.related-links .quater.left .bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.related-links .quater.left:nth-of-type(1) .bg {
    background-color: #89c459;
}
.related-links .quater.left:nth-of-type(2) .bg {
    background-color: #a45199;
}
.related-links .quater.left:nth-of-type(3) .bg {
    background-color: #32366e;
}
.related-links .quater.left:nth-of-type(4) .bg {
    background-color: #b04d1b;
}
.related-links .quater.left:nth-of-type(5) .bg {
    background-color: #dbba4d;
}

.footer {
    background-color: #404040;
    color: #ffffff;
    position: relative;
    min-height: 115px;
    margin-top: 2px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.why-choose-us .container .smallContainer {
    margin-bottom: 20px;
    margin-top: 60px;
}

.why-choose-us .container .smallContainer:first-of-type {
    margin-top: 20px;
}

.buttonContainer {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.why-choose-us .buttonContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.buttonContainer a {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    border: 2px solid #cc0000;
    color: #ffffff;
    background-color: #cc0000;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}

.buttonContainer a:hover {
    background-color: #ffffff;
    color: #cc0000;
}

.footerLogo {
    height: 62px;
    position: absolute;
    right: 80px;
    top: 30px;
}

.footer ul {
    list-style: none;
}

.footer ul li {
    display: inline-block;
    margin: 0 20px;
    font-size: 13px;
    line-height: 15px;
}

.two-columns h1,
.contactWrap h1 {
    display: none;
}

.contactWrap .select-country {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}

.contact-select {
    padding-left: 50px;
    box-sizing: border-box;
}
.contact-form,
.contact-select {
    float: none !important;
    width: 1150px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

.contactFormContainer br {
    display: none;
}

.two-columns .small {
    width: 35%;
    box-sizing: border-box;
    padding-right: 20px;
}
.two-columns .left.rhombus-container {
    background-image: url("../../images/rhombus-surround.png");
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    background-color: #fff;
    height: 424px;
    padding: 30px;
    border: 2px solid #fff;
    border-left: 0;
    border-bottom: 0;
}
.two-columns .left.small {
    width: 300px;
    height: 300px;
    transform: rotate(45deg);
    position: relative;
    overflow: hidden;
    background: rgb(111, 30, 87);
    margin: 63px 63px 0px 93px;
    scale: 1;
    border: 2px solid #fff;
    max-height: 300px;
}
.two-columns .left.small .rhombus {
    position: absolute;
    left: -104px;
    width: 477px;
    top: -50px;
    background-size: auto 100%;
    transform: rotate(-45deg);
    margin: 0;
    max-height: none;
}

.two-columns .small img {
    width: 100%;
    margin-top: 30px;
}

.about-us .two-columns .big {
    padding-top: 0;
    padding-bottom: 50px;
}

.two-columns .big {
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
}
.two-columns .big img.right {
    padding-left: 30px;
    padding-bottom: 30px;
}

.portfolio-products-wrapper .left.big img {
    mix-blend-mode: multiply;
}

.two-columns .small {
    height: 458px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.two-columns .small .overlay,
.left.content.first .left.small .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff);
}

.two-columns .small .overlay-bottom,
.left.content.first .left.small .overlay-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, transparent, #fff);
}

.two-columns .big h2 {
    font-size: 28px;
    line-height: 42px;
    padding-bottom: 20px;
}

.two-columns .big h3 {
    font-size: 23px;
    line-height: 37px;
    padding-bottom: 15px;
}

.two-columns .big h4 {
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 10px;
}

.two-columns .small h2 {
    font-size: 23px;
    line-height: 37px;
}

.two-columns .small h2 span.text-purple {
    font-size: 30px;
    font-weight: 700;
}

.two-columns .big p b,
.two-columns .big p strong,
.two-columns .big p b span.text-purple,
.two-columns .big p strong span.text-purple {
    font-size: 16px;
    line-height: 25px;
}

.two-columns .big p,
.two-columns .big p,
.two-columns .big p span.text-purple,
.two-columns .big p span.text-purple {
    font-size: 15px;
    line-height: 25px;
}

.header-short img {
    display: block;
    opacity: 1;
    width: 100%;
    height: auto;
}

.header-short {
    background-color: #6f1e57;
    position: relative;
    max-height: 300px;
    overflow: hidden;
}
.header,
.header-short {
    margin-top: 75px;
}

.header-short .opacity {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
}

.header-short .title {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1244px;
    left: 45%;
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 600;
    padding-left: 100px;
    box-sizing: border-box;
}
.header-short .title h1 {
    text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.5);
    padding-top: 0px;
}
.header-short .title p {
    text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
}

.linkBoxes .linkBox .container {
    height: 250px;
    border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
    padding: 0 !important;
    width: 100%;
}

.linkBoxes {
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.linkBoxes .linkBox {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 30px;
}

.linkBoxes #ingredients .container .link {
    height: 25%;
}

.linkBoxes #yeast .container .link {
    height: 50%;
}

.linkBoxes .linkBox .container .link img,
.linkBoxes .linkBox .container .link .content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0px;
}

.linkBoxes .linkBox .container .link {
    border-bottom: 2px solid #6f1e57;
    position: relative;
}

.linkBoxes .linkBox .container .link img {
    line-height: 0px;
    height: 100%;
}

.linkBoxes h2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    color: #6f1e57;
    font-weight: 700;
}

.tabsBoxes {
    padding-top: 30px;
}

.tabsBoxes .tabs {
    max-width: 880px;
    margin: 0 auto;
}

.tabsBoxes .tabs .tab {
    display: inline-block;
    padding: 8px 13px;
    border: 1px solid #6f1e57;
    margin-right: 20px;
    color: #6f1e57;
    border-bottom: none;
    font-size: 17px;
    background-color: #f1e9ee;
}

.contain .tab {
    margin-top: 0;
    margin-left: 20px;
}
.contain .tabs {
    clear: both;
}

.tabsBoxes .tabs .tab {
    background: #6f1e57;
    color: #ffffff;
    opacity: 0.5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.tabsBoxes .tabs .tab.selected {
    background-color: #6f1e5730;
    color: #6f1e57;
    opacity: 1;
}

.pages .page .top {
    border-top: 0px;
    background: #6f1e5730;
    position: relative;
    z-index: 2;
    padding-top: 25px;
    padding-bottom: 25px;
}

.pages.cat .page {
    border-top: 2px solid #6f1e57;
}

.pages .page .top .gradient-image {
    width: 30%;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.pages .page .top .gradient-image .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
}

.pages .page .top .gradient-image img {
    display: block;
    width: 100%;
    height: auto;
}

.background-image {
    width: 50%;
    top: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2px;
    z-index: 1;
    height: 100%;
    opacity: 0.15;
    display: none;
}
.pages.innovation .top .container,
.pages.technical-info .top .container {
    padding: 0 !important;
}
.top.white.wine .background-image {
    width: 50%;
    top: 0;
    right: 0;
}
.top.white.wine .bg-overlay {
    display: block !important;
    margin: 0;
    width: 50%;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, #fff 10%, transparent 33%);
}
.page.purple .top.wine {
    background-color: #fff;
}
.background-image.next-gen {
    right: 0;
}
.container {
    width: 100%;
    padding: 40px 30px 30px 30px !important;
    /*overflow: hidden;*/
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.container .purple {
    background-color: none !important;
}
.pages.innovation .container,
.pages.technical-info .container {
    width: 100%;
    padding: 0;
    display: block;
    flex-direction: column-reverse;
}
.container.wine {
    padding: 40px 0 25px 0;
    background: none;
}
.container.ng {
    float: left;
}
.container.ng .langs {
    margin-top: 0;
}
.pages .page .top .left.content {
    width: 1500px;
    max-width: 100%;
    margin: 0 auto;
    float: left;
}
.pages.innovation .page .top .left.content > div:first-of-type,
.innovation .langs.innovation {
    width: 1150px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    box-sizing: border-box;
}
.pages .page .top .left.content.first {
    border: none;
    padding: 0;
    width: 100%;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
}
.pages .page .top .left.content:first-of-type {
    border-right: 0px;
}
.first-section {
    width: 50%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}
.second-section {
    width: 50%;
    float: right;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    border-left: 2px solid #6f1e57;
}
.pages .page .top .left.content.second {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 3;
}
.left.content .left.small {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.page .half.left {
    width: 100%;
    float: none;
}
.page .bottom.no-float .half.left {
    width: 50%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}
.outlineBox .half.left {
    width: 50%;
    float: left;
}
.page.purple .outlineBox.wine {
    border: 2px solid #6f1e57 !important;
    box-shadow: 10px 10px #6f1e57;
}
.left.content .half.left:nth-of-type(2) h2 {
    display: none;
}
.outlineBox ul li {
    border: 1px solid #6f1e57;
    border-radius: 30px;
    padding: 6px 13px;
}
.outlineBox ul.research-info li {
    border-radius: 32px;
}

.bg-overlay {
    position: absolute;
    z-index: 2;
    height: 100%;
    display: none !important;
    margin: 0;
    width: 50%;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, #fff 10%, transparent 33%);
}

.pages .page .top .content,
.page.purple .top.content {
    width: 1622px;
    max-width: 100%;
    margin: 0 auto;
    color: #000;
    margin-bottom: 0px;
    padding-left: 00px;
    padding-right: 0px;
    border-right: none;
    box-sizing: border-box;
    float: none !important;
}
.erg.pages .page .top .content {
    padding-left: 30px;
    padding-right: 30px;
}
.pages .page .top .content.intro-copy {
    width: 1150px;
    max-width: 100%;
    padding: 0 25px;
}
.pages .page.layout-override .container {
    width: 100%;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
}

.pages .page.layout-override .top .content {
    width: 100%;
    border-right: 0px;
}
.pages .page.layout-override .top .content:first-of-type {
    padding: 0;
    width: 50%;
    float: left;
}
.pages .page.layout-override .top .content:nth-child(2n) {
    padding-top: 15px;
    padding-left: 20px;
    width: 50%;
    float: right;
    border-left: 2px solid #6f1e57;
}
.pages .page.layout-override .top .content:nth-child(2n) h2 {
    display: none;
}
.pages .page .top .content + .content {
    padding-right: 0px;
    border: none;
    padding-top: 50px;
    position: relative;
    border-left: none;
}

.pages .page .top .content h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pages .page .bottom .wrap {
    max-width: 1920px;
    margin: 0 auto;
}

.pages .page .bottom {
    background-image: url(/images/product-information-fruit.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60%;
    /*      padding-top: 30px;*/
    padding-left: 30px;
    /*overflow: hidden;*/
    width: 70%;
    float: right;
    padding-top: 0;
    margin-top: 30px;
    box-sizing: border-box;
}

.pages .page .bottom.no-float {
    width: 100%;
}

.pages .page.purple .bottom {
    background-image: none;
    float: left;
    background-color: #fff;
    margin-top: 0;
    padding-top: 30px;
    color: #fff;
}
.pages .page.purple.cat .bottom {
    color: #6f1e57;
}

.pages .page .bottom .wrap .half h2 {
    font-size: 38px;
    line-height: 43px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: none;
}

.pages .page.cat .bottom .wrap .half h2 {
    display: block;
}

.half {
    width: 50%;
}

.page .bottom .outlineBox {
    border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
    box-sizing: border-box;
    padding: 20px 55px 20px 20px;
    /*max-width: 480px;*/
    margin-left: 0px;
    width: fit-content;
    transition: left 0.5s;
    position: absolute;
    left: 850px;
    top: 45px;
    display: none;
}
.page .bottom.no-float .wrap .half.left:nth-child(2n) {
    width: fit-content;
}
.page .outlineBox.selected {
    display: block;
}

.page .bottom .outlineBox p {
    padding-bottom: 10px;
    padding-top: 10px;
}

.page .bottom .outlineBox {
    padding: 10px 20px 20px 20px;
    box-sizing: border-box;
    color: #000;
}

.page .bottom .bottom.no-float .outlineBox {
    left: 1000px;
}
.page .bottom .bottom.no-float .outlineBox.selected {
    left: 0;
    top: 50px;
    padding: 0;
    background: none;
}

.page .bottom .outlineBox ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.page .bottom .outline p {
    padding: 0 0 10px 0;
}

#page-1 .bottom .wrap {
    padding-top: 30px;
}

.page .bottom .outlineBox p {
    font-size: 16px;
    line-height: 22px;
    color: #6f1e57;
    font-weight: 700;
}

.page .bottom .outlineBox .inner {
    padding: 20px;
    position: relative;
    border: none;
}

.page.cat .bottom .outlineBox .inner {
    padding: 0;
}

.page .bottom .outlineBox .inner p {
    padding-bottom: 15px;
}

.back-to-top img,
.back-to-top p {
    display: inline-block;
    vertical-align: middle;
}

.back-to-top img {
    height: 25px;
}

.page .bottom .outlineBox img {
    width: 10px;
}

.pages .page .bottom .wrap .half:nth-of-type(2) h2 {
    font-size: 30px;
    line-height: 35px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.back-to-top {
    padding-top: 40px;
    margin-bottom: 20px;
    display: none;
}

.langs .flag {
    display: inline-block;
    margin: 0 10px;
}

.langs .flag img {
    width: 30px;
    height: auto;
}

.langs {
    padding-top: 15px;
    padding-bottom: 25px;
}
.langs.wine,
.langs.innovation {
    margin-top: 0px;
}

.pages .page {
    display: none;
    position: relative;
}

.pages.cat .page.cat,
.pages.erg .page {
    display: block;
}

.pages .page.selected {
    display: block;
}

.pages .page.purple .top .gradient-image img {
    float: right;
}

.page .half.left {
    position: relative;
}

.page .half.left.wine p:last-of-type {
    display: none;
}

.page.purple .outlineBox {
    color: #6f1e57;
    top: 10px;
    border: 2px solid #6f1e57;
}
.page.purple .outlineBox.wine,
.page.purple.cat .bottom .outlineBox {
    color: #000000;
    border: 2px solid #6f1e57;
}
.page.purple.cat .bottom .outlineBox {
    border: 2px solid #b9b9b9;
}
.page.purple .outlineBox.wine .outline,
.page.purple.cat .outlineBox .outline {
    color: #ffffff;
    border: 2px solid #6f1e57;
}

.pages .bottom .outlineBox.selected {
    left: 0px;
    position: relative;
    top: 0px;
}

.page.purple .outlineBox p {
    color: #6f1e57;
}
.page.purple.cat .outlineBox p {
    color: #ffffff;
}

.page.purple .top,
.page.purple .top .content {
    background: none;
    color: #000;
}

.page.purple .top .content {
    background: none;
}

.page.purple .top .content {
    padding-left: 0px;
    box-sizing: border-box;
    float: left;
}
.page.purple .bottom .langs {
    padding-top: 20px;
}
.page.purple.cat .bottom .langs {
    margin-top: 0px;
}

.page.purple .top.white,
.page.purple .top.white .content {
    color: #6f1e57;
    position: relative;
    background-color: none;
}

.page.purple .top.white .content .logo {
    position: absolute;
    top: 0px;
    right: 40px;
    height: 100px;
}

.page.purple .top.white .content .logo img {
    height: 100%;
}

.boxes .box {
    border: 2px solid #ffffff;
    display: inline-block;
    width: 30%;
    height: 140px;
    position: relative;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

.boxes .box .number {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    left: -10px;
    background-color: #ffffff;
    color: #6f1e57;
    text-align: center;
    line-height: 20px;
}

.boxes .box p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.boxes {
    padding-top: 40px;
    padding-bottom: 40px;
}

.outlineBox .outline {
    border: 2px solid #6f1e57;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 10px;
    z-index: 0;
}

.page.purple .outlineBox .outline {
    color: #6f1e57;
    border: 2px solid #6f1e57;
    display: none;
}

.pages .page.purple .top .content + .content {
    padding-bottom: 30px;
}

.container.ng .left.content:nth-child(1) p {
    padding-bottom: 15px;
}

.contactBox {
    display: none;
    border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0px;
}

.contactBox.show {
    display: block;
}

.contactWrap {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 20px 25px 20px;
    box-sizing: border-box;
}

/*.contactWrap h1 {
        font-size: 50px;
        line-height: 60px;
        color: #6f1e57;
        margin-top: 80px;
        margin-bottom: 40px;
    }*/

.contactWrap h2 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 36px;
    color: #6f1e57;
}

.areas {
    column-count: 3;
}

.areas .area {
    width: 100%;
    float: left;
    font-size: 25px;
    line-height: 30px;
    color: #b3b3b3;
    cursor: pointer;
}

.areas .area.selected {
    font-weight: 700;
    color: #6f1e57;
}

.contactBox .heading {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #6f1e57;
}

.contactBox .purple-text {
    font-weight: 700;
    color: #6f1e57;
}

.contactBox .label {
    margin-top: 10px;
    color: #b78fab;
}

.slide img {
    display: block;
}

.linkBoxes .link .content p {
    font-size: 23px;
    line-height: 28px;
    color: #404040;
    font-weight: 500;
}

.linkBoxes .link .content p.small {
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    display: none;
}

.linkBoxes .linkBox .container .link .content {
    margin-left: 20px;
    position: relative;
    z-index: 4;
    max-width: 50%;
}

.linkBoxes .linkBox:nth-of-type(2) {
    padding-right: 0px;
}

.linkBoxes .linkBox:first-of-type {
    padding-left: 0px;
}

.linkBoxes .linkBox .container .link:hover .tint {
    position: absolute;
    background-color: #6f1e57;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0px;
    left: 0px;
}

.linkBoxes .linkBox .container .link .content .arrow {
    height: 10px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}

.linkBoxes .linkBox .container .link:hover .content p {
    font-weight: 700;
    color: #6f1e57;
}

.linkBoxes .linkBox .container .link:hover .content p.small {
    font-weight: 500;
    display: block;
}

.areas .area:hover {
    font-weight: 700;
    color: #6f1e57;
}

.hamburger {
    display: none;
}

/*
         ██████  ███████ ███    ██ ███████ ██████  ██  ██████
        ██       ██      ████   ██ ██      ██   ██ ██ ██
        ██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
        ██    ██ ██      ██  ██ ██ ██      ██   ██ ██ ██
         ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
    */

body {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 22px;
    background-color: #646464;
}

.clear {
    clear: both;
}

.noSelect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.right {
    float: right;
}
.left {
    float: left;
}
.no-float {
    float: none !important;
}

.center-banner .text-container a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: 700;
}

.two-columns .text-purple {
    font-weight: 700;
}

.two-columns .left a,
.pages p a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: 700;
}

.related-links .clear {
    display: none !important;
}

.related-links .clear:last-of-type {
    display: block;
}

.pages .page.purple.noBackground .bottom {
    background-image: none;
}

.pages .lowerContent {
    padding-top: 40px;
}
.pages .lowerContent:empty {
    display: none;
}

.pages .lowerContent p {
    max-width: 100% !important;
    padding-left: 20px;
}

.header .slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.outlineBox {
    display: none;
}
.outlineBox.selected {
    display: block;
}

.pages .bottom .outlineBox .flag {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    z-index: 9;
}

.pages .bottom .outlineBox .flag img {
    width: 40px;
    display: block;
    position: relative;
}

.legalText {
    padding: 0 20px;
}
.legalText.sitemap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 1366px;
    margin: 0 auto;
    justify-content: center;
    box-sizing: border-box;
    padding-bottom: 25px;
    padding-top: 20px;
}
.legalText.sitemap h2 {
    padding: 10px 20px;
    color: #ffffff;
    text-align: center;
    padding-left: 20px !important;
    width: 20%;
    background-color: #6f1e57;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.legalText.sitemap h2:hover {
    opacity: 0.5;
}

.legalText p {
    padding-bottom: 20px;
}

.legalText h1 {
    font-size: 40px;
    line-height: 60px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #6f1e57;
    font-weight: 700;
}

.legalText h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6f1e57;
}

.issueDate {
    margin-top: 20px;
    padding: 0 20px 20px 20px;
}

.pages .page .bottom .wrap .fullWidth {
    padding-bottom: 40px;
}

.pages .page .bottom .wrap .fullWidth p {
    max-width: 100%;
}

.outlineBox a {
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
}

.popUpContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}

.popUpContainer.show {
    display: block;
}

.popUpContainer .tint {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
}

.link-popup {
    display: none;
    width: 600px;
    color: rgb(87, 0, 74);
    left: 50%;
    top: 15%;
    max-height: 80%;
    overflow-y: auto;
    margin-left: -300px;
    background: #fff;
    position: fixed;
    z-index: 600;
    text-align: center;
    font-size: 0px;
    line-height: 28px;
    padding: 30px;
    box-sizing: border-box;
    border: 10px solid #fff;
}

.link-popup table {
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
}

.link-popup table td {
    padding: 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #fff;
}

.link-popup table tr td:first-child {
    background: #f7f3f6;
    text-align: right;
    padding-right: 15px !important;
    box-sizing: border-box;
    padding-top: 5px !important;
}

.link-popup h1 {
    font-family: "Hero", Hero, Calibri, Helvetica, Arial;
    font-size: 30px;
    line-height: 50px;
    display: inline-block;
    border-bottom: 1px solid rgb(87, 0, 74);
    margin-bottom: 15px;
}

.link-popup.show {
    display: block;
}

.link-popup table tr td {
    background: none !important;
    text-align: left !important;
    padding: 0 !important;
}

.link-popup .download-container {
    display: inline-table;
    text-align: center;
}

.download-container {
    transition: opacity 0.3s;
    opacity: 1;
}
.download-container:hover {
    opacity: 0.6;
}
.link-popup-close,
.link-popup-download {
    background: url(../../images/spriteSet-popup.png) 0 0 no-repeat;
}

.link-popup-download {
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
    font-size: 15px;
    display: table-cell;
    margin: 0 auto;
    width: auto;
    color: #fff !important;
    font-weight: 600;
    padding: 5px 17px;
    border-radius: 15px;
    background: #d60000;
}

.link-popup-close {
    width: 18px;
    height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.innovation .outlineBox .outline,
.technical-info .outlineBox .outline {
    border-top: none;
    border-left: none;
}

.page .outlineBox .nextGenLogo img {
    width: auto;
}

.link-popup table tr:nth-of-type(1) td:nth-of-type(2) {
    font-style: italic;
}

.outlineBox .nextGenLogo {
    padding-top: 20px;
}

.page.purple .top.white .content p:nth-of-type(1) {
    width: 85%;
}

.languageMenu {
    position: absolute;
    width: 40px;
    top: 100%;
    background-color: #ffffff;
    padding: 10px;
    right: 2px;
    overflow: hidden;
    transition: all 0.2s;
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.flag:hover .languageMenu {
    height: auto;
    padding: 15px 10px 10px 10px;
    box-shadow: 0px 3px 5px -2px grey;
}

.languageMenu img {
    display: block;
    margin: 0 auto;
    padding: 5px;
}

em.triangle {
    height: 0;
    width: 0;
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid #6f1e57;
    vertical-align: middle;
}

/*
        ███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
        ██      ██   ██ ██      ██      ██ ██      ██ ██      ██
        ███████ ██████  █████   ██      ██ █████   ██ ██      ███████
             ██ ██      ██      ██      ██ ██      ██ ██           ██
        ███████ ██      ███████  ██████ ██ ██      ██  ██████ ███████
    */

/*UDPATES - SEPT 2024 - START*/
.catalogue-top h2 {
    text-transform: capitalize;
    font-size: 38px;
    line-height: 43px;
    font-weight: 700;
    color: #6f1e57;
    margin-bottom: 40px;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
}
.page.purple.selected .wrap {
    width: 1150px;
    padding-top: 30px;
    max-width: 100%;
}
.page.purple.selected .catalogue-top {
    text-align: center;
}
.page.purple.selected .catalogue-btm {
    width: 550px;
}
.page.purple.cat .bottom .outlineBox {
    width: 550px;
}
.yeast-table .download.catalogue {
    display: none;
    padding-left: 30px;
    align-items: center;
    gap: 30px;
}
.yeast-table .download.catalogue.active {
    display: flex;
}
.catalogue a {
    position: relative;
    display: block;
    padding: 10px 20px 10px 50px;
    box-sizing: border-box;
    color: #ffffff;
    border-radius: 50px;
    opacity: 1;
    transition: 0.3s;
    display: inline-block;
    border-radius: 50px;
    background-color: #6f1e57;
}
.catalogue-top p {
    color: #000;
    display: none;
}
.catalogue-top .catalogue-container .catalogue p {
    display: block;
}
.catalogue-top .yeast-filter-flags p {
    display: block;
}
.page.purple.cat .bottom .yeast-filters {
    padding: 0;
}
.page.purple.cat .bottom .yeast-filter-flags {
    padding: 0;
}
.page.purple .bottom .langs {
    padding-top: 0;
}

.page.purple.cat .bottom .outlineBox {
    border-top: 0;
    box-shadow: none;
    width: 1150px;
}
.page.purple.cat .bottom .yeast-filters {
    background-color: #fff;
    width: 1100px;
    max-width: calc(100% - 50px);
    margin: 0 auto;
    padding: 10px 15px 10px 25px;
    box-sizing: border-box;
    border-radius: 50px;
    border: 2px solid #6f1e57;
    justify-content: space-between;
}
.page.purple.cat .bottom {
    background-color: #e4d5df;
}
.landing {
    padding-top: 20px;
}

.form-block div.width25 {
    width: calc(50% - 20px);
}

.contact-fixed-container {
    position: fixed;
    right: 0;
    top: 170px;
    bottom: auto;
    z-index: 6;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #d60000;
    color: #fff;
    outline: 2px solid #fff;
    border-right: 0px;
}
.contact-fixed-container.contact-block {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-bottom: 0;
    width: 75px;
    transition: 0.3s ease-in-out;
}
.contact-fixed-container.contact-block:hover {
    width: 175px;
}
.contact-fixed-container.contact-block img {
    width: 48px;
}
.contact-fixed-container.contact-block h4.desktop-contact {
    position: absolute;
    top: 50%;
    transform: translateX(60px) translateY(-50%);
}
.contact-fixed-container.cat {
    background: #fff;
    outline: 0px;
    border: 2px solid #6f1e57;
    border-bottom: 2px solid #6f1e57;
    color: #6f1e57;
    top: auto;
    bottom: auto;
    border-radius: 0;
    right: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top: 0;
    padding-right: 35px;
}
.contact-fixed-container a {
    display: block;
    padding: 10px 20px;
}
.contact-fixed-container.contact-block a.anchorScroll {
    padding: 10px 18px;
    padding-bottom: 0;
}
.contact-fixed-container.bg-none {
    background: none;
}
.contact-form {
    padding-left: 30px;
    box-sizing: border-box;
}
.contact-select {
    padding-right: 30px;
}
.desktop-contact img.directional {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: auto;
}
.contact-fixed-container a:hover {
    opacity: 0.5;
}
.responsive-contact {
    display: none;
}
.purple-text.download-pdfs {
    display: none;
}
.outlineBox br {
    display: none;
}
.left.content .padd15v {
    padding-top: 15px;
}
.option-container {
    display: none;
}
.fake-select {
    border-left: 1px solid #6f1e57;
    border-right: 1px solid #6f1e57;
}
.fake-select.country {
    margin-left: 25px;
}
.fake-select.country {
    display: none;
}
.filter-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filter-container.country {
    display: none;
}
.option,
.reset-select {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #6f1e57;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    background-color: #f1e9ee;
    font-size: 17px;
    cursor: pointer;
    color: #6f1e57;
    transition: all 0.3s;
    width: calc(50% - 15px);
    box-sizing: border-box;
    margin-top: 20px;
}
.reset-select {
    border: 1px solid #6f1e57;
    margin-top: 10px;
    margin-bottom: 20px;
}
.option:hover,
.reset-select:hover {
    background-color: #6f1e57;
    color: #ffffff;
}
.header-short .triangles-left img,
.header-short .triangles-right img {
    opacity: 1;
}
.triangles-left,
.triangles-right {
    position: absolute;
    width: 15%;
    max-width: 190px;
    bottom: 0px;
    z-index: 2;
}
.triangles-right {
    right: 0;
    max-width: none;
    width: auto;
    height: 100%;
}
.selected-region,
.selected-country {
    cursor: pointer;
}
.header-short .triangles-right img {
    height: 100%;
    width: auto;
}
.bottom-triangles img {
    width: 100%;
    height: auto;
    display: block;
}
.bottom-triangles {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
}
.why-choose-us .container {
    float: none;
}
/*p{
    color: #000!important;
}
p strong,
p.strong,
.page.purple .container.ng p.purple-text{
    color: #000!important;
}*/

.text-container strong {
    color: #6f1e57;
}

.page.purple.cat .outlineBox p,
.page.purple.cat .outlineBox p strong {
    color: #000 !important;
    padding-top: 0;
}

.left.image-container {
    width: 471px;
    height: 409px;
    position: relative;
}
.image-container .image-surround img {
    width: 100%;
    height: auto;
}
.image-surround {
    position: relative;
    z-index: 2;
}
.image-block {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.image-block.bg-transform.bg-active {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.image-block img {
    width: auto;
    height: 100%;
}
.triangles-pattern {
    position: absolute;
    z-index: 2;
    width: 35%;
}
.triangles-pattern img {
    display: block;
}
.triangles-pattern.top-left {
    top: 0;
    left: 0;
    transform: rotate(180deg);
}
.triangles-pattern.top-right {
    top: 0;
    right: 0;
    transform: rotate(-90deg);
}
.triangles-pattern.bottom-left {
    bottom: 0;
    left: 0;
    transform: rotate(-270deg);
}
.triangles-pattern.bottom-right {
    bottom: 0;
    right: 0;
}

/*YEAST TABLE*/
.yeast-filter-selectors {
    display: flex;
    gap: 30px;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.yeast-filter-selector-block {
    display: inline-flex;
    gap: 20px;
    background-color: #fff;
    border: 2px solid #6f1e57;
    border-radius: 50px;
    padding: 5px 10px;
}
.yeast-filters {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.yeast-selector {
    border-radius: 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0px;
    font-weight: 500;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
}
.yeast-selector .fake-radio {
    width: 16px;
    height: 16px;
    border-radius: 500px;
    border: 2px solid #6f1e57;
}
.yeast-selector.active .fake-radio {
    background-color: #d60000;
    outline: 2px solid #fff;
    outline-offset: -4px;
}
.yeast-selector:hover {
    opacity: 0.5;
}
.yeast-row.inactive {
    display: none;
}
.yeast-table .download {
    display: none;
    border-radius: 50px;
}
.yeast-table .download a {
    padding: 10px 20px 10px 50px;
    box-sizing: border-box;
    color: #ffffff;
    border-radius: 50px;
    opacity: 1;
    transition: 0.3s;
    display: inline-block;
}
.yeast-table .download a .flag.selected,
.catalogue a .flag.selected,
.catalogue a .flag.visible {
    border: none;
    width: 24px;
    height: auto;
    padding-right: 0;
    padding-right: 15px;
    position: absolute;
    left: 15px;
    padding-bottom: 0;
    top: 55%;
    transform: translateY(-50%);
    margin-bottom: 0;
}
.yeast-table .download a .flag.selected img,
.catalogue a .flag.selected img,
.catalogue a .flag.visible img {
    width: 100%;
}
.yeast-table .download:hover {
    opacity: 0.5;
}
.yeast-table .catalogue.download:hover {
    opacity: 1;
}
.yeast-table .download.active {
    display: inline-block;
    position: relative;
}
.yeast-table {
    text-align: center;
}
.yeast-table,
.yeast-table thead,
.yeast-table tbody {
    border: none;
}
table.yeast-table thead tr th {
    background-color: #6f1e57;
    color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
}
table.yeast-table tbody tr {
    font-weight: 600;
}
table.yeast-table tbody tr.odd {
    background-color: #f3f3f3;
    color: #000 !important;
}
table.yeast-table tbody tr.even {
    background-color: #939393;
    color: #fff !important;
}
table.yeast-table tbody tr[data-hide="hide"] {
    display: none;
}
table.yeast-table tbody tr td {
    padding: 10px;
    border: 1px solid #fff;
    font-weight: 500;
}
table.yeast-table tbody tr td:first-child {
    font-weight: 700;
}
.table-wrapper {
    background-color: #ffffff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    overflow: hidden;
}
.yeast-filter-flags .langs,
.yeast-filter-selectors {
    padding-top: 0;
    padding-bottom: 0;
}
.yeast-filter-flags .flag {
    display: none;
}
.yeast-filter-flags .flag.selected {
    display: inline-block;
}
.yeast-filter-flags {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
}
.yeast-filter-flags .langs {
    display: inline-block;
}
.yeast-filter-flags .langs.open {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 44px;
    width: 175px;
    z-index: 2;
}
.yeast-filter-flags .langs.open .flag {
    display: inline-flex;
    padding: 5px 10px;
    background-color: #fff;
    border-left: 2px solid #6f1e57;
    border-right: 2px solid #6f1e57;
    border-bottom: 2px solid #6f1e57;
    position: absolute;
    height: 44px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.yeast-filter-flags .langs.open #lang-uk.flag {
    top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.yeast-filter-flags .langs.open #lang-es.flag {
    top: 44px;
}
.yeast-filter-flags .langs.open #lang-it.flag {
    top: calc(44px * 2);
}
.yeast-filter-flags .langs.open #lang-fr.flag {
    top: calc(44px * 3);
}
.yeast-filter-flags .langs.open #lang-de.flag {
    top: calc(44px * 4);
}
.yeast-filter-flags .langs.open #lang-pt.flag {
    top: calc(44px * 5);
}
.yeast-filter-flags .langs .flag p {
    width: 100px;
    text-align: center;
}
.yeast-filter-flags .langs.open .flag.selected {
    border-radius: 0px;
    border-top: 0;
    background-color: #e4d5df;
}
.yeast-filter-flags .langs.open .flag:first-of-type {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-top: 2px solid #6f1e57;
    height: 44px;
}
.yeast-filter-flags .langs.open .flag:last-of-type {
    border-bottom: 2px solid #6f1e57;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.yeast-filter-flags .langs .flag {
    align-items: center;
    gap: 20px;
    margin: 0;
    width: 175px;
    height: 44px;
    box-sizing: border-box;
}
.yeast-filter-flags .langs .flag.selected {
    display: inline-flex;
    background-color: #fff;
    border: 2px solid #6f1e57;
    border-radius: 50px;
    padding: 5px 10px;
}
/*YEAST TABLE*/
/*INNOVATION*/
ul.research-info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
    row-gap: 0;
    text-align: left;
    width: 1500px;
    max-width: 100%;
    column-gap: 30px;
    row-gap: 0;
    margin: 0 auto;
    position: relative;
}
ul.research-info li {
    display: inline-block;
    list-style-type: none;
    width: calc(33.333% - 30px);
    padding: 0;
    box-sizing: border-box;
    border: none;
    margin-bottom: 30px;
}
ul.research-info li.title_separater_outer {
    display: block;
    width: 100%;
    margin-right: 0;
}
ul.research-info li h5 {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    padding-left: 20px;
}
ul.research-info li p {
    font-size: 16px;
    line-height: 23px;
    color: #fff !important;
    width: 60%;
}
ul.research-info li.title_separater_outer p {
    color: #611d4b !important;
    font-weight: 600;
    margin-left: 0;
    font-size: 21px;
    line-height: 28px;
}
ul.research-info a {
    display: inline-flex;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 48px;
    font-size: 26px;
    line-height: 23px;
    padding: 10px 20px !important;
    background-color: #5c5c5c;
    color: #ffffff;
    text-transform: uppercase;
    width: 48px;
    height: 48px;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.innovation .yeast-filters {
    background-color: #ffffff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: 30px;
    border: 2px solid #fff;
}
.innovation .outlineBox.selected {
    background-color: #dddddd;
    padding: 30px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
ul.research-info a:hover {
    opacity: 0.5;
}
ul.research-info li.title_separater_outer .info-top,
ul.research-info li.title_separater_outer .info-btm {
    display: none;
}
ul.research-info .info-top .flag-container {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
ul.research-info .flag-container .flag {
    border: none;
    width: 24px;
    height: auto;
    display: none;
}
ul.research-info .flag-container .flag.selected {
    display: block;
}
ul.research-info .flag-container .flag img {
    display: block;
    width: 100%;
    height: auto;
}
.research-info .info-top {
    padding: 20px;
    border-top-left-radius: 30px;
    height: 40px;
    border-top-right-radius: 30px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 92%;
    background-size: 20%;
    position: relative;
    box-sizing: border-box;
}
.research-info .research .info-top {
    background-image: url("/images/research-icon.svg");
}
.research-info .technical-information .info-top {
    background-image: url("/images/tech-info-icon.svg");
}
.research-info .info-top h5 {
    color: #fff;
}
.research-info .info-btm {
    background-color: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: 110px;
}
.content .innovation {
    width: calc(100% - 50px);
    margin: 0 auto;
}
/*INNOVATION*/
.areas .area {
    float: none;
}
.areas {
    column-count: 4;
}
.purple-text {
    color: #6f1e57;
}
.areas .area {
    float: none;
}
.areas {
    column-count: 4;
}
.txt-center {
    text-align: center;
}
.contactWrap h2.larger {
    font-size: 35px;
    line-height: 41px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}
.form-block.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
select {
    color: #6f1e57;
}
.consent span {
    padding-right: 15px;
}
.error {
    border: 2px solid red !important;
    box-shadow: 10px 10px red !important;
}
.error::placeholder {
    color: red !important;
}
input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    border: none;
    outline: 1px solid #6f1e57;
    padding: 0;
    display: inline-block;
    background: none;
    vertical-align: middle;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
#form1_submit,
input[type="text"],
input[type="email"],
#form1_message,
#form1_region,
select,
select:hover,
select:focus {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    border: 2px solid #6f1e57;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 26px;
    position: relative;
    overflow: hidden;
    color: #6f1e57;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 10px 10px #6f1e57;
}
#form1_submit {
    min-width: fit-content;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: 10px 10px #6f1e57;
    transition: 0.3s;
}
#form1_submit:hover {
    color: #fff;
    background: #6f1e57;
    border: 2px solid #fff;
    box-shadow: 0px 0px #fff;
}
.form-success.popupContent {
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 50px 40px 40px 40px;
    outline: 2000px solid rgba(0, 0, 0, 0.65);
    border: 3px solid #6f1e57;
    background: #fff;
    z-index: 9;
}
.form-success.popupContent .close {
    top: 15px;
    right: 15px;
    position: absolute;
    outline: 2px solid #6f1e57;
    padding: 10px;
}
.form-success.popupContent h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}
.sprite-close-2 {
    background-image: url("../../images/cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
select,
select:hover,
select:focus {
    background-image: url("/images/arrowDown.png");
    background-repeat: no-repeat;
    background-size: auto 51px;
    background-position: right;
}
option {
    color: #000;
}
textarea {
    font-family: "Source Sans Pro", sans-serif;
}
::placeholder {
    color: #6f1e57;
    opacity: 0.75;
}
.tabs {
    max-width: 880px;
    margin: 0 auto;
}
.tab {
    display: inline-block;
    padding: 8px 13px;
    border: 1px solid #6f1e57;
    margin-right: 20px;
    color: #6f1e57;
    border-bottom: none;
    font-size: 17px;
    background-color: #f1e9ee;
    margin-top: 40px;
}
.two-columns {
    padding-bottom: 0;
}
.left.small img {
    max-width: 410px;
}
.tab#tab-2,
.tab#tab-1 {
    display: none;
}
ul {
    padding: 0;
}
ul li a img {
    display: none;
}
.nextGenLogo {
    display: none !important;
}
.erg.pages .page .top {
    padding-top: 30px;
    border-top: 2px solid #6f1e57;
    padding-bottom: 40px !important;
}
.portfolio-wrapper .top {
    padding-bottom: 0 !important;
}
.portfolio-wrapper .container {
    padding-bottom: 30px !important;
}
.erg-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 25px;
    justify-content: space-between;
}
.erg-inner {
    background: #fff;
    border: 2px solid #6f1e57;
    width: calc(33.33% - 30px);
}
.erg-top {
    padding: 20px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: contain;
    display: flex;
    align-items: center;
}
.erg-bottom .bottom-title {
    max-width: 75%;
}
.erg-top h5 {
    width: 75%;
    font-size: 20px;
    line-height: 30px;
}
.erg-inner.burgundy {
    border: 2px solid #6d1f3f;
}
.erg-inner.green {
    border: 2px solid #008a54;
}
.erg-inner.blue {
    border: 2px solid #007bb1;
}
.erg-inner.yellow {
    border: 2px solid #dbba4d;
}
.erg-inner.purple {
    border: 2px solid #5e305e;
}
.erg-inner.orange {
    border: 2px solid #b04d1b;
}

.erg-inner.burgundy .erg-top,
.erg-inner.burgundy .erg-bottom a {
    background-color: #6d1f3f;
}
.erg-inner.green .erg-top,
.erg-inner.green .erg-bottom a {
    background-color: #008a54;
}
.erg-inner.blue .erg-top,
.erg-inner.blue .erg-bottom a {
    background-color: #007bb1;
}
.erg-inner.yellow .erg-top,
.erg-inner.yellow .erg-bottom a {
    background-color: #dbba4d;
}
.erg-inner.purple .erg-top,
.erg-inner.purple .erg-bottom a {
    background-color: #5e305e;
}
.erg-inner.orange .erg-top,
.erg-inner.orange .erg-bottom a {
    background-color: #b04d1b;
}

.erg-inner.burgundy .erg-bottom .title {
    color: #6d1f3f;
}
.erg-inner.green .erg-bottom .title {
    color: #008a54;
}
.erg-inner.blue .erg-bottom .title {
    color: #007bb1;
}
.erg-inner.yellow .erg-bottom .title {
    color: #dbba4d;
}
.erg-inner.purple .erg-bottom .title {
    color: #5e305e;
}
.erg-inner.orange .erg-bottom .title {
    color: #b04d1b;
}
.erg-bottom {
    background: #fff;
    padding: 10px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.links-wrapper {
    display: flex;
    gap: 25px;
}
.erg-bottom a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    color: #fff;
    height: 48px;
    font-weight: 500;
    font-size: 30px;
    line-height: 0px;
    opacity: 1;
    transition: 0.3s ease-in-out;
}
.erg-bottom a img {
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-25%, -25%);
}
.erg-bottom a:hover {
    opacity: 0.5;
}
.erg-bottom .title {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 600;
}
.pages .page .top .content .erg-title h2 {
    font-size: 38px;
    line-height: 43px;
    font-weight: 700;
    color: #6f1e57;
    margin-bottom: 40px;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
}
.pages .page .top {
    background: #e4d5df;
}
.wide,
.portfolio-products-wrapper {
    background: #f1e9ee;
}
.portfolio-wrapper {
    background: #e4d5df;
}
.page.cat .yeast-filters .yeast-table {
    width: 100% !important;
}
.pages-wrapper .tabs {
    display: none;
}
.portfolio-wrapper
    .tabsBoxes
    .tabs.portfolio
    .tab[data-type="wine-ingredients"] {
    display: none;
}
.page.purple.cat .bottom .yeast-filters {
    width: 1024px !important;
    max-width: calc(100% - 50px);
}
.yeast-filters {
    box-sizing: border-box;
}
.container.ng {
    float: none;
    padding: 15px 30px 30px 30px !important;
}
.container {
    padding: 0 30px 30px 30px !important;
}
.tabsBoxes .tabs .tab.hide {
    display: none;
}
.tabsBoxes {
    padding-top: 0;
}
.tabsBoxes .tabs.portfolio {
    max-width: 1024px;
    margin: 0 auto;
}
.linkBoxes #ingredients .container .link {
    height: 33%;
}
.tabsBoxes .tabs #tab-3,
.tabsBoxes .tabs #tab-4,
.tabsBoxes .tabs #tab-5 {
    display: none;
}
.linkBoxes .linkBox .container .content img {
    width: 100%;
    height: auto;
}
.linkBoxes .linkBox .container .link .content .arrow {
    width: 16px !important;
    height: 10px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}
/*  .tabsBoxes .tabs .tab{
    margin-right: 10px;
    padding: 8px 13px;
    font-size: 15px;
  }*/
.linkBoxes .link .content p {
    font-size: 21px;
}
#page-1 .bottom {
    padding: 0px 0 40px 0 !important;
    background-size: 100% auto !important;
}
.yeast-filter-flags .langs.open #lang-de.flag {
    top: calc(44px * 3);
}
.yeast-filter-flags .langs.open #lang-pt.flag {
    top: calc(44px * 4);
}
.smallText {
    font-size: 18px;
    line-height: 25px;
}
.table-inner {
    overflow-x: scroll;
}
.yeast-table {
    width: 100%;
}
.yeast-table thead tr th.active.first {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}
.yeast-table thead tr th.active.last {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 3;
}
.yeast-table tbody tr.active td:first-of-type {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}
.yeast-table tbody tr.active.odd td:first-of-type,
.yeast-table tbody tr.active.odd td:last-of-type {
    background: #f3f3f3;
}
.yeast-table tbody tr.active.even td:first-of-type,
.yeast-table tbody tr.active.even td:last-of-type {
    background: #939393;
}
.yeast-table tbody tr.active td:last-of-type {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 2;
}
.page {
    display: none;
}
.tabsBoxes .tabs #tab-3 {
    display: inline-block;
}
.tabsBoxes .tabs .tab {
    margin-right: 10px;
    padding: 8px 13px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.tabsBoxes .tabs .tab.selected:hover {
    opacity: 1;
}
.tabsBoxes .tabs .tab:hover {
    opacity: 0.5;
}
.boxes {
    display: none;
}
.page[data-tab="next-gen"] {
    position: relative;
    overflow: hidden;
    background: #e4d5df;
}
.tabsBoxes .tabs #tab-3,
.tabsBoxes .tabs #tab-4,
.tabsBoxes .tabs #tab-5 {
    display: none;
}
.page[data-tab="next-gen"] .top .gradient-image {
    position: absolute;
    top: 0;
    right: 0;
}
.wide {
    display: none;
}
.wide.selected {
    display: block;
}
.sticky-scroller {
    background: red;
    color: #fff;
    width: max-content;
    margin: 0 auto;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 10px;
    border: 2px solid #fff;
    margin-bottom: 15px;
}
.sticky-scroller.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    border-bottom: 0;
    border-bottom-right-radius: 0;
}
.sticky-scroller .icon {
    margin-left: 15px;
}
.scrolling-first {
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
}
.scrolling-last {
    box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);
}
.easy-ref.button {
    display: block;
    width: max-content;
    margin: 0 auto;
    color: #fff;
    background: #6f1e57;
    padding: 10px 30px;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 30px;
    border-radius: 20px;
    font-weight: 600;
    border: 2px solid #fff;
    transition: 0.3s ease-in-out;
}
.easy-ref.button:hover {
    background: #fff;
    border: 2px solid #6f1e57;
    color: #6f1e57;
}
.erg.pages .page .top {
    padding-top: 30px;
    border-top: 2px solid #6f1e57;
    padding-bottom: 40px !important;
}
.portfolio-wrapper .top {
    padding-bottom: 0 !important;
}
.portfolio-wrapper .container {
    padding-bottom: 30px !important;
}
.erg-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 25px;
    justify-content: space-between;
}
.erg-inner {
    background: #fff;
    border: 2px solid #6f1e57;
    width: calc(33.33% - 30px);
}
.erg-top {
    padding: 20px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: contain;
    display: flex;
    align-items: center;
}
.erg-bottom .bottom-title {
    max-width: 75%;
}
.erg-top h5 {
    width: 75%;
    font-size: 20px;
    line-height: 30px;
}
.erg-inner.burgundy {
    border: 2px solid #6d1f3f;
}
.erg-inner.green {
    border: 2px solid #008a54;
}
.erg-inner.blue {
    border: 2px solid #007bb1;
}
.erg-inner.yellow {
    border: 2px solid #dbba4d;
}
.erg-inner.purple {
    border: 2px solid #5e305e;
}
.erg-inner.orange {
    border: 2px solid #b04d1b;
}

.erg-inner.burgundy .erg-top,
.erg-inner.burgundy .erg-bottom a {
    background-color: #6d1f3f;
}
.erg-inner.green .erg-top,
.erg-inner.green .erg-bottom a {
    background-color: #008a54;
}
.erg-inner.blue .erg-top,
.erg-inner.blue .erg-bottom a {
    background-color: #007bb1;
}
.erg-inner.yellow .erg-top,
.erg-inner.yellow .erg-bottom a {
    background-color: #dbba4d;
}
.erg-inner.purple .erg-top,
.erg-inner.purple .erg-bottom a {
    background-color: #5e305e;
}
.erg-inner.orange .erg-top,
.erg-inner.orange .erg-bottom a {
    background-color: #b04d1b;
}

.erg-inner.burgundy .erg-bottom .title {
    color: #6d1f3f;
}
.erg-inner.green .erg-bottom .title {
    color: #008a54;
}
.erg-inner.blue .erg-bottom .title {
    color: #007bb1;
}
.erg-inner.yellow .erg-bottom .title {
    color: #dbba4d;
}
.erg-inner.purple .erg-bottom .title {
    color: #5e305e;
}
.erg-inner.orange .erg-bottom .title {
    color: #b04d1b;
}
.erg-bottom {
    background: #fff;
    padding: 10px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.links-wrapper {
    display: flex;
    gap: 25px;
}
.erg-bottom a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    color: #fff;
    height: 48px;
    font-weight: 500;
    font-size: 30px;
    line-height: 0px;
    opacity: 1;
    transition: 0.3s ease-in-out;
}
.erg-bottom a img {
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-25%, -25%);
}
.erg-bottom a:hover {
    opacity: 0.5;
}
.erg-bottom .title {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 600;
}
.pages .page .top .content .erg-title h2 {
    font-size: 38px;
    line-height: 43px;
    font-weight: 700;
    color: #6f1e57;
    margin-bottom: 40px;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
}
.pages .page .top {
    background: #e4d5df;
}
.wide,
.portfolio-products-wrapper {
    background: #f1e9ee;
}
.portfolio-wrapper {
    background: #e4d5df;
}
.page.cat .yeast-filters .yeast-table {
    width: 100% !important;
}
.pages-wrapper .tabs {
    display: none;
}
.portfolio-wrapper
    .tabsBoxes
    .tabs.portfolio
    .tab[data-type="wine-ingredients"] {
    display: none;
}
.page.purple.cat .bottom .yeast-filters {
    width: 1100px !important;
    max-width: calc(100% - 50px);
}
.yeast-filters {
    box-sizing: border-box;
}
.container.ng {
    float: none;
    padding: 15px 30px 30px 30px !important;
}
.container {
    padding: 0 30px 30px 30px !important;
}
.tabsBoxes .tabs .tab.hide {
    display: none;
}
.tabsBoxes {
    padding-top: 0;
}
.tabsBoxes .tabs.portfolio {
    max-width: 1100px;
    margin: 0 auto;
}
.linkBoxes #ingredients .container .link {
    height: 33%;
}
.tabsBoxes .tabs #tab-3,
.tabsBoxes .tabs #tab-4,
.tabsBoxes .tabs #tab-5 {
    display: none;
}
.linkBoxes .linkBox .container .content img {
    width: 100%;
    height: auto;
}
.linkBoxes .linkBox .container .link .content .arrow {
    width: 16px !important;
    height: 10px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}
/*  .tabsBoxes .tabs .tab{
    margin-right: 10px;
    padding: 8px 13px;
    font-size: 15px;
  }*/
.linkBoxes .link .content p {
    font-size: 21px;
}
#page-1 .bottom {
    padding: 0px 0 40px 0 !important;
    background-size: 100% auto !important;
}
.yeast-filter-flags .langs.open #lang-de.flag {
    top: calc(44px * 3);
}
.yeast-filter-flags .langs.open #lang-pt.flag {
    top: calc(44px * 4);
}
.smallText {
    font-size: 18px;
    line-height: 25px;
}
.table-inner {
    overflow-x: auto;
}
.yeast-table {
    width: 100%;
}
.yeast-table thead tr th.active.first {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}
.yeast-table thead tr th.active.last {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 3;
}
.yeast-table tbody tr.active td:first-of-type {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}
.yeast-table tbody tr.active.odd td:first-of-type,
.yeast-table tbody tr.active.odd td:last-of-type {
    background: #f3f3f3;
}
.yeast-table tbody tr.active.even td:first-of-type,
.yeast-table tbody tr.active.even td:last-of-type {
    background: #939393;
}
.yeast-table tbody tr.active td:last-of-type {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 2;
}
.page {
    display: none;
}
.tabsBoxes .tabs #tab-3 {
    display: inline-block;
}
.tabsBoxes .tabs .tab {
    margin-right: 10px;
    padding: 8px 13px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.tabsBoxes .tabs .tab.selected:hover {
    opacity: 1;
}
.tabsBoxes .tabs .tab:hover {
    opacity: 0.5;
}
.boxes {
    display: none;
}
.page[data-tab="next-gen"] {
    position: relative;
    overflow: hidden;
    background: #e4d5df;
}
.tabsBoxes .tabs #tab-3,
.tabsBoxes .tabs #tab-4,
.tabsBoxes .tabs #tab-5 {
    display: none;
}
.page[data-tab="next-gen"] .top .gradient-image {
    position: absolute;
    top: 0;
    right: 0;
}
.wide {
    display: none;
}
.wide.selected {
    display: block;
}

/*UPDATES - SEPT 2024 - END*/

/*
        ███    ███ ███████ ██████  ██  █████                ██    ██ ██████        ███████  ██████  █████  ██      ███████
        ████  ████ ██      ██   ██ ██ ██   ██               ██    ██ ██   ██       ██      ██      ██   ██ ██      ██
        ██ ████ ██ █████   ██   ██ ██ ███████     █████     ██    ██ ██████  █████ ███████ ██      ███████ ██      █████
        ██  ██  ██ ██      ██   ██ ██ ██   ██               ██    ██ ██                 ██ ██      ██   ██ ██      ██
        ██      ██ ███████ ██████  ██ ██   ██                ██████  ██            ███████  ██████ ██   ██ ███████ ███████
    */

/*
        ███    ███ ███████ ██████  ██  █████                ██████   ██████  ██     ██ ███    ██       ███████  ██████  █████  ██      ███████
        ████  ████ ██      ██   ██ ██ ██   ██               ██   ██ ██    ██ ██     ██ ████   ██       ██      ██      ██   ██ ██      ██
        ██ ████ ██ █████   ██   ██ ██ ███████     █████     ██   ██ ██    ██ ██  █  ██ ██ ██  ██ █████ ███████ ██      ███████ ██      █████
        ██  ██  ██ ██      ██   ██ ██ ██   ██               ██   ██ ██    ██ ██ ███ ██ ██  ██ ██            ██ ██      ██   ██ ██      ██
        ██      ██ ███████ ██████  ██ ██   ██               ██████   ██████   ███ ███  ██   ████       ███████  ██████ ██   ██ ███████ ███████
    */

@media all and (max-width: 1500px) {
    .quater.left{
        font-size: 17px;
        line-height: 25px;
    }
    .header-short .title h1 {
        font-size: 40px;
        line-height: 50px;
        padding-top: 0px;
    }
    .triangles-left {
        width: 10%;
    }
}
@media all and (max-width: 1360px) {
    .header .banner-text .textContainer h2 strong {
        font-size: 38px;
        line-height: 40px;
    }
    .header .banner-text .textContainer h2 small {
        font-size: 18px;
        line-height: 20px;
    }
    .textContainer h2 {
        font-size: 30px;
        line-height: 32px;
    }
}
@media all and (max-width: 1280px) {
    .yeast-table.classic tr td:nth-of-type(11n),
    .yeast-table.next-gen tr td:nth-of-type(11n),
    .yeast-table.classic th:nth-of-type(11n),
    .yeast-table.next-gen th:nth-of-type(11n) {
        display: none;
    }

    #page-1 .bottom .wrap {
        padding-top: 40px;
    }
    .header {
        height: 450px;
    }

    .header .slide {
        height: 450px;
        background-size: cover;
        width: 100%;
    }

    .header .banner-text .textContainer {
        transform: none;
        top: 50%;
        transform: translateY(-50%);
        font-size: 36px;
    }

    .pages .page .top .gradient-image img {
        float: right;
    }

    .pages .page .top .content {
        padding-right: 0px;
        box-sizing: border-box;
    }

    .pages .outlineBox.selected {
        font-size: 17px;
        line-height: 25px;
        padding-bottom: 5px;
    }

    ul.research-info li p {
        font-size: 13px;
        line-height: 20px;
    }
}

@media screen and (max-width: 1250px) {
    .erg-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: flex-start;
    }
    .erg-bottom .clear {
        display: none;
    }
    .erg-bottom .bottom-title {
        max-width: 100%;
    }
    .erg-container {
        column-gap: 15px;
        row-gap: 10px;
        justify-content: center;
    }
    .erg-bottom a {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
    }
    .erg-bottom a.erg-file-en {
        right: 0;
    }
    .header .banner-text .textContainer a {
        font-size: 17px;
        line-height: 17px;
    }
    .header .banner-text .textContainer {
        font-size: 33px;
    }
    .header .banner-text {
        width: 40%;
    }
    .erg-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: flex-start;
    }
    .erg-bottom .clear {
        display: none;
    }
    .erg-bottom .bottom-title {
        max-width: 100%;
    }
    .erg-container {
        column-gap: 15px;
        row-gap: 10px;
        justify-content: center;
    }
    .erg-bottom a {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
    }
    .erg-bottom a.erg-file-en {
        right: 0;
    }
}

@media screen and (max-width: 1200px) {
    .yeast-table.classic tr td:nth-of-type(10n),
    .yeast-table.next-gen tr td:nth-of-type(10n),
    .yeast-table.classic th:nth-of-type(10n),
    .yeast-table.next-gen th:nth-of-type(10n) {
        display: none;
    }
    .contact-form,
    .contact-select {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .contactWrap {
        padding: 0 0 25px 0;
    }
    #form1_message {
        width: 97% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media screen and (max-width: 1150px) {
    .yeast-table {
        font-size: 13px;
        line-height: 20px;
    }
    ul.research-info {
        column-gap: 20px;
    }
    ul.research-info li {
        width: calc(33.333% - 14px);
    }
}

@media all and (max-width: 1100px) {
    .pages .page .top .content.intro-copy {
        padding: 0;
    }
    .pages .page .top .content + .content {
        padding-top: 15px;
    }
    .table-wrapper .yeast-filters {
        max-width: 100%;
        flex-direction: column;
        gap: 15px;
        padding-bottom: 25px;
    }
    .tabsBoxes .tabs .tab {
        padding: 6px 11px;
        font-size: 12px;
    }
    .tabsBoxes .tabs.portfolio {
        max-width: 880px;
    }
    .pages .page .top .content.intro-copy {
        padding: 0;
    }
    .pages .page .top .content + .content {
        padding-top: 15px;
    }
    .table-wrapper .yeast-filters {
        max-width: 100%;
        flex-direction: column;
        gap: 15px;
        padding-bottom: 25px;
    }
    .form-success.popupContent {
        width: 50%;
    }
    .form-success.popupContent h3 {
        text-align: center;
    }
    .nav .menu ul li {
        font-size: 13px !important;
    }
    .nav .logo img {
        height: 85px;
    }
    .nav .logo {
        top: 23px;
    }
    .pages .page .top .left.content:first-of-type {
        padding-left: 0;
        border-right: 0;
    }
    .tabsBoxes .tabs.portfolio {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media all and (max-width: 1024px) {
    .erg-inner {
        width: calc(50% - 15px);
    }
    .yeast-table {
        width: 1024px;
    }
    .erg-inner {
        width: calc(50% - 15px);
    }
    .yeast-table {
        width: 1024px;
    }
    .tabsBoxes .tabs .tab {
        width: 400px;
        text-align: center;
        border-radius: 0;
        border-bottom: 2px solid #fff;
    }
    .tabsBoxes .tabs.portfolio {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tabsBoxes .tabs .tab:last-of-type {
        border-bottom: 0;
    }
    .why-choose-us .third {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        row-gap: 10px;
    }
    .why-choose-us .container .smallContainer:first-of-type {
        margin-bottom: 0;
    }
    .why-choose-us .container .smallContainer:last-of-type {
        margin-top: 30px;
    }
    .why-choose-us .container {
        padding: 20px 30px 0 30px !important;
    }
    .center-banner .text-container {
        padding: 0;
    }
    .yeast-table {
        width: 1024px;
    }
    .quater.left {
        width: 100%;
        max-height: 125px;
    }
    .related-links {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .two-columns .big img.right {
        width: 170px !important;
        height: auto !important;
    }
    ul.research-info li {
        width: calc(50% - 15px);
        border-right: none;
        border-left: none;
        margin-bottom: 15px;
    }
    ul.research-info li:nth-child(odd) {
        border-right: 1px solid #5c5c5c;
    }
    ul.research-info li.title_separater_outer {
        border-right: 0px solid #000;
    }
    ul.research-info li:last-of-type,
    ul.research-info li:nth-last-child(2) {
        border-bottom: 0;
    }
    .pages .page .bottom .wrap p {
        max-width: 100%;
    }
    .two-columns .left.big {
        float: none;
        width: 100%;
        padding: 20px;
    }
    .two-columns {
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }
    .two-columns .left {
        width: 100%;
    }
    .left.image-container {
        width: 100%;
        height: 250px;
    }
    .triangles-pattern {
        width: 13%;
    }
    .header-short .title h1 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 0px;
    }
    .form-block.form-block-1 {
        width: 97%;
        margin: 0 auto;
    }
    .form-block div.width25 {
        width: 100%;
        max-width: none;
    }
    .contactBox .half.left {
        width: 100%;
        float: none;
        padding-top: 20px;
    }
    .why-choose-us .container {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .why-choose-us .third p {
        font-size: 16px;
        line-height: 20px;
    }

    .header .banner-text .textContainer {
        font-size: 31px;
        line-height: 42px;
    }

    .quater.left {
        font-size: 20px;
        line-height: 25px;
    }

    .why-choose-us h2 {
        font-size: 35px;
        line-height: 30px;
        padding-top: 0;
    }

    .nav .menu ul li {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

    .nav .logo {
        left: 20px;
    }

    .pages .page .top .content {
        font-size: 14px;
        line-height: 19px;
    }

    .boxes .box {
        font-size: 17px;
        line-height: 20px;
        width: 29%;
    }

    .page.purple .top.white .content .logo {
        height: 80px;
    }
}

@media all and (max-width: 960px) {
    .nav {
        width: 100%;
    }
    .table-wrapper .yeast-filters {
        flex-direction: column;
    }
    .page.purple.selected .wrap {
        max-width: 100%;
    }
    .form-block.flex.form-block-3 {
        width: 100%;
    }
    #form1_message {
        max-width: 400px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .contact-form.contactWrap h1 {
        text-align: center;
        margin-top: 40px;
    }
    form h2.larger {
        text-align: center;
    }
    form {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 900px) {
    .easy-ref.button {
        font-size: 20px;
        line-height: 30px;
    }
    .tabsBoxes .tabs .tab p {
        font-size: 13px;
    }
    .tabsBoxes .tabs .tab {
        margin-right: 5px;
    }
    .tabsBoxes .tabs.portfolio {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .tabsBoxes .tabs .tab p {
        font-size: 13px;
    }
    .tabsBoxes .tabs .tab {
        margin-right: 5px;
    }
    .form-success.popupContent {
        width: 75%;
    }
    .tabsBoxes .tabs .tab#tab-2 {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .pages .page .top .left.content.first,
    .pages .page .top .left.content.second {
        width: 100%;
        float: none;
    }
    .pages .page .top .left.content.second {
        clear: both;
    }
    .two-columns .small .overlay,
    .left.content.first .left.small .overlay {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to bottom, transparent, #fff);
    }
    .page .outlineBox {
        left: 900px;
        bottom: 40px;
        top: auto;
    }
    .left.content .left.small {
        max-height: 250px;
    }
    .pages .page.layout-override .container {
        width: 100%;
        float: none;
    }
    .outlineBox {
        margin-top: 15px;
    }
    .pages .page.layout-override .background-image .bg-overlay {
        top: auto;
        right: auto;
        width: 100%;
        height: 40%;
        bottom: 0;
        left: 0;
        background: linear-gradient(to bottom, transparent, #fff);
        margin: 0;
    }
    .pages .page .top {
        border-top: 0px;
    }
}

@media all and (max-width: 880px) {
    .pages .page .top {
        padding-top: 20px;
    }
    .pages .page .top {
        padding-top: 20px;
    }
    .two-level-nav .second-level {
        position: static;
        transform: none;
        width: 100%;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #aaa;
    }
    .nav .menu .second-level ul li a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .nav .menu .second-level ul li a:after {
        display: none;
    }
    .nav .menu ul li {
        padding-left: 0;
        padding-right: 0;
    }
    .nav .menu > ul {
        padding: 0 !important;
    }
    .nav .menu ul .second-level ul {
        margin-top: 0;
        padding: 0;
        border: none;
        background-color: #aaa;
    }
    .yeast-table .download a {
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .yeast-table .download a .flag,
    .yeast-table .download a .flag.selected {
        position: static;
        transform: none;
        width: 32px;
        padding-right: 0;
    }
    .yeast-table tbody tr.active td:last-of-type {
        width: 50px;
    }
    .yeast-table tbody tr.active td:first-of-type {
        width: 90px;
    }
    .pages .page .top .left.content {
        padding-top: 0;
    }
    .pages .page .top {
        padding-top: 0;
    }
    .yeast-table .download a {
        font-size: 0;
        line-height: 0;
    }
    .pages .innovation .outlineBox.selected {
        left: 0;
        max-width: 100%;
    }
    .innovation ul.research-info li:nth-child(odd) {
        padding-left: 0;
    }
    .innovation ul.research-info li:nth-child(even) {
        padding-right: 0;
    }
    .contact-form.width50.left {
        padding-left: 0;
        padding-right: 0;
    }
    .pages .page .top .content + .content {
        border-left: 0px;
    }
    .pages .page .top .left.content {
        padding: 20px 0;
    }
    .right.content,
    .pages .page.layout-override .top .content:first-of-type,
    .pages .page.layout-override .top .content:nth-child(2n) {
        width: 100%;
        float: none;
        border-left: 0;
        padding: 0;
    }
    .pages .page.layout-override .top .content:nth-child(2n) {
        padding-top: 25px;
    }
    .first-section,
    .second-section {
        width: 100%;
        float: none;
        border-left: 0px;
        padding: 0;
    }
    .left.content.second {
        padding: 25px !important;
        box-sizing: border-box;
    }
    .region .option:nth-of-type(3n),
    .region .option:nth-of-type(4n) {
        margin-bottom: 20px;
    }
    .country .option {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .container {
        padding: 20px !important;
    }
    .select-country {
        padding-bottom: 20px;
    }
    .pages.innovation .top .left.content.first {
        display: none;
    }
    .overlay,
    .overlay-bottom {
        display: none;
    }
    .wide .two-columns .left.small .overlay {
        bottom: auto;
        top: 0;
    }
    .left.small .overlay-bottom {
        height: 20%;
    }
    .left.small .overlay {
        height: 20%;
        width: 100%;
        background: linear-gradient(to top, transparent, #fff);
    }
    .pages .page .top .left.content {
        width: 100%;
        float: none;
    }
    .pages .page .top .left.content:first-of-type {
        border-bottom: 2px solid #6f1e57;
    }
    .pages .page .top .left.content:nth-child(2n) {
        padding-top: 15px;
    }
    .header-short .title h1 {
        font-size: 25px !important;
        line-height: 35px !important;
    }
    .header-short .title p {
        font-size: 15px;
        line-height: 21px;
    }
    .triangles-left {
        width: 15%;
    }
    .pages .page .bottom.no-float .wrap {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .two-columns {
        padding-top: 0;
        flex-direction: column-reverse;
        display: flex;
    }
    .two-columns .left.small {
        max-height: 250px;
    }
    .two-columns .big {
        padding: 25px 25px;
        box-sizing: border-box;
    }
    .pages .page.purple.cat .bottom {
        padding: 0 0 100px 0 !important;
    }
    .page .bottom.no-float .half.left {
        width: 100%;
        float: none;
    }
    .page .bottom.no-float .outlineBox {
        left: 850px;
    }
    .page .bottom.no-float .outlineBox.selected {
        left: 0;
    }
    .form-block div.width25 {
        width: calc(50% - 20px);
    }
    .form-block.form-block-3 {
        padding-top: 20px;
    }
    .form-block.form-block-3 .small.block.consent {
        font-size: 13px;
        line-height: 20px;
    }
    label.submit {
        margin-right: 20px;
    }
    .contact-form.width50.left {
        width: 97%;
        float: none;
        margin: 0 auto;
    }
    .contact-select {
        padding: 0;
        width: 100%;
    }
    #form1_message {
        max-width: none !important;
        transform: none !important;
        margin: 0 auto !important;
        width: 97% !important;
        display: block !important;
    }
    .landing {
        padding-bottom: 20px;
    }

    .nav .menu {
        position: absolute;
        width: 300px;
        right: -300px;
        background-color: #ffffff;
        padding-bottom: 10px;
        top: 75px;
        transition: right 0.5s;
    }

    .nav .menu ul li {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }

    .hamburger {
        display: block;
        position: absolute;
        top: 20px;
        right: 40px;
    }

    .hamburger .bars {
        background-color: #6f1e57;
        width: 40px;
        height: 1px;
        margin-bottom: 10px;
        transition: all 0.5s;
        border-radius: 10px;
        border: 2px solid #6f1e57;
    }

    .nav .menu.open {
        right: 0px;
    }

    .hamburger.open .bar-1 {
        transform: rotate(225deg);
        margin-top: 15px;
    }

    .hamburger.open .bar-2 {
        opacity: 0;
    }

    .hamburger.open .bar-3 {
        transform: rotate(-225deg);
        margin-top: -29px;
    }

    .footer ul li {
        display: block;
        margin-bottom: 5px;
    }

    .header-short {
        margin-top: 75px;
    }

    .two-columns {
        padding-left: 0px;
        padding-right: 0px;
    }

    .two-columns .left {
        width: 100%;
    }

    .two-columns .left.small {
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .related-links div.clear {
        display: block;
    }

    .linkBoxes {
        margin-left: 20px;
        margin-right: 20px;
    }

    .linkBoxes .linkBox {
        padding: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .linkBoxes .linkBox .container .link .content {
        margin-left: 10px;
    }

    .linkBoxes .link .content p {
        font-size: 20px;
        line-height: 25px;
    }

    .linkBoxes .linkBox .container {
        height: auto;
    }

    .linkBoxes .linkBox .container .link {
        height: 100px !important;
    }

    .linkBoxes .linkBox .container .link img {
        width: 125px;
        height: 100px;
        object-fit: cover;
    }

    .two-columns h1 {
        margin-bottom: 10px;
    }

    .pages .page .top .gradient-image {
        width: 100%;
    }

    .pages .page .top .gradient-image .gradient {
        display: none;
    }

    .pages .page .top .gradient-image img {
        width: 100%;
    }

    .pages .page .top .content {
        width: 100%;
        padding: 0px;
        padding-top: 0px;
    }

    .tabsBoxes .tabs {
        padding-left: 40px;
        box-sizing: border-box;
        border-bottom: 2px solid #6f1e57;
    }

    .pages .page .bottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pages .page .bottom {
        padding-top: 20px;
    }

    .pages .wrap > .half.left {
        width: 100%;
    }

    .page .outlineBox {
        left: 880px;
    }

    .pages .outlineBox.selected {
        position: relative;
        max-width: 90%;
        margin-bottom: 20px;
    }
    .pages.innovation .outlineBox.selected {
        margin-top: 40px;
    }

    .langs {
        padding-bottom: 0px;
    }

    .contactWrap {
        padding: 0px 20px;
    }

    .center-banner .text-container {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header .banner-text {
        width: 45%;
    }

    .pages .lowerContent {
        padding-bottom: 20px;
    }

    .link-popup table tr td {
        width: 100% !important;
        float: left;
    }

    .page.purple .top.white .content .logo {
        height: 100px;
    }

    .currentLanguage {
        display: none;
    }

    .languageMenu {
        height: auto;
        position: relative;
        width: 100%;
        right: unset;
        top: unset;
        padding: 0px;
    }

    .languageMenu a {
        display: inline-block;
    }

    em.triangle {
        display: none;
    }

    .flag:hover .languageMenu {
        padding: 0px;
    }
}

@media all and (max-width: 800px) {
    .tabsBoxes .tabs .tab {
        width: 100%;
        border-radius: 0;
        border-bottom: 2px solid #fff;
        margin: 0;
        box-sizing: border-box;
    }
    .tabsBoxes .tabs .tab:last-of-type {
        border-bottom: 0;
    }
    .tabsBoxes .tabs .tab {
        width: 100%;
        border-radius: 0;
        border-bottom: 2px solid #fff;
        margin: 0;
        box-sizing: border-box;
    }
    .tabsBoxes .tabs .tab:last-of-type {
        border-bottom: 0;
    }
    .header .banner-text .textContainer a {
        font-size: 14px;
        line-height: 14px;
        margin-top: 0;
    }
    .header .banner-text .textContainer {
        font-size: 26px;
        line-height: 37px;
    }
}
@media all and (max-width: 768px) {
    .easy-ref.button {
        font-size: 15px;
        line-height: 20px;
        width: 200px;
        text-align: center;
    }
    .yeast-table {
        width: 768px;
    }
    .erg-inner {
        width: 100%;
    }
    .yeast-filter-selectors {
        flex-direction: column;
        gap: 15px;
    }
    .yeast-filter-flags {
        flex-direction: column;
        gap: 15px;
    }
    .yeast-selector {
        gap: 15px;
    }
    .yeast-filter-selector-block {
        gap: 15px;
    }
    .pages .page .top .content .erg-title h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .yeast-table {
        width: 768px;
    }
    .erg-inner {
        width: 100%;
    }
    .yeast-filter-selectors {
        flex-direction: column;
        gap: 15px;
    }
    .yeast-filter-flags {
        flex-direction: column;
        gap: 15px;
    }
    .yeast-selector {
        gap: 15px;
    }
    .yeast-filter-selector-block {
        gap: 15px;
    }
    .pages .page .top .content .erg-title h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .areas {
        column-count: 2;
    }
    .easy-ref.button {
        font-size: 20px;
        line-height: 30px;
        padding: 8px 25px;
        max-width: calc(100% - 50px);
    }
}
@media all and (max-width: 760px) {
    .contact-fixed-container.contact-block h4.desktop-contact {
        transform: translateX(75px) translateY(-50%);
    }
    .page.purple.cat .bottom .yeast-filters {
        flex-direction: column;
        gap: 20px;
    }
    .page.purple.cat .bottom .yeast-filter-flags {
        flex-direction: row;
    }
    .two-columns .big h2 {
        font-size: 23px;
        line-height: 37px;
    }
    .header-short .title {
        top: 55%;
        width: 420px;
        left: 30%;
    }
    .header-short .title h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .header-short .title p {
        font-size: 20px;
        line-height: 26px;
    }
    .desktop-contact img.directional {
        top: 11px;
        right: 10px;
    }
    .contact-fixed-container a {
        padding: 5px 16px;
    }
    .contact-fixed-container.cat {
        right: 0;
        top: 100px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top: 2px solid #6f1e57;
        padding-right: 25px;
    }
    .contact-fixed-container.contact-block {
        width: 48px;
        top: 150px;
    }
    .contact-fixed-container.contact-block a.anchorScroll {
        padding: 5px 9px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contact-fixed-container.contact-block img {
        width: 32px;
    }
    ul.research-info li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    ul.research-info li.title_separater_outer p {
        width: 100%;
    }

    .innovation .outlineBox.selected {
        padding: 15px;
    }

    .triangles-pattern {
        width: 18%;
    }
    .header-short .title h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .linkBoxes .linkBox {
        width: 100%;
    }

    .linkBoxes .link .content p {
        font-size: 25px;
        line-height: 30px;
    }

    .linkBoxes .link .content p.small {
        font-size: 20px;
        line-height: 25px;
    }

    .two-columns .small h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .two-columns .small h2 span.text-purple {
        font-size: 22px;
        font-weight: 700;
    }

    .contactBox {
        padding: 20px;
    }

    .contactBox .half {
        width: 100%;
        text-align: center;
    }

    .header .banner-text .textContainer h2 small {
        font-size: 13px;
        line-height: 15px;
    }
    .header .banner-text .textContainer h2 strong {
        font-size: 33px;
        line-height: 35px;
    }
    .why-choose-us .third p {
        font-size: 13px;
        line-height: 17px;
    }
    .textContainer h2 {
        font-size: 25px;
        line-height: 27px;
    }
    .header .banner-text {
        width: 65%;
    }
    #catalogues {
        border-top: 0px;
    }
    #page-1 .bottom {
        border-top: 2px solid #6f1e57;
    }
    .why-choose-us h2 {
        padding-top: 0;
    }
    .why-choose-us .container .smallContainer:first-of-type {
        margin-bottom: 0;
    }
    .why-choose-us .container .smallContainer {
        margin-top: 0px;
    }
}

@media all and (max-width: 650px) {
    .header,
    .header-short {
        margin-top: 50px;
    }
    .header-short .title {
        top: 50%;
    }
    .header-short > img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
    .header-short {
        min-height: 150px;
    }
    .hamburger {
        top: 16px;
    }
    .hamburger.open .bar-3 {
        margin-top: -18px;
    }
    .nav .menu {
        top: 50px;
    }
    .header-short {
        margin-top: 50px;
    }
    .hamburger .bars {
        margin-bottom: 7px;
        width: 25px;
        border: 1px solid #6f1e57;
    }
    .nav .logo {
        top: 15px;
    }
    .nav .logo img {
        height: 50px;
    }
    .nav {
        height: 50px;
    }
    .bg-overlay {
        display: none;
    }
    .container {
        width: 100%;
        float: none;
    }
    .header .banner-text .textContainer {
        font-size: 26px;
    }

    .page .outlineBox {
        min-width: 0px;
    }

    .tabsBoxes .tabs {
        padding-left: 20px;
    }

    .tabsBoxes .tabs .tab {
        margin-right: 0px;
    }

    .areas {
        column-count: 2;
    }

    /* .areas .area {
            width: 50%;
            text-align: center;
        } */

    .contactBox {
        padding-top: 0px;
    }

    .contactBox .heading {
        padding-top: 20px;
    }

    .link-popup {
        width: 90%;
        left: 5%;
        top: 10%;
        overflow-y: auto;
        margin-left: 0;
    }

    .page.purple .top.white .content .logo {
        position: relative;
        float: left;
        margin-left: 40px;
        width: 100%;
        padding-bottom: 20px;
    }

    .page.purple .top.white .content p:nth-of-type(1) {
        width: 100%;
    }

    ul.research-info li:nth-last-child(2) {
        border-bottom: 1px solid #5c5c5c;
    }
}

@media screen and (max-width: 600px) {
    .form-success.popupContent {
        padding: 50px 20px 40px 20px;
    }
    .contactWrap h2.larger {
        font-size: 30px;
        line-height: 36px;
    }
    .contactBox {
        box-shadow: none;
    }
    .contactWrap {
        text-align: center;
    }
    .contactWrap h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contact-form.contactWrap h2.larger {
        margin-top: 0;
    }
    .contact-form.contactWrap h1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .yeast-filter-flags > p,
    .yeast-filter-selectors > p {
        display: none;
    }
    .header-short .title {
        left: 35%;
    }
    .two-columns .big img.right {
        width: 100px !important;
        height: auto !important;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .header .tint {
        opacity: 0.5;
    }
    .header .banner-text {
        width: 100%;
    }
    #page-1 .bottom.no-float .wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .page.purple.cat .bottom.no-float .yeast-filters {
        width: 100%;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .yeast-table .download.catalogue {
        padding-left: 0;
    }
    .yeast-table .download.catalogue p,
    .catalogue a {
        font-size: 10px;
    }
    .catalogue-top .langs .flag img,
    .catalogue a .flag.selected img {
        width: 22px !important;
    }
    .page.purple.cat .bottom .yeast-filter-flags p {
        font-size: 10px;
    }
}
@media screen and (max-width: 550px) {
    .sticky-scroller {
        font-size: 14px;
        padding: 5px 10px;
    }
    .sticky-scroller.fixed {
        font-size: 12px;
        padding: 5px 10px;
    }
    .yeast-filter-selector-block {
        flex-direction: column;
        border-radius: 15px;
        width: 160px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .yeast-selector span {
        width: calc(100% - 20px);
    }
    .erg-top h5 {
        width: 85%;
    }
    .erg-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .erg-bottom a {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
    }
    .erg-bottom a.erg-file-en {
        right: 0;
    }
    .container {
        padding: 0 15px 30px 15px !important;
    }
    .yeast-filter-selector-block {
        flex-direction: column;
        border-radius: 15px;
        width: 160px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .yeast-selector span {
        width: calc(100% - 20px);
    }
    .erg-top h5 {
        width: 85%;
    }
    .erg-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .erg-bottom a {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
    }
    .erg-bottom a.erg-file-en {
        right: 0;
    }
    .container {
        padding: 0 15px 30px 15px !important;
    }
    .why-choose-us .third {
        width: 100%;
        flex-direction: row;
        text-align: left;
        row-gap: 0;
        column-gap: 30px;
        padding-bottom: 20px;
    }
    .why-choose-us .third img {
        width: 75px;
    }
    .why-choose-us .third p {
        font-size: 16px;
        line-height: 20px;
        width: 200px;
    }
}
@media all and (max-width: 500px) {
    .pages .page .top .content h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .catalogue-top h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .easy-ref.button {
        font-size: 15px;
        line-height: 20px;
    }
    .container {
        padding: 0 15px 30px 15px !important;
    }
    .two-columns .big h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .header-short .title {
        left: 0;
        transform: none;
        padding-left: 20px;
        transform: translateY(-50%);
        width: 65%;
    }
    .contact-fixed-container.cat {
        width: 105px;
        top: 75px;
    }
    .header-short .title h1 {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    .header-short .title p {
        font-size: 14px;
        line-height: 20px;
    }
    ul.research-info li.title_separater_outer p {
        font-size: 17px;
        line-height: 24px;
    }
    ul.research-info li h5 {
        font-size: 12px;
        line-height: 20px;
        padding-left: 0;
    }
    .research-info .info-btm {
        padding: 10px;
    }
    ul.research-info li p {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 11px;
        line-height: 18px;
    }
    .page .bottom .outlineBox {
        padding: 15px;
        min-width: -webkit-fill-available;
    }
    .page .bottom .outlineBox .inner {
        padding: 0;
    }
    .left.image-container {
        height: 175px;
    }
    .header-short .title h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .form-block div.width25 {
        width: 100%;
        max-width: none;
    }
    label.submit {
        width: 90%;
        margin: 0 auto;
    }
    .fake-select {
        width: 100%;
        float: none;
    }
    .reset-select {
        box-sizing: border-box;
        width: 100% !important;
    }
    .fake-select.country {
        margin-left: 0;
        margin-top: 25px;
    }
    .header .banner-text .textContainer {
        font-size: 24px;
        line-height: 30px;
    }

    .quater.left {
        width: 100%;
    }

    .linkBoxes .link .content p {
        font-size: 20px;
        line-height: 25px;
    }

    .footer .left {
        width: 100%;
        position: relative;
        text-align: center;
    }

    .linkBoxes .link .content p {
        font-size: 18px;
        line-height: 25px;
    }

    .linkBoxes .link .content p.small {
        font-size: 16px;
        line-height: 20px;
    }

    .two-columns h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .footer ul {
        padding: 0px;
    }

    .footerLogo {
        position: relative;
        right: unset;
        top: unset;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boxes .box {
        width: 100%;
        margin-bottom: 20px;
    }

    .page .outlineBox .half.left {
        width: 100%;
    }

    .tabsBoxes .tabs .tab {
        font-size: 13px;
        padding: 15px 14px;
    }

    .boxes {
        padding-bottom: 0px;
    }
    .footer ul li {
        font-size: 20px;
        line-height: 25px;
    }
    .header .banner-text .textContainer a .button {
        line-height: 60px;
    }
}

@media all and (max-width: 400px) {
    .form-success.popupContent {
        width: 85%;
    }
    .areas {
        column-count: 1;
    }
    .linkBoxes .linkBox .container .link img {
        width: 80px;
    }

    .tabsBoxes .tabs {
        padding-left: 0px;
    }

    .tabsBoxes .tabs .tab {
        margin: 0px;
        box-sizing: border-box;
        width: 100%;
    }

    .page .outlineBox.selected,
    .page .outlineBox {
        max-width: 95%;
        margin-left: 0px;
    }

    .areas {
        column-count: 1;
    }

    .contactWrap {
        padding: 0px 10px;
    }

    .contactBox {
        padding: 0px;
        padding-bottom: 20px;
    }

    .header .banner-text .textContainer {
        font-size: 25px;
        line-height: 30px;
    }

    .header .banner-text .textContainer a {
        display: block;
        padding-top: 20px;
    }
}