/* ^^^ PI-TEMPLATE : Main css template ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
//////////////////////////////////////////////////////////////////////////////
 * This template covers most design parametres of the project
 * and screen widths between 500 ~ 1500 pixels
 ------------------------------------------------------------------------------ */


/* ^^^ R E S E T ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
//////////////////////////////////////////////////////////////////////////////
 * Normalize.css v8.0.1
 * MIT License | github.com/necolas/normalize.css
 * slightly changed by Geo.X (b.19.06)
 NOTE: normalize should go on top of all CSS
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */


    /* Document
    ========================================================================== */
    /* 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS */
    html {
        line-height: 1.15; /* 1 */
        -webkit-text-size-adjust: 100%; /* 2 */
    }
    /* Sections -------------------------------------------------------------- */

    /* Remove the margin in all browsers. */
    body { margin: 0; }
    /* Render the `main` element consistently in IE */
    main { display: block; }
    /* Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari. */
    h1 { font-size: 2em; margin: 0.67em 0; }

    /* Grouping content ------------------------------------------------------ */

    /* 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE */
    hr { /* 1 */  box-sizing: content-box; height: 0; /* 1 */
        /* 2 */ overflow: visible;
    }
    /* 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers. */
    pre { font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }

    /* Text-level semantics -------------------------------------------------- */

    /* Remove the gray background on active links in IE 10 */
    a { background-color: transparent; }
    /* 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
    abbr[title] { /* 1 */  border-bottom: none;
      /* 2 */text-decoration: underline; text-decoration: underline dotted;
    }
    /* Add the correct font weight in Chrome, Edge, and Safari. */
    b, strong { font-weight: bolder; }
    /* 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers. */
    code, kbd, samp {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }
    /* Add the correct font size in all browsers. */
    small { font-size: 80%; }
    /* Prevent SUB,SUP elements from affecting line height in all browsers */
    sub, sup { position: relative; vertical-align: baseline;
      font-size: 75%; line-height: 0;
    }
    sub { bottom: -0.25em; }
    sup { top: -0.5em; }

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

    /* Remove the border on images inside links in IE 10.*/
    img { border-style: none; }

    /* Forms ----------------------------------------------------------------- */

    /* 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari. */
    button, input, optgroup, select, textarea {
      /* 1 */  font-family: inherit; font-size: 100%; line-height: 1.15;
      /* 2 */  margin: 0;
    }
    /* Show the overflow in IE, Show the overflow in Edge. */
    button, input { overflow: visible; }
    /* Remove the inheritance of text transform in Edge, Firefox, and IE. */
    button, select { text-transform: none; }
    /* Correct the inability to style clickable types in iOS and Safari. */
    button,
    [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

    /* Remove the inner border and padding in Firefox.*/
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
    /* Restore the focus styles unset by the previous rule. */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
    /* Correct the padding in Firefox. */
    fieldset { padding: 0.35em 0.75em 0.625em; }
    /* 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers. */
    legend {
      /* 1 */  box-sizing: border-box; display: table; max-width: 100%; white-space: normal;
      /* 2 */  color: inherit;
      /* 3 */  padding: 0; /* 3 */
    }
    /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
    progress { vertical-align: baseline; }
    /* Remove the default vertical scrollbar in IE 10+. */
    textarea { overflow: auto; }
    /* 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10. */
    [type="checkbox"], [type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
				vertical-align: middle;
    }

    /* Correct the cursor style of increment and decrement buttons in Chrome. */
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button { height: auto; }

    /* 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.*/
    [type="search"] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
    }
    /* Remove the inner padding in Chrome and Safari on macOS */
    [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
    /* 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari */
    ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
    }

    /* Interactive ----------------------------------------------------------- */

    /* Add the correct display in Edge, IE 10+, and Firefox */
    details { display: block; }
    /* Add the correct display in all browsers */
    summary { display: list-item; }
    /* Misc ------------------------------------------------------------------ */
    /* Add the correct display in IE 10+ */
    template { display: none; }
    /* Add the correct display in IE 10 */
    [hidden] { display: none; }
    ul{ margin: 0; padding: 0;
    }

.container-fluid{padding: 0;/*overflow: hidden;*/}
/* NOTE:
 * this PATCH works for villa, premium and reset template
 * avoiding mobile devices to scroll horizontaly out of main screen
 * BUT
 * produces bad behaviour on search template for Menu and filters-bar;
 * page also fails to trigger loading more results on some* destinations
 * -----
    html, body {
      overflow-x: hidden
    }
--- */

/* ^^^ TEMPLATE DEFAULTS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
//////////////////////////////////////////////////////////////////////////////
 * defines:
 * - Fonts
 * - Containers
 * - Helpers
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */



/* Font defaults
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

body {font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; }
h1 { font-family:"Roboto", sans-serif; font-size:32px; font-weight:normal; }
h2 { font-family:"Roboto", sans-serif; font-size:28px; font-weight:normal; }
h3 { font-family:"Roboto", sans-serif; font-size:24px; font-weight:700; }
h4 { font-family:"Roboto", sans-serif; font-size:20px; font-weight:normal; }
/* Awesome font for specific classes */
.fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }
/* OMG - new version has deferent defaults and shall change ,@_@)
.fa, .far, .fas, .fal, .fad, .fab { font-family: 'Font Awesome 5 Brands' !important; font-weight: normal !important; } */


/* containers and helper classes
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.noscroll { overflow: hidden; position: relative;}

/* --- containers by width --------------------------------------------------- */

.narrow-container { max-width: 100%; margin: 0 auto; }
.almost-fullwidth { padding: 7px 35px; margin: 0 auto; }
.full-container { width: 100%; margin: 0 auto; }
.thin-contaner { max-width: 80%; width:640px; margin: 0 auto; }

/* --- containers by height -------------------------------------------------- */

.padd-S { padding-top: 16px; padding-bottom: 16px; }
.padd-M { padding-top: 32px; padding-bottom: 32px; }
.padd-L { padding-top: 48px; padding-bottom: 48px; }
.padd-XL { padding-top: 64px; padding-bottom: 64px; }

/* --- paddings UP | Down only ----------------------------------------------- */

.padd-up { padding-top: 16px; }
.padd-down { padding-bottom: 16px; }
.padd-down-small { padding-bottom: 7px;  }

/* --- no-padding at all ----------------------------------------------------- */
.no-padding { padding: 0 !important; }

/* --- no-padding L+R -------------------------------------------------------- */
.nopadd-LR { padding-left: 0; padding-right: 0; }

/* --- breaths on relatively narrow devices ---------------------------------- */
@media screen and ( max-width: 1000px) {
  .breath-12-on-1000 { padding-left: 12px; padding-right:  12px; }
}

 /* body { overflow-x: hidden; } not the best hack, but it works */

@media screen and ( max-width: 991px) {
  .narrow-container { padding-left: 16px; padding-right: 16px; }
  .almost-fullwidth { padding: 7px 7px !important; }
}

.taligh-left{text-align:left;}
.taligh-center{text-align:center;}
.taligh-right{text-align:right;}

