/* ========================================================================== */
/* =global */
/* ========================================================================== */

body {
    font-size: 13px;
}

body.homepage {
}

.property-detail {
    background: #fff;
}

#teaser,
#promo {
    background: none;
}



/* ========================================================================== */
/* =header */
/* ========================================================================== */

#header {
    background: #fff;
    height: 106px;
    border-top: none;
    border-bottom: none;
}

#header .pb-inner {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    height: 100%;
}

#header h1 {
    left: 419px;
    width: 455px;
    color: #104c73;
    position: initial;
    text-align: center;
}

#header .logo {
    background: url('i/luanahi/logo.png') no-repeat 0 0;
    background-size: contain;
    width: 350px;
    height: auto;
    /* top: 32px; */
    top: 15px;
    position: initial;
}

#header .address {
    display: none;
}


.hp-cal .form-step label {
    /*color: #246390;*/
    color: #184d73;
}

#header .header-contact-link {
    display: block;
    height: 75px;
    padding-right: 20px;
    background: #138ca7;
    /* margin: 12px 0 0 0; */
    margin: 0 0 0 0;
    text-decoration: none;
    position: initial;
}

#header .header-contact-link .header-contact-link-inner {
    display: block;
    height: 69px;
    padding-left: 20px;
    background: #138ca7;
}

#header .header-contact-link .contact-us-question {
    color: #fff;
}

#header .header-contact-link .contact-us-number {
    color: #fefefe;
    line-height: 30px;
    background: #59c6d3;
    padding: 0 10px;
}


/* ========================================================================== */
/* =nav */
/* ========================================================================== */

#nav {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #138ca7;
    background: #138ca7;
    height: 71px;
    margin-top: -1px;
}

#main {
    background: url('i/luanahi/nav-shadow.png') repeat-x 0 0;
}

.homepage #main {
    background: none;
}

#nav-main a {
    height: 71px;
    line-height: 71px;
    color: #fefefe;
    margin-top: 2px;
}

#nav-main,
#nav-main ul {
    margin-top: 0;
    padding-top: 0;
}

#nav-main ul li:hover a {
    background: #59c6d3;
    border: none;
    border-top: 2px solid #59c6d3;
    color: #fff;
    margin-top: 0px;
}

#nav-main ul li:hover li a {
    border-top: none;
}

#nav-main ul li:hover li a span {
    border-bottom: 1px solid rgba(19, 140, 167, 0.25);
}

#nav-main ul li:hover li:hover a span {
    border-top-color: #138ca7;
    background-color: #138ca7;
}

#nav-main ul li .list-wrap {
    border-top-color: #59c6d3;
    border-bottom-color: #59c6d3;
}

#nav-main ul li:hover ul li:hover .list-wrap {
    background: #138ca7;
}

#nav-main ul li:hover ul li:hover .list-wrap a {
    background: #59c6d3;
}

#nav-main ul li:hover ul li:hover .list-wrap a > span {
    border-top: 1px solid rgba(89, 198, 211,0.25);
}

#nav-main ul li:hover ul li:hover .list-wrap a:hover > span {
    background: #59c6d3;
}

#nav-main ul li:hover ul li:hover .list-wrap .first a > span {
    border-top: none;
}

#lang-switcher,
#nav .nav-fb-link {
    /*display: none;*/
}

#lang-switcher .lang-btn .langcode {
    color: #fff;
}

#lang-switcher .lang-big,
#lang-switcher .lang-big .langcode {
    border: 0 none;
    height: 30px;
    line-height: 30px;
}

#nav .nav-fb-link.instagram {
    background-image: url('i/luanahi/ico-instagram-simple.svg');
    background-size: 18px;
}


/* ========================================================================== */
/* =teaser & promo */
/* ========================================================================== */

#teaser {
    height: 650px;
    position: relative;
}

#teaser .pb-inner,
#promo .pb-inner {
    background: none;
    width     : 1200px;
}

#teaser .pb-inner {
    height: 100%;
}

#promo .pb-inner {
    background: rgba(89, 198, 211, 0.2);
    margin-top: 15px;
    padding-top: 15px;
}

#teaser .teaser-holder {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#teaser .teaser-holder .cycle-slide {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
}

.homepage .teaser-holder span {
    color: #0A2126;
}

#promo .promo-nav {
    background-color: transparent;
}

/*#teaser .hp-cal-v2 {
    top: 20px;
    bottom: 38px;
    left: 20px;
    background: rgba(215,233,250,0.9);
    border-color: #c7e0f9;
}*/

