@font-face {
    font-family: 'mostra_nuova_bold';  
    src: url('../font/mostranuovaaltd-bold-webfont.woff2') format('woff2'), url('../font/mostranuovaaltd-bold-webfont.woff') format('woff'), url('../font/MostraNuovaAltD-Bold.ttf') format('truetype');
    font-weight: normal;  font-style: normal;
}

@font-face {
    font-family: 'mostra_nuova';  
    src: url('../font/MostraNuovaAltD.woff2') format('woff2'), url('../font/MostraNuovaAltD.woff') format('woff'), url('../font/MostraNuovaAltD.ttf') format('truetype');
    font-weight: normal;  font-style: normal;
}


:focus {
    outline: none;
}



body,html{margin: 0px; height: 100%}
body{font-family: 'Open Sans', sans-serif; font-size:14px; line-height: 27px;}

h1,h2,h3,h4,h5,h6{font-family: 'mostra_nuova_bold';  text-transform: uppercase;}

h1 {letter-spacing: 0.65rem;}
h2 {letter-spacing: 0.4rem;}
h3 {letter-spacing: 0.3rem}
h4 {letter-spacing: 0.25rem}
h5 {letter-spacing: 0.15rem;}
h6 {letter-spacing: 0.1rem}

.h-100vh{height: 100vh}

h2 span {letter-spacing: 0.25rem}
h5 span, #menu nav > ul > li {
    font-size: 1.1rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    font-family: 'mostra_nuova';
    line-height: 1.5rem;
    display: block;
}

h1:after, h2:after, h3:after, h4:after, h5:after,#menu nav li:after {
    content: '\b7\a0';
    display: block;
    width: 10px;
}
h1:after, h5:after{margin: auto;}


p {padding: 0 2rem; margin: 1rem 0;}

.beige-bg {background-color: #faefe6; background-color: #f6ece4; background-color: #fcf3eb}
.white-bg {background-color: #fff}
.bg-white-09{background-color: rgba(255,255,255,0.9)}


a, a:hover {text-decoration: none; color: #fff}
#contacts a{color: inherit}
#menu-btn{position: fixed;top: 30px; right: 40px; color: #fff; ;z-index:44}
/*#menu{position: fixed; background-color: rgba(0,0,0,0.9); width: 100%; height: 100%; z-index: 99; color: #fff !important; opacity: 0;}
#menu.active{ opacity: 1}*/
#menu{position: fixed; background-color: rgba(0,0,0,0.9); width: 0%; height: 0%; z-index: 99; color: #fff !important; right: 0px; overflow: hidden;opacity: 0;}
#menu ul{-webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;}
#menu  *{
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;}
#menu.active{ width: 100%; height: 100%; opacity: 1}
#menu.active   *{-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;opacity: 1;}

#menu a{color: #fff !important;}
#menu ul{padding: 0px;}
#menu li{list-style-type: none; line-height: 2rem;}
#lang-switch{position: fixed; top: 30px; left: 40px;z-index:3}
#lang-switch li{display: inline-block; padding: 5px}
#menu .close{font-weight: normal; float: none;position: fixed;top: 30px; right: 40px; color: #fff; opacity: 1}
#menu nav > ul > li {font-size: 1.4rem}
#menu nav.level-2 ul > li:after{content: none}
#menu nav.level-2 > ul > li{padding: 15px 0px}
#menu nav.level-1 > ul > li{padding: 5px 0px}
#submenu{
    -webkit-transform: translateX(500%);
    -moz-transform: translateX(500%);
    -ms-transform: translateX(500%);
    -o-transform: translateX(500%);
    transform: translateX(500%);}

#submenu.active{
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
#submenu.active .v-line{max-height: 450px;min-height: 350px}

/*#submenu ul > li > ul > li a {font-size: 0.8rem}*/
#submenu .v-line{
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
    max-height: 0px;min-height: 0px;}

