@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Alex+Brush);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i');

@font-face {
    font-family: 'Vujah';
    src: url('../fonts/vujahday_flourish-vujahday.eot');
    src: url('../fonts/vujahday_flourish-vujahday.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vujahday_flourish-vujahday.woff2') format('woff2'),
         url('../fonts/vujahday_flourish-vujahday.woff') format('woff'),
         url('../fonts/vujahday_flourish-vujahday.ttf') format('truetype'),
         url('../fonts/vujahday_flourish-vujahday.svg#vujahday_flourishflourish') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
html, body {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	font-family: 'Lato', sans-serif;
	//color:#001a56;
    color: #414141;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a{
     -webkit-transition: all 0.3s ease-out; /* Firefox */
    -moz-transition: all 0.3s ease-out; /* WebKit */
    -o-transition: all 0.3s ease-out; /* Opera */
    transition: all 0.3s ease-out; /* Standard */
}

form#frm { 	overflow:hidden;    }

.wrapper-wide {
    /*max-width:1280px;*/
    width:100%;
    display:block;
    margin:0 auto;
    position:relative;
}

.wrapper-small {
    max-width:962px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.wrapper-xs-small {
	max-width:820px;
	display: block;
	margin: 0 auto;
	position: relative;
}

.handswrite{
	font-family: 'Vujah','Alex Brush', cursive;
	color:#c90039;
}

.container {
	clear: both;
	padding: 0;
	margin: 0;
}

a.arrow-link{
	height:20px;
	background:url("/images/common-cinz/arrow-left-red.png") no-repeat left center transparent;
	padding-left:15px;
	line-height:20px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:500;
	color:#c90039;
}

a.more-link{
    text-align:left;
    height:20px;
    line-height:20px;
    text-transform:uppercase;
    color:#545454;
}
a.more-link span.ico{
    width:20px;
    display:none;
    height:20px;
    background:url("/images/common-cinz/arrow-down-footer.png") no-repeat right center transparent;
    vertical-align:middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;

    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
}

.handswrite {
	font-family: Vujah, 'Alex Brush', cursive;
	/*color:#c90039;*/
}

.absolute-left {
	position:absolute;
	left:0;
}

.absolute-right {
	position:absolute;
	right:0;
}

.absolute-top {
	width:100%;
	position:absolute;
	top:0;
}

.absolute-middle {
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	margin: auto;
}

.absolute-bottom{
	position:absolute;
	bottom:0;
}
header { }
header .wrapper-wide{
height:103px;
background:url("/images/header-cinz/bg-bottom-header.gif")  repeat-x bottom left;
}

.footer-container{
	/*max-width:1280px;*/
	height:145px;
	background:#d1d1d1 url("/images/footer-cinz/bg-top-footer.gif") repeat-x top left;
}

.footer-container nav{
	text-align:center;
	height:80px;
	margin:0 auto;
}
.footer-container nav ul{
	text-align:center;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 0;
	list-style: none;
	line-height: 85px;
}

.footer-container nav ul li{
    display: inline;
    width:auto;
    margin:0 auto;
    text-align:center;
    padding:0 20px;
}

.footer-container nav ul li a{
	font-size: 12px;
}
.footer-container nav ul li a, 
.footer-container nav ul li a:active, 
.footer-container nav ul li a:visited {
	font-weight:300;
	color:#545454;
	text-transform:uppercase;
}

.footer-container div.txt{
	text-align:center;
	font-size:10px;
	font-weight:300;
	color:#666666;
}

.footer-container div.txt p{
	display: inline-block;
	width: auto;
	float: none;
	position:relative;
	vertical-align:middle;
}

.footer-container div.txt img{
	vertical-align:middle;
	margin:0 0 0 15px;
}

footer {
	width:100%;
	height:auto;
	position:relative;
	z-index:4;
}

.footer-container {
	/*max-width:1280px;*/
	height:145px;
	background:#485462 repeat-x top left;
}

.footer-container nav {
	text-align:center;
	height:80px;
	margin:0 auto; 
}
.footer-container nav ul {
	text-align:center;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 0;
	list-style: none;
	line-height: 85px;
}

.footer-container nav ul li {
	display: inline;
	width:auto;
	margin:0 auto;
	text-align:center;
	padding:0 10px;
}

.footer-container nav ul li a{
	font-size:12px;
    opacity: 0.8;
}

.footer-container nav ul li a[href="javascript:void(0)"]{
	cursor:auto;
}

.footer-container nav ul li a, 
.footer-container nav ul li a:active, 
.footer-container nav ul li a:visited {
	font-weight:300;
	color:#fefefe;
	text-transform:uppercase;
    opacity: 1;
}

.footer-container div.txt {
	text-align:center;
	font-size:12px;
	font-weight:300;
	color:#fefefe;
}

.footer-container div.txt img {
	vertical-align:middle;
	margin:0 0 0 15px;
    display:none;
}

.wrapper-wide {
	/*max-width:1280px;*/
	width:100%;
	display:block;
	margin:0 auto;
	position:relative;
}

.wrapper-small {
	max-width:962px;
	display: block;
	margin: 0 auto;
	position: relative;
}

/* menu */
.wrapper {
	position: relative;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.wrapper.active { left: 0;}
a.menu-link {
	float: left;
	display: none;
	padding: 1em;
	position:absolute;
	z-index:2;
}

nav[role=navigation] {
	clear: both;
	overflow: hidden;
}
.js nav[role=navigation] {
	max-width: none;
	position: static;
	height: auto;
	width: auto;
    text-align: center;
}

.menu-deskotp {
	display:block;
	width:100%;
}

.menu-deskotp .top {
	width:100%;
	height:63px;
	margin:0 auto;
	text-align:center;
}

.logo-menu { display:none;}

.menu-deskotp .top .logo {
    margin:10px auto;
    text-align:center;
}
.menu-deskotp .top .lingua{
    text-transform:uppercase;
    font-size:11px;
    width:115px;
    height:37px;
    /*background:url("/images/header-cinz/bg-lingue.png") no-repeat top left;*/
    position:absolute;
    left:65%;
    top:0;
    z-index:100;
}

.menu-deskotp .top .lingua  > div > .down-arrow {
	height:15px;
	width:9px;
	position:absolute;
	right:9px;
	top:9px;
	background:url("/images/header-cinz/down-arrow.png") no-repeat center center transparent;
	background-size:contain;
	z-index:10000;
}

nav[role="navigation"] .DivSelectyze.css3 {
	text-align:left;
	text-indent:5px;
	/*margin-top:5px;*/
	margin-top:5px;
}

nav[role="navigation"] .DivSelectyze.css3 a {
	color:#a6a6a6;
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	padding:5px 0;
	height:auto;
	display:block;
}

nav[role="navigation"] .DivSelectyze.css3 > a {
	background:url("/images/header-cinz/down-arrow.png") no-repeat transparent;
	background-position: center right 5px;
	/*background-position-y:center;
	background-position-x:90%;*/
}


nav[role="navigation"] ul.UlSelectize {
	display:none;
	text-align:left;
}

nav[role="navigation"] ul.UlSelectize li {
	padding:0;
	margin:0;
	text-align:left;
	background-color:#f5f5f5;
	border-top:1px solid #e2e2e2;
	display:block;
}
nav[role="navigation"] ul.UlSelectize li a { text-align:left;}

nav[role="navigation"] ul.UlSelectize li a:hover {
	color:#7a7a7a;
	border:0;
}

.menu-deskotp .top .social{
    /*width:68px;*/
    width:71px;
    height:37px;
    /*background:url("/images/header-cinz/bg-social.png") no-repeat top left;*/
    position:absolute;
    left:85%;
    top:0;
}
.menu-deskotp .top .social img {
	/*margin:8px 0 8px 7px;*/
	margin:8px 0 8px 2px;
}
.menu-deskotp .top .social a{
	padding-left:2px;
	padding-right:2px;
}
.menu-tablet-mobile {
    display: none;
}
.menu-tablet-mobile .sub-menu li a img {
    display:none !important;
}
nav[role=navigation] ul {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 0;
	list-style: none;
}
nav[role=navigation] li {
	display: inline-block;
	margin: 0 auto;
    padding: 0 40px 10px 0;
}
nav[role=navigation] li a {
	display:inline-block;
	padding: 0;
	color: #7a7a7a;
	font-size:13px;
	text-transform:uppercase;
	font-weight:300;
	height: 21px;
}
nav[role=navigation] li a:hover, nav[role=navigation] li a.selected {
	color: #c90039;
	border-bottom:3px solid #c90039;
}

.menu-layer ul.sub-menu {
	display: none;
	position: absolute;
	top: 100px;
	left: -159px;
	padding: 10px 0 0 0;
	z-index: 90;
	width: 1280px;
	height: 252px;
}

.menu-layer ul.sub-menu li {
	text-align: left;
	padding: 0;
	margin: 25px 10px 0 0;
}
.menu-layer ul.sub-menu li a{
				font-size:18px;
				width: 305px;
				height: 225px;
				text-align:center;
}
.menu-layer ul.sub-menu li a img {
								margin: 0 0 10px 0;
}
.menu-layer ul.sub-menu li a:hover{
				color: #c90039;
				border-bottom:3px solid #c90039;
}

.menu-layer li:hover ul.sub-menu {
	display: block;
	border-bottom: 3px solid #cacaca;
				background:#fff url("/images/header-cinz/bg-bottom-header.gif")  repeat-x top left;
}
.bg-menu-bottom {
				display:none;
}

/* ========= HOMEPAGE ========= */
section {}

/* TOP */
.hp-top-container {
	height:400px;
	/*background:url("/images/homepage-cinz/img-center-box.jpg") no-repeat top center transparent;*/
	z-index:1;
    position: relative;
    overflow: hidden;
}
.hp-top-container > div.wrapper-small{
    position: absolute;
    top: 0px;
    height:100%;
    left: 50%;
    transform: translateX(-50%);
}
.hp-top-container > div > section{
	text-align: center;
	width:100%;
	height:100%;
	display:block;
}
.hp-slider .intersection-slider:before{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    background: url(/images/assets/cinzano-white.png) no-repeat center center transparent;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.hp-top-container .hp-slider{
    height: 100%;
}
.hp-top-container .hp-slider .slick-slider{
    max-height: 100%;
}
.hp-slider .wrapper-small{
    position: absolute;
    bottom: 30px;
    z-index: 20;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    display: table;
}
.hp-top-container a {
	height:100%;
	width:47%;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.hp-top-container a:hover {
	background: url(/images/assets/pennellata.png) no-repeat center center;
    background-size: contain;
}

.hp-top-container .vseparator{
	width:1%;
	height:100%;
	display:inline-block;
}

.hp-top-container .vseparator > div{
	position:relative;
	vertical-align:top;
	width:1px;
	height:27px;
	display:none;
	margin:0 auto;
	background:url("/images/homepage-cinz/bg-grey-bottom-box.gif") no-repeat bottom center transparent;
}

.hp-top-container a > div {
	position:relative;
	display:block;
	/*top:65%;*/
    top:68%;
	z-index:2;
}

.hp-top-container a > div > h2 {
	font-size:28px;
	text-transform:uppercase;
	font-weight:100;
	white-space:pre-wrap;
}

.hp-top-container a > div > span {
	font-size:55px;
	color:#fff;
    color: rgba(255,255,255,0.9);
    display: block;
    text-align:center;
    -webkit-transition: all 0.350s ease-out;
    -moz-transition: all 0.350s ease-out;
    -ms-transition: all 0.350s ease-out;
    -o-transition: all 0.350s ease-out;
    transition: all 0.350s ease-out;
}

.hp-top-container a:hover > div > span{ color: white; }

.hp-top-sx{}

.hp-top-sx > div { right:0; }
.hp-top-sx > div > span { margin-right: 0px; }
.hp-top-sx > div > h2 { margin-right: 0px; }

.hp-top-dx{ text-align: left; }
.hp-top-dx > div {  left:0; }
.hp-top-dx > div > span { margin-left:0px; }
.hp-top-dx > div > h2 {	margin-left:0px; }

/* MIDDLE */
.hp-middle-container {
	background:#f1ede0; 
    padding: 90px 0px;
}
.hp-middle-container > div > section {
	display: inline-block;
	min-height:400px;
	width:100%;
				text-align:center;
}
.hp-middle-container section > div {
	min-height:400px;
	width:49%;
	position:relative;
				vertical-align:top;
				display:inline-block;
}
.hp-middle-sx {
	text-align:center;
}
.hp-middle-sx > div {
	width:auto;
	margin:30px auto;
}
.hp-middle-sx h2 {
	text-transform:uppercase;
	font-size:21px;
    color:#797874;
    font-weight: regular;
}
.hp-middle-sx h2.handswrite {
	text-transform:none;
	font-size:44px;
    font-weight:500;
    color: #000;
    font-size: 72px;
}
.hp-middle-sx img {
	margin:15px auto 40px auto;
	clear:both;
}
.hp-middle-sx a.arrow-link {
    display: block;
    width: 55%;
    margin: 60px auto 0px;
    padding: 30px 0px 30px;
    color: #414141;
    opacity: 0.75;
    position: relative;
    overflow: hidden;
}
.hp-middle-sx a.arrow-link span{
    position: relative;
    z-index: 2;
}
.hp-middle-sx a.arrow-link::after {
   content: '';
   width: 0%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   background: url(/images/assets/paint-swoosh.png) no-repeat center center;
   background-size: contain;
   z-index: 1;
}
.hp-middle-sx a.arrow-link:hover {
    opacity: 1;
}
.hp-middle-sx a.arrow-link:hover::after{
    width: 100%;
}
.hp-middle-sx p {
	margin:0px auto 0 auto;
	font-size:18px;
	line-height:28px;
	color:#414141;
	max-width:460px;
    text-align: left;
    font-weight: bold;
}
.hp-middle-dx {
	text-align:center;
}
.hp-middle-dx img {
	margin:25px auto;
	vertical-align:middle;
				max-width:100%;
				height:auto;
				opacity: 0.4 !important;
				filter: alpha(opacity=40) !important;
}
/* BOTTOM */
.hp-bottom-container {
	padding: 50px 0px;
    overflow:hidden;
    background: url(/images/assets/watercolor.png) repeat transparent top left;
}
.hp-bottom-container section {
	width:100%;
	position:relative;
	height:175px;
}
.hp-bottom-container h2 {
	font-size:72px;
	text-align:center;
	color:#000;
    font-family: Vujah, cursive;
	text-transform:none;
    margin-bottom: 50px;
}
.hp-bottom-range ul li{
    display: inline-block;
    max-width: 33%;
    vertical-align: top;
}
.hp-bottom-range ul li .bottle-image a span{
    display: block;
    text-align: center;
    font-family: Vujah, cursive;
    color: #000;
    font-size: 46px;
}
.hp-bottom-container .absolute-top {
	z-index:2;
}
.hp-bottom-container .absolute-middle {
	height:40%;
	text-align:center;
	z-index:5;
}
.hp-bottom-container .absolute-bottom {
	z-index:1;
}
.absolute-bottom img
{
				display: block;
				margin:0 auto;
}
section.footer-container nav.footer-small
{
				display:none;
}

footer .footer-container nav li.menu-closed
{
				overflow:hidden;
}


/* ==================Product landing================== */

/* GOLD PRODUCT */
.detail-product.gold.detail-1757 .left-product.spacename > div,
.detail-product.gold.detail-1757  h2,
.detail-product.gold.detail-1757  h3,
.detail-product.gold.detail-1757  .handswrite,
.detail-product.gold.detail-1757  .right-product .content-cocktail > div a > div.handswrite {
    color:#95652b;
}
.detail-product.gold.detail-1757 .right-product .content-cocktail > div a > div.arrow-link {
	background: url("/images/common-cinz/arrow-left-gold.png") no-repeat scroll left center transparent;
}
.detail-product.gold.detail-1757 .wrapper.box-grey-scuro-bottom {
	background:#f4eee4 !important;
}
.detail-product.gold.detail-1757 .wrapper.box-grey-scuro {
    width: 100%;
    position: relative;
    background: #fdfaf1 url("/images/common-cinz/bkg_fascia_scuro.png") no-repeat bottom left !important;
    background-size: contain !important;
}
.detail-product.gold.detail-1757 .wrapper.box-white-grey {
	width: 100%;
	position: relative;
	background: url("/images/common-cinz/bkg_fascia_chiaro.png") no-repeat bottom left !important;
	background-size: contain !important;
}
.detail-product.gold.detail-1757 .right-product {
	padding: 0 0 15% 0;
}

.content-product-landing {
	min-height: 300px;
	background:url("/images/common-cinz/bg-content-product-landing.png") repeat-x bottom left;
}
.content-product-landing .slider .top-slider-background{
    position: absolute;
    height: 70%;
    width: 100%;
    top: 0px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-size: cover;
}
.content-product-landing .slider .top-slider-background.page{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    overflow: hidden;
    text-align: center;
    background-position: center center;
    background-size: cover;
}
.content-product-landing .slider .top-slider-background img{
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: 0px auto;
}
.content-product-landing .visual{
	height:488px;
}
.content-product-landing .slide{
	height: 530px;
    position: relative;
    overflow: hidden;
    background: #f4f3ee;
}
.content-product-landing_sparkling .slide{
    height: 430px;
}
.content-product-landing.vermouth-landing .slide{
    background:#d8d3c1;
}
.vermouth-landing .slider .top-slider-background{
    position:absolute;
    max-height: 80%;
    overflow: hidden;
    width: 100%;
}
.vermouth-landing .slider .top-slider-background img{
    width: 100%;
    height: auto;
}
.content-product-landing .slide > img{
    width: auto;
    height: 100%;
    position:relative;
    left: 50%;
    transform: translate(-50%);
}
.detail-page {
	text-align:center;
	margin:0 auto;
}
.detail-page.vermouth{
	width:100%;
	/*min-height:680px;*/
	height:auto;
	margin:0px auto 0 auto;
	background:url("/images/common-cinz/bg-vermouth.png") no-repeat top center;
}

.detail-page h2{
    font-size:72px;
    line-height: 80px;
    padding: 90px 0 60px 0;
    font-weight:300;
    color:#414141;
    font-family: Vujah, cursive;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.detail-page h3{
    line-height: 1.33;
    padding: 0 0 30px 0;
    font-weight:700;
    color:#414141;
    font-size: 18px;
    max-width: 70%;
    text-align: center;
    margin: 0px auto;
}
.detail-page p{
    font-size:16px;
    line-height: 1.28;
    padding: 0 0 30px 0;
    font-weight:500;
    color:#414141;
}
.detail-page p b{
	font-weight:600;
}
.detail-page p strong{
	font-weight:600;
}
.detail-page i{
	font-style:italic;
}
.content-product-landing_sparkling{
    background: url(/images/assets/watercolor.png) repeat top left;
}
.product-landing-title{
    background-color: #f1ede0;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 90px 0px 60px;
    margin-bottom: 48px;
}
.product-landing-title h1, .product-landing-title h2{
    font-family: Vujah, cursive;
    font-size: 120px;
    text-transform: none;
    color:#313131;
   
}
.product-landing-family_list{
    padding-bottom: 90px;
}
.product-landing-family_list h4{
    font-family: Vujah, cursive;
    font-size: 48px;
    color: #313131;
    margin-bottom: 30px;
}
product-landing-family_list_container{
    text-align: center;
}
.product-landing-family_list_item{
    display: inline-block;
    list-style: none;    
    vertical-align: top;
    overflow: visible;
}
.product-landing-family_list_item:first-child{
    margin-left: 0px;
}
.product-landing-family_list_item a img{
    top: 0px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.product-landing-family .slick-slide img{
    left: 50%;
    transform: translateX(-50%);
}

.product-landing-family_list_item a:hover img{
}
.product-landing-family_list_item a .bottom-name > div{
    color: #000;
    text-transform: uppercase;
    text-align: center; 

}
.detail-page-bottom{
	width:100%;
	min-height:233px;
	margin:0 auto;
	background:url("/images/common-cinz/bg-landing-bottom.png") no-repeat bottom center;
	background-size: contain;
}
.detail-page-bottom-images {
    width:75%;
    min-height:220px;
    margin:0 auto;
    background:url("/images/common-cinz/1757_bkg_sezione_frutta.png") no-repeat bottom center;
    background-size: contain;
}

.detail-page.vermouth.casa-cinzano-1757 {
	background-color: #d8d3c1 !important;
}

.detail-page.vermouth.casa-cinzano-1757 h2 {
    color: #897661;
    font-family: 'Libre Baskerville', 'Caslon', serif;
    font-style: italic;
    font-weight: light;
    font-size: 120px;
	line-height: 105px;
}

.detail-page.vermouth.casa-cinzano-1757 h3 {
    color: #7a7a7a !important;
    font-size: 20px;
    line-height: 1.35;
    max-width: 50%;
}

.detail-page.vermouth.casa-cinzano-1757 p {
    color: #7a7a7a;
    font-size: 20px;
    line-height: 1.35;
    max-width: 70%;
    margin: 0px auto;
}
.images-product-landing{
    width:100%;
    height:100%;
    text-align:center;
    margin:0 auto;
}
.titolo-images-product-landing {
	font-family: 'Alex Brush', cursive;
	font-size:36px;
	color:#002a5b;
	text-align:center;
	padding: 5px 0;
	font-weight: 400;
}

	/* ==================Product Detail================== */
.left-images {
	position:absolute;
	left:0;
	top: 0;
	z-index: 4;
}
.left-images.gocce {
	background: url("/images/common-cinz/left-gocce.png") repeat-y top left;
	width: 500px;
	height: 100%;
}
.right-images {
    position:absolute;
    right:0;
    top: 0;
    z-index: 4;
}
.right-images.frutta {
				background: url("/images/common-cinz/right-frutta.png") repeat-y top right;
/*repeat-y*/
				width: 500px;
				height: 1610px;
				/*height: 100%;*/
}

.detail-product {
				text-align:center;
				margin:0 auto;
				/*min-height:1500px;*/
				height:100%;
}
.detail-product.bianco{
	width:100%;
	/*height:auto;*/
	margin:0 auto;
	background:url("/images/common-cinz/bg-detail-product-bianco.png") no-repeat 50% -3%;
}
.left-product {
	width:245px;
	margin:0 auto;
	text-align:center;
	display: table-cell;
	vertical-align: top;
	position:relative;
}
.left-product img{
    /*position: absolute;
    bottom: -30px;
    right: 0;
    max-height:100%;
    height:100%;*/
    /*max-width:120px;*/
    position: relative;
    margin-top: 30px;
    max-width:150px;
}
.left-product img.mobile{ display:none;}
.left-product.spacename {
	/*padding: 55px 30px 0 0;*/
	padding: 27px 30px 0 0;
	width: 245px;
	text-align: right;
    font-family: Vujah, cursive;
    line-height: 1.3;
    color: #d43864;
}

.left-product.spacename > div {
	margin-right:25px;
}

.left-product .hairline{				
    font-size:30px;
    font-weight:100;
}
.left-product .light{
				
				font-size:27px;
				font-weight:400;
}
.left-product .light-hall{
				
				/*font-size:56px;
				font-weight:400;*/
				font-size: 50px;
				font-weight: 400;
}
.left-product .light-size{
				
				font-size:32px;
				font-weight:400;
}
.left-product .hairline-size{
				
				font-size:43px;
				font-weight:100;
}
.right-product {
	width:522px;
	margin:0 auto;
	text-align:center;
	display: table-cell;
	vertical-align: top;
	/*padding: 0 0 8% 0;*/
	padding: 0 0 12% 0;
}
.right-product.negbox {
    position: relative;
}
.right-product .scheda {
    width:100%;
    margin:0 auto;
    text-align:left;
    display:table;
}
.right-product .scheda.nobg {
	background:none;
}
.right-product .scheda > div {
	margin:0;
	text-align:left;
	display:table-cell;
	vertical-align:middle;
    padding: 15px 0px;
}
.right-product .scheda .pictogram{
    width: 12.5%;
}
.right-product .scheda .handswrite{
    font-size: 32px;
    text-indent: 16px;
    color: #d43864;
}
.right-product .scheda .txtleft{
    width: 45%;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 1.27;
}
.right-product .scheda > div img{
	margin:0px; 
}
	 
.box-grey-scuro-bottom .content-cocktail {
    width:80%;
    padding: 35px 0 30px 0;
    display:table;
    margin:0 auto;
}
.box-grey-scuro-bottom .content-cocktail > div{
    width:48%;
    text-align:center;
    display:inline-block;
    margin:0 auto;
    color:#7a7a7a;
    vertical-align:bottom;
}
.box-grey-scuro-bottom .content-cocktail > div.v-separator {
    width:1px;
    background:#dcdcdc;
    height:250px;
    margin:10% 5px 0 0;
    vertical-align:top;
    display: none;
}
.box-grey-scuro-bottom .content-cocktail > div.v-separator:last-of-type {
    display:none;
}
.box-grey-scuro-bottom .content-cocktail > div a > div.handswrite{
    text-align:center;
    margin:0 auto;
    color:#484848;
    font-size:36px;
    padding-bottom: 30px;
}
.box-grey-scuro-bottom .content-cocktail > div a > div.arrow-link {
    height: auto;
    background: url("/images/common-cinz/arrow-left-red.png") no-repeat left center transparent;
    padding: 0px 30px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 300;
    color: #414141;
    text-align: center;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.3s ease-out; /* Firefox */
    -moz-transition: all 0.3s ease-out; /* WebKit */
    -o-transition: all 0.3s ease-out; /* Opera */
    transition: all 0.3s ease-out; /* Standard */
    vertical-align: middle;
}
.box-grey-scuro-bottom .content-cocktail > div a:hover > div.arrow-link{
    background-position: 15px center;
}
.wrapper-small.box-product {
	position: relative;
	z-index: 4;
}
.wrapper.box-grey-scuro {
	width:100%;
	position: relative;
	background-size:contain;
}
.wrapper.box-white-grey {
    width:100%;
    position: relative;
    background:#f1ede0;
    background-size:contain;
}
.wrapper.box-grey-scuro-bottom {
    width:100%;
    position: relative;
    /*background: url(/images/assets/watercolor-light.png) repeat left center transparent*/
    background: white !important;
}
.detail-product .title-product{
    background: url("/images/cocktails-cinz/details/title-page.png") no-repeat scroll center center #f1ede0;
    padding: 60px 0px;
}
.detail-product h1 {
    font-size: 96px;
    color:#313131;
    text-align:center;
    font-family: Vujah, cursive;
}
.detail-product .right-product{
    text-align: left;
    padding-left: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.detail-product h2{
	font-size:44px;
	line-height:48px;
	padding: 25px 0 25px 0;
	color:#484848;
	font-family: Vujah, cursive;
    text-align: left;
}


.detail-product.detail-cinzano-1757 h2, .detail-product.detail-cinzano-1757 h3, .detail-product.detail-cinzano-1757 p, .detail-product.detail-cinzano-1757 p span {
	color: #95652b;
}

.detail-product h2.cocktail{
    margin: 0px 0 0 0;
    text-align: center;
    padding: 30px 0px 30px;
    font-size: 60px;
    font-weight: normal;
    color:#414141;
}

.detail-product .box-grey-scuro-bottom p{
    color: #414141;
    font-weight: normal;
    font-size: 16px;
}

.detail-product h3{
    font-size:14px;
    line-height: 28px;
    padding: 0 0 10px 0;
    font-weight: bold;
    color:#414141;
    text-transform: uppercase;
}

.detail-product p{
    font-size:14px;
    line-height: 1.28;
    padding: 0;
    font-weight:normal ;
    color:#414141;
}
.detail-product p em {
    font-style: italic;
}
.detail-product p b{font-weight:600;}
.detail-product p strong{font-weight:600;}
.detail-product i{font-style:italic;}
.content-box-yournext {
    width:100%;
    min-height:95px;
    position: relative;
    background:#fff;
    z-index:5;
}
.wrapper-small.box-yournext {
    position: relative;
    z-index: 5;
    /*background:url("/images/common-cinz/bg-boxfff-yournext.png") no-repeat top center;*/
    min-height:138px;
    bottom: 0px;
    text-align:center;
    padding-bottom: 30px;
}
.wrapper-small.box-yournext h3{
    font-size: 30px;
    text-align: center;
    padding: 60px 0px 30px;
}
.wrapper-small.box-yournext h3 em{
    font-family: Vujah, cursive;
    color:#000;
    display: block;
    margin: 0px auto;
    font-size: 60px;

}
.wrapper-small.box-yournext ul{/*margin: 10px 0 0 0;*/}
li.box-yournext-closed{
    overflow:hidden;
    background:transparent;
    bottom: -108px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height:102px;
    cursor:pointer;
	background:url("/images/common-cinz/bg-bott-close.png") no-repeat 0 0;
}
li.box-yournext-closed a.more-link{}
li.box-yournext-closed a.more-link:hover{}
li.box-yournext-open{
    overflow:hidden;
    height:319px;
    background:url("/images/common-cinz/bg-bott-open.png") no-repeat 0 0;
}
li.box-yournext-closed a.more-link span.ico {
    width: 20px;
    display: inline-block;
    height: 20px;
    background: url("/images/common-cinz/arrow-left-red.png") no-repeat right center transparent;
    vertical-align: middle;
    vertical-align:middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
li.box-yournext-closed.box-yournext-open span.ico{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.chooseyournext li{
	min-width: 15%;
	display: inline-block;
	margin: 19px 10px 0 10px;
	max-height:320px;
	overflow:hidden;
	color: #484848;
}

.chooseyournext li a{
	color: #484848;
}
.menu-open-tablet li a img {
	display:none;
}
/* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
.content-page-images {
	height:399px;
	margin: 0px;
	text-align:center;
	position: relative;
	vertical-align:middle;
	width:100%;
	overflow: hidden;
}

.content-page-images img{
	width: auto;
	height: 100%;
	top: 0px;
	left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.content-page-titolo {
    width:100%;
    position: relative;
    background:#fff;
    z-index:0;
    height: 135px;
    box-shadow:0px -8px 13px -8px #c5c5c5;
    -webkit-box-shadow:0px -8px 13px -8px #c5c5c5;
    -moz-box-shadow:0px -8px 13px -8px #c5c5c5;
}
.wrapper-small.bg-page-titolo {
	position: relative;
	z-index: 1;
	/*background:url("/images/page-cinz/bg-page-titolo.png") no-repeat top center;*/
	min-height:125px;
	bottom: 72px;
	text-align:center;
}
.wrapper-small.bg-page-titolo.privacy-policy {
	position: relative;
	z-index: 2;
	/*background:url("/images/page-cinz/bg-privacy-policy.png") no-repeat top center;*/
	text-align:center;
}
.wrapper-small.bg-page-titolo.contactus {
	position: relative;
	z-index: 2;
	/*background:url("/images/page-cinz/bg-contactus.png") no-repeat top center;*/
	text-align:center;
}

.wrapper-small.bg-page-titolo h2{
    font-size:56px;
    color:#002a5b;
    text-transform:uppercase;
    padding:95px 0 0 0;
    font-weight:300;
}
.wrapper-small.bg-page-titolo h2.sitemap{
	font-size:56px;
	color:#c90039;
	text-transform:uppercase;
	padding:95px 0 0 0;
	font-weight:300;
}
.wrapper-small.page-content{
	font-size:18px;
	color:#7a7a7a;
	padding: 0 0 20px 0;
}
.wrapper-small.page-content b{
	font-weight:600;
}
.wrapper-small.page-content strong{
				font-weight:600;
}
.wrapper-small.page-content i{
				font-style:italic;
}
.wrapper-small.page-content p{
				font-size:18px;
				color:#7a7a7a;
				padding: 0 0 20px 0;
				font-weight: 300;
				line-height: 26px;
}
.wrapper-small.page-content p b{
				font-weight:600;
}
.wrapper-small.page-content p strong{
				font-weight:600;
}
.wrapper-small.page-content p i{
				font-style:italic;
}
.wrapper-small.page-content h3{
				font-size:24px;
				color:#002a5b;
				text-transform:uppercase;
				margin:15px 0 15px 0;
}
.box-center-page {
				font-size: 20px;
				color: #7a7a7a;
				padding:0;
}
.box-center-page.center {
				text-align:center;
}
.box-center-page span.viola {
				font-size: 20px;
				color: #c90039;
				padding:0;
}
#main_pages ul li a {
				font-size:40px;
				line-height:60px;
				color:#002a5b;
				text-transform:uppercase;
				font-weight: 300;
}
#secondary_pages {
				width:100%;
				margin:0 auto;
				text-align:center;
}
li.sitemap_page.sitemap_page_parent {
				font-size:40px;
				line-height:60px;
				color:#002a5b;
				text-transform:uppercase;
				font-weight: 300;
				list-style-type: none;
}
				li.sitemap_page.sitemap_page_parent a.sitemap_page {
				font-size:40px;
				line-height:60px;
				color:#002a5b;
				text-transform:uppercase;
				font-weight: 300;
				list-style-type: none;
				}
li a.sitemap_servicepage{
				font-size:24px;
				line-height:32px;
				color:#002a5b;
				text-transform:uppercase;
				list-style:none;
				font-weight: 300;
}
.right-product.sitemap {
				width:962px;
}
.right-product.sitemap li{
				list-style-type: none;
}
.sitemap_subpage {
			font-size:24px;
				color:#717171;
				font-weight: 300;
				line-height:32px;
}
.sep-form {
    background:url("/images/page-cinz/sep-form.png") no-repeat top center;
    width:100%;
    height:2px;
    margin:30px auto;
}
section.group { }
section.group input{
    border:1px solid #dcdcdc;
    width:440px;
    height:33px;
    border-radius: 5px;
    margin:5px 0;
}
section.group textarea{
    border:1px solid #dcdcdc;
    width:940px;
    height:235px;
    border-radius: 5px;
}
section.group div.form-row {
    margin:5px 0;
}
section.group div.form-row.space {
    margin: 5px 0 30px 0;
}
section.group div.form-row .name {
    padding:0 0 0 5px;
    font-size:15px;
    color:#09305e;
    text-transform:uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
section.group div.form-row .name.left {
    margin:0 30px 0 0;
}
section.group div.form-row .address{
    padding:0 0 0 5px;
    font-size:15px;
    color:#09305e;
    text-transform:uppercase;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}
section.group div.form-row .address.left {
    margin:0 30px 0 0;
    float:left;
}
section.group div.form-row .country_select_container {
    width: 440px;
    float: right;
    right: 45px;
    position: relative;
    padding:0 0 0 5px;
    font-size:15px;
    color:#09305e;
    text-transform:uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
section.group div.form-row .country_select_container .DivSelectyze.countries_list {
    border:1px solid #dcdcdc;
    width:440px;
    height:23px;
    border-radius: 5px;
    float: left;
    padding:10px 0 0 5px;
    font-size:15px;
    color:#09305e;
    text-transform:uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
	background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 422px 13px;
}
section.group div.form-row .country_select_container a.selectyzeValue {
    width: 431px;
    height: 14px;
    border-radius: 5px;
    float: left;
    padding:0;
    font-size:15px;
    color:#09305e;
    text-transform:uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 422px 13px;
}
section.group div.form-row .country_select_container ul.UlSelectize {
				height: 200px;
				overflow-y: scroll;
				width: 440px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
				display: none;
				position: relative;
}
section.group div.form-row .country_select_container ul.UlSelectize li a {
				height: 200px;
				overflow-y: scroll;
				width: 440px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
}
section.group div.form-row.date-gender {
width:962px;
float:left;
}
section.group div.form-row.date-gender .left.date {
width:480px;
float:left;
}
section.group div.form-row.date-gender .left.date .date_text.title_text {
font-size:22px;
font-family: Lato, sans-serif;
color:#414141;
float:left;
}
section.group div.form-row .left.date .DivSelectyze.dm {
border:1px solid #dcdcdc;
width:70px;
height:23px;
border-radius: 5px;
float: left;
padding:10px 0 0 5px;
font-size:15px;
color:#09305e;
text-transform:uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
margin: 0 4px 0 9px;
background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 52px 13px;
}
section.group div.form-row .left.date .DivSelectyze.year {
border:1px solid #dcdcdc;
width:90px;
height:23px;
border-radius: 5px;
float: left;
padding:10px 0 0 5px;
font-size:15px;
color:#09305e;
text-transform:uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
margin: 0 0 0 8px;
	background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 72px 13px;
}
section.group div.form-row .left.date a.selectyzeValue {
width: 80px;
height:14px;
border-radius: 5px;
float: left;
padding:0;
font-size:15px;
color:#09305e;
text-transform:uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 72px 13px;
}
section.group div.form-row .left.date ul.UlSelectize {
				height: 200px;
				overflow-y: scroll;
				width: 70px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
				display: none;
				position: relative;
}
section.group div.form-row .left.date ul.UlSelectize li a {
				height: 200px;
				overflow-y: scroll;
				width:90px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
}
section.group div.form-row.date-gender .left.gender {
width:440px;
float:left;
}
section.group div.form-row.date-gender .left.gender .radio {
				width:30px;
				float:left;
				margin:5px 20px;
}
section.group div.form-row.date-gender .left.gender label{
				width:auto;
				float:left;
				margin:0 20px;
				line-height: 30px;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
}
section.group div.form-row.date-gender .left.gender .gender_text.title_text {
font-size:22px;
font-family: Lato, sans-serif;
color:#414141;
float:left;
}
section.group div.form-row.cons #consumption {
width:962px;
float:left;
margin:30px 0;
}
section.group div.form-row.cons #consumption .DivSelectyze.consumo {
border:1px solid #dcdcdc;
width:177px;
height:23px;
border-radius: 5px;
float: left;
padding:10px 0 0 5px;
font-size:15px;
color:#09305e;
text-transform:uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
margin: 0 0 0 8px;
	background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 159px 13px;
}
section.group div.form-row.cons #consumption a.selectyzeValue {
width: 175px;
height:14px;
border-radius: 5px;
float: left;
padding:0;
font-size:15px;
color:#09305e;
text-transform:uppercase;
font-weight: 300;
font-family: 'Lato', sans-serif;
overflow: hidden;
background:url("/images/page-cinz/arrow-select.png") no-repeat  no-repeat 72px 13px;
}
section.group div.form-row.cons #consumption ul.UlSelectize {
				height: auto;
				overflow-y: scroll;
				width: 170px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
				display: none;
				position: relative;
}
section.group div.form-row.cons #consumption ul.UlSelectize li a {
				height: 200px;
				overflow-y: scroll;
				width:90px;
				background: #fff;
				font-size:15px;
				color:#09305e;
				text-transform:uppercase;
				font-weight: 300;
				font-family: 'Lato', sans-serif;
}
section.group div.form-row.cons #consumption .cons_text.title_text {
    font-size:22px;
    font-family: Lato, sans-serif;
    color:#414141;
    float:left;
}
section.group div.form-row.cons #consumption span.disclaim {
    font-size:22px;
    font-family: Lato, sans-serif;
    color:#414141;
    float:left;
    margin: 0 144px 0 0px;
}
section.group div.form-row.cons #consumption span.disclaim.comment {
    font-size:22px;
    font-family: Lato, sans-serif;
    color:#414141;
    float:left;
    margin: 0 0 0 0;
}
section.group div.form-row.cons .title_text {}
section.group div.form-row.check {
    width:962px;
    float:left;
}
section.group div.form-row.check .styledCheckbox {
    margin: 0 30px 0 0;
    float:left;
    overflow: hidden;
}
section.group div.form-row.check p {
	color:#7a7a7a;
	font-size:14px;
	font-weight: 300;
	float: left;
	width: 900px;
}
section.group.none {
    display:none;
}
section.final{
	width:962px;
	display:table;
}
section.final div.form-row.captcha{
	width:962px;
    display:table;
    color:#002a5b;
    font-size:14px;
    font-weight: 300;
}
section.final div.form-row.captcha .left.captcha {
	width:320px;
	display: table-cell;
    vertical-align:middle;
}
section.final div.form-row.captcha .left.captcha p{
	color:#002a5b;
    font-size:14px;
    font-weight: 300;
}
section.final div.form-row.captcha .left.captcha input.name {
    border:1px solid #dcdcdc;
    width:320px;
    height:33px;
    border-radius: 5px;
    float: left;
    padding:0 0 0 5px;
    font-size:15px;
    color:#09305e;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    margin: 0 4px 0 0;
}
section.final div.form-row.captcha .captcha.right {
	width:640px;
    display: table-cell;
    vertical-align:middle;
}
section.final div.form-row.captcha .captcha.right #recaptcha_image{
    width: 360px!important;
    display: table-cell;
    text-align:center;
    vertical-align:middle;
}
section.final div.form-row.captcha .captcha.right .recaptcha_links{
	width:280px;
	display: table-cell;
	text-align:left;
	vertical-align:middle;
}
section.final div.form-row.captcha .captcha.right .recaptcha_links a,section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_only_if_image a, section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_only_if_audio a,section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_help a {
    color:#c90039;
    font-size:14px;
    font-weight: 300;
    text-decoration:underline;
}
section.final div.error-container {
    width:962px;
    display:table;
    margin: 20px 0;
    color:#002a5b;
    font-size:14px;
    font-weight: 300;
}
section.final div.error-container p.error-summary{
    color:#002a5b;
    font-size:14px;
    font-weight: 300;
    display: none;
}
section.final #submit{
    width:962px;
    display:table;
    margin:0 auto;
    text-align:center;
}
section.final #submit .submit-button {
    border:none;
    margin:0 auto;
    width:auto;
    height:40px;
    padding:0 30px;
    color:#fff;
    font-size:16px;
    font-weight: 300;
    text-transform:uppercase;
    cursor:pointer;
    background-color:#c90039;
}

