/* HIDING ELEMENTS */
section#block-footermobile,
section#block-herohomemobile,
section#block-scopriilgustoblockmobile,
section#block-concosalobeviblockmobile,
section#block-views-block-scopri-prodotti-home-mobile-block-1,
section#block-views-block-scopri-prodotti-home-mobile-block-1--2,
section#block-views-block-domande-frequenti-tass-slide-mobile-block-1,
section#block-sostenibilitaheromobile,
section#block-views-block-viaggio-della-foglia-block-2--2,
section#block-views-block-viaggio-della-foglia-block-2,
section#block-views-block-i-nostri-progetti-block-2,
section#block-views-block-fai-la-differenza-block-2--2,
section#block-views-block-fai-la-differenza-block-2,
section#block-concosalobeviheromobile,
.faq-mobile,
.d-mobile {
  display: none;
}

/* GENERAL STYLE */
body {
  font-family: 'Montserrat', sans-serif;
  background-color: transparent !important;
}
h1, h2, h3, h4, h5 {
  font-family: 'Lora', serif;
}
h1 {
  font-size: 100px;
  line-height: 128px;
}
body p {
  font-size: 30px;
  font-weight: 400;
  line-height: 37px;
}
.no-list {
    list-style: none;
    padding: 0;
}
body {

}
.text-orange {
  color: #F59E06;
}
/* BTN STYLE */
.base-btn {
    max-width: 260px;
    width: 100%;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 20px;
    transition: 350ms;
    border: 2px solid transparent;
}
.btn-green {
    background-color: #8DBA2A;
}
.btn-yellow {
    background-color: #fec43e;
}
.btn-orange {
    background-color: #F59E06;
}
.btn-brown {
    background-color: #A6754E;
}
.btn-green:hover {
    background-color: #fff;
    color: #8DBA2A;
    border-color: #8DBA2A;
}
.btn-yellow:hover {
    background-color: #fff;
    color: #fec43e;
    border-color: #fec43e;
}
.btn-orange:hover {
    background-color: #fff;
    color: #F59E06;
    border-color: #F59E06;
}
.btn-brown:hover {
    background-color: #fff;
    color: #A6754E;
    border-color: #A6754E;
}
/* SOCIAL FLOATING BLOCK */
section#block-socialfixedblock {
    position: fixed;
    top: 360px;
    right: 0;
    background-color: rgba(0,0,0,0.4);
    padding: 28px 15px;
    border-radius: 30px 0 0 30px;
    max-height: 180px;
    height: 100%;
    max-width: 60px;
    width: 100%;
    transition: 350ms;
    z-index: 9;
}
section#block-socialfixedblock .field--item {
    height: 100%;
}
section#block-socialfixedblock .field--item .social-icon-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

/* BACKGROUND IMAGES AUTO-CROP ON RESIZE */
section#block-herohome .wrapper-container img.img-responsive,
section#block-scopriilgustoblock .wrapper-container img.img-responsive,
section#block-concosalobeviblock .wrapper-container img.img-responsive,
section#block-visorepromojbl .wrapper-container img.img-responsive {
    height: 100%;
    max-width: fit-content;
    width: auto;
}

/* FOOTER STYLE */
footer.footer {
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Footer/Estathe%CC%81-footer-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    border-top: 0;
    height: 775px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11.5%;
    padding-bottom: 17px;
}
.footer .region-footer {
    max-width: 1366px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.footer .region-footer .block {
  color: #004D7F;
  font-size: 16px;
  line-height: 27px;
}
.footer .region-footer .block p {
  font-size: 20px;
  line-height: 27px;
}
.footer .region-footer .block a {
  color: #02426C;
}
.footer .region-footer .block h2 {
    font-size: inherit;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.footer-menu-wrapper ul {
    list-style: none;
    padding: 0;
}

section#block-footerthebest img {
    max-width: 335px;
    width: 100%;
}
section#block-seguicisu .social-icon-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    text-align: center;
    height: 145px
}
section#block-seguicisu .social-icon-wrapper img {
    max-width: 35px;
    width: 100%;
}
.social-icon-wrapper a img {
    transition: 350ms;
}
.social-icon-wrapper a:hover img {
    opacity: 0.7;
}

section#block-footercopyright {
    width: 100%;
    border-top: 3px solid #fff;
    padding-top: 45px;
    margin-top: 55px;
}

/* Footer privacy added */

section#block-footercopyright .field--name-body a > img {
    max-width: 50px;
}

section#block-footercopyright .field--name-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
}


/* HOMEPAGE SYLE */
.main-container .col-sm-12 {
    padding: 0;
}
section#block-herohome .wrapper-container,
section#block-scopriilgustoblock .wrapper-container,
section#block-concosalobeviblock .wrapper-container,
section#block-visorepromojbl .wrapper-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    width: 100%;
}
section#block-herohome .wrapper-container .inner-wrapper,
section#block-scopriilgustoblock .wrapper-container .inner-wrapper,
section#block-concosalobeviblock .wrapper-container .inner-wrapper,
section#block-visorepromojbl .wrapper-container .inner-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-herohome {
    max-height: 815px;
    height: 100%;
}
/* section#block-herohome img.img-responsive {
    height: 100%;
    width: auto;
    max-width: unset;
} */

section#block-herohome .wrapper-container .inner-wrapper .text-container {
    max-width: 670px;
    margin: 100px auto auto auto;
    text-align: center;
}

section#block-herohome .wrapper-container .inner-wrapper .text-container > *:not(a) {
    text-shadow: 0px 0px 4px rgb(150 150 150);
}

section#block-herohome .wrapper-container .inner-wrapper .text-container h1,
section#block-herohomemobile .wrapper-container .inner-wrapper .text-container h1 {
    font-weight: 300;
    line-height: 90px;
    margin-bottom: 50px;
}
section#block-herohome .wrapper-container .inner-wrapper .text-container h1 b,
section#block-herohomemobile .wrapper-container .inner-wrapper .text-container h1 b {
    font-size: 80px;
    font-weight: bold;
    line-height: 97px;
    font-family: 'Montserrat', sans-serif;
}
section#block-herohome .wrapper-container .inner-wrapper .text-container p {
    max-width: 538px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin: auto auto 40px auto;
}
section#block-herohome .wrapper-container .inner-wrapper .text-container::after,
section#block-views-block-slider-homepage-block-1::after {
    content: '';
    position: absolute;
    max-width: 680px;
    width: 100%;
    height: 100%;
    bottom: -66px;
    left: calc(50% + 70px);
    /*background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/bicchiere_header_HP_vanorton.png);*/
    /*background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/Estathe%CC%81-prodotto-hero-home.png);*/
    /* background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/bicchiere_header_HP.png); */
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/2021-05/bicchiere_header_HP.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 11;
    pointer-events: none;
}
section#block-views-block-slider-homepage-block-1::after {
    max-width: 520px;
}
/* section#block-herohome .wrapper-container .inner-wrapper .text-container::before {
    content: '';
    position: absolute;
    max-width: 550px;
    top: 0;
    left: 136px;
    width: 100%;
    height: 100%;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/Estathe%CC%81-mano-hero-home.png);
    background-size: 144%;
    background-repeat: no-repeat;
    background-position-y: -111px;
    background-position-x: center;
} */

.video-popup .modal-content,
.video-popup {
    width: 100%;
}

.video-popup iframe {
    max-width: 100%;
    width: 100%;
    height: 500px;
}

section#block-visorepromojbl .wrapper-container .inner-wrapper .text-container {
    max-width: 500px;
    margin: auto;
    text-align: center;
}
section#block-visorepromojbl .wrapper-container .inner-wrapper .text-container h2 {
    font-size: 55px;
    color: #004d7e;
    line-height: 67px;
    margin-bottom: 20px;
}
section#block-visorepromojbl .wrapper-container .inner-wrapper .text-container h2 b {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
}
section#block-visorepromojbl .wrapper-container img {
    z-index: 2;
}
section#block-visorepromojbl .wrapper-container .inner-wrapper {
    z-index: 3;
}

section#block-scopriilgustoblock {
    /* margin-top: -120px; */
    margin-top: -5%;
    z-index: 2;
    position: relative;
}
section#block-scopriilgustoblock .wrapper-container {
    overflow: hidden;
}
/* section#block-scopriilgustoblock .wrapper-container img.img-responsive {
    height: 100%;
    max-width: fit-content;
} */
section#block-scopriilgustoblock .wrapper-container .inner-wrapper {
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-top: 15px;
}

