#container{
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display:block;
}

#container[data-quant-img="1"] {
	height: auto;
}

	#project_prinipal{
		position: relative;
		width: 100%;
		max-height: 100%;
		overflow: hidden; 
	}

		#project_bg{
			width: 100%;
		}


	#project_barra{
		background: #FFF;
		position: absolute;
		z-index: 999;
		bottom: 0px;
		left: 62px;
		float: left;
	}

		.project_name{
			float: left;
			height: 37px;
			color: #000;
			padding: 13px 35px 10px;
			margin: 0px;
			font-size: 24px;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			white-space: nowrap;
		}

		.project_info{
			cursor: pointer;
			width: 30px;
			height: 30px;
			padding: 15px;
			float: left;
			border-left: 1px solid #ccc;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}


	#project_mais{

	}

		#project_mais #imagem_mais{
			background: url('../publicados/imagens/sprites.png');
			background-position: -405px -11px ;
			background-size: 650px 210px;
			width: 27px;
			height: 27px;
		}

			#project_mais .imagem_menos{
				background: url('../publicados/imagens/projeto_interno/menos_project_interna.png') !important;
				width: 21px !important;
				height: 21px !important;
				background-size: 21px 21px !important;
				margin: 5px;
			}


	#project_infos{
		width: 266px;
		height: auto;
		background: #FFF;
		position: absolute;
		z-index: 999;
		bottom: 60px;
		left: 0px;
		border-bottom: 1px solid #ccc;
		display: none;
	}

		#project_infos .informacoes{
			width: 100%;
			float: left;
			padding: 7px 0;
			margin: 2px 0px;
		}

			#project_infos .informacoes:last-child{
				margin-bottom:15px;
			}

			#project_infos .informacoes h2{
				font-size: 11px;
				color: #959595;
				padding: 0px 35px 0px;
				margin: 0px;
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
			}


			#project_infos .informacoes h3{
				font-size: 11px;
				color: #000;
				padding: 1px 35px 0px;
				margin: 0px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 700;
				text-transform: uppercase;
			}

		.prize{
			width:253px;
			height: 75px;
			background:#fff;
			float: left;
		}

			.prize img{
				margin: 23px 0 0 26px;
				float: left;
			}

			.prize .premio{
				color: #959595;
				font-family: 'Open Sans', sans-serif;
				font-weight: 800;
				font-size: 11px;
			}

			.prize .descricao{
				color: #000;
				font-family: 'Open Sans', sans-serif;
				font-weight: 800;
				font-size: 11px;
				text-transform: uppercase;
			}


	#project_share{
		width: 60px;
		height: auto;
		background: #FFF;
		position: absolute;
		z-index: 999;
		bottom: 60px;
		display: none;
		border-bottom: 1px solid #ccc;
		left: 266px;
	}

		#facebook_share,
		#twitter_share,
		#pinterest_share,
		#behance_share {
			float: left;
			width: 60px;
			height: 59px;
			background: url(../publicados/imagens/sociais.png) no-repeat #FFF;
			background-size: 243px 120px;
			border-bottom: solid 1px 1px #ccc;
			cursor: pointer;
		}

		#facebook_share{
			background-position: 0px 0px;
			height: 60px;
		}

		#twitter_share{
			background-position: -122px 0;
		}

		#pinterest_share{
			background-position: -183px 0;
		}

		#behance_share{
			background-position: -60px 0;
		}


	#scroll_down{
		bottom: 0px;
	}

	#container[data-quant-img="1"] #scroll_down {
		display: none;
	}

	#project_nav{
		background: #FFF;
		position: absolute;
		z-index: 999;
		bottom: 0px;
		right: 62px;
		float: right;
	}

		#voltar_nav{
			border:none;
			background: #FFF;
		}

			#voltar_nav #imagem_voltar_nav{
				background: url('../publicados/imagens/sprites.png');
				background-position: -506px -9px;
				background-size: 650px 210px;
				width: 27px;
				height: 27px;
			}


		#share_mais{
			background: url('../publicados/imagens/sprites.png');
			background-position: -357px -8px ;
			background-size: 650px 210px;
			width: 27px;
			height: 27px;
		}

			.mostrar_share{
				background-position: -405px -11px;
			}


		#previous_job{
			background: #FFF;
		}

			#previous_job #imagem_previous_job{
				background: url('../publicados/imagens/sprites.png');
				background-position: -510px -109px;
				background-size: 650px 210px;
				width: 27px;
				height: 27px;
			}

		#next_job{
			background: #FFF;
		}

			#next_job #imagem_next_job{
				background: url('../publicados/imagens/sprites.png');
				background-position: -560px -10px;
				background-size: 650px 210px;
				width: 27px;
				height: 27px;
			}

	.modulo_1{
		position: relative;
		float: left;
		width: 100%;
	}

		.project_50,
		.project_25,
		.project_100{
			position: relative;
			float: left;
			width: 50%;
		}

		.project_50[tipo="50"],
		.project_25,
		.project_100 {
			padding-top: 57.57575757575758%;
		}

		.project_25,
		.project_100{
			width: 100%;
		}

			.project_bg{
				position: absolute;
				top: 0px;
				width: 100%;
			}


	.check_tipo{
		width: 20px;
		height: 20px;
		background: url('../publicados/imagens/sprites.png');
		background-position: -461px -114px;
		float: left;
	}

	.selected_tipo{
		width: 20px;
		height: 20px;
		background: url('../publicados/imagens/sprites.png');
		background-position: -463px -167px ;
		float: left;
	}

	#hidden{
		cursor: pointer;
		overflow: hidden;
		max-width: 480px;
		max-height: 480px;
		min-height: 340px;
		min-width: 340px;
		background: #000;
		float: left;
		position: relative;
	}

		#hidden img{
			height: 100%;
			width: 100%;
		}

		.banner_texto{
			position: absolute;
			bottom: 20px;
			right: -500px;
			width:50%;
		}


	.full{
		background: url(../publicados/imagens/sprites.png) no-repeat;
		position: absolute;
		top: 50px;
		right: 56px;
		z-index: 999;
		width: 20px;
		height: 20px;
		float: right;
		cursor: pointer;
		background-position: -557px -107px;
		background-size: 650px 210px !important;
		width: 40px;
		height: 36px;
	}

	.fechar{
		background: url(../publicados/imagens/sprites.png) no-repeat;
		position: fixed;
		top: 50px;
		right: 50px;
		z-index: 99999;
		width: 20px;
		height: 20px;
		float: right;
		cursor: pointer;
		background-position: -604px -9px;
		background-size: 650px 210px !important;
		width: 40px;
		height: 36px;
	}

	#imgfull2{
		position: relative;
		top:0px;
	}