/* ==================Brand================== */
.content-page-images.brand {
    height: 400px;
}
.content-page-images.brand > div.txt-content{
    position:absolute;
    z-index:2;
    top:200px;
    left:190px;
    width:450px;
    height:255px;
    text-align:left;
}
.content-page-images.brand > div.txt-content h3{
	font-size:38px;
	color:#c90039;
	font-weight:300;
	line-height: 30px;
	font-family: 'Alex Brush', cursive;
	margin:0 0 10px 0;
}
.content-page-images.brand > div.txt-content h2{
	font-size:70px;
	color:#002a5b;
	font-weight:300;
	line-height: 50px;
	margin:0 0 10px 0;
}
.content-page-images.brand > div.txt-content h2 b{
    font-weight:600;
}
.content-page-images.brand > div.txt-content p{
	font-size:17px;
	color:#414141;
	font-weight:300;
	line-height:24px;
}
.content-page-images.brand.mobile{
	display:none;
}
.wrapper-small.bg-page-titolo.brand {
	position: relative;
	z-index: 2;
	background: url("/images/page-cinz/bg-history.png") no-repeat top center;
	text-align: center;
	min-height: 205px;
}
.wrapper-small.bg-page-titolo.brand h2 {
	padding: 120px 0 0 0;
}
.wrapper-wide.page-content.history {
	/*background: url("/images/page-cinz/bg-content-history.gif") no-repeat top right;*/
	text-align: left;
	width:1280px;
}
.history-intro{
    margin: 100px 0px;
    text-align: center;
}
.history-intro h2, .history-intro h1{
    font-family: Vujah, 'AlexBrush', serif;
    font-size: 72px;
    font-weight: normal;
    margin-bottom: 50px;
}
.history-intro p{
    font-size: 20px;
    line-height: 1.333;
    max-width:50%;
    margin: 0px auto;
}
.content-history {
	display:table;
	text-align:left;
	width:1280px;
	position: relative;
	top:25px;
	margin:0;
}
.content-history .box{
	width:90%;
	max-width:540px;
	margin:40px 0 40px 170px;
}
.content-history .box h2{
	font-size:48px;
	color:#c90039;
	font-weight:300;
    font-family: Vujah;
}
.content-history .box h3{
	font-size:18px;
	color:#414141;
	text-transform:uppercase;
	font-weight: 400;
}
.content-history .box p{
    font-size:18px;
    color:#7a7a7a;
    margin:25px 0;
    font-weight: 300;
}
.content-history .box p strong{
	font-weight:600;
}
.content-history .box p b{
    font-weight:600;
}
.content-history .box img{}
.content-history .txt-history{
	width:829px;
	display:table-cell;
	background: url("/images/page-cinz/bg-content-history-left.gif") no-repeat top right;
	vertical-align: top;
}
.content-history .txt-history p em{
    /*font-size: 0.75em;*/
    font-style: italic;
}
.content-history .date-history{
	width:451px;
	display:table-cell;
	background:transparent;
	vertical-align: top;
	font-size:20px;
}
.content-history .date-history.sticky{
    position: fixed;
    top: 0;
}
.content-history .date-history.sticky ul{
    margin: 0px;
}
.content-history .date-history ul{
				margin:20px 0 0 0;
}
.content-history .date-history ul li{
				width:451px;
				color:#837a68;
}
.content-history .date-history ul li:hover{
				background:transparent;
}
.content-history .date-history ul li a{
				color:#837a68;
				float:left;
				width: 383px;
				height:30px;
				padding: 0 0 0 68px;
				background: url("/images/page-cinz/bg-date.png") no-repeat top left;
                -webkit-transition: all 0.2s ease-in; /* Firefox */
                -moz-transition: all 0.2s ease-in; /* WebKit */
                -o-transition: all 0.2s ease-in; /* Opera */
                transition: all 0.2s ease-in; /* Standard */

}
.content-history .date-history ul li a span{
				display:none;
}
.content-history .date-history ul li a:hover,.content-history .date-history ul li a.select{
				color:#c90039;
				height:130px;
				vertical-align:middle;
				background:url("/images/page-cinz/bg-date-select.png") no-repeat top left;
				padding: 45px 0 0 68px;
				margin:0;
}
.content-history .date-history ul li a:hover span,.content-history .date-history ul li a.select span{
				display:block;
				font-size:31px;
				color:#aea79a;
				font-family: Vujah,'Alex Brush', cursive;
}
#page-top{
    position:fixed;
    bottom:15px;
    right:15px;
    cursor:pointer;
    font-size:31px;
    color:#c90039;
    font-family: Vujah, 'Alex Brush', cursive;
    display:none;
    z-index:9;
}
.loadmore-container.brand {
				display:none;
}