section#block-scopriilgustoblock .wrapper-container .inner-wrapper .text-container {
    text-align: center;
    /* padding-top: 100px; */
    padding-top: 120px;
}
section#block-scopriilgustoblock .wrapper-container .inner-wrapper .text-container p {
    color: #343434;
    max-width: 475px;
    margin: auto;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 40px;
}
section#block-scopriilgustoblock .wrapper-container .inner-wrapper .text-container h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-left: 20px;
}
section#block-scopriilgustoblock .wrapper-container .inner-wrapper .text-container h2 span {
    color: #343434;
    font-family: 'Lora', serif;
    font-size: 87px;
    line-height: 112px;
    font-weight: 300;
}
/* section#block-scopriilgustoblock .wrapper-container .inner-wrapper .text-container .top-img {
    max-width: 474px;
    margin: auto;
    margin-left: 20px;
} */
.wrapper-container .divider {
    max-width: 400px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: -25px;
}
.wrapper-container  .divider::before,
.wrapper-container .divider::after {
    content: '';
    max-width: 118px;
    width: 100%;
    height: 100%;
    max-height: 1px;
    border-bottom: 1px solid #8dba2a;
    display: inline-block;
}
section#block-concosalobeviblock .wrapper-container .inner-wrapper .text-container {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    max-width: 715px;
    padding-top: 295px;
    position: relative;
}
section#block-concosalobeviblock .wrapper-container .inner-wrapper .text-container p {
    margin-top: 60px;
    margin-bottom: 40px;
    max-width: 530px;
    font-size: 30px;
    font-weight: bold;
}
section#block-concosalobeviblock .wrapper-container .inner-wrapper {
    -ms-flex-pack: start;
        justify-content: flex-start;
}
section#block-concosalobeviblock .wrapper-container .inner-wrapper::after {
    content: '';
    position: absolute;
    max-height: 900px;
    max-width: 321px;
    height: 100%;
    width: 100%;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/Estathe%CC%81-con-cosa-bevi-bottiglia.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* left: 394px; */
    left: calc(50% - 540px);
    /* bottom: 25px; */
    top: calc(50% - 250px);
}

/* VISORE CAROUSEL SLIDER HOMEPAGE STYLE */
section#block-views-block-slider-homepage-block-1 {
    position: relative;
}
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption,
section#block-views-block-slider-homepage-block-1 .slide__caption {
    padding: 0;
}
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider {
    position: relative;
}
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .d-tablet,
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .d-mobile,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .d-tablet,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .d-mobile {
    display: none;
}
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .wrapper-container,
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .wrapper-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .wrapper-container .text-container,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .wrapper-container .text-container {
    max-width: 670px;
    margin: auto;
    text-align: center;
}

section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .wrapper-container .text-container h1,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .wrapper-container .text-container h1 {
    font-weight: 300;
    /* font-size: 80px; */
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 50px;
    color: #fff;
    text-shadow: 0px 0px 11px rgb(0 0 0 / 55%);
}
section#block-views-block-slider-homepage-block-1 .slick__slide .slide__caption .container-hp-slider .wrapper-container .text-container h1 b,
section#block-views-block-slider-homepage-block-1 .slide__caption .container-hp-slider .wrapper-container .text-container h1 b {
    /* font-size: 80px; */
    font-weight: bold;
    line-height: 97px;
    font-family: 'Montserrat', sans-serif;
}
.btn-white {
    background-color: #fff;
    color: #114f7f;
}
.btn-white:hover {
    background-color: #114f7f;
    color: #fff;
}
section#block-views-block-slider-homepage-block-1 .slick-dots {
    position: absolute;
    bottom: 40px;
    width: 100%;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    z-index: 20;
}
section#block-views-block-slider-homepage-block-1 .slick-dots li {
    margin: 0 5px;
}
section#block-views-block-slider-homepage-block-1 .slick-dots button {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    box-shadow: 0px 0px 11px rgb(0 0 0 / 55%);
    color: transparent;
    transition: 0.6s;
}
section#block-views-block-slider-homepage-block-1 .slick-dots li.slick-active button {
    background-color: #104c7e;
    border-color: rgb(252 212 13);
}
/* View product block style */
section#block-views-block-scopri-prodotti-home-block-1 {
    position: relative;
    z-index: 0;
    margin-top: -120px;
    margin-bottom: 145px;
    max-height: 790px;
    height: 100%;
}
section#block-views-block-scopri-prodotti-home-block-1 .background-image .img-responsive {
    height: 100%;
    width: auto;
    max-width: none;
}
section#block-views-block-scopri-prodotti-home-block-1 .view-header {
    text-align: right;
    max-width: 1005px;
    margin: auto;
    padding-top: 140px;
}
section#block-views-block-scopri-prodotti-home-block-1 .view-content {
    height: 760px;
}


section#block-views-block-scopri-prodotti-home-block-1 .tab-content .view-header {
    position: absolute;
    top: 0px;
    width: 100%;
    max-width: 1085px;
}
section#block-views-block-scopri-prodotti-home-block-1 .view-header h2 {
    font-family: 'Lora', serif;
    font-size: 75px;
    letter-spacing: 0.4px;
    line-height: 75px;
    font-weight: 100;
}
section#block-views-block-scopri-prodotti-home-block-1 .view-header h2 b {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
h2.classic {
    color: #E88708;
}
h2.zero {
    color: #9CCA1C;
}
h2.bio,
h2.infusion-mix {
    color: #C58B5B;
}
h2.deteinato {
    color: #fff;
}


section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs li::after {
    content: '\00B7';
    position: absolute;
    right: -9%;
    font-size: 13.5em;
    line-height: 60px;
    max-height: 102px;
    height: 100%;
    color: #fff;
}
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs > .active::after {
    font-size: 18em;
    right: -12%;
}




.views-field-field-background-scopri-prodotti {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.views-field-field-ingrediente-home-sx .left-decoration {
    position: absolute;
    left: 0;
    top: 80px;
    max-width: 740px;
    z-index: -1;
}
.views-field-field-ingrediente-home-dx .right-decoration{
    position: absolute;
    right: 0;
    top: 60px;
    max-width: 370px;
    z-index: -1;
}
.views-field-field-ingrediente-home-dx .right-decoration.zero {
    top: 0;
    max-width: 270px;
}
.views-field-field-ingrediente-home-dx .right-decoration.bio {
    max-width: 610px;
    top: -100px;
}
.views-field-field-ingrediente-home-dx .right-decoration.infusion-mix {
    max-width: 540px;
    top: -90px;
}
.views-field-field-ingrediente-home-dx .right-decoration.deteinato {
    max-width: 600px;
    top: 0;
}

/* section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs {
    right: 360px;
    position: relative;
} */
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs {
    border-left: 0;
    border-right: 1px dashed #FFFFFF;
    max-width: 270px;
    width: 100%;
    max-height: 525px;
    height: 100%;
    padding-bottom: 0;
    margin-right: 9.5%;
    position: relative;
    top: 345px;
}

section#block-views-block-scopri-prodotti-home-block-1 .tabs-right {
    max-width: 1165px;
    /* max-width: 1380px; */
    margin: auto;
}
section#block-views-block-scopri-prodotti-home-block-1 .tab-content {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs > li > a {
    color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 25px;
    letter-spacing: 0.14px;
    line-height: 90px;
    text-align: right;
    padding: 0 35px 0 0;
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    transition: 350ms;
}
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs > li > a:hover {
    padding-right: 45px;
}
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs > .active > a:hover {
    padding-right: 35px;
}
section#block-views-block-scopri-prodotti-home-block-1 .nav-tabs > .active > a {
    background: unset;
    border: 0;
    box-shadow: none;
    font-size: 40px;
    line-height: 100px;
}

