@charset "utf-8";

body,html{
	margin:0;
	padding:0;
}
#wrapper{
	width:100%;
	min-height: 50vh;
	max-width:1400px;
	margin:0 auto;
	box-sizing:border-box;
	padding:40px 4vw 0;
}
.flex-left{
	display:flex;
	justify-content:left;
}
.flex-center{
	display:flex;
	justify-content:center;
}
.fullSizeCont{
	width:100%;
	margin:0 0 30px 0;
	box-sizing:border-box;
}

#pageTitCont{
	width:100%; 
	display:flex; 
	flex-direction:column; 
	align-items:center;
}

#blueStripe{
	width:100%; 
	line-height:135px; 
	background-color:#1e73be; 
	color:white; 
	text-align:center;font-family: 'Antic Slab', serif; 
	font-size:34px; 
	letter-spacing:1px;
}

#titArrow{
	width:59px; 
	height:39px;
}

/* TESTO */
.textStyle h1,h2,h3{
	font-family: 'Antic Slab', serif;
	color:#333333;
	font-weight:400;
}
.textStyle h1,h2,h3,p{
	margin-bottom:20px;
}
.textStyle h1{
	font-size:34px;
}
.textStyle h2{
	font-size:18px;
}
.textStyle h3{
	font-size:16px;
}
.textStyle p,li{
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	color:#747474;
	line-height:18px;
}
.textStyle a{
	text-decoration:none;
}

/* HEADER */
#header{
	width:100%
}
#logBar{
	width:100%;
	display:flex;
	justify-content:space-between;
	background:#e9a825;
	/*testo*/
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:12px;
	line-height:44px;
}
#logBar a{
	color:#fff;
	text-decoration:none;
}
#logBar a:hover{
	color:#747474;
}

#logInfoBox,#logoBox{
	padding-left:4vw;
}
#logButBox,#menuBox{
	padding-right:4vw;
	display:flex;
}
.logBut{
	margin:0;
	padding:0 13px;
	border-right:1px solid #fff;
}
.cartBut{
	margin:0;
	padding:0 55px;
	background:#fff;
	display:flex;
	align-items:center;
}
.cartBut p{
	margin:0;
	padding:0 6px 0 6px;
	color:#000 !important;
}
#menu{
	width:100%;
	height:87px;
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#menuBox{
	align-items:center;
}

#menuBox a{
	padding:0 20px;
	line-height:100%;
	text-decoration:none;
	font-family: 'Antic Slab', serif;
	color:#000;
	font-size:16px;
	letter-spacing:1px;	
}
#menuBox a:hover{
	color:#e9a825;
}
#headVidCont{
	width:100%; 
	height:37vw;
	position:relative; 
	overflow:hidden; 
	display:flex; 
	justify-content:center; 
	align-items:center;
	z-index:10;
}

/* FOOTER */
#footer{
	width:100%;
	background-color:#363839;
	padding:40px 0 40px 80px;
	box-sizing:border-box;
	font-family: 'PT Sans', sans-serif;	
}
#footer h2{
	margin:0;
	padding:0;	
	line-height:40px;
	color:#ddd;
	font-weight:400;	
	font-size:13px;
}
#footer p{
	margin:0;
	padding:0;
	line-height:18px;
	color:#8c8989;	
	font-size:13px;
}

#subfooter{
	width:100%;
	background-color:#282a2b;
	padding:10px 0 10px 80px;
	box-sizing:border-box;
	border-top:1px solid #4b4c4d;
	display:flex;
	align-items:center;
}
#subfooter p{
	font-family: 'PT Sans', sans-serif;	
	font-size:12px;
	color:#8c8989;
	line-height:18px;
}
#footerLogo{
	width:115px;
	margin-right:20px;
}
#footer a,#subfooter a{
	color:#bfbfbf;
	text-decoration:none;
}
#footer a:hover,#subfooter a:hover{
	color:#fff;
}

