@import url(../css.css);

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #000000;
	font-family: 'Montserrat', Arial;
}

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

.container {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	max-width: 1366px;
}

.container .header {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	max-width: 1366px;
}

.container .header .logo {
	margin: 20px 0px 20px 80px;
	padding: 0px;
	width: 146px;
	height: 55px;
	float: left;
}

.container .header .logo img {
	width: 100%;
	max-width: 146px;
}

/* logo pagina artisti */

.container .header .logoArtisti {
	margin: 20px 0px 20px 80px;
	padding: 0px;
	width: 445px;
	height: 55px;
	float: left;
    background: url(../images/logo3.png) no-repeat center center;
}

.container .header .menuIcon {
	margin: 38px 80px 30px 0px;
	padding: 0px;
	float: right;
}

.container .header .menuIcon i {
	font-size: 22px;	
	cursor: pointer;
}

.container .leftSide {
	margin: 0px;
	padding: 0px;
	width: 80px;
	float: left;
	text-align: center;
}

.container .leftSide a {
	color: #000000;
	text-decoration: none;
}

.container .leftSide .social {
	margin: 170px 0px 0px;
	padding: 0px;
}

.container .leftSide .social i {
	display: block;
	margin: 0px 0px 10px;
}

.container .centerContent {
	margin: 0px;
	padding: 0px;
	width: calc(100% - 160px);
	max-width: 1206px;
	float: left;
}