section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .line-link p {
    color: #FFFFFF;
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid;
    font-weight: 300;
    max-width: 480px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    transition: 350ms;
    position: relative;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .line-link:hover {
    text-decoration: none;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .line-link p::after {
    content: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Home/estathe%CC%81-arrow.svg);
    position: absolute;
    right: 0px;
    transition: 350ms;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .line-link:hover p::after {
    right: -5px;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .discover-taste {
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    max-width: 480px;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .discover-taste p {
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.discover-taste img {
    max-width: 50px;
    background-color: #fff;
    border-radius: 40px;
    padding: 10px;
}
/*
section#block-views-block-scopri-prodotti-home-block-1 .right-col {
    position: absolute;
    top: 140px;
    left: calc(50% - 250px);
    z-index: -1;
}
section#block-views-block-scopri-prodotti-home-block-1 .right-col img {
    max-width: 440px;
    width: 100%;
    float: right;
} */
section#block-views-block-scopri-prodotti-home-block-1 .left-col {
    position: absolute;
    bottom: -80px;
    z-index: 1;
    max-width: 415px;
    left: calc(50% - 475px);
}
section#block-views-block-scopri-prodotti-home-block-1 .logo-linea {
    max-width: 248px;
}

section#block-views-block-scopri-prodotti-home-block-1 .right-col {
    position: absolute;
    top: 140px;
    right: calc(50% - 250px);
    z-index: -1;
    max-width: 440px;
    width: 100%;
    float: right;
    padding: 0;
}
section#block-views-block-scopri-prodotti-home-block-1 .right-col.zero {
    max-width: 550px;
    right: calc(50% - 340px);
}

section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .discover-taste ul {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;

}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .discover-taste ul li {
    margin-left: 8px;
    margin-right: 8px;
}
section#block-views-block-scopri-prodotti-home-block-1 .wrapper-container .left-col .discover-taste ul li:last-child {
    margin-right: 0;
}







/* View faq block style */
section#block-views-block-scopri-tutto-faq-block-1 {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 125px;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-1 .form-group {
    max-width: 1130px;
    margin: auto;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-header .title-wrapper h2 {
    font-size: 60px;
    line-height: 60px;
    margin: auto auto 40px auto;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-header .title-wrapper h2 b {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    text-transform: uppercase;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-content .single-faq .faq-question {
    font-family: 'Lora', serif;
    margin: 35px auto 60px auto;
    color: #8DBA2A;
    font-size: 45px;
    letter-spacing: 0;
    line-height: 57px;
    text-align: center;
    max-width: 687px;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-footer {
    /* margin-top: 25px; */
    margin-top: 40px;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-1 .faq-more {
    color: #8DBA2A;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
}

section#block-views-block-scopri-tutto-faq-block-1 .view-header .title-wrapper,
section#block-views-block-scopri-tutto-faq-block-1 .form-group .view-scopri-tutto-faq,
section#block-views-block-scopri-tutto-faq-block-1 .form-group .text-wrapper-header-faq {
    position: relative;
}

section#block-views-block-scopri-tutto-faq-block-1 .form-group .text-wrapper-header-faq {
    max-width: 920px;
    margin: auto;
}

section#block-views-block-scopri-tutto-faq-block-1 .view-header .title-wrapper::before {
    content: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe%CC%81-FAQ-gocce-acqua-sx.png);
    position: absolute;
    max-width: 280px;
    max-height: 308px;
    width: 100%;
    height: 100%;
    left: 95px;
    top: -110px;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-footer::after {
    content: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe%CC%81-FAQ-gocce-acqua-dx.png);
    position: absolute;
    top: -100px;
    right: 225px;
}
section#block-views-block-scopri-tutto-faq-block-1 .form-group .view-scopri-tutto-faq::after {
    content: '';
    position: absolute;
    right: -90px;
    bottom: -360px;
    max-height: 400px;
    max-width: 458px;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe%CC%81-FAQ-foglia-dx.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-content .single-faq .text-wrapper-header-faq::before ,
section#block-views-block-scopri-tutto-faq-block-1 .view-content .single-faq .text-wrapper-header-faq::after {
      position: absolute;
      color: #8DBA2A;
      font-family: 'Lora', serif;
      font-size: 200px;
      letter-spacing: 0;
      text-align: center;
}

section#block-views-block-scopri-tutto-faq-block-1 .view-content .single-faq .text-wrapper-header-faq::before{
    content: '“';
    left: 0;
    top: -40px;
}
section#block-views-block-scopri-tutto-faq-block-1 .view-content .single-faq .text-wrapper-header-faq::after {
    content: '“';
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    right: 0;
    top: -110px;
}


/* FAQ E SUPPORTO STYLE */
.faq-head {
    color: #004D7F;
    text-align: center;
    max-width: 810px;
    margin: 90px auto 70px auto;
    position: relative;
}
.faq-head::before {
    content: '';
    position: absolute;
    height: 309px;
    max-width: 281px;
    width: 100%;
    left: -190px;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-faq-head-gocce.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.faq-head h1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07px;
    line-height: initial;
    font-family: 'Montserrat', sans-serif;
}
.faq-head h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.24px;
    line-height: 67px;
    max-width: 750px;
    margin: auto;
}
.faq-head .divider {
    max-width: 77px;
    max-height: 2px;
    border-bottom: 2px solid #004D7F;
    margin: 25px auto;
}
.faq-head p {
    font-family: 'Lora', serif;
    letter-spacing: 0.12px;
    line-height: 40px;
}



section#block-faqcontattaci .support-block p {
    color: #F8930F;
    font-family: 'Lora', serif;
    margin: 30px auto;
}
section#block-faqcontattaci .support-block img {
    margin-right: 34px;
}
section#block-faqcontattaci .btn {
    max-width: 355px;
}
/* Domande in evidenza block */

section#block-views-block-scopri-tutto-faq-block-2,
section#block-views-block-scopri-tutto-faq-block-2--2 {
    text-align: center;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-2::before,
section#block-views-block-scopri-tutto-faq-block-2--2::before {
    content: '';
    position: absolute;
    max-height: 585px;
    width: 268px;
    height: 100%;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-foglia-header-sx.png);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -99px;
}

section#block-views-block-scopri-tutto-faq-block-2 .form-group,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group {
    max-width: 1025px;
    margin: auto;
    border-radius: 22px;
    background-color: #FFFFFF;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.13);
    padding: 50px 62px 35px;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group::after,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group::after {
    content: '';
    position: absolute;
    height: 151px;
    max-width: 137px;
    width: 100%;
    top: -75px;
    right: -175px;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-faq-head-gocce.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
section#block-views-block-scopri-tutto-faq-block-2 .view-header .title-wrapper h2,
section#block-views-block-scopri-tutto-faq-block-2--2 .view-header .title-wrapper h2 {
    color: #004D7F;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
}

