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







.enviado{
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background:rgba(0,0,0,0.9);
	z-index:99999999;
	-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);
}

	.align_enviado{
		width: 600px;
		height: 170px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -85px;
		margin-left: -300px;
	}

		.mensagem_enviado{
			width: 100%;
			opacity: 0;
			font-size: 25px;
			color: #FFF;
			font-weight: 400;
			letter-spacing: 0.05em;
			text-align: center;
			-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);
		}

		.submensagem_enviado{
			opacity: 0;
		  	font-family: "adobe-garamond-pro";
		  	font-style: italic;
		 	color: #b7b7b7;
		  	font-size: 30px;
		  	text-align: center;
		  	-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);
		}

#container{
	width: 100%;
	height: 100%;
	min-width: 1024px;
	min-height: 600px;
	float: left;
	position: absolute;
	z-index: 1;
	opacity: 0;
	display: none;
	overflow: hidden;
	-webkit-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), 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/contato/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: 48%;
					left: 50%;
					height: 44%;
					width: 41%;
					min-width: 720px;
					min-height: 400px;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					#btn_principal{
						width: 100%;
						height: 32%;
						margin-bottom: 1%;
						position: relative;
						float: left;
						font-size: 80px;
						text-align: center;
						line-height: 128px;
						font-weight: 300;
						opacity: 1;
						letter-spacing: 0.08em;
						border: 1px solid transparent;
						cursor: pointer;
						-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   						-moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    					-o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       					transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
					}

						#btn_principal:hover{
							opacity: 0.6;
							/*border: 1px solid rgba(255, 255, 255, 0.3);*/
							-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   							-moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     						-o-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        					transition: all 250ms 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 120ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	   						-moz-transition: all 120ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	    					-o-transition: all 120ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	        				transition: all 120ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	        			}






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

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

			.seta_down{
				width: 140px;
				position: absolute;
				left: 50%;
				margin-left: -120px;
				bottom: 30px;
				text-align: center;
				font-family:"adobe-garamond-pro";
				font-size: 20px;
				cursor: pointer;
			}

				.seta_down span{
					float: left;
					width: 97px;
					text-align: right;
					margin-top: 5px;
					opacity: 0.8;
					letter-spacing: 0.02em;
					margin-right: 5px;
				}

				.seta_down .seta{
					width: 38px;
					height: 38px;					
					float: right;
					position: relative;
					top:0px;
					background: url('../publicados/seta_down.png');
					-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   					-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     				-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       				transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);  
				}

				.seta_down:hover .seta{
					top: 6px;
					-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   					-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     				-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       				transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);   
				}

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

				#texto .align_text{
					width: 50%;
					height: 55%;
					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.8px;
						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;
						}

					.align_text .text{
						width: 90%;
						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(2) #background{
				width: 54%;
				height: 100%;
				float: left;
				background: #bf751c;
				position: relative;
			}
			
				.align_title{
					width: 520px;
					height: 713px;
					top: 50%;
					left: 50%;
					position: relative;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.align_title .title{
						width: 100%;
						text-align: center;
						color: #FFF;
						font-size: 50px;
						float: left;
						font-weight: 700;
						letter-spacing: 0.1em;
						text-transform: uppercase;
					}

					.align_title .subtitle{
						width: 100%;
						text-align: center;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						font-size: 29px;
						letter-spacing: 0em;
						margin-bottom: 50px;
					}
				
						.input{
							width: 96%;
							margin-left: 2%;
							height: 80px;
							margin-top: 15px;
							float: left;
						}

							.input label{
								width: 100%;
								float: left;
								font-family:"adobe-garamond-pro";
								font-size: 20px;
								margin-bottom: 5px;
							}

							.input input[type="text"]{
								width: calc( 100% - 20px);
								padding:2px 10px;
								height: 44px;
								background: #fff;
								outline: none;
								border: 2px solid #fff;
								float: left;
								font-family:"adobe-garamond-pro";
								font-size: 20px;
							}

							.input textarea{
								width: calc( 100% - 20px);
								padding:10px;
								height: 130px;
								background: #fff;
								border: none;
								outline: none;
								float: left;
								font-family:"adobe-garamond-pro";
								font-size: 20px;
							}

							.envia-form{
								width: 313px;
								height: 60px;
								border: 1px solid rgba(255,255,255, 0.5);
								font-weight: 700;
								font-size: 14px;
								letter-spacing: 0.2em;
								color: #FFF;
								text-align: center;
								position: relative;
								left: 50%;
								margin-left: -156px;
								top: 44px;
								background: none;
								outline: none;
								cursor: pointer;
								font-family: "futura-pt", sans-serif;
								-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   								-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    							-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
       							transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
							}
								.envia-form:hover{
									background: #FFF;
									border: 1px solid rgba(255,255,255, 1);
									color: #000;
									-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   									-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     								-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        							transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
								}


				.align_text_contato{
					width: 520px;
					height: 713px;
					top: 50%;
					left: 50%;
					position: relative;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

					.align_text_contato .title{
						width: 100%;
						text-align: center;
						color: #000;
						font-size: 50px;
						float: left;
						font-weight: 700;
						letter-spacing: 0.1em;
						margin-bottom: 100px;
						text-transform: uppercase;
					}

					.align_text_contato .subtitle{
						width: 100%;
						text-align: center;
						font-size: 16px;
						letter-spacing: 0.08em;
						opacity: 0.6;
						font-weight: 400;
						margin-bottom: 6px;
						color: #000;
					}

					.align_text_contato .texto{
						width: 100%;
						text-align: center;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						color: #000;
						font-size: 25px;
					}


					.endereco{
						width: 100%;
						height: 95px;
						margin-bottom: 45px;
						float: left;
					}

					.email, .telefone{
						width: 100%;
						height: 66px;
						margin-bottom: 45px;
						float: left;
					}

					#social-home{
						position: absolute;
						left: 50%;
						margin-left: -82px;
						width: 184px;
						height: 61px;
						bottom: 69px;
					}

						#social-face, #social-insta{
							width: 72px;
							height: 39px;
    						padding: 17px 0px;
    						border-radius: 50%;
							float: left;
							font-size: 27px;
							color: #333333;
							float: left;
							text-align: center;
							border: 1px solid rgba(0,0,0, 0.3);
							-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   							-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     						-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        					transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
						}

						#social-face:hover, #social-insta:hover{
							background: #000;
							color: #FFF;
							-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   							-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     						-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        					transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
						}

						#social-insta{float: right;}


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

		#container section:nth-child(3){
			min-width: 1024px;
			background: #FFF;
			background: url('../publicados/contato/background-3.jpg');
			background-size: cover;
			width: 100%;
		}

			.showroom-title{
				width:207px;
				height: 85px;
				position: absolute;
				top: 10%;
				left: 50%;
				margin-left: -103px;
			}

				.title_showroom{
					font-size: 50px;
					font-weight: 700;
					width: 100%;
					text-align: center;
					color: #FFF;
					letter-spacing: 0.2em;
					top: 20%;
					position: relative;
				}

					.subtitle_showroom{
						font-size: 29px;
						font-weight: 700;
						float: right;
						text-align: right;
						color: #FFF;
						font-family:"adobe-garamond-pro";
						font-style:italic;
						font-weight:400;
						margin-top: 25px;
						letter-spacing: 0em;
					}

						.subtitle_showroom:before{
							content: '';
							width: 50px;
							height: 1px;
							background: #FFF;
							float: left;
							margin-top: 17px;
							margin-right: 10px;
						}

			.cidade{
				width: 300px;
				height: 176px;
				position: absolute;
				margin-left: -150px;
				margin-top: -88px;
				top: 43%;
			}

				.londrina { left: 25%; }
				.maringa { left: 50%; }
				.curitiba { left: 75%; }
				.londrina2 { left: 38%; top: 72%; }
				.londrina3 { left: 62%; top: 72%; }
				

				.cidade .nome-cidade {
					width: 100%;
					float: left;
					text-align: center;
					margin-top: 15px;
					color: #FFF;
					font-size: 16px;
					font-weight: 700;
				}

				.cidade .endereco-cidade {
					width: 100%;
					float: left;
					text-align: center;
					color: #FFF;
					font-size: 25px;
					font-weight: 400;
					text-transform: uppercase;
					line-height: 100%;
					margin-top: 14px;
				}

				.cidade .btn-mapa {
					position: relative;
					float: left;
					left: 50%;
					-webkit-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					transform: translate(-50%, 0%);
					width: 146px;
					height: 42px;
  					padding-top: 21px; 
  					margin-top: 55px;
					text-align: center;
					color: #FFF;
					cursor: pointer;
					font-size: 16px;
					font-weight: 700;
					letter-spacing: 0.2em;
					border: 1px solid rgba(255,255,255, 0.5);
					-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   					-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     				-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        			transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
				}	

					.cidade .btn-mapa:hover{
						color: #000;
						background: #FFF;
						-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   						-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     					-o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        				transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
					}


	.fechar_mapaesquerda{
		width: 70px;
		height: 70px;
		background: url('../publicados/close-zoom.png') no-repeat center center;
		position: absolute;
		left: -910px;
		z-index: 9999999991;
		top: 50%;
		margin-top: -65px;
		opacity: 0;
		cursor: pointer;
		-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);
	}			

		.mapaesquerda_ativo{
			opacity: 1 !important;
			left: 927px !important;
			-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);
		}



	.fechar_mapadireita{
		width: 70px;
		height: 70px;
		background: url('../publicados/close-zoom.png') no-repeat center center;
		position: absolute;
		right: -910px;
		z-index: 9999999991;
		top: 50%;
		margin-top: -65px;
		opacity: 0;
		cursor: pointer;
		-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);
	}			

		.mapadireita_ativo{
			opacity: 1 !important;
			right: 927px !important;
			-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);
		}

		.fundo_overlay{
			width: 100%;
			height: 100%;
			position: fixed;
			background: rgba(0,0,0,0.7);
			position: absolute;
			z-index: 999999999;
			visibility: hidden;
			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);
		}

	#google-maps-londrina{
		width: 900px;
		height: 100%;
		background: #981;
		position: absolute;
		left:-900px;
		top: 0px;
		z-index: 99999;
		-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);
	}

	#google-maps-londrina .close{
		position: absolute;
		left: -50px;
		width: 30px;
		height: 30px;
		background: #817;
		top: 50%;
		margin-top: -15px;
	}

	#google-maps-sp{
		width: 900px;
		height: 100%;
		background: #981;
		position: absolute;
		right:-900px;
		top: 0px;
		z-index: 99999;
		-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);
	}





















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

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

			#form_newsletter{
				width: 850px;
				height: 440px;
				left: 50%;
				top: 60%;
				margin-left: -425px;
				margin-top: -220px;
				position: relative;
			}

				.input-news{
					width: 49%;
					height: 80px;
					margin-top: 15px;
					float: left;
				}

					.input-news label{
						width: 100%;
						float: left;
						font-family:"adobe-garamond-pro";
						font-size: 20px;
						margin-bottom: 5px;
					}

					.input-news input[type="text"]{
						width: calc( 100% - 20px);
						padding:0 10px;
						height: 50px;
						background: #fff;
						border: none;
						outline: none;
						float: left;
						font-family:"adobe-garamond-pro";
						font-size: 20px;
					}

		













@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: 1170px) {
	.align_title{
		width: 480px;
	}

	.cidade .endereco-cidade
	{
		font-size: 20px;
		line-height: 120%;
	}

	.londrina { left:21%; }
	.curitiba { left: 79%; }
	.londrina2 { left: 35%; }
	.londrina3 { left: 65%; }
}




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

	.align_title{ width: 430px; }
}


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

	.align_text_contato{
		height: 643px;
	}

	.align_text_contato .title{
		margin-bottom: 70px;
	}

	.align_title{
		height: 643px; 
	}

	.align_title .subtitle{
		margin-bottom: 15px;
	}
	.redes{ top: 21%;}
	#logo_tipo{display: none;}

	
	.seta_down, #go_to{display: none;}
}

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


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

	.seta_down, #go_to{display: none;}

	#google-maps-londrina, .fechar_mapaesquerda, #google-maps-sp, .fechar_mapadireita{ position: fixed !important; }

	.mapadireita_ativo{
		right: 857px !important;
	}

	.mapaesquerda_ativo{
		left: 827px !important;
	}

	.fundo_overlay{
		position: fixed;
	}
	#form_newsletter{width: 800px; margin-left: -400px;}

	#logo_tipo{display: none;}

	#go_to{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;
							}



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