/* F6 AGEWALL OVERRIDES */
#f6cmp_agegate .f6cm_splash_logo {
				background: url('/images/header-cinz/logo-cinzano.png') no-repeat transparent center !important;
				top: -30px !important;
	left: 58px !important;
}
#f6cmp_agegate.f6cm_splash_overlay .f6cm_splash_popup {
				background: white !important;
}
#f6cmp_agegate .f6cm_agegate_checkbox .f6cm_enter_btn {
				background: #c90039 !important;
}

#f6cmp_agegate header {
				/*height: 20px !important;*/
}
#f6cmp_agegate .f6cm_agegate_label p {
		letter-spacing:1px!important;
				text-transform:uppercase !important;
				font-size:18px !important;
				color:#414141 !important;
	font-family: 'Lato', sans-serif !important;
}
#f6cmp_agegate .f6cm_agegate_label p em{
				margin-top:10px !important;
				font-size:15px !important;
				text-align:center !important;
				text-transform:uppercase !important;
				color:#414141 !important;
	font-family: 'Lato', sans-serif !important;
	font-style: normal!important;
}
#f6cmp_agegate .f6cm_agegate_checkbox label {
				font-size: 18px !important;
					font-family: 'Lato', sans-serif !important;
	font-style: normal!important;
	color: #c90039 !important;
}
#f6cmp_agegate .f6cm_agegate_checkbox input {
				border: 2px solid #c90039  !important;
				color: #c90039  !important;
}
#f6cmp_agegate .f6cm_agegate_checkbox p.f6cm_error_message_input {
				color: #c90039 !important;
}
@media (min-width: 639px) and (max-width: 769px) {
	.f6cm_generic_popup.f6cm_splash_popup {
				/*left: 22%!important;
				top: 10% !important;*/
}
}
@media (min-width: 321px) and (max-width: 439px) {
	.f6cm_generic_popup.f6cm_splash_popup {
				left: -12.5px!important;
				top: 10% !important;
}
#f6cmp_agegate .f6cm_agegate_checkbox input {
				margin-right:2px!important;
}
}
@media (min-width: 318px) and (max-width:320px) {
	.f6cm_generic_popup.f6cm_splash_popup {
				left: 0%!important;
				top: 10% !important;
}
#f6cmp_agegate .f6cm_agegate_checkbox label {
				font-size: 15px!important;
				margin-right: 2px!important;
}
#f6cmp_agegate .f6cm_agegate_checkbox input {
				font-size: 14px !important;
				margin-right: 2px !important;
}
}

