/* ---- CSS RESET ---- */
*{
	margin: 0;
	padding: 0;
}

html{
	border: 0;
	padding: 0;
	height: 100%;
	max-width: 100%;
}

body{
	opacity: 0;
	background: #000;
	height: 100%;
	width: 100%;
	min-width: 1024px;
	min-height: 600px;
	border: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	font-family: "futura-pt", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

body, p, i {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


img{
	border: none;
}

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

	.quadrado_loading{
		width: 80px;
		height: 76px;
		position: absolute;
		bottom: 77px;
		left: 50%;
		border: 1px solid rgba(255,255,255, 0.3);
		margin-left: -40px;
		-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;
			-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);
		}


		.linha_right{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			top: 0px;
			right: -1px;
			-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);
		}


		.linha_bottom{
			width: 0%;
			max-width: 100%;
			background: #FFF;
			height: 1px;
			position: absolute;
			bottom: -1px;
			right: 0px;
			-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);
		}


		.linha_left{
			width: 1px;
			background: #FFF;
			height: 0%;
			max-height: 100%;
			position: absolute;
			bottom: 0px;
			left: -1px;
			-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);
		}



@media only screen and (max-width: 1024px) {
	body{ overflow-x: inherit; overflow-y: inherit; }

	#dots{ opacity: 0; }
}


@media only screen and (max-height: 768px) {
	body{ overflow-y: inherit; }

	#dots{ opacity: 0; }
}