section#block-views-block-scopri-tutto-faq-block-2 .view-header .title-wrapper .divider,
section#block-views-block-scopri-tutto-faq-block-2--2 .view-header .title-wrapper .divider {
    max-width: 370px;
    margin-top: -10px;
}
section#block-views-block-scopri-tutto-faq-block-2 .view-header .title-wrapper .divider img,
section#block-views-block-scopri-tutto-faq-block-2--2 .view-header .title-wrapper .divider img {
    max-width: 60px;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slick-dots,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slick-dots {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slick-dots li.slick-active button,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slick-dots li.slick-active button {
    opacity: 1;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slick-dots button,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slick-dots button {
    background-color: #8DBA2A;
    opacity: 0.5;
    border-radius: 50px;
    border: none;
    color: transparent;
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 5px;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slick-dots button:focus,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slick-dots button:focus {
    outline: none;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slick-dots li button::before,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slick-dots li button::before {
    color: transparent;
}


section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slide__title,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slide__title {
    color: #8DBA2A;
    font-size: 35px;
    line-height: 45px;
    max-width: 540px;
    margin: auto;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .faq-answer,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .faq-answer {
    margin-bottom: 60px;
    margin-top: 20px;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .faq-answer p,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .faq-answer p {
    max-width: 500px;
    margin: auto;
    color: #495249;
    font-size: 18px;
    letter-spacing: 0.07px;
    line-height: 20px;
}
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-arrow::before,
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-arrow::before {
    content: '';
    display: block;
    height: 60px;
    width: 100%;
    max-width: 32px;
    background-size: contain;
    background-image: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-faq-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-prev:hover:before,
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-prev:focus:before,
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-next:hover:before,
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-next:focus:before,
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-prev:hover:before,
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-prev:focus:before,
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-next:hover:before,
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-next:focus:before{
  opacity: 0.8;
}
section#block-views-block-scopri-tutto-faq-block-2 nav.slick__arrow .slick-next.slick-arrow::before,
section#block-views-block-scopri-tutto-faq-block-2--2 nav.slick__arrow .slick-next.slick-arrow::before {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
}
 .faq-link {
    color: #8DBA2A;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
}
 .faq-link span {
    text-transform: uppercase;
    margin-right: 10px;
}
 .faq-link a {
    color: #8DBA2A;
    text-decoration: underline;
}
 .faq-link a:hover {
    opacity: 0.8;
}
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slide__caption::before,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slide__caption::after,
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slide__caption::before,
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slide__caption::after{
    content: '';
    position: absolute;
    color: #8DBA2A;
    font-family: 'Lora', serif;
    font-size: 100px;
    letter-spacing: 0;
    text-align: center;
    line-height: 128px;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slide__caption::before,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slide__caption::before {
    content: '“';
    left: 60px;
    top: -10px;
}
section#block-views-block-scopri-tutto-faq-block-2 .form-group .view-content .slide__caption::after,
section#block-views-block-scopri-tutto-faq-block-2--2 .form-group .view-content .slide__caption::after {
    content: '”';
    right: 60px;
    top: 55px;
}

/* Question tab block style */
section#block-views-block-scopri-tutto-faq-block-4,
section#block-views-block-tab-faq-block-1,
section#block-views-block-tab-faq-block-2 {
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-4::before,
section#block-views-block-tab-faq-block-1::before,
section#block-views-block-tab-faq-block-2::before {
    content: '';
    position: absolute;
    top: -560px;
    z-index: -1;
    height: 1040px;
    max-width: 100%;
    width: 100%;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe%CC%81-bg-faq.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
section#block-views-block-scopri-tutto-faq-block-4 .view-header,
section#block-views-block-tab-faq-block-1 .view-header,
section#block-views-block-tab-faq-block-2 .view-header {
    padding-top: 55px;
}
section#block-views-block-tab-faq-block-1 .view-header div#anchor-faq {
    position: relative;
    top: -120px;
}

section#block-views-block-scopri-tutto-faq-block-4 .view-header .title-wrapper,
section#block-views-block-tab-faq-block-1 .view-header .title-wrapper,
section#block-views-block-tab-faq-block-2 .view-header .title-wrapper {
    color: #FFFFFF;
    text-align: center;
}
section#block-views-block-scopri-tutto-faq-block-4 .view-header .title-wrapper h2,
section#block-views-block-tab-faq-block-1 .view-header .title-wrapper h2,
section#block-views-block-tab-faq-block-2 .view-header .title-wrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: 0.18px;
    margin-bottom: 5px;
}
section#block-views-block-scopri-tutto-faq-block-4 .view-header .title-wrapper p,
section#block-views-block-tab-faq-block-1 .view-header .title-wrapper p,
section#block-views-block-tab-faq-block-2 .view-header .title-wrapper p {
    font-family: 'Lora', serif;
    font-size: 27px;
    letter-spacing: 0.11px;
    line-height: 35px;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .nav-tabs,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .nav-tabs {
    border: none;
    display: -ms-flexbox;
    display: flex;
    max-width: 705px;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 55px auto 120px auto;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .nav-tabs li a span,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .nav-tabs li a span {
    margin-bottom: 20px;
}


section#block-views-block-scopri-tutto-faq-block-4 .nav-tabs li .faq-icon-active,
section#block-views-block-scopri-tutto-faq-block-4 .nav-tabs li.active .faq-icon-inactive,
section#block-views-block-tab-faq-block-1 .nav-tabs li .faq-icon-active,
section#block-views-block-tab-faq-block-1 .nav-tabs li.active .faq-icon-inactive {
    display: none;
}
section#block-views-block-scopri-tutto-faq-block-4 .nav-tabs li.active .faq-icon-active,
section#block-views-block-tab-faq-block-1 .nav-tabs li.active .faq-icon-active {
    display: block;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .nav-tabs li a,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .nav-tabs li a {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.07px;
    line-height: 20px;
    text-align: center;
    max-width: 160px;
    background-color: transparent;
    border: transparent;
    opacity: 0.6;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}
section#block-views-block-scopri-tutto-faq-block-4 .nav-tabs > li.active > a,
section#block-views-block-tab-faq-block-1 .nav-tabs > li.active > a,
section#block-views-block-tab-faq-block-2 .nav-tabs > li.active > a {
    opacity: 1;
}




section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content,
section#block-views-block-tab-faq-block-2 .view-content ul {
    max-width: 1005px;
    margin: auto;
}
section#block-views-block-tab-faq-block-2 .view-content ul {
    list-style: none;
    padding: 0;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content .panel-group .panel,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content .panel-group .panel,
section#block-views-block-tab-faq-block-2 .panel-group .panel {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #8DBA2A;
    box-shadow: unset;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content .panel-group .panel .panel-heading,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content .panel-group .panel .panel-heading,
section#block-views-block-tab-faq-block-2 .panel-group .panel .panel-heading {
    background-color: transparent;
    padding-left: 0;
    padding-right: 13px;
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title a.collapsed .wrapper-container,
section#block-views-block-tab-faq-block-1 .panel-title a.collapsed .wrapper-container,
section#block-views-block-tab-faq-block-2 .panel-title a.collapsed .wrapper-container {
    padding-bottom: 30px;
    transition: 650ms;
}

section#block-views-block-scopri-tutto-faq-block-4 .panel-title .accordion-toggle .wrapper-container,
section#block-views-block-tab-faq-block-1 .panel-title .accordion-toggle .wrapper-container,
section#block-views-block-tab-faq-block-2 .panel-title .accordion-toggle .wrapper-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #004D7F;
    font-size: 25px;
    letter-spacing: 0.1px;
    line-height: 30px;
    position: relative;
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title .accordion-toggle .wrapper-container::after,
section#block-views-block-tab-faq-block-1 .panel-title .accordion-toggle .wrapper-container::after,
section#block-views-block-tab-faq-block-2 .panel-title .accordion-toggle .wrapper-container::after {
    content: '';
    position: absolute;
    max-width: 45px;
    max-height: 25px;
    width: 100%;
    height: 100%;
    right: 0;
    background: transparent;
    background-position: center;
    background-size: contain;
    transition: 350ms;
    background-repeat: no-repeat;
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title .accordion-toggle .wrapper-container::after,
section#block-views-block-tab-faq-block-1 .panel-title .accordion-toggle .wrapper-container::after,
section#block-views-block-tab-faq-block-2 .panel-title .accordion-toggle .wrapper-container::after{
    background-image: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Category%20icon/Estathe%CC%81-faq-ingredient-arrow.png);
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title a[aria-expanded="true"] .wrapper-container::after,
section#block-views-block-tab-faq-block-1 .panel-title a[aria-expanded="true"] .wrapper-container::after,
section#block-views-block-tab-faq-block-2 .panel-title a[aria-expanded="true"] .wrapper-container::after {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
}

section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content .panel-group .panel .panel-collapse .panel-body,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content .panel-group .panel .panel-collapse .panel-body,
section#block-views-block-tab-faq-block-2 .panel-group .panel .panel-collapse .panel-body{
    border: 0;
    padding: 20px 0px 18px 100px;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content .faq-answer,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content .faq-answer,
section#block-views-block-tab-faq-block-2 .faq-answer {
    max-width: 605px;
    margin-bottom: 30px;
}
section#block-views-block-scopri-tutto-faq-block-4 .views-bootstrap-tabs .tab-content .faq-answer p,
section#block-views-block-tab-faq-block-1 .views-bootstrap-tabs .tab-content .faq-answer p,
section#block-views-block-tab-faq-block-2 .faq-answer p{
    color: #495249;
    font-size: 18px;
    letter-spacing: 0.07px;
    line-height: 20px;
}



section#block-views-block-scopri-tutto-faq-block-4 .panel-title a:hover,
section#block-views-block-scopri-tutto-faq-block-4 .panel-title a:focus,
section#block-views-block-tab-faq-block-1 .panel-title a:hover,
section#block-views-block-tab-faq-block-1 .panel-title a:focus,
section#block-views-block-tab-faq-block-2 .panel-title a:hover,
section#block-views-block-tab-faq-block-2 .panel-title a:focus {
    text-decoration: none;
    outline: none;
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title .cat-icon,
section#block-views-block-tab-faq-block-1 .panel-title .cat-icon,
section#block-views-block-tab-faq-block-2 .panel-title .cat-icon {
    margin-right: 35px;
    border: 1px solid #8DBA2A;
    border-radius: 50%;
    max-width: 50px;
    display: block;
    width: 100%;
}
section#block-views-block-scopri-tutto-faq-block-4 .panel-title .cat-icon img,
section#block-views-block-tab-faq-block-1 .panel-title .cat-icon img,
section#block-views-block-tab-faq-block-2 .panel-title .cat-icon img {
    padding: 5px;
}

