*{margin:0;padding:0;font-weight: normal;font-family: helvetica, arial, sans-serif;-webkit-font-smoothing: antialiased !important;font-smoothing: antialiased !important;-moz-font-smoothing: antialiased !important;-ms-font-smoothing: antialiased !important;}
nav{width: 25%;border-right: 5px solid black;text-align: center; height: 100%; position: fixed;z-index:1;}
.sub-item,
nav a{font-size: 10.8px;color:black;display: block;text-decoration: none; z-index: 1; position: relative;}
nav h1{margin-top: 100px; margin-bottom:61px;z-index: 1; position: relative;}
.sub-item p,
nav a.main-menu{font-weight: bold;}
.sub-item{margin-top: 15px; margin-bottom: 15px;}
nav footer{position: absolute; bottom: 50px; width: 100%;}
nav footer .shop-online{background: black;color:white;display: inline-block;font-size: 11.44px;font-weight: bold;padding-top:2px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;}
nav footer .switch-language{font-size: 7.99px;font-weight: bold;margin-top: 26px;margin-bottom: 29px;}
nav footer .switch-language a{display: inline;font-size: 7.99px;font-weight: bold;} 
nav footer .social-links a,
nav footer .address a{display: inline;}
nav footer .address a,
nav footer .address,
nav footer .newsletter{font-size: 9px;text-transform: uppercase;}
input{
  width: 150px;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border: 1px solid #7E7E7E;
  height: 16px;
  position: relative;
  top: -1px;
}
input.error{border-color:red;}
nav footer .newsletter input.ok{border:0;}
nav footer .address{margin-top: 4px;margin-bottom: 14px;}
nav footer .social-links a,
nav footer .social-links{font-size:9px;font-weight: bold;}
nav .active .line{width: 110px;margin-left: -54px;}
nav .line{  position: absolute;width: 100%;border-top: 3px solid #000;left: 0;top: 5px;width: 0;left: 50%;transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;}
nav #menu-background-1,
nav #menu-background-2{
	position: fixed;
	height: 100%;
	width: 25%;
	z-index: 0;
	background-position: center center;
}
section{width: 75%;position: fixed; right: 0; height: 100%;overflow: hidden;}
article{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;}
nav a{position: relative;}
.full-canvas{position:absolute;width: 100%;	height: 100%;background-repeat:no-repeat !important;  background-position: center 0 !important;}
.sub-item-mask{overflow: hidden;height:0;position: relative;}
.navigation-prev,
.navigation-next{
	cursor: pointer;
	width: 16px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top:-12px;
	z-index: 2;
}

.navigation-prev{background: url(../img/ui/arrow-left.png);left:20px;}
.navigation-next{background: url(../img/ui/arrow-right.png);right:10px;}

.navigation-prev.white{background: url(../img/ui/arrow-left-white.png);}
.navigation-next.white{background: url(../img/ui/arrow-right-white.png);}

.art-couture .navigation-links{display: none;}
.art-couture .art-couture-image-0 .navigation-links{display: block;}
.card{
	background: white;
	padding-left:70px;
	padding-right:70px;
	max-width: 240px;
	margin:auto;
	padding-top:70px;
	padding-bottom:70px;
	width:90%;
}

.card h2{
	font-family: "Didot",serif;
	font-size: 38.3px;
	margin-bottom: 34px;
}

.card p span,
.card p{
	font-size:11px;
	 letter-spacing: 0.5px;
	font-family: "Futura", helvetica, sans-serif;
}

.art-couture-image:not(.art-couture-image-0){
	background-size:auto 100% !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
}

.art-couture-image h2{text-align: center !important;}

.card p a{text-decoration: none; color:black;font-weight: bold;}

.navigation-links{font-size: 10px; font-weight: bold; margin-top: 28px;}
.navigation-links span a,
.navigation-links span{font-weight: bold;font-size: 8px;cursor: pointer;text-decoration: none;cursor: pointer;color:black;}

