/*===============================================*/
/* 1. IMPORTS		 						 */
/*===============================================*/
.mt-40 {
  margin-top: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.ml-40 {
  margin-left: 40px; }

.mr-40 {
  margin-right: 40px; }

@font-face {
  font-family: 'MuseoSlab-300';
  src: url(../fonts/2B79A2_0_0.woff) format("woff"); }

@font-face {
  font-family: 'MuseoSlab-500';
  src: url(../fonts/2B79A2_1_0.woff) format("woff"); }

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url(../fonts/2B79A2_2_0.woff) format("woff"); }

@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src: url(../fonts/2B79A2_3_0.woff) format("woff"); }

@font-face {
  font-family: 'AvenirNextLTPro-Medium';
  src: url(../fonts/2BB11F_0_0.woff) format("woff"); }

@font-face {
  font-family: 'AvenirNextLTPro-Cn';
  src: url(../fonts/2C7923_0_0.woff) format("woff"); }

.font-avenir-condensed {
  font-family: "AvenirNextLTPro-Cn"; }

.font-avenir-regular {
  font-family: "AvenirNextLTPro-Regular"; }

.font-avenir-medium {
  font-family: "AvenirNextLTPro-Medium"; }

.font-avenir-bold {
  font-family: "AvenirNextLTPro-Bold"; }

.font-museo-light {
  font-family: "MuseoSlab-300"; }

.font-museo-regular, .font-museo-bold {
  font-family: "MuseoSlab-500"; }

.font-museo-bold {
  font-weight: 700; }

/*===============================================*/
/* 9MEDIA QUERIES   			 */
/*===============================================*/
/*===============================================*/
/* Small desktop and laptops 1280 px		 */
/*===============================================*/
@media screen and (max-width: 1280px) {
  /*===============================================*/
  /* HEADER 	 						 */
  /*===============================================*/
  .header__content {
    width: 90%; }
  /*===============================================*/
  /* SECTION            						 */
  /*===============================================*/
  .section__content {
    width: 90%; }
  /*===============================================*/
  /* QUIZ            						 */
  /*===============================================*/
  .quiz { 
    padding-bottom: 100px;
  }
  .quiz__content {
    width: 90%;


   }
  /*===============================================*/
  /* QUIZ PAGINATION			    			 */
  /*===============================================*/
  .pagination__content {
    width: 90%; } 

    .realm {
      width: 85%;
  }}

/*===============================================*/
/* Mobile */
/*===============================================*/
@media screen and (max-width: 800px) {
  .modal__title {
    font-size: 2.0rem;
  }
  .modal-benefits{
  padding: 0px 0px;
  width: 95%;
  }

  /*===============================================*/
  /* HEADER 	 						 */
  /*===============================================*/
  .header__logo {
    width: 100%;
    text-align: center; }
  /*===============================================*/
  /* INTRO        						 */
  /*===============================================*/
  .section--intro {
    width: 100%;
    height: 65%; }
  .intro__content {
    width: 90%; }
  .intro__title {
    font-size: 3.8rem; }
  .intro__subtitle {
    font-size: 1.6rem;
    padding: 10px;
    margin-bottom: 10px; }
  .features {
    flex-wrap: wrap; }
    .features__text {
      order: 1;
      width: 100%;
      padding: 0px;
      text-align: center; }
      .features__text p {
        text-align: center; }
    .features__image {
      width: 100%;
      padding-bottom: 20px; }
      .features__image img {
        max-width: 150px; }
  /*===============================================*/
  /* QUIZ            						 */
  /*===============================================*/
  .quiz__progress-bar {
    position: relative;
    top: auto;
    left: auto;
    background-color: #fff; }
    .quiz__progress-bar span {
      height: 6px; }
  .quiz__content {
    padding: 10px 0 40px 0; }
    .quiz__content h2 {
      font-size: 2rem; }
  /*===============================================*/
  /* QUIZ PAGINATION			    			 */
  /*===============================================*/
  .pagination {
    background-color: #fff;
    border-top: 1px solid;
    padding: 20px 0;
    top: auto;
    bottom: 0px; }
    .pagination--results {
      border-bottom: none;
      padding: 30px 0; }
    .pagination__title {
      padding-left: 40px;
      font-size: 1.6rem; }
      .pagination__title b {
        display: none; }
    .pagination__prev {
      width: 50px;
      height: 50px;
      text-indent: -200px;
      overflow: hidden;
      position: fixed;
      bottom: 0px;
      left: 0px;
      z-index: 33;
      background-image: url(../images/icons/arrow-left.svg);
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-left: 0px;
      margin-right: 0px;
      cursor: pointer; }
      .pagination__prev.active {
        background-image: url(../images/icons/close.svg);
        background-size: 20px 20px;
        left: 12px; }
  .pagination-dropdown-menu {
    position: fixed;
    top: auto;
    bottom: 60px;
    left: 10px; }
  .time-picker {
    width: calc(100% - 50px); }
  /*===============================================*/
  /* ANSWERS			    			 */
  /*===============================================*/
  .answers__radio {
    width: 100%;
    margin: 0 0px 20px 0px; }
  .answers__checkbox {
    width: 100%;
    margin: 0 0px 20px 0px; }
  .place-form {
    width: calc(100% - 10px);
    padding: 10px 5px;
    flex-wrap: wrap; }
    .place-form__select {
      width: calc(100% - 20px); }
    .place-form__input {
      margin-top: 0px;
      padding: 10px 0 10px 12px;
      margin-left: 0px;
      border-top: 1px #ddd solid;
      border-left: none; }
  .search-autocomplete {
    padding: 10px; }
  .table {
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 0px;
    padding: 0px; }
    .table__inputs input {
      padding: 5px 0px; }
    .table__icons {
      position: absolute;
      top: 14px;
      right: 50px; }
  .table--15 .table__header {
    display: none; }
  .table--15 .table__body .table__row {
    border-bottom: none;
    flex-wrap: wrap;
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px; }
  .table--15 .table__cell:nth-child(1) {
    flex: 0 0 100%; }
  .table--15 .table__cell:nth-child(2) {
    flex: 0 0 100%; }
  .table--15 .table__cell:nth-child(3) {
    flex: 0 0 100%; }
  .table--15 .table__cell:nth-child(4) {
    flex: 0 0 100%; }
  .table--15 .table__cell:nth-child(5) {
    flex: 0 0 30px;
    position: absolute;
    top: 12px;
    right: 10px; }
  .budget__slider {
    width: 100%; }
  .result {
    margin: 20px 0 20px 0;
    padding-bottom: 20px;
    flex-wrap: wrap; }
    .result__details {
      margin-top: 15px;
    }
    .result__map {
      flex: 0 0 100%;
      margin-right: 0px; }
    .result__details-links .button {
      margin-bottom: 10px; }
    .result__details-gallery {
      flex-wrap: wrap; }
      .result__details-gallery a {
        width: 32%;
        margin-right: 1%;
        margin-bottom: 10px; }
        .result__details-gallery a img {
          display: block;
          width: 100%; } }

/* CUSTOM */
@media screen and (max-width: 800px) {
#add-place{
  width: calc(100% - 80px);
  padding: 15px 40px}
}

@media screen and (max-width: 768px) {
  .multi-line {
    display: flex;
    flex-direction: column;
  }
}