section#block-views-block-tab-faq-block-2 {
    padding-top: 190px;
}
section#block-views-block-tab-faq-block-2 .view-header {
    padding-bottom: 140px;
}



/* Contattaci block style */
section#block-faqcontattaci {
    margin-top: 100px;
    margin-bottom: -35px;
}
section#block-faqcontattaci .field.field--name-body {
    position: relative;
}
section#block-faqcontattaci .field.field--name-body::after {
    content: '';
    position: absolute;
    height: 309px;
    max-width: 281px;
    width: 100%;
    left: 300px;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-faq-head-gocce.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
section#block-faqcontattaci .support-block {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 750px;
    margin: auto;
}
section#block-faqcontattaci .support-block::before {
    content: '';
    position: absolute;
    max-width: 505px;
    max-height: 480px;
    height: 100%;
    width: 100%;
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Faq/Estathe-contattaci-foglia-bottom-sx.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 11.8%;
}

/* SOSTENIBILITÀ PAGE STYLE*/

/* Video popup style */
div#spb-block-videopopup .spb-popup-main-wrapper {
    border: 12px solid #8DBA2A;
    border-radius: 40px;
    background-color: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    top: calc(50% - 160px);
    padding-bottom: 20px;
    padding-top: 20px;
    max-width: 100%;
}
section#block-videopopup .field--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
section#block-videopopup .field--item iframe#ytplayer {
    border-radius: 10px;
    max-width: 100%;
}
div#spb-block-videopopup .spb-popup-main-wrapper .spb-controls {
    top: -7%;
    right: -4%;
}
div#spb-block-videopopup .spb-popup-main-wrapper .spb-controls .spb_close {
    border: 0;
    border-radius: 50px;
    height: 58px;
    width: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #8dba2a;
    color: #ffff;
    font-size: 75px;
    font-weight: 100;
}
/* Hero style */
section#block-sostenibilitahero .wrapper-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    width: 100%;
}
section#block-sostenibilitahero .wrapper-container img {
    height: 100%;
    max-width: fit-content;
    width: auto;
    mix-blend-mode: multiply;
}
section#block-sostenibilitahero .wrapper-container .inner-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-sostenibilitahero .wrapper-container .inner-wrapper .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 90px;
    font-weight: bold;
    line-height: 110px;
    text-align: center;
    max-width: 600px;
    margin-bottom: 40px;
}
section#block-sostenibilitahero .wrapper-container .inner-wrapper title .lowercase {
    font-family: 'Lora', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 100;
}

