
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%;
	background: #000;
	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;
			background: url('../publicados/fundo_encontrar.jpg') top center;
			background-size: cover !important;
		}

			.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-size: 110px;
						text-align: center;
						line-height: 105px;
						letter-spacing: 0.18em;
				  		font-weight: 300;
					}

					#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;
						margin-left: -35px;
					}



				#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%;
			background: #000;
		}

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


					.background_look{
						opacity: 0;
						left: 50%;
						-webkit-transform: translate(-50%, 0%);
						-ms-transform: translate(-50%, 0%);
						transform: translate(-50%, 0%);
						width: 69%;
						height: 100%;
						position: absolute;
					}

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




				.nav_look{
					width: 265px;
					position: absolute;
					left: 50%;
					bottom: 0px;
					-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;
						margin-left: 10px;
						color: #FFF;
					}

					.actual{
						font-weight: 400;
						font-size: 40px;
						color: #FFF;
						opacity: 0.3;
						margin-top: 25px;
					}

					.total{
						font-weight: 400;
						font-size: 16px;
						color: #FFF;
						opacity: 0.3;
						margin-top: 39px;
						margin-left: 4px !important;
					}

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

					.previous, .next{
						width: 50px;
						height: 71px;
						margin-top: 15px;
						position: relative;
						cursor: pointer;
					}	

						.previous{ margin-right: 30px;}
						.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: -1px;
							margin-left: -3px;
							width: 6px;
							height: 2px;
							background: rgba(255, 255, 255, 0.3);
							-ms-transform: rotate(-45deg);
						    -webkit-transform: rotate(-45deg);
						    transform: rotate(-45deg);
						}

						.previous div:before, .next div:before{
							content: '';
							position: absolute;
							display: block;
							width: 6px;
							height: 2px;
							background: rgba(255, 255, 255, 0.3);
							top: 2px;
							left: -2px;
							-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;	
				}

				
				#map{
					width: 100%;
					height: 100%;
					position: absolute;
				}
			







		/* ======  CHAMADAS ====== */
		#backgrounds{
			min-width: 1024px;
			width: 100%;
			height: 100%;
			float: left;
			position: absolute;
			z-index: 99999999999;
			background: #000;
		}

			#backgrounds div{
				height: 100%;
				width: 100%;
				position: absolute;
				opacity: 1;
			}

				.background-1{
					z-index: 9;
					background: #000;
					-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   					-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    				-o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        			transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
				}
		

				.background-2{
					position: relative;
					z-index: 999;
				}