#promo .promo-nav {
    background-color: transparent;
}

#teaser .hp-cal-v2.hp-cal-horizontal {
    bottom: 15px;
    left: 0;
    right: 0;
    top: auto;
    background  : rgba(0, 0, 0, 0.75);
    height: auto;
    width: 1198px;
    border-color: transparent;
}

#teaser .hp-cal-v2.hp-cal-horizontal .part {
    padding: 15px;
}

#teaser .hp-cal-v2.hp-cal-horizontal .form-step,
#teaser .hp-cal-v2.hp-cal-horizontal .button-wrap {
    float: left;
    padding-right: 20px;
    margin-bottom: 0;
    height: 40px;
}

#id_guest_count_target button {
    width: 185px;
    /*font-size: 12px;*/
}

#id_guest_count_target ul {
    width: 183px;
}

#teaser .hp-cal-v2.hp-cal-horizontal .form-step label {
    display: none;
}

#teaser .hp-cal-v2.hp-cal-horizontal .form-step .cal-input-wrapper {
    width: 255px;
}

#teaser .hp-cal-v2.hp-cal-horizontal .form-step .ico-cal {
    background-position: 219px center;
}

#teaser .hp-cal-v2.hp-cal-horizontal .form-step .cal-input-wrapper input {
    width: 246px;
    /*font-size: 12px;*/
}

#teaser .hp-cal-v2.hp-cal-horizontal .submit-wrap {
    width: 190px;
}

#teaser .hp-cal-v2.hp-cal-horizontal .as-link-wrap {
    clear: none;
    padding-right: 0;
}

#teaser .hp-cal-v2.hp-cal-horizontal .as-link {
    border: 2px solid #59c6d3;
    background: transparent;
    display: block;
    float: left;
    width: auto;
}


#teaser .hp-cal-v2.hp-cal-horizontal .as-link:hover {
    background: #59c6d3;
    border: 2px solid #59c6d3;
    color: #fff;
}

#teaser .hp-cal-v2.hp-cal-horizontal .as-link,
#teaser .hp-cal-v2.hp-cal-horizontal .as-link span {
    height: 36px;
    line-height: 36px;
}

#teaser .hp-cal-v2.hp-cal-horizontal .as-link span {
    border-top-color: transparent;
}

.homepage .teaser-holder-v2 span {
    left: 0px;
    width: 100%;
    top: 30%;
    text-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.homepage .teaser-holder-v2 span,
.homepage .teaser-holder-v2 .teaser-text-light span {
    left: 0px;
    width: 100%;
    top: 30%;
    text-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.homepage .teaser-holder-v2 .teaser-text-dark span {
    left: 0px;
    width: 100%;
    top: 30%;
    text-shadow: 0 0 15px rgba(255,255,255,0.5);
    color: #000;
}

.homepage .teaser-holder span {
    position: absolute;
    display: block;
    font-size: 72px;
    line-height: 96px;
    color: #fff;
    opacity: 0.95;
    text-align: center;
    font-weight: bold;
}

/* ========================================================================== */
/* =content */
/* ========================================================================== */

.prop-reviews .rating span {
    background: url('i/luanahi/prop-rating-symbols.png') repeat-x 0 -32px;
}

.pl .pl-item-side {
    background-color: #fff;
    float: right;
    width: 228px;
    height: 254px;
    border: 1px solid #e6e6e6;
    margin: 10px 0;
}

.pl .pl-item-title {
    width: 460px;
}

.pl .pl-item-guests,
.pl .pl-item-price {
    line-height: 1.5em;
}

.pl .pl-item-bottom .pl-item-sociales {
    margin-top: 7px;
}

.prop-detail-head h2 {
    width: 840px;
}

.quick-info {
    width: 290px;
    overflow: hidden;
}

.homepage #main #groups-filters {
    background: rgba(255,255,255,0.75);
    margin: 10px 0;
    padding: 0 0 10px 0;
}

.homepage #main #groups-filters .pb-inner {
    width: 1180px;
    /*padding-left: 50px;*/
    padding-bottom: 20px;
}

.homepage #main #groups-filters .pb-inner h2 {
    margin-top: 20px;
}

#all-properties ul,
#bedrooms-filters ul,
#groups-filters ul {
    float: left;
    width: 190px;
}

#all-properties ul li,
#bedrooms-filters ul li,
#groups-filters ul li {
    margin-bottom: 7px;
}