.valigh-top{vertical-align:top;}
.valigh-middle{vertical-align:middle;}
.valigh-bottom{vertical-align:bottom;}

.fl{float:left;}
.fr{float:right;}
.cf:before,.cf:after{content:" "; /* 1 */display:table; /* 2 */}
.cf:after{clear:both;}
.cf{*zoom: 1;}
.cf{}

/* sticky classes
------------------------------------------------------------------------------ */

.sticky { position: fixed !important; top: 0; left:0; width: 100%; }
.sticky-down { position: fixed !important; bottom: 0; width: 100%; z-index: 99999 !important; }


/* shadows ------------------------------------------------------------------- */
.shadow-down {
    -webkit-box-shadow: 0px 2px 13px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 0px 2px 13px -5px rgba(0,0,0,0.66);
    box-shadow: 0px 2px 13px -5px rgba(0,0,0,0.66);
    position: relative;
    /* z-index: 10; */
}

/* text variations ----------------------------------------------------------- */
.light-text { font-weight: 300; }
.w-900 { font-weight: 900; }
.sz-18 { font-size: 18px; }
.pi-mini-label { font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 300; color: #646464; padding: 0 3px; }

/* --- depricated:
  .off-canvas-menu-init { overflow-x: hidden; position: relative; }
  body:not(.homepage) #sp-header { height: initial;
    border-bottom: 2px solid #e7e6e6;
    padding: 18px 20px;
  }
--- */







/* S E C T I O N S -----------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 * defines:
 * - Common sections + divs
 * - Pined (id) divs
 * - Application Boxes
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */



/* HEADER
 * ---------------------------------------------------------------------------
 * /////////////////////////////////////////////////////////////////////////// */

#sp-header { position: absolute;
  border-bottom: none !important;
  top: 0; left: 0; width: 100%;
  height: 70px;
  z-index: 99;
  background: transparent;
    /*  box-shadow: 0 3px 3px rgba(0,0,0,0.05); -webkit-box-shadow: none; box-shadow: none; */
}


/* Responsive Fixes ---------------------------------------------------------- */

/* --- XS */
@media screen and (max-width: 767px) {
  #sp-header div#sp-logo .logo { display: block;
    height: 60px; flex-basis: initial;
  }
}

#sp-header .row { display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#sp-header .row > * {
  -webkit-box-align-self: center;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
}

/*.container, .container-fluid{
	padding-right:0;
	padding-left:0;
}*/

.row  {
    margin-right:0;
    margin-left:0;
}
.row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.btn-toolbar{margin-left:0;}
	.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group{margin-left:0;}


#sp-top { background-color:#f6f6f6; color: #515151; }
#sp-top a { color: #515151;}
#sp-top a:hover { color: #ce0606;}
#sp-header { color: #515151; }

#sp-bottom { color:#515151; padding:40px 0; }
#sp-bottom a { color:#515151;}
#sp-bottom a:hover { color: #ce0606;}
#sp-footer{ background-color:#ffffff; color:#515151; }


/* module title -------------------------------------------------------------- */

.module-title h2 { font-size: 30px; font-weight: 300; padding-top: 37px; }
.module-title h2::after { display: block; content: '';
  width: 12%; height: 2px; left:0; /* margin-left: 44%; */
  margin-top: 12px;
}
.module-title p.sub-title { padding: 4px 0; color: #464646;
  font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 400;
}
@media screen and (max-width: 640px) {
  .module-title h2::after { width: 24%; }
  .module-title h2 { font-size: 24px; }
}

/* left header and search autocomplete
------------------------------------------------------------------------------ */

#header-left {  position: absolute; z-index: 1001;
  width: 364px; left: 0; padding: 22px 30px;
  font-family: 'Roboto', sans-serif;
}
#header-left img { width:39px; height: 39px; }
#header-left input { height: 30px; color: #fff;
    padding: 6px; padding-bottom: 0px; padding-right: 24px;
    border-radius: 0;
    border: none; border-bottom: 1px solid #fff;
    box-shadow: none;
    margin-bottom: 5px;
    background: transparent; /* #fff2; */
}
#header-left input:focus { border: none; border-bottom: 1px solid #fff; background: transparent; /* #fff8; */ }
#header-left .easy-autocomplete::after { position: absolute;
  content: "\f002"; color: #ce0606;
  font-family: "Font Awesome 5 Free" !important; font-weight: 900;
  top:3px; right:0;
}

#header--logo { position: relative;
  width: 20%; min-height: 1px;
  padding-right: 15px; padding-left: 15px;
}

#header--autocomplete { position: relative;
  width: 80%; min-height: 1px;
  padding-right: 15px; padding-left: 15px;
}

#header--autocomplete i.search-icon { margin-left: -32px; color: #ce0606; }
/* --- if less than MD : header-left is hidden --- */
@media screen and (max-width: 991px) {
  #header-left { position: absolute; width:calc(100% - 96px); left: 50px; top: 0; }
  #header--logo { position: absolute;
    left: 0; top: 12px;
    width: 40px; height: 40px;
    padding-right: 12px; padding-left: 12px;
  }

  #header--autocomplete { position: absolute;
    right: 0; top: 16px; width: 240px; height: 40px;
    padding-right: 12px; padding-left: 12px;
  }
  #mobi-header--autocomplete { position: absolute;
    right: 0; top: 16px; width: 60px; /* 240px; */ height: 40px;
    padding-right: 12px; padding-left: 12px;
  }
  #mobi-header--autocomplete i { color: #ce0606; font-size: 32px; }
}



/* share url panel
------------------------------------------------------------------------------ */

