/* Font Face Settings */
@font-face {
    font-family: 'titilliumtext22l1_wt';
    src: url('../fonts/titillium/titilliumtext22l001-webfont.eot');
    src: url('../fonts/titillium/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium/titilliumtext22l001-webfont.woff2') format('woff2'),
         url('../fonts/titillium/titilliumtext22l001-webfont.woff') format('woff'),
         url('../fonts/titillium/titilliumtext22l001-webfont.ttf') format('truetype'),
         url('../fonts/titillium/titilliumtext22l001-webfont.svg#titilliumtext22l1_wt') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}

* {margin: 0; padding: 0;}

a {text-decoration: none; border:none;}

/* This class is added on scroll */
.fixed {
	position: fixed; 
	top: 0; 
	height: 55px; 
	z-index: 100;
}
ul, li{
	list-style:none;
	}
.fixed ul li a {
	color:#fff;
	
	}

body, html{
	height:100%;
	}

body {
	color: #fff;
	font-family: 'open-sans-bold'; 
	font-size: 18px;
	text-align: center;
}

h1, h2, h3, p{
	margin:0;
	padding:0;
	line-height:nrmal;
	}

/* Navigation Settings */
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(../images/px.png) repeat;
}

nav li {
	display: inline-block;
	padding: 12px 10px;
}

nav li a {
	color: #757575;
	font-family: 'titilliumtext22l400_wt';
}

section {
	height: 100%;
	overflow:hidden;
}

/* Screens Settings */
#screen1 {	
	background: url(../images/backgrounds/image-home.jpg) no-repeat center center;
	background-size:cover;

}
#screen2 {	
	background: url(../images/backgrounds/image-storia.jpg) no-repeat center center;
	background-size:cover;
}

#screen1 p {
	padding-top: 10px;
	font-family: 'titilliumtext22l1_wt';
	font-size:24px;
}

#screen1 h1 {
	display:inline-block;
	margin:20vh auto 0 auto;
	background:url(../images/logo-paoloucci.png) no-repeat center center;
	background-size:contain;
	width:498px;
	height:256px;
}


#screen2 {

}

.storia-content{

    display: table;
    margin: 10% auto 0;
    width: 46%;
	}
.storia-content p{
	display:block;
	font-size:2.5vh;
	text-align:justify;
	padding:2%;
	line-height: 4vh;
	font-family: 'titilliumtext22l1_wt';
	}
.storia-content span {
	color: #eaeaea;
	font-size:9vh;
	text-align:center;
	display:block;
	font-family: 'titilliumtext22l400_wt';
}
#screen3 {
background:url(../images/backgrounds/amaro-ciociaro.jpg) no-repeat center center;
	background-size:cover;
}

.ciociaro-content{
	 display: inline-block;
    float: right;
    margin: 5% 0 0;
    overflow: hidden;
    padding: 0 8%;
    width: 39%;
	}
.ciociaro-content span{
	color: #eaeaea;
	font-size:9vh;
	text-align:left;
	display:block;
	font-family: 'titilliumtext22l400_wt';
}
#screen4 span{
	color: #999;
	font-size:8vh;
	display:block;
	margin:2% 0 1% 0;
	padding:1% 0;
	font-family: 'titilliumtext22l400_wt';
}
.bagne-content span{
	color: #999;
	font-size:8vh;
	display:block;
	margin:0 0 2% 0;
	padding:0;
	font-family: 'titilliumtext22l400_wt';
	}
.cocktail-container span.title {
	font-family: 'titilliumtext22l400_wt';
	font-size:8vh;
	display:block;
	overflow:hidden;
	color: #eaeaea;
	}
.ciociaro-content p {
	color: #ababab;
	font-size:2.8vh;
	text-align:justify;
	padding:2% 0 0 0;
	font-family: 'titilliumtext22l1_wt';
}

#screen4, #screen6,  #screen8 {
	display:table;
	width:auto;
	background:#e8e8e8;
}
#screen7{
	display:table;
	width:100%;
	}
#screen8 {
	background:#585858;
    display: table;
    height: auto;
    width: 100%;
	padding:20px 0;
}
#screen5 {
	background:#e8e8e8;
	height:auto !important;
	overflow:auto;
	padding:4% 0;
}
#screen6{
	background: #333;
	}