.v-line{height: 65vh;width: 1px; background-color: #fff; position: absolute;right: 20px; top: 50%;max-height: 450px;min-height: 350px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}

.logo{position: absolute;z-index: 55; background: url('../images/logo.png') no-repeat center; background-size: 90%; width: 300px; height: 150px; margin-left: -150px;
    left: 50%;top: 20px}
.sec-bakery-in .logo {background: url('../images/logo-black.png') no-repeat center; background-size: 90%;}
.claim,.claim-box{
    opacity: 0;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
.claim.active,.claim-box.active{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}
.claim h1 {color: #fff; font-size:3rem;line-height: 3.2rem; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
.claim h1 span {font-size:1.4rem; letter-spacing: 0.45rem; font-family: 'mostra_nuova'; line-height: 2rem; display: block; margin-top: 10px}
.more {color: #fff; font-size: 0.8rem;letter-spacing: 0.15rem;font-weight: lighter; position: absolute;bottom: 10px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-animation: jump 2.5s ease 0s infinite normal ;
    animation: jump 2.5s ease 0s infinite normal ; }
.more .arrow{}
.more:hover a {text-decoration: none;}


/*HOME + GENERAL*/
.slick-item-01 {overflow: hidden;background-size:cover;position: relative;}
.sec-home .slick-item-01 { background: url('../images/main-christmas-min.jpg') no-repeat center;background-size: cover}



#sections {background-color: #000; color: #fff}
#sections .row {min-height: 650px}
#sections h3{}
#sections h3:after {display: none;}


#contacts .row {min-height: 550px}
#contacts h3 {}
#adress > div {padding: 1.5rem; display: inline-block; margin: auto}
#adress > div h5 {padding: 0; margin: 0; height: 30px;}
#adress > div h5:hover {border-bottom: 1px solid;}
#adress > div h5:after {content: ''}
#adress a {color: #D9A460;}

#footer-social {margin-top: 1rem}
#footer-social img {width: 30px}

footer {background-color: #000; color: #fff; font-size: 0.7rem; padding: 1rem}

.btn {  
    border-radius: 0px; 
        font-family: 'mostra_nuova';
        text-transform: uppercase;
        padding: .375rem 3rem;
    }

#back-to-top {position: fixed; bottom: 20px; right: 20px; background-color: #fff; color: #000; opacity: 0.5; padding: 1rem;line-height: 8px}
#back-to-top, #back-to-top:hover {text-decoration: none !important;}


/*MOBILE SELECT*/
.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #000;height: 40px;width: 100%; border-bottom: 1px solid black;}
.select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 8px 15px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;text-transform: uppercase;}
.select-styled:after {content: "";background-image:url("../images/arrow_black.png");position: absolute;top: 16px;right: 10px;width: 35px; height: 18px;background-size: 35px 18px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}
/*.select-styled:hover {background-color: #000;color: #fff}
.select-styled:active, .select-styled.active {background-color: #000;color: #fff}*/
.select-styled:active:after, .select-styled.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #fff;}
.select-options li {margin: 0;padding: 12px 0;text-indent: 15px;border-top: 1px solid #000;
    -moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;text-transform: uppercase;
    font-family:'mostra_nuova'; font-size: 1rem; letter-spacing: 0.25rem;}
.select-options li:hover {font-weight: bold}
.select-options li[rel="hide"] {display: none;}



.mt-10{margin-top: 10rem}

.pb-10{padding-bottom: 6rem}
.bg-cover{background-size: cover; background-position: center}
.box-v-center{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.slick-dots{bottom: 15px}

.slick-dots li{width: 26px}
.slick-dots li button{height: 40px; padding: 0}
.slick-dots li button:before{content: '\2013'; font-size: 50px; font-weight: bold}

.arrow,.arrow-right{background: url("../images/arrow.png") center no-repeat;width: 50px; height: 50px;display: block}
.arrow-right{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);}
.slick-arrow:before{content: url("../images/arrow_black_left.png") }
.slick-arrow{left: 4px;bottom: 10px;height: 50px; width: 28px;z-index: 20;
    top: auto;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);}
.slick-next{right: 4px;left: auto;
    -webkit-transform: translate(0,0) rotate(180deg);
    -moz-transform: translate(0,0) rotate(180deg);
    -ms-transform: translate(0,0) rotate(180deg);
    -o-transform: translate(0,0) rotate(180deg);
    transform: translate(0,0) rotate(180deg);}
.switch-3-box{clear: both; min-height: 500px}
.switch-3-box > div{padding: 7rem 0;}
.parent-hover-opacity{opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.switch-2-box .parent-hover-opacity{max-height: 0px}
.line-animated{width: 5px;height: 5px; overflow: hidden;background: url("../images/line.png") center; margin: 15px auto; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.switch-3-box a.arrow{position: absolute;bottom: 20px;right: 10px; color: #fff;text-decoration: none}



.box-lg .icon{margin-bottom: 15px; margin-top: 20px; max-width: 70px }
.slick-slider{border: 1px solid #000; padding: 20px 10px; position: relative}
.arrow-next{background: url("../images/arrow_black_left.png") no-repeat;display: block;width: 28px; height: 50px;position: absolute;bottom: 15px; right: 25px;z-index: 10;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.animated-parent.activated .arrow-next{background: url('../images/close.png') !important; background-repeat: no-repeat; width: 50px; height: 50px;  right: 10px}
.activated .arrow-next{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.transition{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.slick-slide img{
    opacity: 0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all  1s;}
.slick-slide img.last{
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
    }

.slick-slide.slick-active img{
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}


.type {
    color: inherit;
    letter-spacing: 0.15rem;
    font-size: 1.15rem;
    font-family: 'mostra_nuova_bold';
}

#section-1 p span {
    font-size: 1.35rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    font-family: 'mostra_nuova';
    line-height: 2rem;
    display: block;
}
/*RESTAURANT*/

.sec-restaurant .news {position: absolute;bottom: 5%; background-color: rgba(0,0,0,0.7); color: #fff;min-width: 300px}
.sec-restaurant .news > div {margin: 0}
.sec-restaurant .news p {min-width: 120px}

.sec-restaurant .slick-item-01 { background: url('../images/restaurant/main.jpg') no-repeat center;}
.sec-restaurant #section-1{background: url("../images/restaurant/main_in_mobile.jpg") 30% top; background-size: cover;}

.sec-restaurant #section-3{margin-top: 60px}
.sec-restaurant #section-3 .slick-slider .slick-slide > div > div > div,.sec-restaurant #section-5 .slick-slider .slick-slide  > div > div > div{
    min-height: 650px;height: 100vh; margin: 0px 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}




.bg-cover-fallback{background-size: cover !important;width: 98%;height: 100%; position: absolute; left: 0px;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); top: 0px;z-index: -1}


.activated .activated-none{display: none !important;}

#section-3{position: relative}
.sec-restaurant #section-3 .slick-slider .slick-slide > div > div.activated > div{margin: 0px}
.sec-restaurant #section-3 .slick-slider .slick-slide > div > div.activated .bg-cover-fallback{
    width: 160%}

.sec-restaurant #section-3 .slick-slider{border: none; padding:0px}



.dark-slick .slick-arrow:before{content: url("../images/arrow_left.png") }
.dark-slick .slick-arrow{bottom: 40px}
.dark-slick .slick-prev{left: 50px}
.dark-slick .slick-next{right: 50px}
.dark-slick .slick-dots{color: #fff; bottom: 50px}
.dark-slick .slick-dots button:before,.dark-slick .slick-dots li.slick-active button:before{color: #fff}
.dark-slick .slick-dots li{width: auto; font-family: 'mostra_nuova'; color: #fff;
    letter-spacing: 0.15rem;
    font-size: 1.1rem;
    margin: 0 1.2rem;
}
.dark-slick .slick-dots li.slick-active{border-bottom: 1px solid #fff; height: 25px;}


.sec-restaurant #section-4{background-image: url("../images/restaurant/menu.jpg");background-size: cover;background-position: center}
.sec-restaurant #section-4 a{color: inherit;}
.sec-restaurant #section-4 a:hover{text-decoration: none; border-bottom: 1px solid #000; height: 30px}
.sec-restaurant #section-4 li{list-style-type: none; padding: 10px 0px; font-size: 1.4rem;font-family:'mostra_nuova' }


.modal-dialog {max-width: 800px}
.modal-header {background-color: transparent; border: 0; text-align: right;}
.modal-header img {max-width: 30px; float: right; margin-left: auto; cursor: pointer;}
.modal-content {background-color: rgba(0,0,0,0.7); background-color: #000; border: 0; border-radius: 0;
    color: #fff;}
.modal-content a {text-decoration: underline;}
.modal-content h5:after {margin: 0}


#history-slick .slick-dots li{margin: 0.3rem;}

/*ITALIAN BAKERY*/
.sec-bakery .slick-item-01 {background: url('../images/bakery/main.jpg') no-repeat center; background-size: cover;}
.sec-bakery #section-1{background: url("../images/bakery/main_in_mobile.jpg") 10% top; background-size: cover;}

.sec-bakery #filter {margin-left: -5rem}
.sec-bakery #filter h5 {
    padding: 0rem 0rem;
    margin: 1.5rem 2rem;
    text-transform: uppercase;
    cursor: pointer;
    height: 30px;
    display: inline-block;
}

.sec-bakery #filter {display: none;}
.sec-bakery #filter h5:hover, #adress > div h5:hover,.sec-bakery #filter h5.active{border-bottom: 1px solid; cursor: pointer; }
.sec-bakery #filter h5:after{content: ''}

.sec-bakery #products h5 {
    text-transform: uppercase;
}


.sec-bakery-in .slick-item-01 {background: url('../images/bakery/main_product.jpg') no-repeat center; background-size: cover;}
.sec-bakery-in #section-1{}

.sec-bakery-in .box-in {background-color: #fff; border: 20px solid #f6ece4;}
.sec-bakery-in .box-in h2:after{margin: auto;}
.sec-bakery-in .box-in h2 span {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: 'mostra_nuova';
    line-height: 2rem;
    display: block;
}
.sec-bakery-in .bounce{ margin-bottom: -50% }


.sec-bakery-in .w-40 {width: 40%; max-width: 550px;min-width: 550px;}

.sec-bakery-in .nutritional_table table {min-width: 80%; width: 350px;
    margin: auto;}
.sec-bakery-in .nutritional_table tr {border-bottom: 1px dotted #000}
.sec-bakery-in .nutritional_table tr td:first-child{
    text-align: left;
    width: 60%
}
.sec-bakery-in .nutritional_table tr td:last-child{
    text-align: right;
    width: 40%
}

.square-md{position: relative;
        width: 25%;max-width: 400px; min-width: 400px}
.square-md:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}




#info_product .row {min-height: 650px}

@media(min-width: 971px){
    .switch-2-box div:hover .parent-hover-opacity{opacity: 1; display: block !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    max-height: 900px}

}
@media(max-width: 971px){
    #info_product .row {min-height: 200px}
    /*#info_product .switch-2-box:hover > div.row,*/
    #info_product .switch-2-box.active > div.row {min-height: 650px !important;}

    #info_product .switch-2-box.active  .parent-hover-opacity{opacity: 1; display: block !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        max-height: 900px;
    }
    .sec-store #filter{margin-left: 0px !important;}
}

/*****/
.fico {background: url('../images/bakery/fico.jpg') no-repeat center; background-size: cover; 
    /*min-height: 650px;
    height: 100vh;*/
    margin: 0px 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.fico .row {min-height: 650px;}
.fico h2 {
    text-transform: uppercase;
    color: #fff
}
.fico h2 span {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: 'mostra_nuova';
    line-height: 2rem;
    display: block;
}

/*STORE*/
/*.news{border: 2px solid #2b110c; width: 90%; margin: auto; padding: 20px }*/
.news img{max-width: 100%}


.sec-store .slick-item-01 {background: url('../images/store/main-christmas_1.jpg') no-repeat center; background-size: cover;}
/*.sec-store #section-1{background: url("../images/store/main-new.jpg") no-repeat center; background-size: cover;}*/

.sec-store #filter {margin-left: -5rem}
.sec-bakery #filter p {padding: 0rem 2rem;
    margin: 3rem 0;
}
#slick-news {min-height: 470px}
#slick-news h5:after {margin-left: 0}




@media (min-width: 991px) {

    #wrapper{/*margin-bottom: 600px;*/background-color: #fff; position: relative}
    #bottom-stripe{position: relative;bottom: 0px;/*z-index:-1*/}
    #menu{background-color: rgba(0,0,0,0.8); }
/***/
    #section-1 > .container,#section-4 > .container {min-height: 650px}
    #section-1 > .container > .row {min-height: 650px}
    #section-1 > .row, #section-2 > .row, #section-3 > .row {min-height: 650px}


    .sec-store #section-1 > .container, .sec-store #section-1 > .container > .row{min-height: 400px}
/***/


    .slick-slider{border: none; padding: 0px}
    .slick-dots{bottom: 0px}
    .pb-lg-10{padding-bottom: 6rem}
    .switch-3-box{height: 100vh; max-height: 700px}
    .switch-3-box > div{padding: 0;}
    .switch-3-box > div > div{height: 80%;margin: 10vh 5vh; background-color: rgba(0,0,0,0);position: relative;}
    .switch-3-box > div > div > div{position: absolute; left: 50%; top: 10%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: 80%;}
    .switch-3-box .parent-hover-opacity{transition-delay: 0.3s}

    .sec-restaurant #section-1{background: url("../images/restaurant/main_in.jpg") 10% top; background-size: cover;}
    .sec-bakery #section-1{background: url("../images/bakery/main_in.jpg") 10% top; background-size: cover;}

    .sec-restaurant #section-3 .container{max-width: 100%}
    .sec-restaurant #section-3 h2, .sec-restaurant #section-5 h2{color:#fff;position: absolute; z-index: 4; margin: 20px 0px 0px 20px}

    .switch-3-box{width: 100%;overflow: hidden}
    .switch-3-box > div:hover > div > div{
        left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
    .switch-3-box > div:hover > div{background-color: rgba(0,0,0,0.6);}
    .switch-3-box > div:hover .parent-hover-opacity{opacity: 1}
    .switch-3-box > div:hover .line-animated{width: 200px; transition-delay: 0.5s}

    .switch-3-box:hover > div.col-lg-4{ width: 30vw; max-width: 30vw; flex:0 0 30%}
    .switch-3-box > div:hover.col-lg-4{ width: 40vw; max-width: 40vw; flex:0 0 40%}
    .box-v-center-lg{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

    .box-lg{max-width: 650px;margin: auto}
    .sec-bakery #filter {display: block;}
    .sec-store #filter {display: block;}

    /*.sec-restaurant #section-1{background: url("../images/restaurant/main_in.jpg") left top;}*/

    .box-lg .icon{margin-bottom: 15px; margin-top: -70px; max-width: 70px; }
    .box-lg > div{background-color: #fff;-webkit-box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);
        box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);}

    .square-lg{position: relative;
        width: 25%;max-width: 430px; min-width: 430px}
    .square-lg:after {
        content: "";
        display: block;
        padding-bottom: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .square-lg .content {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .sec-restaurant #section-5 .square-lg{
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
    }
    .sec-restaurant #section-5 .slick-active .square-lg{
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /*.sec-restaurant #section-3 .activated .square-lg{min-height: 400px}
    .sec-restaurant #section-3 .activated .square-lg .content{position: relative !important;padding: 20px 0px; min-height: 400px}
    .sec-restaurant #section-3 .activated .square-lg:after{position: relative; padding-bottom: 0px;}*/

    .activated-slide-down-lg{max-height: 0px; overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;}
    .activated .activated-slide-down-lg{max-height: 600px; overflow: hidden}
    .activated-slide-down-lg h5:after {content: ''}

    .w-60 {width: 60%}


}


@media (min-width: 1200px) {
    .switch-3-box > div > div > div{width: 320px}
    .switch-3-box > div > div{margin: 10vh; }
    .w-lg-75 {width: 75% !important}
}



@media (max-width: 991px) {

    #contacts h3 {text-align: center;}
    #contacts h3:after {margin: auto}

}

@media (max-height: 670px) {
    .logo {width: 240px; margin-left: -120px; background-size: 100%;top:0px}
}

@media (max-width: 768px) {
    .claim h1{font-size:2.5rem; line-height: 2.8rem}
    .p-5 {padding: 1rem!important;}
    .w-35 {width: 35%; max-width: 380px;min-width: 380px;}
    @font-face {
        font-family: 'mostra_nuova_bold';
        src: url('../font/mostranuovaaltd-bold-webfont.woff2') format('woff2'), url('../font/mostranuovaaltd-bold-webfont.woff') format('woff'), url('../font/MostraNuovaAltD-Bold.ttf') format('truetype');
        font-weight: normal;  font-style: normal;
    }

    @font-face {
        font-family: 'mostra_nuova';
        src: url('../font/MostraNuovaAltD.woff2') format('woff2'), url('../font/MostraNuovaAltD.woff') format('woff'), url('../font/MostraNuovaAltD.ttf') format('truetype');
        font-weight: normal;  font-style: normal;
    }


    :focus {
        outline: none;
    }




    body,html{margin: 0px; height: 100%}
    body{font-family: 'Open Sans', sans-serif; font-size:14px; line-height: 27px;}

    h1,h2,h3,h4,h5,h6{font-family: 'mostra_nuova_bold';  text-transform: uppercase;}

    h1 {letter-spacing: 0.65rem;}
    h2 {letter-spacing: 0.4rem;font-size: 1.6rem}
    h3 {letter-spacing: 0.3rem}
    h4 {letter-spacing: 0.25rem}
    h5 {letter-spacing: 0.15rem;}
    h6 {letter-spacing: 0.1rem}

    .h-100vh{height: 100vh}

    h2 span {letter-spacing: 0.25rem}
    h5 span, #menu nav > ul > li {
        font-size: 1.1rem;
        letter-spacing: 0.15rem;
        text-transform: uppercase;
        font-family: 'mostra_nuova';
        line-height: 1.5rem;
        display: block;
    }

    h1:after, h2:after, h3:after, h4:after, h5:after,#menu nav li:after {
        content: '\b7\a0';
        display: block;
        width: 10px;
    }
    h1:after, h5:after{margin: auto;}


    p {padding: 0 2rem; margin: 1rem 0;}

    .beige-bg {background-color: #faefe6; background-color: #f6ece4; background-color: #fcf3eb}
    .white-bg {background-color: #fff}
    .bg-white-09{background-color: rgba(255,255,255,0.9)}


    a, a:hover {text-decoration: none; color: #fff}
    #contacts a{color: inherit}
    #menu-btn{position: fixed;top: 30px; right: 40px; color: #fff; ;z-index:44}
    /*#menu{position: fixed; background-color: rgba(0,0,0,0.9); width: 100%; height: 100%; z-index: 99; color: #fff !important; opacity: 0;}
    #menu.active{ opacity: 1}*/
    #menu{position: fixed; background-color: rgba(0,0,0,0.9); width: 0%; height: 0%; z-index: 99; color: #fff !important; right: 0px; overflow: hidden;opacity: 0;}
    #menu ul{-webkit-transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        -ms-transition: all 0.3s !important;
        -o-transition: all 0.3s !important;
        transition: all 0.3s !important;}
    #menu  *{
        opacity: 0;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -ms-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;}
    #menu.active{ width: 100%; height: 100%; opacity: 1}
    #menu.active   *{-webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;opacity: 1;}

    #menu a{color: #fff !important;}
    #menu ul{padding: 0px;}
    #menu li{list-style-type: none; line-height: 2rem;}
    #lang-switch{position: fixed; top: 30px; left: 40px}
    #lang-switch li{display: inline-block; padding: 5px}
    #menu .close{font-weight: normal; float: none;position: fixed;top: 30px; right: 40px; color: #fff; opacity: 1}
    #menu nav > ul > li {font-size: 1.4rem}
    #menu nav.level-2 ul > li:after{content: none}
    #menu nav.level-2 > ul > li{padding: 15px 0px}
    #menu nav.level-1 > ul > li{padding: 5px 0px}
    #submenu{
        -webkit-transform: translateX(500%);
        -moz-transform: translateX(500%);
        -ms-transform: translateX(500%);
        -o-transform: translateX(500%);
        transform: translateX(500%);}

    #submenu.active{
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    #submenu.active .v-line{max-height: 450px;min-height: 350px}

    /*#submenu ul > li > ul > li a {font-size: 0.8rem}*/
    #submenu .v-line{
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        transition-delay: 0.7s;
        max-height: 0px;min-height: 0px;}

    .v-line{height: 65vh;width: 1px; background-color: #fff; position: absolute;right: 20px; top: 50%;max-height: 450px;min-height: 350px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);}

    .logo{position: absolute;z-index: 55; background: url('../images/logo.png') no-repeat center; background-size: 90%; width: 300px; height: 150px; margin-left: -150px;
        left: 50%;top: 20px}
    .sec-bakery-in .logo {background: url('../images/logo-black.png') no-repeat center; background-size: 90%;}
    .claim,.claim-box{
        opacity: 0;
        -webkit-transition-delay: 2s;
        -moz-transition-delay: 2s;
        -ms-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;}
    .claim.active,.claim-box.active{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
    .claim h1 {color: #fff; font-size:3rem;line-height: 3.2rem; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
    .claim h1 span {font-size:1.4rem; letter-spacing: 0.45rem; font-family: 'mostra_nuova'; line-height: 2rem; display: block; margin-top: 10px}
    .more {color: #fff; font-size: 0.8rem;letter-spacing: 0.15rem;font-weight: lighter; position: absolute;bottom: 10px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-animation: jump 2.5s ease 0s infinite normal ;
        animation: jump 2.5s ease 0s infinite normal ; }
    .more .arrow{}
    .more:hover a {text-decoration: none;}


    /*HOME + GENERAL*/
    .slick-item-01 {overflow: hidden;background-size:cover;position: relative;}
/*    .sec-home .slick-item-01 { background: url('../images/main.jpg') no-repeat center;background-size: cover}*/



    #sections {background-color: #000; color: #fff}
    #sections .row {min-height: 650px}
    #sections h3{}
    #sections h3:after {display: none;}


    #contacts .row {min-height: 550px}
    #contacts h3 {}
    #adress > div {padding: 1.5rem; display: inline-block; margin: auto}
    #adress > div h5 {padding: 0; margin: 0; height: 30px;}
    #adress > div h5:hover {border-bottom: 1px solid;}
    #adress > div h5:after {content: ''}
    #adress a {color: #D9A460;}

    #footer-social {margin-top: 1rem}
    #footer-social img {width: 30px}

    footer {background-color: #000; color: #fff; font-size: 0.7rem; padding: 1rem}

    .btn {
        border-radius: 0px;
        font-family: 'mostra_nuova';
        text-transform: uppercase;
        padding: .375rem 3rem;
    }

    #back-to-top {position: fixed; bottom: 20px; right: 20px; background-color: #fff; color: #000; opacity: 0.5; padding: 1rem;line-height: 8px}
    #back-to-top, #back-to-top:hover {text-decoration: none !important;}


    /*MOBILE SELECT*/
    .select-hidden {display: none;visibility: hidden;padding-right: 10px;}
    .select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #000;height: 40px;width: 100%; border-bottom: 1px solid black;}
    .select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 8px 15px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;text-transform: uppercase;}
    .select-styled:after {content: "";background-image:url("../images/arrow_black.png");position: absolute;top: 16px;right: 10px;width: 35px; height: 18px;background-size: 35px 18px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;}
    /*.select-styled:hover {background-color: #000;color: #fff}
    .select-styled:active, .select-styled.active {background-color: #000;color: #fff}*/
    .select-styled:active:after, .select-styled.active:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);}
    .select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #fff;}
    .select-options li {margin: 0;padding: 12px 0;text-indent: 15px;border-top: 1px solid #000;
        -moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;text-transform: uppercase;
        font-family:'mostra_nuova'; font-size: 1rem; letter-spacing: 0.25rem;}
    .select-options li:hover {font-weight: bold}
    .select-options li[rel="hide"] {display: none;}



    .mt-10{margin-top: 10rem}

    .pb-10{padding-bottom: 6rem}
    .bg-cover{background-size: cover; background-position: center}
    .box-v-center{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .slick-dots{bottom: 15px}

    .slick-dots li{width: 26px}
    .slick-dots li button{height: 40px; padding: 0}
    .slick-dots li button:before{content: '\2013'; font-size: 50px; font-weight: bold}

    .arrow,.arrow-right{background: url("../images/arrow.png") center no-repeat;width: 50px; height: 50px;display: block}
    .arrow-right{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);}
    .slick-arrow:before{content: url("../images/arrow_black_left.png") }
    .slick-arrow{left: 4px;bottom: 10px;height: 50px; width: 28px;z-index: 20;
        top: auto;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);}
    .slick-next{right: 4px;left: auto;
        -webkit-transform: translate(0,0) rotate(180deg);
        -moz-transform: translate(0,0) rotate(180deg);
        -ms-transform: translate(0,0) rotate(180deg);
        -o-transform: translate(0,0) rotate(180deg);
        transform: translate(0,0) rotate(180deg);}
    .switch-3-box{clear: both; min-height: 500px}
    .switch-3-box > div{padding: 7rem 0;}
    .parent-hover-opacity{opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
    .switch-2-box .parent-hover-opacity{max-height: 0px}
    .line-animated{width: 5px;height: 5px; overflow: hidden;background: url("../images/line.png") center; margin: 15px auto; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
    .switch-3-box a.arrow{position: absolute;bottom: 20px;right: 10px; color: #fff;text-decoration: none}



    .box-lg .icon{margin-bottom: 15px; margin-top: 20px; max-width: 70px }
    .slick-slider{border: 1px solid #000; padding: 20px 10px; position: relative}
    .arrow-next{background: url("../images/arrow_black_left.png") no-repeat;display: block;width: 28px; height: 50px;position: absolute;bottom: 15px; right: 25px;z-index: 10;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);}
    .animated-parent.activated .arrow-next{background: url('../images/close.png') !important; background-repeat: no-repeat; width: 50px; height: 50px;  right: 10px}
    .activated .arrow-next{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    .transition{
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;}
    .slick-slide img{
        opacity: 0;
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all  1s;}
    .slick-slide img.last{
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }

    .slick-slide.slick-active img{
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }


    .type {
        color: inherit;
        letter-spacing: 0.15rem;
        font-size: 1.15rem;
        font-family: 'mostra_nuova_bold';
    }

    #section-1 p span {
        font-size: 1.35rem;
        letter-spacing: 0.15rem;
        text-transform: uppercase;
        font-family: 'mostra_nuova';
        line-height: 2rem;
        display: block;
    }
    /*RESTAURANT*/

    .sec-restaurant .news {position: absolute;bottom: 5%; background-color: rgba(0,0,0,0.7); color: #fff;min-width: 300px}
    .sec-restaurant .news > div {margin: 0}
    .sec-restaurant .news p {min-width: 120px}

    /*.sec-restaurant .slick-item-01 { background: url('../images/restaurant/main.jpg') no-repeat center;}
    .sec-restaurant #section-1{background: url("../images/restaurant/main_in_mobile.jpg") 30% top; background-size: cover;}*/

    .sec-restaurant #section-3{margin-top: 60px}
    .sec-restaurant #section-3 .slick-slider .slick-slide > div > div > div,.sec-restaurant #section-5 .slick-slider .slick-slide  > div > div > div{
        min-height: 650px;height: 100vh; margin: 0px 20px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;}




    .bg-cover-fallback{background-size: cover !important;width: 98%;height: 100%; position: absolute; left: 0px;left: 50%; transform: translateX(-50%); top: 0px;z-index: -1}


    .activated .activated-none{display: none !important;}

    #section-3{position: relative}
    .sec-restaurant #section-3 .slick-slider .slick-slide > div > div.activated > div{margin: 0px}
    .sec-restaurant #section-3 .slick-slider .slick-slide > div > div.activated .bg-cover-fallback{transform: scale(1.5);left: 0px}

    .sec-restaurant #section-3 .slick-slider{border: none; padding:0px}



    .dark-slick .slick-arrow:before{content: url("../images/arrow_left.png") }
    .dark-slick .slick-arrow{bottom: 40px}
    .dark-slick .slick-prev{left: 50px}
    .dark-slick .slick-next{right: 50px}
    .dark-slick .slick-dots{color: #fff; bottom: 50px}
    .dark-slick .slick-dots button:before,.dark-slick .slick-dots li.slick-active button:before{color: #fff}
    .dark-slick .slick-dots li{width: auto; font-family: 'mostra_nuova'; color: #fff;
        letter-spacing: 0.15rem;
        font-size: 1.1rem;
        margin: 0 1.2rem;
    }
    .dark-slick .slick-dots li.slick-active{border-bottom: 1px solid #fff; height: 25px;}


    .sec-restaurant #section-4{background-image: url("../images/restaurant/menu.jpg");background-size: cover;background-position: center}
    .sec-restaurant #section-4 a{color: inherit;}
    .sec-restaurant #section-4 a:hover{text-decoration: none; border-bottom: 1px solid #000; height: 30px}
    .sec-restaurant #section-4 li{list-style-type: none; padding: 10px 0px; font-size: 1.4rem;font-family:'mostra_nuova' }


    .modal-dialog {max-width: 800px}
    .modal-header {background-color: transparent; border: 0; text-align: right;}
    .modal-header img {max-width: 30px; float: right; margin-left: auto; cursor: pointer;}
    .modal-content {background-color: rgba(0,0,0,0.7); background-color: #000; border: 0; border-radius: 0;
        color: #fff;}
    .modal-content a {text-decoration: underline;}
    .modal-content h5:after {margin: 0}


    #history-slick .slick-dots li{margin: 0.3rem;}

    /*ITALIAN BAKERY*/
    /*.sec-bakery .slick-item-01 {background: url('../images/bakery/main.jpg') no-repeat center; background-size: cover;}
    .sec-bakery #section-1{background: url("../images/bakery/main_in_mobile.jpg") 10% top; background-size: cover;}*/

    .sec-bakery #filter {margin-left: -5rem}
    .sec-bakery #filter h5 {
        padding: 0rem 0rem;
        margin: 1.5rem 2rem;
        text-transform: uppercase;
        cursor: pointer;
        height: 30px;
        display: inline-block;
    }

    .sec-bakery #filter {display: none;}
    .sec-bakery #filter h5:hover, #adress > div h5:hover,.sec-bakery #filter h5.active{border-bottom: 1px solid; cursor: pointer; }
    .sec-bakery #filter h5:after{content: ''}

    .sec-bakery #products h5 {
        text-transform: uppercase;
    }


    .sec-bakery-in .slick-item-01 {background: url('../images/bakery/main_product.jpg') no-repeat center; background-size: cover;}
    .sec-bakery-in #section-1{}

    .sec-bakery-in .box-in {background-color: #fff; border: 20px solid #f6ece4;}
    .sec-bakery-in .box-in h2:after{margin: auto;}
    .sec-bakery-in .box-in h2 span {
        font-size: 1.5rem;
        text-transform: uppercase;
        font-family: 'mostra_nuova';
        line-height: 2rem;
        display: block;
    }
    .sec-bakery-in .bounce{ margin-bottom: -50% }


    .sec-bakery-in .w-40 {width: 40%; max-width: 550px;min-width: 550px;}

    .sec-bakery-in .nutritional_table table {min-width: 80%;
        margin: auto;}
    .sec-bakery-in .nutritional_table tr {border-bottom: 1px dotted #000}
    .sec-bakery-in .nutritional_table tr td:first-child{
        text-align: left;
        width: 60%
    }
    .sec-bakery-in .nutritional_table tr td:last-child{
        text-align: right;
        width: 40%
    }

    .square-md{position: relative;
        width: 25%;max-width: 400px; min-width: 400px}
    .square-md:after {
        content: "";
        display: block;
        padding-bottom: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }




    #info_product .row {min-height: 650px}

    @media(min-width: 971px){
        .switch-2-box div:hover .parent-hover-opacity{opacity: 1; display: block !important;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            max-height: 900px}

    }
    @media(max-width: 971px){
        #info_product .row {min-height: 200px}
        /*#info_product .switch-2-box:hover > div.row,*/
        #info_product .switch-2-box.active > div.row {min-height: 650px !important;}

        #info_product .switch-2-box.active  .parent-hover-opacity{opacity: 1; display: block !important;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            max-height: 900px;
        }
        .sec-store #filter{margin-left: 0px !important;}
    }

    /*****/
    .fico {background: url('../images/bakery/fico.jpg') no-repeat center; background-size: cover;
        /*min-height: 650px;
        height: 100vh;*/
        margin: 0px 20px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;}

    .fico .row {min-height: 650px;}
    .fico h2 {
        text-transform: uppercase;
        color: #fff
    }
    .fico h2 span {
        font-size: 1.5rem;
        text-transform: uppercase;
        font-family: 'mostra_nuova';
        line-height: 2rem;
        display: block;
    }

    /*STORE*/
    /*.news{border: 2px solid #2b110c; width: 90%; margin: auto; padding: 20px }*/
    .news img{max-width: 100%}


    .sec-store .slick-item-01 {background: url('../images/store/main-christmas.jpg') no-repeat center; background-size: cover;}
    /*.sec-store #section-1{background: url("../images/store/main_in.jpg") 10% top; background-size: cover;}*/

    .sec-store #filter {margin-left: -5rem}
    .sec-bakery #filter p {padding: 0rem 2rem;
        margin: 3rem 0;
    }
    #slick-news {min-height: 470px}
    #slick-news h5:after {margin-left: 0}


    @media (min-width: 768px) {
        #menu{background-color: rgba(0,0,0,0.8); }
    }

    @media (min-width: 991px) {

        #wrapper{/*margin-bottom: 600px;*/background-color: #fff; position: relative}
        #bottom-stripe{position: relative;bottom: 0px;/*z-index:-1*/}
        #menu{background-color: rgba(0,0,0,0.8); }
        /***/
        #section-1 > .container,#section-4 > .container {min-height: 650px}
        #section-1 > .container > .row {min-height: 650px}
        #section-1 > .row, #section-2 > .row, #section-3 > .row {min-height: 650px}


        .sec-store #section-1 > .container, .sec-store #section-1 > .container > .row{min-height: 400px}
        /***/


        .slick-slider{border: none; padding: 0px}
        .slick-dots{bottom: 0px}
        .pb-lg-10{padding-bottom: 6rem}
        .switch-3-box{height: 100vh; max-height: 700px}
        .switch-3-box > div{padding: 0;}
        .switch-3-box > div > div{height: 80%;margin: 10vh 5vh; background-color: rgba(0,0,0,0);position: relative;}
        .switch-3-box > div > div > div{position: absolute; left: 50%; top: 10%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: 80%;}
        .switch-3-box .parent-hover-opacity{transition-delay: 0.3s}

        .sec-restaurant #section-1{background: url("../images/restaurant/main_in.jpg") 10% top; background-size: cover;}
        .sec-bakery #section-1{background: url("../images/bakery/main_in.jpg") 10% top; background-size: cover;}

        .sec-restaurant #section-3 .container{max-width: 100%}
        .sec-restaurant #section-3 h2, .sec-restaurant #section-5 h2{color:#fff;position: absolute; z-index: 4; margin: 20px 0px 0px 20px}

        .switch-3-box{width: 100%;overflow: hidden}
        .switch-3-box > div:hover > div > div{
            left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
        .switch-3-box > div:hover > div{background-color: rgba(0,0,0,0.6);}
        .switch-3-box > div:hover .parent-hover-opacity{opacity: 1}
        .switch-3-box > div:hover .line-animated{width: 200px; transition-delay: 0.5s}

        .switch-3-box:hover > div.col-lg-4{ width: 30vw; max-width: 30vw; flex:0 0 30%}
        .switch-3-box > div:hover.col-lg-4{ width: 40vw; max-width: 40vw; flex:0 0 40%}
        .box-v-center-lg{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

        .box-lg{max-width: 650px;margin: auto}
        .sec-bakery #filter {display: block;}
        .sec-store #filter {display: block;}

        /*.sec-restaurant #section-1{background: url("../images/restaurant/main_in.jpg") left top;}*/

        .box-lg .icon{margin-bottom: 15px; margin-top: -70px; max-width: 70px; }
        .box-lg > div{background-color: #fff;-webkit-box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);
            -moz-box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);
            box-shadow: 11px 22px 76px 0px rgba(0,0,0,0.3);}

        .square-lg{position: relative;
            width: 25%;max-width: 430px; min-width: 430px}
        .square-lg:after {
            content: "";
            display: block;
            padding-bottom: 100%;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }
        .square-lg .content {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .sec-restaurant #section-5 .square-lg{
            -webkit-transform: translateY(-200%);
            -moz-transform: translateY(-200%);
            -ms-transform: translateY(-200%);
            -o-transform: translateY(-200%);
            transform: translateY(-200%);
        }
        .sec-restaurant #section-5 .slick-active .square-lg{
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        /*.sec-restaurant #section-3 .activated .square-lg{min-height: 400px}
        .sec-restaurant #section-3 .activated .square-lg .content{position: relative !important;padding: 20px 0px; min-height: 400px}
        .sec-restaurant #section-3 .activated .square-lg:after{position: relative; padding-bottom: 0px;}*/

        .activated-slide-down-lg{max-height: 0px; overflow: hidden;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;}
        .activated .activated-slide-down-lg{max-height: 600px; overflow: hidden}
        .activated-slide-down-lg h5:after {content: ''}

        .w-60 {width: 60%}


    }


    @media (min-width: 1200px) {
        .switch-3-box > div > div > div{width: 320px}
        .switch-3-box > div > div{margin: 10vh; }
        .w-lg-75 {width: 75% !important}
    }



    @media (max-width: 991px) {

        #contacts h3 {text-align: center;}
        #contacts h3:after {margin: auto}

    }

    @media (max-height: 670px) {
        .logo {width: 240px; margin-left: -120px; background-size: 100%;top:0px}
    }

    @media (max-width: 768px) {
        .claim h1{font-size:2.4rem; line-height: 2.7rem}
        .p-5 {padding: 1rem!important;}
        .w-35 {width: 35%; max-width: 380px;min-width: 380px;}
        .w-60 {width: 100% !important}

        .logo {width: 240px; margin-left: -120px; background-size: 100%;}

        .sec-restaurant #section-3 .slick-slider .slick-slide > div > div > div,.sec-restaurant #section-5 .slick-slider .slick-slide  > div > div > div {
            min-height: 450px; margin: 0px;}

        .sec-bakery-in .w-40 {width: 40%; max-width: 390px;min-width: 390px; }
        .sec-bakery-in .w-40 > div > div {padding: 20px 0 !important}

        .sec-restaurant .news {width: 100%; bottom: 0}

        #contacts .row {min-height: 650px;}

        #section-3, #section-5 {padding: 15px}

        p { padding: 0 1rem; margin: 1rem 0;}

    }






    #map-cont{
        overflow:hidden;
        /*padding-bottom:100%;*/
        position:relative;
        height:100%;
        background: url('../images/map2.png') no-repeat center;
    }
    #map-cont iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        /*position:absolute;*/
    }










    /* MENU BTN */
    .dark #nav-icon2 span{background: #000;}
    .dark #menu-btn{color: #000}
    .dark .open #nav-icon2 span{background: #fff;}

    #menu-btn {position: fixed;top: 30px; right: 30px; z-index: 144;cursor: pointer; width: 80px}
    @media (max-width: 666px) {
        #menu-btn {right: -5px;}
        .logo{top: 0px;background-size:80%}
    }
    #menu-btn *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    #nav-icon2 {width: 35px;height: 25px;position: relative;margin: auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
    #nav-icon2 span {display: block;position: absolute;height: 4px;width: 50%;background: #fff;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
    #nav-icon2 span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
    #nav-icon2 span:nth-child(odd) {left:0px;border-radius: 9px 0 0 9px;}
    #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
    #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 9px;}
    #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 18px;}
    .open #nav-icon2 span:nth-child(1),.open #nav-icon2 span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .open #nav-icon2 span:nth-child(2),.open #nav-icon2 span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    .open #nav-icon2 span:nth-child(1) {left: 5px;top: 7px;}
    .open #nav-icon2 span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
    .open #nav-icon2 span:nth-child(3) {left: -50%;opacity: 0;}
    .open #nav-icon2 span:nth-child(4) {left: 100%;opacity: 0;}
    .open #nav-icon2 span:nth-child(5) {left: 5px;top: 16px;}
    .open #nav-icon2 span:nth-child(6) {left: calc(50% - 5px);top: 16px;}
    .open > div > div:first-child{opacity: 0}


    #preload{background-color: rgba(249,249,249,1);position: fixed;width: 100%;height: 100%;z-index: 100;top: 0px;left: 0px}
    .lds-spinner {
        color: #000;
        display: block;
        position: relative;
        width: 64px;
        height: 64px;
    }
    .lds-spinner div {
        transform-origin: 32px 32px;
        animation: lds-spinner 1.2s linear infinite;
    }
    .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 29px;
        width: 5px;
        height: 14px;
        border-radius: 20%;
        background: #000;
    }
    .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
    }
    .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
    }
    .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
    }
    .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
    }
    .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
    }
    .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
    }
    .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
    }
    .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
    }
    .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
    }
    .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
    }
    .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
    }
    .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
    }
    @keyframes lds-spinner {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }




    @-webkit-keyframes jump {
        0%{
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        20%{
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        40%{
            -webkit-transform: translate(-50%,-10px);
            transform: translate(-50%,-30px);
        }
        50%{
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        60%{
            -webkit-transform: translate(-50%,-5px);
            transform: translate(-50%,-15px);
        }
        80%{
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        100%{
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
    }

    @keyframes jump {
        0%{
            transform: translate(-50%,0);
        }
        20%{
            transform: translate(-50%,0);
        }
        40%{
            transform: translate(-50%,-10px);
        }
        50%{
            transform: translate(-50%,0);
        }
        60%{
            transform: translate(-50%,-5px);
        }
        80%{
            transform: translate(-50%,0);
        }
        100%{
            transform: translate(-50%,0);
        }
    }

    .modal.show  {
        display:flex!important;
        flex-direction:column;
        justify-content:center;
        align-content:center;
        align-items: flex-start;
    }


    .product-img-hover{display: block;position: relative}
    .product-img-hover> img.pic{position: absolute;z-index: 3; left: 50%;bottom: 34px;opacity: 0;max-width: 70%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);margin: 0px !important;}
    .product-img-hover> img.shad{
        bottom: 28px;
        opacity: 0;
        position: absolute;z-index: 2;left: 50%;margin: 0px 0px 0px -100px !important;max-width: 100%;

    }
    .product-img-hover:hover> img.pic,.product-img-hover:hover> img.shad{opacity: 1}
    .product-img-hover:hover> img:last-child{opacity: 0}

    @keyframes bounce {
        0%, 20%, 60%, 100% {
            transform: translate(-50%,0);
        }
        40% {
            transform: translate(-50%,-10%);
        }
        80% {
            transform: translate(-50%,-5%);
        }
    }

    @keyframes bounce-shadow {
        0%, 20%, 60%, 100% {
            transform: scale(1);
        }
        40% {
            transform: scale(0.7);
        }
        80% {
            transform: scale(0.9);
        }
    }

    .bounce:hover .pic {
        animation: bounce 1s;
    }
    .bounce:hover .shad {
        animation: bounce-shadow  1s;
    }
    #gamma-controller a{font-family: 'mostra_nuova'; color: #000; text-transform:uppercase; font-size: 1.4rem }
    #gamma-controller a:hover{text-decoration: underline}
    #gamma-controller > div{padding: 20px 0px}
    #fico-play{position: absolute; top: 50%; left: 50%;z-index: 6; margin: -64px 0 0 -64px; display: none}
    #fico-video-cont{position: absolute;left: 0px; top: 0px;width: 100%; height: 100%; display: none}
    #fico-video-iframe-close{position: absolute;top: 30px; right: 40px;z-index: 9; opacity: 0}
    .active #fico-video-iframe-close{opacity: 1}
    #fico-video-cont.active{display: block}

    @media (min-width: 991px) {
        #fico-play{display: block}
        #section-1{background-attachment: fixed !important;}
    }

    @media (max-width: 991px) {
        #moment-slick .arrow-next.arrow-absolute{display: none}

    }

    .w-60 {width: 100% !important}

    .logo {width: 240px; margin-left: -120px; background-size: 100%;}

    .sec-restaurant #section-3 .slick-slider .slick-slide > div > div > div,.sec-restaurant #section-5 .slick-slider .slick-slide  > div > div > div {
    min-height: 450px; margin: 0px;}

    .sec-bakery-in .w-40 {width: 40%; max-width: 390px;min-width: 390px; }
    .sec-bakery-in .w-40 > div > div {padding: 20px 0 !important}

    .sec-restaurant .news {width: 100%; bottom: 0}

    #contacts .row {min-height: 650px;}

    #section-3, #section-5 {padding: 15px}

    p { padding: 0 1rem; margin: 1rem 0;}

}






#map-cont{
    overflow:hidden;
    /*padding-bottom:100%;*/
    position:relative;
    height:100%;
    background: url('../images/map2.png') no-repeat center;
}
#map-cont iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    /*position:absolute;*/
}










