@import url(https://fonts.googleapis.com/css?family=Fjalla+One);


body,html{font-size:16px;padding:0;margin:0;height:100%;font-family:"EB Garamond",serif;overflow-x:visible;overflow-y:visible;color:#f5f5f5;background:#c51026}
body{line-height:30px;transition-property:left;position:relative;left:0}

.policy-page {
    max-width: 1100px;
}
.policy-page h2  { margin-top:60px; margin-bottom:20px;}
.policy-page h2:first-child { margin-top:0;}
.policy-page h2+h2 { margin-top:-10px;}
.policy-page p  {}

.alert b{font-size:18px;}
.alert {
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    width: 1100px;
    margin: 20px auto;
    text-align:center;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

#cv-input{display:none}

.alert-success a{
    color: #3c763d;
}
.alert-danger a{
    color: #a94442;
}

.overflow-h{overflow:hidden!important}

.white-parlex{padding:15px 0;background-color:#f5f5f5;overflow:hidden;color:#1e0c0a}
.red-parlex{padding:15px 0;background-color:#c51026;overflow:hidden;color:#f5f5f5}
.yellow-parlex{padding:15px 0;background-color:#FEC047;overflow:hidden;color:#1e0c0a}
.grey-parlex{padding:15px 0;background-color:#f0f0f0;overflow:hidden;color:#f5f5f5}
.black-parlex{padding:15px 0;padding-bottom:0;background-color:#1e0c0a;overflow:hidden;color:#f0f0f0}

.white{background-color:#f5f5f5;color:#1e0c0a}
.red{background-color:#c51026;color:#f5f5f5}
.yellow{background-color:#FEC047;color:#1e0c0a}
.grey{background-color:#f0f0f0;color:#1e0c0a}
.black{background-color:#1e0c0a;color:#f0f0f0}

.wrap{margin:auto;padding:0;width:100%;display:table}
.cc{width:1180px;margin:auto;overflow:hidden;padding:0}
.header{margin:0;padding-top:0;border-bottom:0 none #e03163;box-shadow:none}
.container{margin-top:auto;margin-bottom:auto;width:100%;}
.nav{margin-top:0}
.space{display:block;padding:15px 0}

hr{margin:5px auto;width:40%;color:#f5f5f5}
hr.dark{color:#444}
a{text-decoration:none;color:#f5f5f5}
a[data-menu-toggle]{padding:15px;color:#f5f5f5;text-decoration:none}

.logo img{margin:20px 0;max-width:249px;width:100%}
.w-container.nav{margin-top:20px}
.w-nav{float:right}
.w-nav-menu.nav-menu span{font-size:13px;padding-right:5px}

#menu #lang-switch ul,.lang ul{color:#fff}
#menu #lang-switch li,.lang li{background-color:#c51026;list-style:none;float:left;padding:5px 10px 0;color:#fff;text-align:right;font-size:11px}
#menu #lang-switch li:first-child,.lang li:first-child{padding-left:20px}
#menu #lang-switch li:last-child,.lang li:last-child{padding-right:20px}

.menu{vertical-align:middle}
.gradient{position:absolute;width:100%;height:450px;background:url(../images/gradient.png);background-repeat:no-repeat;background-position:center -50px;background-size:cover;z-index:1}
.fixed-header{position:relative;z-index:2;float:none}

.icon-home{background:url(../images/icons/menu/home.png) 5px center no-repeat}
.icon-amarolucano{background:url(../images/icons/menu/amaro-lucano.png) 5px center no-repeat}
.icon-amarolucano-anniversary{background:url(../images/icons/menu/amaro-lucano-anniversario.png) 5px center no-repeat}
.icon-family{background:url(../images/icons/menu/family.png) 5px center no-repeat}
.icon-territory{background:url(../images/icons/menu/territory.png) 5px center no-repeat}
.icon-contacts{background:url(../images/icons/menu/contact.png) 5px center no-repeat}
.icon-history{background:url(../images/icons/menu/history.png) 5px center no-repeat}
.icon-communication{background:url(../images/icons/menu/communication.png) 5px center no-repeat}
.icon-recipe{background:url(../images/icons/menu/recipe.png) 5px center no-repeat}
.icon-news{background:url(../images/icons/menu/news.png) 5px center no-repeat}
.icon-mixology{background:url(../images/icons/menu/mixology.png) 5px center no-repeat}

#no-recipes-alert{background-color: #1e0c0a;text-align: center;overflow: hidden;height: 0px}
#no-recipes-alert>div{padding: 40px}

#navbar-controls{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#menu{-webkit-box-shadow:-7px 2px 13px -4px rgba(0,0,0,0.59);-moz-box-shadow:-7px 2px 13px -4px rgba(0,0,0,0.59);box-shadow:-7px 2px 13px -4px rgba(0,0,0,0.59);background-color:#c51026;position:fixed;z-index:999;right:0;height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#menu .btn-close{color:#f5f5f5;padding:16px 10px 10px;text-align:left}
#menu .btn-close a{font-size:22px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:lighter}
#menu .w-nav{width:320px}
#menu .w-nav-menu{float:none}
#menu .w-nav-menu .active{color:#1e0c0a;background-color:#fff}
#menu .w-nav-link .menu-li:last-child{padding-right:0}
#menu .w-nav-link.menu-li:last-child{padding-right:0}
#menu .menu-li{text-transform:uppercase;line-height:57px;height:70px;color:#fff;border-bottom:1px solid #9A0B1D;padding:2% 5% 2% 22%;font-size:13px}
#menu .menu-li:hover{color:#1e0c0a;background-color:#fff}
#menu .menu-li .icon{padding-right:10px}
#menu .w-nav-social{padding:0 5% 10% 22%}
#menu .w-nav-social .social{width:30px;padding-right:5px;margin-right:5px}
#menu .w-nav-image img{padding:10% 0;width:80%}
#menu.close{right:-360px;opacity:0} /* 320 plus a random 40px */
#menu.open{right:0;opacity:1}
#menu #lang-switch{position: absolute;top:14px;right:0px;}

@media screen and (min-width: 681px) {
    #menu #lang-switch{display: none}
}


.w-nav-social img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1}
.w-nav-social img:hover{opacity:.6}


.slidersection{margin:auto;top:-25px;padding:0;text-align:center;position:relative;z-index:3}
.slidersection h3{text-transform:uppercase;border-top:4px solid #c51026;border-bottom:4px solid #c51026;padding:5px;margin:auto;letter-spacing:1px;margin-bottom:2%;display:inline-block}
.slidersection ul{margin:auto;padding:0;display:table;text-align:center}
.slidersection li{border:1px solid #fff;cursor:pointer;font-size:12px;letter-spacing:.6px;padding:0;text-align:center;text-transform:uppercase}
.slidersection li a{padding:5px 20px;border-bottom:2px solid transparent}
.slidersection li a:hover,.slidersection li.active a{background-color:#f5f5f5;color:#1e0c0a;border-top:2px solid #f5f5f5}

#communication .slidersection a:hover{color:#1e0c0a}

.top-middle-background{width:100%;height:735px;position:absolute;top:120px;height:885px}
.top-background{height:1000px;position:absolute;top:0;width:100%;z-index:0}
.text-left-top{text-align:left;margin:33% 0 0 15%}
.text-left-top p{text-align:left;font-size:25px;line-height:35px}
.text-left-top span{font-size:50px;line-height:60px}
.text-right-top{text-align:right;margin:25% 15% 0 0}
.text-right-top p{text-align:right;font-size:25px;line-height:35px}
.text-right-top span{font-size:50px;line-height:60px}
.text-center-top{text-align:center;margin:0}
.text-center-top p{text-align:center;font-size:25px;line-height:35px}
.text-center-top span{font-size:50px;line-height:60px}

.history{background:url(../images/history/top.png);background-repeat:no-repeat;background-position:center 120px;background-size:80%}
.recipe{background:url(../images/recipe/top.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;z-index:0}
.territory{background:url(../images/territory/top.png);background-repeat:no-repeat;background-position:center -50px;background-size:784px}
.product-amaro{background:url(../images/products/amaro-lucano/bg.png);background-repeat:no-repeat;background-position:right 0;background-size:auto}
.product-amaro-anniversario{background:url(../images/products/amaro-lucano-anniversario/bg.png);background-repeat:no-repeat;background-position:right 0;background-size:auto;background-color:#1e0c0a;z-index:1}
.family{background:url(../images/family/top.png);background-repeat:no-repeat;background-position:center 50px}
.mixology{background:url(../images/mixology/top.png);background-repeat:no-repeat;background-position:center 50px}
.territory-bg{background:url(../images/territory/puglia.png);background-repeat:no-repeat;background-position:right}


.slick-dots{display:inline-block!important;width:auto!important;padding-top:5%;position:relative!important;padding-top:20px!important}
.slick-dots li{width:10px!important}
.slick-next{right:25px!important;left:25px!important}

#product #caption_slider .slick-active button::before{color:#333!important}

.btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;padding:0 10%;border:1px solid #fff;display:inline-block;font-size:15px}
.btn-black{padding:0 10%;border:1px solid #1e0c0a;margin-left:10%;margin-bottom:10%;display:inline-block;float:left;color:#1e0c0a}
.btn-black:hover{color:#f5f5f5;background-color:#1e0c0a; border:1px solid #f5f5f5}
.btn-black-white{padding:0 10%;border:1px solid #1e0c0a;margin-bottom:10%;display:inline-block;color:#1e0c0a}
.btn.btn-black-white:hover{color:#1e0c0a;background-color:#f5f5f5; border:1px solid #FEC047}
.btn.btn-white-black:hover{color:#1e0c0a;background-color:#f5f5f5}
.btn.btn-white-red:hover{color:#c51026;background-color:#f5f5f5}
.btn.btn-white-yellow:hover{color:#FEC047;background-color:#f5f5f5}

.container .wrap .w-col-9{position:relative;z-index:2;text-align:center;margin:auto;padding:2%}
.container .wrap .w-col-9 p{text-align:center;font-size:25px;line-height:35px;padding:2% 0 5%;width:650px;margin:auto}
.container .wrap .w-col-9 p span{font-size:50px;line-height:60px}
.container .wrap .icon{padding:0}

.def-height{position:relative;z-index:2; overflow: hidden;}
.first {margin-top: 25px}
.def-height img{margin-top:0;vertical-align:middle;width:100%}
.def-height img.width{width:100%;height:auto}
.def-height img.height{height:100%!important}
.def-height .w-col-5{display:table-cell;vertical-align:middle}
.def-height .w-col-6{display:table-cell;vertical-align:middle}
.def-height .w-col-7{display:table-cell;vertical-align:middle}
.def-height .w-col-7 p{text-align:left;padding:4% 10%}
.def-height .w-col-7 p span{font-size:40px;line-height:45px}
.def-height .white .w-col-7 p{text-align:right}

#family .icon {margin-top:-25px}
#history .icon{margin-top:-25px}
/*
PRODUCT
*/
#product .container{margin-top:-65px}
#product .section{overflow:hidden}
#product .section .w-col-6{float:left;padding:1%}
#product .section-icons{margin-bottom:20px;padding:0 2%}
#product .section-icons img{width:60px;margin-right:2%}
#product .al{padding-top:5%}
#product .w-col-6{width:50%;display:table-cell;padding:2%;position:relative;z-index:3;vertical-align:top}
#product .w-col-6 input,#product .w-col-6 textarea{background-color:#b00015;border:0 none;padding:1%;width:100%}
#product .recipe-short .icon{background-color:#1e0c0a;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:6px}

#product .fixed{width:1200px;height:850px;text-align:right;margin:auto;z-index:3;position:relative;display:table}
#product .fixed .text-right-top{text-align:right;padding:18% 8% 0 0;z-index:3;width:50%;display:table-cell;vertical-align:top;margin:0}
#product .fixed .text-right-top p{text-align:right;font-size:25px;line-height:35px;width:300px;float:right}
#product .fixed .text-right-top span{font-size:50px;line-height:50px}
#product .fixed .text-right-top .grades{margin:6% -6% 0 0;font-size:50px;line-height:50px;display:inline-block;width:100%;height:120px;padding-right:6%}
#product .fixed .text-right-top .g-al{background:url(../images/products/amaro-lucano/shade.png);background-repeat:no-repeat;background-position:left}
#product .fixed .text-right-top .g-ala{background:url(../images/products/amaro-lucano-anniversario/shade.png);background-repeat:no-repeat;background-position:left}
#product .fixed .text-left-top{text-align:left;padding:25.5% 0 0 8%;z-index:3;width:50%;display:table-cell;vertical-align:top;margin:0}
#product .fixed .text-left-top p{text-align:left;font-size:25px;line-height:35px;width:300px}
#product .fixed .text-left-top span{font-size:50px;line-height:60px}
#product .fixed .text-left-top .buy{margin:3% 0 0;max-width:200px}
#product .fixed .hidden{display:none}

#product .prizes {
    bottom: 0;
    left: 0;
    margin: -120px auto auto;
    position: relative;
    width: 1000px;
    z-index: 14;overflow: hidden}
#product .prizes .unique{margin-left: 10%}
#product .prizes li{display:inline-block}
#product .prizes img{width:72px}

#product .amaro-lucano,#product .amaro-lucano-anniversario{width:100%;position:absolute;z-index:-1;margin:auto}
#product .amaro-lucano img,#product .amaro-lucano-anniversario img{width:100%;margin:auto}

#product #cocktails{background-color:#1e0c0a;position:relative;z-index:4}
#product #cocktails .position-container{border:1px solid #fff}
#product #cocktails .recipe-short{background-size:contain!important;background:url(../images/cocktails/drink.png);background-position:bottom}
#product #cocktails .recipe-short .icon{background-color:#c51026;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:8px}
#product #cocktails .img-grid-3{background-position:top center;background-size:cover!important;background-repeat:no-repeat;width:33.333333%;padding-top:24.75%}
#product #cocktails .img-grid:hover .recipe-long {
    opacity:1;  padding: 5%; width: 90%; height: 90%; margin: auto;
}

#product #recipes_cta{background-color:transparent;text-align:center}
#product #recipes_cta .text .position-container .img-responsive{width:100px}
#product #recipes_cta #tile-cta-1{background-color:#FEC047;color:#1e0c0a}
#product #recipes_cta #tile-cta-2{overflow:hidden;background-color:#f5f5f5;color:#1e0c0a}
#product #recipes_cta #tile-cta-2 .img-grid-container{background-color:#fff}
#product #recipes_cta #tile-cta-2 .recipe-short{background-size:cover!important;background-color:#fff!important;margin:15px;border:1px solid #B39978}
#product #recipes_cta #tile-cta-2 .recipe-short .icon{background-color:#FEC047;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:6px}
#product #recipes_cta #tile-cta-2 .recipe-short .title{background-color:#FEC047}
#product #recipes_cta #tile-cta-2 .recipe-long{padding:10%;text-align:left}
#product #recipes_cta #tile-cta-2 .recipe-long h3{margin-bottom:20px;font-size:25px;line-height:35px}
#product #recipes_cta #tile-cta-2 .recipe-long .title{color:#B39978}
#product #recipes_cta #tile-cta-2 > div{position:absolute;top:0;width:100%;height:100%}
#product #recipes_cta #tile-cta-3{background-color:#1e0c0a;color:#f5f5f5}
#product #recipes_cta #tile-cta-4{overflow:hidden;background-color:#1e0c0a;color:#f5f5f5}
#product #recipes_cta #tile-cta-4 .recipe-short{background-size:cover!important}
#product #recipes_cta #tile-cta-4 .recipe-short .icon{background-color:#1e0c0a;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:6px}
#product #recipes_cta #tile-cta-4 .recipe-short .title{background-color:#1e0c0a}
#product #recipes_cta #tile-cta-4 .recipe-long h3{margin-bottom:20px;font-size:25px;line-height:35px}
#product #recipes_cta #tile-cta-4 .recipe-long .title{color:#B39978}
#product #recipes_cta #tile-cta-4 > div{position:absolute;top:0;width:100%;height:100%}
#product #recipes_cta #tile-cta-4 .position-container{border:1px solid #B39978}
#product #recipes_cta #tile-cta-2 .position-container .icon,#product #recipes_cta #tile-cta-2 .position-container .title{background-color:#FEC047;color:#1e0c0a}
#product #recipes_cta #tile-cta-4 .position-container .icon,#product #recipes_cta #tile-cta-4 .position-container .title{background-color:#1e0c0a}
#product #recipes_cta .text p{padding:4% 10%;text-align:center}
#product #recipes_cta .text span{font-size:20px;line-height:35px}

#product #caption_slider{text-align:center;padding:4% 0 0}
#product #caption_slider .slick-slider{padding:0;width:650px}
#product #caption_slider .slick-dots{bottom:0}
#product #caption_slider li button:before{color:#fff;opacity:1}
#product #caption_slider .slick-active button:before{color:#1e0c0a}
#product #caption_slider h2{margin-bottom:20px}
#product #caption_slider p{text-align:center;font-size:18px;line-height:30px}
#product #caption_slider span{font-size:35px;line-height:35px}

.img-grid-lucano{background-position:top center;overflow:hidden;background-size:cover!important;background-repeat:no-repeat;width:33.33333%;}

.banner_lucano .tile-banner-1,.banner_lucano .tile-banner-1-slider{background:url(../images/products/amaro-lucano/banner/banner_bg.jpg); background-position: right center}
.banner_lucano .tile-banner-1 .text,.banner_lucano .tile-banner-1-slider .text{position:absolute;top:0;padding:10%;margin-top:7%}
.banner_lucano .tile-banner-1 .text span,.banner_lucano .tile-banner-1-slider .text span{font-size:25px;line-height:35px}
.banner_lucano .tile-banner-1 .text .dark,.banner_lucano .tile-banner-1-slider .text .dark{color:#1e0c0a;font-size:18px;font-style:italic}
.banner_lucano .tile-banner-1 .text .btn,.banner_lucano .tile-banner-1-slider .text .btn{margin-top:20px;float:left}
.banner_lucano .tile-banner-2{background:url(../images/products/amaro-lucano/banner/banner_bottle.jpg)}
.banner_lucano .tile-banner-3{background:url(../images/products/amaro-lucano/banner/banner_bartender.jpg)}
.banner_lucano .tile-banner-1-slider .text{position:relative;margin-top:0;padding:0;padding-top:50%}

.banner_lucano-anniversario .tile-banner-1,.banner_lucano-anniversario .tile-banner-1-slider{background:url(../images/products/amaro-lucano-anniversario/banner/banner_bg.jpg)}
.banner_lucano-anniversario .tile-banner-1 .text,.banner_lucano-anniversario .tile-banner-1-slider .text{position:absolute;top:0;padding:10%;margin-top:7%; font-size: 17px}
.banner_lucano-anniversario .tile-banner-1 .text span,.banner_lucano-anniversario .tile-banner-1-slider .text span{font-size:25px;line-height:35px}
.banner_lucano-anniversario .tile-banner-1 .text .dark,.banner_lucano-anniversario .tile-banner-1-slider .text .dark{color:#c51026;font-size:18px;font-style:italic}
.banner_lucano-anniversario .tile-banner-1 .text .btn,.banner_lucano-anniversario .tile-banner-1-slider .text .btn{margin-top:20px;float:left}
.banner_lucano-anniversario .tile-banner-2{background:url(../images/products/amaro-lucano-anniversario/banner/banner_bottle.jpg)}
.banner_lucano-anniversario .tile-banner-3{background:url(../images/products/amaro-lucano-anniversario/banner/banner_bartender.jpg)}
.banner_lucano-anniversario .tile-banner-1-slider .text{position:relative;margin-top:0;padding:0;padding-top:50%}


.prize-overlay-parent{position:relative}
.prize-overlay-container{position:absolute!important;right:0;left:0;top:auto;height:200px;border:0;background-color:rgba(197,16,38,0.8);z-index:12;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.prize-overlay-black{background-color:rgba(30,12,10,0.5)}

#product .prize-overlay-container.prize-close .border-top,#product .prize-overlay-container.prize-close .fixed.fixed-inner{height:0}
#product .prize-overlay-container.prize-open .border-top{height:auto;text-align:center;margin:auto;z-index:12;position:static;display:block;border-top:1px solid #fff}
#product .prize-overlay-container.prize-open .fixed.fixed-inner{height:100%;text-align:center;margin:auto;z-index:12;position:static;display:block}

.prize-overlay-container p{text-align:center; width: 33%; margin: auto; font-size: 18px}
.prize-overlay-container.prize-close{bottom:-50px!important;opacity:0;height:0}
.prize-overlay-container.prize-open{bottom:0!important;opacity:1}
.prize-overlay-container .prize-hidden{display:none}

#product .prizes li a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;display:block}
#product .prizes li a.disabled{opacity:.3}
#product .prizes li a.disabled:hover{opacity:1}
#product #cocktails{z-index:14}

/*
FAMIGLIA
*/
#family span.mini{font-size:14px;line-height:16px}


/*
NEWS
*/
#news .w-col-9{z-index:3;position:relative;min-height:400px;vertical-align:middle;width:100%}
#news section .w-col-9 p{text-align:center;padding:0;font-size:16px;line-height:30px}
#news section .w-col-9 p span{font-size:25px;line-height:35px}
#news section .w-col-9 img{margin-bottom:20px;top:0;position:absolute;max-width:80%;max-height:80%;min-height:380px}
#news section .w-col-9 .w-col-6{display:table-cell;vertical-align:middle}
#news section .w-col-9 .w-col-6 p{text-align:right;padding:0;font-size:16px;line-height:30px}
#news section .w-col-9 .w-col-6 p span{font-size:25px;line-height:35px}
#news section .w-col-9 .w-col-6 .text{text-align:right;font-size:16px;padding:0 10% 10%}
#news section .w-col-9 .w-col-6 .thumb{width:145px;padding-right:5px}

/*#the_others .container {margin-top: 25px}*/
#the_others .w-col-9 {max-height: 42px; min-height: 0}
#the_others .slidersection{margin:auto;padding:0;top:0;text-align:center;position:relative;z-index:3;clear:both;display:table; max-height: 42px}
#the_others .slidersection ul{margin:5px auto;padding:0;display:table;text-align:center}
#the_others .slidersection li{border:1px solid #fff;cursor:pointer;font-size:12px;letter-spacing:.6px;padding:0;text-align:center;text-transform:uppercase}

#the_others .tiles{min-height:420px!important}
#the_others .tiles .news{text-align:left}
#the_others .tiles .news h3{margin-bottom:20px;font-size:25px;line-height:35px}
#the_others .tiles .news p{text-align:left;padding:10%;font-size:16px;line-height:30px}
#the_others .tiles .news p span{font-size:25px;line-height:35px}
#the_others .tiles .news .title{color:#B39978}
#the_others #tile-news-last{background:#1e0c0a;color:#f5f5f5;width:400px;height:400px;display:table;vertical-align:middle}
#the_others #tile-news-last .news{display:table-cell;vertical-align:middle}
#the_others #tile-news-last .news p{text-align:center}
#the_others #tile-news-last .news p span{font-size:50px;line-height:60px}

/*
COMUNICAZIONE
*/
#communication {z-index: 4; position: relative;}
#communication .img-responsive{max-width:none;cursor:pointer}
#the_others_communication .slidersection{margin:auto;padding:0;top:0;text-align:center;position:relative;z-index:1;clear:both}
#the_others_communication .slidersection ul{margin:5px auto;padding:0;display:table;text-align:center}
#the_others_communication .slidersection li{border:1px solid #fff;cursor:pointer;font-size:12px;letter-spacing:.6px;padding:0;text-align:center;text-transform:uppercase}
#the_others_communication .tiles{height:400px;overflow:hidden}
#the_others_communication .tiles .communication h3{font-size:25px;line-height:380px;text-transform:uppercase}

/*
LA RICETTA SEGRETA
*/
#recipe section .w-col-9 p{text-align:center;padding:4% 5% 10px;font-size:18px;line-height:30px}
#recipe section .w-col-9 p span{font-size:25px;line-height:35px}
/*#the_herbs .container {margin-top: 25px}*/
#the_herbs .recipe-short{background-size:cover!important}
#the_herbs .recipe-short .icon{background-color:#1e0c0a;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:6px}
#the_herbs .recipe-short .title{background-color:#1e0c0a}
#the_herbs .recipe-long h3{margin-bottom:20px;font-size:25px;line-height:35px}
#the_herbs .recipe-long .title{color:#B39978}
#the_herbs .position-container{border:1px solid #B39978}

.recipe-long{padding:10%;text-align:left}

#tile-herb-1 .recipe-short{background:url(../images/recipe/herbs/assenzio-romano.jpg)}
#tile-herb-2 .recipe-short{background:url(../images/recipe/herbs/assenzio-gentile.jpg)}
#tile-herb-3 .recipe-short{background:url(../images/recipe/herbs/salvia-sclarea.jpg)}
#tile-herb-4 .recipe-short{background:url(../images/recipe/herbs/achillea-moscata.jpg)}
#tile-herb-5 .recipe-short{background:url(../images/recipe/herbs/cardo-santo.jpg)}
#tile-herb-6 .recipe-short{background:url(../images/recipe/herbs/arancio-amaro.jpg)}
#tile-herb-7 .recipe-short{background:url(../images/recipe/herbs/genziana.jpg)}
#tile-herb-8 .recipe-short{background:url(../images/recipe/herbs/angelica.jpg)}
#tile-herb-9 .recipe-short{background:url(../images/recipe/herbs/sambuco.jpg)}
#tile-herb-10 .recipe-short{background:url(../images/recipe/herbs/ruta.jpg)}
#tile-herb-11 .recipe-short{background:url(../images/recipe/herbs/aloe.jpg)}
#tile-herb-12 .recipe-short{background:url(../images/recipe/herbs/olio_essenziale_cannella.jpg)}


#the_secret_recipe .img-grid-container{background-color:#fff}
#the_secret_recipe .recipe-short{background-size:cover!important;background-color:#fff!important;margin:15px;border:1px solid #B39978}
#the_secret_recipe .recipe-short .icon{background-color:#FEC047;height:50px;width:50px;border-radius:50%;margin:5% auto auto;padding:6px}
#the_secret_recipe .recipe-short .title{background-color:#FEC047}
#the_secret_recipe .recipe-long{padding:10%;text-align:left}
#the_secret_recipe .recipe-long h3{margin-bottom:20px;font-size:25px;line-height:35px}
#the_secret_recipe .recipe-long .title{color:#B39978}
#the_secret_recipe .w-col-9 p{padding-bottom:10px!important}

#tile-recipe-1 .recipe-short{background:url(../images/recipe/secret1.jpg)}
#tile-recipe-2 .recipe-short{background:url(../images/recipe/secret2.jpg)}
#tile-recipe-3 .recipe-short{background:url(../images/recipe/secret3.jpg)}
#tile-recipe-4 .recipe-short{background:url(../images/recipe/secret4.jpg)}
#tile-recipe-5 .recipe-short{background:url(../images/recipe/secret5.jpg)}
#tile-recipe-6 .recipe-short{background:url(../images/recipe/secret6.jpg)}
#tile-recipe-7 .recipe-short{background:url(../images/recipe/secret7.jpg)}

#the_production .slick-img{margin-bottom:0}
#the_production .placeholder-img{opacity:0}
#the_production .slick-dots{display:none!important}


/*
CONTATTI
*/
#contact .w-col-5 p{text-align:left;padding:4% 10%}
#contact .w-col-5 p span{font-size:25px;line-height:35px}
#contact .section .w-col-3{padding:0;line-height:30px}
#contact .wrap {height: 100%}
#contact .wrap .w-col-6{height: 100%}

#form{background:url(../images/contacts/bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
#form .section{overflow:hidden}
#form .section .w-col-6{float:left;padding:1%}
#form .section-icons{margin-bottom:20px;padding:0 2%}
#form .section-icons img{width:80%; max-width: 55px;  }
#form .w-col-1 {float: left; margin-right: 3%; min-height: 120px;}
#form .w-col-1 .w-col-6 {
    display: block; padding: 0;
    width: 100%;
}
#form .w-col-1 p{text-align:center; text-transform: uppercase; font-size: 12px; line-height: 18px; padding: 2%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
/*#form .w-col-1:hover p {display: block;}*/
#form input[type="checkbox"], #form input[type="radio"] {padding: 0 !important;width: 20% !important; max-width: 20px; vertical-align: middle; display: table-cell;}


#form .w-col-6 #contact_privacy{width:20px!important}
#form .w-col-12{padding:0}
#form .wrap{padding:40px 0 0}
#form .wrap-form{padding:0 0 40px}
#form .wrap-form form{display:table;width:100%}
#form .wrap-form p{margin:auto;width:100%;padding:0 1%;overflow:hidden}
#form .wrap-form .sector-subtitle{margin:40px 0 20px;text-align:left}
#form .text-left-top{text-align:left;margin:36px 2% 20px;  margin: 4.5% 2% 20px; text-transform: uppercase;}
#form .text-left-top span{font-size:25px;line-height:35px}
#form .w-col-6{width:50%;display:table-cell;padding:2%}
#form .w-col-6 input,#form .w-col-6 textarea{background-color:#a00000;border:0 none;padding:1%;width:90%;color: #fff}
#form .w-col-6 input[type="file"] {font-size: 12px}

/* form validation errors */
input.error, textarea.error {
    border: 1px dashed #FFA263 !important;
}

label.error {
    display:inline-block;
    color: #FFAA6B;
    text-decoration:none;
}

#extra .w-container{padding:40px 0}
#extra .w-col-3{display:table-cell;text-align:center;padding:15px 0}
#extra .w-col-3 p{padding:0 10%;text-align:center}



/*
IL TERRITORIO
*/
#territory .container{margin-top:0}
#territory .fixed{width:1200px;height:850px;text-align:right;margin:auto;z-index:3;position:relative;display:table}
#territory .fixed .text-right-top{text-align:right;padding:18% 10% 0 0;z-index:3;width:50%;display:table-cell;vertical-align:top;margin:0}
#territory .fixed .text-right-top p{text-align:right;font-size:25px;line-height:35px;width:310px;float:right}
#territory .fixed .text-right-top span{font-size:50px;line-height:50px; display: block; width: 100%}
#territory .fixed .text-left-top{text-align:left;padding:25% 0 0 10%;z-index:3;width:50%;display:table-cell;vertical-align:top;margin:0}
#territory .fixed .text-left-top p{text-align:left;font-size:25px;line-height:35px;width:300px}
#territory .fixed .text-left-top span{font-size:50px;line-height:60px}
#territory .fixed .text-left-top .buy{margin:3% 0 0;max-width:200px}
#territory .top{width:100%;position:absolute;z-index:-1;margin:auto;bottom:0}
#territory .top img{width:100%;margin:auto}
#territory .def-height .w-col-6 > img{margin-top:0;vertical-align:middle;width:100%}
#territory .def-height .middle{position:absolute;z-index:5;width:885px;left:50%;margin-left:-442px}
#territory .def-height .middle p{width:300px;margin:auto;margin-top:15%; text-align: center}
#territory .def-height .middle span{font-size:50px;line-height:60px}
#territory .def-height .pisticci{background:url(../images/territory/pisticci.png);background-repeat:no-repeat;background-size:885px;height:591px}
#territory .def-height .matera{background:url(../images/territory/matera.png);background-repeat:no-repeat;background-size:885px;height:710px}
#territory .pi{height:591px}
#territory .ma{height:776px;overflow:hidden}


/*
FOOTER
*/
#footer{padding:0;font-size:14px;line-height:24px;background:url(../images/footer/pisticci.png);background-repeat:no-repeat;background-position:center 0}
#footer .def-height .w-col-6{display:table-cell;vertical-align:bottom}
#footer p{padding:10%}
#footer p span{font-size:25px;line-height:35px}
#footer .w-nav-social{margin:20px auto auto;text-align:center;width:240px}
#footer .w-nav-social a{float:left;width:60px;padding:10px}
#footer .w-nav-social img{width:100%}
#footer .sponsor a{float:left;padding:10px}
#footer .sponsor{float:right}

.links{text-align:center;float:left;width:100%}
.links p{font-size:22px;letter-spacing:.5px;text-align:center;margin-top:20px}
.links img{padding:30px 50px}
.copyright-area{text-align:center;font-size:13px;padding:10px 0 0;color:#f5f5f5;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.made{right:0;bottom:10px;display:inline-block}
.made img{width:80%; margin-top: -5px}


/*
HOMEPAGE
*/
#homepage{position:relative;z-index:1}
#homepage .placeholder-img{opacity:0;visibility:hidden}
#homepage #cover-1 .wrap img{margin-top:-123px}
#homepage .category > h3{font-size:14px;padding-bottom:15px;text-transform:uppercase}
#homepage #tiles-grid .text > p{font-size:14px;line-height:24px;text-align:center;padding:0 5%}
#homepage .tiles .news{text-align:left}
#homepage .tiles .news h3{margin-bottom:20px;font-size:25px;line-height:35px}
#homepage .tiles .news p{text-align:left;padding:10%;font-size:16px;line-height:30px}
#homepage .tiles .news p span{font-size:25px;line-height:35px}
#homepage .tiles .news .title{color:#B39978}
#homepage .section-title{color:#c51026;padding:0 0 0 10%}
#homepage .absolute-container{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;padding:10%;overflow: hidden}
#homepage .absolute-container .center .icon{margin-top:8%}
#homepage .absolute-container .title h3{font-size:40px!important;line-height:50px}
#homepage .absolute-container .subtitle{font-size:25px;line-height:35px;font-style:italic}
#homepage .absolute-container .border{border:1px solid #f5f5f5;width:auto;height:auto;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:2}
#homepage .absolute-container .border-left{border-right:0;right:0}
#homepage .absolute-container .border-right{border-left:0;left:0}
#homepage #news-short{background-color:#1e0c0a;color:#f5f5f5}
#homepage #news-short .container{padding:2% 0 2%}
#homepage #news-short .news{padding:0;text-align:left}
#homepage #news-short .border-right{border-right:1px solid #f5f5f5; overflow: hidden;}
#homepage #news-short .btn{margin-left:10%;margin-bottom:10%;float:left}
#homepage .homepage-grid-one-fourth{margin:0;text-align:center}
#homepage #homepage_slider{padding:0;text-align:center}
#homepage #homepage_slider .slick-dots{left: 45%;}
#homepage #homepage_slider .tile-banner-1-slider{padding:10%}
#homepage #homepage_slider button:before{color:#c51026;opacity:1;}
#homepage #homepage_slider .slick-active button:before {color:#f5f5f5}
#homepage #news_slider{text-align:center}
#homepage #news_slider button:before{color:#c51026;opacity:1}
#homepage #news_slider .slick-active button:before{color:#f5f5f5}
@media(max-width:1279px) {
    #homepage .absolute-container .img-grid-text-container {padding:0 10%;}
    #homepage .absolute-container .img-grid-text-container .category {
        margin-top:45px;
    }
}

/* mobile slider */
#homepage #tiles_slider .category {display:inline-block; margin-top:30%;  }
#homepage #tiles_slider h3 {  padding:5px 35px;  margin:0;  }
#homepage #tiles_slider {
    display:none; /* I show it with .visible-xs in html */
   /* max-height:480px; */ }
#homepage #tiles_slider .slide {position:relative;}
#homepage #tiles_slider .slide  img { width:100%;height:auto; }
@media(max-width:500px) {
    #homepage #tiles_slider .slide  img { width:100%; }
}
#homepage #tiles_slider .icon img {height:60px; width:60px  }
#homepage #tiles_slider button:before{color:#c51026;opacity:1;}
#homepage #tiles_slider .slick-active button:before{color:#f5f5f5;}
#homepage #tiles_slider .slick-dots {left:37.5%;}
#homepage #tiles_slider .tile-short {text-align:center; position:relative;}
#homepage #tiles_slider .icon {display:inline-block;border-radius:50%;}

#homepage #tiles_slider #homepage-row-family .icon,
#homepage #tiles_slider #homepage-row-family .category {background-color: #c51026; text-transform: uppercase;}

#homepage #tiles_slider #homepage-row-recipes .icon,
#homepage #tiles_slider #homepage-row-recipes .category {background-color: #FEC047; color:#1e0c0a; text-transform: uppercase;}

#homepage #tiles_slider #homepage-row-herbs .icon,
#homepage #tiles_slider #homepage-row-herbs .category {background-color: #1e0c0a; text-transform: uppercase;}

#homepage #tiles_slider #homepage-row-territory .icon,
#homepage #tiles_slider #homepage-row-territory .category,
#homepage #tiles_slider #homepage-row-history .icon,
#homepage #tiles_slider #homepage-row-history .category {background-color: #ffffff; color:#1e0c0a; text-transform: uppercase;}

#homepage-row-territory h3 span, #homepage #tiles_slider #homepage-row-history h3 span {color:#000000}

.blocker{z-index:99999!important}

.fixed-1894 {
    display:block;
    width:24%;
    position:absolute;
    /*top:180px;*/
    top:230px;
    bottom:auto;
    left:0;
    right:auto;
    z-index:3;
}

.fixed-1894 a {
    display:block;
}

.fixed-1894 img {
    display:block;
    height:auto;
    margin-top:0 !important;
    max-width:100%;
}
@media(max-width:767px) {
    .fixed-1894 {
        display: none;
    }
}
/*
MIXOLOGY
*/
#mixology,#mixology_recipe{position:relative;z-index:5}
#mixology .container,#mixology_recipe .container{margin-top:-65px}
#mixology .w-col-9,#mixology_recipe .w-col-9{position:relative;z-index:2;text-align:center;margin:auto;padding:2%}
#mixology .w-col-9 p,#mixology_recipe .w-col-9 p{text-align:center;font-size:25px;line-height:35px;padding:2% 0}
#mixology .w-col-9 p span,#mixology_recipe .w-col-9 p span{font-size:50px;line-height:60px}

#mixology #filter,#mixology_recipe #filter{overflow:hidden;width:915px;margin:auto;padding:0;padding-bottom:2%}
#mixology #filter .filters-text,#mixology_recipe #filter .filters-text{color:#9B0C1E;text-transform:uppercase;font-size:18px}
#mixology #filter .filter-selector,#mixology_recipe #filter .filter-selector{padding:5px 5px 0}
#mixology #filter .filter-selector img,#mixology_recipe #filter .filter-selector img{width:100px;cursor:pointer}
#mixology #filter p.rollover,#mixology_recipe #filter p.rollover{font-size:14px;line-height:20px;padding:2% 0;width:100px;border-top:1px solid #fff;border-bottom:1px solid #fff;text-transform:uppercase;visibility:hidden}
#mixology #filter .filter-active p.rollover,#mixology_recipe #filter .filter-active p.rollover{visibility:visible}
#mixology #filter .filter-selector:hover p.rollover,#mixology_recipe #filter .filter-selector:hover p.rollover{visibility:visible}
#mixology #filter .separator,#mixology_recipe #filter .separator{border-right:1px solid #9b0c1e;height:120px;width:2px}
#mixology #filter .separator:last-child,#mixology_recipe #filter .separator:last-child{visibility:hidden}

#mixology .icon-container .icon,#mixology_recipe .icon-container .icon{display:inline-block}
#mixology .icon-container .icon img,#mixology_recipe .icon-container .icon img{height:70px}
#mixology .img-grid-3,#mixology_recipe .img-grid-3{background-color:#1e0c0a;border:1px solid #c51026;border-right:0;border-bottom:0;width:33.333333%;padding-top:16.666%}
#mixology span.bar,
#mixology_recipe span.bar{border-bottom:1px solid #f5f5f5;display:block;margin:0 auto;width:75%}

#mixology .mixology-text,#mixology_recipe .mixology-text{position:absolute;top:0;left:0;right:50%;bottom:0;text-align:center}
#mixology .mixology-box-container,#mixology_recipe .mixology-box-container{position:relative;height:90%;display:table;vertical-align:middle;margin:auto;width:100%}
#mixology .mixology-box-container span:first-child,#mixology_recipe .mixology-box-container span:first-child{margin-bottom:10px}
#mixology .mixology-box-container span:last-child,#mixology_recipe .mixology-box-container span:last-child{margin-top:10px}
#mixology .text-container,#mixology_recipe .text-container{display:table-cell;vertical-align:middle;width:100%;padding-left:10px}
#mixology .icon-container,#mixology_recipe .icon-container{display:block;position:absolute;top:auto;bottom:-20px;left:0;right:0}
.icon-container .icon img,.icon-container .icon small{display: block;position: relative}
#mixology_recipe .author{margin-top: 10px}
.icon-container .icon small{margin-top:-10px;line-height: 20px}
#mixology .mixology-image,#mixology_recipe .mixology-image{position:absolute;top:0;left:50%;right:0;bottom:0;text-align:center;background-position:center bottom!important;background-size:120%;background-repeat:no-repeat!important}
#mixology-full .mixology-image{position: relative !important;left: 0;max-width: 500px }
#mixology-full .icon-container{position: relative;bottom: 0px;left:0px}
.modal{background:#1e0c0a none repeat scroll 0 0!important;border-radius:0!important;box-shadow:0 0 5px #000!important;padding:10px!important;border:1px solid #f5f5f5; max-width: 600px !important}
.modal #mixology_recipe{width:100%}
.modal #mixology_recipe .mixology-image{margin:auto;width:80%;border-bottom:1px solid #f5f5f5;position:relative;left:0;margin:auto}
.modal #mixology_recipe .icon-container{bottom:auto;display:block;left:0;margin:auto;position:relative;right:auto;text-align:center;top:auto}
.modal #mixology_recipe .text-container{display:block;margin:10% auto auto;padding-left:0;text-align:center;vertical-align:top;width:70%}
.modal #mixology_recipe .text-container h3{padding-top:5px}
.modal #mixology_recipe .text-container h4{padding-bottom:5px;color:#c51026;text-transform:uppercase;font-size:14px}
.modal #mixology_recipe .description-container{padding:5%;width:90%}
.modal #mixology_recipe .description-container h3{font-size:18px}
.modal h3{text-transform:uppercase}




/*per row  +++++ CUSTOM LUCANO BANNER GRID +++++ */


/* +++++ GENERAL GRID RULES +++++ */
.custom-grid {
  position: relative;
  padding: 0;
  text-align: center; }
.custom-grid img {
    margin: auto; }
.custom-grid .recipe-short {
    background-position: center center !important;
    background-repeat: no-repeat !important; 
    text-align: center;
}

.img-grid-container {
  position: relative;
  float: none;
  clear: both;
  overflow: hidden; }

.img-grid {
  display: inline-block;
  float: left;
  position: relative; }

.recipe-short, .recipe-long {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.position-container {
  position: absolute;
  text-align: center;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px; }

.recipe-short .title {
  display: inline-block;
  padding: 5px 15px;
  margin-top: 15px; }

.img-grid:before, .img-grid:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  overflow: auto; }

.placeholder-img {
  position: relative;
  z-index: -1; }

.placeholder-img, .recipe-short, .recipe-long {
  -webkit-transition: 0.8s all ease-in-out;
  -moz-transition: 0.8s all ease-in-out;
  -ms-transition: 0.8s all ease-in-out;
  transition: 0.8s all ease-in-out; }

.img-grid:hover .placeholder-img, .img-grid:hover .recipe-short, .img-grid:hover .recipe-long {
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out; }

/* +++++ PAGE SPECIFIC GRID RULES +++++ */



/* RECIPE PAGE ANIMATIONS */
.img-grid.open .recipe-long {
  opacity: 0; }
.img-grid.open .recipe-short {
  opacity: 1; }

.img-grid.close .recipe-long {
  opacity: 1; }
.img-grid.close .recipe-short {
  opacity: 0; }
.img-grid.close .placeholder-img {
  opacity: 0; }

.img-grid.open:hover .recipe-long {
  opacity: 1; }
.img-grid.open:hover .recipe-short {
  opacity: 0; }
.img-grid.open:hover .placeholder-img {
  opacity: 0; }

.img-grid.close:hover .recipe-long {
  opacity: 0; }
.img-grid.close:hover .recipe-short {
  opacity: 1; }
.img-grid.close:hover .placeholder-img {
  opacity: 1; }




/* RECIPE PAGE ANIMATIONS NEW */
.img-grid .recipe-long {
    opacity:0;
}
.img-grid:hover .recipe-long {
    opacity:1;
}
.img-grid:hover .recipe-short {
    opacity:0.1;
}
.img-grid:hover .recipe-short .position-container {
    opacity:0;
}






.background-image-container,
.img-grid-custom-hover .recipe-short,
.recipe-short .position-container,
.img-grid-custom-hover .btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.img-grid .recipe-long{opacity:0}
.img-grid .background-image-container{position:absolute;top:0;left:0;bottom:0;right:0;background-size:contain;background-repeat:no-repeat;background-position:center top}
.img-grid:hover .recipe-long{opacity:1}
.img-grid:hover .recipe-short{opacity:.1}
.img-grid:hover .recipe-short .position-container{opacity:0}
.img-grid.img-grid-custom-hover:hover .recipe-short .position-container{opacity:1;border-color:transparent!important}
.img-grid.img-grid-custom-hover:hover .background-image-container{opacity:.3}
.img-grid-custom-hover:hover .recipe-short,.img-grid-custom-hover:hover .btn{opacity:1}


.recipe-short,.position-container{background-size:cover!important}

.img-responsive{max-width:100%;height:auto}

#cover-2 .img-responsive{max-width:200%}
#cover-2 .wrap { overflow:hidden; }
.card_style > div{position:relative}
#cover-2 .wrap img{margin:0}
#banner-homepage{position:relative;display:block;overflow:hidden}
#cover-2 {position:relative}
#cover-2 .mixology-text {
    position:absolute;
    right: 0;
    padding: 10% 5% 2%;
    text-align: right;
}
#cover-2 .mixology-text h2,
#cover-2 .mixology-text p {
    margin-bottom:30px;
    text-align:right; 
}
#cover-2 .mixology-text p{
font-size: 17px
}
@media(max-width:767px) {
    #cover-2 .mixology-text {
        text-align:center;
        position:relative;
        background-color:black;
    }
    #cover-2 .mixology-text h2,
    #cover-2 .mixology-text p {
        text-align:center;
    }

    #cover-2 .mixology-text p {
        margin:0;
    }

    #cover-2 .mixology-cta {
        position: absolute;
        top: 225%;
        left: 0;
        right: 0;
    }
    #cover-2 .btn {
        background-color:rgba(0,0,0,0.7);
        color:white;
    }
    #cover-2 .btn:hover {
        background-color:white;
        color:#1e0c0a;
    }
}
.homepage-grid-container,.homepage-grid-container .homepage-grid-left,.homepage-grid-container .homepage-grid-right,.homepage-grid-container .homepage-grid-row{position:relative;display:block;overflow:hidden}
#banner-homepage .homepage-grid-container{background-color:#fff}
.homepage-grid-container{width:100%;display:table}
.homepage-grid-left{display:table-cell!important}
.homepage-grid-right{display:table-cell!important}
#homepage .clearfix:before,#homepage .clearfix:after{display:block;content:'';overflow:auto;zoom:1;float:none;clear:both}
.homepage-grid-container .img-grid-lucano{width:50%!important}
.homepage-grid-container .homepage-grid-left{width:66.66666%}
.homepage-grid-container .homepage-grid-right{width:33.33333%}
/*.image-store-it{background:url(../images/homepage/it/store_lucano.jpg) center center;}
.image-store-en{background:url(../images/homepage/en/store_lucano.jpg) center center;}*/
.image-store{background-size:cover;background-repeat:no-repeat;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.image-store .btn {position: absolute; margin-left: 32%; bottom: 220px}
.img-store{float:left}

.image-fb{background-size:cover;background-repeat:no-repeat;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.image-fb .btn {position: absolute; margin-left: 35px; top: 65%}
.img-fb{float:left; background-position: top left}

.homepage-grid-one-third{display:table;float:left;width:33.33333%}
.homepage-grid-one-fourth{display:table;float:left;width:25%}
#homepage_slider{background-color:#c51026}
#homepage_slider,#homepage_slider .w-container,#homepage_slider .slick-container{height:100%}
#tiles-grid [class*='grid-item-']:before,#tiles-grid [class*='grid-item-']:after{display:block;content:'';overflow:auto;zoom:1;float:none;clear:both}
.grid-item{width:33.333333333%;padding-top:33.333333333%;float:left}
@media (min-width: 1280px) {
  .grid-item{width:16.666666667%;padding-top:16.666666667%;float:left}
  .grid-item-width-2{width:33.333333333%;padding-top:33.333333333%;float:left}
  .grid-item-no-masonry{position:absolute;top:0;bottom:50%;right:0;left:50%}
}
#tiles-grid .grid-item{position:relative;text-align:center}
.background-image,.img-grid-text-container{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;opacity:1}
.background-image.img-grid-hidden{opacity:0}
.img-grid-text-container.img-grid-hidden{opacity:0;height:0}
.img-grid-text-container-mobile{position:relative}
.img-grid-text-container-mobile .category h3{margin:0;padding:5px 0!important}
.img-grid-text-container-mobile .icon{display:inline-block;border-radius:50%}
.img-grid-text-container-mobile .icon,.img-grid-text-container-mobile .category{margin-top:15px}
#tiles-grid .background-image{background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;position:absolute;top:0;left:0;right:0;bottom:0}
.tile-short .icon,.tile-short .category{background-color:#c51026}



.absolute-container-mixology{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.centrize{display:table;height:100%;width:100%;text-align:center}
.centrize > div{vertical-align:middle;display:table-cell}
.centrize .btn{opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.grow .mixology-text,.grow .mixology-image{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.grow:hover .btn{opacity:1}
.grow:hover .mixology-image{opacity:.1}
.grow:hover .mixology-text{opacity:.1}
.grow{overflow:hidden!important;transition-property:padding-top,width,border-width,opacity;transition-duration:.3s;transition-timing-function:linear;transition:all .5s ease-in-out}
.invert-grow{padding-top:0!important;width:0!important;border-width:0!important;opacity:0;transform:scale(0)}
.filter-selector{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.filter-active img{opacity:.5}




#homepage-row-family .grid-item{background-color:#c51026}
#homepage-row-family .img-grid-text-container-mobile .icon,#homepage-row-family .img-grid-text-container-mobile .category{background-color:#c51026}
/*#homepage-row-family .image-1{background:url(../images/homepage/tiles/family_01.jpg)}
#homepage-row-family .image-2{background:url(../images/homepage/tiles/family_02.jpg)}
#homepage-row-family .image-3{background:url(../images/homepage/tiles/family_03.jpg)}
#homepage-row-family .image-4{background:url(../images/homepage/tiles/family_04.jpg)}*/
#homepage-row-travel ul{text-align:center;margin:2% 1px 0;overflow: hidden}
#homepage-row-travel li{float:none;display:inline-block;overflow: hidden;height: 22px}
#homepage-row-travel a{color:#1e0c0a;padding:0px 10px;text-transform:uppercase}
#homepage #tiles-grid .text > p{line-height: 22px}
#homepage #tiles-grid h4{line-height: 28px}
#homepage-row-travel ul li{font-size: 14px;line-height: 22px}



#homepage-row-travel .grid-item{background-color:#fff;color:#1e0c0a}



#homepage-row-territory .grid-item,#homepage-row-territory .img-grid-text-container-mobile .icon,#homepage-row-territory .img-grid-text-container-mobile .category{background-color:#fff;color:#1e0c0a}
.image-0{background:url(../images/homepage/tiles/territory/territory_00.jpg)}
/*#homepage-row-territory .image-1{background:url(../images/homepage/tiles/territory_01.jpg)}
#homepage-row-territory .image-2{background:url(../images/homepage/tiles/territory_02.jpg)}
#homepage-row-territory .image-3{background:url(../images/homepage/tiles/territory_03.jpg)}
#homepage-row-territory .image-4{background:url(../images/homepage/tiles/territory_04.jpg)}
#homepage-row-territory .image-5{background:url(../images/homepage/tiles/territory_05.jpg)}*/
#homepage-row-herbs .grid-item,#homepage-row-herbs .img-grid-text-container-mobile .icon,#homepage-row-herbs .img-grid-text-container-mobile .category{background-color:#1e0c0a}
/*#homepage-row-herbs .image-1{background:url(../images/recipe/herbs/assenzio-romano.jpg)}
#homepage-row-herbs .image-2{background:url(../images/recipe/herbs/assenzio-gentile.jpg)}
#homepage-row-herbs .image-3{background:url(../images/recipe/herbs/salvia-sclarea.jpg)}
#homepage-row-herbs .image-4{background:url(../images/recipe/herbs/achillea-moscata.jpg)}
#homepage-row-herbs .image-5{background:url(../images/recipe/herbs/cardo-santo.jpg)}
#homepage-row-herbs .image-6{background:url(../images/recipe/herbs/arancio-amaro.jpg)}
#homepage-row-herbs .image-7{background:url(../images/recipe/herbs/genziana.jpg)}
#homepage-row-herbs .image-8{background:url(../images/recipe/herbs/angelica.jpg)}
#homepage-row-herbs .image-9{background:url(../images/recipe/herbs/sambuco.jpg)}
#homepage-row-herbs .image-10{background:url(../images/recipe/herbs/ruta.jpg)}
#homepage-row-herbs .image-11{background:url(../images/recipe/herbs/aloe.jpg)}*/
#homepage-row-casual .grid-item{background-color:#fff;color:#1e0c0a}
#homepage-row-casual .image-1{background:url(../images/homepage/tiles/territory/territory_1.jpg)}
#homepage-row-history .grid-item,#homepage-row-history .img-grid-text-container-mobile .icon,#homepage-row-history .img-grid-text-container-mobile .category{background-color:#fff;color:#1e0c0a}
/*#homepage-row-history .image-1{background:url(../images/homepage/tiles/history_01.jpg)}
#homepage-row-history .image-2{background:url(../images/homepage/tiles/history_02.jpg)}
#homepage-row-history .image-3{background:url(../images/homepage/tiles/history_03.jpg)}
#homepage-row-history .image-4{background:url(../images/homepage/tiles/history_04.jpg)}
#homepage-row-history .image-5{background:url(../images/homepage/tiles/history_05.jpg)}
#homepage-row-history .image-6{background:url(../images/homepage/tiles/history_06.jpg)}
#homepage-row-history .image-7{background:url(../images/homepage/tiles/history_07.jpg)}*/
#homepage-row-recipes .grid-item,#homepage-row-recipes .img-grid-text-container-mobile .icon,#homepage-row-recipes .img-grid-text-container-mobile .category{background-color:#FEC047;color:#1e0c0a}
/*#homepage-row-recipes .image-1{background:url(../images/recipe/secret1.jpg)}
#homepage-row-recipes .image-2{background:url(../images/recipe/secret2.jpg)}
#homepage-row-recipes .image-3{background:url(../images/recipe/secret3.jpg)}
#homepage-row-recipes .image-4{background:url(../images/recipe/secret4.jpg)}
#homepage-row-recipes .image-5{background:url(../images/recipe/secret5.jpg)}
#homepage-row-recipes .image-6{background:url(../images/recipe/secret6.jpg)}
#homepage-row-recipes .image-7{background:url(../images/recipe/secret7.jpg)}*/

@media (max-width: 767px) {
  .hidden-xs{display:none!important}
  .visible-xs{display:block!important}
  .homepage-grid-container .homepage-grid-left{width:100%}
  .homepage-grid-container .homepage-grid-right{width:100%}
  .homepage-grid-one-fourth{width:100%}
  #banner-homepage .homepage-grid-container{display:table;table-layout:fixed}
  #banner-homepage .homepage-grid-left{display:table-cell;vertical-align:middle;float:none;background-color:#c51026}
  #news_slider{text-align:center}
  #news_slider button:before{color:#c51026;opacity:1}
  #news_slider .slick-active button:before{color:#fff}
 /* #tiles-grid{height:750px!important;overflow:hidden}*/
  #tiles-grid .grid-item{position:relative;width:100%;height:450px;left:0;right:0;top:auto;bottom:auto}
  #tiles-grid #homepage-row-travel {height:250px;}
  #tiles-grid .grid-item-width-2{height:250px; position:relative !important; top:auto;bottom:auto;left:auto;right:auto} /* position relative to disable masonry styles */
  .slider-container .slick-container{margin-bottom:0!important}
  .slider-container .tile-banner-1-slider{padding-bottom:20%!important;background-size:cover;background-repeat:no-repeat}
  .slider-container .slick-dots{position:absolute!important;bottom:20px}
}

@media (min-width: 768px) and (max-width: 1279px) {
  .hidden-sm{display:none!important}
  .visible-sm{display:block!important}
  .homepage-grid-container .homepage-grid-left{width:50%;float:none;height:100%}
  .homepage-grid-container .homepage-grid-right{width:50%;float:right}
  .homepage-grid-one-fourth{width:50%}
  .image-store{height:100%}
  #banner-homepage .homepage-grid-container{display:table;table-layout:fixed}
  #banner-homepage .homepage-grid-left{display:table-cell;vertical-align:middle;float:none;background-color:#c51026}
  #banner-homepage .homepage-grid-right{display:table-cell;vertical-align:middle;float:none}
  #homepage_slider{padding:50px 25px;text-align:center}
  #news_slider{text-align:center}
  #news_slider button:before{color:#c51026;opacity:1}
  #news_slider .slick-active button:before{color:#fff}
  .homepage-grid-left,.slider-container,.slider-container .slick-list,.slider-container .slick-track{position:absolute;padding:0;margin:0;top:0;bottom:0;left:0;right:0}
  .slider-container .tile-banner-1-slider{height:100%;background-size:cover;background-repeat:no-repeat;background-position:right}
  .slider-container .slick-dots{position:absolute!important;bottom:20px}
}
@media (min-width: 1280px) {
  .hidden-lg{display:none!important}
  .visible-xs,.visible-sm{display:none!important}
}


/*#age-check-page{position: fixed; width: 100%; height: 100%; z-index:9999999;  background:url(../images/age/bg.jpg); background-size: 100%; background-position: center; background-repeat: repeat-y; display: none; top:0px; left:0px;overflow: scroll  }*/
/*
.graphic-it{background:url(../images/it/age/graphic.png) center center; background-repeat: no-repeat;  background-size: contain}
.graphic-en{background:url(../images/en/age/graphic.png) center center; background-repeat: no-repeat;  background-size: contain}*/

/*#age-check-page .graphic {background-repeat: no-repeat; display: table; height: 100%;width: 800px;margin: auto}
#age-check-page .graphic >div {display: table-cell; width: 50%;height: 100%;text-align: center;}

#age-check-page .graphic .ca-1894{height: 300px;width: 100%;margin: 100% auto 0}
#age-check-page .graphic .ca-1894 img {width: 70%; margin-right: 15%}
#age-check-page .graphic .ca-1894 img.check {width: 40%!important; float:left; margin: 0}

#age-check-page .graphic .ca-brand{height: 300px;width: 100%;margin: 100% auto 0}
#age-check-page .graphic .ca-brand img {width: 70%; margin-left: 15%}
#age-check-page .graphic .ca-brand img.check  {width: 40%!important; float:left; margin-left: 20%}


#age-check-page .graphic .select {width: 100%;overflow: scroll;height: 800px}
#age-check-page .mobile {display: none}
#age-check-page .desktop {display: block}
!*#age-check-page .graphic .left {text-align: right; padding-right: 5%}
#age-check-page .graphic .right {text-align: left; padding-left: 5%}
.age-check {display: table-cell; vertical-align: top; padding: 0; display: table-cell;}
.age-check a {cursor: pointer; height: 65px; }*!


@media (max-width: 800px) {
    #age-check-page .graphic {background:url(../images/age/graphic-mobile.png); background-size: contain; background-position: center; background-repeat: no-repeat; display: table-cell; }
    

    .age-check a {cursor: pointer; height: 25px; float: none; }
    .ca-1894 a div, .ca-brand a div {width: 170px; margin: auto}
    #age-check-page .graphic .ca-1894 .ca-btn { margin-right: 15%}
    #age-check-page .graphic .ca-brand .ca-btn { margin-left: 15%}
    #age-check-page .graphic .ca-1894 img.check {width: 100%!important;}
    #age-check-page .graphic .ca-brand img.check  {width: 100%!important; margin-left: 0}
   
}



@media (max-width: 479px) {
    #age-check-page .mobile {display: block}
    #age-check-page .desktop {display: none}

    .ca-1894 a div {width: 70%; margin-left: 8%}
    .ca-brand a div {width: 70%; margin-right: 8%}
    .ca-1894 .mobile .title {font-family:'Fjalla One'; font-size: 17px; line-height: 24px; text-align: left; color: black; padding: 10%; width: 70%; border-bottom: 1px solid #000; float: left}
    .ca-1894 .mobile .subtitle {font-family:'Fjalla One'; font-size: 14px; line-height: 17px; text-align: left; color: black; padding: 10%; width: 60%; float: left}

    .ca-brand .mobile .title {font-family:'Fjalla One'; font-size: 17px; line-height: 24px; text-align: right; color: black; padding: 10%; width: 70%; border-bottom: 1px solid #000; float: right}
    .ca-brand .mobile .subtitle {font-family:'Fjalla One'; font-size: 14px; line-height: 17px; text-align: right; color: black; padding: 10%; width: 60%; float: right}

  !*  #age-check-page .graphic .ca-1894 .ca-btn { margin-right: 15%}
    #age-check-page .graphic .ca-brand .ca-btn { margin-left: 15%}
    #age-check-page .graphic .ca-1894 img.check {width: 100%!important;}
    #age-check-page .graphic .ca-brand img.check  {width: 100%!important; margin-left: 0}*!
   
}*/

@media(min-width:460px) {
    .modal{min-width:450px !important;}
}
.video-frame{width: 100%;height:100%}

img.unveil{opacity: 0;
    transition: opacity .3s ease-in;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-video{
    background-image: url(../images/play.png);background-position: center;background-repeat: no-repeat;display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top:0px
}


@media (min-width: 630px) {
    #video-modal-cont{min-width: 600px !important;}
}