/* Start:/local/templates/.default/components/bitrix/iblock.element.add.form/request_tiny/style.css?17618888833023*/

#tinyform_cntr {
  padding: 60px 8px;  
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#tinyrorm_mscntr {
  width: 98%;
  max-width: 580px;
  flex: auto;
}

#req_tinyform {  
  width: 98%;
  max-width: 500px;
  flex: auto;
  padding: 50px 42px;
  padding-bottom: 26px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#mform_hdr {    
  font-family: 'Roboto', sans-serif;
  font-size: 2.6rem;  
  color: #263238;
}

.mform_inptwrap {
  width: 100%;
  margin-top: 18px;
  flex-wrap: wrap;  
  align-items: center;
}

.mform_inpt { 
  position: relative;
  flex: 100% 0 0;  
  margin: 22px 0;
  height: 62px;
}

.mform_inpt input[type='text'] {  
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 18px;
  box-sizing: border-box;
  color: #263238;
  font-family: 'Roboto-Light',sans-serif;
  font-size: 2.2rem;
  background-color: transparent;
  transition: background-color 0.3s ease-out 0s, border-color 0.3s ease-out 0s;
  border: solid 2px #ccc;
  border-radius: 4px;
}

.input_wrap_i {
  display: block;
  position: absolute;
  top: 19px;
  left: 18px;
  font-size: 18px;  
  color: #37474F;
  font-family: 'Roboto-Condensed', sans-serif;
  transition: .2s ease;
  z-index: 5;  
}

.mform_inpt input:focus + .input_wrap_i,
.mform_inpt input:valid + .input_wrap_i {
  top: 4px;
  font-size: 12px;
}

.mform_inpt input[type='submit'] {
  display: block;
  width: 220px;
  height: 100%;
  background-color: transparent;
  color: #fff;
  font-family: 'Roboto',sans-serif;  
  font-size: 2.2rem;  
  background-color: #971d98;
  transition: background-color 0.3s ease-out 0s, border-color 0.3s ease-out 0s;
  box-shadow: none;
  border: solid 1px #971d98;
  border-radius: 4px;
  cursor: pointer;  
}
.mform_inpt input[type='submit']:hover { background-color: #fafafa; color: #971d98; }
.mform_inpt input[type='submit']:disabled { background-color: rgba( 100, 100, 100, .2); border-color: #fff; color: #37474F;; cursor: not-allowed; }

.mform_perc {
  flex: auto 0 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: auto;
}

.mform_perc input[type='checkbox'] {
  width: 34px;
  height: 34px;
  margin-right: 20px;
  cursor: pointer;
}

.mform_txt { flex: 300px 0 0; color: #263238; font-family: 'Roboto-Light',sans-serif; font-size: 1.6rem; }

/* ---------- ---------- ---------- ---------- MEDIA ---------- ---------- ---------- ---------- */

/* ---------- ---------- ---------- ----------  640 ---------- ---------- ---------- ---------- */
@media screen and (width < 641px) {
  #tinyform_cntr { padding: 16px 8px; }
  #req_tinyform { padding: 4px; border-color: transparent; }
  #mform_hdr { font-size: 1.8rem; }
  .mform_inptwrap { margin-top: 12px; }
  .mform_inpt { margin: 0; margin-top: 8px; }
  .mform_txt { flex: 200px 0 0; }
}
/* End */
/* /local/templates/.default/components/bitrix/iblock.element.add.form/request_tiny/style.css?17618888833023 */