/* ==================MEDIA QUERIES================== */
@media (min-width: 1024px){
    .product-landing-family_list_container .slick-track{
        left: 50%;
        transform: translateX(-50%) !important;
    }
}
@media (min-width: 1024px){
    .content-page-images img{
        width: 100%;
        height: auto;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
     }
}
@media (min-width: 769px) and (max-width: 1024px) {
					/* ========= HOMEPAGE ========= */
					/* MIDDLE */
				.hp-top-container a > div > h2
				{
								font-size: 26px;
				}
				.hp-middle-sx h2 {
	font-size:28px;
				}
				.hp-middle-sx h2.handswrite {
					font-size:41px;
				}
					/* ==================Product Detail================== */
					.left-images {
				}
				.right-images {
								display:none;
				}
										/* ==================Product Detail================== */
					.detail-product.bianco {
				background: url("/images/common-cinz/bg-detail-product-bianco.png") no-repeat 62% -3%;
				}
				.left-product.tablet {
								display:none;
				}
				.right-product.tablet {
							width:700px;
							margin:0 auto;
							display: block;
				}
				.wrapper-small.box-product {
				border: 1px solid transparent;
				margin: 0 0 0 0;
}
				.detail-page-bottom-images {
				width: 98%;
				min-height: 220px;
				margin: 0 auto;
				background: url("/images/common-cinz/1757_bkg_sezione_frutta.png") no-repeat bottom center;
				background-size: contain;
}
							/* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
					.wrapper-small.page-content {
								padding: 0 20px 20px 20px;
						}
						section.group {
				margin: 0 auto;
				text-align: center;
				}
				section.group div.form-row.space {
				margin: 0 auto;
				text-align: center;
				}
				section.group div.form-row .address.left {
						margin: 10px auto;
					}
					section.group div.form-row {
				margin: 0 auto;
				text-align: center;
				width: 707px;
				}
					section.group div.form-row .name.left {
				margin: 10px;
				}
					section.group div.form-row .address.left {
				float: none;
				}
					section.group div.form-row .country_select_container {
								width: 440px;
								float: none;
								margin: 0 auto;
								text-align: left;
								right: 5px;
						}
					section.group input {
								border: 1px solid #dcdcdc;
								width: 440px;
								height: 33px;
								border-radius: 5px;
								margin: 22px auto;
								}
					section.group div.form-row .country_select_container .DivSelectyze.countries_list {
								margin: 10px auto 0 auto;
								}
					section.group div.form-row.date-gender {
				width: 450px;
				float: none;
				margin: 0 auto;
				text-align: center;
				}
								section.group div.form-row .left.date a.selectyzeValue {
												width: 44px;
												padding: 0 10px 0 0;
								}
								section.group div.form-row .left.date ul.UlSelectize {
								width: 62px;
								}
								section.group div.form-row.date-gender .left.date {
								width: 480px;
								float: none;
								margin: 10px auto;
								}
								section.group div.form-row.date-gender .left.gender {
								width: 450px;
								float: left;
								margin: 30px auto;
								}
								section.group div.form-row.date-gender .left.gender .gender_text.title_text {
								margin: 0 46px 0 0;
								}
								section.group div.form-row.date-gender .left.gender label {
								margin: 0 16px;
								}
								section.group div.form-row.cons #consumption {
								width: 450px;
								float: none;
								margin: 0 auto;
								text-align: center;
								}
									section.group div.form-row.cons #consumption span.disclaim {
								margin: 26px auto;
								}
									section.group textarea {
								width: 450px;
								float:none;
								margin:0 auto;
								text-align:left;
								}
									section.group div.form-row.check {
							width: 700px;
								float:none;
								margin:0 auto;
								text-align:center;
								}
									section.group div.form-row.check p {
								width: 630px;
								text-align: left;
								}
									section.final {
								width: 100%;
								display: table;
								}
								section.final div.form-row.captcha {
								width: 700px;
								float: left;
								margin: 0 auto;
								text-align: center;
								display: block;
								}
								section.final div.form-row.captcha .left.captcha {
								width: 100%;
								display: block;
								vertical-align: middle;
								float: none;
								}
								section.final div.form-row.captcha .left.captcha input.name {
								float: none;
								margin: 0 auto;
								}
								section.final div.form-row.captcha .captcha.right {
									width: 100%;
								display: block;
								vertical-align: middle;
								float: none;
								margin: 20px 0;
								}
								section.final div.form-row.captcha .captcha.right #recaptcha_image {
								width: 510px!important;
								display: table-cell;
								text-align: center;
								vertical-align: middle;
								}
								section.final div.error-container {
								width: 100%;
								}
								section.final #submit {
								width: 100%;
								}

								.content-history {
												width:100%;
								}

								.content-history .date-history {
												display: none;
								}

								.content-history .txt-history {
												background: url("/images/page-cinz/bg-content-history-left-tablet.gif") no-repeat scroll center top transparent;
												display: inline-block;
												margin: 20px auto 0;
												vertical-align: top;
												width: 100%;
								}


}
@media (min-width: 319px) and (max-width: 1023px) {
    .dynamic-cocktails-list {
	    background: transparent;					
    }
}

@media (max-width: 1024px) {
    .product-landing-family_list_item{
        max-width: 100%;
    }
    .product-landing-family_list_item a img{
        left: auto !important;
        transform: none;
        width: auto;
        height: auto;
    }
}

@media (max-width: 768px) {
    /* ========= HOMEPAGE ========= */
    .wrapper.box-grey-scuro { background-image:none;}
	a.more-link span.ico { display:inline-block;}
	/* GENERAL */
	.wrapper-wide { max-width:768px;}
    .wrapper-small{
        max-width:700px;
    }
	/* MENU */
	#menu {}
    a.menu-link {}
    .menu-deskotp{ display:none;}
    .menu-tablet-mobile{display:block;}
	.logo-menu{
        display:block;
        /*float: right;*/
        top: 28px;
        /*position: absolute;
        right: 28px;*/
        position: relative;
        width: 131px;
        margin: 0 auto;
	 }

    .menu-tablet-mobile .top {
        width:100%;
        height:auto;
        margin:0 auto;
        text-align:center;
    }
    .menu-tablet-mobile .top .logo {
        margin:25px auto 0 auto;
        text-align:center;
        height:75px;
        border-bottom: 2px solid #e2e2e2;
    }
    a.menu-link {
        display: block;
        float: left;
        padding: 0;
        margin: 32px;
    }
    .wrapper.active { left: 282px;}
    .js nav[role=navigation]{
        width: 282px;
        height: auto;
        position: absolute;
        top: 0;
        /*left: -308px;*/
        left: -317px;
        z-index: 99999;
        float: left;
        background: #dadada;
        box-shadow: -7px 2px 26px #888888;
    }
    nav[role=navigation] ul{
        margin: 0;
        border: 0;
    }
    nav[role=navigation] li.grey a{
        display: block;
        padding:0;
        background:#cfcfcf;
    }
    nav[role=navigation] li {
        display: block;
        padding:0;
    }
    nav[role=navigation] li a {
        border: 0;
        height: 100%;
        width:100%;
        font-size:18px;
        font-weight:300;
        line-height: 72px;
        border-bottom: 2px solid #e2e2e2;
    }
    nav[role=navigation] li a:hover, nav[role=navigation] li a.selected {
        color: #c90039;
        border-bottom:2px solid #c90039;
    }
    .menu-tablet-mobile .social{
        width:100%;
        height:auto;
        background:#cfcfcf;
    }
    .menu-tablet-mobile .social img{}
    
    .social a {
        display: inline-block;
        margin: 22px 14px;
        max-width: 25%;
        text-align: center;
    }

    li.menu-closed-tablet{
        overflow:hidden;
        background:#cfcfcf;
        height:72px;
        border-bottom: 2px solid #e2e2e2;
    }
    li.menu-closed-tablet a.more-link:hover{
        color: #c90039;
        border-bottom:2px solid #c90039;
    }

    li.menu-closed-tablet.background{
        background: #dadada;
    }

    li.menu-open-tablet{
        overflow:hidden;
        height:auto;
    }

    li.menu-closed-tablet.menu-open-tablet span.ico {
        transform:rotate(0);
        -ms-transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
    }

    ul.sott-menu-background { background:#f1f1f1; }
    a.more-link{
        text-align:center;
        height:20px;
        line-height:20px;
        text-transform:uppercase;
        color:#545454;
    }

    .bg-menu-bottom {
        height: 100%;
        position: absolute;
        float: left;
        bottom: 0;
        left: -282px;
        width: 282px;
        background: #dadada;
        box-shadow: -7px 2px 10px #888888;
        z-index: 1;
        display:block;
    }
    /* TOP */
    .hp-middle-container section > div.hp-middle-dx { display: none; }
    .hp-middle-container section > div.hp-middle-sx { width:90%;}
    .hp-middle-sx p{ font-size:24px; }
    .hp-middle-sx h2 { font-size:24px; }
    a.arrow-link {font-size: 20px;}
    .hp-top-container { height:auto;}

    .hp-slider .intersection-slider::before { width: 80%;} 

    .hp-slider .wrapper-small{ width: 100%; }

    .hp-top-container a{ width: 49%; }

    .hp-top-container .vseparator > div {
        display:block;
        top:82%;
    }

    .hp-top-container a > div {
        top:80%;
        max-width:90%;
    }

    .hp-top-container a > div > h2 {
        font-size:28px;
        height:28px;
        line-height:27px;
    }
    .hp-top-container a > div > span { font-size: 42px; }
    .hp-top-container a span, .hp-top-container a h2 { margin: 0 10px; }

    /* MIDDLE */
    .hp-middle-container section > div.hp-middle-dx {
        display: none;
    }
    .hp-middle-container section > div.hp-middle-sx {
        width:90%;
    }
    .hp-middle-sx p {
        font-size:24px;
        line-height:36px;
        text-align: center;
    }
    .hp-middle-sx h2 {
        font-size:31px;
    }
    .hp-middle-sx h2.handswrite {
        font-size: 72px;
    }
    a.arrow-link {
        font-size: 27px;
    }
    .hp-middle-sx  a.arrow-link {
        font-size: 27px;
        line-height: 1.33;
        height: auto;
        width: 90%;
        margin: 0px auto;
        margin-top: 60px;
    }                                     
    /* BOTTOM */
    .hp-bottom-container h2 {
        font-size: 60px;
    }
    .hp-bottom-container section {
        height:275px;
    }
    .hp-bottom-container .absolute-middle   {
        height:30%;
    }
    .hp-bottom-container .hp-bottom-range ul li{
        display: block;
        max-width: 100%;
    }
    .hp-bottom-container .hp-bottom-range .bottle-image a{ 
        /* display: table; */
        width: 100%;    
    }
    .hp-bottom-container .hp-bottom-range .bottle-image img,
    .hp-bottom-container .hp-bottom-range .bottle-image span{ 
        display: table-cell;
        vertical-align: middle;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .hp-bottom-container .hp-bottom-range .bottle-image img{
        max-width: 100%;
    }
    .hp-bottom-container .hp-bottom-range .bottle-image span{
        width: 60%;
        text-align: center;
    }


    /* FOOTER */
    footer .footer-container .wrapper-small
    {
    max-width: 100%;
    }
    footer .footer-container
    {
    height: auto;
    }
    footer .footer-container nav
    {
    height:auto;
    background-color:#d1d1d1;
    }
    footer .footer-container nav ul
    {
    line-height: 60px;
    }
    footer .footer-container nav > li:first-child
    {
    background: url("/images/footer-cinz/bg-top-footer.gif") repeat-x scroll left top #d1d1d1;
    padding-top:10px;
    }
    footer .footer-container nav li
    {
    display: block;
    width: 100%;
    min-height: 60px;
    vertical-align: middle;
    border-bottom:1px inset #cdcbcb;
    margin:0;
    padding:0;
    }
    footer .footer-container nav li a
    {
    display:inline-block;
    text-align:center;
    font-size:18px;
    width:100%;
    height:100%;
    }
    footer .footer-container div.txt
    {
    /*min-height: 86px;
    line-height: 86px;*/
    min-height: 86px;
    line-height: 27px;
    font-size: 18px;
    padding: 15px 0 0 0;
    }
    section.footer-container nav.footer-large
    {
    display:none;
    }
    section.footer-container nav.footer-small
    {
    display:block;
    }

    footer .footer-container nav li.menu-closed {
    height:60px;
    }
    footer .footer-container nav li.menu-open
    {
    overflow:hidden;
    height:auto;
    }

    .footer-container nav li.menu-closed.menu-open span.ico
    {
    transform:rotate(0);
    -ms-transform:rotate(0);
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    }

    /* ==================Product landing================== */
    .product-landing-title{
        background-size: 80%;
        padding: 0px 0px;
    }
    .detail-page.vermouth{
        margin: 0px auto 0 auto;
        background-size: contain;
    }
    .detail-page.vermouth.casa-cinzano-1757 h2{
        font-size: 60px;
        line-height: 1.33;
    }
    .detail-page.vermouth.casa-cinzano-1757 h3{
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .detail-page h3{ font-size:30px; }
    .detail-page-bottom{
        width:100%;
        min-height:208px;
        margin:0 auto;
        background:url("/images/common-cinz/tablet-bg-landing-bottom.png") repeat-x bottom left;
    }
    .detail-product .title-product{
        background-size: 80%;
    }
    .detail-product h2.cocktail{
        margin: 0 0 0 0;
    }
    .detail-product.gold.detail-1757 .wrapper.box-white-grey {
        background: #ffffff !important;
    }
    .detail-product.gold.detail-1757 .wrapper.box-grey-scuro {
        background: #fdfaf1 !important;
    }
    .detail-product.gold.detail-1757 .wrapper.box-grey-scuro-bottom {
        background: #fdfaf1 !important;
    }


    /* ==================Product Detail================== */
    .left-images {}
    .left-product.spacename {
        padding: 136px 28px 41px 0;
        text-align: right;
        width: 245px;
    }
    .right-images {
        display:none;
    }
    .right-product {
        padding: 35px 0 50px 0;
    }
    .right-product.negbox {
        position: relative;
        top: 18px;
    }
    .left-product img {
        bottom: 0px;
    }
    .left-product.tablet {
        display:none;
    }
    .right-product.tablet {
        width: 522px;
        margin:0 auto;
        display: block;
    }
    .detail-product.bianco {
        background: url("/images/common-cinz/bg-detail-product-bianco.png") no-repeat 81% -3%;
    }
    .wrapper.box-white-grey {
        background: none;
    }
    .wrapper-small.box-yournext {
        max-width: 767px;
        /*background: url("/images/common-cinz/bg-boxfff-yournext-tablet.png") no-repeat top center;*/
    }
    li.box-yournext-closed {;
        background: url("/images/common-cinz/bg-bott-open.png") no-repeat 55% 2%;
    }
    li.box-yournext-open {
        background: url("/images/common-cinz/bg-bott-open.png") no-repeat 55% 2%;
    }
    .images-product-landing > img {
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
    }
    section.cocktail-row .left-column{
        text-align: center;
    }
    /* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
    .content-page-titolo{
        height: auto;
    }
    .wrapper-small.bg-page-titolo {
        max-width: 767px;
        padding: 30px 0px;
    /* background:url("/images/page-cinz/bg-page-titolo.png") no-repeat top center;*/
        bottom: 0px;
        min-height: auto;
        height: auto;
    }
    .wrapper-small.bg-page-titolo h2{
        padding: 0px;
    }
    section.group {
        margin: 0 auto;
        text-align: center;
    }
    section.group div.form-row.space {
        margin: 0 auto;
        text-align: center;
    }
    section.group div.form-row .address.left {
        margin: 10px auto;
    }
    section.group div.form-row {
    margin: 0 auto;
    text-align: center;
    }
    section.group div.form-row .name.left {
    margin: 10px auto;
    }
    section.group div.form-row .address.left {
    float: none;
    }
    section.group div.form-row .country_select_container {
    width: 440px;
    float: none;
    margin: 0 auto;
    text-align: left;
    right: 5px;
    }
    section.group input {
    border: 1px solid #dcdcdc;
    width: 440px;
    height: 33px;
    border-radius: 5px;
    margin: 22px auto;
    }
    section.group div.form-row .country_select_container .DivSelectyze.countries_list {
    margin: 10px auto 0 auto;
    }
    section.group div.form-row.date-gender {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    }
    section.group div.form-row .left.date a.selectyzeValue {
    width: 44px;
    padding: 0 10px 0 0;
    }
    section.group div.form-row .left.date ul.UlSelectize {
    width: 62px;
    }
    section.group div.form-row.date-gender .left.date {
    width: auto;
    float: none;
    margin: 10px auto;
    }
    section.group div.form-row.date-gender .left.gender {
    width: auto;
    float: left;
    margin: 30px auto;
    }
    section.group div.form-row.date-gender .left.gender .gender_text.title_text {
    margin: 0 46px 0 0;
    }
    section.group div.form-row.date-gender .left.gender label {
    margin: 0 16px;
    }
    section.group div.form-row.cons #consumption {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: left;
    }
    section.group div.form-row.cons #consumption span.disclaim {
    margin: 26px auto;
    }
    section.group textarea {
    width: 450px;
    float:none;
    margin:0 auto;
    text-align:left;
    }
    section.group div.form-row.check {
    width: 100%;
    float:none;
    margin:0 auto;
    text-align:center;
    }
    section.group div.form-row.check p {
    width: 630px;
    text-align: left;
    }
    section.final {
    width: 700px;
    display: table;
    }
    section.final div.form-row.captcha {
    width: 700px;
    float: left;
    margin: 0 auto;
    text-align: center;
    display: block;
    }
    section.final div.form-row.captcha .left.captcha {
    width: 700px;
    display: block;
    vertical-align: middle;
    float: left;
    }
    section.final div.form-row.captcha .left.captcha input.name {
    float: none;
    margin: 0 auto;
    }
    section.final div.form-row.captcha .captcha.right {
    width: 700px;
    display: block;
    vertical-align: middle;
    float: left;
    margin: 20px 0;
    }
    section.final div.form-row.captcha .captcha.right #recaptcha_image {
    width: 510px!important;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    }
    section.final div.error-container {
    width: 700px;
    }
    section.final #submit {
    width: 700px;
    }
    /* ==================Brand================== */
    .content-page-images.brand > div.txt-content {
        left: 281px;
        width: 395px;
    }
    .content-page-images.brand > div.txt-content h3{
        font-size: 30px;
    }
    .content-page-images.brand > div.txt-content h2{
        font-size: 60px;
    }
    .content-page-images.brand > div.txt-content p{
        font-size: 14px;
    }
    .wrapper-wide.page-content.history {
        /*background: url("/images/page-cinz/bg-content-history.gif") no-repeat top right;*/
        text-align: left;
        width:100%;
    }
    .history-intro h2, .history-intro h1{
        padding: 0px 30px;
    }
    .history-intro p{
        max-width: 100%;
        padding: 0px 30px;
    }
    .content-history {
        display:inline-block;
        text-align:left;
        width:100%;
        position: relative;
        top:25px;
        margin: 0 auto 60px auto;
    }
    .content-history .box{
        width:90%;
        max-width:540px;
        margin: 20px auto;
    }

    .content-history .txt-history{
        width:100%;
        display:inline-block;
        background: url("/images/page-cinz/bg-content-history-left-tablet.gif") no-repeat top right;
        vertical-align: top;
        /*margin: 80px auto 0 auto;*/
        margin: 20px auto 0 auto;
        background-size: contain;
    }
    .content-history .date-history{
        width: 100%;
        display: none;
        background: #ece8e0;
        vertical-align: top;
        position: absolute;
        height: 50px;
        top: 0;
        margin: 0 auto;
        text-align: center;
    }
    .loadmore-container.brand {
        display:block;
    }
    .content-product-landing .slider .top-slider-background img{
        height: 100%;
        width: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .detail-page p{
        font-size: 24px;
        line-height: 1.33;
        padding: 0px 30px;
    }
}