/* ------------ MENU ------------ */	
	nav{
		width: 100%;
		height: 0%;
		background-image: url('../publicados/bg-menu.jpg');
		background-size: cover !important;
		position: relative;
		background-color: #db6a4c;
		/* 300 MS */
	}

		.ativo_marca{
			background-image: url('../publicados/bg-menu_marca.jpg') !important;
			background-size: cover !important;
		}

		.close_menu{
			opacity: 0;
			width: 30px;
			height: 30px;
			position: absolute;
			left: 50%;
			margin-left: -15px;
			z-index: 999999;
			bottom: 50px;
			cursor: pointer;
			background: url('../publicados/close-menu.png');
		}

		.ativo .close_menu{
			opacity: 1;			
			-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);
			-webkit-transition-delay: 200ms; /* Safari */
			transition-delay: 200ms;
		}

	.ativo{	height: 77%; /* 300 MS */ }


	.marca-ativa{
		width: 400px;
		position: absolute;
		visibility: hidden;
		left: 50%;
		margin-left: -200px;
		top: 50%;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}

		.marca-ativa a{
			opacity: 0;
			width: 100%;
			float: left;
			text-align: center;
			font-size: 33px;
			text-transform: uppercase;
			color: #FFF;
			text-decoration: none;
			line-height: 60px;
			letter-spacing: 6px;
			font-weight: 400;
			
		}

			.marca-ativa a:hover{
				opacity: .5 !important;
				font-weight: 400;
				letter-spacing: 6px;
			}


		.ativo_marca .marca-ativa{
			visibility: visible;
		}

		.ativo_marca .marca-ativa a{
			opacity: 1;			
			-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);
			/*-webkit-transition-delay: 200ms;*/
			/*transition-delay: 200ms;*/
		}


	.colecao-ativa{
		width: 300px;
		position: absolute;
		visibility: hidden;
		left: 50%;
		margin-left: -150px;
		top: 50%;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}

		.colecao-ativa a{
			opacity: 0;			
			width: 100%;
			float: left;
			text-align: center;
			font-size: 33px;
			text-transform: uppercase;
			color: #FFF;
			text-decoration: none;
			line-height: 60px;
			letter-spacing: 6px;
			font-weight: 400;
			
		}

			.colecao-ativa a:hover{
				opacity: .5 !important;
				font-weight: 400;
				letter-spacing: 6px;
			}

			.ativo_colecao .colecao-ativa{
				visibility: visible;
			}

		.ativo_colecao .colecao-ativa a{
			opacity: 1;			
			-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);
			/*-webkit-transition-delay: 200ms;
			transition-delay: 200ms;*/
		}

		.ativo_colecao #social{
			opacity: 1 !important;
		}

		.ativo_marca #social{
			opacity: 1 !important;
		}

	#logo{
		width: 177px;
		height: 79px;
		position: fixed;
		top: 5px;
		left: 50%;
		z-index: 99999;
		margin-left: -88px;
		-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);
	}

		#logo:hover{
			opacity: 0.7;
			-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);
		}

		#logo_icon{
			width: 177px;
			height: 33px;
			top: 8px;
			position: relative;
			margin: auto;
			background: url('../publicados/tipo-logo@2x.png') top no-repeat;
			background-size: cover !important;
		}


	.menu{
		width: 964px;
		height: 60px;
		position: fixed;
		top: 0px;
		left: 50%;
		margin-left: -482px;
		z-index: 9999;
		/* 500 MS */
	}

		.menu a { text-decoration: none;	}

	.background-menu{
		width: 100%;
		height: 63px;
		position: fixed;
		background: rgba(0, 0, 0, 0.95);
		top: 0px;
		z-index: 9998;
		opacity: 0;
		/* 200 MS */
	}


	.menu-hide-show .menu{ opacity: 1 !important;}
	.menu-hide-show #social{ opacity: 1 !important;}

	.menu-hide .menu{ opacity: 0; top: 0px;	}
	.menu-hide #social{ opacity: 0; top: 11px; /*500 MS*/ }

	.menu-hide-show .background-menu{ opacity: 0 !important; }
	.header-menu-ativo .background-menu{ opacity: 1; }
	.header-menu-ativo .menu{ opacity: 1 !important; }

	.ativo .menu{ opacity: 1 !important; }
	.ativo #social{ opacity: 1; /*500 MS*/	}

		.menu-inner {
			display: table;
			margin: 0px auto;
		}

			.link{
				display: table;
				margin-right: 50px;
				margin-left: 50px;
				margin-top: 22px;
				text-align: center;
				text-transform: uppercase;
				color: #FFF;
				font-size: 15px;
				letter-spacing: 2px;
				font-weight: 500;
				float: left;
				cursor: pointer;
				-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);
			}

				.link:hover{
					opacity: 0.6;
					-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);
				}

				.link:nth-child(2){	margin-right: 182px; }
				.link:nth-child(3){ margin-left: 182px;	}

				.hover{
					width: 0px;
					height: 1px;
					background: #FFF;
					margin: auto;
					margin-top: 4px;
					/* 100 MS */
				}


			.menu-black .background-menu{
				background: #FFF !important;
				/* 200 MS */
			}
				.menu-black #logo_icon{
					background-image: url('../publicados/tipo-logo-black@2x.png') !important;
				}
				.menu-black .link{
					color: #000 !important;
				}

				.menu-black:hover #social-facebook,.menu-black:hover #social-instagram{
					color: #000 !important;
				}


	.voltar_topo{
		width: 52px;
		height: 52px;
		border: 1px solid rgba(255,255,255, 0.5);
		border-radius: 50px;
		position: absolute;
		bottom: 35px;
		right: 35px;
		background: transparent;
		cursor: pointer;
		overflow: hidden;
		z-index: 9;
		-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);
	}

		.voltar_topo .voltar_topo_arrow{
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -39px;
			margin-top: -37px;
			width: 78px;
			height: 74px;
			background: url('/publicados/arrow_2.png') bottom;
			-ms-transform: rotate(-180deg); 
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
			-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);
		}

		.voltar_topo:hover{
			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);
		}

			.voltar_topo:hover .voltar_topo_arrow{
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -39px;
				margin-top: -37px;
				width: 78px;
				height: 74px;
				background: url('/publicados/arrow_3.png') top;
				-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);
			}






	.voltar_topo_black{
		width: 52px;
		height: 52px;
		border: 1px solid rgba(0,0,0, 0.5);
		border-radius: 50px;
		position: absolute;
		bottom: 12px;
		right: 35px;
		background: transparent;
		cursor: pointer;
		overflow: hidden;
		z-index: 9;
		-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);
	}

		.voltar_topo_black .voltar_topo_arrow{
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -39px;
			margin-top: -37px;
			width: 78px;
			height: 74px;
			background: url('/publicados/arrow_3.png') bottom;
			-ms-transform: rotate(-180deg); 
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
			-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);
		}

		.voltar_topo_black:hover{
			background: #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);
		}

			.voltar_topo_black:hover .voltar_topo_arrow{
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -39px;
				margin-top: -37px;
				width: 78px;
				height: 74px;
				background: url('/publicados/arrow_2.png') top;
				-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	{
		position: absolute;
		right: 16px;
		top: 6px;
		z-index: 999999;
		-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);
	}

		#social-facebook, #social-instagram	{
			float: right;
			padding: 8px;
			cursor: pointer;
			font-size: 20px;
			color: #FFF;
		}

			#social-facebook:hover, #social-instagram:hover	{
				opacity: 0.6;
			}





		/* Animation 100 Miliseconds */
		.link:hover .hover, .hover{
			-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);
		}



		/* Animation 200 Miliseconds */
		.colecao-ativa a, .colecao-ativa a:hover, .close_menu, .background-menu {
			-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);
		}


		/* Animation 300 Miliseconds */
		nav, .ativo{
			-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			-moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			-o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		}


		/* Animation 500 Miliseconds */
		.menu, .ativo #social, .menu-hide #social{
			-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
			transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		}




	#lojas {
		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-family: miller-banner, serif;
				font-weight: 300;
				letter-spacing: 0.15em;
				text-indent: 0.15em;
				width: 100%;
				text-align: center;
				color: #FFF;
				top: 20%;
				position: relative;
			}

			.title_showroom.black {
				color: #000;
			}

				.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.black{
					color: #000;
				}

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

					.subtitle_showroom.black:before{
						background: #000;
					}

		.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;
				
				font-size: 16px;
				font-weight: 700;
			}

			.cidade.black .nome-cidade  {
				color: #000;
			}

			.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.black .endereco-cidade  {
				color: #000;
			}

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