/* MENU BTN */
.dark #nav-icon2 span{background: #000;}
.dark #menu-btn{color: #000}
.dark .open #nav-icon2 span{background: #fff;}

#menu-btn {position: fixed;top: 30px; right: 30px; z-index: 144;cursor: pointer; width: 80px}
@media (max-width: 666px) {
    #menu-btn {right: -5px;}
    .logo{top: 0px;background-size:80%}
}
#menu-btn *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
 #nav-icon2 {width: 35px;height: 25px;position: relative;margin: auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon2 span {display: block;position: absolute;height: 4px;width: 50%;background: #fff;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
#nav-icon2 span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd) {left:0px;border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 9px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 18px;}
.open #nav-icon2 span:nth-child(1),.open #nav-icon2 span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-icon2 span:nth-child(2),.open #nav-icon2 span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.open #nav-icon2 span:nth-child(1) {left: 5px;top: 7px;}
.open #nav-icon2 span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
.open #nav-icon2 span:nth-child(3) {left: -50%;opacity: 0;}
.open #nav-icon2 span:nth-child(4) {left: 100%;opacity: 0;}
.open #nav-icon2 span:nth-child(5) {left: 5px;top: 16px;}
.open #nav-icon2 span:nth-child(6) {left: calc(50% - 5px);top: 16px;}
.open > div > div:first-child{opacity: 0}