/*#project_buttons {
	position: fixed;
	top: 50%;
	right: 57px;
	width: 45px;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity .1s;
	pointer-events: none;
}*/


#project_buttons {
	position: fixed;
	bottom: 72px;
	left: 57px;
	width: 45px;
	opacity: 0;
	transition: opacity .1s;
	pointer-events: none;
}

#project_buttons.show {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .5s;
}

	.project_button {
		position: relative;
		float: left;
		width: 22px;
		height: 22px;
		margin: 5px 10px;
		cursor: pointer;
	}

		.project_button:after {
			content: '';
			position: absolute;
			top: 7px;
			left: 7px;
			width: 9px;
			height: 9px;
			background-color: #fff;
			transform: rotate(-45deg);
		}

		.project_button.selected:after {
			top: 4px;
			left: 4px;
			background-color: transparent;
			border: 3px solid #fff;
		}

		.project_button:not(.selected):hover:after {
			background-color: #B8AC90;
		}



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

	#scroll_down {
		display: none;
	}

	.full,
	.fechar {
		top: 32px;
		right: 32px;
	}
}


@media screen and (min-width: 1024px) {

	#project_mais:hover{
		background-color:#b8ac90;
	}

		#project_mais:hover #imagem_mais{
			background: url('../publicados/imagens/projeto_interno/mais_hover_project_interna.png');
			background-size: 21px 21px !important;
			width: 21px;
			height: 21px;
			margin: 5px;
		}

			#project_mais:hover .imagem_menos{
				background: url('../publicados/imagens/projeto_interno/menos_hover_project_interna.png') !important;
				background-size: 21px 21px !important;
				width: 21px;
				height: 21px;
				margin: 5px;
			}


	#facebook_share:hover{
		background-position: 0 -60px ;
	}

	#twitter_share:hover{
		background-position: -122px -60px ;
	}

	#pinterest_share:hover{
		background-position: -183px -60px ;
	}

	#behance_share:hover{
		background-position: -61px -60px ;
	}

	#voltar_nav:hover{
		border:none;
		background: #b8ac90;
	}
	
	#voltar_nav:hover #imagem_voltar_nav{
		background-position: -510px -61px;
	}

	#project_redes:hover{
		background: #b8ac90;
	}

	#project_redes:hover #share_mais{
		margin: 1px;
		background: url('../publicados/imagens/compartilhar_hover.png') !important;
		background-size: 28px 29px !important;
	}

	#previous_job:hover{
		background: #b8ac90;
	}
	
	#previous_job:hover #imagem_previous_job{
		background-position: -507px -159px;
	}
	
	#next_job:hover{
		background: #b8ac90;
	}
	
	#next_job:hover #imagem_next_job{
		background-position: -561px -58px;
	}

	.full:hover{
		background: url(../publicados/imagens/sprites.png) no-repeat;
		background-position: -557px -160px;
	}

	.fechar:hover{
		background: url(../publicados/imagens/sprites.png) no-repeat;
		background-position: -606px -58px;
	}
}


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

	#project_barra {
		left: 30px;
		margin-bottom: -30px;
	}

		.project_name {
			padding: 8px 22px 10px;
			height: 27px;

			font-size: 20px;
		}

		.project_info {
			width: 23px;
			height: 23px;
			padding: 11px;
		}

			#project_mais #imagem_mais,
			#share_mais,
			#voltar_nav #imagem_voltar_nav,
			#previous_job #imagem_previous_job,
			#next_job #imagem_next_job {
				transform: translateX(-3px) translateY(-3px) scale(.75);
			}

		#project_infos, 
		#project_share {
			bottom: 45px;
		}

			#project_infos .informacoes h2 {
				padding: 0px 22px;
			}

			#project_infos .informacoes h3 {
				padding: 1px 22px 0px;
			}

		#project_share {
			transform-origin: 0% 100%;
			transform: scale(.75); 
		}

	#project_nav {
		right: 30px;
		margin-bottom: -30px;
	}

	#imgfull2, 
	.full,
	.fechar, 
	#project_buttons {
		display: none;
	}
}


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

	#project_bg.img_principal {
		margin-left: -37.5%;
		width: 175%;
	}
}


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

	#project_barra {
		left: 18px;
		margin-bottom: -44px;
		max-width: calc(100% - 90px);
	}

		.project_info {
			width: 21px;
			height: 21px;
			padding: 11px;
		}

			#project_mais #imagem_mais,
			#share_mais,
			#voltar_nav #imagem_voltar_nav,
			#previous_job #imagem_previous_job,
			#next_job #imagem_next_job {
				transform: translateX(-5px) translateY(-5px) scale(.75);
			}

			.project_name {
				position: relative;
				padding: 9px 16px 10px;
				width: calc(100% - 120px);
				height: 24px;
				overflow: hidden;

				font-size: 18px;
			}

				.project_name:after {
					content: '';
					position: absolute;
					top: 0px;
					right: 0px;
					bottom: 0px;
					width: 40px;
					background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
				}

		#project_infos,
		#project_share {
			bottom: 43px;
		}

		#project_share {
			transform: scale(.7166); 
		}

		#project_redes {
			right: 0px;
			left: auto;
		}


	#project_nav {
		right: 18px;
		margin-bottom: -44px;
	}

		#previous_job,
		#next_job {
			display: none;
		}

	.project_50 {
		width: 100%;
	}

	.project_50[tipo="50"] {
		padding-top: 115.1515151515152%;
	}
}