/* Segui la nostra foglia view style */
section#block-views-block-viaggio-della-foglia-block-1 .view-header {
    text-align: center;
    margin-bottom: 50px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-header .wrapper-container h2 {
    color: #8DBA2A;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 63px;
    margin-bottom: 0;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-header .wrapper-container p {
    color: #495249;
    font-family: 'Lora', serif;
    font-size: 40px;
    line-height: initial;
}

.form-group a.use-ajax span {
    display: none;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container a.use-ajax img {
    transition: 350ms;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container a.use-ajax:hover img {
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}


section#block-views-block-viaggio-della-foglia-block-1 .form-group {
    max-width: 1130px;
    margin: auto;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.green {
  color: #8DBA2A;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container .text-container p.green.top-title {

    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 16px;
    margin: 0;
    text-transform: uppercase;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container .text-container .sub-title {
    color: #495249;
    font-family: 'Lora', serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 16px;
    max-width: 170px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container .image-modal-container,
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row {
    position: relative;
}

section#block-views-block-viaggio-della-foglia-block-1 .view-content .wrapper-container .image-modal-container .anchor-modal {
    position: absolute;
    top: 9%;
    right: 10%;
    max-width: 26px;
    height: auto;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .decoration {
    position: absolute;
    z-index: 1;
}

/* Posizione field NATA ID:54*/
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-54 .foglia {
    z-index: 1;
    bottom: -110px;
    left: -80px;
    max-width: 190px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-54 .freccia {
    z-index: 1;
    bottom: -75px;
    right: -25px;
    max-width: 102px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-54 .text-container {
    padding-left: 18px;
    padding-bottom: 16px;
}

/* Posizione field RACCOLTA ID:55 */
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-55 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    position: relative;
    bottom: -90px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-55 .text-container {
    padding-left: 20px;
    padding-top: 27px;
    z-index: 1;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-55 .foglia {
    z-index: 1;
    left: -43px;
    bottom: 4px;
    max-width: 160px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-55 .freccia {
    top: -70px;
    right: -17px;
    max-width: 110px;
}
/* Posizione field LAVORATA ID:56 */
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-56 {
    position: relative;
    top: -20px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-56 .text-container {
    padding-bottom: 40px;
    padding-left: 17px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-56 .foglia {
    top: 49px;
    z-index: 1;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-56 .freccia {
    bottom: -92px;
    right: -24px;
    max-width: 122px;
}
/* Posizione field PREPARATA ID:53 */
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-53 {
    /* display: flex;
    flex-direction: column-reverse; */
    position: relative;
    /* top: 70px; */
    top: 10px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-53 .text-container {
    padding-bottom: 24px;
    padding-left: 11px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-53 .foglia {
    /* bottom: -120px; */
    bottom: -80px;
    z-index: 1;
    left: -60px;
    max-width: 166px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-53 .freccia {
    /* top: -70px;
    left: 40px; */
    top: -60px;
    left: 20px;
    z-index: 1;
    width: 185px;
}
/* Posizione field CURATA ID:57 */
/* section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-57 {
    position: relative;
    bottom: -53px;
} */
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-57 {
    position: relative;
    bottom: -53px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-57 .text-container {
    padding-top: 17px;
    padding-left: 12px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-57 .foglia {
    max-width: 80px;
    z-index: 1;
    /* top: 50px; */
    top: -10px;
    left: -7px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-57 .freccia {
    bottom: -60px;
    left: 40px;
    width: 265px;
}

/* Posizione field OFFRIRTI ID:58 */
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-58 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-58 .text-container {
    padding-top: 34px;
    padding-left: 4px;
}
section#block-views-block-viaggio-della-foglia-block-1 .view-content .views-row .container-58 .foglia {
    z-index: 1;
    left: 77px;
    right: -65px;
    bottom: 14px;
}

/* VIAGGIO FOGLIA MODALE STYLE */
body:not(.path-taxonomy) div#drupal-bootstrap4-modal,
.path-taxonomy div#drupal-bootstrap4-modal.video-popup,
body:not(.path-taxonomy) div#drupal-modal,
.path-taxonomy .modal[data-dialog-class="video-popup"] {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
body:not(.path-taxonomy) div#drupal-bootstrap4-modal[style*="display: none;"],
.path-taxonomy div#drupal-bootstrap4-modal.video-popup[style*="display: none;"] {
  display: none !important;
}

body:not(.path-taxonomy) div.modal-body,
.path-taxonomy .video-popup div.modal-body,
body:not(.path-taxonomy) div#drupal-modal--body,
.path-taxonomy .modal[data-dialog-class="video-popup"] div#drupal-modal--body {
    overflow: visible !important;
    padding: 0;
}

body:not(.path-taxonomy) div.modal-dialog,
.path-taxonomy div.modal-dialog.video-popup,
body:not(.path-taxonomy) div#drupal-modal--dialog,
.path-taxonomy .modal[data-dialog-class="video-popup"] div#drupal-modal--dialog {
    max-width: 60%;
    width: 100%;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
body:not(.path-taxonomy) div.modal-content,
.path-taxonomy .video-popup div.modal-content,
body:not(.path-taxonomy) div#drupal-modal--content,
.path-taxonomy .modal[data-dialog-class="video-popup"] div#drupal-modal--content{
    background: unset;
    box-shadow: unset;
    border: unset;
  padding: 0;
}
div.modal-header .modal-title,
div#drupal-modal--header h4.modal-title,
.passaggi-viaggio-the .field--name-field-immagine-passaggio,
.passaggi-viaggio-the .field--name-field__titolo-preview-verde,
.passaggi-viaggio-the .field--name-field-sottotesto-preview,
.passaggi-viaggio-the .field--name-field-immagine-foglia,
.passaggi-viaggio-the .field--name-field-icona-fre,
.passaggi-viaggio-the .field--name-field-ordinamento {
    display: none;
}
div.modal-header,
div#drupal-modal--header {
    padding: 0;
    border: 0;
}
div#drupal-bootstrap4-modal, .modal-footer{
  display: none;
}
body:not(.path-taxonomy) div.modal-content {
  max-height: calc(100vh - 20px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.path-taxonomy div#drupal-bootstrap4-modal .modal-content {
  padding: 0;
  max-height: calc(100vh - 60px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.path-taxonomy .video-popup .modal-header button.close.ui-dialog-titlebar-close,
.path-taxonomy .modal[data-dialog-class="video-popup"] .modal-header button.close.ui-dialog-titlebar-close {
    display: none;
}

body:not(.path-taxonomy) button.close {
    top: 4%;
    right: 1.7%;
    /* width: 30px;
    height: 30px; */
    width: 75px;
    height: 65px;
    border-radius: 50%;
    background-color: transparent;
}
body:not(.path-taxonomy) button.close span {
    display: none;
}
body:not(.path-taxonomy) button.close:focus,
body:not(.path-taxonomy) button.close:hover {
    background: transparent;
    outline: unset;
}
article.passaggi-viaggio-the {
    width: 1020px;
    margin: auto;
    border: 12px solid #8DBA2A;
    border-radius: 40px;
    background-color: #FFFFFF;
    padding: 55px 57px 52px 75px;
    position: relative;
}
article.passaggi-viaggio-the::before {
    content: '';
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Sostenibilit%C3%A0/Viaggio%20foglia/Estathe%CC%81-viaggio-foglia-sx-popup.png);
    background-size: 360px;
    width: 380px;
    background-repeat: no-repeat;
    /* width: 100%; */
    height: 300px;
    /* height: 100%; */
    position: absolute;
    background-position: center;
    bottom: -36%;
    left: -10%;
}
article.passaggi-viaggio-the .field--name-field-icona-faq {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -5%;
    right: -3%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
article.passaggi-viaggio-the .field--name-field-icona-faq img {
    max-width: 58px;
    height: auto;
    width: 100%;
    /* transition: 600ms; */
}
/* article.passaggi-viaggio-the .field--name-field-icona-faq:hover img {
    transform: rotate(180deg);
} */

article.passaggi-viaggio-the .field--name-field-sottotitolo {
    max-width: 356px;
    color: #8DBA2A;
    font-family: 'Lora', serif;
    font-size: 35px;
    line-height: 45px;
    overflow: hidden;
}
article.passaggi-viaggio-the .field--name-body p {
    max-width: 395px;
    color: #495249;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 20px;
    padding-bottom: 20px;
}

article.passaggi-viaggio-the .content {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 44% 55%;
    /* grid-template-rows: 50% 50%; */

}
article.passaggi-viaggio-the .field--name-field-sottotitolo,
article.passaggi-viaggio-the .field--name-body {
    grid-column-start: 1;
    grid-column-end: 1;
}
/* article.passaggi-viaggio-the .field--name-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
} */
article.passaggi-viaggio-the .field--name-field-foto-formato {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: -3;
    grid-row-end: 3;
}

/* article.passaggi-viaggio-the .field--name-field-sottotitolo {
  grid-area: title;
}
article.passaggi-viaggio-the .field--name-body {
  grid-area: body;
}
article.passaggi-viaggio-the .field--name-field-foto-formato {
    grid-area: image;
} */



/* Fai la differenza view style */

/* START ADMIN STYLE */
section#block-views-block-fai-la-differenza-block-1 .contextual-region {
    position: inherit;
}
/* END ADMIN STYLE */
section#block-views-block-fai-la-differenza-block-1 {
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Sostenibilit%C3%A0/Differenziata/Estathe%CC%81-fai-la-differenza-bg.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 1225px; */
    height: 1040px;
    margin-top: 30px;
    position: relative;
    /* margin-top: -100px; */
}
section#block-views-block-fai-la-differenza-block-1 .view-header {
    color: #fff;
    text-align: center;
    max-width: 610px;
    position: absolute;
    top: 270px;
    left: 23.3%;
}
section#block-views-block-fai-la-differenza-block-1 .view-header .wrapper-container {
    /* max-width: 610px;
    position: absolute;
    top: 270px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

section#block-views-block-fai-la-differenza-block-1 .view-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 900;
    line-height: 55px;
    margin-bottom: 40px;
}
section#block-views-block-fai-la-differenza-block-1 .view-header p,
section#block-views-block-fai-la-differenza-block-1 .view-header b {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 29px;
    max-width: 540px;
}
section#block-views-block-fai-la-differenza-block-1 .view-header b {
    margin-top: 20px;
}
section#block-views-block-fai-la-differenza-block-1 .view-content {
    max-width: 1000px;
    margin-right: 10%;
    position: absolute;
    bottom: 0;
    right: 0;
}
section#block-views-block-fai-la-differenza-block-1 .formati-container ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: revert;
        flex-direction: revert;
    -ms-flex-align: baseline;
        align-items: baseline;
    padding: 0;
}
section#block-views-block-fai-la-differenza-block-1 .formati-container ul .single-formato {
    padding: 0 5px;
}
article.formati-differenziata {
    border-radius: 40px;
    background-color: #FFFFFF;
    height: 543px;
    width: 915px;
    padding: 32px 89px 55px 62px;
}
article.formati-differenziata .field--name-field-immagine-formato-preview-,
article.formati-differenziata .field--name-field-ordinamento.field--type-integer{
    display: none;
}
article.formati-differenziata .field--name-field-icona-chiudi-modale {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 22px;
    right: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
article.formati-differenziata .field--name-field-icona-chiudi-modale img {
    max-width: 58px;
    height: auto;
    width: 100%;
    transition: 600ms;
}
.field.field--name-field-formato-differenziata {
    color: #8DBA2A;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.16px;
    margin-top: 5px;
    margin-bottom: 0;
}
article.formati-differenziata .field--name-body p {
    width: 308px;
    color: #8DBA2A;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 0.08px;
    line-height: 24px;
}
article.formati-differenziata .field--name-field-immagine-progetti {
    display: none;
}



/* I nostri progetti view style */
section#block-views-block-i-nostri-progetti-block-1 {
    margin-top: 140px;
    margin-bottom: 90px;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group {
    max-width: 1140px;
    margin: auto;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .view-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 350px;
    margin: 0 11% 0 auto;
    margin-bottom: -20px;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .view-header h2 {
    color: #8DBA2A;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

section#block-views-block-i-nostri-progetti-block-1 .form-group .slide__description .wrapper-container {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .slide__description .text-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 578px;
    width: 100%;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .slide__description .progetto-title {
  color: #8DBA2A;
  font-family: 'Lora', serif;
  font-size: 46px;
  max-width: 500px;
  line-height: 59px;
  /* font-size: 40px;
  line-height: 45px;
  width: 100%; */
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .slide__description .progetto-subtitle {
    color: #495249;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin-top: 10px;
    margin-bottom: 30px;
}
section#block-views-block-i-nostri-progetti-block-1 .form-group .slide__description .progetto-body p {
    color: #495249;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    max-width: 445px;
    margin: auto;
}
section#block-views-block-i-nostri-progetti-block-1 nav.slick__arrow {
      bottom: -10%;
      top: unset;
      max-width: 468px;
      margin: auto 0 auto auto;
      right: 6%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
section#block-views-block-i-nostri-progetti-block-1 nav.slick__arrow .slick-arrow::before {
  content: unset;
}
section#block-views-block-i-nostri-progetti-block-1 nav.slick__arrow .slick-arrow {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    background-color: #FBC31B;
    border-radius: 30px;
    width: 220px;
    height: 60px;
}
/* section#block-views-block-i-nostri-progetti-block-1 nav.slick__arrow .slick-arrow.slick-prev {
    right: 235px;
    left: unset;
} */
section#block-views-block-i-nostri-progetti-block-1 nav.slick__arrow .slick-disabled {
    background-color: #fde9b7;
}

/* E TU CON COSA LO BEVI PAGE STYLE */

/* Con cosa lo bevi hero block */
section#block-concosalobevihero .wrapper-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    width: 100%;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: start;
    -ms-flex-align: center;
        align-items: center;
    padding-top: 135px;
}
section#block-concosalobevihero .wrapper-container img.bg-img {
    height: 100%;
    height: 100%;
    width: auto;
    max-width: fit-content;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .img-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .img-container .img-con-cosa-bevi {
    margin-bottom: 30px;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .img-container .img-brick {
    position: relative;
    left: -10px;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .text-container {
    position: relative;
    top: -35px;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .text-container .img-scroll {
    max-width: 24px;
    margin: auto;
}
section#block-concosalobevihero .wrapper-container .inner-wrapper .text-container h1 {
    color: #FFD014;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.16px;
    line-height: 95px;
}
section#block-views-block-con-cosa-lo-bevi-slider-block-1 .lower {
    margin-top: 60px;
}

/* Scorri e lasciati ispirare block style */
section#block-views-block-con-cosa-lo-bevi-slider-block-1 .slick-list.draggable {
    max-height: 615px;
}
section#block-views-block-con-cosa-lo-bevi-slider-block-1 nav.slick__arrow {
    bottom: -45px;
    top: unset;
    max-width: 155px;
    left: calc(50% - 77.5px);
}
section#block-views-block-con-cosa-lo-bevi-slider-block-1 nav.slick__arrow .slick-arrow {
    height: 68px;
    width: 68px;
}
section#block-views-block-con-cosa-lo-bevi-slider-block-1 nav.slick__arrow .slick-prev:before {
    content: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Food%26The/Slider/Estathe%CC%81-arrow-sx.png);
}
section#block-views-block-con-cosa-lo-bevi-slider-block-1 nav.slick__arrow .slick-next:before{
  content: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Food%26The/Slider/Estathe%CC%81-arrow-dx.png);
}

/* E tu con cosa lo bevi webform style */
section#block-webform {
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Food%26The/Blocco%20form/Estathe%CC%81-food-the-etcclb-form-BG.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1085px;
    margin-top: 100px;
    margin-bottom: 80px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
section#block-webform div#webform-submission-e-tu-con-cosa-lo-bevi-node-4-form-ajax {
    height: 100%;
    padding-top: 148px;
    width: 100%;
}

section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 1140px;
    margin: auto;
}
section#block-webform .top-title {
    text-align: center;
    max-width: 1140px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 40px;
}
section#block-webform .top-title img {
    max-width: 230px;
    margin: auto auto 10px auto;
}
section#block-webform .top-title h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0.24px;
    line-height: 85px;
    margin-bottom: 0;
    text-transform: uppercase;
}
section#block-webform .top-title p {
    font-family: 'Lora', serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 38px;
}
section#block-webform .form-wrapper .webform-section-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end;
}
section#block-webform .form-wrapper .webform-section-wrapper .form-type-textfield {
    margin: 0;
}
section#block-webform .form-wrapper .webform-section-wrapper > div::before {
    content: '+';
    position: absolute;
    left: calc(50% - 37px);
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 120px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 95px;
    text-align: center;
}

