body{
	opacity: 1;
}

header{
	top:0px !important;
}

.scroll{
	overflow: auto !important;
}



#dots{
	width: 35px;
	height: 175px;
	position: absolute;
	right: 21px;
	top: 50%;
	z-index: 99999999;
	margin-top: -87px;
}

	.dot{
		cursor: pointer;
		width: 100%;
		height: 27px;
		margin-top: 7px;
	}

	.dot-ativo{
		cursor: pointer;
		width: 100%;
		height: 27px;
		margin-top: 7px;
	}


	.black .dot .dot-icon{
		-webkit-transition-delay: 400ms;
    	transition-delay: 400ms;
		background: #000 !important;
	}


	.black .dot-ativo .dot-icon{
		-webkit-transition-delay: 400ms;
    	transition-delay: 400ms;
		background: transparent !important;
		border: 2px solid #000 !important;
	}

		.dot .dot-icon{
			position: relative;
			width: 3px;
			height: 3px;
			background: #FFF;
			float: left;
			border: 2px solid transparent;
			border-radius: 15px;
			margin-top: 10px;
			margin-left: 14px;
			-webkit-transition-delay: 400ms;
	    	transition-delay: 400ms;
			-webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		 	-o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}

		.dot:hover .dot-icon{
			/*opacity: 0;*/
			float: left;
			width: 11px;
			position: relative;
			height: 11px;
			margin-top: 6px;
			background: transparent;
			border: 2px solid #FFF !important;
			border-radius: 15px;
			margin-left: 10px;
			-webkit-transition-delay: 400ms;
	    	transition-delay: 400ms;
			-webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}

		.dot .dot-icon-hover{
			opacity: 0;
			width: 11px;
			position: absolute;
			height: 11px;
			margin-top: 6px;
			background: transparent;
			border: 2px solid #FFF !important;
			border-radius: 15px;
			margin-left: 10px;
			-webkit-transition-delay: 400ms;
	    	transition-delay: 400ms;
			-webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}

		.dot:hover .dot-icon-hover{
			opacity: 0;
			-webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}

		.black .dot:hover .dot-icon{
			background: transparent !important;
			border: 2px solid #000 !important;
		}

		.dot-ativo .dot-icon{
			float: left;
			width: 11px;
			position: relative;
			height: 11px;
			margin-top: 6px;
			background: transparent;
			border: 2px solid #FFF !important;
			border-radius: 15px;
			margin-left: 10px;
			-webkit-transition-delay: 400ms;
	    	transition-delay: 400ms;
			-webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			-o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
			transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}