#preloader{
  background: url(../img/ui/preloader.gif) #FFF center center no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 33%;
  z-index: 10;
  border-radius: 1px;
  border: 1px solid #E3E3E3;
  border-radius: 50%;
  margin-top: -15px;
  margin-left: -15px;
	
}

/** LANDING **/
.photo-slider{  position: absolute;width: 100%;height: 100%;left:0;}
article{width: 100%;height: 100%;position: absolute;}

/** STORE **/
.stores{overflow: hidden;}
.stores .wrapper{position:relative;}
.store{width: 30%; position: absolute;top:0;left:0;}
.store .image{width: 100%;margin-bottom: 13px;}
.store a{text-decoration: none;color:black;}
.store h2{font-size: 10px;font-weight: bold;}
.store p{font-size: 10px;}

/** LOOKBOOK **/
.lookbooks{overflow: hidden;}
.lookbooks .wrapper{position:relative;}
.lookbook{width: 30%; position: absolute;top:0;left:0;}
.lookbook .image{width: 100%;margin-bottom: 13px;background-position: center top !important; }
.lookbook a{text-decoration: none;color:black;}

/** LOOKBOOK DETAIL **/

.lookbook-detail .full-canvas{  background-position: 20% 0 !important; background-size: auto 100% !important;}
.lookbook-detail .card{
	left: 20%;
  	background:transparent;
  	width: 90px;
  	position: relative;
}




/** ART COUTURE **/

.art-couture .wrapper{
	position: absolute;
	width: 100%;
	top: 0;
	height:100%;
}

.art-couture .wrapper .art-couture-image-0{
	position: absolute;
	width: 100%;
	top: 0;
	height:100%;
}


/** UNIVERSE **/
.store-detail .card h2,
.art-couture .card h2,
.art-couture .card h2 p,
.universe .card h2,
.universe .card h2 p{font-family: "Didot";font-size: 38.3px;line-height: 31px;font-weight: bold;}
.store-detail .card{width: 310px;}

.universe .card.martin-churba{  left: 200px; position: relative;}
.universe .card.history{    width: 280px; }
.universe .card.art {
	width: 260px;
}
.universe .card.art_1,
.universe .card.art_2,
.universe .card.art-1,
.universe .card.art-2,
.universe .card.art-3,
.universe .card.art-4,
.universe .card.art-5,
.universe .card.art-6,
.universe .card.art-7,
.universe .card.art-9,
.universe .card.art-10,
.universe .card.art-11,
.universe .card.art-12,
.universe .card.art-13,
.universe .card.art-14,
.universe .card.art-15,
.universe .card.art-16,
.universe .card.art-17
 {     background-color: rgba(0, 0, 0, 0);position: relative;left: 250px; }

#smartphone-menu{
	position: absolute;
  right: 20px;
  top: 18px;
  display: none;
  cursor: pointer;
  z-index: 10;
}

@media (max-height:695px){
	nav h1 {
  		margin-top: 30px;
  	}
}

@media (max-height:650px){

}

