/* as-survey-form.scss */
.as-survey-wrapper {
  width: 980px;
  margin: 50px auto 0; }
  @media only screen and (max-width: 1068px) {
    .as-survey-wrapper {
      width: 692px; } }
  @media only screen and (max-width: 735px) {
    .as-survey-wrapper {
      width: 87.5%;
      margin-top: 0; } }
  .as-survey-wrapper .hide {
    display: none; }

.as-question-section-wrapper * {
  box-sizing: content-box; }

.as-survey-form-element {
  margin-right: 14px; }
  .as-survey-form-element:lang(ar) {
    margin-right: 0;
    margin-left: 14px; }
  @media only screen and (max-width: 735px) {
    .as-survey-form-element {
      margin: 0; }
      .as-survey-form-element:lang(ar) {
        margin: 0; } }

.as-survey-form-button {
  width: 488px;
  margin-top: 72px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 735px) {
    .as-survey-form-button {
      min-width: 280px;
      width: 100%;
      margin-left: 0;
      margin-bottom: 32px; } }

.as-question-item {
  font-weight: 500;
  margin-top: 38px; }

.as-question-label {
  font-weight: 500; }

.as-question-section .form-table {
  margin-top: 0px; }

@media only screen and (max-width: 735px) {
  .heroImage {
    float: left;
    height: 72px;
    margin-top: 0; }
    .heroImage .hero-image--mini {
      height: auto;
      width: 60px;
      margin-top: 0;
      margin-bottom: 0; }
    .heroImage:lang(th) {
      height: 90px;
      margin-top: 6px; }
    .heroImage:lang(pl) {
      height: 106px; } }

@media only screen and (max-width: 735px) {
  .pageTitle {
    text-align: left; }
    .pageTitle .pageTitle-heading {
      padding-top: 3px; }
    .pageTitle::after {
      clear: none; } }

/* as-survey-sk7 css */

.as-survey-wrapper-sk7 {
  margin-left: auto;
  margin-right: auto;
  width: 980px; }
  @media only screen and (min-width: 1441px) {
    .as-survey-wrapper-sk7 {
      margin-left: auto;
      margin-right: auto;
      width: 980px; } }
  @media only screen and (max-width: 1068px) {
    .as-survey-wrapper-sk7 {
      margin-left: auto;
      margin-right: auto;
      width: 692px; } }
  @media only screen and (max-width: 734px) {
    .as-survey-wrapper-sk7 {
      margin-left: auto;
      margin-right: auto;
      width: 87.5%; } }
  .as-survey-wrapper-sk7 .as-survey-form-wrapper-sk7 .as-radio-section {
    margin-top: 54px; }
    .as-survey-wrapper-sk7 .as-survey-form-wrapper-sk7 .as-radio-section .as-radiobutton-group .form-radiobutton-indicator {
      width: 16px;
      height: 16px; }
  .as-survey-wrapper-sk7 .as-survey-form-wrapper-sk7 .as-checkbox-section {
    margin-top: 54px; }
    .as-survey-wrapper-sk7 .as-survey-form-wrapper-sk7 .as-checkbox-section .as-checkbox-group .form-checkbox-indicator {
      width: 16px;
      height: 16px; }
  .as-survey-wrapper-sk7 .as-survey-form-wrapper-sk7 .as-survey-form-button-sk7 {
    margin-top: 54px; }

/* end of as-survey-sk7 css */