#container{
	width: 100%;
	height: 100%;
	min-width: 1024px;
	min-height: 600px;
	float: left;
	position: absolute;
	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);
}	


	#container #sections{
		width: 100%;
		height: 500%;
		position: absolute;
		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: 20%;
			float: left;
			position: relative;
			min-height: 768px;
		}





		/* ======  FIRST SECTION ====== */
		#sections section:nth-child(1){
			min-width: 1024px;
			width: 100%;
			min-height: 600px;
		}


		@media only screen and (max-width: 1024px) {
			#sections section:nth-child(1){ background: url("../publicados/aquarelle-marine/background.jpg"); background-size: cover; }
			#sections section:nth-child(2){ background: #FFF; }
			#sections section:nth-child(3){ background: url("../publicados/aquarelle-marine/background-2.jpg"); background-size: cover; }
			#sections section:nth-child(4){ background: #000; }
		}

		@media only screen and (max-height: 768px) {
			#sections section:nth-child(1){ background: url("../publicados/aquarelle-marine/background.jpg"); background-size: cover; }
			#sections section:nth-child(2){ background: #FFF; }
			#sections section:nth-child(3){ background: url("../publicados/aquarelle-marine/background-2.jpg"); background-size: cover; }
			#sections section:nth-child(4){ background: #000; }
		}

			.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%;
					width: 100%;
					-webkit-transform: translate(0%, -50%);
					-ms-transform: translate(0%, -50%);
					transform: translate(0%, -50%);
				}

					#title{
						font-family: miller-banner, serif;
						font-weight: 300;
						letter-spacing: 0.15em;
						text-indent: 0.15em;
						font-size: 110px;
						text-align: center;
						line-height: 95%;
					}

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



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

					#go_to .arrow{
						width: 100%;
						height: 100%;
						background: url('../publicados/arrow.png');
						background-position:bottom;
						-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);
					}

					#go_to:hover .arrow{
						background-position: 0 0%;
						-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);
					}#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 130ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	   						-moz-transition: all 130ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	    					-o-transition: all 130ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	        				transition: all 130ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	        			}








		/* ======  SECOND SECTION ====== */

		#sections section:nth-child(2){
			min-width: 1024px;
			width: 100%;
		}

			.looks{
				width: 100%;
				height: 85%;
				position: absolute;
				top: 50%;
				left: 0px;
				-webkit-transform: translate(0%, -50%);
				-ms-transform: translate(0%, -50%);
				transform: translate(0%, -50%);
				z-index: 9;
				overflow: hidden;
			}

				.slide_looks{
					width: 500%;
					height: 100%;
					position: absolute;
				}

					.nav_inside{
						opacity: 1;
						left: 50%;
						-webkit-transform: translate(-50%, 0%);
						-ms-transform: translate(-50%, 0%);
						transform: translate(-50%, 0%);
						width: 80%;
						height: 100%;
						z-index: 99999999999999;
						position: absolute;
					}
						.previous_look{
							width: 50%;
							height: 100%;
							position: absolute;
							left: 0px;
							cursor: url("../publicados/previous-mouse.png"), auto;
						}

						.next_look{
							width: 50%;
							height: 100%;
							position: absolute;
							right: 0px;
							cursor: url("../publicados/next-mouse.png"), auto;
						}


				.look{
					width: 20%;
					height: 100%;
					float: left;
					margin-left: 0%;
					position: relative;
				}

					.look_1{ margin-left: 0%;}

					.look_ativo .background_look{
						opacity: 1 !important;
					}

					.info_foto_ativo{
						opacity: 1 !important;
						-webkit-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   						-moz-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    					-o-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        				transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
					}

					.info_foto{
						/*cursor: pointer;*/
						opacity: 0;
						position: absolute;
						height: 100%;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						width: 69%;
						z-index: 99999999999;
						background:rgba(0, 0, 0, 0.8);
						-webkit-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   						-moz-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    					-o-transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        				transition: opacity 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
					}

						.infos{
							width: 50%;
							position: absolute;
							top: 50%;
							left: 50%;
							-webkit-transform: translate(-50%, -50%);
							-ms-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);
						}

							.title{
								width: 100%;
								text-align: center;
								font-size: 40px;
								font-weight: 400;
							}

							.divisa_foto{
								width: 40px;
								height: 3px;
								background:#fff;
								position: relative;
								left: 50%;
								margin: 40px 0 40px -20px;
							}

							.infos .text{
								width: 100%;
								text-align: center;
								font-size: 16px;
								font-weight: 400;
								line-height: 35px;
							}

								.infos .text span{
									font-weight: 400;
								}


					.background_look{
						opacity: 0;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						max-width: 69%;
						max-height: 100%;
						position: absolute;
						background-size: contain !important;
					}

						.background_look img{
							margin: auto;
							position: relative;
							left: 50%;
							-webkit-transform: translate(-50%, 0%);
							-ms-transform: translate(-50%, 0%);
							transform: translate(-50%, 0%);
							max-height: 100%;
							max-width: 100%;
							-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   							-moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     						-o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        					transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
						}

				.infos_fotos{
					width: 200px;
					height: 48px;
					position: absolute;
					bottom: 4px;
					left: 28px;
					z-index: 9999;
					padding-top: 15px;
					/*cursor: pointer;*/
				}

					#icon-info-fotos{
						float: left;
						color: #000;
						font-size: 23px;
					}

					.infos_fotos span{
						font-weight: 400;
						font-size: 14px;
						text-transform: uppercase;
						color: rgba(0,0,0, 0.5);
						float: left;
						margin-top: 7px;
						margin-left: 5px;
					}


				.nav_look{
					width: 327px;
					height: 62px;
					position: absolute;
					left: 50%;
					bottom: 4px;
					-webkit-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					transform: translate(-50%, 0%);
					z-index: 999;
					text-align: center;
				}

					.nav_look div{
						float: left;
						color: #000;
					}

					.align-textnav{
						width:205px;
						float:left;
						height:20px;
						margin-top: 20px;
					}

						.actual{
							font-weight: 400;
							font-size: 16px;
							color: #000;
							opacity: 0.5;
							margin-left: 87px;
						}

						.total{
							font-weight: 400;
							font-size: 16px;
							color: #000;
							opacity: 0.5;
							margin-left: 4px !important;
						}

					.total:before{
						content: "/";
						margin-right: 1px;
					}

					.previous, .next{
						width: 60px;
						height: 100%;
						position: relative;
						cursor: pointer;
					}	

						.previous{ }
						.next{ float: right !important; -ms-transform: rotate(-180deg);  -webkit-transform: rotate(-180deg);   transform: rotate(-180deg);}

						.previous div, .next div{
							position: absolute;
							top: 50%;
							left: 50%;
							margin-top: -5px;
							margin-left: -3px;
							width: 13px;
							height: 3px;
							background: rgba(0, 0, 0, 1);
							-ms-transform: rotate(-45deg);
						    -webkit-transform: rotate(-45deg);
						    transform: rotate(-45deg);
						}

						.previous div:before, .next div:before{
							content: '';
							position: absolute;
							display: block;
							width: 13px;
							height: 3px;
							background: rgba(0, 0, 0, 1);
							top: 5px;
							left: -5px;
							-ms-transform: rotate(90deg);
						    -webkit-transform: rotate(90deg);
						    transform: rotate(90deg);
						}


				.divs_editoriais .div_editorial{
					width: 14.28%;
					height: 100%;
					float: left;
					position: relative;
					cursor: pointer;	
				}


				#icon-zoom{
					width: 240px;
					height: 60px;
					position: absolute;
					right: 40px;
					bottom: 10px;
					z-index: 99999;
					cursor: pointer;
				}

					#icon-info-zoom {
					  float: right;
					  color: #000;
					  font-size: 23px;
					  width: 60px;
					  position: relative;
					  height: 60px;
					  margin-top: 3px;
					}

					#icon-zoom span{
						font-weight: 400;
						font-size: 14px;
						text-transform: uppercase;
						color: rgba(0,0,0, 0.5);
						float: right;
						margin-top: 25px;
						margin-left: 5px;
						margin-right: -7px;
					}


					.icon-zoom{
						position: absolute;
						top: 47%;
						left: 47%;
						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						width: 14px;
						height: 14px;
						float: left;
						border: 3px solid rgba(0,0,0, 1);
						border-radius: 20px;
						box-sizing: border-box;
					}

					.icon-zoom:after{
						content: '';
						width: 8px;
						height: 3px;
						position: relative;
						top: 11px;
  						left: 8px;
						background: rgba(0,0,0, 1);
						position: absolute;
						-ms-transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}

					#icon-zoom:hover .icon-zoom{
						border: 3px solid rgba(0,0,0, 1);
					}

					#icon-zoom:hover .icon-zoom:after{
						background: rgba(0,0,0, 1);
					}




				.zoom{
					display: none;
					opacity: 0;
					width: 100%;
					height: 100%;
					top: 0px;
					min-height: 100%;
					min-width: 100%;
					position: fixed;
					z-index:9999999;
					-webkit-transition: all 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   					-moz-transition: all 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    				-o-transition: all 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        			transition: all 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
				}

					.zoom img{
						position: fixed;
						bottom: 0px;
						top: 0px;
						min-height: 100%;
						min-width: 100%;
					}

					.close_img_zoom{
						width: 100%;
						height: 100%;
						position:absolute;
						/*cursor: url('../publicados/close-zoom.png'), auto;*/
					}


				.zoom .info_foto{
					width: 100% !important;
					height: 100% !important;
					z-index: 99999;
					background: rgba(0, 0, 0, 0.5);
				}

				.faixa_topo_zoom{
					width: 100%;
					height: 60px;
					position: fixed;
					cursor: default;
					top: 17px;
					z-index: 99999999999;
				}


					.faixa_topo_zoom .infos_fotos{
						height: 100%;
						color: #FFF !important;
						bottom: 0px;
					}

						.faixa_topo_zoom #icon-info-fotos, .faixa_topo_zoom .infos_fotos span{
							color: #FFF;
						}

					.faixa_topo_zoom .nav_look{
						top: -15px;

					}
			
					.faixa_topo_zoom .previous div, .faixa_topo_zoom .next div, .faixa_topo_zoom .previous div:before, .faixa_topo_zoom .next div:before{
						background: rgba(255, 255, 255, 1);
					}

					.faixa_topo_zoom .nav_look div{
						color: #fff;
					}

					.faixa_topo_zoom .actual, .faixa_topo_zoom .total{
						opacity: 1;
					}

					.faixa_topo_zoom .close-zoom{
						width: 60px;
						top: -15px;
						height: 60px;
						cursor: pointer;
						position: absolute;
						right: 40px;
						z-index: 9999;
					}
						.close-zoom div{
							width: 23px;
							height: 4px;
							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);
						}

							.close-zoom div:after{
								content: "";
								width: 23px;
								height: 4px;
								background:#fff;
								position: absolute;
								top: 50%;
	  							left: 50%;
								-webkit-transform: translate(-50%, -50%) rotate(-90deg);
								-ms-transform: translate(-50%, -50%) rotate(-90deg);
								transform: translate(-50%, -50%) rotate(-90deg);
							}

		/* ======= THIRD SECTION ======== */

		#container section:nth-child(3){
			min-width: 1024px;
			width: 100%;
		}	

			#background{
				width: 54%;
				height: 100%;
				position: relative;
				float: left;
				background: url('../publicados/aquarelle-marine/background-2.jpg') center center;
				background-size: cover; 
			}
			
			#sections section:nth-child(3) .category .title{ color: #000; }
			#sections section:nth-child(3) .category .line{ background: #000; }

			.section_text{
				width: 46%;
				height: 100%;
				float: left;
				position: relative;
				font-size: 90px;
				line-height: 85px;
				color: #000;
				background: #fff;
			}

				.align_release{
					position: absolute;
					left: 50%;
					top: 49%;
					width: 40%;
					line-height: 30px;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.title_release{
						float: left;
						font-size: 20px;
						font-weight: 700;
						width: 100%;
						text-align: center;
						letter-spacing: 0.3em;
						margin-bottom: 10%;
					}


					.text_release{
						width: 100%;
						float: left;
						color: #000;
						font-size: 21px;
						line-height: 26px;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						font-weight:400;
						text-align: center;
						letter-spacing: 0em;
					}




		/* ======= FOURTH SECTION ======== */

		#container section:nth-child(4){
			min-width: 1024px;
			width: 100%;
			position: relative;
			background:#000;
		}

			.section_previous, .section_next{
				width: 50%;
				height: 100%;
				float: left;
				position: relative;
				overflow: hidden;
				cursor: pointer;
				background: #000;
			}	

				.section_previous:hover .background_previous, .section_next:hover .background_previous{
					opacity: 1;
					-ms-transform: scale(1.04);
				    -webkit-transform: scale(1.04);
				    transform: scale(1.04);
					-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);
				}

				.background_previous{
					width: 100%;
					height: 100%;
					position: absolute;
					opacity: 0.5;
					background-size: cover !important;
					-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);
				}
			
				.section_previous .background_previous{ background: url('../publicados/editoriais/stripe-e-rose.jpg') center center;}
				.section_next .background_previous{ background: url('../publicados/editoriais/aquarelle-marine.jpg') center center;}

				.align_texto{
					width: 363px;
					height: 286px;
					position: absolute;
					top: 50%;
					z-index: 1;
					left: 50%;
					color: #fff;
					margin-left: -181px;
					margin-top: -143px;
				}
					.categoria{
						width: 100%;
						font-size: 15px;
						font-weight: 700;
						letter-spacing: 0.2em;
						text-align: center;
						margin-top: 30px;
						float: left;
					}

					.title_editorial{
						width: 100%;
						text-align: center;
						font-size: 40px;
						letter-spacing: 0.05em;
						font-weight: 300;
						margin-top: 30px;
						line-height:45px;
						float: left;
					}

					.seta_anterior{
						width: 120px;
						height: 18px;
						float:left;
						position: relative;
						left: 50%;
						margin-left: -60px;
						margin-top: 35px;
						background: url('../publicados/seta_anterior.png');
					}

					.seta_next{
						width: 120px;
						height: 18px;
						float:left;
						position: relative;
						left: 50%;
						margin-left: -60px;
						margin-top: 35px;
						background: url('../publicados/seta_next.png');
					}

		/* ======  CHAMADAS ====== */
		#backgrounds{
			min-width: 1024px;
			width: 100%;
			height: 100%;
			float: left;
			background-size: cover;
			position: relative;
			-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);
		}

			.background-1, .background-2{	width: 100%; height: 100%; position: relative; }
				.background-1 div, .background-2 div{	width: 100%; height: 100%; position: absolute; top: 0px; }
				
			.background-2{	height: 100%; position:relative; z-index: -9;  }
				.background-2 div{	width: 100%; height: 100%; position: absolute; top: inherit; bottom: 0px; }


				.background-1 div, .background-2 div, .background-2{
					-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);
				}


				.photo2-bg{
					background: #000 !important;
				}


				





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

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


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

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

	.lookbooks{	top: -100%;	overflow-y: hidden;	}

	#backgrounds{ position: fixed; }

	#submenu{ position: fixed !important; }

	#dots, #icon-zoom, #go_to{ display: none; }

	.looks{ height: 83%; }
}



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

	#submenu{ position: fixed !important; }

	.lookbooks{	top: -100%;	overflow-y: hidden;	}

		.align_lookbook{ width: 88%; }

	#backgrounds{ position: fixed; }

	#dots, #icon-zoom, #go_to{ display: none; }


}


































		#submenu{
			width: 29px;
			height: 23px;
			position: absolute;
			top: 50%;
			margin-top: -11px;
			left: 51px;
			z-index: 999999999999999;
			cursor: pointer;
			 -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  			-moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  			-o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  			transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		}


			#submenu div{
				width: 100%;
				position: absolute;
				height: 3px;
				-webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		-moz-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		-o-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    		transition: all 200ms 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: #fff;
					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: #fff;
					display: block;
					margin-left: -6px;
				}


					.submenu-black .menu_linha_1, .submenu-black .menu_linha_2, .submenu-black .menu_linha_3{
						background: #000 !important;
					}

					/* --- PONTA LINHA --- */
					.submenu-black .menu_linha_1:before, .submenu-black .menu_linha_2:before, .submenu-black .menu_linha_3:before{
						background-color: #000 !important;
					}




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


				.close .menu_linha_1,.close .menu_linha_2, .close .menu_linha_3{
					top: 10px !important;
					background: #FFF !important;
					-webkit-transition-property: margin, -webkit-transform;
					-webkit-transition-duration: 200ms !important;
					-webkit-transition-delay: 200ms, 0 !important;
				}

				.close .menu_linha_1{
					background: #FFF !important;
					-webkit-transform: rotate(45deg);
					-webkit-transition-duration: 200ms !important;
					-webkit-transition-delay: 1s, 0;
				}

				.close .menu_linha_2{
					background: #FFF !important;
					-webkit-transform: rotate(-45deg);
					-webkit-transition-duration: 200ms !important;
					-webkit-transition-delay: 1s, 0;
				}

				.close .menu_linha_3{
					opacity: 0;
				}














				/*.close .menu_linha_1:before,.close .menu_linha_2:before, .close .menu_linha_3:before{
					margin-left: 0px !important;
					background: #FFF !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;
					background: #FFF !important;
					-webkit-transition-property: margin, -webkit-transform;
					-webkit-transition-duration: .2s !important;
					-webkit-transition-delay: .2s, 0 !important;
				}

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

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

				.close .menu_linha_3{
					opacity: 0;
				}*/



				





				/* ---- DIV MENU COM EDITORIAIS ---- */
				#menu-editoriais{
					width: 100%;
					height: 100%;
					background: url('../publicados/bg-menu-editoriais.jpg') center;
					background-size: cover;
					position: fixed;
					top: 0px;
					left: 0px;
					overflow: hidden;
					z-index: 999999999;
					opacity: 0;
					display: none;
					-webkit-transition-delay: 3s;
					-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);

				}

					.menu-editoriais-open{
						opacity: 1 !important;
						-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);
					}

						#editorial-title .category-editorial {
						  	width: 100%;
						  	text-align: center;
						  	color: #FFF;
						  	font-size: 16px;
						  	top: 18%;
						  	position: absolute;
						  	float: left;
						  	font-weight: 700;
						  	letter-spacing: 1.5px;
							text-transform: uppercase;
						}

						.title-editorial{
							width: 100%;
						  	text-align: center;
						  	color: #FFF;
						  	font-size: 50px;
						  	top: 22%;
						  	position: absolute;
						  	float: left;
						  	font-weight: 700;
						  	letter-spacing: 2.5px;
							text-transform: uppercase;
						}

						
					.editorial{
						position: relative;
						cursor: pointer;
						opacity: 0;
						-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);
					}

					.editorial-active{
						cursor: default !important;
					}

						.subtitle-editorial{
							opacity: 0.2;
							width: 100%;
						  	text-align: center;
						  	color: #FFF;
						  	font-size: 13px;
						  	float: left;
						  	margin-top: 30px;
						  	font-weight: 700;
						  	letter-spacing: 2.5px;
							text-transform: uppercase;
						}

						.editorial-active .subtitle-editorial {  opacity: 1 !important; }

						.subtitle-editorial-ativo .subtitle-editorial{ opacity: 1 !important; }
						.subtitle-editorial-ativo .background-editorial{ opacity: 1 !important; }

						.subtitle-editorial-ativo .subtitle-editorial, .subtitle-editorial-ativo .background-editorial{
							-webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   						-moz-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	     					-o-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	        				transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	        			}

						.editorial-active .border-editorial{
							border: 3px solid #FFF;
							width: 99%;
							height: 68%;
							position: absolute;
							top: 0px;
							left: 0px;
							z-index: 9999;
						}

						.border-editorial div{
							width: 58px;
							height: 5px;
							background: #fff;
							position: absolute;
							top: 50%;
							left: 50%;
							margin-top: -2.5px;
							margin-left: -29px;
						}

					#miniatures-editorial{
						width: calc( 100% - 270px);
						height: 220px;
						position: absolute;
						left: 135px;
						top: 54%;
						z-index: 991;
						opacity: 0;
						-webkit-transform: translate(0%, -50%);
						-ms-transform: translate(0%, -50%);
						transform: translate(0%, -50%);
					}

					.menu-editoriais-open #miniatures-editorial{
						opacity: 1;
						-webkit-transition-delay: .3s;
    					transition-delay: .3s;
					}

						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(1){ opacity: 1; -webkit-transition-delay: 0.3s;	transition-delay: 0.3s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(2){ opacity: 1; -webkit-transition-delay: 0.4s;	transition-delay: 0.4s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(3){ opacity: 1; -webkit-transition-delay: 0.5s;	transition-delay: 0.5s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(4){ opacity: 1; -webkit-transition-delay: 0.6s;	transition-delay: 0.6s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(5){ opacity: 1; -webkit-transition-delay: 0.7s;	transition-delay: 0.7s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(6){ opacity: 1; -webkit-transition-delay: 0.8s;	transition-delay: 0.8s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(7){ opacity: 1; -webkit-transition-delay: 0.9s;	transition-delay: 0.9s;	}


					.description-editorial{
						width: 100%;
						position: absolute;
						bottom: 14%;
						font-size: 25px;
						text-align: center;
						text-indent: 17px;
				  		font-family:"adobe-garamond-pro";
						font-style:italic;
						font-weight:400;
						letter-spacing: -0.4px;
					}

						#miniatures-editorial .editorial{
							width: 14.28%;
							height: 100%;
							float: left;
						}

							.background-editorial{
								width: 100%;
								height: 68%;
								float: left;
								opacity: 0.2;
								margin-top: 3px;
							}