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

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

body{
	opacity: 0;
	background: #C06434;
	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: #C06434;
}
	

	.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: #423533;
		background: url('../publicados/bg-menu.jpg');
		background-size: cover !important;
		position: relative;
		/* 300 MS */
	}

		.ativo_marca{
			background: 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: 67px;
			height: 43px;
			top: 3px;
			position: relative;
			margin: auto;
			background: url('../publicados/icon-logo.png') top no-repeat;
		}

		#logo_tipo{
			width: 177px;
			height: 33px;
			top: 3px;
			position: relative;
			margin: auto;
			background: url('../publicados/tipo-logo.png') top no-repeat;
			/* 500 MS */
		}



	.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 #logo_tipo{	opacity: 0;	}
	.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 #logo_tipo{ opacity: 1; }
	.ativo #social{ opacity: 1; /*500 MS*/	}

		.link{
			width: 100px;
			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:first-child{ margin-left: 44px; margin-right: 100px; }
			.link:nth-child(2){	margin-right: 273px; }
			.link:nth-child(3){ margin-right: 90px;	}

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

			/*.link:hover .hover{	width: 50%;	}*/

			.menu-black .background-menu{
				background: #FFF !important;
				/* 200 MS */
			}
				.menu-black #logo_icon{
					background: url('../publicados/icon-logo-black.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: 50px;
		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, #logo_tipo{
    		-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);
    	}









@media only screen and (max-width: 1368px) {
	.link:first-child{ margin-left: 104px; margin-right: 60px; }
	.link:nth-child(2){	margin-right: 240px; }
	.link:nth-child(3){ margin-right: 60px;	}
}

@media only screen and (max-width: 1110px) {
	.link:first-child{ margin-left: 140px; margin-right: 40px; }
	.link:nth-child(2){	margin-right: 190px; }
	.link:nth-child(3){ margin-right: 40px;	}

	#social{
		opacity: 0;
	}
}




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


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    #logo_icon {
 		background: url('../publicados/icon-logo@2x.png') top no-repeat;
 		background-size: cover;
	}

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

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

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




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

	.vertical{
		width: 100%;
		height: 100%;
		position: fixed;
		background: #191919;
		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');
		}








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