@media (min-width: 641px) and (max-width: 768px) {
    
    /*menu*/
    .js nav[role=navigation] {
        width: 282px;
        left: -315px;
    }
    .bg-menu-bottom{
        display:block;
        width: 282px;
        left: -282px;
    }
    .detail-page-bottom-images {
        width: 95%;
        min-height: 122px;
    }
    /* ==================Product landing================== */
    .detail-page h2{
        font-size:56px;
        line-height: 50px;
    }
    .detail-page h3{
        font-size:30px;
        line-height: 30px;
    }
    .detail-page p{
        font-size:24px;
    }
    .images-product-landing img{
        width:auto;
        height:auto;
        text-align:center;
        margin:0 auto;
    }
    /* ==================Product Detail================== */
    .detail-product.bianco {
        background: url("/images/common-cinz/bg-detail-product-bianco.png") no-repeat 81% -3%;
    }
    /* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
    .wrapper-small.page-content {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 640px) {
    /*menu*/
    .js nav[role=navigation] {
        width: 282px;
        left: -282px;
    }
    .bg-menu-bottom{
        display:block;
        width: 282px;
        left: -282px;
    }
    .detail-page h2 {
        font-size:60px;
    }
    .detail-page-bottom-images {
        width:100%;
        min-height: 102px;
    }

    .detail-product h1{
        font-size: 60px;
    }

    /* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
    .wrapper-small.page-content {
        padding: 0 20px 20px 20px;
        font-size:24px;
        text-align:center;
    }
    .wrapper-small.page-content h3 {
        font-size: 30px;
    }
    .box-center-page {
        font-size: 24px;
    }
    .box-center-page span.viola {
        font-size: 24px;
    }
    section.group textarea {
        width: 80%;
    }
    section.group div.form-row.check p {
        width: 515px;
        text-align: left;
    }
    section.final div.form-row.captcha {
        width: 100%;
    }
    section.final div.form-row.captcha .left.captcha {
        width: 100%;
    }
    section.final div.form-row.captcha .captcha.right {
        width: 100%;
    }
    section.final div.form-row.captcha .captcha.right #recaptcha_image {
        width: 300px !important;
    }
    section.final div.error-container {
        width: 100%;
    }
    section.final {
        width: 100%;
        display: table;
    }
    section.final #submit {
        width: 100%;
    }
    /* ==================Brand================== */
    .content-page-images.brand > div.txt-content {
        left: 350px;
        width: 295px;
    }
    .content-page-images.brand > div.txt-content h3{
        font-size: 28px;
        line-height:32px;
    }
    .content-page-images.brand > div.txt-content h2{
        font-size: 40px;
        line-height:40px;
    }
    .content-page-images.brand > div.txt-content p{
        font-size: 14px;
    }

}



@media (max-width: 480px) {
    /* ========= HOMEPAGE ========= */
    /* GENERAL */
    .wrapper-wide{
        max-width:480px;
    }

    .wrapper-small{
        max-width: 100%;
    }
    /*menu*/
    .wrapper.active {
        left: 350px;
    }
    
    .js nav[role=navigation] {
        width: 350px;
        left: -350px;
    }

    .bg-menu-bottom {
        display:block;
        width: 350px;
        left: -350px;
    }

    nav[role=navigation] li a {
        font-size: 24px;
        min-height: 116px;
        line-height: 116px;
    }

    nav[role=navigation] li {
        display: block;
        padding: 0;
        min-height: 116px;
    }
    .menu-tablet-mobile .social img {
        width: 64%;
        margin: 0 20px 0 0;
    }

    /* TOP */
    .hp-top-sx > div { right:0; }
    .hp-top-dx > div { left:0; }

    /* MIDDLE */
    .hp-top-container a > div  { width: 100%; }
    .hp-top-container a > div > span { font-size:17px; }
    .hp-top-container a > div > h2 { font-size: 21px; }

    /* BOTTOM */
    .hp-bottom-container h2{
        font-size: 55px;
        line-height: 0.75;
    }
    /* FOOTER */
    footer .footer-container nav li a { font-size: 22px; }

    .left-product .light-hall { line-height: 60px; }

    .left-product.spacename > div { margin-right: 1px;}

    /* ==================Product landing================== */

    .left-images { display:none; }
    .right-images { display:none; }
    .detail-product.bianco { background: none; }
    .left-product {
        width: auto;
        display: block;
        width:100%;
    }
    .left-product img {
        display:block;
        top: 25px;
        left: 50%;
        transform:translateX(-50%);
        right: auto;
    }
    .left-product img.mobile {
        display: none;
        position: relative;
        bottom: 0;
        /*height: auto;
        width:100%;*/
        margin: 0;
        padding: 0;
        left: 0;
        max-height: 100%;
        max-width: 100%;
    }
    .right-product {
        /*width: 100%;*/
    }

    .detail-product h2 {
        padding: 20px 0 5px 0;
        font-size: 60px;
        line-height: 1;
        margin: 60px 0px 30px;
    }
    .detail-product h2.cocktail{
        padding: 60px 0 30px 0;
    }

    .detail-product h3 {
        font-size: 24px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .detail-product p {
        font-size: 24px;
        line-height:1.27;
        padding:0 30px;
        
    }
    .detail-product p em {
        font-style: italic;
    }

    .detail-product .box-grey-scuro-bottom p{
        font-size: 20px;
        line-height: 1.27;
    }

    /* ==================Product Detail================== */
    .left-product.spacename {
    padding: 20px 0;
    text-align: center;
    width: auto;
    }
    .left-product .hairline {
    font-size: 32px;
    }
    .left-product .light {
    font-size: 30px;
    }
    .left-product .light-hall {
    /*font-size: 72px;*/
    font-size: 62px;
    }
    .left-product .light-size {
    font-size: 35px;
    }
    .left-product .light-size {
    font-size: 48px;
    }
    .right-product .scheda > div.txtright {
    text-align: center;
    margin: 20px 0;
    }
    .right-product .scheda > div.txtleft{
    text-align: center;
    font-size: 20px;
    color: #7a7a7a;
    padding: 0px 0px 20px;
    }
    .right-product .scheda > div {
    width: 100%;
    margin: 0;
    text-align: center;
    display: block;
    vertical-align: middle;
    text-align: center;
    text-align: left;
    }
    .right-product .scheda .pictogram{
    width: 15%;
    display: inline-block;
    }
    .right-product .scheda .handswrite{
    width: 80%;
    display: inline-block;
    text-align: left;
    }
    .right-product .scheda > div.txtleft{
    display: block;
    width: 100%;
    text-align: left;
    }
    .right-product {
    padding: 10px 5px 50px 5px;
    }
    .right-product .scheda {
    width: 90%;
    }
    .right-product.tablet {
    width: 90%;
    }
    .right-product .content-cocktail > div {
    display:none;
    width:100%;
    }
    .right-product .content-cocktail > div:first-of-type {
    display:inline-block;
    }
    .right-product .content-cocktail > div.mobile {
    display:none;
    }
    .right-product .content-cocktail > div a > div.handswrite {
    font-size: 46px;
    }
    .right-product .content-cocktail > div a > div.arrow-link {
    font-size: 27px;
    background-position: 0 83%;
    }
    li.box-yournext-closed ul li
    {
    width: 22%;
    display: table-cell;
    padding: 19px 10px 0 10px;
    }
    li.box-yournext-closed  ul
    {
    display:table;
    position: absolute;
    left: 0;
    }
    li.box-yournext-closed {
    top: 131px;
    height: 349px;
    background: url("/images/common-cinz/bg-bott-open.png") no-repeat 55% 11%;
    }
    .slide-footer-wrapper-mask {
    overflow: hidden;
    }
    .wrapper-small.box-yournext ul {
    margin: 10px 0 0 0;
    }
    li.box-yournext-open {
    top: 131px;
    height: 349px;
    background: url("/images/common-cinz/bg-bott-open.png") no-repeat 55% 11%;
    }
    li.box-yournext-closed a.more-link span.ico {
    display:none;
    }
    .item .item-img img {
    padding: 14px 0;
    }
    /* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
    .content-page-images {
        height: 231px;
    }
    .content-page-images img{
        height: 231px;
    }
    .wrapper-small.page-content {
        padding: 20px;
    }
    .wrapper-small.bg-page-titolo.privacy-policy {
       /* background: url("/images/page-cinz/bg-privacy-policy-mobile.png") no-repeat top center;*/
    }
    .wrapper-small.bg-page-titolo.contactus {    
        /*background: url("/images/page-cinz/bg-contactus-mobile.png") no-repeat top center;*/       
    }
    section.group input {
        width: 90%;
        height: 60px;
    }
    section.group div.form-row .country_select_container .DivSelectyze.countries_list {
        width: 90%;
        height: 40px;
        padding: 20px 0 0 5px;
        float: none;
        background: url("/images/page-cinz/arrow-select.png") no-repeat no-repeat 360px 28px;
        margin: 3px auto 0 auto;
    }
    section.group div.form-row .name.left {
        margin: 4px auto;
    }
    section.group div.form-row .address.left {
        margin: 4px auto;
    }
    section.group input {
        margin: 6px auto;
    }
    section.group div.form-row .country_select_container {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: left;
        right: 5px;
    }
    section.group div.form-row .country_select_container ul.UlSelectize {
        width: 100%;
    }
    section.group div.form-row .name {
        font-size: 30px;
    }
    section.group div.form-row .address {
        font-size: 30px;
    }
    section.group div.form-row .country_select_container a.selectyzeValue {
        font-size: 32px;
        height: 34px;
        overflow:hidden;
        width: 100%;
    }
    section.group div.form-row .country_select_container ul.UlSelectize li a {
        font-size: 32px;
    }
    section.group div.form-row.date-gender .left.date .date_text.title_text {
        font-size: 36px;
        width: 100%;
        text-align: left;
        display: block;
        margin-bottom: 20px;
    }
    section.group div.form-row.date-gender .left.date {
        max-width: 480px;
        float: none;
        margin: 10px 11px;
    }
    section.group div.form-row .left.date .DivSelectyze.dm {
        width: 100%;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: url("/images/page-cinz/arrow-select.png") no-repeat no-repeat 94px 30px;
        display: block;
        margin-bottom: 20px;
    }
    section.group div.form-row .left.date a.selectyzeValue {
        width: 91px;
        padding: 0 10px 0 0;
        font-size: 30px;
        height: 34px;
        background: none;
        margin: 0px auto 20px;
    }
    section.group div.form-row .left.date ul.UlSelectize {
        width: 100%;
    }
    section.group div.form-row .left.date ul.UlSelectize li a {
        font-size: 30px;
    }
    section.group div.form-row .left.date .DivSelectyze.year {
        width: 100%;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: url("/images/page-cinz/arrow-select.png") no-repeat no-repeat 94px 30px;
        display: block;
    }
    section.group div.form-row.date-gender .left.gender .gender_text.title_text {
        font-size: 36px;
    }
    .box-center-page {
        font-size: 30px;
    }
    .box-center-page span.viola {
        font-size: 30px;
    }
    .wrapper-small.page-content {
        padding: 0 20px;
    }
    section.group div.form-row.date-gender .left.gender .gender_text.title_text {
        margin: 0 12px 0 17px;
        width: 100%;
        text-align: left;
        display: block;
        margin-bottom: 20px;
    }
    section.group div.form-row.date-gender .left.gender label {
        margin: 8px 0;
        font-size: 30px;
    }
    section.group div.form-row.date-gender .left.gender .radio {
        width: 30px;
        float: left;
        margin: 13px 3px;
    }
    section.group div.form-row.cons #consumption .cons_text.title_text {
        font-size: 36px;
        margin: 0 12px 0 17px;
    }
    section.group div.form-row.cons #consumption .DivSelectyze.consumo {
        width: 100%;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: url("/images/page-cinz/arrow-select.png") no-repeat no-repeat 94px 30px;
        display: block;
    }
    section.group div.form-row.cons #consumption a.selectyzeValue {
        width: 91px;
        padding: 0 10px 0 0;
        font-size: 30px;
        height: 34px;
        background: none;
        margin: 0;
    }
    section.group div.form-row.cons #consumption ul.UlSelectize{
        width: 100%;
    }
    section.group div.form-row.cons #consumption ul.UlSelectize li a {
        font-size: 30px;
    }
    section.group div.form-row.cons #consumption span.disclaim.comment {
        font-size: 36px;
    }
    section.group div.form-row.cons #consumption span.disclaim {
        margin: 0 auto;
        font-size: 36px;
    }
    section.group div.form-row.check p {
        width: 80%;
        text-align: left;
        font-size: 25px;
    }
    section.final div.form-row.captcha .left.captcha p {
        font-size: 30px;
    }
    section.final div.form-row.captcha .captcha.right .recaptcha_links a, section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_only_if_image a, section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_only_if_audio a, section.final div.form-row.captcha .captcha.right .recaptcha_links .recaptcha_help a {
        font-size: 30px;
    }
    section.final div.error-container p.error-summary {
        font-size: 30px;
    }
    section.final div.form-row.captcha .captcha.right #recaptcha_image {
        width: 100% !important;
        float: left;
        margin: 0 auto;
    }
    section.final div.error-container {
        width: 100%;
        font-size: 30px;
    }
    section.final div.form-row.captcha .captcha.right .recaptcha_links {
        width: 100%;
        display: block;
        text-align: center;
        vertical-align: middle;
    }
    section.final #submit .submit-button {
        margin: 0 auto 30px auto;
        width: 100%;
        padding: 0 30px;
        font-size: 30px;
        font-weight: 300;
    }
    /* ==================Brand================== */
    .content-page-images.brand {
        height:625px;
    }
    .content-page-images.brand.mobile > div.txt-content {
    left: 0;
    right:0;
    margin:0 auto;
    width:95%;
    top: 270px;
    }
    .content-page-images.brand.mobile > div.txt-content h3{
    font-size: 28px;
    text-align:center;
    line-height:22px;
    }
    .content-page-images.brand.mobile > div.txt-content h2{
    font-size: 40px;
    text-align:center;
    line-height:30px;
    }
    .content-page-images.brand.mobile > div.txt-content p{
    font-size: 18px;
    text-align:center;
    }
    .content-page-images.brand {
    display:none;
    }
    .content-page-images.brand.mobile{
    display:block;
    width:100%;
    left:0;
    margin:0 auto;
    }
    .content-page-images.brand.mobile img{
    height:598px;
    }
    .wrapper-small.bg-page-titolo.brand {
    }
    .wrapper-small.bg-page-titolo.brand h2 {
    }
    .content-history .box{
    max-width:420px;
    margin: 20px auto;
    text-align:center;
    }
    .content-history .box h2 {
    font-size: 60px;
    }
    .content-history .box h3 {
    font-size: 30px;
    }
    .content-history .box p {
    font-size: 24px;
    }
    .content-history .box img{
    max-width:420px;
    width:100%;
    height:100%
    }
    .box-grey-scuro-bottom .content-cocktail > div{
        width: 100%;
        display: block;
    }
    .box-grey-scuro-bottom .content-cocktail > div:first-child{
        margin-bottom: 30px;
    }
}