.container .centerContent .grid {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.container .centerContent .grid.grid3,
.container .centerContent .grid.grid4,
.container .centerContent .grid.grid5,
.container .centerContent .grid.grid6,
.container .centerContent .grid.grid7,
.container .centerContent .grid.grid8 {
    display: none;
}

.container .centerContent .box {
	margin: 0px 7px 7px 0px;
	padding: 0px;
	width: 397px;
	height: 397px;
	background: #ffffff;
	float: left;
}

.container .centerContent .box.noGutter {
	margin: 0px 0px 6px 0px;
}

.container .centerContent .box.artist {
	cursor: pointer;
}

.container .centerContent .box.emptyGold {
	background: #c39f40;
}

.container .centerContent .box.emptyBlack {
	background: #000000;
}

.container .centerContent .boxHome img {
    opacity: 0;
}

.container .centerContent .resume {
	margin: 160px auto;
	padding: 0px;
	max-width: 720px;
	width: 100%;
}

.container .centerContent .resume h2 {
	margin: 60px 0px;
	padding: 0px;
	font-size: 48px;
	color: #c39f41;
	font-weight: 300;
}

.container .centerContent .resume h3 {
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 0px;
}

.container .centerContent .resume p {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
}

.container .centerContent .image {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	max-width: 1206px;
}

.container .centerContent .image img {
	width: 100%;
}

.container .centerContent .artist h1 {
	font-weight: normal;
	margin: 65px 40px 20px;
	padding: 0px;
	font-size: 50px;
}

.container .centerContent .artist .leftColumn {
	margin: 0px 45px 0px 40px;
	padding: 0px;
	width: 540px;
	font-size: 18px;
	font-weight: 300;
	float: left;
}

.container .centerContent .artist .leftColumn p {
	margin: 0px 0px 35px;
	line-height: 24px;
}

.container .centerContent .artist .leftColumn a {
	color: #000000;
	text-decoration: none;
}

.container .centerContent .artist .leftColumn p.actions {
	font-size: 28px;
}

.container .centerContent .artist .leftColumn p.actions i {
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

.container .centerContent .artist .rightColumn {
	margin: 0px;
	padding: 0px;
	width: 580px;
	font-size: 18px;
	font-weight: 300;
	float: right;
}

.container .centerContent .artist .rightColumn h3 {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: 300;
}

.container .centerContent .artist .rightColumn .services {
	margin: 20px 0px 40px 0px;
	padding: 0px;
}

.container .centerContent .artist .rightColumn .services img {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.container .centerContent .artist .rightColumn .gallery {
	margin: 20px 0px 40px 0px;
	padding: 0px;
}

.container .centerContent .artist .rightColumn .gallery img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 1px solid #000000;
}

.container .centerContent .artist .wideColumn {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 18px;
	font-weight: 300;
}

.container .centerContent .artist .wideColumn p {
	margin: 0px 40px 35px;
	line-height: 24px;
}

.container .centerContent .artist .wideColumn a {
	color: #000000;
	text-decoration: none;
}

.container .rightSide {
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 300px;
	float: left;
	text-align: center;
}

.container .rightSide a {
	color: #000000;
	text-decoration: none;
}

.container .rightSide i {
	margin: 170px 0px 0px;
	display: block;
}

.container .rightSide .subscribe {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 12px;
	margin: 170px 0px 0px 0px;
}

.footer {
	margin: 81px 0px 0px;
	padding: 0px;
	width: 100%;
	background: #000000;
	color: #ffffff;
}

.footer .footerContent {
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	width: calc(100% - 160px);
	max-width: 1206px;
}

.footer .footerContent a {
	color: #ffffff;
	text-decoration: none;
}

.footer .footerContent h3 {
	margin: 10px 0px 50px;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
}

.footer .footerContent h4 {
	margin: 0px 0px 35px;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
}

.footer .footerContent .logo {
	margin: 0px auto;
	padding: 55px 0px 0px;
	width: 160px;
}

.footer .footerContent .instagramFeed {
	margin: 0px 0px 130px 0px;
	padding: 0px;
	display: table;
}

.footer .footerContent .instagramFeed .instaBox {
	margin: 0px 7px 7px 0px;
	padding: 0px;
	width: 195px;
	height: 195px;
	background: #000000;
	float: left;
	display: table-cell;
}

.footer .footerContent .instagramFeed .instaBox img {
	width: 195px;
}

.footer .footerContent .instagramFeed .instaBox.noGutter {
	margin: 0px 0px 6px 0px;
}

.footer .footerContent .social {
	margin: 0px auto 20px;
	padding: 0px;
	font-size: 16px;
	width: 148px;
}

.footer .footerContent .social i {
	display: block;
	margin: 0px 18px;
	float: left;
}

.footer .footerContent .credits {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
}

.footer .footerContent .footerMail {
    font-size: 12px;
    text-align: center;
    margin-bottom: 50px;
}

.menuContainer {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	right: -420px;
	width: 420px;
	height: 100%;
	background: #c39f40;
}

.menuContainer .closeMenu {
	color: #ffffff;
	font-size: 90px;
	font-weight: 100;
	line-height: 70px;
	text-align: right;
	margin: 0px 15px 0px 0px;
	cursor: pointer;
}

.menuContainer ul {
	margin: 20px 0px 250px;
	padding: 0px;
	text-align: center;
	font-size: 30px;
	list-style-type: none;
	font-weight: 300;
}

.menuContainer ul li {
	margin: 0px;
	/*padding: 50px 0px 0px;*/
    line-height: 80px;
}

.menuContainer a {
	color: #ffffff;
	text-decoration: none;
}

.menuContainer .social {
	margin: 0px auto 20px;
	padding: 0px;
	font-size: 16px;
	width: 200px;
}

.menuContainer .social i {
	display: block;
	margin: 0px 18px;
	float: left;
}

.newsletterContainer {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	right: -420px;
	width: 420px;
	height: 100%;
	background: #c39f40;
}

.newsletterContainer .closeNewsletter {
	color: #ffffff;
	font-size: 90px;
	font-weight: 100;
	line-height: 70px;
	text-align: right;
	margin: 0px 15px 0px 0px;
	cursor: pointer;
}

/* tooltip */

.tooltipster-ca {
	border-radius: 0px; 
	background: #c39f40;
	color: #000000;
}

.tooltipster-ca .tooltipster-content {
	font-size: 13px;
	line-height: 16px;
	padding: 18px 20px;
	text-align: center;
}

/* back to top */

.backToTop {
	display: none;
	color: #c39f40;
	font-size: 48px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #ffffff;
	border-radius: 50px;
	width: 41px;
	height: 41px;
	line-height: 0px;
}

.backToTop i {
	line-height: 42px;
}

/* fancybox close */

a.fancybox-item.fancybox-close {
	top: 10px;
	right: 10px;
}

/* newsletter */

#mc_embed_signup { 
    background: none; 
    clear: left; 
    font: 14px;
    color: #ffffff;
    font-weight: 300;
}

#mc_embed_signup .mc-field-group input[type=email],
#mc_embed_signup .mc-field-group input[type=text] {
    border: 0px;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    background: none;
    border-radius: 0px;
    padding: 0px 0px 4px 0px;
    text-indent: 0;
    font-size: 20px;
}

#mc_embed_signup .button {
    background-color: #000000 !important;
}

#mc_embed_signup .button:hover {
    background-color: #000000 !important;
}

