body{
	-webkit-transition: opacity 1s;
  	-moz-transition: opacity 1s;
  	transition: opacity 1s;
}

#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999999999999999;
}

	#loading .logo{	opacity: 0;	}

	#logo_loading{
		width: 177px;
		height: 79px;
		position: fixed;
		top: 5px;
		left: 50%;
		z-index: 99999;
		margin-left: -88px;
	}

		#logo_icon_loading{
			width: 67px;
			height: 43px;
			top: 3px;
			position: relative;
			margin: auto;
		}

		#logo_tipo_loading{
			width: 177px;
			height: 33px;
			top: 3px;
			position: relative;
			margin: auto;
			/* 500 MS */
		}


	.quadrado_loading{
		width: 74px;
		height: 78px;
		position: absolute;
		bottom: 77px;
		left: 50%;
		border: 1px solid rgba(255,255,255, 0.3);
		margin-left: -38px;
		-ms-transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
    	-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);
	}

	.porcentagem_loading{
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: 115px;
		margin-bottom: -10px;
		font-weight: 400;
		font-size: 16px;
		color: #FFF;
		text-align: center;
	}

		.linha_top{
			width: 0%;
			max-width: 100%;
			background: #FFF;
			height: 1px;
			position: absolute;
			top: -1px;
			left: 0px;
		}


		.linha_right{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			top: 0px;
			right: -1px;
		}


		.linha_bottom{
			width: 0%;
			max-width: 100%;
			background: #FFF;
			height: 1px;
			position: absolute;
			bottom: -1px;
			right: 0px;
		}


		.linha_left{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			bottom: 0px;
			left: -1px;
		}