@media (min-width: 321px) and (max-width: 480px) {
			/*menu*/
					.logo-menu
				{
				display: block;
				float: left;
left: 0;
right:0;
				top: 28px;
				position: absolute;
				margin: 0 auto;
				width:auto;
				text-align:center;
				z-index:1;
				}
				.bg-menu-bottom
				{
					display:block;
					width: 350px;
					left: -350px;
				}
}


@media (max-width: 320px) {
    .images-product-landing > img {
	    max-width: 100%;
	    width: auto;
	    max-height: 100%;
	    height: auto;
    }
    /* ========= HOMEPAGE ========= */
    header { /*overflow: hidden;*/ }

    /*menu*/
    .wrapper.active { left: 195px; }
    .js nav[role=navigation] {
        width: 195px;
        left: -195px;
        text-align: center;
    }

    .logo-menu{
        display: block;
        position: relative;
        width: auto;
        margin: 0 auto;
        width: 60%;
        left: 34px;
    }
    .bg-menu-bottom{
        display:block;
        width: 195px;
        left: -195px;
    }
    nav[role=navigation] li a {
        font-size: 18px;
        min-height: 70px;
        line-height: 70px;
    }
    nav[role=navigation] li {
        display: block;
        padding: 0;
        min-height: 70px;
    }
    .menu-tablet-mobile .social img {
        width: auto;
        margin: 0 10px 0 0;
    }


    /* TOP */
    .hp-top-container a > div > span{
        font-size:13px;
    }
    .hp-top-container a > div > h2{
        font-size: 18px;
    }

    /* BOTTOM */
    .hp-bottom-container h2 {
        font-size: 40px;
    }

    /* ==================Product Detail================== */
    li.box-yournext-closed ul li    {
	    width: 99px;
	    margin: 20px 0 0 0;
	    position: relative;
	    left: -5px;
    }

    /* ================== Page Footer - Terms & conditions Privacy Contactus SiteMap ================== */
    .box-center-page {
        font-size: 30px;
        padding: 30px 0;
    }

    section.group div.form-row .left.date .DivSelectyze.dm {
        width: 48%;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: none;
        margin: 3px;
    }

    section.group div.form-row .left.date a.selectyzeValue {
        width: 100%;
        padding: 0 10px 0 0;
        font-size: 30px;
        height: 34px;
        background: none;
        margin: 0;
        text-align: left;
    }

    section.group div.form-row .left.date ul.UlSelectize {
        width: 100%;
        text-align: left;
    }

    section.group div.form-row .left.date .DivSelectyze.year{
        width: 48%;
        font-size: 30px;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: none;
        margin: 3px;
        text-align: left;
    }

    section.group div.form-row.date-gender .left.gender {
        width: 100%;
        float: left;
        margin: 30px auto;
    }

    section.group div.form-row.date-gender .left.gender .gender_text.title_text {
        margin: 0 12px 0 17px;
        float: left;
        width: 100%;
        text-align: left;
    }

    section.group div.form-row.date-gender .left.gender .radio {
        margin: 13px 9px;
    }

    section.group div.form-row.cons #consumption .cons_text.title_text {
        float: left;
        width: 100%;
        text-align: left;
    }

    section.group div.form-row.cons #consumption .DivSelectyze.consumo {
        width: 53%;
        height: 41px;
        padding: 15px 0 10px 5px;
        background: none;
    }
    section.group div.form-row.cons #consumption ul.UlSelectize {
        width: 100%;
        text-align: left;
    }
    section.group div.form-row.cons #consumption a.selectyzeValue {
        width: 100%;
        text-align: left;
    }
    section.group div.form-row.cons #consumption span.disclaim.comment {
        font-size:50px;
    }
    section.group div.form-row.cons #consumption span.disclaim {
        margin: 20px auto;
        font-size: 50px;
        width: 60%;
        float: left;
    }
    section.group div.form-row.check p {
        width: 29%;
        text-align: left;
        font-size: 18px;
    }
    section.final div.form-row.captcha .left.captcha p {
        font-size: 30px;
        width: 100%;
        text-align: center;
    }
    section.final div.form-row.captcha .left.captcha input.name {
        float: left;
        margin: 0 auto;
        width: 100%;
        height: 60px;
        font-size: 30px;
    }
    section.final {
        width: 100%;
        display: block;
    }
    /* ==================Brand================== */
    .content-page-images.brand.mobile > div.txt-content {
        left: 0;
        width:300px;
        top: 275px;
    }

    .content-page-images.brand.mobile > div.txt-content h3{
        font-size: 28px;
        text-align:center;
        line-height:22px;
    }

    .content-page-images.brand.mobile > div.txt-content h2{
        font-size: 40px;
        text-align:center;
	    line-height:30px;
    }

    .content-page-images.brand.mobile > div.txt-content p{
        font-size: 18px;
        text-align:center;
    }

    .content-history .box{
        width:90%;
        margin: 20px auto;
        text-align:center;
    }

    .content-history .box img{
        width:100%;
        height:100%
    }
}

/* ====================== SLIDER PLUGIN ====================== */

/*.slider-content img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}*/