#groups-filters ul li a {
    color: #138ca7;
    text-decoration: none;
    font-weight: bold;
}

#groups-filters ul li a:hover {
    text-decoration: underline;
}


/* ========================================================================== */
/* =colors */
/* ========================================================================== */
.c-01,
#content h1,
h2,
.rp-bar .active,
#footer-seo strong,
.prop-filters label,
#lang-switcher a {
    color: #000;
}

.c-02,
.prop-detail-head h3,
.pl-sort a:hover,
.pl-sort .sorted {
    color: #000;
}

.c-03 {
    color: #0a304c;
}


.c-04, body, input, select, textarea, .hp-list-head h2, .pl-sort a {
    color: #4D4D4D;
}


.c-06,
#footer-info a:hover,
#footer .copyright * {
    color: #aeb2b4;
}


.c-08,
a,
.c-17 {
    color: #138ca7;
}

.c-14 {
    color: #43b80f;
}

.c-15 {
    color: #929292;
}

.c-16 {
    color: #878787;
}

.c-18,
.prop-infobox .prop-infobox-menu a {
    color: #595959;
}


/* ========================================================================== */
/* =backgrounds */
/* ========================================================================== */

.bgc-01,
.list02 .row1,
.prop-filters {
    background-color: rgba(89, 198, 211, 0.2);
}

.bgc-02,
.list02 .row2 {
    background-color: rgba(0, 204, 204,0.033);
}

.bgc-07,
#nav ul li:hover a,
#nav ul li:hover li a {
    background-color: #59c6d3;
}

.bgc-08,
#photos,
.quick-info,
.prop-infobox .prop-infobox-menu,
.highlight-box-01,
.pl .pl-item-content {
    background-color: #fff;
}

.bgc-10,
#nav ul li:hover li a:hover span span,
#nav ul li:hover li.active a span span {
    background-color: #138ca7;
}

.bgc-11,
.pl .pl-item-head {
    background-color: rgba(89, 198, 211, 0.2);
}

.bgc-16,
.button-01:hover {
    background-color: #59c6d3;
}

.bgc-19,
.button-01 {
    background-color: #138ca7;
}



/* ========================================================================== */
/* =buttons */
/* ========================================================================== */

.button {
    -webkit-transition: all 75ms ease-in-out;
    -moz-transition: all 75ms ease-in-out;
    -ms-transition: all 75ms ease-in-out;
    -o-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out;
}

.button-01 {
    border-top-color: #138ca7;
    border-bottom-color: #138ca7;
}

.button-01 span {
    border-top-color: #138ca7;
}

.button-01:hover {
    border-top-color: #59c6d3;
    border-bottom-color: #59c6d3;
}

.button-01:hover span {
    border-top-color: #59c6d3;
}

.button-01c {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    border-top-color: #90b9c8;
    border-bottom-color: #aeccd7;
    background-color: #90b9c8;
    color: #f5f5f5;
    text-align: center;
    width: auto !important;
    display: block;
}

.button-01c span {
    height: 38px;
    line-height: 38px;
    border-top-color: #aeccd7;
}

.button-01c:hover {
    background-color: #6fa4b7;
    border-top-color: #90b9c8;
    border-bottom-color: #aeccd7;
}

.button-01c:hover span {
    border-top-color: #90b9c8;
}


body > iframe {
    height: 0;
}


/* ========================================================================== */
/* =advanced search*/
/* ========================================================================== */

.ui-widget-overlay {
    background: #fff !important;
    opacity: 0.75;
}

.as-dialog .ui-widget-header {
    display: none;
}

