header{
	top:0px !important;
}

.scroll{
	overflow: auto !important;
}


body{
	background: #000;
	/*opacity: 1 !important;*/
}

#container{
	width: 100%;
	height: 200%;
	min-width: 1024px;
	min-height: 600px;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}	

	nav, .ativo{
		z-index: 9999;
	}
	#container #sections{
		width: 100%;
		height: 50%;
		position: relative;
		top: 0px;
		left: 0px;
		-webkit-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -moz-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -o-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	}

		#container section{
			width: 100%;
			height: 100%;
			float: left;
			position: relative;
			min-height: 768px;
		}

		#logo, #header-menu{
			-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   			-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		}



		/* ======  FIRST SECTION ====== */
		#sections section:nth-child(1){
			min-width: 1024px;
			background: url('../publicados/lookbook/background.jpg') center center;
			background-size: cover;
			width: 100%;
			min-height: 600px;
		}

			.border_first{
				width: calc( 100% - 270px);
				height: calc( 100% - 200px);
				border: 1px solid rgba(255, 255, 255, 0.7);
				position: absolute;
				top: 100px;
				left: 135px;
				z-index: 1;
			}

				#middle{
					position: absolute;
					top: 50%;
					left: 50%;
					width: 710px;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					#title{
						font-size: 110px;
						text-align: center;
						line-height: 105px;
						letter-spacing: 0.18em;
				  		font-weight: 300;
					}

					#subtitle {
						margin-top: 15px;
						font-size: 40px;
						text-align: center;
				  		text-indent: 17px;
					  	font-weight: 400;
					  	letter-spacing: -0.4px;
					 	font-family: "adobe-garamond-pro";
					  	font-style: italic;
					}



				#go_to{
					width: 78px;
					height: 78px;
					border: 1px solid rgba(255, 255, 255, 0.3);
					position: absolute;
					left: 50%;
					margin-left: -39px;
					bottom: 78px;
					cursor: pointer;
					overflow: hidden;
				}

					.background_go_to{
						width: 78px;
						height: 78px;
						background: #FFF;
						position: absolute;
						top: 80px;
						z-index: 0;
					}

					#go_to:hover .background_go_to{
						top: 0px;
					}

					#go_to .arrow_white{
						width: 100%;
						height: 100%;
						z-index: 2;
						top: -3px;
						position: absolute;
						background: url('../publicados/arrow_2.png');
						background-position:bottom;
					}


						#go_to:hover .arrow_white{
							top: 50%;
							opacity: 0;
						}

					#go_to .arrow_black{
						width: 100%;
						height: 100%;
						z-index: 2;
						top: -50%;
						opacity: 0;
						position: absolute;
						background: url('../publicados/arrow_3.png');
						background-position:bottom;

					}


						#go_to:hover .arrow_black{
							top: 0%;
							opacity: 1;
						}

						.background_go_to, #go_to:hover .background_go_to, #go_to .arrow_white, #go_to:hover .arrow_white, #go_to .arrow_black, #go_to:hover .arrow_black{
							-webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	   						-moz-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	    					-o-transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	        				transition: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	        			}


					




		.lookbooks{
			width: 100%;
			height: 50%;
			overflow-y:scroll;
			overflow-x:hidden;
			background: #000;
			position: relative;
			float: left;
			-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   			-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		}

			.lookbook-div{
				width: 100%;
				min-height: 100%;
				background: #FFF;
				position: relative;
				float: left;
				/*padding-bottom: 300px;*/
			}

				.lookbooks .title{
					position: relative;
					top: 90px;
					left: 50%;
					float: left;
					width: auto;
					-webkit-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					transform: translate(-50%, 0%);
				}

				.lookbooks .title .title_look{
					width: 110px;
					float: left;
					text-align: center;
					font-size: 16px;
					color: #000;
					font-weight: 400;
					letter-spacing: 0.08em;
					text-transform: uppercase;
				}
					.lookbooks .title span{
						font-weight: 700;
						float: left;
						color: #000;
						letter-spacing: 0.08em;
						margin-right: 7px;
						text-transform: uppercase;
					}

					.fechar_galeria{
						width: 28px;
						height: 28px;
						border-radius: 20px;
						background: #781;
					}
					

					.fechar_sub{
						width: 28px;
						height: 28px;
						border-radius: 30px;
						background: #e6e6e6;
						position: relative;
						float: left;
						top: -2px;
						display: none;
						left: 15px;
						cursor: pointer;
					}

						.fechar_sub div{
							width: 14px;
							height: 3px;
							background:#fff;
							position: absolute;
							top: 50%;
  							left: 50%;
							-webkit-transform: translate(-50%, -50%) rotate(45deg);
							-ms-transform: translate(-50%, -50%) rotate(45deg);
							transform: translate(-50%, -50%) rotate(45deg);
						}

							.fechar_sub div:after{
								content: "";
								width: 14px;
								height: 3px;
								background:#fff;
								position: absolute;
								top:0px;
	  							left: 0px;
								-webkit-transform: rotate(-90deg);
								-ms-transform: rotate(-90deg);
								transform: rotate(-90deg);
							}

				.align_lookbook{
					margin-top: 127px;
					width: 87.2%;
					position: relative;
					left: 50%;
					height: auto;
					float: left;
					margin-left: 9px;
					background: #fff;
					-webkit-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					transform: translate(-50%, 0%);
				}

					.looks-looksbook{
						width: 13%;
						min-width: 202px;
						min-height: 324px;
						margin-right: 10px;
						margin-left: 10px;
						margin-bottom: 20px;
						background: #fff;
						float: left;
						position: relative;
						cursor: pointer;
    					-webkit-backface-visibility: hidden;
					}


					.looks-looksbook img{
						width: 100%;
						height: 100%;
						-webkit-backface-visibility: hidden;
					}

						/*.looks-looksbook:hover img{
							opacity: 0.8;
							-webkit-backface-visibility: hidden;
						}*/


						.hover_fundo{
							top: 0px;
							width: 100%;
							height: 100%;
							position: absolute;
							z-index: 1;
							background:#000;
							opacity: 0;
						}

						.looks-looksbook:hover .hover_fundo{
							opacity: 0.2;
							-webkit-backface-visibility: hidden;
						}

					.hover-lookbook{
						opacity: 0;
						width: 33px;
						text-align: center;
						font-size: 25px;
						color: #FFF;
						font-weight: 700;
						padding: 20px;
						border: 2px solid #FFF;
						border-radius: 50px;
						position: absolute;
						z-index: 2;
						left: 50%;
						top: 52%;
						-webkit-backface-visibility: hidden;
						margin-top: -38.5px;
						margin-left: -38.5px;
						/*-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);*/
					}

		
						.looks-looksbook:hover .hover-lookbook{
							opacity: 1;
							top: 50%;
						}

						.looks-looksbook, .looks-looksbook img, .looks-looksbook:hover .hover-lookbook, .hover-lookbook, .looks-looksbook img{
							-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
							-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
							-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
							transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
						}


				#look-big{
					opacity: 0;
					display: none;
					width: 100%;
					height: 100%;
					position: absolute;
					z-index: 999;
					background: #fff;
					-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
					-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
					-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
					transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
				}


				.lookbook-title{
				width: 350px;
				height: 85px;
				position: absolute;
				top: 110px;
				left: 135px;
				z-index: 999;
			}

				.title_lookbook{
					font-size: 45pt;
					width: 100%;
					text-align: left;
					color: rgba(0,0,0,0.5);
					letter-spacing: 0em;
					top: 0%;
					font-weight: 300;
					position: relative;
				}

					.subtitle_lookbook{
						font-size: 18px;
						font-weight: 700;
						float: left;
						text-align: left;
						color:rgba(0,0,0,0.5);
						font-weight:700;
						margin-top: 25px;
						text-transform: uppercase;
						letter-spacing: 0.2em;
					}

				.nav-lookbook{
					width: 300px;
					height: 65px;
					position: absolute;
					top: 110px;
					right: 110px;
					z-index: 999;
					font-weight: 300;
					font-size: 40pt;
					text-align: right;
					color: rgba(0,0,0,0.5);
				}

			.align_look{
				width: 1000px;
				height: 82%;
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate3d( -50%, 0%, 0); 
				-ms-transform: translate3d( -50%, 0%, 0); 
				transform: translate3d( -50%, 0%, 0); 
				letter-spacing: 0em;
			}

				.lookbook{
					width: 509px;
					height: 100%;
					position: relative;
					float: left;
					overflow: hidden;
					top: 50%;
					-webkit-transform: translate(0%, -50%);
					-ms-transform: translate(0%, -50%);
					transform: translate(0%, -50%);
				}

					.imagem-lookbook{
						width: 0%;
						height:100%;
						float: left;
						overflow: hidden;
						-webkit-backface-visibility: hidden;
						position: absolute;
					}

						.img_look{
							width: 100%;
							height:100%;
							background-size: cover !important;
							-webkit-backface-visibility: hidden;
							background-repeat: no-repeat !important;
							/*background-position-x:50% !important; */
						}


					.img-previous{
						width: 0%;
						position: absolute;
						left: 0px;						
					}

					.img-actual{
						width: 100%;
						position: absolute;
					}

					.img-next{
						width: 0%;
						position: absolute;
						right: 0px;
					}

						.img-next .img_look{
							position: absolute;
							right: 0px;
							background-position-x:100% !important; 
						}

					


				.seta{
					width: 243px;
					float: left;
					height: 100%;
					position: relative;
				}

					.seta_previous{
						width: 100px;
						height: 100px;
						position: absolute;
						top: 50%;
						margin-top: -50px;
						cursor: pointer;
						right: 20px;
						background: url("../publicados/previous-mouse-black.png") center center no-repeat;
					}

					.seta_next{
						width: 100px;
						height: 100px;
						position: absolute;
						top: 50%;
						margin-top: -50px;
						cursor: pointer;
						left: 20px;
						background: url("../publicados/next-mouse-black.png") center center no-repeat;
					}

					.texto_lookbook{
						width: 200px;
						position: absolute;
						bottom: 0px;
						font-weight: 700;
						color:rgba(0,0,0,0.5);
						font-size: 14px;
						text-align: left;
						letter-spacing: 0.05em;
						left: 65px;
						-webkit-font-smoothing: antialiased;
					    -moz-font-smoothing: antialiased;
					    font-smoothing: antialiased;
					}	

						.texto_lookbook span{
							font-weight: 300;
						}


					#btn-vertodos{
						width: 60px;
						height: 60px;
						background: url('../publicados/all-looks-black.png') center center no-repeat;
						position: absolute;
						left:50%;
						margin-left: -30px;
						bottom: 14px;
						cursor: pointer;
					}



			.menu-inside{
				width: 272px;
				height: 350px;
				position: absolute;
				top: 50%;
				margin-top: -175px;
				left: 13px;
			}

				.title_menuinside{
					font-weight: 700;
					color: #a1a1a1;
					font-size: 14px;
					margin-top: 40px;
					margin-bottom: 25px;
					margin-left: 60px;
					float: left;
					letter-spacing: 0.1em;
				}

				.categorias_menuinside{
					width: 220px;
					float: left;
					margin-left: 60px;
				}

					.categoria_menuinside{
						font-weight: 400;
						color: #9f9f9f;
						z-index: 9999999999999;
						font-size: 15px;
						letter-spacing: 0.04em;
						line-height: 27px;
					}

						.categoria_menuinside:hover{
							cursor: pointer;
							color: #000;
						}

						.cat_ativo{
							font-weight: 700 !important;
							color: #000 !important;
						}




		#submenu{
			width: 29px;
			height: 23px;
			position: fixed;
			top: 150%;
			margin-top: -11px;
			left: 51px;
			z-index: 999;
			cursor: pointer;
		}


			#submenu div{
				width: 100%;
				position: absolute;
				height: 3px;
				-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		-moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		-o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
			}


			#submenu .menu_linha_1{ top: 0px; }
			#submenu .menu_linha_2{ top: 10px; }
			#submenu .menu_linha_3{ top: 20px; }

				/* --- LINHA --- */
				#submenu .menu_linha_1, #submenu .menu_linha_2, #submenu .menu_linha_3{
					position: absolute;
					width: 23px;
					height: 3px;
					background: #000;
					right:0px;
				}

				/* --- PONTA LINHA --- */
				.menu_linha_1:before, .menu_linha_2:before, .menu_linha_3:before{
					position: absolute;
					content: '';
					width: 3px;
					height: 3px;
					background-color: #000;
					display: block;
					margin-left: -6px;
				}




				.close .menu_linha_1:before,.close .menu_linha_2:before, .close .menu_linha_3:before{
					margin-left: 0px !important;
					-webkit-transition-property: margin, -webkit-transform;
					-webkit-transition-duration: .2s !important;
					-webkit-transition-delay: .2s, 2s !important;				
				}	


				.close .menu_linha_1,.close .menu_linha_2, .close .menu_linha_3{
					top: 10px !important;
					-webkit-transition-property: margin, -webkit-transform;
					-webkit-transition-duration: .2s !important;
					-webkit-transition-delay: .2s, 0 !important;
				}

				.close .menu_linha_1{
					-webkit-transform: rotate(45deg);
					-webkit-transition-duration: .5s !important;
					-webkit-transition-delay: 3s, 0;
				}

				.close .menu_linha_2{
					-webkit-transform: rotate(-45deg);
					-webkit-transition-duration: .5s !important;
					-webkit-transition-delay: 3s, 0;
				}

				.close .menu_linha_3{
					opacity: 0;
				}



				.total{
					float: right;
  					margin-left: 20px;
				}





				/* ---- DIV MENU COM EDITORIAIS ---- */
				#menu-editoriais{
					width: 430px;
					height: 100%;
					background: #f3f3f3;
					background-size: cover;
					position: fixed;
					top: 0%;
					left: -430px;
					overflow: hidden;
					z-index: 99;
					opacity: 1;
					-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   					-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    				-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     				transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

				}

					.menu-editoriais-open{
						left: 0px !important;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   						-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     					-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        				transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
					}

					.align-text{
						width: 240px;
						height: 350px;
						position: absolute;
						top: 50%;
						margin-top: -175px;
						left: 100px;
					}


					.img_zoom{
						opacity: 0;
						position: absolute;
						width: 1000px;
						height: 1546px;
						background-size: cover !important;
						-webkit-backface-visibility: hidden;
						background-repeat: no-repeat !important;
						-webkit-transition: opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   						-moz-transition: opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     					-o-transition: opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        				transition: opacity 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
					}