/* ACCOUNT */
#accTableCont{
	font-family:'PT Sans', sans-serif;
	color:#747474;
	line-height:20px;
}
#accTableCont h1{
	margin:0 0 25px 0;
	padding:0;
	font-size:18px;
	display:block;
	border-bottom:1px solid #e0dede;
	line-height:30px;
}
#accTableCont h2{
	margin:0 0 10px 0;;
	padding:0;
	font-size:16px;
}
#accTableCont p{
	margin:0;
	padding:0;
	font-size:14px;
}
#accTableCont span{
	color:red;
	font-weight:normal;
	font-size:14px;
}	
#accMenu{
	width:30%;
	box-sizing:border-box;
	padding:0 15px 0 0;
}
#accMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#accMenu ul li{
	padding-left:20px;
	font-size:14px;
	line-height:50px;
	border-bottom:1px solid #e0dede;
}
#accMenu ul li a{
	color:inherit;
	text-decoration:none;
}
#accMenu ul li a:hover,.accMenuActive{
	color:#e9a825 !important;
}
#accContent{
	width:70%;
	box-sizing:border-box;
	padding:30px;
	border:1px solid #e0dede;
}
.account-btn{
	margin:0 10px 10px 0;
}
/* ordini */
.accOrderRow{
	width:100%;
	display:flex;
	margin:20px 0 20px;
}
.accOrderDetail{
	box-sizing:border-box;
	padding:0 20px;
}
.accOrderThumb{
	width:150px;
	flex-shrink:0;
	background-size:cover;
	background-position:center center;
}
.accOrderThumb:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}


/* FORM */
#wrapper-form{
	width:100%;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#f1f1f1;
}
.formSizeCont{
	width:320px;
	margin:0 0 30px 0;
	box-sizing:border-box;
}
.floatTxtSizeCont{
	width:100%; 
	max-width:500px;
	margin:0 0 30px 0;
	box-sizing:border-box;
}
.formBg{
	background-color:#fff;
	padding:26px 24px;
	box-shadow:0 1px 3px rgba(0,0,0,.13);
}
.formBg p{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	color:#72777c;
	font-size:13px;
	line-height:18px;
}
.formTxt{	
	margin:0;
	padding:0 0 0 15px;
	font-family: 'Montserrat', sans-serif;
	color:#555d66;
	font-size:13px;
	line-height:18px;
}
.formTxt a{
	color:inherit;
	text-decoration:none;
}
.formTxt a:hover{
	color:#0073aa;
}
.formBg h2{
	margin:0 0 10px 0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size:15px;
	line-height:20px;
}
.formTit,.formErr{
	padding:12px;
	border-left:4px solid #00a0d2;
	background-color:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.13);
	/*testo*/
	font-family: 'Montserrat', sans-serif;
	color:#000;
	font-size:13px;
	line-height:18px;
}
.formErr{
	border-left:4px solid #dc3232 !important;
}
form{
	width:100%;
	padding:0;
	margin:0;
}
form input[type=submit]{	
	float:right;
}
.form-control{
	width:100%;
	box-sizing:border-box;
	padding:3px;
	border:1px solid #ddd;
	line-height:30px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
.form-btn{
	padding:3px 12px;
	font-size:14px;
	line-height:24px;
	text-align:center;
	white-space:nowrap;
	color:#fff;
	background-color:#0085ba;
	border:1px solid #2e71ab;
	border-radius:3px;
	cursor:pointer;
	box-shadow:0 1px 0 #006799;
}
.pwChange{
	display:none;
}
.pw-eye{
	position:absolute; 
	right:5px; 
	top:0; 
	width:20px; 
	height:36px; 
	text-align:center; 
	cursor:pointer;
}
.pw-eye i{			
	line-height:36px;
	color: #0b5e7f;
}
.pw-eye:hover i{
	color: #0085ba;
}


/* INDEX */
/* anteprime eventi */
#eventsWrapper{
	display:flex; 
	flex-wrap:wrap;
	padding:0 80px; 
}
#eventsWrapper a{
	text-decoration:none;
}
.eventCont{
	width:25%;
	box-sizing:border-box; 
	padding:20px 20px 10px;
	margin-bottom:10px;
	position:relative;
}
@media (min-width: 1400px) {
	#eventsWrapper{	
		padding:0 100px; 
	}
	.eventCont{
		width:20%;
	}
}
.eventPreviewPic{
	width:100%;  
	background-position:center center; 
	background-size:cover;
}
.eventPreviewPic:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.eventTxtCont{
	width:90%; 
	margin:10px auto;
}
.eventTitleBox{
	margin:0;
	font-family: 'Antic Slab', serif; 
	color:#333; 
	font-size:16px; 
	line-height:24px;
}
.eventPriceBox{
	margin:10px 0;
	font-family: 'PT Sans', sans-serif; 
	color:#333; 
	font-size:18px; 
	line-height:22px;
}
.eventPriceBox span{
	font-size:10px; 
	color:#747474;
}

.eventCont:hover{
	background-color:#ddd;
}