section#block-webform .form-wrapper .webform-section-wrapper .form-control {
    height: 90px;
    max-width: 100%;
    border-radius: 45.5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.17);
    border: unset;
    margin: auto 0 auto auto;
    color: #495249;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 29px;
    padding-left: 25px;
}

section#block-webform .form-wrapper .webform-section-wrapper > div .form-item .input-group .form-select {
    cursor: pointer;
}

section#block-webform .form-wrapper .webform-section-wrapper .form-actions {
    /*display: flex;*/
    /*position: absolute;*/
    /*top: calc(50% - 30px);*/
}

section#block-webform .form-wrapper .webform-section-wrapper .form-item .input-group-addon {
    display: none;
}

section#block-webform .form-wrapper .webform-section-wrapper div#firstFoodSelectWrapper {
    margin-bottom: 30px;
}

section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form .form-actions {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

section#block-webform .form-wrapper .webform-section-wrapper .btn,
section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form .form-actions .btn {
    height: 60px;
    width: 240px;
    border-radius: 30px;
    background-color: #FFD014;
    border: unset;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0;
}

section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form .form-wrapper .messages__wrapper p {
    font-size: 18px;
    line-height: 1.5;
}

section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form .webform-message {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

section#block-webform .webform-submission-e-tu-con-cosa-lo-bevi-node-4-add-form .form-wrapper {
    max-width: 456px;
    margin-left: auto;
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 30px;
}

section#block-webform .form-wrapper .webform-section-wrapper > div,
section#block-webform .form-wrapper .webform-section-wrapper > div .form-item,
section#block-webform .form-wrapper .webform-section-wrapper > div .form-item .input-group {
    width: 100%;
}

/* Modale conferma invio messaggio */
/*.ui-widget-overlay {*/
/*    opacity: 0;*/
/*}*/

.ui-widget-overlay.ui-front {
    opacity: 0.85;
    background-color: black;
}

.ui-widget.ui-widget-content {
    border: unset;
    border-radius: 8px;
    background-color: rgb(255 255 255 / 0.5);
    max-width: 560px;
    padding: 16px 25px;
    /* position: relative !important; */
    /*position: absolute !important;*/
    /*bottom: 2590px;*/
    /*top: unset !important;*/
}
.ui-widget.ui-widget-content .ui-dialog-titlebar {
    background: transparent;
    border: unset;
}
.ui-widget.ui-widget-content .webform-confirmation-modal--content {
    display: none !important;
}
.ui-widget.ui-widget-content .ui-dialog-titlebar {
    background: transparent;
    border: unset;
    padding: 0;
}
.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.08px;
    line-height: 24px;
    width: 100%;
}
.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border: unset;
    background: unset;
}
.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
    background: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Food%26The/Blocco%20form/Estathe%CC%81-dialog-form-close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick:focus,
.ui-widget.ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    outline: unset;
}


/* Segui #etuconcosalobevi social block style */
section#block-seguietuconcosalobevi {
    margin-bottom: 225px;
    margin-top: 100px;
}
section#block-seguietuconcosalobevi .wrapper-container {
    max-width: 1020px;
    margin: auto;
}
section#block-seguietuconcosalobevi .wrapper-container .top-title-social, section#block-seguietuconcosalobevi .wrapper-container .top-title-social .social-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
section#block-seguietuconcosalobevi .wrapper-container .top-title-social .social-links {
    max-width: 175px;
    width: 100%;
}
section#block-seguietuconcosalobevi .wrapper-container .top-title-social .social-links a {
    transition: 350ms;
}
section#block-seguietuconcosalobevi .wrapper-container .top-title-social .social-links a:hover {
    opacity: 0.8;
}
section#block-seguietuconcosalobevi .top-title-social h2 {
    color: #F8B122;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 0.12px;
    line-height: 125px;
}
section#block-seguietuconcosalobevi .wrapper-container .image-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    max-width: 900px;
    margin: 30px auto auto auto;
}


/* Voglia di estathé block style */
section#block-vogliadiestatheblock .wrapper-container .inner-wrapper {
    text-align: center;
    margin-top: 60px;
}
section#block-vogliadiestatheblock .wrapper-container .inner-wrapper .title h2 {
    color: #FFD014;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.24px;
    line-height: 95px;
    margin: 0;
}
section#block-vogliadiestatheblock .wrapper-container .inner-wrapper .title p {
    color: #495249;
    font-family: 'Lora', serif;
    font-size: 30px;
    line-height: 38px;
}
section#block-vogliadiestatheblock .wrapper-container .inner-wrapper .wrapper-delivery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    max-width: 940px;
    margin: 65px auto auto auto;
}
section#block-vogliadiestatheblock .wrapper-container .inner-wrapper .wrapper-delivery img {
    max-width: 205px;
    width: 100%;
}


/* PRODUCT PAGE STYLE */
.mobile-table {
    display: none;
}
.sottoprodotti-wrapper .view-sottoprodotti-pagina-prodotti .tabs-left .tab-content .tab-pane.active .product-information-wrapper .formato-text-action p {
    color: #A6764E;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 0.08px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
}

/* Single formato modal view */
.view-info-nutrizionali-formato .view-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}
.view-info-nutrizionali-formato .view-header .product-img {
    margin-right: 20px;
}
.view-info-nutrizionali-formato .view-header .title-container .father-name {
    font-family: 'Montserrat', sans-serif;
    color: #A6764E;
    font-weight: 700;
    font-size: 49px;
    line-height: 62px;
}
.view-info-nutrizionali-formato .view-header .title-container .child-name {
    color: rgba(166, 118, 78, 0.5);
    font-family: 'Montserrat', sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 50px;
}
.view-info-nutrizionali-formato h3 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    color: rgba(166, 118, 78, 1);
    margin-top: 40px;
}

