@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,400italic,700italic,300italic);
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);

.desktop{display: block!important}
.mobile{display: none!important}

.gm-style-iw {
    overflow:hidden!important;
    height:150px!important; //for 3 lines of text in the InfoWindow
}

html, body{
	height: 100%;
}

body{
	font-family: 'Roboto Condensed',Arial;
	font-weight: 400;
	font-size:1.4em;
	color:#838383;
}

.iv{font-family: 'Times New Roman'; text-transform: uppercase; color:#000;}
h1 .iv{font-family: 'Times New Roman'; text-transform: uppercase; color:inherit;}

.hidden{display: none;}

a{color:#b3b3b3; text-decoration: none;}

a.opacityover{
	opacity: 0.5;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a.opacityover:hover{opacity: 1.0;}

#navbar{
	width:30%;
	float:left;
	min-height: 100%;
	background: #F5F5F5;
}

#pagecontent{
	width:70%;
	float:left;
	min-height: 100%;
	background: #FFF;
}

#footer{
	width:100%;
	font-size:0.8em;
	text-align: center;
	padding:20px 0px;
	background: #FFF;
	border-top:solid 1px #cecece;
	clear: left;
}

#map{
	width:100%; height:0px;
	padding-bottom:50%;
}

.mainpadding{
	padding:20px 20px;
}

#pagecontent .mainpadding{height: 100%; overflow: hidden;}

#navbar .mainpadding{
	padding-left:15%;
	padding-right:15%;
}

.col100{
	width:100%;
	float:none;
	clear: both;
}

.col50{
	width:50%;
	float:left;
}

.col25{
	width:25%;
	float:left;
}

ul.menu{font-size:1.4em; font-weight: 300; margin-top:10%;}
ul.menu > li {text-align: center; margin-top:0em; margin-bottom:0.1em;}
ul.menu > li > a{
	text-transform: uppercase;
	text-decoration: none;
	color:#b3b3b3;
	width:100%;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
	display: block;
}

ul.menu > li > a:hover{
	color:#000;
}

ul.menu > li.selected > a{color:#000;}

a.chisiamo{font-size:1.5em;}
a.saloni{font-size:1.8em;}
a.collezioni{font-size:1.35em;}
a.eventi{font-size:2.2em;}
a.promozioni{font-size:1.1em;}
a.prodotti{font-size:1.5em;}
a.ivstudio{font-size:1.1em;}
a.ivstudio span{display: block; margin:auto; font-size:1.95em; margin-top:-0.15em;}
a.press{font-size:1.0em;}
a.advertising{font-size:1.2em;}
a.contatti{font-size:1.60em;}
a.lavora{font-size:0.93em;}
a.academy{font-size:1.1em;}
a.academy span{display: block; margin:auto; font-size:1.5em; margin-top:-0.15em;}

a.homepage{font-size:0.8em; margin-top:0.1em; background:#666; color:#FFF!important; margin-bottom:10px; margin-top:-10px;}

.provincewrapper{
	padding:20px 0;
}

.provincewrapper select{
	font-family: 'Roboto Condensed',Arial;
	font-weight: 400;
	font-size:1.0em;
}

.salone{
	font-weight: 300; font-size:18px;
	padding:5px 0;
	border-bottom: solid 1px #cecece;
	width:50%;
	float:left;
}

.salone b{
	color:#000;
}

.logo{
	width:100%;
	margin:auto;
	margin-top:30px;
}

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

.social{margin-top:30px; width:100%; margin-left:auto; margin-right: auto;}
.socialitem{overflow: hidden; text-align: center;}
.socialitem .sociallogo{width:25%; display: inline-block;}


.slideshow{
	width:100%;
}

.slideshow .slides{
	width:100%;
	height: 0px;
	padding-bottom: 50%;
	overflow: hidden;
	position: relative;
}
.slideshow .slides .item{position: absolute; width:100%; top:0px; bottom:0px;}
.slideshow .slides .item img{width: 100%; height: auto; position: absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}

.blocks{margin-top:20px; overflow: hidden; margin-left:-10px; margin-right: -10px;}
.blocks:before, .blocks:after{display: table; content:'';}
.blocks .blockitem{position:relative; width:50%; float:left; margin:0px;}
.blocks .blockitem .content{padding:0 10px;}

#hamburger{
	border-radius: 5px;
	width:33px;
	height:33px;
	position: absolute;
	top:5px;
	right: 5px;
	padding:5px;
	display: none;
}

#hamburger span{
	width:70%;
	display: block;
	border-top:solid 4px #000;
	margin:4px auto;
}

