/* sizes */
/* colors */
/* font-sizes */
html, body, a {
  font-family: "Roboto", "Arial", "serif"; }
.flex-container {
  display: flex; }
.flex-container .flex-item, .flex-container .item-05 {
    flex: 1; }
.flex-container .flex-item-space {
    width: 10px; }
.flex-container_align-items--center {
    align-items: center; }
.flex-container_justify-content--center {
    justify-content: center; }
.apply-flex-1 {
  flex: 1; }
.align-content-left {
  text-align: left; }
.align-content-right {
  text-align: right; }
.loading-button {
  position: relative;
  display: inline-block; }
.loading-button .loading-button--progress {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px; }
.button-spacer {
  display: inline-block;
  width: 7px; }
.horizontal-spacer__5px {
  display: inline-block;
  width: 5px; }
.horizontal-spacer__7px {
  display: inline-block;
  width: 7px; }
.horizontal-spacer__10px {
  display: inline-block;
  width: 10px; }
.vertical-spacer__10px {
  display: block;
  height: 10px; }
.modal-padding-10px .modal-padding__content {
  padding: 10px; }
.html-editor {
  padding-top: 20px !important;
  width: 100% !important; }
.html-editor .ql-editor {
    min-height: 100px; }
.scrollable-container {
  position: relative;
  height: 100%;
  overflow: hidden; }
.scrollable-container .scrollable-container__scroll {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto; }
.form-autocomplete__container {
  position: relative; }
.form-autocomplete__container .form-autocomplete__container-popover {
    position: absolute;
    z-index: 1;
    top: 48px;
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll; }
.form-autocomplete__container .MuiFormControl-fullWidth {
    z-index: auto; }
.form-files__input .form-files__input-drop {
  display: flex;
  justify-content: center;
  height: 100px;
  background-color: #F0F0F0;
  border: dashed;
  border-color: #C8C8C8;
  cursor: pointer; }
.form-autocomplete__input {
  min-height: 36px;
  flex-wrap: wrap; }
.user-avatar-container .user-avatar {
  width: 160px;
  height: 160px; }
.block-buttons {
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between; }
.block-buttons.align-right {
    justify-content: flex-end; }
