@charset "UTF-8";
.hr-navbar {
  width: 100%;
}
@media (min-width: 886px) {
  .hr-navbar .navbar {
    background-color: white;
    margin-bottom: 50px;
  }
  .hr-navbar .navbar .container-fluid {
    margin: 0 auto;
    width: 881px;
    padding-right: 0;
  }
  .hr-navbar .navbar .navbar-brand {
    padding-left: 0;
  }
}
@media (max-width: 885px) {
  .hr-navbar .header-first-row {
    display: none;
  }
  .hr-navbar .navbar-header {
    float: none;
  }
  .hr-navbar .navbar-left,
  .hr-navbar .navbar-right {
    float: none !important;
  }
  .hr-navbar .navbar-toggle {
    display: block;
  }
  .hr-navbar .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .hr-navbar .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .hr-navbar .navbar-collapse.collapse {
    display: none!important;
  }
  .hr-navbar .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .hr-navbar .navbar-nav > li {
    float: none;
  }
  .hr-navbar .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .hr-navbar .collapse.in {
    display: block !important;
  }
  .hr-navbar .navbar {
    background-color: white;
    margin-bottom: 50px;
    padding-left: 30px;
  }
  .hr-navbar .navbar .container-fluid {
    margin: 0 auto;
    width: 360px;
    padding: 0;
  }
  .hr-navbar .navbar a {
    padding: 15px 8px;
  }
  .hr-navbar .navbar .navbar-brand {
    padding-left: 0px;
  }
}
.hr-navbar .header-content {
  margin: 0 auto;
  padding: 0;
  color: #568bc4 !important;
  font-family: "Open Sans", Arial, sans-serif;
  width: 100%;
}
.hr-navbar .header-content .header-first-row {
  color: #F8F8F8;
  background-color: #4C80BC;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
}
.hr-navbar .header-content .header-first-row .navbar-content {
  width: 881px;
  margin: 0 auto;
}
.hr-navbar .header-content .header-first-row .navbar-content .header-element {
  color: #F8F8F8;
  border-style: none solid none none;
  border-width: 2px;
  height: 100%;
  line-height: 24px;
  padding: 0px 20px;
}
.hr-navbar .header-content select.languages {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  background-color: #4C80BC;
  border: none ;
  outline: none;
}
.hr-navbar .header-content select.languages option {
  border: none;
  outline: none;
}
@media (max-width: 991px) {
  select.languages {
    margin-left: 0;
  }
}
.hr-footer-ang {
  width: 100%;
  text-align: center;
  margin: auto;
  position: fixed;
  bottom: 0;
}
.hr-footer-ang .footer-content {
  line-height: 25px;
  height: 25px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #F8F8F8;
  background-color: #4C80BC;
}
.hr-footer-ang .footer-content .separator {
  margin: 0 10px;
}
.hr-footer-ang .footer-content a {
  text-decoration: none;
  color: #F8F8F8;
}
.hr-footer-swig {
  width: 100%;
  text-align: center;
  margin: auto;
  position: relative;
  bottom: 0;
}
.hr-footer-swig .footer-content {
  line-height: 25px;
  height: 25px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #F8F8F8;
  background-color: #4C80BC;
}
.hr-footer-swig .footer-content .separator {
  margin: 0 10px;
}
.hr-footer-swig .footer-content a {
  text-decoration: none;
  color: #F8F8F8;
}
.page-content {
  padding: 15px;
  margin-top: 80px;
  max-width: 881px;
  margin: 0 auto;
  background-color: #f8f8f8;
  font-family: "Lato", Arial, sans-serif;
  border: 1px solid #568bc4;
  border-radius: 10px;
  margin-bottom: 50px;
}
.page-title h1 {
  width: 100%;
  display: inline-block;
  float: left;
  font-weight: bold;
  font-size: 14px;
  color: #568BC4;
  text-transform: uppercase;
}
.page-title h1.one-line {
  line-height: 53px;
}
.page-title h1.two-lines {
  line-height: 26px;
}
.line-top {
  width: 100%;
  border-top: 3px solid #568bc4;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  .no-padding-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .no-padding-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .no-padding-sm-left {
    padding-left: 0 !important;
  }
  .no-padding-sm-right {
    padding-right: 0 !important;
  }
}
@media (min-width: 991px) {
  .no-padding-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .no-padding-md-left {
    padding-left: 0 !important;
  }
  .no-padding-md-right {
    padding-right: 0 !important;
  }
}
.growl-notifications {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 1000;
}
.growl-notifications .growl-notification {
  background: #D43939;
  color: white;
  padding: 15px 30px;
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
}
.growl-notifications .growl-notification i {
  margin-right: 10px;
}
.growl-notification.fading.ng-move {
  opacity: 0;
  -webkit-transition: 1s linear all;
  /* Safari/Chrome */
  transition: 1s linear all;
  /* All other modern browsers and IE10+ */
}
.growl-notification.fading.ng-move.ng-move-active {
  opacity: 1;
}
.growl-notification.fading.ng-leave {
  opacity: 1;
  -webkit-transition: 1s linear all;
  /* Safari/Chrome */
  transition: 1s linear all;
  /* All other modern browsers and IE10+ */
}
.growl-notification.fading.ng-leave.ng-leave-active {
  opacity: 0;
}
@media (max-width: 992px) {
  .page-content {
    margin: 0 15px 30px;
  }
}
.page-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-content .property-content {
  display: inline-block;
  overflow: hidden;
}
.page-content .property-content .page-title h1 {
  min-height: 53px;
  margin: 0;
}
.page-content .payment-error {
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px;
  text-align: center;
  border: 1px solid red;
  background-color: #f88;
  color: #800;
  font-weight: bold;
}
.page-content .property-photos {
  border: 1px solid #e4e4e4;
  background-color: white;
  overflow: hidden;
  height: 470px;
  width: 100%;
}
.page-content .property-photos .carousel {
  width: 100%;
  height: 100%;
  text-align: center;
}
.page-content .property-photos .carousel img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}
.page-content .property-photos .carousel-indicators {
  display: none;
}
.page-content .property-photos .left {
  background-image: none;
}
.page-content .property-photos .right {
  background-image: none;
}
.page-content .information-block {
  margin-top: 30px;
  border: 1px solid #E4E4E4;
  border-top: 1px solid #568BC4;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
}
.page-content .information-block .clear {
  margin-bottom: 30px;
}
.page-content .information-block .block-title {
  line-height: 1.1;
  margin-bottom: 15px;
}
.page-content .information-block .block-title h2 {
  color: #568BC4;
  font-size: 16px;
  font-weight: 100;
}
.page-content .information-block .block-content {
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 15px;
}
.page-content .information-block .block-content p {
  color: #7E7E7E;
  white-space: pre-line;
}
.page-content .information-block .block-content i {
  margin-right: 5px;
}
.page-content .custom-popup .uib-datepicker thead tr {
  border-spacing: 2px 0;
  border-bottom: 1px solid grey;
}
.page-content .custom-popup .uib-datepicker thead tr th button {
  font-size: 10px;
}
.page-content .custom-popup .uib-datepicker thead tr th small {
  font-size: 8px;
  padding: 0 2px;
}
.page-content .custom-popup .uib-datepicker span {
  font-size: 10px;
}
.page-content .custom-popup .uib-datepicker .uib-title {
  color: #568bc4;
}
.page-content .custom-popup .uib-datepicker strong {
  font-weight: normal!important;
}
.page-content .custom-popup .uib-datepicker .glyphicon-chevron-left,
.page-content .custom-popup .uib-datepicker .glyphicon-chevron-right {
  color: #568bc4;
  text-shadow: 1px 1px black;
}
.page-content .custom-popup .uib-datepicker .btn-default {
  border: 0;
  border-radius: 0px;
}
.page-content .custom-popup .uib-datepicker .btn-default:disabled {
  border: 0;
  border-radius: 0px;
  opacity: 1;
}
.page-content .custom-popup .uib-datepicker .bhalf button {
  background: linear-gradient(135deg, #FF7878 50%, white 51%) !important;
  color: black;
}
.page-content .custom-popup .uib-datepicker .bhalf button:hover:enabled {
  background: linear-gradient(135deg, #CD2C32 50%, #EDEDEE 51%) !important;
  color: black;
}
.page-content .custom-popup .uib-datepicker .bsecondhalf button {
  background: linear-gradient(135deg, white 50%, #FF7878 51%) !important;
  color: black;
}
.page-content .custom-popup .uib-datepicker .bsecondhalf button:hover:enabled {
  background: linear-gradient(135deg, #EDEDEE 50%, #CD2C32 51%) !important;
  color: black;
}
.page-content .custom-popup .uib-datepicker .bhalfbsecondhalf button {
  background-color: #FF7878 !important;
  color: black;
}
.page-content .custom-popup .uib-datepicker .bhalfbsecondhalf button:hover:enabled {
  background-color: #CD2C32 !important;
  color: black;
}
.page-content .sidebar {
  font-size: 12px;
  width: 100%;
  display: inline-block;
  float: right;
  background-color: white;
  border: 1px solid #E4E4E4;
  color: #333333;
}
.page-content .sidebar .information {
  float: right;
}
.page-content .sidebar .reassure {
  color: #bbb;
  text-align: center;
  line-height: 14px;
}
.page-content .form {
  padding: 20px 15px;
}
.page-content .form label {
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  color: #7E7E7E;
}
.page-content .form .input-group {
  width: 100%;
}
.page-content .form input {
  height: 40px;
  border-radius: 0;
}
.page-content .form span {
  border-radius: 0;
}
.page-content .form .btn-action {
  margin-top: 20px;
}
.page-content .form input.ng-invalid.ng-touched {
  border: 1px solid #FA787E;
}
.page-content .information {
  background-color: white;
  border: 1px solid #e4e4e4;
  margin-top: 20px;
  display: inline-block;
  font-size: 12px;
}
.page-content .information .info .key {
  float: left;
  clear: left;
  padding: 8px 15px;
  font-weight: 300;
  color: #7E7E7E;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
}
.page-content .information .info .value {
  text-align: right;
  border-bottom: 1px solid #F2F1EE;
  margin: 0;
  padding: 8px 15px;
  font-weight: 300;
  color: #333333;
}
@media (max-width: 991px) {
  .page-content .property-content {
    width: 100%;
  }
  .page-content .property-photos {
    width: 100%;
  }
  .page-content .sidebar {
    width: 100%;
  }
  .page-content .information {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .page-content .property-content {
    width: 640px;
  }
  .page-content .property-photos {
    width: 640px;
  }
  .page-content .property-photos .carousel .slide {
    display: flex;
    align-items: center;
    height: 470px;
  }
  .page-content .information {
    width: 100%;
  }
}
.input-group-addon.input-group-addon-custom {
  background-color: #568BC4;
  color: white;
  border: none;
  width: 40px;
}
.btn-default.btn-inquire-custom {
  background-color: #ffc107;
  color: white;
  width: 100%;
  border-radius: 0;
  height: 40px;
}
.btn-default:hover.btn-inquire-custom {
  background-color: #ffc107;
  color: white;
  width: 100%;
  border-radius: 0;
  height: 40px;
}
.btn-default[disabled]:hover {
  background-color: #333333!important;
}
.location {
  height: 550px;
}
div.custom-popup {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
div.custom-popup button,
div.custom-popup input,
div.custom-popup optgroup,
div.custom-popup select,
div.custom-popup textarea,
div.custom-popup span,
div.custom-popup th {
  font: inherit;
  margin: 0;
}
div.custom-popup button .text-muted,
div.custom-popup input .text-muted,
div.custom-popup optgroup .text-muted,
div.custom-popup select .text-muted,
div.custom-popup textarea .text-muted,
div.custom-popup span .text-muted,
div.custom-popup th .text-muted {
  color: #cccccc;
}
div.custom-popup button {
  padding: 4px;
}
div.custom-popup ul {
  padding: 6px;
}
div.custom-popup input[type="button"],
div.custom-popup input[type="submit"],
div.custom-popup input[type="reset"],
div.custom-popup > button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .information-content {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-top: 4px solid #333333;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
  }
  .information-content h3 {
    margin-bottom: 20px;
  }
  .information-content label {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    color: #7E7E7E;
  }
  .information-content .required:after {
    content: ' *';
    color: red;
  }
  .information-content .request-sent {
    text-align: center;
    color: #72C086;
  }
  .information-content #payment-form {
    visibility: hidden;
    display: none;
  }
}
@media (min-width: 992px) {
  .information-content {
    width: 640px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-top: 4px solid #333333;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
  }
  .information-content h3 {
    margin-bottom: 20px;
  }
  .information-content label {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    color: #7E7E7E;
  }
  .information-content .required:after {
    content: ' *';
    color: red;
  }
  .information-content .request-sent {
    text-align: center;
    color: #72C086;
  }
  .information-content #payment-form {
    visibility: hidden;
    display: none;
  }
}
.btn-default.btn-submit-request {
  background-color: #333333;
  color: white;
  width: 100%;
  border-radius: 0;
  height: 40px;
}
.btn-default:hover.btn-submit-request {
  background-color: #333333;
  color: white;
  width: 100%;
  border-radius: 0;
  height: 40px;
}
input.ng-invalid.ng-touched {
  border: 2px solid #FA787E;
}
.booking.information-content {
  margin-top: 0px;
  width: 100%;
}
.booking.information-content img {
  max-height: 136px;
  margin: 0 auto;
}
.booking.information-content .block-title {
  margin-top: 15px;
  font-size: 16px;
}
.booking.information-content .information,
.booking.information-content .photo {
  margin: 15px 0px;
}
.booking.information-content .btn-inquire-custom {
  margin: 0px 0px 15px 0px;
}
.search {
  position: relative;
}
.search .calendar-placeholder {
  height: 36px;
  line-height: 34px;
  right: 10px;
  position: absolute;
  color: grey;
  opacity: 0.5;
  z-index: 10;
  font-size: 23px;
}
.search .custom-form-container {
  width: 100vw;
  height: 450px;
  display: table-cell;
  vertical-align: middle;
}
.search .custom-form-container .custom-form {
  float: none;
  margin: -50px auto 0px auto;
  position: relative;
  width: 360px;
}
@media (min-width: 768px) and (max-width: 885px) {
  .search .custom-form-container .custom-form {
    width: 360px;
  }
}
@media (min-width: 886px) {
  .search .custom-form-container .custom-form {
    width: 881px;
  }
}
.search .custom-form-container .catch-phrase {
  color: white;
  font-size: 4vw;
  text-align: center;
  margin-bottom: 20px;
}
.search .custom-form-container .panel {
  background: rgba(255, 255, 255, 0.8);
  margin: 0px;
}
.search .carousel {
  height: 500px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  position: absolute;
  top: -50;
  left: 0;
  z-index: -100;
}
.search .carousel img {
  width: auto;
  min-height: 500px;
}
.search .carousel-indicators {
  display: none;
}
.search .carousel-control {
  display: none;
}
.search .search-button {
  display: block;
  max-width: 212;
  width: 100%;
  height: 34px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #568BC4;
}
.search .search-button[disabled] {
  color: #333;
  cursor: not-allowed;
  background-color: #ededed;
}
.search .short-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
  margin-bottom: 2px;
}
.search .panel .panel-heading {
  font-size: 20px;
  color: #fff;
  background-color: #333;
}
.search .description-container {
  background-color: white;
  padding: 20px 0;
}
.search .description-container img {
  margin-right: 10px;
  height: 0.8em;
  vertical-align: baseline;
}
.search .body-content {
  width: 360px;
  margin: 0 auto;
}
.search .body-content .secure-payment {
  margin-bottom: 30px;
}
.search .body-content .secure-payment .title {
  margin-bottom: 10px;
  color: #6c6c6c;
}
.search .body-content .usp-container {
  padding-top: 20px;
}
.search .body-content .good-prop .line-top {
  margin-bottom: 15px;
}
.search .body-content .best-prop,
.search .body-content .good-prop {
  padding-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.search .body-content .best-prop .prop .title,
.search .body-content .good-prop .prop .title {
  display: none;
  height: 60px;
}
.search .body-content .best-prop .box,
.search .body-content .good-prop .box {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 5px;
}
.search .body-content .best-prop .box:before,
.search .body-content .good-prop .box:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.search .body-content .best-prop .content,
.search .body-content .good-prop .content {
  position: absolute;
  top: 8;
  left: 8;
  bottom: 0;
  right: 0;
}
.search .body-content .best-prop .content a,
.search .body-content .good-prop .content a {
  display: block;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-shadow: -1px 0 #aaa, 0 1px #aaa, 1px 0 #aaa, 0 -1px #aaa;
}
@media (min-width: 768px) {
  .search .body-content .best-prop .content a,
  .search .body-content .good-prop .content a {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 885px) {
  .search .body-content {
    width: 360px;
  }
  .search .body-content .best-prop .prop {
    width: 100%;
  }
  .search .body-content .good-prop .prop {
    width: 100%;
  }
  .search .body-content .usp-container .usp {
    width: 100%;
  }
  .search .body-content .secure-payment .item {
    width: 100%;
  }
}
@media (min-width: 886px) {
  .search .body-content {
    width: 881px;
  }
  .search .body-content .best-prop .prop .box:before,
  .search .body-content .good-prop .prop .box:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  .search .body-content .best-prop .prop .content,
  .search .body-content .good-prop .prop .content {
    display: none;
  }
  .search .body-content .best-prop .prop .title,
  .search .body-content .good-prop .prop .title {
    display: block;
  }
  .search .body-content .best-prop .prop .title a,
  .search .body-content .good-prop .prop .title a {
    color: #6c6c6c;
    font-size: 14px;
  }
}
.search-results {
  /*Huge thanks to @tobiasahlin at http://tobiasahlin.com/spinkit/ */
}
.search-results .calendar-placeholder {
  height: 36px;
  line-height: 34px;
  right: 10px;
  position: absolute;
  color: grey;
  opacity: 0.5;
  z-index: 10;
  font-size: 23px;
}
.search-results .pagination li {
  cursor: pointer;
}
.search-results .custom-form {
  float: none;
  margin: -25px auto 0px auto;
  position: relative;
  width: 360px;
}
.search-results .result-body {
  width: 360px;
  margin: 0 auto;
}
.search-results .result-body .result {
  padding: 0;
}
.search-results .result-body .result .short-title {
  color: #568BC4;
}
.search-results .result-body .result .price {
  color: #568BC4;
}
.search-results .result-body .result .description {
  overflow: hidden;
  display: -webkit-box;
  line-height: 16px;
  /* fallback */
  max-height: 48px;
  /* fallback */
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.search-results .result-body .result .img-content {
  height: 151px;
  background-repeat: no-repeat;
  background-position: center;
}
.search-results .result-body .filter {
  padding: 0;
}
@media (min-width: 768px) and (max-width: 885px) {
  .search-results .custom-form {
    width: 360px;
  }
  .search-results .result-body {
    width: 360px;
    margin: 0 auto;
  }
}
@media (min-width: 886px) {
  .search-results .custom-form {
    width: 881px;
  }
  .search-results .result-body {
    width: 881px;
    margin: 0 auto;
  }
  .search-results .result-body .result {
    width: 75%;
    padding-left: 15px;
  }
  .search-results .result-body .filter {
    width: 25%;
    padding-right: 15px;
  }
}
.search-results .search-button {
  display: block;
  max-width: 212;
  width: 100%;
  height: 34px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #568BC4;
}
.search-results .search-button[disabled] {
  color: #333;
  cursor: not-allowed;
  background-color: #ededed;
}
.search-results .short-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
  margin-bottom: 2px;
}
.search-results .price {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 16px;
  color: #555566;
}
.search-results .price .price-value {
  font-weight: 600;
}
.search-results .info {
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: 4px;
}
.search-results .panel .panel-heading {
  font-size: 20px;
  color: #fff;
  background-color: #333;
}
.search-results .results {
  float: none;
  margin: 0 auto;
}
.search-results .results .result-panel {
  margin-bottom: 100px;
}
.search-results .spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
}
.search-results .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #568BC4;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.search-results .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.search-results .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@font-face {
  font-family: 'hr-icon';
  src:  url('fonts/hr-icon.eot?exh6x');
  src:  url('fonts/hr-icon.eot?exh6x#iefix') format('embedded-opentype'),
    url('fonts/hr-icon.ttf?exh6x') format('truetype'),
    url('fonts/hr-icon.woff?exh6x') format('woff'),
    url('fonts/hr-icon.svg?exh6x#hr-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="hr-icon-"], [class*=" hr-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hr-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hr-icon-euro:before {
  content: "\e900";
}
.hr-icon-cs-247:before {
  content: "\e901";
}
.hr-icon-secure-payment:before {
  content: "\e902";
}
.hr-icon-house-care:before {
  content: "\e903";
}
.hr-icon-cs:before {
  content: "\e904";
}
.hr-icon-photo-quality:before {
  content: "\e905";
}
.hr-icon-euro-rounded:before {
  content: "\e906";
}

.youpi{
  height:1234px;
}

@font-face {
  font-family: 'payment-webfont';
  src:  url('fonts/payment-webfont.eot?6mftx8');
  src:  url('fonts/payment-webfont.eot?6mftx8#iefix') format('embedded-opentype'),
    url('fonts/payment-webfont.ttf?6mftx8') format('truetype'),
    url('fonts/payment-webfont.woff?6mftx8') format('woff'),
    url('fonts/payment-webfont.svg?6mftx8#payment-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="pw-"], [class*=" pw-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'payment-webfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pw-paybox:before {
  content: "\e900";
}
.pw-visa:before {
  content: "\e601";
}
.pw-electronic-cash:before {
  content: "\e600";
}
.pw-master-card:before {
  content: "\e602";
}
.pw-union-pay:before {
  content: "\e603";
}
.pw-paypal:before {
  content: "\e604";
}
.pw-maestro:before {
  content: "\e605";
}
.pw-visa-electron:before {
  content: "\e606";
}
.pw-american-express:before {
  content: "\e607";
}
.pw-poste-pay:before {
  content: "\e608";
}
.pw-diners-club:before {
  content: "\e609";
}
.pw-discover:before {
  content: "\e60a";
}
.pw-carta-si:before {
  content: "\e60b";
}
.pw-verisign:before {
  content: "\e60c";
}
.pw-stripe:before {
  content: "\e60d";
}
.pw-square:before {
  content: "\e60e";
}
.pw-ogone:before {
  content: "\e60f";
}
.pw-jcb:before {
  content: "\e610";
}
.pw-google-wallet:before {
  content: "\e611";
}
.pw-truste:before {
  content: "\e612";
}
.pw-amazon:before {
  content: "\e613";
}
.pw-bitcoin:before {
  content: "\e614";
}
.pw-bitcoin-sign:before {
  content: "\e615";
}
.pw-ripple:before {
  content: "\e616";
}
.pw-sofort:before {
  content: "\e617";
}
.pw-gittip:before {
  content: "\e618";
}
.pw-flattr:before {
  content: "\e61a";
}
.pw-skrill:before {
  content: "\e61b";
}
.pw-cb:before {
  content: "\e61c";
}
.pw-clickandbuy:before {
  content: "\e61d";
}
.pw-western-union:before {
  content: "\e61e";
}
.pw-braintree:before {
  content: "\e61f";
}
.pw-payesafe-card:before {
  content: "\e620";
}
.pw-ideal:before {
  content: "\e621";
}

@font-face {
  font-family: 'hr-partners';
  src:  url('fonts/hr-partners.eot?j5bswh');
  src:  url('fonts/hr-partners.eot?j5bswh#iefix') format('embedded-opentype'),
    url('fonts/hr-partners.ttf?j5bswh') format('truetype'),
    url('fonts/hr-partners.woff?j5bswh') format('woff'),
    url('fonts/hr-partners.svg?j5bswh#hr-partners') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="hr-partners-"], [class*=" hr-partners-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'hr-partners' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hr-partners-vrbo .path1:before {
  content: "\e900";
  color: rgb(152, 128, 0);
}
.hr-partners-vrbo .path2:before {
  content: "\e901";
  margin-left: -2.658203125em;
  color: rgb(255, 215, 1);
}
.hr-partners-vrbo .path3:before {
  content: "\e902";
  margin-left: -2.658203125em;
  color: rgb(24, 162, 113);
}
.hr-partners-vrbo .path4:before {
  content: "\e903";
  margin-left: -2.658203125em;
  color: rgb(40, 49, 130);
}
.hr-partners-niumba .path1:before {
  content: "\e904";
  color: rgb(237, 28, 36);
}
.hr-partners-niumba .path2:before {
  content: "\e905";
  margin-left: -2.9130859375em;
  color: rgb(248, 150, 29);
}
.hr-partners-9flats .path1:before {
  content: "\e906";
  color: rgb(36, 31, 32);
}
.hr-partners-9flats .path2:before {
  content: "\e907";
  margin-left: -3.55078125em;
  color: rgb(0, 162, 190);
}
.hr-partners-abritel .path1:before {
  content: "\e908";
  color: rgb(15, 75, 165);
}
.hr-partners-abritel .path2:before {
  content: "\e909";
  margin-left: -3.6533203125em;
  color: rgb(42, 107, 190);
}
.hr-partners-atraveo .path1:before {
  content: "\e90a";
  color: rgb(255, 255, 255);
}
.hr-partners-atraveo .path2:before {
  content: "\e90b";
  margin-left: -2em;
  color: rgb(255, 0, 11);
}
.hr-partners-casamundo .path1:before {
  content: "\e90c";
  color: rgb(231, 186, 69);
}
.hr-partners-casamundo .path2:before {
  content: "\e90d";
  margin-left: -3.12890625em;
  color: rgb(66, 83, 139);
}
.hr-partners-casamundo .path3:before {
  content: "\e90e";
  margin-left: -3.12890625em;
  color: rgb(154, 162, 187);
}
.hr-partners-edomizil .path1:before {
  content: "\e90f";
  color: rgb(0, 0, 0);
}
.hr-partners-edomizil .path2:before {
  content: "\e910";
  margin-left: -3.708984375em;
  color: rgb(255, 255, 255);
}
.hr-partners-edomizil .path3:before {
  content: "\e911";
  margin-left: -3.708984375em;
  color: rgb(199, 92, 3);
}
.hr-partners-expedia .path1:before {
  content: "\e912";
  color: rgb(251, 193, 8);
}
.hr-partners-expedia .path2:before {
  content: "\e913";
  margin-left: -3.5341796875em;
  color: rgb(7, 47, 84);
}
.hr-partners-fewo-direkt .path1:before {
  content: "\e914";
  color: rgb(0, 0, 0);
}
.hr-partners-fewo-direkt .path2:before {
  content: "\e915";
  margin-left: -2.99609375em;
  color: rgb(42, 110, 187);
}
.hr-partners-finn .path1:before {
  content: "\e916";
  color: rgb(255, 255, 255);
}
.hr-partners-finn .path2:before {
  content: "\e917";
  margin-left: -1.904296875em;
  color: rgb(6, 191, 252);
}
.hr-partners-finn .path3:before {
  content: "\e918";
  margin-left: -1.904296875em;
  color: rgb(0, 99, 252);
}
.hr-partners-holidaylettings .path1:before {
  content: "\e919";
  color: rgb(0, 109, 182);
}
.hr-partners-holidaylettings .path2:before {
  content: "\e91a";
  margin-left: -4.5712890625em;
  color: rgb(31, 161, 219);
}
.hr-partners-flipkey .path1:before {
  content: "\e91b";
  color: rgb(135, 37, 38);
}
.hr-partners-flipkey .path2:before {
  content: "\e91c";
  margin-left: -3.23046875em;
  color: rgb(208, 119, 44);
}
.hr-partners-rentalia .path1:before {
  content: "\e91d";
  color: rgb(0, 102, 212);
}
.hr-partners-rentalia .path2:before {
  content: "\e91e";
  margin-left: -4.0888671875em;
  color: rgb(0, 0, 255);
}
.hr-partners-house-trip .path1:before {
  content: "\e91f";
  color: rgb(255, 255, 255);
}
.hr-partners-house-trip .path2:before {
  content: "\e920";
  margin-left: -2.0068359375em;
  color: rgb(35, 31, 32);
}
.hr-partners-house-trip .path3:before {
  content: "\e921";
  margin-left: -2.0068359375em;
  color: rgb(24, 190, 206);
}
.hr-partners-roomorama .path1:before {
  content: "\e922";
  color: rgb(255, 255, 255);
}
.hr-partners-roomorama .path2:before {
  content: "\e923";
  margin-left: -9.5234375em;
  color: rgb(212, 35, 42);
}
.hr-partners-wimdu .path1:before {
  content: "\e924";
  color: rgb(252, 175, 23);
}
.hr-partners-wimdu .path2:before {
  content: "\e925";
  margin-left: -5.1396484375em;
  color: rgb(0, 93, 170);
}
.hr-partners-tripadvisor .path1:before {
  content: "\e926";
  color: rgb(255, 255, 255);
}
.hr-partners-tripadvisor .path2:before {
  content: "\e927";
  margin-left: -5.365234375em;
  color: rgb(255, 255, 255);
}
.hr-partners-tripadvisor .path3:before {
  content: "\e928";
  margin-left: -5.365234375em;
  color: rgb(190, 53, 56);
}
.hr-partners-tripadvisor .path4:before {
  content: "\e929";
  margin-left: -5.365234375em;
  color: rgb(88, 148, 66);
}
.hr-partners-tripadvisor .path5:before {
  content: "\e92a";
  margin-left: -5.365234375em;
  color: rgb(0, 0, 0);
}
.hr-partners-tripadvisor .path6:before {
  content: "\e92b";
  margin-left: -5.365234375em;
  color: rgb(255, 216, 129);
}
.hr-partners-tripadvisor .path7:before {
  content: "\e92c";
  margin-left: -5.365234375em;
  color: rgb(0, 0, 0);
}
.hr-partners-tripadvisor .path8:before {
  content: "\e92d";
  margin-left: -5.365234375em;
  color: rgb(88, 148, 66);
}
.hr-partners-tripadvisor .path9:before {
  content: "\e92e";
  margin-left: -5.365234375em;
  color: rgb(0, 0, 0);
}
.hr-partners-tripadvisor .path10:before {
  content: "\e92f";
  margin-left: -5.365234375em;
  color: rgb(88, 148, 66);
}
.hr-partners-tripadvisor .path11:before {
  content: "\e930";
  margin-left: -5.365234375em;
  color: rgb(0, 0, 0);
}
.hr-partners-tripadvisor .path12:before {
  content: "\e931";
  margin-left: -5.365234375em;
  color: rgb(171, 201, 159);
}
.hr-partners-airbnb:before {
  content: "\e932";
  color: #ff5a5f;
}
.hr-partners-bookingcom .path1:before {
  content: "\e933";
  color: rgb(39, 59, 125);
}
.hr-partners-bookingcom .path2:before {
  content: "\e934";
  margin-left: -5.896484375em;
  color: rgb(73, 159, 221);
}
.hr-partners-bookingcom .path3:before {
  content: "\e935";
  margin-left: -5.896484375em;
  color: rgb(39, 59, 125);
}
.hr-partners-bookingcom .path4:before {
  content: "\e936";
  margin-left: -5.896484375em;
  color: rgb(73, 159, 221);
}
.hr-partners-bookingcom .path5:before {
  content: "\e937";
  margin-left: -5.896484375em;
  color: rgb(39, 59, 125);
}
.hr-partners-bookingcom .path6:before {
  content: "\e938";
  margin-left: -5.896484375em;
  color: rgb(39, 59, 125);
}
.hr-partners-bookingcom .path7:before {
  content: "\e939";
  margin-left: -5.896484375em;
  color: rgb(73, 159, 221);
}
.hr-partners-homeaway-2 .path1:before {
  content: "\e93a";
  color: rgb(34, 30, 31);
}
.hr-partners-homeaway-2 .path2:before {
  content: "\e93b";
  margin-left: -5.154296875em;
  color: rgb(42, 110, 187);
}
.hr-partners-homeaway-2 .path3:before {
  content: "\e93c";
  margin-left: -5.154296875em;
  color: rgb(255, 255, 255);
}
.hr-partners-homeaway-2 .path4:before {
  content: "\e93d";
  margin-left: -5.154296875em;
  color: rgb(42, 110, 187);
}
.hr-partners-homeaway-2 .path5:before {
  content: "\e93e";
  margin-left: -5.154296875em;
  color: rgb(42, 107, 190);
}
.hr-partners-homeaway-2 .path6:before {
  content: "\e93f";
  margin-left: -5.154296875em;
  color: rgb(255, 255, 255);
}

.quote-block.sidebar {
  margin-bottom: 20px;
}
.quote-block.sidebar .availability {
  padding: 10px;
  font-size: 14px;
  color: #7E7E7E;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #E4E4E4;
}
.quote-block.sidebar .availability .available {
  color: #72C086;
}
.quote-block.sidebar .availability .not-available {
  color: #D43939;
  font-size: 16px;
}
.quote-block.sidebar .availability .reason {
  font-size: 12px;
}
.quote-block.sidebar .quote-datum {
  padding: 10px;
  font-size: 14px;
  color: #7E7E7E;
  overflow: auto;
}
.quote-block.sidebar .quote-datum.price {
  background-color: #568bc4;
  color: black;
  font-weight: bold;
}
.quote-block.sidebar .nights {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #7E7E7E;
  overflow: auto;
  background-color: #568BC4;
  color: white;
}
.sidebar-title {
  border-bottom: 1px solid #E4E4E4;
  text-align: center;
  background-color: #568BC4;
  color: white;
  padding: 15px;
  font-size: 16px;
}
hr-payment-form .form-group .btn-submit-request {
  background-color: #ffc107;
}
hr-payment-form .form-group .btn-submit-request:hover {
  background-color: #ffc107;
}
hr-payment-form .form-group .btn-submit-request:focus {
  color: white;
}
.form hr-payment-form .form-group {
  margin-bottom: 0px;
}