#preload{background-color: rgba(249,249,249,1);position: fixed;width: 100%;height: 100%;z-index: 100;top: 0px;left: 0px}
.lds-spinner {
    color: #000;
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: #000;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}




@-webkit-keyframes jump {
    0%{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    20%{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    40%{
        -webkit-transform: translate(-50%,-10px);
        transform: translate(-50%,-30px);
    }
    50%{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    60%{
        -webkit-transform: translate(-50%,-5px);
        transform: translate(-50%,-15px);
    }
    80%{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    100%{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@keyframes jump {
    0%{
        transform: translate(-50%,0);
    }
    20%{
        transform: translate(-50%,0);
    }
    40%{
        transform: translate(-50%,-10px);
    }
    50%{
        transform: translate(-50%,0);
    }
    60%{
        transform: translate(-50%,-5px);
    }
    80%{
        transform: translate(-50%,0);
    }
    100%{
        transform: translate(-50%,0);
    }
}

.modal.show  {
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items: flex-start;
}


.product-img-hover{display: block;position: relative; min-height: 160px}
.product-img-hover> img.pic{position: absolute;z-index: 3; left: 50%;bottom: 34px;opacity: 0;max-width: 70%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);margin: 0px !important;}
.product-img-hover> img.shad{
    bottom: 31px;
    opacity: 0;
    position: absolute;z-index: 2;left: 50%;margin: 0px 0px 0px -100px !important;max-width: 100%;

}
.product-img-hover:hover> img.pic,.product-img-hover:hover> img.shad{opacity: 1}
.product-img-hover:hover> img:last-child{opacity: 0}

@keyframes bounce {
    0%, 20%, 60%, 100% {
        transform: translate(-50%,0);
    }
    40% {
        transform: translate(-50%,-10%);
    }
    80% {
        transform: translate(-50%,-5%);
    }
}

@keyframes bounce-shadow {
    0%, 20%, 60%, 100% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.7);
    }
    80% {
        transform: scale(0.9);
    }
}

.bounce:hover .pic {
    animation: bounce 1s;
}
.bounce:hover .shad {
    animation: bounce-shadow  1s;
}
#gamma-controller a{font-family: 'mostra_nuova'; color: #000; text-transform:uppercase; font-size: 1.4rem }
#gamma-controller a:hover{text-decoration: underline}
#gamma-controller > div{padding: 20px 0px}
#fico-play{position: absolute; top: 50%; left: 50%;z-index: 6; margin: -64px 0 0 -64px; display: none}
#fico-video-cont{position: absolute;left: 0px; top: 0px;width: 100%; height: 100%; display: none}
#fico-video-iframe-close{position: absolute;top: 30px; right: 40px;z-index: 9; opacity: 0}
.active #fico-video-iframe-close{opacity: 1}
 #fico-video-cont.active{display: block}



@media (min-width: 768px) {
    .product-img-hover{ min-height: 200px}

}

@media (max-width: 769px) {
        .product-img-hover img{max-width: 45% !important;}
    .product-img-hover> img.shad{display: none}

}

@media (min-width: 991px) {
    #fico-play{display: block}
    #section-1{background-attachment: fixed !important;}

}

@media (max-width: 991px) {
    #moment-slick .arrow-next.arrow-absolute{display: none}

}
@media (max-width: 768px) {
    .w-35 {width: 35%; max-width: 380px;min-width: 380px;}
    .w-75 {width: 100%}
}
.table-lg{margin: auto}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 991px) {
    /* IE10+ CSS styles go here */
    .table-lg{display: table !important;width: 100%; height: 100%;table-layout: fixed; height: 100%; margin: auto !important;}
    .table-lg > *{display: table-cell !important; vertical-align: middle}
    .square-lg{height: 65%}
    .modal-dialog{width: 850px}
    .p-pack > img:last-child{display: none}
}


.bollo {position: absolute; bottom: -150px; right: -100px;}
.bollo-mini {position: absolute; top: 0px; right: -20px;}

@media(max-width: 768px){
    .bollo {position:relative; text-align: center; width: 100%; right: 0}
    .bollo-mini {width: 100%;}
    .bollo img {
        max-width: 130px;
        position: absolute;
        margin-top: -206px;
        right: 0px;
        z-index: 999;
}
	#extra_certificazioni {margin:0 !important; height: auto !important}
	#extra_certificazioni a:visited {color:#28a349}
}

* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fcf3eb;
    margin: o auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #fff;
	text-align: center;
    width: 100%; /* Could be more or less, depending on screen size */
	height:100%;
	z-index:0;
	position: relative;
}
.modal-content h1{margin:5% auto; text-align:center; color:#000}
/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 50px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    tex-t-decoration: none;
    cursor: pointer;
}
/* NATALE

#natale_2021 button {border:0;background:transparent;text-transform: uppercase;    letter-spacing: 2px;}

#natale_2021 button:hover, #natale_2021 button:focus {border:0;outline:0}

.classe_CHRISTMAS , #natale_2021 li a {
 pointer-events: none;
  cursor: default;
  opacity: 0.6;}
.compact-menu option.natale_2021 {display:none}
li[rel="CHRISTMAS"] {display: none} 

 */


li[rel="CHRISTMAS"] {display: block} 

/* PASQUA
#pasqua_2024 button {border:0;background:transparent;text-transform: uppercase;}
.classe_EASTER , #pasqua_2024 li a {
 pointer-events: none;
  cursor: default;
  opacity: 0.6;}
.compact-menu option.pasqua_2024 {display:none}
li[rel="EASTER"] {display: none}  */

 #side-tab{position: fixed; right: 0px; top: 110px; background-color: rgba(216, 80, 115, 0.9); z-index: 30; height: 200px; color: #fff; display: table;padding-right: 6px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
    #side-tab.uova {background-color: #8e0e0e; background-color:#c10a27; height: 220px;  }
    #side-tab.uova .text{margin-left: -35px; font-size: 1.7rem; line-height: 2rem}
    #side-tab.uova .img{margin-bottom: -20px; margin-left: -10px}
    @media (max-width: 767px) {
      #side-tab.uova .text{display: none;}
      #side-tab.uova {height: 110px}
      #side-tab.uova .img {max-width: 140px; margin-bottom: 0 !important}
    }

    #side-tab.disabled{right: -272px;display:fixed !important}
    #side-tab>div{display: table-cell; vertical-align: middle; text-align: center}
    #side-tab .arrow{height: 80px; border-right: 1px solid #fff; width: 45px; padding: 0px 15px; margin-right: 20px}
    #side-tab .arrow img{max-width: 100%}
    #side-tab img{margin-bottom: -40px;max-width: 250px}


.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none!important;
}

@media (min-width: 1200px){
.visible-lg {
    display: block !important ;
	
}}
#side-tab.uova {
    display: none !important ;
	
}