.cocktail-container{
	overflow:hidden;
	width:80%;
	margin:0 auto;
	}
.cocktail-container .scheda{
	overflow:hidden;
	float:left;
	padding:10px;
	width: -moz-calc(25% - 22px);
	width: -webkit-calc(25% - 22px);
	width: -o-calc(25% - 22px);
	width: calc(25% - 22px);
	border-right: 1px solid #4d4d4d;
    margin: 10px 0;
	}
.cocktail-container .scheda em{
	font-style:normal;
	font-family: 'titilliumtext22l400_wt';
	font-size:2.3vmin;
	color:#FFF;
	display:inline-block;
	float:left;
	text-align:left;
	}
.cocktail-container .scheda a{
	font-size:11px;
	display:inline-block;
	float:right;
	color:#fff;
	text-decoration:none;
	padding:8px 20px 8px 0;
	font-family: 'titilliumtext22l1_wt';
	background:url(../images/ico-link.png) no-repeat center right;
	}
.cocktail-container .scheda .description{
	font-style:normal;
	font-family: 'titilliumtext22l250_wt';
	font-size:1.6vmin;
	color: #b8b8b8;
	display:block;
	clear:both;
	text-align:left;
	}
.cocktail-container .scheda .description p{
	padding:5px;
	}
.cocktail-container .scheda-container{
	overflow:hidden;
	display:table;
	clear:both;
	}

.image, .ingredients{
	display:table-cell;
	overflow:hidden;
	vertical-align:middle;
	}
.image{
	width:45%;
	}
.image img{
	width:100%;
	}
.ingredients{
	width:65%;
	}
.ingredients ul li{
	font-family: 'titilliumtext22l250_wt';
	font-size:1.5vmin;
	color:#999;
	text-align:left;
	}

.box{
	display:block;
	width:25%;

	opacity:0.3;
	float:left;
	}  
.interval, .interval1, .interval2{
	overflow:hidden;
	height:35%;
	display:block;
	}
.interval{
	background:url(../images/backgrounds/bg01.jpg) no-repeat center bottom;
		background-attachment:fixed;
	}
.interval1{
	background:url(../images/backgrounds/bg02.jpg) no-repeat center bottom;
		background-attachment:fixed;
	}
.interval2{
	background:url(../images/backgrounds/bg03.jpg) no-repeat center bottom;
		background-attachment:fixed;
	}
#screen7{
	background:url(../images/backgrounds/map.jpg) no-repeat center top;
		background-attachment:fixed;
	}
.scheda-button{
	 border: 1px solid #595959;
    color: #9e9e9e;
    display: inline-block;
    float: left;
    font-family: "titilliumtext22l250_wt";
    font-size: 1.5vmin;
    margin: 32px 0 0;
    padding: 11px;
	background: url(../images/px-bg.png) repeat;
	}
.wrap-contact{
	overflow:hidden;
	display:block;
	margin:5% auto 0 auto;
	width:734px;
	}
	
.info-container{
	width:250px;
	float:left;
	overflow:hidden;
	background:#000;
	color:#fff;
	padding:25px;
	}
.info-container span.log{
	background:url(../images/logo-paoloucci-small-inv.png) no-repeat;
	background-size:contain;
    display: block;
    height: 105px;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 168px;
	}
.info-container span{
	font-family: 'titilliumtext22l250_wt';
	font-size:18px;
	}
.date-container{
	display:block;
	overflow:hidden;
	margin:15px 0 0 0;
	}
.date{
	font-family: 'titilliumtext22l250_wt';
	font-size:14px !important;
	display:block;
	clear:both;
	display:block;
	}
.date p{
	font-family: 'titilliumtext22l1_wt';
	font-size:15px !important;
	display:inline-block;
	margin:0 0 0 10px;
	}
.date p a{
	text-decoration:none;
	color:#fff;
	}
.date p a:hover{
	text-decoration:underline;
	}


.info-container p{
font-family: 'titilliumtext22l1_wt';
	font-size:16px;
	}

