.layout.polls {
  font-family: Montserrat;
  margin-bottom: 200px; }
  .layout.polls .desktop-big, .layout.polls .tablet, .layout.polls .mobile, .layout.polls .desktop {
    width: 100%;
    height: 100%; }
  .layout.polls .header-top {
    text-align: center;
    color: #3e3650; }
    .layout.polls .header-top .image {
      width: 100%;
      height: 600px; }
      .layout.polls .header-top .image .desktop-big, .layout.polls .header-top .image .tablet, .layout.polls .header-top .image .mobile {
        display: none; }
    .layout.polls .header-top .title {
      font-family: Noto-Serif;
      font-weight: bold;
      font-style: italic;
      font-size: 33px;
      letter-spacing: 0.5px;
      margin: 100px auto 0;
      max-width: 980px;
      max-height: 127px;
      overflow: hidden; }
    .layout.polls .header-top .subtitle {
      font-size: 18px;
      line-height: 28px;
      max-width: 780px;
      margin: 60px auto 0; }
  .layout.polls .questions {
    width: 1055px;
    margin: 0 auto;
    max-width: 90%; }
    .layout.polls .questions .title {
      font-size: 22px;
      margin-bottom: 10px;
      line-height: 30px; }
    .layout.polls .questions .select-field {
      width: 100%; }
      .layout.polls .questions .select-field .answers {
        position: relative; }
        .layout.polls .questions .select-field .answers .empty-option {
          font-style: italic;
          border: 1px solid #bec1c6;
          border-radius: 5px;
          height: 50px;
          padding-left: 30px;
          padding-top: 15px;
          cursor: pointer;
          font-size: 18px;
          font-weight: 200;
          color: #a9a8ab; }
          .layout.polls .questions .select-field .answers .empty-option .icon {
            float: right;
            margin-right: 20px; }
        .layout.polls .questions .select-field .answers .options {
          position: absolute;
          width: calc(100% - 30px);
          top: 65px;
          left: 0;
          right: 0;
          margin: 0 auto;
          border: 1px solid #bec1c6;
          border-radius: 0 0 5px 5px;
          border-top: none;
          overflow-y: scroll;
          display: none;
          background: #fff; }
          .layout.polls .questions .select-field .answers .options .option {
            font-size: 18px;
            padding-left: 30px;
            height: auto;
            padding-top: 15px;
            padding-bottom: 10px;
            cursor: pointer;
            font-weight: 300;
            color: #3e3650; }
            .layout.polls .questions .select-field .answers .options .option.selected {
              font-weight: bold; }
            .layout.polls .questions .select-field .answers .options .option:hover {
              font-weight: bold; }
      .layout.polls .questions .select-field ::-webkit-scrollbar {
        width: 10px;
        background: #fff; }
      .layout.polls .questions .select-field ::-webkit-scrollbar-thumb {
        background: #7b828b;
        border-radius: 10px; }
    .layout.polls .questions .text-field textarea {
      width: 100%;
      padding: 15px 10px;
      font-size: 18px;
      border-radius: 5px;
      border-color: #bec1c6;
      resize: none;
      min-height: 210px; }
      .layout.polls .questions .text-field textarea::placeholder {
        color: #a9a8ab;
        font-style: italic;
        font-weight: 100; }
    .layout.polls .questions .text-field .hiddenDiv {
      display: none;
      width: 100%;
      min-height: 210px;
      font-size: 18px;
      padding: 15px 10px; }
    .layout.polls .questions .radio-field .radio-group, .layout.polls .questions .check-field .radio-group {
      display: block;
      margin-bottom: 20px; }
      .layout.polls .questions .radio-field .radio-group span, .layout.polls .questions .check-field .radio-group span {
        margin-left: 15px;
        cursor: pointer;
        line-height: 30px;
        float: right;
        width: calc(100% - 30px); }
      .layout.polls .questions .radio-field .radio-group:last-of-type, .layout.polls .questions .check-field .radio-group:last-of-type {
        margin-bottom: 0; }
    .layout.polls .questions .radio-field .radio-button, .layout.polls .questions .check-field .radio-button {
      display: inline-block; }
      .layout.polls .questions .radio-field .radio-button .circle, .layout.polls .questions .check-field .radio-button .circle {
        border: 1px solid #75797a;
        border-radius: 100%;
        width: 15px;
        height: 15px;
        cursor: pointer;
        float: left;
        margin-top: 7px; }
        .layout.polls .questions .radio-field .radio-button .circle.checked, .layout.polls .questions .check-field .radio-button .circle.checked {
          background: #75797a;
          padding: 4px;
          background-clip: content-box; }
    .layout.polls .questions .question {
      margin-top: 90px; }
      .layout.polls .questions .question .answers {
        padding: 15px 15px 0; }
  .layout.polls .form-button {
    text-align: center;
    margin-top: 100px; }
    .layout.polls .form-button input {
      width: 198px; }
  .layout.polls .success-form {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    display: none; }
    .layout.polls .success-form .title {
      font-size: 36px;
      font-weight: bold;
      color: #3e3650;
      padding-top: 30%; }
    .layout.polls .success-form .subtitle {
      padding-top: 50px;
      font-size: 22px;
      color: #3e3650; }

@media only screen and (min-width: 764px) and (max-width: 1200px) {
  .layout.polls .header-top .title {
    max-width: 90%;
    max-height: inherit;
    overflow: visible; }
  .layout.polls .header-top .subtitle {
    max-width: 80%; } }
@media only screen and (max-width: 764px) {
  .layout.polls .header-top .image {
    height: 600px; }
    .layout.polls .header-top .image .desktop-big, .layout.polls .header-top .image .tablet, .layout.polls .header-top .image .desktop {
      display: none; }
    .layout.polls .header-top .image .mobile {
      display: block; }
  .layout.polls .header-top .title {
    font-size: 33px;
    margin-top: 75px;
    max-width: 90%;
    max-height: inherit;
    overflow: visible; }
  .layout.polls .header-top .subtitle {
    font-size: 18px;
    line-height: 28px;
    max-width: 80%;
    margin: 60px auto 0; }
  .layout.polls .questions {
    width: 90%; }
    .layout.polls .questions .title {
      font-size: 18px; }
    .layout.polls .questions .select-field select {
      width: 100%;
      height: 50px; }
  .layout.polls .success-form .title {
    font-size: 30px;
    padding-top: 30%; }
  .layout.polls .success-form .subtitle {
    padding-top: 50px;
    font-size: 18px; } }

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