.overlay{
	visibility: hidden;
	opacity: 0;
	width: 100%;
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0px;
	z-index: 999999999999999999999999999999999;
	background:rgba(0,0,0,0.7);
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.landscape{
	width: 100%;
	height: 100%;
}

.vertical{
	width: 100%;
	height: 100%;
	position: fixed;
	background: #db6a4c;
	font-family:"adobe-garamond-pro";
	font-style:italic;
	font-weight:400;
	letter-spacing: 0.02em;
	font-size: 22px;
	z-index: 999999999999999999;
}

	.align_resize{
		width: 470px;
		height: 170px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -235px;
		margin-top: -85px;
		text-align: center;
		font-size: 22px;
	}

	.logo_vertical{
		position: relative;
		left: 50%;
		margin-left: -41px;
		top: -5px;
		width: 82px;
		height: 44px;
		background: url('../publicados/logo_vertical.png');
	}


	#release {
		min-width: 1024px;
		width: 100%;
		background: url('../publicados/background-home-3.jpg');
		background-size: cover;
	}

		#release-inner {
			display: table;
			height: 100%;
			width: 100%;
		}

			#release-inner-inner {
				display: table-cell;
				vertical-align: middle;
			}

				#release .title_release{
					margin-left: 10%;
					margin-right: 12%;
					
					font-family: miller-banner, serif;
					font-weight: 300;
					font-size: 90px;
					text-align: center;
					letter-spacing: 0.1em;
					line-height: 95%;
					text-indent: 0.1em;
					color: #000;
				}


				#release .text_release{
					clear: both;
					margin: 77px auto 0px;
					width: 867px;
					overflow: hidden;

					font-family:"adobe-garamond-pro";
					font-weight:400;
					font-size: 21px;
					font-style:italic;
					line-height: 26px;
					letter-spacing: -0.4px;
					color: #000;
				}

					#release .text_release div {
						float: left;
						width: 402px;
					}

					#release .text_release div:first-child{
						margin-right: 63px;
					}

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






@media only screen and (max-width: 1368px) {
	.link { 
		margin-left: 36px;
		margin-right: 36px;
	}

	.link:nth-child(2){	margin-right: 156px; }
	.link:nth-child(3){	margin-left: 156px; }
}


@media only screen and (max-width: 1195px) {

	#release .title_release {
		font-size: 83px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}	
}


@media only screen and (max-width: 1110px) {

	
	.link { 
		margin-left: 30px;
		margin-right: 30px;
	}

	.link:nth-child(2){	margin-right: 146px; }
	.link:nth-child(3){	margin-left: 146px; }

	#social{
		opacity: 0;
	}
}


@media	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 2dppx){

	#logo_icon {
		background: url('../publicados/tipo-logo@2x.png') top no-repeat;
		background-size: cover;
	}

	.menu-black #logo_icon {
	  background: url('../publicados/tipo-logo-black@2x.png') !important;
	  background-size: cover !important;
	}

	#logo_icon_loading{
		background: url('../publicados/icon-logo@2x.png') top no-repeat !important;
		background-size: cover !important;
	}
}

/*
@media only screen and (orientation : portrait) {
	.vertical{ display:block; }
	.landscape { display:none; }
}


@media only screen and (orientation : landscape){
	.landscape { display:block !important; }
	.vertical{ display:none !important; }
}


@media only screen and (max-width: 1000px) {
	.landscape { display:none; }
	.vertical{ display:block; }
}

@media only screen and (max-height: 650px) {
	.landscape { display:none; }
	.vertical{ display:block; }
}*/

.landscape { display:block; }
.vertical{ display:none; }