@media only screen and (max-width: 1368px) {
	#title { font-size: 88px; }
	#subtitle { font-size: 27px; }
	#middle{ width: 630px; }

}

@media only screen and (max-width: 1200px) {
	.menu-inside{
		left: -27px;
		z-index: 999;
		width: 222px;
		overflow: hidden;
	}

	.texto_lookbook{ left: 35px;}

	.seta_previous{ right: -10px; }
	.seta_next{ left: -10px; }

	.nav-lookbook{
		font-size: 34pt;
		right: 30px;
	}

	#look-big{ position: fixed; }
	.total{ margin-left: 10px;}
}


@media only screen and (max-width: 1110px) {
	#title { font-size: 82px; }
	#subtitle { font-size: 25px; }
	#middle{ width: 600px; }
}


@media only screen and (max-height: 768px) {
	.menu, #logo{
		position: absolute;
	}

	#look-big{ position: fixed; }

	.category{ top: 60px; }
	.title_release{
		top: 20%;
	}
	.redes{ top: 21%;}

	.lookbooks{
		overflow-y: hidden;
	}

	#backgrounds{
		position: fixed;
	}

	#btn-vertodos{
		bottom: 6px;
	}

	#go_to, #sections{
		display: none;
	}

	#social-facebook, #social-instagram {
	  color: #000 !important;
	}

}



@media only screen and (max-width: 1024px) {
	.menu, #logo{ position: absolute;	}

	.lookbooks{
		overflow-y: hidden;
	}

		.align_lookbook{
			width: 88%;
		}

	#backgrounds{
		position: fixed;
	}

	#btn-vertodos{
		bottom: 6px;
	}

	#go_to, #sections{
		display: none;
	}

	#social-facebook, #social-instagram {
	  color: #000 !important;
	}
}



@media only screen and (max-height: 660px) {
	#btn-vertodos{
		bottom: 0px;
	}

}




.copyright {
	width: 100%;
	height: 20px;
	font-family: "adobe-garamond-pro";
	float: left;						
	color: #000;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 30px;
	font-size: 13px;
}