@media screen and (max-width: 1366px) {
	.container .centerContent .box {
		margin: 0px 5px 2px 0px;
		width: 33%;
		height: auto;
		/*max-width: 397px;
		height: 33%;
		max-height: 397px;*/
	}
	
	.container .centerContent .box.noGutter {
		margin: 0px;
	}
	
	.container .centerContent .box img {
		width: 100%;
	}
	
	.container .centerContent .artist .leftColumn {
		width: 440px;
	}
	
	.container .centerContent .artist .rightColumn {
		width: 440px;
	}
	
	.footer .footerContent .instagramFeed .instaBox {
		margin: 0px 5px 0px 0px;
		padding: 0px;
		width: 16%;
		max-width: 195px;
		height: 16%;
		max-height: 195px;
	}

	.footer .footerContent .instagramFeed .instaBox img {
		width: 100%;
	}


}

@media screen and (max-width: 1157px) {
	.container .centerContent .box {
		margin: 0px 3px 0px 0px;
		/*width: 33%;
		max-width: 397px;
		height: 33%;
		max-height: 397px;*/
	}
    
    .container .centerContent .artist h1 {
        font-size: 40px;
    }
	
	.container .centerContent .artist .leftColumn {
		width: 100%;
		float: none;
        margin: 0px;
	}
    
    .container .centerContent .artist .leftColumn p {
        margin: 0px 40px 35px;
    }
	
	.container .centerContent .artist .rightColumn {
		width: 100%;
		float: none;
		margin: 0px;
	}
    
    .container .centerContent .artist .rightColumn h3 {
        margin: 0px 40px;
    }
    
    .container .centerContent .artist .rightColumn .services,
    .container .centerContent .artist .rightColumn .gallery {
        margin: 20px 40px 40px 40px;
    }
	
	.footer .footerContent .instagramFeed .instaBox {
		margin: 0px 3px 0px 0px;
		padding: 0px;
		width: 16%;
		max-width: 195px;
		height: 16%;
		max-height: 195px;
	}
}

@media screen and (max-width: 757px) {
    
    /* logo pagina artisti */

    .container .header .logoArtisti {
        width: 260px;        
        background: url(../images/logo3-small.png) no-repeat center center;
    }
    
	.container .centerContent .box {
		margin: 0px 1px 0px 0px;
		width: 33%;
		max-width: 397px;
		height: 33%;
		max-height: 397px;
	}
}

/* mobile */
@media screen and (max-width: 460px) {
	.container .header .logo {
		margin: 5px 0px 5px 5px;
		padding: 0px;
	}
    
    .container .header .logoArtisti {
        background: url(../images/logo3-small.png) no-repeat center center;
        margin: 5px 0px 5px 5px;
		padding: 0px;
    }
	
	.container .header .menuIcon {
		margin: 19px 19px 19px 0px;
		padding: 0px;
		float: right;
	}
	
	.container .leftSide,
	.container .rightSide {
		display: none;
	}
	
	.container .centerContent {
		width: 100%;
	}

	.container .centerContent .box {
		margin: 0px 2px 0px 1px;
		width: 32.6%;
		height: auto;
		/*max-width: 397px;
		height: 32.6%;
		max-height: 397px;*/
	}
	
	.footer {
		margin: 0px 0px 0px;
	}
	
	.footer .footerContent {
		margin: 0px 20px;
		padding: 0px 0px 30px 0px;
		width: auto;
	}
	
	.footer .footerContent h3 {
		margin: 10px 0px 70px;
	}
	
	.footer .footerContent h4 {
		font-size: 12px;
	}
	
	.footer .footerContent .instagramFeed {
		margin: 0px 0px 70px 0px;
	}
	
	.footer .footerContent .instagramFeed .instaBox {
		margin: 0px 2px 0px 0px;
	}
	
	.footer .footerContent .credits {
		font-size: 9px;
	}
	
	.menuContainer {
		width: 100%;
		right: -460px;
	}
	
	.menuContainer .closeMenu {
		font-size: 60px;
		line-height: 50px;
	}
	
	.menuContainer ul {
		margin: 0px 0px 60px;
		font-size: 18px;
	}
	
	.menuContainer ul li {
		padding: 20px 0px 0px;
	}
	
	.container .centerContent .resume {
		margin: 50px 20px;
		width: auto;
		text-align: center;
	}
	
	.container .centerContent .resume h2 {
		margin: 40px 0px;
		padding: 0px;
		font-size: 24px;
	}

	.container .centerContent .resume h3 {
		font-size: 20px;
		margin-bottom: 0px;
	}

	.container .centerContent .resume p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.container .centerContent .artist h1 {
		font-weight: normal;
		margin: 40px 20px 26px;
		padding: 0px;
		font-size: 30px;
		text-align: center;
	}
	
	.container .centerContent .artist .leftColumn {
		margin: 0px 20px;
		padding: 0px;
		width: auto;
		font-size: 12px;
	}
	
	.container .centerContent .artist .leftColumn p {
		margin: 0px 0px 35px;
		line-height: 20px;
		text-align: center;
	}
	
	.container .centerContent .artist .leftColumn p.actions i {
		margin: 0px 5px 0px 0px;
		padding: 0px;
	}
	
	.container .centerContent .artist .rightColumn {
		margin: 0px 20px;
		width: auto;
		font-weight: 300;
	}

	.container .centerContent .artist .rightColumn h3 {
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		font-weight: 300;
		text-align: center;
	}

	.container .centerContent .artist .rightColumn .services {
		padding: 0px;
		text-align: center;
	}

	.container .centerContent .artist .rightColumn .services img {
		margin: 0px 5px 0px 0px;
		padding: 0px;
		width: 46px;
	}

	.container .centerContent .artist .rightColumn .gallery {
		padding: 0px;
	}

	.container .centerContent .artist .rightColumn .gallery img {
		margin: 0px 5px 10px 5px;
		padding: 0px;
		border: 1px solid #000000;
		width: 125px;
	}
}