.list-world-regions div {
  box-shadow: none;
  border: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
.list-world-regions .part-of-th-world {
  margin: 0; }
.list-world-regions .part-of-th-world:before {
    display: none; }
.list-world-regions :before {
  display: none; }
.list-world-regions .summary {
  padding: 0;
  min-height: 30px !important;
  height: 30px; }
.list-world-regions .details {
  padding: 0;
  display: block; }
.list-world-regions .country .location-label {
  padding-left: 20px;
  box-sizing: border-box; }
.list-world-regions .country .region .summary .location-label {
  padding-left: 40px;
  padding-right: 20px; }
.list-world-regions .country .region .location-container.city .location-label {
  padding-left: 60px; }
.own-destinations {
  padding-top: 25px; }
.own-destinations .material-icons {
    font-size: 17px;
    position: absolute;
    right: 0;
    top: -2px;
    color: rgba(0, 0, 0, 0.54); }
.own-destinations .item {
    padding-right: 25px;
    position: relative; }
.own-destinations .item span {
      display: inline-block; }
.policy-block {
  padding: 0 20px 20px 20px;
  font-size: 12px; }
.policy-block a {
    color: #3f51b5;
    cursor: pointer; }
.personal-data.modal .button {
  width: auto; }
.personal-data .button {
  width: 250px; }
.personal-data p {
  font-size: 14px; }
.personal-data p span {
    font-weight: 600; }
.personal-data .input-block {
  display: flex;
  align-items: left;
  justify-content: center; }
.personal-data .inputs-block {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: baseline; }
.personal-data .inputs-block .check-boxes {
    width: 60%; }
.personal-data .inputs-block .text-field {
    width: 100%; }
.personal-data .bock-button {
  display: flex;
  justify-content: flex-end; }
.personal-data .disable {
  opacity: 0.5; }
.notification-page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
.text-page {
  padding: 30px 0;
  max-width: 800px;
  margin: 0 auto; }
.text-page h2 {
    margin-bottom: 15px; }
.text-page h3 {
    margin-bottom: 15px; }
.text-page p {
    margin: 8px;
    font-size: 14px;
    line-height: 18px;
    display: block; }
.text-page p span {
      font-weight: bold; }
.text-page p strong {
      margin: 5px 0 10px 0;
      display: inline-block; }
.data-policy-table {
  border: #000 solid 1px; }
.data-policy-table td {
    border-bottom: #000 solid 1px;
    border-right: #000 solid 1px; }
.hotel-tabs {
  height: 60px;
  overflow: hidden; }
.hotel-tabs div[role="tablist"] button {
    top: 0; }
.hotel-tabs div[role="tablist"] span {
    top: 50px; }
.hotel-tabs button {
    top: -12px; }
.descriptions-main-block .description img {
  max-width: 100%; }
.cookies {
  background-color: #4f4c4c !important; }
.cookies > div:first-child {
    width: calc(100% - 48px); }
.cookies > div:last-child {
    position: absolute;
    top: 0;
    right: 22px; }
.cookies-notification a {
  color: #00acb5; }
.filled {
  position: relative; }
.filled .counter-request {
    position: absolute;
    top: -11px;
    right: -11px;
    width: 22px;
    height: 22px;
    display: flex;
    z-index: 1;
    color: #fff;
    background-color: #f50057;
    border-radius: 50%;
    line-height: 0;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem; }
.info-block {
  text-align: center;
  padding: 5px;
  font-size: 12px; }
.info-block span {
    color: #00acb5; }
.popover-header {
  padding: 12px 0px !important;
  margin-bottom: 13px !important;
  position: relative; }
.popover-header:before {
    content: "";
    height: 1px;
    background: #cccccc;
    left: 10px;
    right: 10px;
    bottom: -4px;
    position: absolute; }
.dashboard {
  padding: 20px; }
.dashboard .logo-block {
    margin: 30px auto;
    width: 50px;
    height: 50px;
    background: gray;
    display: flex; }
.dashboard .agent-logo {
    width: 204px;
    height: 204px;
    display: block;
    background-size: contain;
    margin: 0 auto 14px auto;
    background: url(/./resource/src/assets/images/logo.svg) no-repeat center; }
.dashboard .main-info-page {
    text-align: center; }
.dashboard .main-info-page .page-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 8px; }
.dashboard .main-info-page .description {
      margin-bottom: 8px; }
.dashboard .main-info-page .foundation {
      margin-top: 10px;
      text-align: center;
      font-family: "Lora", sans-serif;
      font-size: 14px; }
.dashboard .main-info-page .title {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      color: #1b1b1b;
      text-transform: uppercase; }
.dashboard .grid-block {
    width: 100%;
    margin: 30px 0; }
.dashboard .grid-block .grid-row {
      display: flex;
      width: 100%; }
.dashboard .grid-block .grid-row:first-child {
        margin-bottom: 20px; }
.dashboard .grid-block .grid-row .grid-item {
        width: 49%;
        min-height: 300px;
        background-color: #ffffff;
        position: relative; }
.dashboard .grid-block .grid-row .grid-item:first-child {
          margin-right: 2%; }
.dashboard .grid-title {
    padding: 40px 28px;
    font-size: 18px;
    font-weight: bold; }
.dashboard .search-input-block {
    padding: 0 28px 15px 28px; }
.dashboard .block-filters {
    display: flex; }
.dashboard .filters {
    display: flex;
    padding: 2px 20px; }
.dashboard .block-buttons {
    display: flex;
    justify-content: flex-end;
    padding: 0; }
.dashboard .search-button {
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: none;
    position: relative;
    align-items: center;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    padding: 6px 16px;
    font-size: 0.875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 4px;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
    background-color: #e0e0e0; }
.dashboard .search-input-container .search-input {
    width: 280px;
    height: 36px;
    object-fit: contain;
    border-radius: 20px;
    padding: 0 10px;
    border: solid 1px #979797;
    align-items: center; }
.dashboard .list-hotels {
    padding: 0 28px 15px 28px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto; }
.dashboard .search-hotel {
    position: relative;
    background: #fff;
    padding: 10px 0;
    font-size: 14px;
    color: #1b1b1b;
    border-bottom: #dedede solid 1px; }
.dashboard .search-hotel a, .dashboard .search-hotel span, .dashboard .search-hotel div {
      font-size: 12px; }
.dashboard .hotel-image {
    display: block;
    width: 80px;
    /* min-height: 100%; */
    height: 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 10px; }
.dashboard .hotel-body {
    width: calc(100% - 90px);
    margin-left: 90px;
    position: relative;
    height: 90px; }
.dashboard .hotel-name {
    font-family: "Open Sanf", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #1b1b1b;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 280px;
    display: block;
    overflow: hidden; }
.dashboard .stars {
    margin-bottom: 7px; }
.dashboard .drive {
    margin-top: 6px; }
.dashboard .tags {
    margin-top: 6px;
    max-width: 65%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
.dashboard .tags .tag {
      display: inline;
      margin-right: 8px;
      font-weight: bold; }
.dashboard .price-hotel {
    position: absolute;
    right: 0;
    top: 3px;
    line-height: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px !important; }
.dashboard .viewed {
    text-align: right;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0; }
.dashboard .viewed span {
      margin-left: 8px;
      font-weight: normal; }
.dashboard .destinations-container {
    display: flex; }
.dashboard .destinations-container .contacts {
      font-family: 'Lora', sans-serif;
      font-size: 14px;
      color: #1b1b1b;
      line-height: 18px; }
.dashboard .destinations-container__left {
    flex-basis: 700px; }
.dashboard .top-destinations h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 6px; }
.dashboard .destination-list {
    display: flex;
    flex-wrap: wrap; }
.dashboard .destination-list .destination {
      height: 24px;
      object-fit: contain;
      border-radius: 17.5px;
      border: solid 1px #979797;
      font-family: 'Lora', sans-serif;
      font-size: 14px;
      color: #1b1b1b;
      display: flex;
      margin-right: 9px;
      margin-bottom: 12px; }
.dashboard .destination-list .destination .country {
        line-height: 22px;
        text-indent: 10px;
        padding: 0 10px;
        color: #1b1b1b;
        opacity: 0.5; }
.dashboard .destination-list .destination .sold {
        border-radius: 11px;
        background-color: #d8d8d8;
        line-height: 22px;
        color: #1b1b1b;
        text-align: center;
        padding: 0 10px; }
.dashboard .destinations-container h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 6px; }
.dashboard .top-destinations {
    width: 960px;
    margin: 24px auto 0 auto; }
.dashboard .top-destinations .divider {
      width: 940px;
      height: 2px;
      object-fit: contain;
      opacity: 0.1;
      background-color: #979797;
      margin: 0 auto; }
.dashboard .search-content {
    flex: 1;
    text-align: left;
    font-family: "Opens Sans", sans-serif; }
.dashboard .search-item {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    outline: none;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    text-decoration: none;
    color: #000; }
.dashboard .default-image {
    background: url(/./resource/src/assets/images/logo.svg) no-repeat center;
    opacity: 0.1; }
.requested {
  position: absolute;
  top: 42px;
  right: 43px; }
.go-contacts {
  display: inline-block;
  cursor: pointer;
  width: 129px;
  height: 27px;
  line-height: 28px;
  text-align: center;
  box-shadow: 0 2px 20px 0 rgba(81, 101, 102, 0.2);
  border: solid 2px #00acb5;
  background-color: #00acb5;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 26px;
  font-size: 12px; }
.list-tags {
  padding-bottom: 25px;
  position: relative;
  width: 100%; }
.list-tags:before {
    content: "";
    position: absolute;
    bottom: 20px;
    height: 1px;
    width: 45px;
    background: #cccccc;
    left: 50%;
    transform: translate(-50%, 0); }
.list-tags:last-child:before {
    display: none; }
.list-tags .tag-titles {
    text-align: center;
    padding-bottom: 20px;
    font-weight: 500; }
.list-tags .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.list-tags .tag {
    margin-bottom: 17px; }
.list-tags .icon {
    color: #cccccc;
    height: 24px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center; }
.list-tags > ul {
    display: flex;
    flex-wrap: wrap; }
.list-tags > ul > div {
      width: 25%; }
.tab-container {
  width: 100%;
  padding: 25px 0; }
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-wrap: wrap; }
.flex.left {
    justify-content: flex-start; }
.flex.right {
    justify-content: flex-end; }
.flex.between {
    justify-content: space-between; }
.flex.around {
    justify-content: space-around; }
.flex.top {
    align-items: flex-start; }
.flex.bottom {
    align-items: flex-end; }
.flex.column {
    flex-flow: column; }
.flex.row {
    flex-direction: row; }
.flex.justify-start {
    justify-content: flex-start;
    margin-left: 5px; }
.flex.stretch {
    align-items: stretch; }
.flex .start {
    align-self: flex-start; }
.flex .end {
    align-self: flex-end; }
.dashboard-link {
  color: #00acb5;
  margin-left: 8px; }
.unsubscribe {
  padding: 15px; }
.unsubscribe .unsubscribe-buttons {
    display: flex;
    justify-content: center; }
.unsubscribe .unsubscribe-buttons .unsubscribe-single-button {
      margin: 10px; }
.loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101; }
.loader__inner {
    width: 300px;
    height: 200px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    display: flex;
    justify-content: center;
    align-items: center; }
.rc-slider-track {
  background-color: #4CAAB3 !important; }
.rc-slider-handle {
  border-color: #4CAAB3 !important; }
.MuiDialogContent-root .MuiPickersBasePicker-pickerView {
  min-height: 355px;
  justify-content: flex-start; }
.MuiGrid-item .MuiFormControl-root .MuiFormLabel-root {
  font-size: 14px;
  line-height: 16px;
  color: #202020;
  margin-top: -5px; }
.input-required {
  color: red; }
.image-gallery .image-gallery-thumbnail.active {
  border: 4px solid #4CAAB3; }
.image-gallery .image-gallery-slide .image-gallery-image {
  height: 70vh; }
.image-gallery .image-gallery-icon:hover {
  color: #4CAAB3; }
.MuiButton-outlined {
  padding: 3px 15px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: none;
  color: #3A3B3B;
  border: 1px solid #DBDBDC;
  background-color: #f2f2f2; }
.MuiButton-outlined:hover {
    border: 1px solid #8B90A1; }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-root {
  border-radius: 5px;
  transition: 300ms linear; }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-root:hover {
    background-color: #f2f2f2;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #3a3b3b; }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-root:active {
    color: #3a3b3b;
    background-color: #dbdbdc;
    box-shadow: 0 0 3px #000; }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-monthSelected {
  background-color: #4CAAB3;
  color: #ffffff; }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-monthSelected:hover {
    color: #ffffff;
    background-color: rgba(76, 170, 179, 0.87);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.MuiPickersBasePicker-pickerView .MuiPickersMonth-root {
  flex: 1 0 15%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 25px 15px 25px;
  font-size: 15px; }
.disable-underline {
  text-decoration: none; }
/* sizes */
/* colors */
/* font-sizes */
.search-page {
  width: 940px;
  margin: 0 auto;
  position: relative; }
.search-page .filters__helper {
    padding: 15px;
    color: #8B90A1;
    font-size: 13px;
    font-weight: 500; }
.search-page .filters .container {
    display: flex;
    align-items: center; }
.search-page .content {
    display: flex;
    position: relative;
    margin-top: 8px; }
.search-page .content .search-results {
      flex: 1; }
.search-page .content .search-results .search-hotel {
        position: relative;
        background: #fff;
        padding: 10px;
        font-size: 14px;
        color: #1b1b1b;
        border-bottom: #dedede solid 1px; }
.search-page .content .search-results .search-hotel .hotel-name {
          font-family: "Open Sanf", sans-serif;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 10px;
          color: #1b1b1b; }
.search-page .content .search-results .search-hotel .stars {
          margin-bottom: 7px; }
.search-page .content .search-results .search-hotel .hotel-brand {
          font-family: "Lora", sans-serif; }
.search-page .content .search-results .search-hotel .hotel-image {
          display: block;
          width: 240px;
          height: 180px;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          margin-right: 20px; }
.search-page .content .search-results .search-hotel .drive {
          margin-top: 18px; }
.search-page .content .search-results .search-hotel .tags {
          margin-top: 18px; }
.search-page .content .search-results .search-hotel .tags .tag {
            padding: 0 10px;
            margin-right: 4px;
            height: 24px;
            line-height: 24px;
            border-radius: 17.5px;
            border: solid 1px #979797;
            display: inline-block;
            font-family: "Lora","sans-serif";
            font-size: 14px;
            color: #1b1b1b; }
.search-page .content .search-results .search-hotel .price {
          height: 30px;
          line-height: 30px;
          font-size: 13px;
          text-transform: uppercase;
          background: #e1e1e1;
          border-radius: 16px;
          border: solid 2px #e1e1e1;
          padding: 0 5px;
          font-weight: bold;
          margin: 15px 0;
          white-space: nowrap; }
.search-page--offered {
    position: absolute;
    top: -26px;
    left: 0;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.87); }
.search-page__empty {
    min-height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
.search-page__empty span {
      font-size: 16px;
      line-height: 22px; }
.search-page__buttons-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: 100%; }
.search-page__buttons-container a {
      text-decoration: none; }
.search-page__buttons-container a:active {
      text-decoration: none; }
.search-page__buttons-container .search-page__like {
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -12px; }
.search-page__buttons-container .direct {
      background: #00acb5;
      color: #ffffff;
      width: 130px;
      padding: 4px;
      margin-bottom: 10px; }
.search-page__buttons-container .direct:hover {
        background: #009399; }
.search-page__buttons-container .online {
      background: #333333;
      color: #ffffff;
      width: 130px;
      padding: 4px;
      margin-bottom: 10px; }
.search-page__buttons-container .online:hover {
        background: #212121; }
.pagination-wrapper {
  width: 100%; }
.pagination-wrapper div[class*="MuiTablePagination-select"] {
    font-size: 13px; }
.pagination-wrapper .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 15px; }
.pagination-wrapper .pagination span {
      color: rgba(0, 0, 0, 0.54);
      font-size: 13px; }
.pagination-wrapper .pagination button[class*="MuiFlatPagination-rootCurrent"] span {
      color: black; }
.pagination-wrapper .pagination button[class*="MuiFlatPagination-disabled"] span {
      color: rgba(0, 0, 0, 0.2); }
.pagination-wrapper .pagination--pages {
      display: flex;
      flex-direction: row; }
.pagination-wrapper .pagination--pages button {
        background-color: transparent;
        margin: 0;
        border: none;
        color: rgba(0, 0, 0, 0.26); }
.pagination-wrapper .pagination--pages button:hover {
          border: none; }
.pagination-wrapper .pagination--pages button:active {
          border: none; }
.pagination-wrapper .pagination--pages button:focus {
          border: none; }
/* sizes */
/* colors */
/* font-sizes */
html, body {
  height: 100%;
  min-height: 100%;
  font-family: "Roboto", "Arial";
  width: 100%; }
#app {
  display: flex;
  width: 100%;
  min-height: 100%; }
#app .tgnv-agent__layout {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100%; }
#app .main-content {
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column; }
#app .settings-container {
    flex: 1; }
#app .hotel-form {
    height: 100%;
    overflow: hidden;
    overflow-y: auto; }
#app .hotel-form .url-input {
      align-items: center; }
#app .user-menu .name {
    color: #fff; }
.ask-modal {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 35px 0; }
.ask-modal .small-container {
    width: 400px;
    height: 300%;
    position: relative; }
.ask-modal .small-container .close-button {
      position: absolute;
      z-index: 1; }
.preview-modal .container {
  width: 960px;
  height: 97%;
  margin: 10px auto;
  position: relative; }
.preview-modal .container .close-button {
    position: absolute;
    z-index: 1; }
.preview-modal .container .layout {
    height: 100%; }
.hotel-map-dialog .here-platform {
  width: 600px;
  height: 500px;
  max-width: 100%;
  max-height: calc(100% - 55px); }
.hotel-map-dialog .here-platform .here-map {
    height: 100%; }
.room-content .amenities-list {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  padding: 10px; }
.room-content .amenities-list__item {
    max-width: 100%; }
.room-content .amenities-list__item span {
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden; }
.image-gallery-icon {
  color: #fff;
  transition: all .2s ease-out;
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4;
  filter: drop-shadow(0 2px 2px #1a1a1a); }
@media (min-width: 768px) {
    .image-gallery-icon:hover {
      color: #337ab7; }
      .image-gallery-icon:hover .image-gallery-svg {
        transform: scale(1.1); } }
.image-gallery-icon:focus {
    outline: 2px solid #337ab7; }
.image-gallery-using-mouse .image-gallery-icon:focus {
  outline: none; }
.image-gallery-fullscreen-button,
.image-gallery-play-button {
  bottom: 0;
  padding: 20px; }
.image-gallery-fullscreen-button .image-gallery-svg,
  .image-gallery-play-button .image-gallery-svg {
    height: 36px;
    width: 36px; }
@media (max-width: 768px) {
    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
      padding: 15px; }
      .image-gallery-fullscreen-button .image-gallery-svg,
      .image-gallery-play-button .image-gallery-svg {
        height: 24px;
        width: 24px; } }
@media (max-width: 480px) {
    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
      padding: 10px; }
      .image-gallery-fullscreen-button .image-gallery-svg,
      .image-gallery-play-button .image-gallery-svg {
        height: 16px;
        width: 16px; } }
.image-gallery-fullscreen-button {
  right: 0; }
.image-gallery-play-button {
  left: 0; }
.image-gallery-left-nav,
.image-gallery-right-nav {
  padding: 50px 10px;
  top: 50%;
  transform: translateY(-50%); }
.image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 120px;
    width: 60px; }
@media (max-width: 768px) {
    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
      height: 72px;
      width: 36px; } }
@media (max-width: 480px) {
    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
      height: 48px;
      width: 24px; } }
.image-gallery-left-nav[disabled],
  .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none; }
.image-gallery-left-nav {
  left: 0; }
.image-gallery-right-nav {
  right: 0; }
.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative; }
.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
.image-gallery.fullscreen-modal .image-gallery-content {
      top: 50%;
      transform: translateY(-50%); }
.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0; }
.image-gallery-content.fullscreen {
    background: #000; }
.image-gallery-content .image-gallery-slide .image-gallery-image {
    max-height: calc(100vh - 80px); }
.image-gallery-content.left .image-gallery-slide .image-gallery-image, .image-gallery-content.right .image-gallery-slide .image-gallery-image {
    max-height: 100vh; }
.image-gallery-slide-wrapper {
  position: relative; }
.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 110px); }
@media (max-width: 768px) {
      .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 87px); } }
.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl; }
.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-align: center; }
.image-gallery-slide {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
.image-gallery-slide.center {
    position: relative; }
.image-gallery-slide .image-gallery-image {
    width: 100%;
    object-fit: contain; }
.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, 0.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal; }
@media (max-width: 768px) {
      .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px; } }