#prodotto_85  h2{
    font-size:1.7rem;
	
}
#prodotto_85 {
    height: 140vh;
	
}
@media (min-width: 990px) and (max-width: 1300px){
#immagine_confezione {
    width: 280px !important;
	
}
#immagine_confezione img{
    width: 280px !important;
    margin-bottom: 40px;
	
}
	.w-60 {
    width: 100% !important;
}
}
.sec-bakery h5 b , .sec-bakery-in .slick-item h2 b{
    text-transform: lowercase !important;
}
#extra_certificazioni a:visited {color:#28a349}
#bottega_85 #info_product h5 , #bottega_85 #info_product table , #bottega_85 #info_product .mr-lg-5 {display:none}
#bottega_86 #info_product h5 , #bottega_86 #info_product table , #bottega_86 #info_product .mr-lg-5 {display:none}
#bottega_87 #info_product h5 , #bottega_87 #info_product table , #bottega_87 #info_product .mr-lg-5 {display:none}
#bottega_58 #info_product h5 , #bottega_58 #info_product table , #bottega_58 #info_product .mr-lg-5 {display:none}
#bottega_59 #info_product h5 , #bottega_59 #info_product table , #bottega_59 #info_product .mr-lg-5 {display:none}
#bottega_60 #info_product h5 , #bottega_60 #info_product table , #bottega_60 #info_product .mr-lg-5 {display:none}

.elenco_PASTRIES {display:none !important}

.bakery_photo {float:left;width: 50%;padding:2px}
.bakery_photo img{width:100%}