@media all and (min-height: 50px)   {  .menuContainer ul  { font-size:0.1em;  } .menuContainer ul li { line-height: 0.8em; } }
@media all and (min-height: 100px)  {  .menuContainer ul  { font-size:0.2em;  } .menuContainer ul li { line-height: 1.0em; } }
@media all and (min-height: 200px)  {  .menuContainer ul  { font-size:0.8em;  } .menuContainer ul li { line-height: 1.2em; } }
@media all and (min-height: 300px)  {  .menuContainer ul  { font-size:1.0em;  } .menuContainer ul li { line-height: 1.8em; } }
@media all and (min-height: 400px)  {  .menuContainer ul  { font-size:1.2em;  } .menuContainer ul li { line-height: 2.0em; } }
@media all and (min-height: 500px)  {  .menuContainer ul  { font-size:1.2em;  } .menuContainer ul li { line-height: 2.0em; } }
@media all and (min-height: 600px)  {  .menuContainer ul  { font-size:1.2em;  } .menuContainer ul li { line-height: 2.4em; } }
@media all and (min-height: 700px)  {  .menuContainer ul  { font-size:1.4em;  } .menuContainer ul li { line-height: 2.8em; } }
@media all and (min-height: 800px)  {  .menuContainer ul  { font-size:1.6em;  } .menuContainer ul li { line-height: 3.2em; } }
@media all and (min-height: 900px)  {  .menuContainer ul  { font-size:1.8em;  } .menuContainer ul li { line-height: 3.6em; } }
@media all and (min-height: 1000px) {  .menuContainer ul  { font-size:2.0em;  } .menuContainer ul li { line-height: 4.0em; } }
@media all and (min-height: 1100px) {  .menuContainer ul  { font-size:2.2em;  } .menuContainer ul li { line-height: 4.4em; } }
@media all and (min-height: 1200px) {  .menuContainer ul  { font-size:2.4em;  } .menuContainer ul li { line-height: 4.8em; } }
@media all and (min-height: 1300px) {  .menuContainer ul  { font-size:2.6em;  } .menuContainer ul li { line-height: 5.2em; } }
@media all and (min-height: 1400px) {  .menuContainer ul  { font-size:2.8em;  } .menuContainer ul li { line-height: 5.6em; } }
@media all and (min-height: 1500px) {  .menuContainer ul  { font-size:3.0em;  } .menuContainer ul li { line-height: 6.0em; } }
@media all and (min-height: 1500px) {  .menuContainer ul  { font-size:3.2em;  } .menuContainer ul li { line-height: 6.4em; } }
@media all and (min-height: 1600px) {  .menuContainer ul  { font-size:3.4em;  } .menuContainer ul li { line-height: 6.8em; } }
@media all and (min-height: 1700px) {  .menuContainer ul  { font-size:3.6em;  } .menuContainer ul li { line-height: 7.2em; } }