.container_text{
		background:#000;
	}

		.fundo_baleia_about{
			width: 100%;
			height: 100%;
			position: relative;
			top:0px;
			left: 0px;
			overflow: hidden;

			background-image: url('../publicados/imagens/bola_clients.jpg');
			background-size: cover;
			background-position: center; 
		}


	#texto_clients, #texto_clients_mobile {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 130px;
		color: #FFF;
		position:absolute;
		left: 50%;
		top: 50%;
		margin: -260px 0 0 -567px;
		width: 1135px;
		height: auto;
		line-height: 108%;
		text-align: left;
		z-index: 9;
	}

	#texto_clients_mobile {
		display: none;
	}

	.risco_clients{
		height: 7px;
		width: 0px;
		background: #b8ac90;
		position: relative;
		top: 75px;
		left: 670px;
	}

	#segunda_linha {
		display: block;
		width: 100%;
	}

	.partners {
		width: 560px;
		color: #b8ac90;
	}

	.tamanho{
		height: 100%;
		float: left;
	}

	#container.container_clients {
		height: auto;
		min-height: auto !important;
		overflow: hidden;
		background-color: #f3f3f3;
	}

		.parceiro {
			float: left;
			height: 340px;
			width: calc(25% - 1px);
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			background: #f3f3f3;
			overflow: hidden;
		}

			.parceiro img{
				margin-top: 90px;
				margin-left: -122px;
				position: relative;
				left: 50%;
			}

		#hover_parceiro{
			width:91%;
			float:left;
			height:47px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 800;
			text-transform: uppercase;
			font-size: 11px;
			color: #b8ac90;
			letter-spacing: 1px;
			margin:40px 0 0 33px;
			overflow: hidden;
		}


			.parceiro #hover_parceiro .botao{
				float:left;
				width:150px;
				height:30px;
				position: relative;
				top: 50px;
				left: 0px;
				color: #b8ac90;
				text-decoration: none;
				cursor: pointer;
				-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
			}

			.parceiro:hover #hover_parceiro .botao{
				float:left;
				width:98px;
				height:18px;
				position: relative;
				top: 0px;
				left: 0px;
				color: #b8ac90;
				text-decoration: none;
				-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
			}

			.parceiro #hover_parceiro .botao_right{
				float:right;
				width:150px;
				height:30px;
				position: relative;
				top: 50px;
				left: 0px;
				cursor: pointer;
				-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
			}
			.parceiro:hover #hover_parceiro .botao_right{
				float:right;
				width:150px;
				height:18px;
				position: relative;
				top: 0px;
				left: 0px;
				-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				-o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
				transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
			}

			#hover_parceiro img{
				margin: -6px 5px;
				border:0px;
			}
			
			.visit_site{
				background: url('../publicados/imagens/sprites.png');
				background-position: -313px -164px ;
				background-size: 650px 210px;
				width: 21px;
				height: 20px;
				float: left;
				margin: -2px 5px 0 0;
				cursor: pointer;
			}
			
			.view_project{
				background: url('../publicados/imagens/sprites.png');
				background-position: -363px -163px ;
				background-size: 650px 210px;
				width: 21px;
				height: 20px;
				float: left;
				margin: -2px 5px 0 0;
				cursor: pointer;
			}

		#jobs_cliente{
			width: 100%;
			position: relative;
			bottom:0px;
			height: 350px;
			background: #156;
		}


		#bottom_clientes{
			position:fixed;
			bottom:0px;
			background:#000;
			width:100%;
			height:420px;
			z-index:99999;
			display: none;
			box-shadow:  0px -1px 4px rgba(0, 0, 0, 0.19);
		}
		
		#bottom_clientes #barra{
			width: 100%;
			height: 80px;
			float: left;
			background: #FFF;
			position: relative;
			z-index: 9999;
		}
			
			#bottom_clientes .titulo{
				width: auto;
				height: 40px;
				float: left;
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
				color: #000;
				font-size: 24px;
				padding: 20px;
				text-transform: uppercase;
			}

			#bottom_clientes .buttons{
				float:left;
				margin: 29px 5px;
				width:36px;
				height: 20px;
			}

			#bottom_clientes .next_clientes{
				width: 16px;
				height: 19px;
				float: right;
				background: url(../publicados/imagens/next_barra_clientes.png);
				background-size: 16px 19px !important;

				cursor: pointer;
				transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
			}

			#bottom_clientes .previous_clientes{
				width: 16px;
				height: 19px;
				float: left;
				background: url(../publicados/imagens/previous_barra_clientes.png);
				background-size: 16px 19px !important;
				cursor: pointer;
				transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
			}

			.desativado{
				opacity: 0.4 !important;
				filter: alpha(opacity=40) !important;
				cursor: default !important;
				transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
			}

			.desativado:hover{
				opacity: 0.15 !important;
				filter: alpha(opacity=15) !important;
				cursor: default !important;
				transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
			}

			#bottom_clientes .close_clientes{
				width: 17px;
				height: 19px;
				float: right;
				margin: 30px;
				cursor: pointer;
				background: url(../publicados/imagens/fechar_barra_cliente.png);
				background-size: 17px 19px !important;
				transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
			}


	#jobs_clientes{
		position: absolute;
		width: 200%;
		left: 0px;
		top: 80px;
	}


	@media screen and (max-width: 1366px){
		
		#texto_clients, #texto_clients_mobile {
			margin: -175px 0 0 -487px;
			width: 975px;
			
			font-size: 110px;
			line-height: 91%;
		}

		.risco_clients{
			height: 7px;
			width: 0px;
			position: relative;
			top: 55px;
			left: 560px;
			max-width: 366px;
		}

		.partners{
			width: 465px;
		}

		.parceiro {
			width: calc(33.33333% - 1px);
		}
	}


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

		#texto_clients, #texto_clients_mobile {
			margin: -175px 0 0 -395px;
			width: 790px;

			font-size: 90px;
			line-height: 112%;
		}

		.risco_clients {
			height: 7px;
			width: 0px;
			position: relative;
			top: 55px;
			left: 460px;
			max-width: 291px;
		}

		.partners {
			width: 390px;
		}
	}
	
	@media screen and (max-width: 1080px){
			
		.tamanho{
			height: 100%;
			float: left;
			margin-top: 40px;
		}
	}

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

		#bottom_clientes .next_clientes:hover{
			background: url(../publicados/imagens/next_barra_clientes_hover.png);
		}

		#bottom_clientes .previous_clientes:hover{
			background: url(../publicados/imagens/previous_barra_clientes_hover.png);
		}

		#bottom_clientes .close_clientes:hover{
			background: url(../publicados/imagens/fechar_barra_cliente_hover.png);
		}
	}

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

		.parceiro {
			position: relative;
			height: 300px;
		}

			.parceiro img { 
				margin-top: 80px;
			}

			#hover_parceiro {
				margin-top: 32px;
			}

			.parceiro.has-projects:after,
			.parceiro.has-projects:before {
				content: '';
				position: absolute;
				top: 20px;
				right: 20px;
				border: 2px solid #CAC1AE;
			}

			.parceiro.has-projects:after {
				width: 15px;
				height: 15px;
				border-radius: 2px;
			}

			.parceiro.has-projects:before {
				border-top: none;
				border-right: none;
				margin-top: 6px;
				margin-right: 6px;
				width: 15px;
				height: 15px;
				border-bottom-left-radius: 4px;
			}
	}


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

		.parceiro:hover #hover_parceiro .botao_right {
			width: 125px;
		}

			.parceiro span {
				display: none;
			}
	}

	
	@media screen and (max-width: 880px) {
		
		#texto_clients, #texto_clients_mobile {
			width: 568px;
			margin-top: -141px;
			margin-left: -284px;

			font-size: 65px;
		}

			.risco_clients {
				top: 42px;
				left: 333px;
				max-width: 213px;
			}

			.partners {
				width: 270px;
			}
	}

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

		.container_text {
			min-height: 400px !important;
			height: calc(100% - 58px) !important;
		}

		#scroll_down {
			bottom: -28px;
		}

		.parceiro {
			height: 256px;
			background-color: #f3f3f3 !important;
		}

			.parceiro img {
				margin-top: 52px;
				transform: scale(.75);
			}
				.parceiro:hover #hover_parceiro .botao,
				.botao_right_inner {
					display: none;
				}


		#bottom_clientes {
			top: 0px;
			bottom: 0px !important;
			right: 0px;
			left: 0px;
			width: auto;
			height: auto !important;
			overflow-y: scroll;
			padding: 50px !important;
			background-color: rgba(0,0,0,.8);
			opacity: 0;

			transition: opacity .3s;
		}

		#bottom_clientes.open {
			opacity: 1;
		}

		#bottom_clientes::-webkit-scrollbar {
			display:none;
		}

			#bottom_clientes_inner {
				position: relative;
				overflow: hidden;
				background-color: #000;

				transition: opacity .3s .2s, transform .3s .2s;
				transform: translateY(30px);
				opacity: 0;
			}

			#bottom_clientes.open #bottom_clientes_inner {
				transform: translateY(0px);
				opacity: 1;
			}

				#jobs_clientes {
					top: 0px;
				}

					.tamanho {
						float: none;
					}

					#bottom_clientes .buttons {
						display: none;
					}

					#bottom_clientes .titulo{
						color: #B6AD93;
					}

					#jobs_clientes, 
					.tamanho {
						width: 100% !important;
					}

					#jobs_clientes {
						position: relative;
					}

						.tamanho {
							margin-top: 0px;
							height: auto;
						}
	}


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

		.container_text {
			height: calc(100% - 42px) !important;
		}

		#texto_clients {
			display: none;
		}

		#texto_clients_mobile {
			display: block;
			width: 268px;
			margin-left: -134px;
			margin-top: -90px;

			font-size: 37px;
		}

			#primeira_linha,
			#segunda_linha,
			#terceira_linha,
			#quarta_linha {
				display: block;
			}

			#primeira_linha { margin: 0px 41px; }
			#terceira_linha { margin: 0px 15px; }
			#quarta_linha { margin: 0px 53px; }

				.who {
					float: left;
					width: 123px;
				}

				.partners {
					width: 154px;
				}

				.risco_clients {
					top: 67px;
					left: -4px;
					max-width: 120px;
					height: 5px;
				}

		#scroll_down {
			bottom: -12px;
		}

		.parceiro {
			width: calc(50% - 1px);
			height: 188px;
		}

			.parceiro.has-projects:after,
			.parceiro.has-projects:before {
				top: 16px;
				right: 16px;
			}

			.parceiro img {
				margin-top: 19px;
				transform: scale(.5);
			}

		
		#bottom_clientes {
			padding: 20px !important;
		}

			#bottom_clientes #barra {
				height: 56px;
			}

				#bottom_clientes .titulo {
					padding: 15px 25px;
					font-size: 18px;
				}

				#bottom_clientes .close_clientes {
					margin: 18px 20px;
				}
	}



@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) {

	.visit_site { background-image: url('../publicados/imagens/sprites@2x.png'); }
	.view_project { background-image: url('../publicados/imagens/sprites@2x.png'); }
	#bottom_clientes .next_clientes{ background: url(../publicados/imagens/next_barra_clientes@2x.png); }
	#bottom_clientes .previous_clientes { background: url(../publicados/imagens/previous_barra_clientes@2x.png); }
	#bottom_clientes .close_clientes{ background: url(../publicados/imagens/fechar_barra_cliente@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) {

	#bottom_clientes .next_clientes:hover{ background: url(../publicados/imagens/next_barra_clientes_hover@2x.png); }
	#bottom_clientes .previous_clientes:hover { background: url(../publicados/imagens/previous_barra_clientes_hover@2x.png); }
	#bottom_clientes .close_clientes:hover{ background: url(../publicados/imagens/fechar_barra_cliente_hover@2x.png); }
}