/* Table style */
.brown-trow {
    background-color: rgba(166, 118, 78, 1);
}
.dark-brown {
    background-color: rgba(166, 118, 78, 0.2);
}
.light-brown {
    background-color: rgba(166, 118, 78, 0.1);
}
.view-info-nutrizionali-formato .nutritionale-value-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}
.view-info-nutrizionali-formato .nutritionale-value-table table thead {
    background-color: rgba(166, 118, 78, 1);
    color: #fff;
}
.view-info-nutrizionali-formato .nutritionale-value-table table thead tr {
    font-size: 31px;
    text-align: center;
}
.view-info-nutrizionali-formato .nutritionale-value-table table tbody td {
    color: rgba(166, 118, 78, 1);
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
}
.view-info-nutrizionali-formato .nutritionale-value-table table tbody td.title {
    text-align: left;
}

.view-info-nutrizionali-formato .nutritionale-value-table table tr td:first-child {
    padding-left: 30px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    text-transform: uppercase;
    text-align: left;
}
.view-info-nutrizionali-formato .nutritionale-value-table table tr td:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
/* .view-info-nutrizionali-formato .nutritionale-value-table table thead tr td:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
} */
.view-info-nutrizionali-formato .nutritionale-value-table table thead tr td:last-child {
    font-size: 24px;
}
.view-info-nutrizionali-formato .nutritionale-value-table table thead tr td:last-child strong {
    font-size: 31px;
}
.view-info-nutrizionali-formato .nutritionale-value-table table tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Ingredient & energy img */
.ingredient-energy-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.ingredient-energy-cont .ingredient-col {
    padding-bottom: 16px;
}
.ingredient-energy-cont .energy-img-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
}
.ingredient-energy-cont .ingredient-col p {
    font-size: 23px;
    line-height: 30px;
    color: rgba(166, 118, 78, 1);
    font-weight: 400;
    padding-top: 40px;
}


/* PROMOZIONI PAGE STYLE */
section#block-views-block-promozioni-block-1 {
  position: relative;
}
section#block-views-block-promozioni-block-1::after,
section#block-views-block-promozioni-block-1::before {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
}
section#block-views-block-promozioni-block-1::before {
    background-image: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Promozioni/estathe-promozioni-leaf-drop-sx.jpg);
    mix-blend-mode: darken;
    background-position: top left;
    /* width: 390px; */
    width: 20%;
    height: 1000px;
}
section#block-views-block-promozioni-block-1::after {
    background-image: url(https://ferrero-kube-stack-prod-static.s3.eu-west-1.amazonaws.com/estathe-it/Promozioni/estathe-promozioni-leaf-drop-dx.jpg);
    right: 0;
    top: 0;
    background-position: top right;
    mix-blend-mode: darken;
    z-index: -1;
    /* width: 410px; */
    height: 575px;
    width: 21.5%;
}
section#block-views-block-promozioni-block-1 h1,
section#block-views-block-promozioni-block-2 h1,
section#block-views-block-promozioni-block-1 h2,
section#block-views-block-promozioni-block-2 h2,
section#block-views-block-promozioni-block-1 h3,
section#block-views-block-promozioni-block-2 h3,
section#block-views-block-promozioni-block-3 h3 {
  font-family: 'Montserrat', sans-serif;
}
section#block-views-block-promozioni-block-1 h1 {
    font-weight: 700;
    font-size: 106px;
    line-height: 126px;
    text-align: center;
    letter-spacing: 0.16px;
    margin-top: 35px;
    margin-bottom: 120px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper {
    max-width: 1130px;
    margin: auto auto 90px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
section#block-views-block-promozioni-block-1 .single-promo:nth-child(even) .active-promo-wrapper {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-image {
    max-width: 655px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-text {
    max-width: 435px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-text h3,
.concluded-promo-wrapper .col-text .title-subtitle h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.32px;
    color: #F59E06;
    max-width: 260px;
    margin-top: 0;
    margin-bottom: 3px;
}
.concluded-promo-wrapper .col-text .title-subtitle h3 {
    font-size: 20px;
    line-height: 24px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-text .title-subtitle p,
.concluded-promo-wrapper .col-text .title-subtitle p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.144px;
    color: #F59E06;
}
.concluded-promo-wrapper .col-text .title-subtitle p {
    font-size: 14px;
    line-height: 17px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-text .title-subtitle {
    margin-bottom: 30px;
}
section#block-views-block-promozioni-block-1 .active-promo-wrapper .col-text .promo-body p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.144px;
    color: #F59E06;
    margin-bottom: 40px;
}
.concluded-promo-banner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    /* top: -135px; */
    z-index: -2;
    /* margin-top: -135px; */
}
.concluded-promo-banner .inner-text {
    position: absolute;
    width: 100%;
    /* bottom: 140px; */
}
.concluded-promo-banner .inner-text h2,
section#block-views-block-promozioni-block-1 .concluded-promo-banner .inner-text h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    letter-spacing: 0.34px;
    color: #FFFFFF;
    margin: 0;
}




/* Promozioni concluse */
section#block-views-block-promozioni-block-3 {
    display: none;
}
section#block-views-block-promozioni-block-2 .view-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1200px;
    margin: 70px auto;
    /* justify-content: space-between; */
}
/* section#block-views-block-promozioni-block-2 .view-content .single-promo:nth-child(3n+2) */
section#block-views-block-promozioni-block-2 .view-content .single-promo:nth-child(even) {
    padding: 0 50px;
}
/* section#block-views-block-promozioni-block-2 .view-content .single-promo:nth-child(3n+2) .concluded-promo-wrapper  */
section#block-views-block-promozioni-block-2 .view-content .single-promo:nth-child(even) .concluded-promo-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
section#block-views-block-promozioni-block-2 .view-content .single-promo:nth-child(even) .concluded-promo-wrapper .col-text {
    margin-top: 10px;
}
.concluded-promo-wrapper {
    max-width: 250px;
    margin-bottom: 100px;
}
.concluded-promo-wrapper .col-text .title-subtitle {
    margin-bottom: 20px;
}
.concluded-promo-wrapper .col-text .title-subtitle h3,
.concluded-promo-wrapper .col-text .title-subtitle p {
    text-align: center;
    max-width: 100%;
}
.concluded-promo-wrapper .col-image {
    position: relative;
    overflow: hidden;
    border-radius: 45px;
}
.concluded-promo-wrapper .col-image .hover-link {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000003b;
    /* border-radius: 60px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    transition: 0.6s;
    opacity: 0;
}
.concluded-promo-wrapper .col-image:hover .hover-link {
    opacity: 1;
}
.concluded-promo-wrapper .col-image .hover-link .link-icon {
    width: 84px;
    height: 84px;
    background-color: #fff;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.concluded-promo-wrapper .col-image .hover-link .link-icon img {
    max-width: 40px;
}


/* EVENTS MEGAMENU STYLE */
header#navbar .we-mega-menu-ul>.we-mega-menu-li.events-item.events-onclick.active-megamenu {
    position: unset;
}
header#navbar .we-mega-menu-ul>.we-mega-menu-li.events-item.events-onclick .we-mega-menu-submenu.events-megamenu,
header#navbar .we-mega-menu-ul>.we-mega-menu-li.events-item.events-onclick:hover .we-mega-menu-submenu.events-megamenu,
header#navbar .we-mega-menu-ul>.we-mega-menu-li.events-item.events-onclick:focus .we-mega-menu-submenu.events-megamenu {
    display: none;
    opacity: 0;
    visibility: hidden;
}
header#navbar .we-mega-menu-ul>.we-mega-menu-li.events-item.events-onclick.active-megamenu .we-mega-menu-submenu.events-megamenu {
    display: block;
    opacity: 1;
    visibility: visible;
    height: 100vh;
    padding-top: 170px;
}


/* EVENTS PAGE STYLE */
/* Scrollbar style */
.tappe-bg-img.d-desk .wrapper-text-img .tappa-text-link .event-tappe-list {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #F59F08 #fff;
    scrollbar-width: thin;
}
.tappa-text-link .event-tappe-list::-webkit-scrollbar {
    width: 13px;
}
.tappa-text-link .event-tappe-list::-webkit-scrollbar-track,
.tappa-text-link .event-tappe-list::-webkit-scrollbar-track-piece  {
    background: #fff;
    border-radius: 27px;
}
.tappa-text-link .event-tappe-list::-webkit-scrollbar-thumb,
.tappa-text-link .event-tappe-list::-webkit-scrollbar-thumb:vertical {
    background: #F59F08;
    border-radius: 27px;
    border: 3px solid #fff;
    height: 20px;
}
.tappa-text-link .event-tappe-list::-webkit-scrollbar-thumb:hover {
    background: #f6a90d;
}