.slider-content {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.slider-content > div {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
}

.slider-content .intersection-slider{
    height: 70%;
    width: 100%;
    overflow: hidden;
}

.slider-content .intersection-slider.slick-slider img{
    width: 100%;
    height: auto;
    left: 0px !important;
}

.intersection-slider .slick_mobile{
    display: none;
}

.hp-slider .intersection-slider.slick-slider .slick-slide{
    overflow: hidden;
}

.hp-slider .intersection-slider.slick-slider img{
    margin: 0px auto;
    left: 50%;
    transform: translateX(-50%);
}
.hp-slider .intersection-slider.slick-slider img.slick_mobile{
    left: 0px;
    transform: none;
}

.slider-content ul.background {
	list-style:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


.slider-content ul.background li {
    position:absolute;
    width:100%;
    height:100%;
    z-index:3;
    display:none;
    text-align:center;
}

.slider-content ul.background li img, .slider-content > div > img {
	position:absolute;
	top:0;
	left:50%;
	text-align:center;
	margin-left:-640px;
}


.slider-content ul.controller {
	list-style:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	text-align:center;
	white-space:nowrap;
	overflow:visible;
	display: table;
}
.slider-content .slick-next {
    right: 0;
    top: 30%;
    width: 32px;
    height: 80px;
    background: url(/images/freccia_dx.png) no-repeat center center transparent;
}
.slider-content .slick-prev {
    left: 0;
    top: 30%;
    width: 32px;
    height: 80px;
    z-index: 2;
    background: url(/images/freccia_sx.png) no-repeat center center transparent;
}
.slider-content div.controller {
	list-style:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	text-align:center;
	white-space:nowrap;
	overflow:visible;
	display: table;
}

.slider-content ul.controller li {
    display:table-cell;
    height:100%;
    position:relative;
    margin:0;
    width:33%;
    max-width:320px;
	min-width:160px;
}
.slider-content div.controller > div {
    display:table-cell;
    height:100%;
    position:relative;
    margin:0;
    width:33%;
    max-width:320px;
	min-width:160px;
}
.slider-content ul.controller-hitarea a{
	display : block;
	height : 100%;
    /*background:url("/images/common-cinz/1x1-transparent.png") repeat top left transparent;*/
}

.slider-content div.controller-hitarea a{
	display : block;
	height : 100%;
    /*background:url("/images/common-cinz/1x1-transparent.png") repeat top left transparent;*/
}

.slider-content ul.controller li .bottle-image {
	/*cursor:pointer;*/
	width:320px;/*100%;*/
	height:auto;
	position:absolute;
	text-align:center;
	z-index:5;
	overflow:visible;
	bottom:60px;
	left:50%;
	margin-left:-160px;
	display:block;
    opacity: 1;
}
.slider-content div.controller > div div.bottle-image {
	/*cursor:pointer;*/
	width:320px;/*100%;*/
	height:auto;
	position:absolute;
	text-align:center;
	z-index:5;
	overflow:visible;
	bottom:60px;
	left:50%;
	margin-left:-160px;
	display:block;
    opacity: 1;
}
.bottle-image > img {
	position:relative;
	/*height:100%;*/
	width:auto;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
	pointer-events:none;
    left: 50%;
    transform: translateX(-50%);
}
.slider-content div.controller > div div.bottle-image > img {
	position:relative;
	/*height:100%;*/
	width:auto;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
	pointer-events:none;
    left: 50%;
    transform: translateX(-50%);
}

/*.bottle-image .bottle-off, .bottle-image .bottle-on  {
	display:none;
}*/

.slider-content ul.controller li div.bottom-name {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    color:#002a5b;
    line-height:55px;
    text-transform:uppercase;
    font-size:14px;
}

.slider-content div.controller > div div.bottom-name {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    color:#002a5b;
    line-height:55px;
    text-transform:uppercase;
    font-size:14px;
}

.slider-content ul.controller li div.bottom-name > div {
    width:100%;
    height:60px;
    margin:0 auto;
    position:relative;
    display:inline-block;
    text-align:center;
    background-repeat:no-repeat;
    background-position:top center;
    background-color:transparent;
    background-image:none;
    top:20px;
    /*color:#bfbfbf;*/
    font-size:11px;
    color:#ffffff;
}
.slider-content div.controller > div div.bottom-name > div {
    width:100%;
    height:60px;
    margin:0 auto;
    position:relative;
    display:inline-block;
    text-align:center;
    background-repeat:no-repeat;
    background-position:top center;
    background-color:transparent;
    background-image:none;
    top:20px;
    /*color:#bfbfbf;*/
    font-size:11px;
    color:#ffffff;
}
.content-product-landing ul.controller li div.bottom-name > div{
    font-family: Vujah, cursive;
    font-size: 36px;
    color: #414141;
    text-transform: capitalize;
    padding-top: 30px;
    height: auto;
    min-height: 60px;
}

.content-product-landing div.controller > div div.bottom-name > div{
    font-family: Vujah, cursive;
    font-size: 36px;
    color: #414141;
    text-transform: capitalize;
    padding-top: 30px;
    height: auto;
    min-height: 60px;
}

.slider-content ul.controller li:hover div.bottom-name > div {
    background: url(/images/assets/paint-swoosh.png) no-repeat center 40px;
    background-size: 70%;
}

.slider-content div.controller > div:hover div.bottom-name > div {
  /*  background: url(/images/assets/paint-swoosh.png) no-repeat center 40px;
    background-size: 70%; */
}

.slick-slide:hover  {
    background: url(/images/assets/paint-swoosh.png) no-repeat;
    background-size: 70%;
    background-position: 20% 90%;
}

.slider-content div.controller .slick-slide img {
    left: 0;
}


.vermouth-landing .slider-content ul.controller li:hover div.bottom-name > div{
    background: transparent;
}

.vermouth-landing .slider-content div.controller > div:hover div.bottom-name > div{
    background: transparent;
}

.vermouth-landing ul.controller li div.bottom-name > div{
    font-family: 'Libre Baskerville', 'Caslon', serif;
    font-size: 24px;
    text-transform: capitalize;
    color: #897661;
    font-style: italic;
    font-weight: light;
}

.vermouth-landing div.controller > div div.bottom-name > div{
    font-family: 'Libre Baskerville', 'Caslon', serif;
    font-size: 24px;
    text-transform: capitalize;
    color: #897661;
    font-style: italic;
    font-weight: light;
}

.vermouth-landing ul.controller li:hover div.bottom-name > div{ color: white; }

.slider-content div.controller > div.active div.bottom-name > div { color:#6f6f6f; }

.slider-content ul.controller li.active div.bottom-name > div { background-image:url("/images/slide-cinz/etichetta_nome.png"); }

.vermouth-landing div.controller > div:hover div.bottom-name > div{ color: white; }

.slider-content div ul.controller li.active div.bottom-name > div { color:#6f6f6f; }

.slider-content div.controller > div.active div.bottom-name > div { background-image:url("/images/slide-cinz/etichetta_nome.png"); }

.slider-content .slide-wrapper-mask {
    position:absolute;
    display:block;
    width:100%;
    max-width:962px;
    margin:0 auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.slider-content .slide-wrapper-mask .slick-list{
/*     background: #fff;
    width: 100%;
    height: 100%; */
}
.slider-content .slide-wrapper-mask .slick-list .slick-track{
    width: 100%;
    height: 100%;
}
.slider-arrow{
	position: absolute;
	display: block;
	width:32px;
	height: 65px;
	z-index: 5;
	top:50%;
	margin-top: -33px;
	cursor: pointer;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: top left;
    display: none;
}
.slider-arrow.slider-prev{
	left: 0;
	background-image: url("/images/freccia_sx.png");
}
.slider-arrow.slider-next{
	right: 0;
	background-image: url("/images/freccia_dx.png");
}

@media (max-width: 768px) {
.slider-content .slide-wrapper-mask {
    /*overflow:hidden;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:75%;*/
}

.slider-content ul.controller {}
.slider-content ul.controller li .bottle-image {
    display:inline-block;
    text-align:center;
    width:320px;
}
.slider-content div.controller > div div.bottle-image {
    display:inline-block;
    text-align:center;
    width:320px;
}
.slider-arrow{
    display: block;
    width: 16.5%;
    height: 100%;
    background-position: center left;
    top: 0px;
}
.slider-arrow.slider-next{
    background-position: center right;
    }

.slider-content div.controller .slick-slide img {
    left: 0!important;
}

.slider-content div.controller > div {
    width:100%;
    max-width:320px;
	min-width:160px;
}

}

@media (max-width: 975px){}


/* ====================== COCKTAILS PAGE ====================== */

.cocktails-top-textsection {
    padding-top: 120px;
	padding-bottom:60px;
    background:#f2eedf;

}

.cocktails-top-text-row {
	font-family: 'Lato', sans-serif;
	position:relative;
	text-align:center;
	color:#1a6a3e;
	margin:22px auto;
	width:70%;
	max-width:630px;
	font-weight:300;
}

.cocktail-topimg {
	position: absolute;
	bottom: 0;
	width:17%;
}

.cocktail-topimg.sx {
	left:0;
	max-width:231px;
}

.cocktail-topimg.dx {
	right:0;
	max-width:195px;
}

.cocktails-top-text-row:first-child {
	margin-top:0px;
	min-height:125px;
	background: url("/images/cocktails-cinz/details/title-page.png") no-repeat scroll center center #f1ede0;
	background-size:contain;
}

.cocktails-top-text-row h1 {
    text-transform:none;
    font-size: 96px;
    padding-top:45px;
    font-family: Vujah;
    color: #313131;
}

.cocktails-top-text-row h3 {
	font-size:18px;
    color: #414141;
    font-weight: bold;
    line-height: 1.25;
}

.cocktails-top-text-row p {
    font-size:16px;
    color:#7a7a7a;
    font-weight:300;
}

.filter-cocktails {
	font-size:24px;
	background-color:#f2eedf;
	display:block;
	width:100%;
	min-height:50px;
	line-height:50px;
	position:relative;
}

.filter-cocktails.mobile { display:none; }

.filter-cocktails .arrow-button {
	display:none;
	position:absolute;
	width:42px;
	height:50px;
	top:0;
	right:0;
	cursor:pointer;
	padding:0 2px;
	background-color:#a3afbd;
}

.filter-cocktails .arrow-button > .arrow-image {
    background:url("/images/cocktails-cinz/down-arrow.png") no-repeat center center transparent;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width:100%;
    height:100%;
    display:block;
}

.filter-cocktails nav {
	margin:0 auto;
	display:block;
    padding-bottom:15px;
}

.filter-cocktails ul { text-align:center; }

.filter-cocktails li {
    display:inline-block;
    padding:24px 90px;
    border-left: 1px solid #b3b3b3;
    position: relative;
	max-width: 280px;
	vertical-align: middle;
}

.filter-cocktails li:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(/images/assets/paint-swoosh.png) no-repeat center center transparent;
    background-size: 75%;
    -webkit-transition: all 0.2s ease-in; /* Firefox */
    -moz-transition: all 0.2s ease-in; /* WebKit */
    -o-transition: all 0.2s ease-in; /* Opera */
    transition: all 0.2s ease-in; /* Standard */
}

.filter-cocktails li:first-child{
    border-left: 0px;
}

.filter-cocktails li.selected:before {
	width: 100%;
}

.filter-cocktails a {
	font-family: Vujah, cursive;
    font-size: 38px;
    color: #000;
}

.filter-cocktails li.selected a {}


.filter-cocktails a > span {
	display:inline-block;
	height:32px;
    position: relative;
    z-index: 10;
}

.filter-cocktails a > span > img {
	width:32px;
	height:32px;
	vertical-align:middle;
	margin-right:10px;
	display:none;
}

.dynamic-cocktails-list {
	/*background-color:#e5e5e5;*/
	background:transparent;
	padding:15px 0 0 0;
}

.item-container {
	text-align:center;
	margin:0 auto 0 auto;
	width:100%;
	padding-bottom:85px;
}

.item-container .item {
	display:inline-block;
	max-width:312px;
	width:312px;
	height:555px;
	min-height:555px;
	margin:0 2px 0 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align:top;
	font-family: 'Lato', sans-serif;
}

.item-container .item.grid-sizer {
	margin-top:0;
	height:0;
	min-height:0;
}

.item .item-img {
    display: block;
    margin: 0 auto;
    text-align: center;
    /*width: 100%;
    background-color:#fff;*/
    width: 320px;
    background-color: transparent;
    height: 430px;
}

.item .item-img img {
	position:relative;
	display:block;
	/*padding:30px 0;*/
	padding:0;
	margin:0 auto;
	width: 320px;
	background-color: transparent;
	height: 430px;
}

.item .item-img > span {
	position:absolute;
	top:0;
	left:10px;
	width:35px;
	height:35px;
	text-align:center;
	z-index:1;
	display:none;
}

.item .item-img > span > img {
	width:100%;
	height:100%;
	padding:0;
}

.item .item-text {
	word-wrap:break-word;
	font-weight:lighter;
	width:90%;
	/*margin:0 auto;*/
	margin: -30px auto 0 auto;
}

.item .item-text h3 {
	margin-top:30px;
	font-size:40px;
	line-height:40px;
    font-family:Vujah;
    color: black;
}

.item .item-text p {
	/*margin-top:20px;*/
	margin-top:8px;
	font-size:14px;
	color:#000;
	line-height:16px;
}

@media (max-width: 768px) {
    .item-container .item {
        width:322px;
        margin:60px 2px 0 2px;
    }

    .cocktail-topimg { display:none; }

    .filter-cocktails { font-size:16px; }
    .cocktails-top-text-row h1 { width:100%; }
}



@media (max-width: 319px) {
    .filter-cocktails.mobile {font-size:20px;}
    .filter-cocktails ul { text-align:left;}
    .filter-cocktails li {
	    width:100%;
	    padding:0;
	    padding-left:10px;
    }
}

/* ================== COCKTAIL DETAIL ================== */
.cocktail-detail > section {
    position:relative;
    text-align:center;
}

.cocktail-detail > section:first-of-type {
				/*background:url("/images/cocktails-cinz/details/cincin-background.png") no-repeat bottom right transparent;*/
}

.cocktail-detail .wrapper-xs-small {}

.cocktail-detail .cocktail-logo {
    width:100px;
    height:100px;
    position:absolute;
    left:30px;
    top:30px;
    z-index:1;
    /* debug */
    /*background-color:#1a6a3e;*/
}

.cocktail-detail .actual-cocktail {
    display: table-cell;
    vertical-align: middle;
}
.cocktail-detail .body-cocktail {
    display: table-cell;
    vertical-align: top;
}

.cocktail-detail .actual-cocktail.mobile {
    position:relative;
    display:none;
}

.cocktail-detail .actual-cocktail img {
	display:block;
	text-align:center;
	margin:0 auto;
	position: relative;
}

.cocktail-detail .cocktails-top-text-row {
    background: url("/images/cocktails-cinz/details/title-page.png") no-repeat scroll center center #f1ede0;
    background-size:50%;
    margin-top: 0px;
    max-width: 100%;
    width: 100%;
}

.cocktail-detail .cocktails-top-text-row h1 {
    /*padding-top:60px;*/
    padding: 120px 0px;
}


.cocktail-detail section.cocktail-row {
	display:block;
	vertical-align:top;
	text-align:left;
	padding:30px 0;
}

.cocktail-detail .separator {
    width:60%;
    height:1px;
    border-top:1px solid #c5c5c5;
}

.cocktail-detail section.cocktail-row > div {
	vertical-align:middle;
	display:table-cell;
}

.cocktail-detail .cocktail-row:first-of-type > div {
	vertical-align:middle;
}

section.cocktail-row .left-column {
	width:270px;
	font-family: Vujah,'Alex Brush', cursive;
	color:#000;
	font-size:40px;
}

section.cocktail-row .left-column > span {}
section.cocktail-row .left-column > span::first-letter {
	font-size: 72px;
}

section.cocktail-row .right-column {
	max-width:345px;
	padding:0 5px;
	font-size:18px;
	color:#000;
	font-weight:300;
	line-height:30px;
}

.cocktail-detail section.cocktail-row:first-of-type .right-column { text-align:left;}

.difficult-ico {
	display:inline-block;
	width:15px;
	height:55px;
	margin:0 22px;
	background:url("/images/cocktails-cinz/details/difficult.png") no-repeat center bottom transparent;
}

.difficult-ico.difficult { background:url("/images/cocktails-cinz/details/difficult-active.png") no-repeat center bottom transparent; }

section.cocktail-row .right-column div.time {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
}

section.cocktail-row .right-column p span {
	color:#2f2f2f;
}

.cocktail-detail .content-box-yournext {
	margin-top:100px;
}

.cocktail-detail .content-box-yournext .slider-cocktail {
	top:-190px;
	z-index:10;
	width:100%;
	height:100%;
	position:relative;
	display:block;
	/*background:url("/images/cocktails-cinz/details/background-raggi.png") no-repeat top center transparent;*/
}

.cocktail-detail .content-box-yournext .slider-container {
	display:block;
	position:relative;
	margin:0 auto;
}

.cocktail-detail .content-box-yournext .slider-container .slider-cocktails-title{
    font-size: 60px;
    font-family: Vujah, cursive;
    text-align: center; 
    padding: 60px 0px 30px;
}

.slider-cocktails-next .item-slider {
	height:230px;
	margin:0 10px;
	position:relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.slider-cocktails-next .item-slider.slick-center {
	bottom:20px;
	padding:20px 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.slider-cocktails-next .item-slider.current-item {
	bottom:20px;
	padding:20px 0;
}


.slider-cocktails-next .item-slider.current-item > img {
				max-width:110px;
				padding-bottom:20px;
}

.item-slider > img {
				max-width:96px;
				width:100%;
				height:auto;
				margin:0 auto;
				z-index:1;
				position:absolute;
				bottom:0;
				left:0;
				right:0;
}

.item-slider .item-cover {
				position:absolute;
				z-index:2;
				width:100%;
				height:100%;
				top:0;
				left:0;
}

.slider-cocktails-next-description .item-slider-description {
				padding:10px 0;
				min-height:45px;
				vertical-align:top;
				font-size:20px;
				color:#666;
				font-family: 'Lato', sans-serif;
				font-weight:100;
				text-align:center;
				line-height:20px;
}

.slider-cocktails-next-description .item-slider-description > strong {
				color:#c90039;
}

.slick-list {
				padding:0 !important;
}

@media (max-width: 768px) {
    .cocktail-detail section.cocktail-row {
        max-width:550px;
        margin:0 auto;
    }

    .cocktail-detail > section:first-of-type {
        background:none;
    }

    .cocktail-detail section.cocktail-row:first-of-type {
        margin-top:650px;
        margin-top:0;
    }

    .cocktail-detail .actual-cocktail {
        height:625px;
        /*background: url("/images/cocktails-cinz/details/horizontal-background.png") repeat-x center top transparent;*/
        height:550px;
    }

    .cocktail-detail .actual-cocktail > img {
        display:none;
    }

    .cocktail-detail .actual-cocktail.mobile {
        display:block;
        height:auto;
        top:0;
        overflow:hidden;
        min-height:460px;
	    padding: 0px 0 0 0;
    }

    .cocktail-detail .actual-cocktail.mobile > img {
        display:block;
    }

    section.cocktail-row .right-column {
        max-width:275px;
    }

    .difficult-ico {
        margin:0 15px;
    }

    .cocktail-detail .cocktail-logo {
        left:0;
        right:0;
        margin:0 auto 20px auto;
        position:relative;
    }

    .cocktail-detail .separator {
        width:75%;
        margin:0 auto;
    }

    .slick-slide img { display: block; width:auto;  height:100%; margin:0 auto; position:relative; left:-35px !important; }
    .intersection-slider .slick-slide img{ height: auto; width: auto; position: relative; left: 0px !important; }
                

}

@media (max-width: 480px) {

    .cocktail-detail section.cocktail-row {
		text-align:center;
    }

    .slider-cocktails-next .item-slider.current-item > img {
		padding-bottom:40px;
    }

    section.cocktail-row .left-column, section.cocktail-row .right-column {
		text-align:center;
		margin:0 auto;
		max-width:423px;
		display:block;
    }

    section.cocktail-row .left-column {
		font-size:40px;
        text-align: left;
        padding: 0px 30px;
    }

    section.cocktail-row .right-column {
		font-size:24px;
		line-height:30px;
        display: block;
        text-align: left;
        padding: 30px;
    }

    .cocktail-detail section.cocktail-row div {
		 display: block;
    }

    .cocktail-detail .separator {
		width:90%;
    }

    .slider-cocktails-next-description .item-slider-description {
		font-size:24px;
    }

    .slick-slide img { max-width:170px; width: auto;  height:80%; left:-45px !important; bottom:-35px; }
    .intersection-slider .slick-slide img{ height: 100% !important; width: auto !important; position: relative; left: 0px !important; bottom: 0px; max-width: none; }
    .intersection-slider .slick-slide .slick_desktop{display: none;}
    .intersection-slider .slick-slide .slick_mobile{display: block;}
    .slick-prev, .slick-next {
		margin-top:75px !important;
    }

    .slider-content div.controller .slick-slide img {
        max-width: 100%;
        width: auto;
        height: 80%;

        bottom: 0;
    }
}

/* ====================== SPLASH OVERLAY ====================== */

#splash-page.splash-overlay {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1000;
    background: url('/images/splash-cinz/top-banner-repeat.jpg') repeat-x top center #FFF;
}

div.h-separator {
	width:100%;
	height:2px;
	background:url("/images/splash-cinz/h-separator.png") no-repeat top center transparent;
	margin-top:30px;
}

div.v-separator {
	display:inline-block;
	width:2px;
	height:50px;
	margin:0 10px;
	text-align:center;
	vertical-align:middle;
	background:#e2e2e2;
}

.wrapper-wide {
	max-width:100%;
}

.splash-page {
	background: url('/images/splash-cinz/top-banner.jpg') no-repeat top center transparent;
	height:auto;
	margin:0 auto;
	position:relative;
	display:block;
	min-height:111px;
	text-align:center;
}

section.wrapper-wide.splash-page {
	overflow:hidden;
}

.splash-page > .wrapper-small {
	top:35px;
}

.splash-page .wrapper-small > div {
	display:inline-block;
	width:49%;
	height:auto;
	text-align:center;
	vertical-align:top;
	margin-bottom:35px;
}
.splash-sx {}

.splash-sx img {
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.splash-dx {}
.splash-dx-column:first-child { margin-top:45px; }
.splash-dx-column:last-child {  margin-top:30px; }
.splash-dx-column {
	display: block;
	float: left;
	margin: 70px 0 0;
	width: 350px;
	text-align: center;
}

.splash-dx-column p {
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:18px;
	color:#414141;
	display:block;
	text-align:center;
}

p.subtitle-img {
	letter-spacing:normal;
	margin-top:10px;
	font-size:15px;
	display:block;
	text-align:center;
	height:auto;
	text-transform:uppercase;
	font-weight:100;
	color:#cbcbcb;
}

/* CHOOSE LANGUAGE */
.choose-country > div {
	width:200px;
	vertical-align:bottom;
	text-transform:uppercase;
	color:#fff;
	margin-top:20px;
	font-weight:100;
	margin:20px auto 0;
	text-align:left;
	text-indent:20px;
	display:block;
	position:relative;
	height:30px;
}

.choose-country > div > .down-arrow {
	height:33px;
	width:20px;
	position:absolute;
	right:15px;
	top:0;
	background:url("/images/splash-cinz/down-arrow.png") no-repeat center center transparent;
	background-size:contain;
	z-index:10000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.choose-country > div > .down-arrow.up {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}

.DivSelectyze.css3 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.DivSelectyze.css3 a {
	color:#fff;
	padding:7px 0;
	display:block;
	/*border-top:1px solid #e2e2e2;*/
}

.DivSelectyze.css3 > a {
	background:url("/images/splash-cinz/down-arrow.png") no-repeat #c90039;
	background-position:center right 20px;
	background-position-y:center;
	background-position-x:90%;
	border:none;
}

a.selectyzeValue {
	background-color:#c90039;
}

ul.UlSelectize {
	display:none;
	background-color:#c90039;
}

ul.UlSelectize li {}

/* LEGAL AGE */
.legal-age > div {
    width:200px;
    position:relative;
    text-transform:uppercase;
    color:#fff;
    margin:35px auto 0;
    font-weight:100;
    text-align:center;
    display:block;
}

.legal-age > div > a {
	width:45px;
	height:30px;
	line-height:30px;
	background-color:#c90039;
	display:inline-block;
	color:#fff;
}

.legal-age > div .right-red-arrow {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:13px;
	background:url("/images/splash-cinz/right-red-arrow.png") no-repeat right center transparent;
}

.splash-page .wrapper-small .splash-footer {
	display:none;
	margin:0 auto;
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
}

.splash-footer img {
	max-width:390px;
	width:100%;
	margin:0 auto;
	display:block;
}


@media (max-width: 480px) {
.hp-top-container a { height: 100%;}
.hp-top-container .vseparator > div { top: 83%;}
.item-container {
    max-width:320px;
    width:100%;
}
.hp-top-container { height: 582px;}
.hp-top-container a > div { max-width: 96%;}
.hp-top-container a > div > span { font-size: 42px;}
.hp-top-container a > div > h2 { /*font-size: 30px;*/}
.item-container .item {
    /*width: 100%;
    max-width: 423px;
    margin: 40px auto 0 auto;
    max-width:100%;
    padding:0 10px;*/
    width: 320px;
    max-width: 423px;
    margin: 40px auto 0 auto;
    max-width: 320px;
    padding: 0;
}
.item .item-text { width: 100%;}
.cocktails-top-text-row p, .cocktails-top-text-row h3 {
    display:inline;
    font-size:24px;
    line-height:30px;
}
.cocktails-top-text-row p {
    margin-left:5px;
}
.cocktails-top-text-row h1 {
    font-size: 60px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: auto;
}
.item .item-img > span {
    width:48px;
    height:48px;
}
.item .item-text h3 {
    font-size:40px;
    line-height:42px;
}
.item .item-text p {
    font-size:20px;
    line-height:25px;
    width: 100%;
    margin: 0;
}

.filter-cocktails {
    display:none;
}

.filter-cocktails.mobile {
    display:block;
    position:relative;
    font-size:22px;
    height: auto;
    height:50px;
    overflow:hidden;
}

.filter-cocktails li {
    width:100%;
    padding:0;
}

.filter-cocktails a > span { display:none;}

.filter-cocktails.mobile  a > span {display:inline-block; }

.filter-cocktails .arrow-button { display:block;}

.filter-cocktails .arrow-button > .arrow-image.up {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    }
}

@media (max-width: 320px) {
.hp-top-container a > div > h2 { font-size: 18px; }
.hp-top-container a > div > span {
    font-size: 28px;
    line-height: 23px;
    }

}

@media (max-width: 768px) {

				div.h-separator {
								margin-top:45px;
				}

				.splash-page {
								background: url('/images/splash-cinz/top-banner-small.jpg') repeat-x top center #FFF;
				}

				.splash-page .wrapper-small .splash-sx {
								display:none;
				}

				.splash-dx-column {
								float:none;
								margin-top:60px;
				}


				.splash-dx-column:last-child, .legal-age > div, .splash-dx-column:first-child {
								margin-top:40px;
				}

				.splash-dx-column, .splash-page .wrapper-small > div {
								width:auto;
				}

				.splash-dx-column p.subtitle-img {
								font-size:15px;
				}

				.splash-dx-column p, .legal-age > div > a, .choose-country > div {
								font-size:22px;
				}

				.legal-age > div > a {
								width:65px;
								height:45px;
								line-height:45px;
				}

				.splash-page .wrapper-small .splash-footer {
								display:inline-block;
								margin:45px 0;
				}

				.splash-footer img {

				}


}

/* ====================== NEWS LIST ====================== */

.wrapper-wide .news-top-img {
				position:relative;
				display:block;
				margin:0 auto;
				text-align:center;
				height:auto;
}

.wrapper-wide .news-top-img > img {
				max-width:1280px;
				display:block;
				position:relative;
				z-index:1;
				top:0;
				left:-640px;
				margin-left:50%;
}


.wrapper-small.bg-page-titolo.news-list {
				position: relative;
				text-align: center;
				z-index: 2;
}

.wrapper-small.bg-page-titolo.news-list > img {
				margin-top:50px;
}

.wrapper-wide .wrapper-small.news-container {
				min-height:550px;
				margin-top:0;
}

#container{
				width:100%;
				margin: 0 auto 15px auto;
				padding-bottom:15px;

}

.wrapper-wide .wrapper-small.news-container #container .item {
				max-width: 50%;
				width:100%;
				margin:0 0 50px 0;
				background-color:transparent;
				min-height:50px;
				white-space:normal;
}

.wrapper-wide .wrapper-small.news-container #container  .item:nth-of-type(2) {
				margin-top:110px;
}

.item.left-obj {
				text-align:right;
}

.item.right-obj {
				text-align:left;
}

.item > span {
				position:absolute;
				top:0;
				z-index:2;
				width:160px;
				height:31px;
}

.item > span time {
				position:relative;
				display:block;
				color:#fff;
				font-size:18px;
				text-transform:uppercase;
				line-height:18px;
				margin:6px 15px;
}

.item.left-obj > span {
				background:url('/images/news-cinz/corner-right.png') no-repeat top right transparent;
				right:-9px;
				text-align:left;
}

.item.right-obj > span {
				background:url('/images/news-cinz/corner-left.png') no-repeat top left transparent;
				left:-9px;
				text-align:right;
}

.item .article-container {
				position:relative;
				margin:65px 25px 0 25px;
				width:auto;
				max-width:415px;
				white-space:normal;
}

.item.left-obj .article-container {
				float:right;
}

.item.right-obj .article-container {
				float:left;
}

.item .article-container h2 {
				font-size:30px;
				text-transform:uppercase;
				margin-bottom:15px;
				font-weight:100;
}

.item .article-container p {
				font-size:17px;
				color:#7a7a7a;
				font-weight:100;
				letter-spacing:0.2px;
				margin-bottom:35px;
}

.item .article-container p strong {
				color:#002a5b;
}

.item > img {
				position:relative;
				max-width:90%;
				width:auto;
				height:auto;
				margin:0 5%;
}

.timeline_container{
				width: 2px;
				text-align: center;
				margin: 0 auto;
				display: block;
}
.timeline{
				margin: 0 auto;
				background-color:#818181;
				display: block;
				float: left;
				height: 100%;
				left: 50%;
				margin-left:-1px;
				margin-top: 10px;
				position: absolute;
				width: 1px;
}

.loadmore-container {
				position:relative;
				display:block;
				width:100%;
				margin-bottom:15px;
				text-align:center;
				min-height:75px;
}

.loadmore-button {
				background:url('/images/news-cinz/loadmore.png') no-repeat center center #fff;
				width:76px;
				height:76px;
				margin:0 auto;
				text-align:center;
				position:relative;
				display:block;
				cursor:pointer;
}





@media (max-width: 768px) {

    .wrapper-wide .news-top-img > img {
	    max-width: 768px;
	    left: -410px;
    }

    .wrapper-wide .news-top-img > .ellisse {
	    bottom: -75px;
    }

}





@media (max-width: 480px) {

    .wrapper-wide .news-top-img > img {
	    max-width:600px;
	    left:-350px;
    }

    .wrapper-wide .news-top-img > .ellisse {
	    bottom:-75px;
    }

    .wrapper-wide .wrapper-small.news-container #container .item {
	    width:100%;
	    max-width:100%;
    }

    .wrapper-wide .wrapper-small.news-container #container .item:nth-of-type(2) {
	    margin-top:0;
    }

    .wrapper-wide .wrapper-small.news-container #container .item.left-obj > span {
	    right:0;
    }

    .wrapper-wide .wrapper-small.news-container #container .item.left-obj .article-container {
	    width:90%;
	    margin:65px auto;
	    float:none;
	    text-align:left;
    }

    .wrapper-wide .wrapper-small.news-container #container .item .article-container h2 {
	    font-size:40px;
    }

    .wrapper-wide .wrapper-small.news-container #container .item .article-container p {
	    font-size:24px;
	    letter-spacing:0;
    }

    .timeline {
	    left:98%;
    }

    .loadmore-container {
	    margin-bottom:60px;
    }

    .loadmore-button {
	    background:url('/images/news-cinz/loadmore-small.png') no-repeat center center #fff;
	    width:190px;
	    height:35px;
    }
	.slider-content ul.controller {
		overflow:visible;
    }
    .slider-content div.controller {
		overflow:visible;
	}
	.slider-content .slide-wrapper-mask {
		width: 100%;
	}
	.slider-content ul.controller li .bottle-image {
		left:50%;
		margin-left:-160px;
    }
    .slider-content div.controller > div div.bottle-image {
		left:50%;
		margin-left:-160px;
	}
    
}