.pi-share-links { padding: 2px 18px; color: #464646; }
.pi-share-links ul { padding: 3px 3px; margin: 0 !important; }
.pi-share-links ul li { list-style-type: none; height: 32px;
  margin-top: 2px; margin-bottom: 4px;
  border-bottom: 1px solid #ddd; color: #464646;
  font-family: "Roboto", sans-serif; font-style: normal !important;
}
.pi-share-links ul li:first-child { border-top: 1px solid #ddd; }
.pi-share-links ul li a { display:block; text-decoration: none; color: #464646; }
.pi-share-links ul li a:hover { color: #5b9596; }
.pi-share-links ul li i { display: inline-block;
  width: 32px; height: 32px; line-height: 32px;
  margin-right: 16px; text-align: center;
}

#fb-share-button:hover { cursor: pointer; color: #5b9596; /* color: #46b; */ }
a.twitter-share-button:hover { cursor: pointer; /* color: #19e !important; */ }
#copy-url-button { color: #464646; }
#copy-url-button:hover { cursor: pointer; color: #5b9596; /* color: #5b9596; */ }
#copy-url-text { opacity: 0 }


.share-lightbox .main-description h2 { padding-top: 0; margin-top: 32px; }
.share-lightbox .main-description p { font-size: 15px; padding: 3px 12px; }

@media screen and (max-width: 991px) {
  .share-lightbox .main-description p { font-size: 15px; padding: 3px 32px; }
}

/* FOOTER
 * ---------------------------------------------------------------------------
 * /////////////////////////////////////////////////////////////////////////// */


 /* footer-over
 ------------------------------------------------------------------------------ */

 .foot-entry { width: 20%; padding: 15px 15px 0 15px; float: left; font-weight: 700; }
 .foot-entry a, .foot-entry a:link, .foot-entry a:visited { color: #5b9596; }
 .foot-entry span { color: #999; font-weight: 400; }

 .common-tabs .nav-tabs > li.active > a:focus { border: none; }
 .common-tabs .nav-tabs > li > a:focus,
 .common-tabs .nav > li > a:hover { text-decoration: none; background-color: #eee; }
 .common-tabs .nav-tabs > li.active { background: #818181; border-radius: 6px; }
 .common-tabs .nav-tabs > li.active > a,
 .common-tabs .nav-tabs> li.active > a:focus,
 .common-tabs .nav-tabs> li.active > a:hover { border: 0;  color: #fff; background: #999 }
 .common-tabs .nav-tabs > li > a { border: none; color: #444; }

 @media screen and (max-width: 1100px) {
   .foot-entry { font-size: 14px; }
   .foot-entry span { font-size: 12px; }
 }
 @media screen and (max-width: 720px) {
   .foot-entry { width: 25%; font-size: 13px; }
   .foot-entry span { font-size: 11px; }
 }
 @media screen and (max-width: 480px) {
   .foot-entry { width: 33%; }
 }

/* footer-under
------------------------------------------------------------------------------ */

.pi-footer h3 { font-size: 20px; font-weight: 900; color: #464646; }
.pi-footer h3::after { display: block; content: '';
  width: 12%; height: 1px;
  left: 0; margin-left: 0; margin-top: 9px;
}
.pi-footer a { display: block; color: #8b8b8b; font-size: 17px; padding: 1px 0; }
.pi-footer a:hover { color: #5b9596; }

/* --- depricated --- */
.pi-footer input, .pi-footer select { height: 45px; text-align: center; font-weight: 700; }
.pi-footer input { background: #eee; color: #777; padding-right: 25%}
/* .pi-footer .inner-icon { position: relative; right: 80%; }*/
.pi-footer .inner-icon .fas { padding: 14px 0 14px 5px;
  font-size: 16px; color: #454554; text-shadow: none;
}

/* --- instead : --- */

.inner-icon a { height: 45px; text-align: center; font-weight: 700; }
.inner-icon a i { font-size: 24px; font-weight: 900; color: #777; }




@media screen and (max-width: 640px) {
  .pi-footer h3 { font-size: 19px; }
  .pi-footer a { font-size: 16px; padding: 2px 0 }
}

@media screen and (max-width: 480px) {
  .pi-footer h3 { font-size: 18px; }
  .pi-footer a { font-size: 15px; padding: 2px 0 3px; }
}

/* newsletter
------------------------------------------------------------------------------ */
.join-newslette { font-size: 17px; }
.join-newsletter input { padding: 7px 12px; height: 45px; font-size: 15px; width:100%; }
.join-newsletter input[type=submit] { color: #fff; background: #ce0606; font-weight: 700; }

@media screen and (max-width: 756px) {
  .join-newsletter div { padding: 2px 7%; }
}



/* social-media
------------------------------------------------------------------------------ */
.pi-social { color: #464646; }
.some-bold { font-size:120%; font-weight:900; }
ul.social-icons { list-style: none;
  padding: 0;
  display: inline-block;
  float: right;
}
ul.social-icons li {
  margin: 0 14px;
  display: inline-block;
}
ul.social-icons li a i { display: block;
  line-height: 48px; width: 48px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  margin-left: -16px;
}
ul.social-icons li a i.fa-facebook-f { background: #658fc9; }
ul.social-icons li a i.fa-twitter { background: #88d6f3; }
ul.social-icons li a i.fa-google-plus-g { background: #5e5e5d; }
ul.social-icons li a i.fa-pinterest-p { background: #ce0606; }
ul.social-icons li a i.fa-youtube { background: #ef7b5d; }
ul.social-icons li a i.fa-linkedin-in { background: #2398d2; }
ul.social-icons li a i.fa-instagram { background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%); }


@media screen and (max-width: 640px) {
  ul.social-icons li a i { line-height: 40px; width: 40px;
    font-size: 18px; margin-left: -24px;
  }
}
@media screen and (max-width: 480px) {
  ul.social-icons li a i { line-height: 32px; width: 32px;
    font-size: 16px; margin-left: -24px;
  }
}


/* Hero section
NOTE:
MOVED into HOME and LANDING css files
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */





/* search autocomplete (ajax)
------------------------------------------------------------------------------ */

.eac-item i.fas { display: inline-block;
  font-size: 16px;
  color: #5b9596;
  width: 32px !important;
  text-align: center;
}
.eac-item { height: 40px; /* min-height:24px; */ margin-left: -8px; }
.eac-item span.eac-inf { font-size: 12px; color: #888; padding: 2px 32px; }
.eac-item span.eac-cnt { float: right; padding: 2px 4px; margin-top: -22px; }

.easy-autocomplete-container{width: 210%; height:auto;overflow:auto; font-size: 14px; color: #464646; text-shadow: none; }
	.easy-autocomplete-container ul{height:245px;}
		.easy-autocomplete-container ul li,
		.easy-autocomplete-container ul .eac-category { display: block;background: #fff; border: 0 1px solid #ccc; padding: 7px 12px 2px;font-size: 14px; font-weight: normal;}
		.easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 #ddeeff; cursor: pointer;}

.homepage .easy-autocomplete-container {width:100%;height:225px;}

/*@media screen and (max-width: 991px) {
  .easy-autocomplete-container { width: calc(100% + 60px); left: -60px; }
}*/





/* Menu defaults
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

.desktop-menu-main-li a span { font-size: 17px; }
.desktop-menu-main-li-btn a span { font-size:17px; }
.desktop-menu-main-li-ham a span { font-size:24px; }
.desktop-menu-main-li-btn a { border-radius: 7px; padding: 4px 28px; }



/* inquire bar logo
------------------------------------------------------------------------------ */
.resort-logo, .unique-villas-logo { padding: 0 !important; }
.resort-logo img { height: 52px; margin-top: 0; }
.unique-villas-logo img { height: 36px; margin-top: 12px; }

/* inquire buttons */
a.inquire-now {  display: block; width: 100%;
  color:#fff; /*background: [overide on css-links per template] */
  font-weight: 900; text-align: center;
  line-height: 44px; /* center text vertically with line-height, than height + padding */
}
a:hover.inquire-now { text-decoration: none; }



/* Inquire-Now Form (on lity-modal)
------------------------------------------------------------------------------ */

#inquire-NOW input, #inquire-NOW select, #inquire-NOW textarea { margin-bottom: 8px; border: 1px solid #bbb; border-radius: 0; }
#inquire-NOW input.date-range, #inquire-NOW input.pi-sum,
#inquire-NOW input.pi-sum:-moz-read-only, #inquire-NOW input.pi-sum:read-only { border: 1px solid #bbb !important; }
#inquire-NOW input.count { border: none !important; }
#inquire-NOW input[type=submit] { border: none; height: 36px; }
#inquire-NOW .checkbox label { font-size: 14px; color: #464646; }
#inquire-NOW .row.display-flex > [class*="col-"] { padding-bottom: 0; }
#inquire-NOW .caligraphic { font-size: 44px; font-weight: 400; font-family: 'Cookie', cursive; padding-top: 36px; }
#inquire-NOW #after-inquire-div { padding: 0 32px }
#inquire-NOW #after-inquire-div { padding: 0 32px 0 47px; }

@media screen and (max-width: 991px) {
  #inquire-NOW +#after-inquire-div { padding: 0 7px 0 32px }
}

/* Social + Classic Login Buttons
------------------------------------------------------------------------------ */
a.-social-pi, a.-social-pi:hover, a.-social-pi:active { display: block;
  font: normal 500 15px/16px "Roboto", sans-serif;
  text-decoration: none; text-align: center;
  border-radius: 3px; padding: 12px 55px 12px 10px;
  margin: 3px auto;
}
a.-social-pi i { float: left; width: 45px; font-size: 18px; }
a.-a--facebook {  border: 1px solid #29487d; background: #29487d; color: #fff; }
a.-a--google {  border: 1px solid #646464; background: #fff; color: #464646; }
a.-a--mail {  border: 1px solid #ce0606; background: #ce0606; color: #fff; }
a.-pi-prompt-, a.-pi-prompt-:hover, a.-pi-prompt-:active  { color: #464646; font-weight: 300; padding: 12px; }
a.-pi-prompt- span { font-weight: 700; }
a.-rev-prompt-, a.-rev-prompt-:hover, a.-rev-prompt-:active  { color: #fff; font-weight: 300; padding: 12px; }
a.-rev-prompt- span { font-weight: 700; }

/* Specific classes
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */


/* render premium and resort tiles
------------------------------------------------------------------------------ */
.render-premium, .render-resort  { position: absolute; z-index: 10;
  right: 0;  left: 0; top:0; padding: 0;
  color: #fff; text-align: right; line-height: 127%;
  text-shadow: 0 3px 3px rgba(0,0,0,.6);
}
.render-premium span, .render-resort span {
  padding: 3px 12px; margin: 0 12px;
  font-size: 14px; text-shadow: none;
}
.render-premium { border-top: 5px solid #c69641; }
.render-premium span { background: #c69641; }
.render-resort { border-top: 5px solid #222; }
.render-resort span { background: #222; }
@media screen and (max-width: 640px) {
  .render-premium span, .render-resort span { padding: 3px 10px; font-size: 13px; }
}



/* Copyright
------------------------------------------------------------------------------ */
.copyright p { font-size: 14px; text-align: right; }






/* ^^^ M O D U L E S ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 * defines:
 * any php-html file on modules
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */



/* module titles
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

.module-more a { float: right; background: #5b9596 !important; color: #fff !important;
  padding: 4px 32px; margin: 15px 0;
  text-decoration: none !important;
}
@media screen and (max-width: 500px) {
  .module-more a { width: 100%; text-align: center; }
}


/* reviews module
------------------------------------------------------------------------------ */

.mod-review-item { display: flex;
  max-height: 200px; min-height: 175px;
  width: 60%; max-width: 450px;
  margin: auto; padding-top: 25px;
  border-top: 1px solid #eee;
}
.mod-review-item p { margin: auto; text-align: center;
  font-family: "Open Sans", sans-serif; font-weight: 300; font-style: italic;
  font-size: 16px; color: #464646;
}
.mod-review-item p span { font-weight: 700; font-style: normal; font-family: 'Vollkorn', serif;
  color: #222; font-size: 18px; }
@media screen and (max-width: 767px) {
  .mod-review-item { width: 80%; }
  .mod-review-item p { font-size: 14px; }
  .mod-review-item p span { font-size: 17px; }
}

/* destination-six-tiles
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.container-3x{ margin: auto; display:grid;
  grid-template-columns: calc(33% - 3px) calc(33% - 3px) calc(33% - 3px);
  grid-row: auto auto;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
}
.box-1of3 { display:flex;
  background-color:#333; color:#fff;
  align-items: center; justify-content: center;
  font-size:40px; font-family: "Roboto", sans-serif;
}
.box-1of3-hidden { display: none; }
.six-container { position: relative; }
.six-title { position: absolute; z-index: 10;
  right: 0;  left: 0;  top:25%; padding:5px;
  color: #fff; text-align: center; line-height: 100%;
  text-shadow: 0 3px 3px rgba(0,0,0,.6);
}
.six-title h3 { font-size: 60px; font-weight: 400; font-family: 'Cookie', cursive; }
.six-title p { font-size: 15px; font-weight: 700; text-transform: uppercase; }
.six-title p::after { content: '';
    width: 30%;   height: 2px;
    margin-left: 35%;   margin-top: 0;
    background: #ce0606;
    display: block;
}
@media screen and (max-width: 991px) {
  .box-1of3 { font-size: 27px; }
  .box-1of3-hidden { display: none !important; }
  .six-title h3 { font-size: 36px; }
  .six-title p { font-size: 11px; margin-top: -12px; }
  .six-title p::after { margin-top: -3px; }
}
@media screen and (max-width: 500px) {
  .box-1of3-hidden { display: none !important; }
  .container-3x{ margin: auto; display:grid;
    grid-template-columns: calc(50% - 3px) calc(50% - 3px);
    grid-row: auto auto;
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }
  .box-1of3 { font-size:27px; }
  .six-title h3 { font-size: 34px; }
  .six-title p { font-size: 11px; margin-top: -12px; }
  .six-title p::after { margin-top: -3px; }
}

/* eight-rentals
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.row.display-flex { display: flex; flex-wrap: wrap; }
.row.display-flex > [class*='col-'] { flex-grow: 1; padding-bottom: 32px;}
.box-8r { position: relative; height: 100%; border-bottom: 2px solid #999: }
.box-8r h3 { font-weight: 700; font-size: 1.1em; line-height: 95%; margin-top: 12px; margin-bottom: 6px; }
.box-8r p { font-family: "Open Sans", sans-serif; font-style: italic; font-size: .87em; line-height: 120%; }
.eight-rentals a, .eight-rentals a:visited { color: #333; }
.eight-rentals a:hover, .eight-rentals a:active, .eight-rentals a:focus { color: #ce0606; }
.eight-rentals h5 { font-size:  1.4em;  font-weight: normal; padding: 25px 0 15px 0; }
.box-8r-image { position: relative; }
.box-8r-price { position: absolute; left:10px; bottom: 25px; padding: 3px 5px;;
  background: #fff; font-family: 'Roboto', sans-serif; font-size: 10px;
}
.box-8r-price span { font-size: 30px; font-family: 'Cookie', cursive; }

@media screen and (max-width: 640px) {
.box-8r h3 { font-size: 1em; }
.box-8r p { font-size: .8em; }
.box-8r-price span { font-size: 26px; }
}


/* Ski
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.ski-content { background: #f3f3f3; padding-top: 35px; padding-bottom: 35px; }
.ski-content h3 { font: 1.45em 'Roboto', sans-serif; width: 65%; margin-top: 0; }
.ski-content h3::after { display: block; content: '';
  width: 80px; height: 2px;
  margin-left: 0;
  margin-top: 6px;
  background: #ce0606;
}
.ski-table { padding: 24px 28px; height: calc(100% - 30px);
  background: #fff; border: 1px solid #eee; font-size: 14px;
}
.ski--title { clear: both; float: left;
  width: 50%; font-weight: 700; color: #333; line-height: 16px;
  padding-bottom: 10px;
}
.ski--title span { font-size: 13px; font-style: italic; font-weight: 400; color: #888; }
.ski--count, .ski--null { float: left;
  width: 38px; height: 38px; border-radius: 20px;
  font-weight: 700; color: #fff;
  padding: 10px 5px; margin-top: -3px;
  text-align: center;
}
.ski--distance { float: right; width: 30%; padding: 7px; }
.ski-content hr { clear: both; }
.ski--black { background: #000; }
.ski--red { background: #c00; }
.ski--green { background: #073; }
.ski--blue { background: #239; }



/* ^^^ I N C L U D E S ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 * defines:
 * any php-html file on includes
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */

/* villa-path (breadcrumbs)
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.trail-villa-path {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px; font-weight: 500; font-style: italic;
  color: #656565;
  padding: 8px 24px;
}

.trail-villa-path i.pii { position: relative; top: -2px;
  font-size: 10px; padding-left: 2px; padding-right: 1px;
}


/* villa-tabs (villa | premium)
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

.full-width-tabs .nav-tabs li { width:20% !important; text-align:center; border-bottom: 5px solid #464646; color: #464646; }
.full-width-tabs .nav-tabs > li.active > a:focus { border: none; }

.full-width-tabs .nav-tabs > li > a:focus,
.full-width-tabs .nav > li > a:hover { text-decoration: none; background-color: #fff; }
.full-width-tabs .nav-tabs > li > a:hover { border-color: #fff #fff #ddd; }
.full-width-tabs .nav-tabs > li.active > a,
.full-width-tabs .nav-tabs> li.active > a:focus,
.full-width-tabs .nav-tabs> li.active > a:hover { border: 0; }
.full-width-tabs .nav-tabs > li > a { border: none; color: #464646; text-transform: uppercase; }

  /* also see
  https://bootsnipp.com/snippets/AlZ7g */

/* TAB css --- */
.tab-content h3 { font: 1.65em 'Roboto', sans-serif; width: 65%; color: #464646; }
.tab-content h3::after { display: block; content: '';
  width: 80px; height: 2px;
  margin-left: 0;
  margin-top: 6px;
}
.need2-item,
.analysis-item { width: 180px; height: 160px; padding: 2px 14px 14px 14px;
  background: #fff; color: #444;
  font-weight: 700; line-height: 15px;
  -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
  box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
  font-weight: 900;
}
.analysis-item span { display: block; float: left; width: 42px; /* icons */
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.2em;
}
.analysis-item .info { position: absolute; bottom: 14px;  /* desctiption */
  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 0.95em; font-style: italic;
  padding-right: 7px;
}
.analysis-item .item-title { clear:both; padding-top:10px; font-weight: 900; }
.analysis-icon { display: block; padding-top: 22px; padding:17px 7px 10px; }
.analysis-item .piico,
.analysis-item i { font-size: 39px; margin-right: -4px; color: #5b9596; } /* icons" margin-right used to fake two icons be as one*/
.analysis-item .piico { font-weight: 300; }
.analysis-item i.fas { font-weight: 700; }
.analysis-item i.pii { font-weight: normal; }

.need2-item { text-align: center; color: #464646; }
.need2-item span { display: block; font: 0.95em 'Roboto', sans-serif; color: #656565; font-weight: 400; text-align: center; } /* desctiption */
.need2-icon { display: block; padding: 24px 14px 16px; text-align: center;}
.need2-item i { font-size: 38px; color: #5b9596; }
.need2-item i.far { font-weight: 700; }
.need2-item i.pii { font-weight: normal; }

.facility-table { width: 100%;
  padding: 14px;
  background: #fff; color: #444;
  font-weight: 300; line-height: 18px;
  -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
  box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.15);
}
.facility-table h4 { font-weight: 900; text-transform: uppercase; font-size: 15px; color: #464646; }
.facility-table div div { display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    font-weight: 400; color: #464646;
    padding-top: 3px; padding-bottom: 4px;
  }

.owl-stage{
    margin: 3px 2px;}

td.text-center { text-align: center; }
td.text-right { text-align: right; }

.tab-container-pi {
 padding-top: 20px; padding-bottom: 36px;
 padding-left: 20px; padding-right: 20px;
 color: #464646;
}
#rates { color: #464646; }
#rates table th { text-transform: uppercase; color: #464646; }
#rates table td a { text-transform: uppercase; color: #5b9596; font-weight: 700; }
.rates-row { border-bottom: 1px solid #ddd; }
#rates table tr td { color: #464646; }
.weight-900 { font-weight: 900; }
#rates select { border-radius: 0; color: #464646; }



/* villa-interests
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
#villa-interests { background: #f6f6f6; }
#villa-interests p { font-family: 'Open Sans', sans-serif; font-style: italic; color: #464646; font-weight: 500; }
.interest-stuff h2 { font-weight: 700; color: #464646; font-size: 1.6em; }


/* resort-at-the (at the resort section)
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */
.att-slide { font-family: 'Vollkorn', serif; font-weight: 700; }
.att-image { text-align: center; }
.att-image-in { position: absolute;
  width: 100%; top: 323px;
  font-weight: 700; font-size: 35px;
  text-align: center; color: #fff;
  text-shadow: 0 3px 3px rgba(0,0,0,.6);
}
.att-image-out { font-family: "Open Sans", sans-serif; font-size: 15px; font-style: italic; font-weight: 400; color: #464646; padding: 5px; }
#at_owl .owl-nav .owl-prev.disabled,
#at_owl .owl-nav .owl-next.disabled {
   display: none !important;
}
@media screen and (max-width: 1024px) {
  .att-image-out { font-size: 14px; }
  .att-image-in { top: 272px; font-size: 32px; }
}
@media screen and (max-width: 799px) {
  #at_owl { max-width: 90%; margin: auto; }
  .att-image-out { font-size: 13px; }
  .att-image-in { top: 315px; font-size: 31px; }
}
@media screen and (max-width: 639px) {
  #at_owl { max-width: 360px; margin: auto; }
  .att-image-in { top: 432px; }
}
@media screen and (max-width: 460px) {
  .att-image-in { top: 360px; }
  /* nav buttons (carousel) */
  #at_owl.outside-navs button.owl-prev { left: -20px; }
  #at_owl.outside-navs button.owl-next { right: -21px; }
}
/* resort-accommodation
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

.acco-slide { background: #f6f6f6; }
.acco-info { padding: 36px 30px 36px 55px; text-align: center;
  font-family: 'Open Sans', sans-serif; font-weight: 500; font-style: italic;
  font-size: 14px; color: #464646;
  max-width: 490px; margin: 0 auto;
}
.acco-info h3 { font-weight: 300; font-family: 'Vollkorn', serif; font-weight: 600; font-style: normal; padding: 0 10px 4px; }
.acco-info h3::after { display: block; content: '';
  width: 120px; height: 2px;
  margin-left: calc(50% - 60px); margin-top: 12px;
  background: #dbac08;
}
.acco-image { width:50%; height: 300px; }
.acco-more { position: absolute; bottom: -14px; /* 68px*/
  padding-left: calc(25% - 88px); text-align: center; padding-top: 16px; }
.acco-more a { color: #656565; font-family: 'Roboto', sans-serif; font-size: 14px;
  padding: 6px 36px; border: 1px solid #999; width: 250px; font-weight: 500;
}
.acco-more a, .acco-more a:hover { text-decoration: none; }
.acco-more hr.pi-vertical { width: 0px; height: 47px; border-left: 1px solid #999; margin-top: 36px; }

/* accommodations summary css */
.acco-clip { float: left; width: 72px; color: #656565;
  font-size: 10px; text-transform: uppercase;
  font-family: 'Roboto', sans-serif; font-weight: 900;
  text-align: center; line-height: 25px;
}
.acco-clip span { font-size: 20px; font-weight: 300; text-transform: none; }
.acco-pad { width: 10px; float: left; }
.acco-sum { width: 110px; padding-left: 4px; border-left: 1px solid #ccc; text-align: center; float: left; line-height: 25px; font-family: 'Roboto', sans-serif; }
.acco-val { font-size: 20px; font-weight: 900; color: #5b9596; } /* ## CSS COLOR : review score */
.acco-txt { color: #777; font-size: 10px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 900; }
.acco-info .item-details { font-style: normal; }
.acco-info .item-details .item-details--abs { min-height: 110px; margin: auto; padding: 26px 0; }
@media screen and (max-width: 1299px) {
  .acco-info { padding: 24px 30px 24px 55px; font-size: 14px; }
  .acco-info .item-details .item-details--abs { min-height: 90px; padding: 16px 0; }
  .acco-more { bottom: -20px; padding-left: calc(25% - 86px); }
  .acco-more a { font-size: 13px; }
  .acco-more hr.pi-vertical { height: 40px; }
  /* nav buttons (carousel) */
  #acc_owl.inside-navs .owl-prev i, .inside-navs .owl-next i { margin-left: -9px; }
  #acc_owl.inside-navs .owl-next { bottom: 0; }
  #acc_owl.inside-navs .owl-prev { bottom: 0; }
}
@media screen and (max-width: 1149px) {
  .acco-more hr.pi-vertical { margin-top: 15px; }
  .acco-more { bottom: -19px; }
  .acco-info { padding: 24px 11px 24px 30px; font-size: 13px; }
  .acco-more hr.pi-vertical { height: 37px; }
  .acco-info .item-details .item-details--abs { min-height: 80px; padding: 10px 0; }
  .acco-info h3 { padding: 0 10px 0px; font-size: 20px; }
  .acco-more a { padding: 5px 36px; }
  #acc_owl.inside-navs .owl-prev { bottom: -3px; }
  #acc_owl.inside-navs .owl-next { bottom: -3px; margin-left: calc( 25% + 14px ); }
}
@media screen and (max-width: 945px) {
  .acco-info .item-details .item-details--abs { min-height: 58px; padding: 4px 0; max-width: 384px; }
  .acco-info { padding: 12px 0px 24px 10px; font-size: 11px; }
  .acco-info h3 { font-size: 19px; }
  .acco-more hr.pi-vertical { height: 26px; }
  .acco-more hr.pi-vertical { margin-top: 7px; }
  .acco-clip { width: 65px; line-height: 21px; }
  .acco-clip span { font-size: 18px; }
  .acco-val { font-size: 18px; }
  .acco-sum { width: 95px; padding-left: 0px; line-height: 21px; }
  .acco-pad { width: 6px; }
  #acc_owl.inside-navs .owl-next { bottom: -9px; }
  #acc_owl.inside-navs .owl-prev { bottom: -9px; }
}
@media screen and (max-width: 767px) {
  #acc_owl { max-width: 90%; margin: auto; padding: 0 15px; }
  .acco-info { height: 240px !important; }
  .acco-more hr.pi-vertical { margin-top: 18px; }
  .acco-more hr.pi-vertical { height: 40px; }
  .acco-info { padding: 12px 15px 24px 15px; }
  .acco-more { padding-left: calc(50% - 86px); }
  .acco-more a { color: #fff; font-weight: 500; }
  #acc_owl.inside-navs .owl-next { bottom: 0; margin-left: 50%; }
  #acc_owl.inside-navs .owl-prev { bottom: 0; margin-left: calc( 50% - 28px ); }
}
@media screen and (max-width: 475px) {
  #acc_owl { max-width: 100%; margin: auto; padding: 0; }
  .acco-info { height: 240px !important; }
  #acc_owl.inside-navs .owl-prev { margin-left: calc( 50% - 12px ); }
  #acc_owl.inside-navs .owl-next { margin-left: calc( 50% + 12px ); }
}

/* ^^^ T H E M E S of various plugins ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 * defines:
 * - Lity Lightbox + Modal
 * - Owl Carousel
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */
.date-picker-wrapper .drp_top-bar{display:none;}
.date-picker-wrapper{padding: 0;margin: 0 auto;border: 0;width:auto;display: block;background-color: white;}
.date-picker-wrapper.no-shortcuts, .date-picker-wrapper.no-topbar{padding: 0;margin: 0;}

	.date-picker-wrapper .month-wrapper{padding: 0;margin: 0 auto;border: 0;display: block;}
		.date-picker-wrapper .month-wrapper table{width: 272px;}
		.date-picker-wrapper .month-wrapper table.month2{width: 272px;float: right;}
			.date-picker-wrapper .month-wrapper table td{border:none;}
			.date-picker-wrapper .month-wrapper table th{color:#464646;}
				.date-picker-wrapper .month-wrapper table th .month-element{font-weight: bold;font-size: 16px;}
			.date-picker-wrapper .month-wrapper table td{}
			.date-picker-wrapper .month-wrapper table td div.day{width:39px;height:38px;font-size: 12px;font-weight: bold;line-height: 3; padding:0;margin:0;border:none;}
				.date-picker-wrapper .month-wrapper table td div.day:hover{background: rgb(228, 231, 231) none repeat scroll 0% 0% !important;  }
				.date-picker-wrapper .month-wrapper table td div.day.checked{background:#5b9596 !important;color:#fff !important;}
				.date-picker-wrapper .month-wrapper table td div.day.real-today{background: rgb(228, 231, 231) none repeat scroll 0% 0% !important; color:#000 !important;}
.date-picker-wrapper .month-wrapper table .day.real-today
	 .date-picker-wrapper .month-wrapper table td div.day.first-date-selected, .date-picker-wrapper .month-wrapper table td div.day.last-date-selected{background:#5b9596 !important;color:#fff !important;}
	 .date-picker-wrapper .month-wrapper table .caption .next, .date-picker-wrapper .month-wrapper table .caption .prev{display: inline-block;border: 1px solid rgb(228, 231, 231);padding: 6px;}
	 	.date-picker-wrapper .month-wrapper table .caption .next:hover, .date-picker-wrapper .month-wrapper table .caption .prev:hover{background:none;color:#464646 ;}


	.date-picker-wrapper .footer{padding: 0;margin: 0;border: 0;}
	.date-picker-wrapper .gap{display: none;}
	@media screen and (max-width: 991px) {
		.date-picker-wrapper{width: 100% !important;display: block;}
			.date-picker-wrapper .month-wrapper{width:min-content !important;display: block;}
				.date-picker-wrapper .month-wrapper table{}/**/
	}




/* Lightbox and Lity CSS
------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////// */

.lity { background: #0b0b0b !important; }


.lity-close { font-weight: 900; }
/* patch
hide all default lity-modal close buttons */
button.lity-close { display: none; }

.inline-lightbox { overflow:auto;
  background:#fff; padding:20px;
  width:720px; max-width:100%;
  border-radius:6px;
}
.inline-lightbox .title { position: absolute;
  top: -42px; color: #fff;
  font-family: 'Cookie', cursive; font-size: 32px;
}
.inline-lightbox .footer { position: absolute; color: #fff;
  text-align:center; width: calc(100% - 32px); bottom: -36px;
  /* font-family: 'Cookie', cursive; font-size: 24px; */
}
.inline-lightbox .footer.two-lines { position: absolute;
  bottom: -75px; color: #fff;
  /* font-family: 'Cookie', cursive; font-size: 24px; */
}
.inline-lightbox-wide { overflow:auto;
  background:#fff; padding: 0; /* 16px; */
  max-width:840px;
	width: 100%;
  /* border-radius:4px; */
}
.inline-lightbox-wide .row { margin-right: 0 }
.inline-lightbox-wide .two-line-title { position: absolute;
  top: -77px; color: #fff;
  font-family: 'Cookie', cursive; font-size: 24px;
}
.inline-lightbox-narrow { overflow:auto;
  background:#fff; padding: 16px;
  width: 420px; max-width:100%;
  border-radius:4px;
}
/* full screen modal --- */
.litty-grey { background: #f6f6f6; width: 100vw; height: 100vh; border-radius: 0; }
.litty-grey h4 { padding-left: 15px; font-weight: 500; color: #464646; }
.litty-grey { font-size: 90%; }
.lity-close-pop { position: fixed; top:0;  right: 0; width: 46px; height: 46px; padding: 14px; color: #464646;z-index: 999 }
.lity-close-pop i { float: right; font-size: 24px; color: #464646; cursor: pointer; }
/* common lightbox (after edits on design)
------------------------------------------------------------------------------ */
.common-lightbox { overflow:auto; background:#fff; padding: 16px; max-width:480px; width: 100%; }
.common-lightbox h2 { font-size: 20px; }
.common-lightbox .title { position: absolute; top: -40px; left:0; width: 100%;
    font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 900;
    color:  #fff; text-transform: uppercase;
}
.common-lightbox .title i { float: right; cursor: pointer; }
/* share lightbox
------------------------------------------------------------------------------ */
.share-lightbox { overflow:auto; background:#fff; padding: 0 !important;
  width:720px; max-width:100%;
}
.share-lightbox .row { margin-right: 0 }
@media screen and (max-width: 991px) {
  .inline-lightbox-wide { max-width: 450px; }
  .share-lightbox { max-width: 380px; }
}



/* special headers used on Inquire-NOW
------------------------------------------------------------------------------ */
.two-line-title h3 { font-size: 24px; font-weight: 900; text-transform: uppercase; }
.two-line-title h4 { font-size: 15px; font-family: "Open Sans", sans-serif; font-style: italic; margin-top: -6px; font-weight: 400; }

.share-lightbox h3 { position: absolute; top: -75px; width: 100%; color: #fff;
  font-size: 24px; font-weight: 900; text-transform: uppercase; font-family: "Roboto", sans-serif;
}
.share-lightbox h3 .lity-close-pop { position: absolute; background: transparent; padding: 0; }
.share-lightbox h3 .lity-close-pop i { color: #fff; font-size: 28px; }
.share-lightbox h4 { position: absolute; top: -19px; color: #fff;
  font-size: 15px; font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 400;
}



/* inquire form styling
------------------------------------------------------------------------------ */
#form-inquire-villa input { text-align: center; }
#form-inquire-villa .pico-container{position:fixed;}

.inquire--upper { background: #fff; padding: 0 15px 15px 15px; }
.inquire--lower { background: #f2f2f2; padding: 15px; border-top: 3px solid #ccc; }
.inquire--upper .row, 
.inquire--lower .row { margin-right: 0; margin-left: 0; }
.inquire--lower .row .row { margin-right: 0; margin-left: 0; }

.inquire--lower input, .inquire--lower select,
.inquire--lower textarea { background: #f2f2f2; font-family: "Open Sans", sans-serif; font-style: italic; }
.inquire--lower input[type=submit] { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 900; background: #ce0606; }

.pi-foo .inquire--lower .row .col-sm-2, .pi-foo .inquire--lower .row .col-sm-5{padding-right:15px !important;}
.pi-foo .inquire--lower .row .col-sm-5:last-child{padding-right:0 !important;}

@media screen and (max-width: 991px) {
  .inquire--upper .row, 
	.inquire--lower .row { margin-right:0; margin-left: 0; }
  .xs-last-cell { padding-right: 15px !important; }
}

@media only screen and (max-width:815px){
	#inquire-NOW .col-xs-12{width:50%;}
	.pi-foo .inquire--lower .row .col-sm-5{padding:0 !important;width:100% !important;}
	.pi-foo .inquire--lower .row .col-sm-2{max-width:105px;}
	.pi-foo .inquire--lower .row .col-sm-5.xs-last-cell{width:83% !important;}
}

@media only screen and (max-width:779px){
	.pi-foo .inquire--lower .row .col-sm-5.xs-last-cell{width:75% !important;}
}

#inquire-form-div { height: 100%; background: #f2f2f2;margin: 0 auto;min-width: 350px; }
#after-inquire-div { display: none; }

/* inquire form special css ---------------------------------------------------- */

.pi-foo div[class^="col-sm-"]:not(:last-child)  { padding-right: 0; }
.pi-foo input, .pi-foo select, .pi-foo textarea { padding: 6px; }
#inquire-NOW h2 { font: 2.1em 'Roboto', sans-serif; 
  text-align: center; font-weight: 500; color: #464646;
  padding-top: 8px; /* 32px; */
}
#inquire-NOW h2::after { display: block; content: '';
  width: 120px; height: 2px;
  margin-left: calc(50% - 60px); margin-top: 12px;
  background: #ce0606;
}



/* Owl carousels themes and styles
 * mainly it is about navigation buttons
------------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */


/* Theme: carousel-one: <----------------------------------------------------
nav-buttons are positioned at left/right edges, all height long,
button symbols are white with transparent backgound
USED AT: modules / category-carousel
------------------------------------------------------------------------------ */
.owl-carousel .owl-stage{padding-left: 0 !important; }
.carousel-one .owl-prev, .carousel-one .owl-next { display: block !important;
  position: absolute;
  width: 20px; height: 100%;
  color: #fff; background: #eee0;
  border: 0px solid #eee;
}
.carousel-one .owl-prev i, .carousel-one .owl-next i { font-size: 36px; color: #fff;
  text-shadow: 0 3px 3px rgba(0,0,0,.6);
}
.carousel-one .owl-prev:active, .carousel-one .owl-prev:focus,
.carousel-one .owl-next:active, .carousel-one .owl-next:focus { outline: none; }
.carousel-one .owl-prev { top: 0;  left: 5px; }
.carousel-one .owl-next { top: 0;  right: 5px; }


/* Theme: circle-navs: <------------------------------------------------------
nav-buttons are positioned at left/right-center edges (inside the carousel),
button symbols are blacky with white backgound
MOST COMMON carousel
------------------------------------------------------------------------------ */

.circle-navs .owl-prev, .circle-navs .owl-next { display: block !important;
  position: absolute; width: 36px; height: 36px;
  background: #fff !important; color: #999;
  border: 1px solid #bbb !important; border-radius: 18px;
  line-height: 14px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.35);
}
.circle-navs .owl-prev i, .circle-navs .owl-next i { font-size: 26px; color: #444 !important; }
.circle-navs .owl-prev:active, .circle-navs .owl-prev:focus,
.circle-navs .owl-next:active, .circle-navs .owl-next:focus { outline: none; }
.circle-navs .owl-prev { top: calc(50% - 18px);  left: -14px; }
.circle-navs .owl-next { top: calc(50% - 18px);  right: -14px; }
.circle-navs .owl-prev.disabled, .circle-navs .owl-next.disabled { display: none !important; }


/* Theme: outside-navs: <-----------------------------------------------------
nav-buttons are positioned at left/right edges, all height long,
button symbols are white with transparent backgound
USED AT: includes / resort-at-the
------------------------------------------------------------------------------ */

.outside-navs .owl-prev, .outside-navs .owl-next { display: block !important; position: absolute;
  width: 20px; height: 100%;
  background: #eee0; color: #999;
  border: 0px solid #eee;
}
.outside-navs .owl-prev i, .outside-navs .owl-next i { font-size: 26px; color: #099; }
.outside-navs .owl-prev:active, .outside-navs .owl-prev:focus,
.outside-navs .owl-next:active, .outside-navs .owl-next:focus { outline: none; }
.outside-navs .owl-prev { top: 0;  left: -35px; }
.outside-navs .owl-next { top: 0;  right: -35px; }


/* Theme: inside-navs <-------------------------------------------------------
Slides have 2 divs : [col-6 text] [col-6 image]
navs are positioned down-center to the first div { top: 85%; margin-left: 25% }
USED AT: includes / resort-accommodation
------------------------------------------------------------------------------ */

.inside-navs .owl-prev, .inside-navs .owl-next {    position: absolute;
  display: block !important;
  width: 15px;
  height: 50px;
  background: #eee0;
  border: 0px solid #eee;
}
.owl-prev:focus, .owl-next:focus { outline: none; }
.inside-navs .owl-prev i, .inside-navs .owl-next i { margin-left: -10px; font-size: 26px; color: #099; }
.inside-navs .owl-prev { bottom: 5px;   margin-left: calc( 25% - 15px ); }
.inside-navs .owl-next { bottom: 5px;   margin-left: calc( 25% + 15px ); }


/* Theme: light-owl <---------------------------------------------------------
Modified version of outside-navs (use it with outside navs)
Slides have 1 div per view ; ideal for small texts;
USED AT: reviews
------------------------------------------------------------------------------ */

.light-bw-owl .owl-prev, .light-bw-owl .owl-next { display: block !important; position: absolute;
  width: 20px; height: 100%;
  background: #fff; color: #646464;
  border: none;
}
.light-bw-owl .owl-prev i, .light-bw-owl .owl-next i { font-size: 26px; color: #464646; }
.light-bw-owl .owl-prev:active, .light-bw-owl .owl-prev:focus,
.light-bw-owl .owl-next:active, .light-bw-owl .owl-next:focus { outline: none; }
.light-bw-owl .owl-prev { top: 0;  left: -25px; }
.light-bw-owl .owl-next { top: 0;  right: -25px; }


@media (min-width: 2000px) {
  .col-lgg-1,
  .col-lgg-2,
  .col-lgg-3,
  .col-lgg-4,
  .col-lgg-5,
  .col-lgg-6,
  .col-lgg-7,
  .col-lgg-8,
  .col-lgg-9,
  .col-lgg-10,
  .col-lgg-11,
  .col-lgg-12 {
    float: left;
  }
  .col-lgg-12 {
    width: 100%;
  }
  .col-lgg-11 {
    width: 91.66666667%;
  }
  .col-lgg-10 {
    width: 83.33333333%;
  }
  .col-lgg-9 {
    width: 75%;
  }
  .col-lgg-8 {
    width: 66.66666667%;
  }
  .col-lgg-7 {
    width: 58.33333333%;
  }
  .col-lgg-6 {
    width: 50%;
  }
  .col-lgg-5 {
    width: 41.66666667%;
  }
  .col-lgg-4 {
    width: 33.33333333%;
  }
  .col-lgg-3 {
    width: 25%;
  }
  .col-lgg-2 {
    width: 16.66666667%;
  }
  .col-lgg-1 {
    width: 8.33333333%;
  }
}


/* TESTS classes ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 * mainly for emphasizing errors
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */

/* translation error|missing
------------------------------------------------------------------------------ */

span.pi-tr--error { display: inline;
  background:#000 !important; color: #fff !important;
  font-size: 14px !important; font-family: "Ubuntu Mono", Consolas, Monaco, fixed;
  padding: 1px !important;
}


/* test responsive design (break-points)
------------------------------------------------------------------------------ */

#pi-test--responsive { position: fixed; opacity: 1;
    height: 40px; width:126px;
    bottom:12px; left: calc(50% - 62px);
    color: #444; background-color: #fff;
    border: 2px solid #f00; border-radius: 4px;
    padding: 2px;
    z-index: 9999; overflow-y: hidden;
}
#pi-test--responsive input { width: 118px; text-align: center; font-size: 12px; height: 30px; border: none; }


/* -----------------------------------------------------------------------------
 * for default media queries, see:
 * https://stackoverflow.com/questions/19592968/bootstrap-3-breakpoints-and-media-queries
 * --- */