.image-gallery-bullets {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80%;
  z-index: 4; }
.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center; }
.image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px;
    transition: background .2s ease-out; }
@media (max-width: 768px) {
      .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px; } }
@media (max-width: 480px) {
      .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px; } }
.image-gallery-bullets .image-gallery-bullet:focus, .image-gallery-bullets .image-gallery-bullet:hover {
      background: #337ab7;
      transform: scale(1.1); }
.image-gallery-bullets .image-gallery-bullet.active {
      background: #fff; }
.image-gallery-thumbnails-wrapper {
  position: relative; }
.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl; }
.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 100px; }
@media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px; } }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
      height: 100%;
      width: 100%;
      left: 0;
      padding: 0;
      position: absolute;
      top: 0; }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
        display: block;
        margin-right: 0;
        padding: 0; }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
          margin-left: 0;
          margin-top: 2px; }
.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    margin: 0 5px; }
@media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        margin: 0 3px; } }
.image-gallery-thumbnails {
  overflow: hidden;
  padding: 5px 0; }
@media (max-width: 768px) {
    .image-gallery-thumbnails {
      padding: 3px 0; } }
.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: transform .45s ease-out;
    white-space: nowrap; }
.image-gallery-thumbnail {
  display: inline-block;
  border: 4px solid transparent;
  transition: border .3s ease-out;
  width: 100px;
  background: transparent;
  padding: 0; }
@media (max-width: 768px) {
    .image-gallery-thumbnail {
      border: 3px solid transparent;
      width: 81px; } }
.image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px; }
.image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative; }
.image-gallery-thumbnail .image-gallery-thumbnail-image {
    vertical-align: middle;
    width: 100%;
    line-height: 0; }