header{	top:0px !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;
	background: #000;
	position: relative;
	z-index: 1;
	display: none;
	opacity: 0;
	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;
		}




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

			.background_container_1{
				width: 100%;
				background: url('../publicados/background-home-1.jpg') center top;
				background-size: cover;
				height: 100%;
				position: absolute;
				z-index: -1;
				-webkit-transition-delay: 400ms;
	    		transition-delay: 400ms;
				-webkit-transition: all 7000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
  				-moz-transition: all 7000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     			-o-transition: all 7000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        		transition: all 7000ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
			}





		/* ======  EDITORIAIS ====== */

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

			.divs_editoriais{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 9;
			}

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

			
			/*  =====  CATEGORIA (EDITORIAL TOPO)  =====  */
			.category{
				width: 110px;
				height: 40px;
				position: absolute;
				left: 50%;
				margin-left: -55px;
				top:28%;
				margin-top: -20px;
				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;
				}



			.title_editorial{
				position: absolute;
				text-transform: uppercase;
				font-size: 100px;
				color: #ffffff;
				text-align: center;
				letter-spacing: 1.5px;
				font-weight:700;
				z-index: 8;
				top: 45%;
				left: 50%;
				line-height: 110px;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}


			#editoriais .editorial{
				width: 14.28%;
				height: 100%;
				float: left;
				position: relative;
				overflow: hidden;	
			}
				.editorial .background{
					width: 100%;
					position: absolute;
					height: 100%;
					background-size:cover !important;
					opacity: 0.3; 
					z-index: 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_ativo .background{
					opacity: 1 !important;
					-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);
				}

				.editorial:nth-child(4) .background{ background: url('../publicados/solare.jpg'); }
				.editorial:nth-child(5) .background{ background: url('../publicados/stripe-e-rose.jpg'); }
				.editorial:nth-child(6) .background{ background: url('../publicados/impeccable.jpg'); }
				.editorial:nth-child(7) .background{ background: url('../publicados/frida-fever.jpg'); }
				.editorial:nth-child(8) .background{ background: url('../publicados/aquarelle-marine.jpg'); }
				.editorial:nth-child(9) .background{ background: url('../publicados/blue-mood.jpg');	}
				.editorial:nth-child(10) .background{ background: url('../publicados/summertime.jpg'); }



				.editorial .title{
					width: 100%;
					position: absolute;
					text-transform: uppercase;
					font-size: 12px;
					color: #ffffff;
					text-align: center;
					bottom: 80px;
					letter-spacing: 1.5px;
					font-weight:400;
					opacity: 1;
					z-index: 1;
					-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);
				}


				.editorial .line{
					width: 0px;
					height: 2px;
					background: #FFF;
					position: absolute;
					left: 50%;
					-webkit-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					transform: translate(-50%, 0%);
					bottom: 95px;
					z-index: 1;
					-webkit-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				    -moz-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				    -o-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				    transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
				}


					.editorial_ativo .title{
						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);
					}


					.editorial_ativo .line{
						width: 45px;
						-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);
					    -webkit-transition-delay: 200ms;
    					transition-delay: 200ms;
					}











		/* ======= RELEASE ======== */

		#container section:nth-child(2){
			min-width: 1024px;
			width: 100%;
			background: url('../publicados/background-home-3.jpg');
			background-size: cover;
		}
				#sections section:nth-child(3) .category .title{ color: #000; }
				#sections section:nth-child(3) .category .line{ background: #000; }


		.title_release{
			width: 638px;
			height: 95px;
			font-size: 90px;
			line-height: 85px;
			color: #fff;
			position: absolute;
			top: 18%;
			left: 10%;
			letter-spacing: 20px;
		}



			.title_release b{
				letter-spacing: 0px;
			}


		.text_release{
			width: 865px;
			height: 276px;
			position: absolute;
			left: 50%;
			top: 54%;
			margin-left: -425px;
			margin-top: -138px;
		}

			
	

			.text_release div:first-child{
				width: 402px;
				height: 100%;
				margin: 0px 63px 0px 0px;
				float: left;
				color: #fff;
				font-size: 21px;
				line-height: 26px;
				font-family:"adobe-garamond-pro";
				font-style:italic;
				font-weight:400;
				letter-spacing: -0.4px;
			}

			.text_release div:nth-child(2){
				width: 400px;
				height: 100%;
				margin-left: 0;
				float: left;
				color: #fff;
				font-size: 21px;
				line-height: 26px;
				font-family:"adobe-garamond-pro";
				font-style:italic;
				font-weight:400;
				letter-spacing: -0.4px;
			}

			.square{
				display: none;
				width: 24px;
				height: 10px;
				background: #000;
				position: absolute;
				z-index: 9;
				bottom: -22%;
				left:53.5%;
			}







		/* ======  CHAMADAS ====== */
		#container section:nth-child(4){
			min-width: 1024px;
			width: 100%;
			background: #000;
			background-size: cover;
		}

			.lookbook, .sobre, .news, .revista{
				width: 50%;
				height: 50%;
				float: left;
				overflow: hidden;
				position: relative;
				background: #000;
				cursor: pointer;
			}

				.background{
					width: 100%;
					height: 100%;
					position: absolute;
					background-size: cover !important;
					z-index: 0;
					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);
				}


			.lookbook:hover .background, .sobre:hover .background, .news:hover .background, .revista:hover .background{
				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); 
			}

			.lookbook .background{ background: url('../publicados/chamada-1.jpg') center; background-size: cover; }
			.sobre .background{ background: url('../publicados/chamada-2.jpg') center; background-size: cover;}
			.news .background{ background: url('../publicados/chamada-3.jpg') center; background-size: cover;}
			.revista .background{ background: url('../publicados/chamada-4.jpg') center; background-size: cover;}

				.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: 10px;
						font-weight: 300;
					}

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




		/* ======  CONTATO ====== */
		#container section:nth-child(4){
			min-width: 1024px;
			width: 100%;
			background: url('../publicados/background-home-5.jpg');
			background-size: cover;
			position: relative;
		}

		.redes{
			min-width: 900px;
			width: 70%;
			max-width: 1344px;
			height: 290px;
			position: absolute;
			left: 50%;
			top: 29%;
			-webkit-transform: translate(-50%, 0%);
			-ms-transform: translate(-50%, 0%);
			transform: translate(-50%, 0%);
		}

		.follow{
			width: 385px;
			height: 290px;
			position: absolute;
			left: -5%;
		}

			#social-home {
				position: absolute;
				right: 66px;
				top: 133px;
				z-index: 999999;
			}

				#social-face, #social-insta	{
					float: left;
					width: 60px;
					height: 60px;
					padding: 22px;
					cursor: pointer;
					font-size: 44px;
					border-radius: 100px;
					color: rgba(255, 255, 255, 1);
					border: 2px solid rgba(255, 255, 255, 0.7);
					-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
				}

				#social-face:hover, #social-insta:hover	{
					background: #FFF;
					border: 2px solid #FFF;
					color: #000;
					-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
				}
				#social-face{
					margin-right: 40px;
				}

			

			#contact{
				width: 100%;
				text-align: center;
			}

				#contact .title{
					font-size: 58px;
					color: #FFF;
					font-weight: 300;
					letter-spacing: 2px;
				}

				#contact .subtitle{
					width: 100%;
					font-weight: 700;
					font-size: 16px;
					color: #FFF;
					letter-spacing: 3px;
					float: left;
					margin-left: 3px;
				}



		.newsletter{
			width: 385px;
			height: 290px;
			position: absolute;
			right: 0%;
		}

			.cadastre-news{
				cursor: pointer;
				text-decoration: none;
				width: 200px;
				position: relative;
				font-size: 20px;
				color: rgba(255, 255, 255, 1);
				border: 1px solid rgba(255, 255, 255,1);
				font-weight: 400;
				padding: 17px 40px;
				float: left;
				margin-top: 66px;
				margin-left: 50px;
				letter-spacing: 2px;
				-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				-o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
				transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
			}

				.cadastre-news:hover{
					background: #FFF;
					color: #000;
					-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					-o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
					transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
				}


		.outlet{
			width: 380px;
			height: 140px;
			position: absolute;
			top: 63%;
			left: 50%;
			margin-left: -190px;
		}


			.outlet .title{
				width: 100%;
				text-align: center;
				font-size: 16px;
				font-weight: 700;
				color: #fff;
				letter-spacing: 2px;
				float: left;
			}

			.outlet .street{
				width: 100%;
				float: left;
				margin-top: 10px;
				text-align: center;
				font-size: 22px;
				text-transform: uppercase;
				font-weight: 400;
				color: #fff;
				letter-spacing: 1.5px;
				line-height: 30px;
			}

		.copyright{
			width: 250px;
			height: 20px;
			font-family:"adobe-garamond-pro";
			position: absolute;
			bottom: 60px;
			left: 50%;
			margin-left: -125px;
			text-align: center;
			font-size: 13px;
		}














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

				#title{
					font-size: 200px;
					text-align: center;
					letter-spacing: 60px;
					text-indent: 60px;
				}

				#subtitle {
					margin-top: -9px;
					font-weight: 700;
					font-size: 50px;
					text-align: center;
					letter-spacing: 17px;
			  		text-indent: 17px;
				}



				#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);
	        			}




	






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

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


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

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

	.title_release
	{
		top: 14%;
	}

	.text_release
	{
		top: 50%;
	}

	.title_load{
		font-size: 50px !important;
	}

	.text_release div, .title_release{ opacity: 1;}
}

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

}


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