@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; }
	.title_release{
		top: 20%;
	}*/
	.redes{ top: 21%;}
	#go_to{
		display: none;
	}
}

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


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

	#go_to{
		display: none;
	}

}


































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


			#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;
					background: #000 !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: #000 !important;
					-webkit-transition-property: margin, -webkit-transform;
					-webkit-transition-duration: .2s !important;
					-webkit-transition-delay: .2s, 0 !important;
				}

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

				.close .menu_linha_2{
					background: #000 !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: 525px;
					height: 100%;
					background:#FFF;
					background-size: cover;
					position: absolute;
					top: 0px;
					left: -525px;
					overflow: hidden;
					z-index: 99;
					opacity: 0;
					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);
				}

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




						.title{
						  	width: 300px;
						  	text-align: left;
						  	color: #000;
						  	font-size: 14px;
						  	top: 7%;
						  	left: 53%;
						  	position: absolute;
						  	float: left;
						  	margin-left: -150px;
						  	font-weight: 700;
						  	letter-spacing: 1.5px;
							text-transform: uppercase;
						}

						.estados{
							width: 300px;
							height: 500px;
							margin-top: -250px;
						  	text-align: left;
						  	color: #9f9f9f;
						  	font-size: 18px;
						  	top: 50%;
						  	position: absolute;
						  	float: left;
						  	left: 53%;
						  	margin-left: -150px;
						  	font-weight: 400;
						  	letter-spacing: 0.05em;
							text-transform: uppercase;
							list-style: none;
						}

							.estados li{
								width: auto;
								cursor: pointer;
							}

							.estados li:hover{
								color: #000;
							}

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

							.cidades{
								opacity: 0;
								visibility: hidden;
								left: 0px;
								width: 100%;
								height: 100%;
								background: rgba(0,0,0, 0.9);
								font-size: 18px;
								position: absolute;
								z-index: 99999999999999999999999;
								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);
							}	

								.estado_ativo{
									opacity: 1 !important;
								}

								.title_cidade{
									opacity: 0;
								  	width: 300px;
								  	text-align: left;
								  	color: #fff;
								  	font-size: 14px;
								  	top: 7%;
								  	left: 120px;
								  	position: absolute;
								  	font-weight: 700;
								  	letter-spacing: 1.5px;
									text-transform: uppercase;
									-webkit-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
									-moz-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
									-o-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
									transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
								}

									.title_cidade_ativo{
										opacity: 1;
										left: 140px;
										-webkit-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
										-moz-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
										-o-transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
										transition: all 700ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
									}

								.cidade_estado{
									position: absolute;
									top: 50%;
									visibility: hidden;
									opacity: 0;
									-webkit-transform: translate(0%, -50%);
									-ms-transform: translate(0%, -50%);
									transform: translate(0%, -50%);
									left: 120px;
								}

									.cidade_estado div{
										opacity: 0;
										left: 0px;
										text-transform: uppercase;
										position: relative;
										-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);
									}


								.estado_ativo div{
									opacity: 1;
									left: 20px;
									visibility: visible;
								}


								.estado_ativo div:nth-child(1){ opacity: 1; -webkit-transition-delay: 0.1s;		transition-delay: 0.1s;	}
								.estado_ativo div:nth-child(2){ opacity: 1; -webkit-transition-delay: 0.2s;		transition-delay: 0.2s;	}
								.estado_ativo div:nth-child(3){ opacity: 1; -webkit-transition-delay: 0.3s;		transition-delay: 0.3s;	}
								.estado_ativo div:nth-child(4){ opacity: 1; -webkit-transition-delay: 0.4s;		transition-delay: 0.4s;	}
								.estado_ativo div:nth-child(5){ opacity: 1; -webkit-transition-delay: 0.5s;		transition-delay: 0.5s;	}
								.estado_ativo div:nth-child(6){ opacity: 1; -webkit-transition-delay: 0.6s;		transition-delay: 0.6s;	}
								.estado_ativo div:nth-child(7){ opacity: 1; -webkit-transition-delay: 0.7s;		transition-delay: 0.7s;	}
								.estado_ativo div:nth-child(8){ opacity: 1;  -webkit-transition-delay: 0.8s;	transition-delay: 0.8s;	}
								.estado_ativo div:nth-child(9){ opacity: 1;  -webkit-transition-delay: 0.9s;	transition-delay: 0.9s;	}
								.estado_ativo div:nth-child(10){ opacity: 1; -webkit-transition-delay: 1s;		transition-delay: 1s;	}
								.estado_ativo div:nth-child(11){ opacity: 1; -webkit-transition-delay: 1.1s;	transition-delay: 1.1s;	}
								.estado_ativo div:nth-child(12){ opacity: 1; -webkit-transition-delay: 1.2s;	transition-delay: 1.2s;	}
								.estado_ativo div:nth-child(13){ opacity: 1; -webkit-transition-delay: 1.3s;	transition-delay: 1.3s;	}
								.estado_ativo div:nth-child(14){ opacity: 1; -webkit-transition-delay: 1.4s;	transition-delay: 1.4s;	}
								.estado_ativo div:nth-child(15){ opacity: 1; -webkit-transition-delay: 1.5s;	transition-delay: 1.5s;	}
								.estado_ativo div:nth-child(16){ opacity: 1; -webkit-transition-delay: 1.6s;	transition-delay: 1.6s;	}
								.estado_ativo div:nth-child(17){ opacity: 1; -webkit-transition-delay: 1.7s;	transition-delay: 1.7s;	}
								.estado_ativo div:nth-child(18){ opacity: 1; -webkit-transition-delay: 1.8s;	transition-delay: 1.8s;	}
								.estado_ativo div:nth-child(19){ opacity: 1; -webkit-transition-delay: 1.9s;	transition-delay: 1.9s;	}
								.estado_ativo div:nth-child(20){ opacity: 1; -webkit-transition-delay: 2s;		transition-delay: 2s;	}
								.estado_ativo div:nth-child(21){ opacity: 1; -webkit-transition-delay: 2.1s;	transition-delay: 2.1s;	}
								.estado_ativo div:nth-child(22){ opacity: 1; -webkit-transition-delay: 2.2s;	transition-delay: 2.2s;	}
								.estado_ativo div:nth-child(23){ opacity: 1; -webkit-transition-delay: 2.3s;	transition-delay: 2.3s;	}
								.estado_ativo div:nth-child(24){ opacity: 1; -webkit-transition-delay: 2.4s;	transition-delay: 2.4s;	}
								.estado_ativo div:nth-child(25){ opacity: 1; -webkit-transition-delay: 2.5s;	transition-delay: 2.5s;	}
								.estado_ativo div:nth-child(26){ opacity: 1; -webkit-transition-delay: 2.6s;	transition-delay: 2.6s;	}


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

						


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










.cidade_mapa{
	text-align: center;
	font-family: "futura-pt", sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #000 !important;
	text-transform: uppercase;
	font-size: 20px !important;
	padding: 40px 60px 45px 60px;
}

	.cidade_mapa span{
		font-size: 14px !important;
	}

.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div{
    box-shadow: none !important;
}


#iw-container  .iw-title {
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 22px;
   font-weight: 400;
   padding: 10px;
   background-color: #48b5e9;
   color: white;
   margin: 1px;
   border-radius: 0 !important;
}


.gm-style-iw {
   width: 340px !important;
   top: 26px !important;
   left: 50% !important;
   background-color: #f7f7f7;
   box-shadow: none;
   border: none;
   border-radius: 0 !important;
   -webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
 	transform: translate(-50%, 0%);
}

img[src="http://maps.gstatic.com/mapfiles/api-3/images/google_white2.png"], a[href^="http://maps.google.com/maps"]{
    display:none !important;
}

.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}


#map_canvas{background-color:#000 !important}

.ativo{
	z-index: 99999999999;
}