.as-dialog {
    background: #e7f1f8;
    border: 1px solid #a6b9cb;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

.as-dialog h2 {
    font-size: 24px;
    color: #59a3d5;
    margin: 8px 0 20px 0;
}

.as-dialog .ui-dialog-content {
    padding: 18px 18px;
}

.as-dialog .column {
    float: left;
    width: 235px;
}

.as-dialog .column-last {
    width: auto;
}

.as-dialog .column label {
    display: block;
    color: #2c75a9;
}

.as-dialog .column ul li {
    margin: 0 0 5px 0;
}

.as-dialog .column ul li label {
    color: #6d6d6d;
}

.as-dialog .column ul li input {
    height: auto;
}

.as-dialog .column .section title {
    margin: 10px 0;
}

.as-dialog .column input[type=checkbox] {
    position: relative;
    top: 2px;
    margin: 0 4px 0 0;
}

.as-dialog .dropdown button {
    /*background: #fff url('i/cal-small-select-bg.png') no-repeat right top;*/
    padding: 0 50px 0 10px;
    height: 32px;
    line-height: 32px;
    width: 170px;
}

.as-dialog .dropdown dd ul {
    width: 168px;
    /*height: 205px;*/
    height: 142px;
}

.as-dialog .dropdown dd ul.items-1 {
    height: 34px;
}

.as-dialog .dropdown dd ul.items-2 {
    height: 70px;
}

.as-dialog .dropdown dd ul.items-3 {
    height: 106px;
}

.as-dialog .dropdown dd ul.items-4 {
    height: 142px;
}

.as-dialog .last .dropdown dd ul {
    height: 106px !important;
}

.as-dialog .dropdown dd ul li {
    margin: 0;
}

.as-dialog .column .ico-cal {
    /*background-image: url('i/ico-cal.png');*/
    background-position: 137px center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 9px;
    width: 129px;
    border: 1px solid #a2c7e1;
}

.as-dialog .column input,
.as-dialog .column button {
    cursor: pointer;
}

.as-dialog  .column .section-title {
    margin: 0 0 7px 0;
}

.as-dialog .column-1 .section-title {
    margin: 0;
}

.as-dialog .section-wrap {
    margin: 0 0 10px 0;
}

.ui-datepicker.ui-datepicker-multi {
    -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.ui-datepicker .ui-datepicker-header {
    background: #138ca7;
}

.as-dialog .bottom-row {
    clear: both;
    border-top: 1px solid #a2c7e1;
    text-align: right;
    padding: 18px 0 0 0;
    margin: 14px 0 0 0;
}

.as-dialog .bottom-row a {
    text-decoration: none;
    color: #59a3d5;
    padding: 0;
    margin-right: 25px;
}

.as-dialog .bottom-row a:hover {
    text-decoration: underline;
}

#teaser .as-link-wrap {
    clear: both;
}

#teaser .as-link {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

#teaser .buttons-separator {
    text-align: left;
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    float: left;
    padding: 0 20px 0 0;
    max-width: 30px;
    overflow: hidden;
}

.prop-filters .as-link {
    display: block;
    margin: 33px 20px 0 0;
}

.prop-filters .prop-filters-active {
    border-top: 1px solid #d7e4ed;
    margin: 0 10px 9px 10px;
    padding: 9px 0 0 0;
    font-size: 11px;
}

.prop-filters .prop-filters-active table,
.prop-filters .prop-filters-active table td {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.prop-filters .prop-filters-active .title {
    font-weight: bold;
    white-space: nowrap;
}

.prop-filters .prop-filters-active .criteria {
    float: left;
}

.prop-filters .prop-filters-active .criteria li {
    float: left;
    margin-left: 20px;
    white-space: nowrap;
}

.prop-filters .prop-filters-active .criteria .btn-cancel {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background: url('i/filters-btn-cancel.png') no-repeat 0 0;*/
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin: 0 0 0 2px;
}

.prop-filters .prop-filters-active .criteria .btn-cancel:hover {
    background-position: 0 -16px;
}

.prop-filters .prop-filters-active .criteria {}

.sr-matches {
    background: #f9edbb;
    width: 610px;
    margin: 0 0 0 350px;
    font-size: 12px;
}

.sr-matches-inner {
    padding: 8px 10px;
}

.pl-sort-pg .pl-sort *,
.pl-sort-pg .pagination * {
    font-size: 14px;
}

/* ========================================================================== */
/* =font sizes */
/* ========================================================================== */

#teaser .fs-4 {
    font-size: 14px;
}


/* ========================================================================== */
/* =404 styles */
/* ========================================================================== */

#list-404 {
    width: 250px !important;
}

.pb-inner-404 {
    width: 1090px !important;
    padding: 0px !important;
}

.footer-404 {
    bottom: 0px;
    position: absolute;
}

.discount-code {
    width: 100%;
}

.discount-code input[type=text] {
    width: 200px;
}


/*@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .pb {
        border-bottom: 1px solid red;
        width: 100vw;
        min-width: auto;
    }
    #header .pb-inner,
    #teaser .pb-inner,
    #promo .pb-inner,
    #teaser .hp-cal-v2.hp-cal-horizontal,
    #promo-holder {
        width: 100%;
    }    
}*/