.interrogacao { margin-left:10px; color:#555555 !important; font-size:13px; }
.formRow { margin:0px; padding:0px; border:0px; font-family:arial; width:100% !important;}
.formRow select, .formRow  input { height:50px; }

.formRow--input {
  padding: 15px 10px 11px;
  outline: none;
  border: solid 1px #95989a;
  border-radius: 4px;
  color: #777;
  letter-spacing: .2px;
  font-weight: 400;
  font-size: 14px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-bottom:15px;
}
.formRow--input-wrapper {
  position: relative;
  display: block;
  width: 100%;
}
.formRow--input-wrapper.active .placeholder {
  top: -5px;
  background-color: #ffffff;
  color: #555555;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
  color: #555555;
}
.formRow--input-wrapper .formRow--input:focus {
  border-color: #555555;
}
.formRow .placeholder {
  position: absolute;
  top: 27px;
  left: 10px;
  display: block;
  padding: 0 10px;
  color: #777;
  white-space: nowrap;
  letter-spacing: .2px;
  font-weight: normal;
  font-size: 15px;
  -webkit-transition: all, .2s;
  transition: all, .2s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bloco_formulario {padding:20px;}
.titulo_bloco { font-family:'lator'; font-size:22px; font-weight:bold; margin-bottom:20px; color:#111; }
.div_100 {width:100%; float:left; padding-right:15px;}
.div_66 {width:66%; float:left; padding-right:15px;}
.div_50 {width:50%; float:left; padding-right:15px;}
.div_33 {width:33%; float:left;}

.titulo_select { font-family:'lator'; font-size:14px; font-weight:bold; margin:0px; color:#888; }

.input_110 { width:110px; margin-right:15px;}
.input_235 { width:235px !important;}

.input_1 { width:290px; margin-right:15px;}
.input_2 { width:75px !important;}
.input_3 { width:380px !important;}
.input_100 { width:100% !important;}

.input_comum { width:380px !important;}
.input_ddd { width:75px !important; margin-right:15px;}
.input_fone { width:270px !important;}
.input_100 { width:100% !important;}


.formRow-select { padding: 15px 10px 11px; outline: none; border: solid 1px #95989a; border-radius: 4px; color: #777; letter-spacing: .2px; font-weight: 400; font-size: 15px; -webkit-transition: all .2s ease; transition: all .2s ease; margin-bottom:15px; width:100%;}
select { height:50px;}







/* ESTILOS DOS CHECK BOX */

.control {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0px;
  cursor: pointer;
  font-weight:normal !important;
  font-size:14px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.div_resultado {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  background: white;
  border:#888 solid 1px;
}
.css_checkbox .div_resultado {
  border-radius: 2px;
}
.css_radio .div_resultado {
  border-radius: 50%;
}
.control:hover input ~ .div_resultado,
.control input:focus ~ .div_resultado, select:focus, textarea:focus {
  background: white; /* cor desselecionado */
  border:#555555 solid 1px;
}
.control input:checked ~ .div_resultado {
  background: #555555; /* cor selecionado */
   border:#555555 solid 1px;
}
.control:hover input:not([disabled]):checked ~ .div_resultado,
.control input:checked:focus ~ .div_resultado {
  background: #555555; /* cor hover */
   border:#555555 solid 1px;
}
.div_resultado:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .div_resultado:after {
  display: block;
}
.css_checkbox .div_resultado:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid #fff; /* cor v */
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.css_checkbox input:disabled ~ .div_resultado:after {
  border-color: #7b7b7b;
}
.css_radio .div_resultado:after {
  left: 5px;
  top: 5px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #fff; /* cor bolinha */
}
.css_radio input:disabled ~ .div_resultado:after {
  background: #7b7b7b;
}

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select .opcao {
padding: 50px !important;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select__arrow {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}



@media only screen and (max-width:1100px){
.formRow .placeholder, .formRow-select {
  font-size: 13px !important;
}
.control {
  font-size:13px;
}
}

@media only screen and (max-width:991px){
.interrogacao { font-size:18px; }
.formRow .placeholder {
  font-size: 12px !important;
  left: 5px;
}
.formRow-select {
  font-size: 12px !important;
  padding-left: 5px;
}
.control {
  font-size:13px;
}
}