#layout{
	position: relative;
	overflow: hidden;
	background-color: #2121;
}
.par1{
	height: 80px;
	
}
#layout img{
	width: 100%;
}
#layout h1{
	font-size: 115%;
	text-align: center;
	letter-spacing: .15rem;
}

/* transformação do input file e foco nas áreas*/

input[type='file']{
	display: none;
}
.conteudo-span{
	font-size: .8rem;
}
input:focus, textarea:focus{
	border-color: white;
}
.retorno{
	position: relative;
	display: inline;
}
.retorno p{
	padding: 5px;
	width: 80%;
}
.false, .true{
	position: relative;
	margin-top: 3%;
	width: 100%;
}
.false{
	background-color: red;
}
.true{
	background-color: green;
}
.fechar-retorno{
	position: absolute;
	top: 5px;
	right: 15px;
	cursor: pointer;
	font-size: 130%;
	z-index: 9999;
	color: #dadada;
}

/* botões */
.btn-contato{
	padding: .7rem 1rem;
	font-size: 75%;
	text-align: left;
	width: 90%;
	display: inline-block;
	border: 1px solid gray;
	background-color: transparent;
    color: #e4e4e4;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.comprar, .cliente, .trabalhar{
	display: none;
}

.chosen-container-single .chosen-single {
letter-spacing: .1rem;
padding: .5rem .7rem;
}
.chosen-container{
	font-size: 70%!important;
	width: 80%!important;
    text-transform: uppercase;
  	font-family: swis721-light;
  	text-align: left!important;;
}
a.chosen-single{
	border: 1px solid gray!important;
	border-radius: 0!important;
	color: white !important;
background:none !important;
}
.chosen-drop, .chosen-container .chosen-results{
  color: gray !important; 
}
.com-campo{
	display: block;
}
.com-campo{
	padding: .7rem 1rem;
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    text-transform: uppercase;
    background: transparent;
    width: 70%;
	border: 1px solid gray;
	background-color: transparent;
    color: white!important;
    letter-spacing: .1rem;
    font-size: 70%;
}
/* colocar cor no placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    white;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    white;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    white;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    white;
}

::placeholder { /* Most modern browsers support this now. */
	color:    white;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
.chosen-container, .com-campo{
	margin-bottom: 1rem;
}


#form_new ::placeholder{
	color: gray!important;
}
.com-texto{
	background: transparent;
	width: 70%;
	padding: .7rem 1rem;
	font-size: 100%;
	color: white;
}
.com-botoes{
	display: block;
	text-align: right;
	margin-top: 5%;
	margin-bottom: 8%;
	margin-right: 10%;

}
.btn-cliente{

	margin-right: .8rem;
	
}
.conteudo-span{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 90%;
    
}
.btn-mensagem{
	display: inline-block;
	padding-right: 1rem;
	padding-left: 1rem;
	display: inline-block;
	background-color: gray;
	border: 1px solid white;
	color: white;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 70%;
}

.ati{
	color: #ee730d;
}

@media (min-width: 360px){
	.conteudo-span{
		font-family: swis721-bold;
		font-size: 105%;
    }
    .btn-mensagem{
    	font-family: swis721-bold!important;
    	font-size: 80%;
    }
    .chosen-container-single .chosen-single {
		
		padding: .5rem!important .9rem!important;
	}
	.com-botoes{
		margin-right: 11%;
	
	}
}
@media (min-width: 411px){
	.par1{
		height: 90px;
	}
	#layout img{
		margin-top: 1.5%;
		margin-bottom: 1.5%;
	}
	#layout h1{
		font-size: 115%;
	}

	.chosen-container-single .chosen-single {
		padding-left: 1rem!important;
		padding-top: .4rem!important;
		padding-bottom: .4rem!important;
		text-align: left!important;
	}
	.chosen-container{
		font-size: 70%!important;
		width: 78%!important;
    }
}
@media (min-width: 560px){
	.par1{
		height: 100px;
	}
	#layout img{
		margin-top: 2.5%;
		margin-bottom: 2.5%;
	}

	#layout h1{
		font-size: 180%;
	}

	.btn-contato{
		font-size: 80%;
		width: 70%;
	}

	.com-campo{
		width: 50%;
		font-size: 70%;
	}

	.chosen-container{
		font-size: 70%!important;
		width: 56%!important;
    }
    .com-texto{
		width: 50%;
		font-size: 100%;
	}
	.com-botoes{
		margin-right: 22%;
	}

}
@media (min-width: 640px){
	.par1{
		height: 130px;
	}
	#layout img{
		margin-top: 2.5%;
		margin-bottom: 2.5%;
	}

	#layout h1{
		font-size: 230%;
	}
	.com-botoes{
		margin-top: 2.5%;
		margin-bottom: 4%;
	}
}
@media (min-width: 730px){
	.chosen-container{
		font-size: 70%!important;
		width: 55%!important;
    }
}