@import url('reset.css');
@import url('fonts.css');

body {
  width: 100%;
  background: #fff;
  font: 100% Arial, Helvetica, sans-serif;
  color: #555;
}
body * {
  box-sizing: border-box;
}

/* ------------------
	// SIDEBAR
--------------------- */
.sidebar-box {
  margin-bottom: 30px;
}

.sidebar__title {
  display: block;
  margin-bottom: 20px;
}

.sidebar__title div {
  display: inline-block;
  padding: 0 7px;
  background: #cec7be;
  font: 23px 'futura_bk_btbook', Arial, Helvetica, sans-serif;
  color: #fff;
}

.sidebar__formbox {
  font: 13px/1.5em Arial, sans-serif;
  color: #8a8a8a;
}

/* ------------------
	// FORM SIDEBAR
--------------------- */
.form * {
  outline: none;
}

.form .label-block {
  display: block;
  margin-bottom: 5px;
  width: auto;
}

.formgroup {
  display: block;
  margin-bottom: 15px;
  clear: both;
  float: left;
}

.formgroup.formcontrol {
  float: none;
}

.formgroup.formcontrol .btn {
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
}

.btn.form-btn {
  border: none;
  background: #f90;
  font: 14px Arial, sans-serif;
  color: #fff;
  transition: background-color 0.2s ease;
}

.btn.form-btn:hover {
  background: #ffa51d;
}

.form-field {
  padding: 5px;
  font: 13px/1.5em Arial, sans-serif;
  color: #8a8a8a;
  width: 200px;
  float: right;
}

.form-field.select {
  padding: 5px 2px;
  font: 13px/1.5em Arial, sans-serif;
  color: #8a8a8a;
  width: 100%;
}

.form-field.text {
  background: #ebe5de;
  border: none;
}

.form-field.textarea {
  background: #ebe5de;
  border: none;
  float: right;
}

.form label {
  width: 80px;
  display: inline-block;
  float: left;
  padding-top: 7px;
}

.error-field {
  border: solid 1px #f77 !important;
}

/* RESPONSIVE 
------------------ */
@media screen and (max-width: 1000px) {
  .form {
    width: 95%;
  }

  .formgroup {
    float: none;
  }

  .form label {
    display: block;
    padding: 0;
    margin-bottom: 10px;
  }

  .form-field {
    padding: 8px;
    font: 14px/1.5em Arial, sans-serif;
    width: auto;
    float: none;
    width: 100%;
  }

  .form-field.text {
    width: 100%;
  }

  .form input[type='submit'] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
}

.fl {
  float: left;
}
.fr {
  float: right;
}