
* {
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, hgroup,
footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.brief {
  width: 1000px;
  margin: 0 auto; }
  .brief .header {
    margin-top: 50px; }
    .brief .header .title-page h1, .brief .header .title-page p {
      text-align: center; }
    .brief .header .title-page h1 {
      font-size: 60px;
      color: #1c1e20;
      font-weight: bold; }
    .brief .header .title-page .line {
      width: 200px;
      height: 5px;
      background: #ffff00;
      margin: 10px auto 15px; }
    .brief .header .title-page p {
      font-size: 14px;
      color: #808080;
      line-height: 1.5; }
  .brief .list-brief {
    margin-top: 50px; }
    .brief .list-brief #slider-range.ui-corner-all,
    .brief .list-brief #slider-range .ui-corner-all {
      border-radius: 0;
      outline: none;
      width: 80%; }
    .brief .list-brief #slider-range.ui-slider {
      border: 0;
      background: #8d8d8d;
      border-radius: 7px; }
    .brief .list-brief #slider-range.ui-slider-horizontal {
      height: 6px; }
    .brief .list-brief #slider-range.ui-slider-vertical {
      height: 15em;
      width: 6px; }
    .brief .list-brief #slider-range .ui-slider-handle {
      width: 30px;
      height: 30px;
      background: #f6e21a;
      border-radius: 50%;
      border: none;
      cursor: pointer; }
    .brief .list-brief #slider-range.ui-slider-horizontal .ui-slider-handle {
      top: 50%;
      margin-top: -15px; }
    .brief .list-brief #slider-range.ui-slider-vertical .ui-slider-handle {
      left: 50%;
      margin-left: -15px;
      outline: none; }
    .brief .list-brief #slider-range .ui-slider-handle:hover {
      outline: none; }
    .brief .list-brief #slider-range .ui-slider-range {
      border: 0;
      border-radius: 7;
      background: #050404; }
    .brief .list-brief #slider-range.ui-slider-horizontal .ui-slider-range {
      top: 0;
      height: 6px; }
    .brief .list-brief #slider-range.ui-slider-vertical .ui-slider-range {
      left: 0;
      width: 6px; }
    .brief .list-brief .row {
      margin-top: 25px; }
      .brief .list-brief .row .range .form-group span {
        font-size: 14px; }
      .brief .list-brief .row .range .form-group .dollar {
        font-size: 20px; }
      .brief .list-brief .row .range .form-group span:nth-of-type(3) {
        padding-left: 30px; }
      .brief .list-brief .row .range .form-group input {
        width: 25%;
        height: 36px;
        margin-bottom: 10px;
        padding-left: 10px;
        font-size: 20px;
        border: 1px solid lightgray;
        border-radius: 5px; }
      .brief .list-brief .row .title {
        padding-bottom: 20px; }
        .brief .list-brief .row .title p {
          font-size: 25px;
          padding: 0;
          margin: 0; }
        .brief .list-brief .row .title span {
          font-size: 14px;
          color: #808080;
          line-height: 1.0;
          padding: 0;
          margin: 0; }
      .brief .list-brief .row .ac-custom input[type="datetime-local"] {
        border-radius: 5px;
        border: 1px solid lightgray; }
      .brief .list-brief .row .ac-custom input[type="datetime-local"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none; }
      .brief .list-brief .row .ac-custom input[type='radio'], .brief .list-brief .row .ac-custom input[type='checkbox'] {
        visibility: hidden; }
      .brief .list-brief .row .ac-custom label {
        position: relative;
        font-size: 12px;
        font-weight: normal;
        padding-left: 10px;
        padding-bottom: 10px; }
      .brief .list-brief .row .ac-custom label:before {
        content: '';
        position: absolute;
        top: 0;
        left: -20px;
        width: 18px;
        height: 18px;
        background: white;
        border-radius: 50%;
        border-left: 2px solid black;
        border-right: 2px solid white;
        border-top: 2px solid black;
        border-bottom: 2px solid black;
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg); }
      .brief .list-brief .row .ac-custom input[type="radio"]:checked ~ label:after, .brief .list-brief .row .ac-custom input[type="checkbox"]:checked ~ label:after {
        content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVQ4T6WT0RFEMBRFjwooRUlUsFSihKUSLShlSzDXyMyTfWEifvKTc7x7k1QUflUhz1tBC3yA8Y1A8Ao0wJYrsLDSLzmCPxjoJOiASXmAOVGqC2uvBD+gPsHekSThINAEX/NnK7mFg0CrJ9lM20dh575LSltiLFE0HVUSthMEayy5hT1BHMcd22ZI3QNNogKHp7eSc5FcV7FgB7oXHpCNfQxtAAAAAElFTkSuQmCC");
        position: absolute;
        background: transparent;
        left: -16px;
        top: -2px; }
      .brief .list-brief .row .ac-custom input[type="radio"]:checked ~ label:before, .brief .list-brief .row .ac-custom input[type="checkbox"]:checked ~ label:before {
        background: yellow;
        border-color: #ffff00; }
      .brief .list-brief .row .ac-custom .ac-custom-label input[type='text'], .brief .list-brief .row .ac-custom .ac-custom-label input[type='email'], .brief .list-brief .row .ac-custom .ac-custom-label textarea, .brief .list-brief .row .ac-custom .ac-custom-label input[type='tel']{
        border: 1px solid lightgray;
        border-radius: 5px;
        width: 100%;
        height: 36px; }
      .brief .list-brief .row .ac-custom .ac-custom-label textarea {
        height: 90px;
        resize: none; }
      .brief .list-brief .row input[type='submit'] {
        width: 250px;
        height: 65px;
        border: 2px solid black;
        color: black;
        background: #ffffff;
        font-size: 28px;
        margin-bottom: 50px; }
        .brief .list-brief .row input[type='submit']:hover {
          background: yellow;
          transition: 0.7s;
          border-color: #ffff00; }

@media screen and (max-width: 1000px) {
  .brief {
    width: 100%; }
    .brief .header .title-page h1 {
      font-size: 40px; }
    .brief .list-brief form .row .title p {
      font-size: 20px; } }

/*# sourceMappingURL=main.css.map */