/* COOKIES BANNER */

#cookiesBox {
    position: absolute;
    top: 7.5em;
    right: 0;
    z-index: 9998;
    left: auto;
    display:none;
}

@media (max-width: 980px) {
    #cookiesBox {
	    /*right: auto;*/
	    /*left: 802px;*/
    }
}

#cookiesBox .container{
    position:relative;
    bottom:0;
    left:0;
    width:180px;
    padding:23px 0 0 0;
    background:#FFF;
    font-size: 12px;
    color:#626262;
    line-height:16px;
    -moz-box-shadow: -2px 2px 3px rgba(0,0,0,.3); /* Firefox */
    -webkit-box-shadow: -2px 2px 3px rgba(0,0,0,.3); /* Safari, Chrome */
    box-shadow: -2px 2px 3px rgba(0,0,0,.3); /* CSS3 */
}

#cookiesBox .closeBtn {
	position:absolute;
	top:0;
	right:0;
	background:url(/images/cookies-box/close-button.png) no-repeat left top transparent;
	display:inline-block;
	width:14px;
	height: 11px;
	overflow:hidden;
	margin:10px 10px 0 0;
}
#cookiesBox h5 {
				font-weight:bold;
				font-size:18px;
				color:#c90039;
				text-align:center;
				width:100%;
				text-transform: uppercase;
				line-height:normal;
				padding:0;
				margin-top:23px;
				margin-bottom:10px;
}
#cookiesBox h6 {
				text-align:center;
				width:100%;
				max-width:145px;
				font-size: 15px;
				line-height:16px;
				color:#414141;
				text-transform:none;
				padding:0;
				margin:10px auto 15px auto;
}
#cookiesBox .movingArea {
				background:#fff;
				padding:0;
}
#cookiesBox p {
				padding:0;
				margin:0 auto;
				width:100%;
				max-width:135px;
				text-align:center;
}
#cookiesBox .controls-container {
				background:url(/images/cookies-box/shadow.png) repeat-x left top #fff;
}
#cookiesBox .acceptBtn {
				text-align:center;
				color:#959595;
				font-weight:400;
				font-size:14px;
				line-height:23px;
				text-transform: uppercase;
				padding:10px;
				border:1px solid #cfcfcf;
				background-color:#FFF;
				width:100%;
				max-width:135px;
				display:block;
				margin:15px auto;
				position:relative;
				top:15px;
}
#cookiesBox .visibleArea {
				overflow:hidden;
}
#cookiesBox .controls {
				padding:15px 0;
				margin:0 auto;
				display:block;
				width:100%;
				max-width:135px;
				text-align:center;
}
#cookiesBox.opened  .controls{
				margin-bottom: 10px;
}
#cookiesBox .lessBtn,
#cookiesBox .moreBtn {
				font-size: 12px;
				text-transform:uppercase;
				color:#011957;
}
#cookiesBox .lessBtn {
				display:none;
}
#cookiesBox .boxImage {
				position:absolute;
				right:0;
				bottom:0;
}
.arrow_small {
				background:transparent url(/images/cookies-box/arrow.png) no-repeat center center;
				display:inline-block;
				width:12px;
				height: 6px;
				overflow:hidden;
				top:-1px;
				position:relative;
}
.arrow_small_up {
				-ms-transform: rotate(0); /* IE 9 */
				-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
				transform: rotate(0);
}
.arrow_small_down {
				-ms-transform: rotate(180deg); /* IE 9 */
				-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
				transform: rotate(180deg);
}