.image-gallery-thumbnail.active, .image-gallery-thumbnail:hover, .image-gallery-thumbnail:focus {
    outline: none;
    border: 4px solid #337ab7; }
@media (max-width: 768px) {
      .image-gallery-thumbnail.active, .image-gallery-thumbnail:hover, .image-gallery-thumbnail:focus {
        border: 3px solid #337ab7; } }
.image-gallery-thumbnail-label {
  box-sizing: border-box;
  color: white;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 5%;
  position: absolute;
  top: 50%;
  text-shadow: 1px 1px 0 black;
  transform: translateY(-50%);
  white-space: normal;
  width: 100%; }
@media (max-width: 768px) {
    .image-gallery-thumbnail-label {
      font-size: .8em;
      line-height: .8em; } }
.image-gallery-index {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4; }
@media (max-width: 768px) {
    .image-gallery-index {
      font-size: .8em;
      padding: 5px 10px; } }
/* sizes */
/* colors */
/* font-sizes */
.forgot-password_form {
  width: 100%; }
.forgot-password_form .forgot-password_form__buttons {
    justify-content: flex-end; }
/* sizes */
/* colors */
/* font-sizes */
.sing-up_form {
  width: 100%; }
.sing-up_form .sing-up_form__buttons {
    justify-content: flex-end; }
/* sizes */
/* colors */
/* font-sizes */
.tgnv-agent__content {
  background-color: #f6f8f9;
  padding: 50px 0;
  flex: 1; }
/* sizes */
/* colors */
/* font-sizes */
.payment {
  margin-top: -50px; }
.booking-tab {
  width: 940px;
  margin: 0 auto;
  position: relative; }
.booking-tab .booking-tab__header {
    margin-bottom: 15px; }
.booking-tab .newsletter-search-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
.booking-tab .newsletter-search-sort span {
      margin-right: 5px; }
.payment__tab.booking-tab .MuiFilledInput-root {
  background-color: transparent; }
.payment__tab.booking-tab .MuiFilledInput-input {
  padding: 20px 12px 10px; }
.booking-card {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
.booking-card__media {
    width: 220px;
    height: 0;
    padding-top: 100%; }
.booking-card__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-basis: 0; }
.booking-card__buttons button {
      display: flex;
      padding: 6px 10px;
      margin: 10px;
      white-space: nowrap;
      width: 100%; }
.booking-card__modal {
    display: flex;
    align-items: center;
    justify-content: center; }
.booking-card__modal-container {
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35); }
.booking-card__modal-container:focus {
      outline: none; }
.booking-card__modal-container__buttons {
      width: 360px !important;
      padding: 20px 0px 10px;
      display: flex; }
.booking-card__modal-container__buttons button {
        margin: 0 10px; }
@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(https://fonts.googleapis.com/css?family=Lora);
/* sizes */
/* colors */
/* font-sizes */
.hotel-preview {
  font-family: 'Open Sans', sans-serif;
  color: #1b1b1b;
  padding: 10px 0; }
.hotel-preview.booking-form {
    padding: 15px; }
.hotel-preview .MuiTabs-root {
    align-items: center; }
.hotel-preview h1.title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #1b1b1b; }
.hotel-preview .stars {
    display: flex;
    justify-content: center;
    margin: 10px 0; }
.hotel-preview .brand {
    font-family: 'Lora', sans-serif;
    font-size: 14px;
    text-align: center; }
.hotel-preview .price-container {
    margin: 16px 0;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold; }
.hotel-preview .price-container .price {
      display: inline-block;
      width: 180px;
      height: 30px;
      border-radius: 16px;
      line-height: 30px;
      background-color: #ffffff;
      border: solid 2px #e1e1e1; }
.hotel-preview .tags {
    display: flex;
    font-family: 'Lora', sans-serif;
    font-size: 14px;
    justify-content: center; }
.hotel-preview .tags .tag {
      height: 24px;
      line-height: 24px;
      border-radius: 17.5px;
      border: solid 1px #979797;
      padding: 0 10px;
      margin-right: 5px; }
.hotel-preview .buttons {
    text-align: center;
    margin-top: 20px; }
.hotel-preview .buttons .button {
      display: inline-block;
      cursor: pointer;
      width: 200px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      box-shadow: 0 2px 20px 0 rgba(81, 101, 102, 0.2);
      border: solid 2px #00acb5;
      margin-right: 10px; }
.hotel-preview .buttons .button.filled {
      background-color: #00acb5;
      color: #fff;
      font-weight: bold; }
.hotel-preview .buttons .button:last-child {
      margin-right: 0; }
.hotel-preview .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px; }
.hotel-preview .social .icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      overflow: hidden;
      margin-right: 20px; }
.hotel-preview .social .icon:last-child {
      margin-right: 0; }
.hotel-preview .social .icon.facebook {
      background: url(/./resource/src/assets/images/facebook/facebook-1.svg) no-repeat; }
.hotel-preview .social .icon.instagram {
      background: url(/./resource/src/assets/images/instagram/group-3.svg) no-repeat; }
.hotel-preview .social .icon.youtube {
      width: 22px;
      background: url(/./resource/src/assets/images/youtube/group-17.svg) no-repeat; }
.hotel-preview .social .icon.youtube {
      width: 22px;
      background: url(/./resource/src/assets/images/youtube/group-17.svg) no-repeat; }
.hotel-preview .social .icon.twitter {
      width: 24px;
      height: 22px;
      background: url(/./resource/src/assets/images/twitter/twitter.svg) no-repeat;
      background-size: contain; }
.hotel-preview .social .icon.pinterest {
      width: 24px;
      height: 22px;
      background: url(/./resource/src/assets/images/pinterest/pinterest.svg) no-repeat;
      background-size: contain; }
.hotel-preview .social .icon.trip_advisor {
      width: 44px;
      height: 26px;
      background: url(/./resource/src/assets/images/trip-advisor/group-23.svg) no-repeat; }
.hotel-preview .images {
    margin: 30px auto 0 auto;
    width: 920px;
    height: 440px;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.1);
    overflow: hidden; }
.hotel-preview .images .image-gallery {
      height: 100%;
      position: relative;
      overflow: hidden; }
.hotel-preview .images .image-gallery .nav {
        width: 45px;
        height: 50px;
        position: absolute;
        top: 50%;
        margin: -25px 0 0 0;
        text-decoration: none;
        color: #000;
        transition-property: opacity;
        transition-duration: 0.5s;
        opacity: 1; }
.hotel-preview .images .image-gallery .nav.hidden {
        opacity: 0;
        display: none; }
.hotel-preview .images .image-gallery .nav-left {
        background: url(/./resource/src/assets/images/image-gallery/nav-left-bkg.svg) no-repeat; }
.hotel-preview .images .image-gallery .nav-left::before {
        content: " ";
        display: inline-block;
        width: 10px;
        height: 18px;
        background: url(/./resource/src/assets/images/image-gallery/nav-arrow-left.svg) no-repeat;
        margin: 15px 0 0 16px; }
.hotel-preview .images .image-gallery .nav-right {
        background: url(/./resource/src/assets/images/image-gallery/nav-right-bkg.svg) no-repeat;
        right: 0; }
.hotel-preview .images .image-gallery .nav-right::before {
        content: " ";
        display: inline-block;
        width: 11px;
        height: 18px;
        background: url(/./resource/src/assets/images/image-gallery/nav-arrow-right.svg) no-repeat;
        margin: 15px 0 0 17px; }
.hotel-preview .images .image-gallery .images-container {
        position: absolute;
        height: 100%;
        left: 0;
        transition-property: left;
        transition-duration: 0.5s; }
.hotel-preview .images .image-gallery .image {
        height: 100%;
        width: 920px;
        display: inline-block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
.hotel-preview .links {
    max-width: 100%;
    margin: 24px 0 0 0; }
.hotel-preview .links .link-item {
      flex-grow: 0.01; }
.hotel-preview .links a {
      color: #1b1b1b;
      text-decoration: none;
      font-family: "Open Sans", sans-serif; }
.hotel-preview .descriptions {
    width: 940px;
    min-height: 380px;
    background-color: #ffffff;
    box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.1);
    margin: 60px auto 0 auto; }
.hotel-preview .descriptions .description {
      margin: 16px 40px 0 40px;
      border-top: #dedede solid 2px;
      padding: 40px 0; }
.hotel-preview .preview-contacts {
    position: relative; }
.hotel-preview .preview-contacts .preview-contacts__container {
      position: absolute;
      z-index: 1;
      width: 740px;
      left: 50%;
      margin: -44px 0 0 -370px;
      background-color: #ffffff;
      box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.2);
      padding: 10px; }
.hotel-preview .preview-contacts .preview-contacts__container .preview-contacts__content {
        border: solid 2px #00acb5;
        text-align: left; }
.hotel-preview .preview-contacts .preview-contacts__container .contacts {
        padding: 20px 20px 0 20px;
        display: flex;
        flex-wrap: wrap; }
.hotel-preview .preview-contacts .preview-contacts__container .contact {
        width: 33%; }
.hotel-preview .preview-contacts .preview-contacts__container .contact h3 {
          font-size: 14px;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 6px; }