.mail-container{
	overflow:hidden;
	background:#fff;
	width:350px;
	display:block;
	border:10px solid #b51f24;
	padding:25px;
	float:right;
	}
.mail-container span{
	background:url(../images/logo-paoloucci-small.png) no-repeat;
	background-size:contain;
    display: block;
    height: 88px;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 136px;
	}
.mail-container p{
	font-family: 'titilliumtext22l250_wt';
	color:#333;
	font-size:16px;
	text-align:center;
	margin:0 0 20px 0;
	}
.mail-container form{
	overflow:hidden;
	display:block;
	}
.mail-container input{
	width: -moz-calc(100% - 14px);  
    width: -webkit-calc(100% - 14px);     
    width: calc(100% - 14px); 
	clear:both;
	display:block;
	border:1px solid #5c1505;
	font-size:16px;
	margin:0 0 20px 0;
	font-family: 'titilliumtext22l1_wt';
	color:#000;
	padding:10px 5px;
	}
.mail-container input.button{
	width: -moz-calc(100% - 2px);  
    width: -webkit-calc(100% - 2px);     
    width: calc(100% - 2px); 
	clear:both;
	display:block;
	border:1px solid #5c1505;
	font-size:16px;
	margin:0 0 20px 0;
	font-family: 'titilliumtext22l1_wt';
	color:#999;
	padding:10px 5px;
	}
.mail-container textarea{
	width: -moz-calc(100% - 14px);  
    width: -webkit-calc(100% - 14px);     
    width: calc(100% - 14px);
	clear:both;
	display:block;
	border:1px solid #5c1505;
	font-size:16px;
	margin:0 0 20px 0;
	font-family: 'titilliumtext22l1_wt';
	color:#999;
	padding:10px 5px;
	height:100px;
	}
/*VIDEO*/
.video-container {
    margin: 0 auto;
    overflow: hidden;
    width: 66%;
	
}
.video-target {
	background:#ccc;
	margin:0 15px 0 0;
    display: block;
    float: left;
    overflow: hidden;
	width:-moz-calc(33% - 7px);
	width: -webkit-calc(33% - 7px);
	width: -o-calc(33% - 7px);
	width: calc(33% - 7px);
	
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.3);
}
.video-target:nth-child(3){
	margin:0 !important;
}
.video-link{
	width:100%;
	display:block;
	padding:6px;
	}
.no-margin{
	margin:0;
	}
.video-link span.thumb{
	display:block;
	height:218px;
	clear:both;
	position:relative;
	
	width:-moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px);
	width: -o-calc(100% - 12px);
	width: calc(100% - 12px);
	}
.video-link span.thumb img{
	position:absolute;
	bottom:0;
	right:4px;
	}
.video-title{
    color: #333;
    display: block;
    font-family: "titilliumtext22l400_wt";
    font-size: 20px;
    text-align: left;
	}
.video-link p{
    color: #333;
    display: block;
    font-family: "titilliumtext22l250_wt";
    font-size: 14px;
    margin: 0;
    text-align: left;
	}
.video-link p.credit{
    color: #333;
    display: block;
    font-family: "titilliumtext22l250_wt";
    font-size: 13px;
    margin: 15px 0 0 0;
    text-align: left;
	}
.video-link p.credit a{
    color:#C00;
	}
.video-link span.thumb .video01, .video-link span.thumb .video02 {
	background-size:contain;
	}
.video-link span.thumb.video01 {
	background:url(../images/thumb/LA.jpg) no-repeat 0 0;
		background-size:contain;
	}
.video-link span.thumb.video02 {
	background: url(../images/thumb/Blue-Collar-Cocktail.jpg) no-repeat 0 0;
		background-size:contain;
	}
.video-link span.thumb.video03 {
	background: url(../images/thumb/Aperitivo-Julep.jpg) no-repeat 0 0;
		background-size:contain;
	}
.video-link span.thumb.video04 {
	background: url(../images/thumb/the-hi-life.jpg) no-repeat center center;
		background-size:contain;
	}
.video-link span.thumb.video05 {
	background: url(../images/thumb/the-hi-life.jpg) no-repeat center center;
		background-size:contain;
	}
/*END VIDEO*/