.sectionimage{
	width:100%; height: 0px; padding-bottom: 30%; overflow: hidden; position: relative;
}

.sectionimage.prodotti{
	overflow: visible; padding-bottom: 0px;
	height: auto;
}

.collectionimage{
	width:100%; position: relative;
	border-bottom: solid 1px #cecece;
	overflow: hidden;
}

.collectionimage .pdfdownload{
	margin-top:-20px;
	margin-bottom: 1em;
}

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

.sectionimage .caption{
	position: absolute; left:5px; bottom: 5px;
}

.sectionimage .caption, .collectionimage .caption{
	/*
	position: absolute; left:5px; bottom: 5px;
	*/
	margin-top:25px;
	font-weight: 300;
}

.sectionimage .caption h1{
	color:#FFF; font-size:3em; text-transform: uppercase; text-shadow: 2px 2px 15px #000000;
	margin:0px; font-weight: 300;
}

.collectionimage .caption h1{
	color:#000; font-size:3em; text-transform: uppercase;
	margin:0px; font-weight: 300;
}

h1{
	color:#000; font-size:3em; text-transform: uppercase;
	margin:0px; font-weight: 300;
	margin-bottom: 0.25em;
}

h2{font-size:1.8em; text-transform: uppercase; color:#000; margin-bottom:0.2em; margin-top:0.7em; line-height: 120%;}
h3{font-size:1.5em; text-transform: uppercase; color:#000; margin-bottom:0.4em; margin-top:0.7em;}

img.rightside{max-width: 50%; float:right; margin-left:0.5em; margin-bottom:0.5em;}
img.leftside{max-width: 50%; float:left; margin-right:0.5em; margin-bottom:0.5em;}

.content{padding-left:15px; padding-right:15px;}
.textcontent{font-weight: 300; margin-top: 30px; padding-left:15px; padding-right:15px; line-height: 120%;}
.textcontent strong{color:#000; font-weight: inherit;}
.textcontent p{margin-bottom: 15px; clear:both;}
.textcontent blockquote{margin-bottom: 15px; padding-left:2%; line-height: 150%;}
.textcontent a{color:#000; text-decoration: underline;}
.textcontent a:hover{color:#000; text-decoration: none;}

.textcontent .app{
	width:80%;
	text-align: center;
	padding-top:1em;
}

.textcontent .app a{
	margin-left:20px;
	margin-right:20px;
}

.collezioniwrapper{margin-top:1em; margin-left:-0.5em; margin-right:-0.5em;}
.collezioniwrapper p{text-align: left; margin:1em 0.5em;}
.collezioniwrapper .collezione{width:33.333%; float:left; margin-bottom:1em;}
.collezioniwrapper .collezione a{display: block; padding-left:0.5em; padding-right: 0.5em;}
.collezioniwrapper .collezione figure{width:100%; position: relative; height: 0px; padding-bottom: 110%; overflow: hidden; margin-bottom: 0.5em;}
.collezioniwrapper .collezione figure img{
	width:100%; height: auto; position: absolute; top:-9999px; bottom: -9999px; left: -9999px; right: -9999px; margin:auto;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.collezioniwrapper .collezione:hover figure img{transform: scale(1.2); -webkit-filter: grayscale(0%);	filter: grayscale(0%);}
.collezioniwrapper .collezione .title{color:#000; text-align: center; font-size:1.1em; font-weight: 300;}

.categoria{
	clear: both;
	border-top:solid 1px #cecece;
	padding-top:2em;
	font-weight: 300;
}
.prodottiicona{float:left; width:3.5em; height: auto; margin-right: 0.5em; margin-top:1.4em;}
.prodottiwrapper{margin-top:1em; margin-left:-0.5em; margin-right:-0.5em; margin-bottom: 1em; overflow: hidden; padding-bottom: 1em;}
.prodottiwrapper p{text-align: left; margin:1em 1em;}
.prodottiwrapper .prodotto{width:25%; float:left; margin-bottom:1em;}
.prodottiwrapper .prodotto a{display: block; padding-left:0.5em; padding-right: 0.5em;}
.prodottiwrapper .prodotto figure{width:100%; position: relative; height: 0px; padding-bottom: 110%; overflow: hidden; margin-bottom: 0.5em;}
.prodottiwrapper .prodotto figure img{
	width:auto; height: 80%; position: absolute; top:-9999px; bottom: -9999px; left: -9999px; right: -9999px; margin:auto;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.prodottiwrapper .prodotto:hover figure img{transform: scale(1.2); -webkit-filter: grayscale(0%);	filter: grayscale(0%);}
.prodottiwrapper .prodotto .title{color:#000; text-align: center; font-size:1.1em; font-weight: 300;}

.pdfdownload{
	width:80px;
	float:right;
	text-align: center;
	font-size:0.8em;
	text-decoration: none!important;
	line-height: 90%;
	color:#838383!important;
	margin-top:-35px;
}

.pdfdownload:hover{
	color:#000!important;
}

.pdfdownload img{
	width:100%;
	height: auto;
	display: block;
	margin-bottom: 5px;
	
}

.torna{
	margin-top:0.5em;
	display: block;
	text-decoration: none!important;
	color:#838383!important;
	font-weight: 300;
}

.torna:hover{
	color:#000;
}

.dettaglio-prodotto{
	clear: both;
	overflow: hidden;
	padding-bottom: 1em;
	border-top:solid 1px #cecece;
}

.dettaglio-prodotto .prodotto-descrizione{
	font-weight: 300;
	width:65%;
	float: left;
}

.dettaglio-prodotto .prodotto-descrizione .categoria{
	border-top:0px;
	margin-top:0px;
	padding-top:0px;
}

.dettaglio-prodotto .prodotto-descrizione .categoria .prodottiicona{
	margin-top:0px;
}

.dettaglio-prodotto .prodotto-descrizione .textcontent{
	padding-left:0px;
}

.dettaglio-prodotto .prodotto-immagine{
	width:35%;
	float:left;
	text-align: center;
}

.dettaglio-prodotto .prodotto-immagine img{
	width:80%;
	height: auto;
}

.dettaglio-prodotto .prodotto-descrizione .prezzo{
	margin-top:2em;
}

.dettaglio-prodotto .prodotto-descrizione .prezzo .euro.scl{
	padding:0.2em; color:#000; font-weight: 500;
	background:#aaacae; font-size:1.2em;
}

.dettaglio-prodotto .prodotto-descrizione .prezzo .euro.syl{
	padding:0.2em; color:#FFF; font-weight: 500;
	background:#373535; font-size:1.2em;	
}


.formblock{
	margin-bottom: 1em;
}

form label{
	display: block;
	margin-bottom: 0.3em;
}

form .error{
	color:#D00!important;
}

form input, form select, form textarea, form button{
	display: block;
	width:100%;
	font-size:0.9em;
	font-family: 'Roboto Condensed', sans-serif;
}

#usermessage{
	color:#D00; text-align: center; margin-top:0.3em;
}



@media (max-width: 1024px) {

	ul.menu{font-size:1.2em;}

	h1 {
	    color: #000;
	    font-size: 2.5em;
	    text-transform: uppercase;
	    margin: 0px;
	    font-weight: 300;
	    margin-bottom: 0.25em;
	}

	a.opacityover{
	opacity: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.slideshow .slides{
		margin-top:30px;
		width:100%;
		padding-bottom: 60%;
	}

	.dettaglio-prodotto .prodotto-immagine img {
	    width: 100%;
	    margin-top:20%;
	    height: auto;
	}

	.pdfdownload {
	    width: 80px;
	    float: right;
	    text-align: center;
	    font-size: 0.8em;
	    text-decoration: none!important;
	    line-height: 90%;
	    color: #838383!important;
	    margin-top: -20px;
	    margin-left:20px;
	}

	.pdfdownload img {
	    width: 100%;
	    height: auto;
	    display: block;
	    margin-bottom: 5px;
	    margin: auto;
	}

	.prodottiwrapper .prodotto {
	    width: 50%;
	    float: left;
	    margin-bottom: 1em;
	}

	.collezioniwrapper .collezione {
	    width: 50%;
	    float: left;
	    margin-bottom: 1em;
	}
}

@media (max-width: 960px) {
	body{font-size: 1.6em;}
	.slideshow .slides{
		margin-top:20px;
	}
}

@media (max-width: 768px) {
	ul.menu{font-size:1.0em;}

	.desktop{display: none!important}
	.mobile{display: block!important}

	#navbar{
		width:100%;
		float:none;
		height: auto;
		min-height: 0px;
	}

	#hamburger{display: block;}
	#hamburger:active{background: #dedede;}

	.menuwrapper{font-size:1.5em; display: none;}

	#pagecontent{
		width:100%;
		float:none;
		height: auto;
		background: #FFF;
	}

	#footer{
		font-size:0.8em; width:auto;
		margin:0 20px;
	}

	#navbar .mainpadding {
    	padding-left: 5%;
    	padding-right: 5%;
	}

	.logo{text-align: center;}
	.logo img{max-width: 80%;}

	.dettaglio-prodotto .prodotto-descrizione {
	    font-weight: 300;
	    width: 100%;
	    float: none;
	}

	.dettaglio-prodotto .prodotto-immagine {
	    width: 100%;
	    float: none;
	    text-align: center;
	}

	.collectionimage .caption h1 {
	    color: #000;
	    font-size: 2em;
	    text-transform: uppercase;
	    margin: 0px;
	    font-weight: 300;
	}

	#map{
		padding-bottom:85%;
	}

	.salone{
		font-weight: 300; font-size:18px;
		padding:5px 0;
		border-bottom: solid 1px #cecece;
		width:100%;
		float:none;
	}

	
	.col100{
		width:100%;
		float:none;
		clear: both;
	}

	.col50{
		width:100%;
		float:none;
		clear: both;
	}

	.col25{
		width:100%;
		float:none;
		clear: both;
	}


}

@media (max-width: 480px) {
	body{font-size:1em;}
	.blocks .blockitem{position:relative; width:100%; float:none; margin-bottom:20px;}
	.blocks .blockitem .content{padding:0 10px;}
	ul.menu{font-size:0.6em;}
	ul.menu li{margin-bottom: 5px; padding:3px 0; border-bottom:solid 1px #cecece;}

	.sectionimage .caption h1 {
	    font-size: 2em;
	    text-shadow: 2px 2px 15px #000000;
	}

	.collezioniwrapper .collezione {
	    width: 100%;
	    float: left;
	    margin-bottom: 1em;
	}

	img.rightside{max-width: 100%; float:none; margin-left:0em; margin-bottom:0em;}
	img.leftside{max-width: 100%; float:none; margin-right:0em; margin-bottom:0em;}

	.textcontent .app a {
	    margin-left: 2px;
	    margin-right: 2px;
	}

	h1 {
	    font-size: 2em;
	    margin-bottom: 0.25em;
	}

	.pdfdownload {
	    width: 80px;
	    float: right;
	    text-align: center;
	    font-size: 0.8em;
	    text-decoration: none!important;
	    line-height: 90%;
	    color: #838383!important;
	    margin-top: -0px;
	}

	.pdfdownload img {
	    width: 50%;
	    height: auto;
	    display: block;
	    margin-bottom: 5px;
	    margin: auto;
	}

	.prodottiwrapper .prodotto {
	    width: 50%;
	    float: left;
	    margin-bottom: 1em;
	}

	.dettaglio-prodotto .prodotto-descrizione {
	    font-weight: 300;
	    width: 100%;
	    float: none;
	}

	.dettaglio-prodotto .prodotto-immagine {
	    width: 100%;
	    float: none;
	    text-align: center;
	}
}