/*
    Created on : 22/02/2014, 10:18:45 AM
    Author     : César Mejía
*/

/* Load Fonts */
@font-face {
    font-family: 'aaux_proregular_scregular';
    src: url('../fonts/aaux-proregular-sc-webfont.eot');
    src: url('../fonts/aaux-proregular-sc-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/aaux-proregular-sc-webfont.woff') format('woff'),
    url('../fonts/aaux-proregular-sc-webfont.ttf') format('truetype'),
    url('../fonts/aaux-proregular-sc-webfont.svg#aaux_proregular_scregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

body{
    background: #000;
    color: #fff;
    font-family: 'aaux_proregular_scregular';
    font-size: 13px;
}

html, body{
    height: 100%;
    min-height: 340px;
    width: 100%;
}

/* Util */
body, .header .logo h1, .header .global-nav, .footer .global-nav
{ margin: 0; padding: 0; }

.header .global-nav, .footer .global-nav
{ list-style: none; }

.holder{
    margin: 0 auto;
    width: 980px;
}

.cleaner{ clear: both; }

/* Header */
.header{

}

.header .logo{
    background: url(../imgs/logo.png) no-repeat center center;
    display: block;
    float: left;
    height: 125px;
    margin-top: 60px;
    text-indent: -9999em;
    width: 169px;
}

.header .global-nav{
    border: 1px solid #fff;
    border-left: none;
    border-right: none;
    float: right;
    margin-top: 60px;
    padding: 4px;
}

.header .global-nav li, .footer .global-nav li{
    float: left;
    margin: 0 50px;
}

.header .global-nav li a, .footer .global-nav li a{
    color: #fff;
    display: block;
    text-decoration: none;

    -webkit-transition: color 180ms;
       -moz-transition: color 180ms;
        -ms-transition: color 180ms;
         -o-transition: color 180ms;
            transition: color 180ms;
}

.header .global-nav li a:hover,
.header .global-nav li a.selected,
.footer .global-nav li a:hover,
.footer .global-nav li a.selected
{ color: #BD9E58; }

/* Content */
.content{ }

.content.inner{
    padding: 85px 0;
}

.content .cover-images{
    height: 450px;
    margin-bottom: 30px;
    position: relative;
}


.content .cover-images .cover-image{
    position: absolute;
    width: 320px;
}

.content .cover-images .first.cover-image{ left: 0; top: 85px; }
.content .cover-images .second.cover-image{ left: 330px; top: -45px; }
.content .cover-images .third.cover-image{ left: 330px; top: 213px; }
.content .cover-images .fourth.cover-image{ right: 0; top: -45px; }

.content .cover-images .cover-image .image{ position: relative; }

.content .cover-images .cover-image img{
    display: block;
    height: auto;
    width: 100%;
}

.content .cover-images .cover-image .screen{
    background: #000;
    bottom: 0;
    left: 0;
    opacity: .20;
    position: absolute;
    right: 0;
    top: 0;
    transition: 180ms all;

    -webkit-transition: 180ms all;
       -moz-transition: 180ms all;
        -ms-transition: 180ms all;
         -o-transition: 180ms all;
}

.content .cover-images .cover-image:hover .screen{ opacity: 0; }

.content .cover-images .cover-image .description{
    font-size: 12px;
    padding: 0 10px;
    padding-top: 10px;
    text-align: justify;
}

.content .cover-images .cover-image .video-button{
    /*background: #BD9D57 url(../imgs/video-icon.png) no-repeat center center;*/
    background: #BD9D57;
    cursor: pointer;
    height: 60px;
    margin-top: 10px;
    width: 100%;
}

/* Sides */
.content .wrapper-sides{  }

.content .wrapper-sides .left-side{
    float: left;
    margin-right: 55px;
    min-height: 20px;
    width: 600px;
}

.content .wrapper-sides .left-side img{
    display: block;
    height: auto;
    width: 100%;
}

.content .wrapper-sides .right-side{
    float: right;
    font-size: 14px;
    width: 325px;
}

/* Lodgign */
.content .wrapper-sides .lodgign.right-side{ font-size: 17px; }

/* Culinary */
.content .wrapper-sides .culinary.left-side{ border-bottom: 3px double #fff; margin-top: 70.5px; padding-bottom: 3px; }
.content .wrapper-sides .culinary.right-side .frame{ height: 255px; margin-bottom: 25px; overflow: hidden; padding-right: 15px; }

/* Experiencies */
.content .wrapper-sides .experiences.left-side{ border-bottom: 3px double #fff; padding-bottom: 3px; }
.content .wrapper-sides .experiences.right-side .frame{ height: 260px; overflow: hidden; padding-right: 15px; }

/* Spa */
.content .wrapper-sides .spa.left-side{ height: 300px; }
.content .wrapper-sides .spa.right-side{  }

/* Brands */

/* Contact */
.content .wrapper-sides .contact.right-side .row{ margin-bottom: 20px; }

/* Carrousel */
.carrousel{
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 600px;
    z-index: 0;
}

.carrousel .alt-container{
    background: #000;
    background: rgba(0, 0, 0, .75); /* Fallback */
    bottom: -65px;
    height: 65px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.carrousel .alt-container .alt{
    font-size: 18px;
    padding: 22px 10px 21px;
}

.carrousel .link{
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.carrousel img{
    left: 0;
    position: absolute;
    top: 0;
}

/* Footer */
.footer{
    background: url(../imgs/footer-background.png) repeat;
    border-top: 3px solid #fff;
    /*height: 135px;*/
    width: 100%;
}

.footer.fixed{
    bottom: 0;
    left: 0;
    position: absolute;
}

.footer .contact-booking{
    background: url(../imgs/contact-booking-background.png) repeat;
    float: left;
    font-size: 12px;
    visibility: hidden;
    width: 340px;
}

.footer .contact-booking .row{
    border-bottom: 1px solid #fff;
    padding: 13px 0;
}

.footer .contact-booking .row.last{ border: none; }

.footer .contact-booking .row .left-side{
    float: left;
    padding: 0 30px;
    width: 155px;
}


.footer .contact-booking .row .right-side{
    float: left;
    width: 125px;
}

.footer .contact-booking .left-side .label{
    float: left;
    margin-right: 15px;
    width: 55px;

}

.footer .contact-booking .left-side .input{
    float: left;
    width: 85px;
}

.footer .contact-booking .right-side .label{
    float: left;
    margin-right: 15px;
    width: 55px;

}

.footer .contact-booking .right-side .input{
    float: left;
    width: 35px;
}

.footer .contact-booking input[type=text]{
    background: transparent;
    border: none;
    color: #fff;
    font-family: 'aaux_proregular_scregular';
    font-size: 12px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 85px;
}

.footer .contact-booking .right-side input[type=text]{ width: 35px; }

.footer .contact-booking input[type=submit]{
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    outline: none;
}

.footer .wraper{
    float: right;
}

.footer .wraper .global-nav{
    float: right;
    margin-right: 25px;
    margin-top: 15px;
}

.footer .wraper .global-nav li{  }
.footer .wraper .global-nav li.last{ margin-right: 0; }
.footer .wraper .global-nav li a{  }

.footer .wraper .copyright{
    float: right;
    margin-right: 25px;
    margin-top: 75px;
}

/* Background */
.background, .loader{
    background: #000 url(../imgs/ajax-loader.gif) no-repeat center center;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}

.background img{
    position: absolute;
    z-index: 0;
}

/* Loader */
.loader{
    text-indent: -9999em;
    z-index: 1;
}

/* Fonts */
.content .wrapper-sides a{
    color: #fff;
    transition: 180ms color;

    -webkit-transition: 180ms color;
       -moz-transition: 180ms color;
        -ms-transition: 180ms color;
         -o-transition: 180ms color;

}

.content .wrapper-sides a:hover{ color: #BD9E58; }

.content .wrapper-sides .contact.right-side h4{ margin: 0 0 .53em 0; }
.content .wrapper-sides .contact.right-side a{color: #BD9E58; text-decoration: none;}
.content .wrapper-sides .contact.right-side a:hover{text-decoration: underline;}

/* Sharebar */
.to-share{ position: relative; overflow: hidden; }

.sharebar{
    background: url(../imgs/sharebar-background.png) repeat;
    left: -40px;
    position: absolute;
    top: 10px;
    width: 40px;
}

.sharebar .button{
    background: transparent url(../imgs/share-icons.png) no-repeat;
    height: 40px;
    cursor: pointer;
    transition: 180ms background-color;
    width: 40px;

    -webkit-transition: 180ms background-color;
       -moz-transition: 180ms background-color;
        -ms-transition: 180ms background-color;
         -o-transition: 180ms background-color;
}

.sharebar .button.facebook{ background-position: 0 0; }
.sharebar .button.twitter{ background-position: 0 -40px; }
.sharebar .button.instagram{ background-position: 0 -80px; }

.sharebar .button.facebook:hover{ background-color: #3C599B; }
.sharebar .button.twitter:hover{ background-color: #5DD7FC; }
.sharebar .button.instagram:hover{ background-color: #B4A087; }

/* Scrollbar */
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: pointer;
}

.scrollbar-rail {
    max-height: 250px;
    overflow: auto;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: transparent;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #fff;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 6px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -25px; }

/* Start: Recommended Isotope styles */
/********* Isotope Filtering *********/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#images-container{ height: 200px; z-index: 0; }
#images-container img{ display: none; }

#images-container .element{ cursor: pointer; }

#images-container .element img{
    display: block;
    height: auto;
    padding: 5px;
    width: 300px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Popup */
.popup.background{
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

.popup.wrapper{
    background: url(../imgs/transparency-80.png) repeat;
    border-radius: .43em;
    display: none;
    padding: 15px;
    position: fixed;
    z-index: 1;
}

.popup.close-button{
    background: url(../imgs/gPopup-closeButton.png) no-repeat center center;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 34px;
}

/* Gallery */
.gallery.image{
    display: none;
    position: fixed;
    z-index: 2;
}

.gallery.left-button, .gallery.right-button{
    background-image: url(../imgs/arrows.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    height: 60px;
    position: fixed;
    top: 0;
    width: 31px;
    z-index: 3;
}

.gallery.left-button{ background-position: 0 0; left: 20px !important; }
.gallery.right-button{ background-position: -36px 0; right: 20px; left: auto !important; }