@media (max-width:870px){
/*article{height: 90%;}*/
	#preloader{right:50%;  margin-right: -15px;} 
	nav{
		width: 100%;
		height:70px;
		background:white;
		border-right: 0;
		border-bottom: 5px solid #000;

	}


	#smartphone-menu{display: block;}
	.menu-items{
  padding-top: 20px;
  display: none;
  position: fixed;
  background-color: #FFF;
  width: 100%;
  top: 75px;
  height: 90%;
  overflow: auto;
	} 

	.sub-item, nav a{
		font-size:20px;margin-bottom:10px;
	}

	nav footer .shop-online,
	.social-links,
	.social-links a,
	nav footer .social-links a, nav footer .social-links,
	nav footer .switch-language,
	nav footer .address a, nav footer .address, nav footer .newsletter{font-size:10px;}
	nav h1{margin-top: 9px !important;width: 100%;  text-align: left;
margin-left: 20px;}
	nav h1 img{height: 50px;}
	#menu-background-1,#menu-background-2{display:none;}
	section{
		width:100%;
		top:75px;
	}

	nav footer{position:relative;top:auto;bottom:auto;}

	nav .active .line {
	  width: 320px;
	  margin-left: -160px;
	  top:10px;
	}

	.store h2,.store p{
		margin:auto;
		width:90%;
	}

	.card {
	  padding-left: 30px;
	  padding-right: 30px;
	  padding-top: 30px;
	  padding-bottom: 40px; 
	  background:rgba(255,255,255,0.9);
	  overflow-y:auto;
	}

	.card h2 {
	  margin-bottom: 16px;
	}

	.store-detail .card h2, .art-couture .card h2, .art-couture .card h2 p, .universe .card h2, .universe .card h2 p {

		  font-size: 30.3px;
		  line-height: 25px;

	}

	.universe .card.martin-churba {
  left: 30px;
  position: relative;
  width: 50%;
  height: 440px;
  overflow: auto;
	}

	.navigation-prev.white, .navigation-next.white{
		 background-color:black;
	}

	.navigation-prev, .navigation-next {
		padding:10px;
		  bottom: 30px;
		  margin-top: 0;
		  top:auto;
		  background-color:white;
		  background-repeat: no-repeat !important;
  		background-position: center !important;
	}

	.universe .card.art_1, 
	.universe .card.art_2, 
	.universe .card.art-1, 
	.universe .card.art-2, 
	.universe .card.art-3, 
	.universe .card.art-4, 
	.universe .card.art-5, 
	.universe .card.art-6, 
	.universe .card.art-7, 
	.universe .card.art-8, 
	.universe .card.art-9, 
	.universe .card.art-10, 
	.universe .card.art-11, 
	.universe .card.art-12, 
	.universe .card.art-13, 
	.universe .card.art-14, 
	.universe .card.art-15, 
	.universe .card.art-16 
	{
	  background-color: rgba(255, 255, 255, 0.9);
	  position: relative;
	  left: 130px;
	}

	.navigation-prev{left:10px;}
}

.switch-language .active{ text-decoration: underline; }

.full-canvas.art-1,
.full-canvas.art-2,
.full-canvas.art-3,
.full-canvas.art-4,
.full-canvas.art-5,
.full-canvas.art-6,
.full-canvas.art-7,
.full-canvas.art-8,
.full-canvas.art-9,
.full-canvas.art-10,
.full-canvas.art-11,
.full-canvas.art-12,
.full-canvas.art-13,
.full-canvas.art-14,
.full-canvas.art-15,
.full-canvas.art-16
{
	background-position: 20% 50% !important;
	background-size: auto 100% !important;
}


.card.process-2,
.art-couture .card p{display: none; }

.art-couture .card { position: absolute; bottom:0; width:100%; margin:0 !important; padding:0 !important; max-width:100%;  min-height: 31px;
  bottom: -30px;
}

.art-couture .card h2 p,
.art-couture .card h2{padding:0;margin:0;max-width:100% !important; width:100%;font-family:helvetica, arial, sans-serif;font-weight:normal;font-size:10px;}

.art-couture .card-0{display: block;  display: block;position: relative;z-index: 2; max-width:240px !important;  min-height: auto;}
.art-couture .card-0 p{display: block; }

.art-couture .card-0 h2 p,
.art-couture .card-0 h2{
	text-align: left;
	  font-family: "Didot";
	  font-size: 38.3px;
	  line-height: 31px;
	  font-weight: bold;
}

#mask-art-couture{

}

.lookbook .image{
	background-size: auto 100% !important;
  	background-repeat: no-repeat !important;
}

.contact form{
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	margin-top:50px;
}

.contact form input{
	width: 107px;
}

.contact form span{
		background: #000;
	  color: #FFF;
	  display: inline-block;
	  font-size: 11.44px;
	  font-weight: bold;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  padding-left: 5px;
	  padding-right: 5px;
	  cursor:pointer;
}