header{
	top:0px !important;
}

.scroll{
	overflow: auto !important;
}





#dots{
	display: none;
	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;
	opacity: 0;
	display: none;
	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);
    -webkit-transition: opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: opacity 800ms 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;
			background: url('../publicados/marca/background-1.jpg') center bottom;
			background-size: cover;
		}	

			.category{
				width: 110px;
				height: 40px;
				position: absolute;
				left: 50%;
				margin-left: -55px;
				top: 120px;
				z-index: 999;
			}

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

				.category .line{
					width: 42px;
					height: 4px;
					position: relative;
					left: 50%;
					margin-left: -21px;
					margin-top: 8px;
					float: left;
					background: #FFF;
				}



				#middle{
					position: absolute;
					top: 55%;
					height: 36%;
					width: 100%;
					-webkit-transform: translate(0%, -50%);
					-ms-transform: translate(0%, -50%);
					transform: translate(0%, -50%);
				}

					#marca{
						width: 80%;
						height: 95px;
						background: url('../publicados/marca/marca.png') center no-repeat;
						left: 50%;
						position: relative;
						-webkit-transform: translate(-50%, 0%);
						-ms-transform: translate(-50%, 0%);
						transform: translate(-50%, 0%);
						background-size: contain;
						font-size: 99px;
						text-align: center;
						line-height: 95px;
						letter-spacing: 19px;
				  		text-indent: 60px;
					}

					#subtitle {
						width: 860px;
						margin-top: 43px;
						font-size: 35px;
						text-align: center;
						position: absolute;
						left: 50%;
						bottom: 0px;
						margin-left: -430px;
						color: #fff;
				  		text-indent: 17px;
				  		font-family:"adobe-garamond-pro";
						font-style:italic;
						font-weight:400;
						letter-spacing: -0.4px;
					}



				#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;
			background: #FFF;
			width: 100%;
		}

			#sections section:nth-child(2) #texto{
				width: 46%;
				height: 100%;
				float: left;
				position: relative;
			}

				#texto .align_text{
					width: 50%;
					max-width: 408px;
					max-height: 540px;
					position: absolute;
					top: 50%;
					margin-top: -66px;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.align_text .nav-text{
						width: 100%;
						opacity: 0;
						font-size: 16px;
						font-weight: 400;
						float: left;
						color: #000000;
						letter-spacing: 0.8px;
						text-align: center;
						position: absolute;
						top: 20px;
					}

					.section-ativo .nav-text{
						opacity: 1;
						top: 0px;
						-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 700ms; 
					    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 700ms; 
					    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 700ms; 
					    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 700ms; 
					}

						#texto .arrow_section{
							width: 35px;
							height: 35px;
							background: url('../publicados/marca/arrow.jpg');
							position: absolute;
							left: 50%;
							margin-left: -17.5px;
							bottom: 0px;
							opacity: 0;
							cursor: pointer;
						}


						.section-ativo .arrow_section{
							opacity: 1 !important;
							bottom: 30px !important;
							-webkit-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    -moz-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    -o-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;  
						}

						.section-ativo .add-animation{
							-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 900ms !important;  
						    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 900ms !important;  
						    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 900ms !important;  
						    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 900ms !important; 
						}

						.section-ativo .arrow_section:hover{
							bottom: 25px !important;
							-webkit-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    -moz-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    -o-transition: all 200ms cubic-bezier(0.19,1,.22,1) !important;   
						    transition: all 200ms cubic-bezier(0.19,1,.22,1) !important; 							
						}

					.align_text .text{
						width: 90%;
						font-size: 24px;
						font-weight: 400;
						float: left;
						color: #000000;
						letter-spacing: -0.4px;
						text-align: center;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						margin-left: 5%;
						margin-top: 80px;
						opacity: 0;
						-webkit-transform: translate(0%, 5%);
						-ms-transform: translate(0%, 5%);
						transform: translate(0%, 5%);
					}

					.section-ativo .text{
						opacity: 1;
						-webkit-transform: translate(0%, 0%);
						-ms-transform: translate(0%, 0%);
						transform: translate(0%, 0%);
						-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 800ms;  
					    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 800ms;  
					    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 800ms;  
					    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000) 800ms; 
					}


			#sections section:nth-child(2) #background{
				width: 54%;
				height: 100%;
				float: left;
				background: url('../publicados/marca/background-2.jpg');
				background-size: cover;
				position: relative;
			}
			
			





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

		#container section:nth-child(3){
			min-width: 1024px;
			background: #FFF;
			width: 100%;
		}
			#sections section:nth-child(3) #texto{
				width: 46%;
				height: 100%;
				float: left;
				position: relative;
			}

				/*#texto .align_text{
					width: 50%;
					max-width: 408px;
					max-height: 540px;
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.align_text .nav-text{
						width: 100%;
						font-size: 16px;
						font-weight: 400;
						color: #000000;
						letter-spacing: 0.08em;
						opacity: 0.6;
						float: left;
						text-align: center;
					}

						#texto .arrow_section{
							width: 35px;
							height: 35px;
							background: url('../publicados/marca/arrow.jpg');
							position: absolute;
							left: 50%;
							margin-left: -17.5px;
							bottom: 30px;
							cursor: pointer;
						}

					.align_text .text{
						width: 90%;
						float: left;
						font-size: 24px;
						font-weight: 400;
						color: #000000;
						letter-spacing: -0.4px;
						text-align: center;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						margin-left: 5%;
						margin-top: 80px;
					}*/


			#sections section:nth-child(3) #background{
				width: 54%;
				height: 100%;
				float: left;
				background: url('../publicados/marca/background-3.jpg');
				background-size: cover;
				position: relative;
			}




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

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

			#sections section:nth-child(4) #encontre{
				width: 54%;
				height: 100%;
				float: left;
				position: relative;
				background: #000;
				overflow: hidden;
			}

				.background_encontrar{
					width: 100%;
					height: 100%;
					position: absolute;
					background: url('../publicados/marca/background-4.jpg') center center;
					background-size: cover;
					opacity: 0.8;
					-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);
				}

				#sections section:nth-child(4) #encontre:hover .background_encontrar{
					opacity: 0.95;
					 -ms-transform: scale(1.04);
				    -webkit-transform: scale(1.04);
				    transform: scale(1.04);
					-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);
				}

				.type_chamada{
					width: 100%;
					position: absolute;
					text-align: center;
					z-index: 1;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.type_chamada .title{
						width: 100%;
						float: left;
						font-size: 60px;
						color: #ffffff;
						letter-spacing:  0.2em;
						font-weight: 300;
					}

					.type_chamada .subtitle{
						font-size: 16px;
						width: 100%;
						float: left;
						color: #ffffff;
						letter-spacing: 0.2em;
						text-transform: uppercase;
					}


			#sections section:nth-child(4) #news{
				width: 46%;
				height: 100%;
				background: #000;
				float: left;
				position: relative;
				overflow: hidden;
			}


				.background_news{
					width: 100%;
					height: 100%;
					position: absolute;
					background: url('../publicados/marca/background-5.jpg') center center;
					background-size: cover;
					opacity: 0.4;
					-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);
				}

				#sections section:nth-child(4) #news:hover .background_news{
					opacity: 0.9;
					-ms-transform: scale(1.04);
				    -webkit-transform: scale(1.04);
				    transform: scale(1.04);
					-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);
				}


		/* ======  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);
				}




		













@media only screen and (max-width: 1368px) {
	#title { font-size: 140px; letter-spacing: 43px;  margin-top: 46px; }
	.title_editorial{ font-size: 80px; top:50%; line-height: 80px; }

	#texto .align_text {
		width: 68%;
		top: 57%;
	}
}

@media only screen and (max-width: 1110px) {
	#title { font-size: 140px; letter-spacing: 25px; margin-top: 26px; }
	.title_editorial{ font-size: 60px; top:47%; line-height: 60px;  }
	.type_chamada .title{ font-size: 55px; letter-spacing: 7px; }

	.nav-text{
		opacity: 1 !important;
		top: 0px !important;
	}

	.text{
		opacity: 1!important;
		-webkit-transform: translate(0%, 0%) !important;
  		-ms-transform: translate(0%, 0%)!important;
  		transform: translate(0%, 0%)!important;
	}

	.arrow_section {
  		opacity: 1 !important;
 		bottom: 30px !important;
	}
}


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

	#logo_tipo{
		display: none;
	}

	.title_release{
		top: 20%;
	}
	.redes{ top: 21%;}

	.menu, #logo{ position: absolute;	}

	.arrow_section, #go_to, #logo_tipo{
		display: none;
	}

	.nav-text{
		opacity: 1 !important;
		top: 0px !important;
	}

	.text{
		opacity: 1!important;
		-webkit-transform: translate(0%, 0%) !important;
  		-ms-transform: translate(0%, 0%)!important;
  		transform: translate(0%, 0%)!important;
	}

	.arrow_section {
  		opacity: 1 !important;
 		bottom: 30px !important;
	}
	
}

@media only screen and (max-height: 650px) {
	
}


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

	.arrow_section, #go_to, #logo_tipo{
		display: none;
	}

	
}


































#submenu{
			width: 29px;
			height: 23px;
			position: fixed;
			top: 50%;
			margin-top: -11px;
			left: 51px;
			z-index: 99999999;
			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: #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;
				}


				.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;
				}



				





				/* ---- DIV MENU COM EDITORIAIS ---- */
				#menu-editoriais{
					width: 100%;
					height: 100%;
					background: url('../publicados/bg-menu-editoriais.jpg') center;
					background-size: cover;
					position: absolute;
					top: 0px;
					left: -100%;
					overflow: hidden;
					z-index: 99;
					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);
				}

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



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

						.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.5s;	transition-delay: 0.5s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(2){ opacity: 1; -webkit-transition-delay: 0.6s;	transition-delay: 0.6s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(3){ opacity: 1; -webkit-transition-delay: 0.7s;	transition-delay: 0.7s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(4){ opacity: 1; -webkit-transition-delay: 0.8s;	transition-delay: 0.8s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(5){ opacity: 1; -webkit-transition-delay: 0.9s;	transition-delay: 0.8s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(6){ opacity: 1; -webkit-transition-delay: 1s;		transition-delay: 1s;	}
						.menu-editoriais-open #miniatures-editorial .editorial:nth-child(7){ opacity: 1; -webkit-transition-delay: 1.1s;	transition-delay: 1.1s;	}


					.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;
							}