/* EVENT DETAIL */
#detailImgCont{
	width:50%; 
	float:left; 
	padding-right:30px; 
	box-sizing:border-box;
}
#thumbRow{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.thumb{
	width:calc(25% - 7.5px);
	background-position:center center;
	background-size:cover;
	margin:10px 10px 0 0;
	border:1px solid #333;
	cursor:pointer;
	box-sizing:border-box;
	opacity:0.7;
}
.opacitySelected,.thumb:hover{
	opacity:1;
}
.thumb:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
#detailTxtCont{
	width:50%; 
	float:left; 
	font-family: 'Antic Slab', serif; 
}
#detailTxtCont h1,h2,h3,p{
	font-weight:400;
	margin:0 0 10px;
}
#detailTxtCont h1{
	font-size:20px;
	color:#333;
}
#detailTxtCont h2{
	font-size:18px;
	color:#333;
}
#detailTxtCont h3{
	font-size:16px;
	color:#747474;
}
#detailTxtCont h4{
	margin:0 0 10px;
	font-size:14px;
	color:#747474;
	font-weight:700;
}
#detailTxtCont p{
	font-size:13px;
	color:#747474;
	font-family: 'PT Sans', sans-serif;
}
#fullPriceBox{
	font-size:16px !important;
	font-weight:400 !important;
	text-decoration:line-through;
}
.optFormLegend{
	white-space:nowrap; 
	line-height:30px; 
	margin-right:15px;
}
.optFormRow{
	display:flex;
}
.optFormRow .form-control{
	font-size:14px; 
	height:30px;
}
.detailErrMsg{
	margin-top:30px;
	font-style:italic;
	font-size:16px !important;
	font-weight:700;
	color:#cf2805 !important;
}
.bigPic{
	width:100%;
	display:none;
}
#singleError,#boughtError,#boughtsingleError,#addCart{
	display:none;
}

/* CARRELLO */
.cartThumb{
	width:200px;
	background-size:cover;
	background-position:center center;
}
.cartThumb:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.cartRow{
	width:100%;
	display:flex;
	margin:40px 0 20px;
}
.nameCont{
	width:100%;
	margin:0 0 40px;
}
.nameRow{
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.nameRow input[type="text"]{
	margin:0 0 0 20px;
	max-width:300px;
}
.nameRow select{
	margin:0;
	max-width:400px;
}
.cartDetail{
	box-sizing:border-box;
	padding:0 20px;
}
.delCart{
	cursor:pointer;
	color:#cf2805 !important;
}
#cartPriceRow{
	display:flex;
	width:100%;
	align-itemscenter;
}

/* CONTATTI */
.map{
	width:95%;
	margin:30px auto;
}

#contatti{
	width:70%;
	display:flex;
	justify-content:center;
	margin:0 auto;
}

.indirizzo{
	flex-grow:1;
	border-width: 1px;
    border-color: #f6f6f6;
    border-top-width: 3px;
    border-top-color: #e9a825;
    border-style: solid;
	margin-right:25px;
	padding:20px;
}

.form_contatti{
	flex-grow:2;
	border-width: 1px;
    border-color: #f6f6f6;
    border-top-width: 3px;
    border-top-color: #e9a825;
    border-style: solid;
	margin-left:25px;
	padding:20px;
}

#esito_mail{
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	color:#37b31f;
	line-height:22px;
	margin-bottom:35px;
	font-weight:bold;
}

/* MOBILE */
#headerMob{
	width:100%;
	display:none;
}
#menuMob{
	width:100%;
	height:87px;
	border-bottom:2px solid #e9a825;
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#navContMob{
	height:0;
	overflow:hidden;
	background-color:#e9a825;
}
#navContMob ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#navContMob ul li{
	text-align:center;
	line-height:40px;
	border-bottom:1px solid #fff;	
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-size:14px;
}
#navContMob ul li a{
	color:#fff;
	text-decoration:none;
}

#navContMob ul li a:hover{
	color:#747474;
}

#navButMob{
	width:35px; 
	cursor:pointer;
}
@media (max-width: 600px) {
	#header{
		display:none !important;
	}
	#headerMob{
		display:block;
	}
	#headVidCont{
		display:none;
	}
	#headerImg{
		display:none;
	}
	
	#eventsWrapper{
		flex-direction:column;
	}
		
	.eventCont{
		width:100%;
	}
	#detailImgCont{
		width:100%; 
		float:none; 
		padding-right:0; 
	}
	#thumbRow{
		margin:10px 0 20px 0;
	}
	#detailTxtCont{
		width:100%; 
		float:none;	
	}
	.cartRow{
		flex-direction:column;
	}
	.cartThumb{
		margin:0 auto 10px;
	}
	#contatti{
		width:85%;
		flex-direction:column;
	}
	.indirizzo{
		padding:0;
		margin:0;
		border:0;
	}
	.form_contatti{
		flex-grow:1;
		padding:0;
		margin:0;
	}
}