@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) {
	
	#project_mais #imagem_mais,
	#share_mais,
	#voltar_nav #imagem_voltar_nav,
	#previous_job #imagem_previous_job,
	#next_job #imagem_next_job,
	.full,
	.fechar {
		background-image: url(../publicados/imagens/sprites@2x.png);
	}

	#project_mais .imagem_menos{
		background-image: url('../publicados/imagens/projeto_interno/menos_project_interna@2x.png') !important;
		background-size: 21px 21px !important;
	}

	#facebook_share,
	#twitter_share,
	#pinterest_share,
	#behance_share {
		background-image: url(../publicados/imagens/sociais@2x.png);
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (   -moz-min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 1024px),
only screen and (        min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (                min-resolution: 2dppx) and (min-width: 1024px) {
	
	#project_mais:hover #imagem_mais{
		background-image: url('../publicados/imagens/projeto_interno/mais_hover_project_interna@2x.png');
	}

	#project_mais:hover .imagem_menos{
		background-image: url('../publicados/imagens/projeto_interno/menos_hover_project_interna@2x.png') !important;
	}

	#project_redes:hover #share_mais{
		background-image: url('../publicados/imagens/compartilhar_hover@2x.png') !important;
	}

	.full:hover,
	.fechar:hover {
		background-image: url(../publicados/imagens/sprites@2x.png);
	}
}