.hotel-preview .preview-contacts .preview-contacts__container .contact p {
          font-family: 'Lora', sans-serif;
          font-size: 13px;
          line-height: 18px; }
.hotel-preview .preview-contacts .preview-contacts__container .bottom {
        text-align: center;
        padding: 10px 0; }
.hotel-preview .preview-contacts .preview-contacts__container .bottom a.close-link {
          text-transform: uppercase;
          color: #00acb5; }
/* sizes */
/* colors */
/* font-sizes */
.booking-form {
  background: #ffffff;
  padding: 30px;
  max-width: 900px;
  overflow: auto;
  max-height: 80vh;
  margin: auto;
  margin-top: 30px;
  line-height: 22px; }
.booking-form ul {
    list-style: disc;
    padding-left: 20px; }
.booking-form__form {
    padding: 20px 0; }
.booking-form__children {
    padding: 15px; }
.booking-form__children__item {
      margin-bottom: 0 !important; }
.booking-form__add-container {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
.booking-form__expand-panel > div {
    align-items: center; }
.booking-form .search-input {
    box-sizing: border-box;
    width: 100%;
    position: relative; }
.booking-form .search-input .MuiInputBase-adornedStart {
      flex-wrap: wrap; }
.booking-form .search-input .search-btn {
      position: absolute;
      right: 0;
      top: 0; }
.booking-form .list-searching-result {
    font-size: 0.875rem;
    position: relative; }
.booking-form .list-searching-result .area {
      color: #cccccc;
      font-weight: normal;
      padding: 0 0 0 8px; }
.booking-form .list-searching-result .area--del {
        padding: 0; }
.booking-form .list-searching-result .del {
      color: #cccccc;
      font-weight: normal;
      padding: 0; }
.booking-form .list-searching-result .del-v {
      color: #cccccc;
      font-weight: normal;
      padding: 0 4px; }
.booking-form .list-searching-result:before {
      content: "";
      width: 100%;
      height: 1px;
      background: #cccccc;
      left: 0;
      bottom: -12px;
      position: absolute; }
.booking-form .list-searching-result .item {
      margin-top: 10px;
      cursor: pointer;
      padding-left: 15px;
      position: relative; }
.booking-form .list-searching-result .item:last-child:before {
        display: none; }
.booking-form__booking-results {
    border: 1px solid #cccccc;
    padding: 5px; }
.booking-form__booking-results .hotel {
      box-shadow: #1b1b1b; }
.booking-form__booking-results .room {
      border: 1px solid #cccccc; }
/* sizes */
/* colors */
/* font-sizes */
.newsletter-search {
  width: 960px;
  margin: 0 auto; }
.newsletter-search .newsletter-search-results {
    display: flex;
    flex-direction: row;
    margin-top: 60px; }
.newsletter-search .newsletter-search-results .newsletter-search-sidepanel {
      width: 220px;
      padding: 3px; }
.newsletter-search .newsletter-search-results .newsletter-search-content {
      padding-left: 4px;
      flex: 1; }
.newsletter-search-hotel-filters .header {
  color: #00acb5;
  font-family: "Lora", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px; }
.newsletter-search-hotel-filters .content {
  display: flex; }
/* sizes */
/* colors */
/* font-sizes */
.newsletter-preview-modal {
  display: flex;
  flex-direction: row;
  flex: 1; }
/* sizes */
/* colors */
/* font-sizes */
.newsletter-view {
  display: flex;
  flex-direction: column;
  flex: 1; }
.newsletter-view__toolbar {
    background-color: #fff4e5;
    color: #663c00;
    font-size: 16px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.newsletter-view__toolbar__left {
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      width: fit-content; }
.newsletter-view__toolbar__icon {
      padding: 0 10px; }
.newsletter-view__toolbar__content {
      font-size: 12px; }
.newsletter-view__toolbar__content span {
        font-size: 14px;
        padding: 5px 0; }
.newsletter-view__toolbar .close-button {
      display: flex;
      justify-content: center;
      align-items: center; }
/* sizes */
/* colors */
/* font-sizes */
.newsletter-search-section {
  margin-bottom: 15px; }
.newsletter-search-section .section-items {
    display: flex;
    flex-wrap: wrap; }
.newsletter-search-section .section-title {
    color: #00acb5;
    font-family: "Lora", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 20px; }
/* sizes */
/* colors */
/* font-sizes */
.favourite-group {
  margin-bottom: 30px; }
.favourite-group .favourite-content.collapsed {
    display: none; }
.favourite-group .favourite-search-title {
    cursor: pointer; }
.favourite-search .favourite-search-title {
  color: #00acb5;
  font-family: "Lora", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  display: flex;
  align-items: center; }
.favourite-search .favourite-search-items {
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
.favourite-search .favourite-search-items .search-item {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    outline: none;
    border-bottom: 1px solid #e7e7e7;
    width: 100%; }
.favourite-search .favourite-search-items .search-item .icon {
      padding: 5px; }
.favourite-search .favourite-search-items .search-item .search-content {
      flex: 1;
      text-align: left;
      font-family: "Opens Sans", sans-serif; }
.favourite-search .favourite-search-items .search-item .search-content .search-item-title {
        font-weight: bold;
        padding-top: 12px;
        font-size: 14px; }
.favourite-search .favourite-search-items .search-item .search-content .search-item-tags {
        font-style: italic;
        padding-top: 6px;
        padding-bottom: 10px;
        font-size: 12px;
        max-height: 20px;
        overflow: hidden; }
.favourite-search .favourite-search-items .search-item.active {
      background-color: #ebeced;
      border-left: 3px solid #00acb5; }
.favourite-search .favourite-search-items .search-item:hover {
      background-color: #e0e1e2; }
/* sizes */
/* colors */
/* font-sizes */
.newsletters-list {
  font-family: "Lora", sans-serif;
  font-size: 14px;
  margin-bottom: 60px; }
.newsletters-list .newsletter-search-results {
    display: flex;
    justify-content: space-between; }
.newsletters-list .newsletter-list-controls {
    display: flex;
    justify-content: space-between;
    margin-left: 30px; }
.newsletters-list .link-button {
    background: transparent;
    border: none;
    text-decoration: underline;
    padding: 0;
    outline: none;
    cursor: pointer;
    font-size: 14px; }
.newsletters-list .sort-dropdown {
    margin-top: -6px;
    font-size: 14px; }
.newsletters-list .sort-dropdown::before {
      display: none; }
.newsletters-list .newsletter-item {
    background-color: white;
    margin: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.1);
    cursor: pointer; }
.newsletters-list .newsletter-item:first-child {
      margin-top: 3px; }
.newsletters-list .newsletter-item .newsletter-separator {
      width: 2px;
      height: 80px;
      margin-left: 5px;
      background-color: #f4f4f4; }
.newsletters-list .newsletter-item .newsletter-general-info {
      align-self: flex-start;
      margin-left: 20px;
      width: 300px;
      max-width: 50%; }
.newsletters-list .newsletter-item .newsletter-general-info .newsletter-title {
        font-weight: bold;
        padding-top: 18px;
        font-size: 14px; }
.newsletters-list .newsletter-item .newsletter-general-info .newsletter-tags {
        padding-top: 8px; }
.newsletters-list .newsletter-item .newsletter-general-info .newsletter-date {
        padding-top: 14px;
        font-size: 12px;
        font-style: italic; }
.newsletters-list .newsletter-item .newsletter-hotel-info {
      flex: 1;
      padding: 10px;
      display: flex; }
.newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content {
        padding-left: 7px;
        display: inline-block;
        max-width: 60%; }
.newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-title {
          font-weight: bold;
          padding-top: 8px;
          font-size: 14px;
          text-transform: uppercase;
          padding-left: 15px; }
.newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-stars {
          padding: 3px 0 12px 15px; }
.newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-price {
          text-transform: uppercase;
          background-color: #f0f0f0;
          border-radius: 16px;
          font-size: 12px;
          font-weight: bold;
          padding: 7px 10px;
          display: inline-block;
          margin-left: 2px; }
.newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-img {
        height: 80px;
        width: 100px;
        background-position: center;
        background-size: cover;
        background-color: grey; }
/* sizes */
/* colors */
/* font-sizes */
.tgnv-hotel__rooms {
  padding: 10px; }
.tgnv-hotel__rooms .room .room-image {
    padding-top: 50%; }
@charset "UTF-8";
/* sizes */
/* colors */
/* font-sizes */
.filter-menu.filter {
  box-sizing: border-box;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background: #ffffff;
  max-height: 370px;
  border-radius: 6px;
  margin-top: 8px; }
.filter-menu.popper-filter {
  max-width: 300px;
  box-sizing: border-box;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background: #ffffff;
  max-height: 370px;
  overflow-x: auto; }
.filter-menu.disable-max-height {
  max-height: 1000px;
  overflow: auto; }
.filter-menu.hidden {
  display: none; }
.filter-menu .root-item {
  text-transform: uppercase;
  padding-right: 20px; }
.filter-menu .root-item .item-text span {
    font-weight: bold; }
.filter-menu .radio-button {
  color: #1b1b1b !important;
  height: auto;
  width: 36px; }
.filter-menu .nested-list {
  margin-left: 10px; }
.filter-menu .nested-list .item-text {
    padding: 0; }
.filter-menu .nested-list .item-text span {
      font-style: italic; }
.filter-menu .location-container {
  padding: 2px 10px 2px 0;
  margin: 0; }
.filter-menu .location-label {
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 30px;
  width: 260px; }
.filter-menu .location-label__text {
    display: inline-block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
.filter-menu .location-container .depth {
  margin-right: 4px; }
.filter .filter-modal {
  padding: 10px;
  box-sizing: border-box;
  max-height: 500px;
  transition: 400ms linear;
  background-color: #ffffff; }
.filter .input-wrapper {
  padding-bottom: 20px; }
.filter .search-title {
  font-size: 14px;
  line-height: 18px;
  color: #1b1b1b;
  padding-bottom: 20px; }
.filter .search-input {
  border: 1px solid rgba(81, 101, 102, 0.2);
  border-radius: 20px;
  height: 30px;
  box-sizing: border-box;
  width: 100%;
  padding-left: 10px; }
.filter .search-btn {
  width: 30px;
  right: 3px; }
.filter .search-btn:hover {
    color: rgba(0, 0, 0, 0.87);
    background: none; }
.filter .list-item {
  display: flex; }
.filter .list-item li {
    display: flex; }
.filter .priority {
  display: flex;
  justify-content: center;
  align-items: center; }
.filter .listCategory {
  overflow: auto;
  max-height: 250px; }
.filter .item-text {
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0; }
.filter .item-text.weight-normal {
    font-weight: normal; }
.filter .item-text span {
    font-size: 0.875rem; }
.filter .error {
  color: red;
  padding: 12px 0 0 0;
  display: block; }
.filter .checked-сounter {
  font-weight: bold;
  padding-left: 3px; }
.filter .with-counter {
  padding-right: 40px; }
.filter .list-searching-result {
  font-size: 0.875rem;
  position: relative;
  max-width: 300px; }
.filter .list-searching-result .area {
    color: #cccccc;
    font-weight: normal;
    padding: 0 0 0 8px; }
.filter .list-searching-result .area--del {
      padding: 0; }
.filter .list-searching-result .del {
    color: #cccccc;
    font-weight: normal;
    padding: 0; }
.filter .list-searching-result .del-v {
    color: #cccccc;
    font-weight: normal;
    padding: 0 4px; }
.filter .list-searching-result:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    left: 0;
    bottom: -12px;
    position: absolute; }
.filter .list-searching-result .item {
    margin-top: 10px;
    cursor: pointer;
    padding-left: 15px;
    position: relative; }
.filter .list-searching-result .item:last-child:before {
      display: none; }
.filter .list-searching-result .item:before {
      content: "";
      width: 25px;
      height: 1px;
      background: #cccccc;
      left: 10px;
      bottom: -5px;
      position: absolute; }
.filter__no-results {
  padding: 10px;
  font-size: 14px;
  text-align: center; }
.filter .range {
  padding: 5px 10px;
  min-width: 200px;
  min-height: 20px;
  background: #fff; }
.price-slider {
  position: relative;
  width: 100%;
  height: 40px; }
.price-slider-handler {
    position: absolute;
    margin-left: -14px;
    margin-top: 9px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    color: #333;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    border: 1px solid #b0b0b0;
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 25px;
    outline: none; }
.price-slider-handler:hover .price-slider-handler--text {
      opacity: 1; }
.price-slider-handler span {
      background: #b0b0b0;
      width: 1px;
      height: 9px;
      position: absolute;
      top: 50%;
      margin-top: -5px; }
.price-slider-handler span:nth-child(1) {
        left: 9px; }
.price-slider-handler span:nth-child(2) {
        left: 12px; }
.price-slider-handler span:nth-child(3) {
        left: 15px; }
.price-slider-handler--text {
      font-size: 12px;
      position: absolute;
      margin-right: 10px;
      left: -8px;
      opacity: 0;
      transition: 0.3s;
      top: -15px;
      color: rgba(58, 43, 43, 0.87); }
.price-slider-handler:last-child .price-slider-handler--text {
      left: auto;
      right: -18px; }
.price-slider-track {
    position: absolute;
    height: 5px;
    z-index: 1;
    margin-top: 20px;
    background-color: #b0b0b0;
    border-radius: 5px;
    cursor: pointer; }
.price-slider .price-rail {
    position: absolute;
    width: 100%;
    height: 5px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #dddddd; }
.price-inputs {
  display: flex;
  padding: 5px;
  justify-content: space-between;
  align-items: center; }
.price-inputs-field {
    border: 1px solid #cccccc;
    padding: 5px;
    border-radius: 10px;
    max-width: 100px;
    transition: .4s; }
.price-inputs-field span {
      color: rgba(58, 43, 43, 0.87); }
.price-inputs-field.focused {
      border-color: #333333; }
.price-inputs-field input {
      max-width: 80px;
      font-size: 12px;
      color: rgba(58, 43, 43, 0.87);
      padding: 0; }
.custom-popper-tooltip {
  z-index: 3; }
.sorting-panel {
  text-align: right;
  padding: 8px 4px;
  width: 100%; }
.sorting-panel .label {
    margin-right: 10px; }
.sorting-panel--count {
    margin-right: 20px; }
.sort-dropDown .icon {
  font-size: 1.5rem;
  position: relative;
  bottom: -7px; }
/* sizes */
/* colors */
/* font-sizes */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(https://fonts.googleapis.com/css?family=Lora);
/* sizes */
/* colors */
/* font-sizes */
.agent-preview {
  font-family: 'Open Sans', sans-serif;
  color: #1b1b1b;
  padding: 15px; }
.agent-preview .agent-logo {
    width: 204px;
    height: 204px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin: 0 auto 14px auto; }
.agent-preview h1.title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #1b1b1b;
    text-transform: uppercase; }
.agent-preview .foundation {
    margin-top: 10px;
    text-align: center;
    font-family: "Lora", sans-serif;
    font-size: 14px; }
.agent-preview .top-destinations {
    margin: 24px auto 0 auto; }
.agent-preview .top-destinations .divider {
      height: 2px;
      object-fit: contain;
      opacity: 0.1;
      background-color: #979797;
      margin: 0 auto; }
.agent-preview .top-destinations h3 {
      font-size: 14px;
      text-transform: uppercase;
      margin-top: 24px;
      margin-bottom: 6px; }
.agent-preview .top-destinations .destinations-container {
      display: flex; }
.agent-preview .top-destinations .destinations-container .destinations-container__left {
        flex-basis: 700px; }
.agent-preview .top-destinations .destinations-container .destination-list {
        display: flex;
        flex-wrap: wrap; }
.agent-preview .top-destinations .destinations-container .destination-list .destination {
          height: 24px;
          object-fit: contain;
          border-radius: 17.5px;
          border: solid 1px #979797;
          font-family: 'Lora', sans-serif;
          font-size: 14px;
          color: #1b1b1b;
          display: flex;
          margin-right: 9px;
          margin-bottom: 12px; }
.agent-preview .top-destinations .destinations-container .destination-list .destination .country {
            line-height: 22px;
            text-indent: 10px;
            padding: 0 10px;
            color: #1b1b1b;
            opacity: 0.5; }
.agent-preview .top-destinations .destinations-container .destination-list .destination .sold {
            border-radius: 11px;
            background-color: #d8d8d8;
            line-height: 22px;
            color: #1b1b1b;
            text-align: center;
            padding: 0 10px; }
.agent-preview .top-destinations .destinations-container .contacts {
        font-family: 'Lora', sans-serif;
        font-size: 14px;
        color: #1b1b1b;
        line-height: 18px; }
.agent-preview .interests {
    margin: 0 auto;
    display: flex; }
.agent-preview .interests h3 {
      font-size: 14px;
      text-transform: uppercase;
      margin-top: 24px;
      margin-bottom: 6px; }
.agent-preview .interests .interests-container {
      flex-basis: 700px; }
.agent-preview .interests .interests-container .tags {
        display: flex;
        font-family: 'Lora', sans-serif;
        font-size: 14px; }
.agent-preview .interests .interests-container .tags .tag {
          height: 24px;
          line-height: 24px;
          border-radius: 17.5px;
          border: solid 1px #979797;
          padding: 0 10px;
          margin-right: 5px; }
.agent-preview .interests .social {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex: 1; }
.agent-preview .interests .social .icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        overflow: hidden;
        margin-right: 20px; }
.agent-preview .interests .social .icon:last-child {
        margin-right: 0; }
.agent-preview .interests .social .icon.facebook {
        background: url(/./resource/src/assets/images/facebook/facebook-1.svg) no-repeat; }
.agent-preview .interests .social .icon.instagram {
        background: url(/./resource/src/assets/images/instagram/group-3.svg) no-repeat; }
.agent-preview .interests .social .icon.pinterest {
        width: 22px;
        background: url(/./resource/src/assets/images/pinterest/pinterest.svg) no-repeat;
        background-size: contain; }
.agent-preview .interests .social .icon.twitter {
        width: 22px;
        background: url(/./resource/src/assets/images/twitter/twitter.svg) no-repeat;
        background-size: contain; }
.agent-preview .interests .social .icon.youtube {
        width: 22px;
        background: url(/./resource/src/assets/images/youtube/group-17.svg) no-repeat; }
.agent-preview .links {
    max-width: 100%;
    margin: 24px 0 0 0; }
.agent-preview .links .link-item {
      flex-grow: 0.01; }
.agent-preview .links a {
      color: #1b1b1b;
      text-decoration: none;
      font-family: "Open Sans", sans-serif; }
.agent-preview .buttons {
    text-align: center;
    margin-top: 20px; }
.agent-preview .buttons .button {
      display: inline-block;
      cursor: pointer;
      width: 200px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      box-shadow: 0 2px 20px 0 rgba(81, 101, 102, 0.2);
      border: solid 2px #00acb5;
      text-decoration: none; }
.agent-preview .buttons .button.filled {
      background-color: #00acb5;
      color: #fff;
      font-weight: bold; }
.agent-preview .buttons .button:first-child {
      margin-right: 10px; }
.agent-preview .descriptions {
    min-height: 380px;
    background-color: #ffffff;
    box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.1);
    margin: 60px 15px 0 15px; }
.agent-preview .descriptions .description {
      margin: 16px 40px 0 40px;
      border-top: #dedede solid 2px;
      padding: 40px 0; }
.agent-preview .descriptions .places-visited .here-platform {
      height: 400px; }
.agent-preview .descriptions .places-visited .addresses {
      height: 400px; }
.agent-preview .descriptions .places-visited .addresses .address {
        padding: 5px 10px;
        border-bottom: #ccc solid 2px; }
.agent-preview .descriptions .places-visited .addresses .address .title {
          text-transform: uppercase; }
.agent-preview .descriptions .places-visited .here-map {
      height: 100%; }
.agent-preview .preview-description .users {
    display: flex;
    flex-wrap: wrap; }
.agent-preview .preview-description .agent-user {
    flex-basis: 200px;
    color: #1b1b1b;
    text-align: center;
    font-size: 14px; }
.agent-preview .preview-description .agent-user .user-avatar {
      width: 160px;
      height: 160px;
      margin: 0 auto; }
.agent-preview .preview-description .agent-user .info {
      margin-top: 20px;
      text-align: center;
      line-height: 18px;
      font-family: "Open Sanf", sans-serif; }
.agent-preview .preview-description .agent-user .name {
      font-weight: bold;
      text-transform: uppercase; }
.agent-preview .preview-description .agent-user .contacts {
      margin-top: 8px;
      line-height: 20px; }
.agent-preview .preview-description .agent-user .languages {
      margin-top: 8px;
      line-height: 20px; }
.agent-preview .preview-description .agent-description hr {
    height: 2px;
    opacity: 0.1;
    background-color: #979797;
    margin: 0 auto; }
/* sizes */
/* colors */
/* font-sizes */
.tgnv-agent__footer {
  background-color: #222222;
  padding: 20px 0 20px 0; }
.tgnv-agent__footer .footer-content {
    width: 1200px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    display: flex; }
.tgnv-agent__footer .footer-content .logo-content {
      margin-right: 58px;
      flex: 2; }
.tgnv-agent__footer .footer-content .logo-content .logo {
        width: 51px;
        height: 51px;
        background: url(/./resource/src/assets/images/logo.svg) no-repeat;
        margin-right: 15px; }
.tgnv-agent__footer .footer-content .logo-content h3 {
        font-weight: bold;
        font-size: 14px; }
.tgnv-agent__footer .footer-content .logo-content p {
        font-size: 10px; }
.tgnv-agent__footer .footer-content .logo-content .copyright {
        margin-top: 28px;
        font-size: 14px;
        line-height: 18px; }
.tgnv-agent__footer .footer-content .logo-content .copyright a {
          color: #fff;
          text-decoration: none;
          font-weight: bold; }
.tgnv-agent__footer .footer-content .logo-content .copyright p {
          font-size: 14px; }
.tgnv-agent__footer .footer-content .links h3 {
      font-weight: bold;
      font-size: 16px; }
.tgnv-agent__footer .footer-content .links a {
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      text-decoration: none; }
.tgnv-agent__footer .footer-content .links li {
      margin-top: 10px; }
.tgnv-agent__footer .footer-content .about-content {
      margin-right: 48px; }
.tgnv-agent__footer .footer-content .explore-content {
      flex: 1;
      padding-top: 80px; }
.tgnv-agent__footer .footer-content .explore-content p {
        font-size: 14px; }
.tgnv-agent__footer .footer-content .card-content {
      flex: 1.5; }
.tgnv-agent__footer .footer-content .card-content img {
        background-color: #ffffff;
        margin-right: 10px;
        max-height: 60px; }
.tgnv-agent__footer .footer-content .subscribe-content {
      flex: 2; }
.tgnv-agent__footer .footer-content .subscribe-content h3 {
        font-weight: bold;
        font-size: 16px; }
.tgnv-agent__footer .footer-content .subscribe-content .subscribe-input {
        width: 210px;
        height: 32px;
        border-radius: 16px;
        border: solid 1px #ffffff;
        padding: 0 0 0 10px;
        color: #fff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        margin: 19px 0 0 0; }
.tgnv-agent__footer .footer-content .subscribe-content .subscribe-btn {
        background-color: #fff;
        width: 26px;
        height: 26px;
        position: relative;
        left: -2px;
        padding: 0; }
.tgnv-agent__footer .footer-content .subscribe-content .icons {
        margin: 50px 0 0 0; }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon {
          display: inline-block;
          width: 42px;
          height: 42px;
          background-repeat: no-repeat;
          margin-right: 10px; }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon:last-child {
          margin: 0; }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon.facebook {
          background-image: url(/./resource/src/assets/images/footer/facebook.svg); }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon.instagram {
          background-image: url(/./resource/src/assets/images/footer/instagram.svg); }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon.vkontakte {
          background-image: url(/./resource/src/assets/images/footer/vkontakte.svg); }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon.twitter {
          background-image: url(/./resource/src/assets/images/footer/twitter.svg); }
.tgnv-agent__footer .footer-content .subscribe-content .icons .icon.pinterest {
          background-image: url(/./resource/src/assets/images/footer/pinterest.svg); }
/* sizes */
/* colors */
/* font-sizes */
.toolbar {
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.07);
  display: flex;
  justify-content: center;
  align-items: center; }
.toolbar .toolbar-content {
    width: 960px;
    display: flex; }
.toolbar .toolbar-content .main-menu {
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      flex: 1;
      line-height: 30px; }
.toolbar .toolbar-content .main-menu .main-menu__item {
        display: inline-block;
        padding: 0 5px;
        margin-bottom: 3px;
        margin-right: 28px;
        border: #fff solid 3px; }
.toolbar .toolbar-content .main-menu .main-menu__item a {
          text-decoration: none;
          color: #1b1b1b;
          text-transform: uppercase; }
.toolbar .toolbar-content .main-menu .menu-item.active {
        border-color: #00acb5; }
.toolbar .toolbar-content .main-menu .menu-item:last-child {
        margin-right: 0; }
.selected-hotels {
  padding: 10px 0;
  position: relative;
  max-height: 212px;
  overflow: auto;
  background-color: #ffffff;
  max-width: 312px; }
.selected-hotels__title {
    font-size: 14px;
    padding: 10px; }
.selected-hotels__item {
    position: relative;
    padding: 5px 40px 5px 15px;
    white-space: nowrap; }
.selected-hotels__item__text {
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
.selected-hotels .close {
    position: absolute;
    right: 10px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.54); }
.selected-hotels .bold {
    font-weight: 700; }
.search-input-container {
  position: relative;
  width: 300px; }
.search-input-container .hotel-names {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 100%;
    left: 0;
    z-index: 2;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
.search-input-container .hotel-names__list {
      max-height: 280px;
      overflow: auto; }
.search-input-container .hotel-names__list__item {
        max-width: 280px;
        background-color: #ffffff;
        transition: 300ms linear; }
.search-input-container .hotel-names__list__item span {
          white-space: nowrap;
          width: 100%;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          font-family: "Open Sanf", sans-serif;
          text-transform: uppercase;
          color: #1b1b1b;
          font-size: 14px; }
.search-input-container .hotel-names__list__item:hover {
          background-color: #e0e0e0; }
.search-input-container .hotel-names .divider {
      width: 92%;
      height: 1px;
      background: #cccccc;
      margin-left: 4%;
      max-width: 290px; }
.search-input-container .hotel-names__input-label {
      font-size: 14px;
      margin: 0 10px;
      font-weight: bold; }
.search-input-container .search-input {
    width: 280px;
    height: 36px;
    object-fit: contain;
    border-radius: 20px;
    padding: 0 10px;
    border: solid 1px #979797;
    align-items: center; }
.search-input-container .search-input input {
      font-family: "Opens Sans", sans-serif;
      font-size: 14px;
      color: #1b1b1b;
      font-style: italic; }
/* sizes */
/* colors */
/* font-sizes */
.tgnv-agent__header {
  background-color: #fff;
  box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.06);
  height: 70px; }
.tgnv-agent__header .tgnv-layout__header--content {
    width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 70px; }
.tgnv-agent__header .tgnv-layout__header--content .content-logo {
      padding-right: 90px; }
.tgnv-agent__header .tgnv-layout__header--content .content-logo .content-logo--logo {
        width: 50px;
        height: 51px;
        background: url(/./resource/src/assets/images/logo.svg) no-repeat;
        display: block; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu {
      font-family: "Open Sanf", sans-serif;
      font-size: 16px;
      color: #1b1b1b;
      flex: 1; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu .menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu .menu .menu-item {
          display: flex;
          padding: 0 5px;
          margin-bottom: 3px;
          margin-right: 28px;
          border: #fff solid 3px;
          width: 100%; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu .menu .menu-item a {
            display: flex;
            text-decoration: none;
            color: #1b1b1b; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu .menu .menu-item.active {
          border-color: #00acb5; }
.tgnv-agent__header .tgnv-layout__header--content .content-menu .menu .menu-item:last-child {
          margin-right: 0; }
.tgnv-agent__header .tgnv-layout__header--content .content-avatar {
      margin-right: 30px; }
.tgnv-agent__header .tgnv-layout__header--content .content-avatar .username {
        font-family: "Open Sans", sans-serif;
        color: #1b1b1b;
        font-size: 16px; }
/* sizes */
/* colors */
/* font-sizes */
.sign-in_form {
  width: 100%; }
.sign-in_form .sign-in_form__google-button_container {
    text-align: center; }
.sign-in_form .sign-in_form__buttons {
    justify-content: flex-end;
    flex-direction: column; }
.sign-in_form .sign-in_form-links {
    flex: 1;
    width: 100%; }
/* sizes */
/* colors */
/* font-sizes */
.app-screen {
  flex: 1;
  display: flex; }
.app-screen .app-drawer .drawer-docker {
    height: 100%; }
.app-screen .app-screen_app-bar .app-screen_app-bar_center {
    flex: 1; }
.app-screen .app-screen_app-bar .app-screen_app-bar_right {
    flex-grow: 0.1;
    text-align: right; }
/* sizes */
/* colors */
/* font-sizes */
.newsletter.newsletter-search-chip {
  border-radius: 20px;
  border: 1px solid #c5c6c7;
  background: transparent;
  font-size: 14px;
  color: #1b1b1b;
  font-family: "Opens Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 16px;
  margin: 5px 2px;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  min-height: 0; }
.newsletter.newsletter-search-chip.with-counter {
    padding-right: 40px; }
.newsletter.newsletter-search-chip .newsletter-search-chip-count {
    color: #00acb5;
    background-color: #e6e7e8;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 18px;
    min-width: 20px; }
.newsletter.newsletter-search-chip:hover {
    transition: 0.3s;
    background-color: #e7e7e7; }
.newsletter.newsletter-search-chip.selected {
    background-color: #cdcdcd; }
.newsletter-search-chip.destination {
  height: 33px; }
/* sizes */
/* colors */
/* font-sizes */
.dashboard .newsletter-search-content {
  display: flex;
  flex: 1; }
.dashboard .newsletters-list {
  font-family: "Lora", sans-serif;
  font-size: 14px;
  margin-bottom: 60px;
  display: flex;
  flex: 1;
  text-decoration: none;
  color: #000000; }
.dashboard .newsletters-list a {
    text-decoration: none;
    color: #000000; }
.dashboard .newsletters-list .newsletter-search-items {
    width: 100%; }
.dashboard .newsletters-list .newsletter-search-results {
    display: flex;
    flex: 1;
    justify-content: space-between; }
.dashboard .newsletters-list .newsletter-list-controls {
    display: flex;
    justify-content: space-between;
    margin-left: 30px; }
.dashboard .newsletters-list .link-button {
    background: transparent;
    border: none;
    text-decoration: underline;
    padding: 0;
    outline: none;
    cursor: pointer;
    font-size: 14px; }
.dashboard .newsletters-list .sort-dropdown {
    margin-top: -6px;
    font-size: 14px; }
.dashboard .newsletters-list .sort-dropdown::before {
      display: none; }
.dashboard .newsletters-list .newsletter-item {
    background-color: white;
    margin: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 20px 0 rgba(81, 101, 102, 0.1);
    cursor: pointer;
    justify-content: stretch; }
.dashboard .newsletters-list .newsletter-item:first-child {
      margin-top: 3px; }
.dashboard .newsletters-list .newsletter-item .newsletter-separator {
      width: 2px;
      height: 80px;
      background-color: #f4f4f4;
      margin-left: 5px; }
.dashboard .newsletters-list .newsletter-item .newsletter-general-info {
      align-self: flex-start;
      margin-left: 20px;
      width: 50%;
      max-width: 170px;
      overflow: hidden; }
.dashboard .newsletters-list .newsletter-item .newsletter-general-info .newsletter-title {
        font-weight: bold;
        padding-top: 18px;
        font-size: 14px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
.dashboard .newsletters-list .newsletter-item .newsletter-general-info .newsletter-tags {
        padding-top: 8px; }
.dashboard .newsletters-list .newsletter-item .newsletter-general-info .newsletter-date {
        padding-top: 14px;
        font-size: 12px;
        font-style: italic; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info {
      padding: 10px;
      display: flex;
      flex: 1;
      align-items: center; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content {
        padding-left: 7px;
        display: inline-block;
        max-width: 60%; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-title {
          font-weight: bold;
          padding-top: 8px;
          font-size: 14px;
          text-transform: uppercase;
          padding-left: 15px;
          padding-right: 40px;
          max-width: 100%;
          overflow: hidden;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-stars {
          padding: 3px 0 12px 15px; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content .newsletter-hotel-price {
          text-transform: uppercase;
          background-color: #f0f0f0;
          border-radius: 16px;
          font-size: 12px;
          font-weight: bold;
          padding: 7px 10px;
          display: inline-block;
          margin-left: 2px; }
.dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-img {
        height: 80px;
        width: 100px;
        max-width: 40%;
        display: inline-block;
        overflow: hidden;
        background-position: center;
        background-size: cover;
        background-color: grey; }
@media only screen and (max-width: 1600px) {
  .dashboard .newsletters-list .newsletter-list-controls {
    margin-left: 0; }
  .dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content {
    max-width: 50%; }
  .dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-img {
    height: 65px;
    width: 80px; } }
@media only screen and (max-width: 1500px) {
  .dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content {
    max-width: 40%; } }
@media only screen and (max-width: 1200px) {
  .dashboard .newsletter-search-sidepanel {
    display: none; }
  .dashboard .newsletters-list .newsletter-item .newsletter-hotel-info .newsletter-hotel-content {
    max-width: 40%; } }