/*NAVIGATION*/
.navsticky {
    z-index: 999;
}

.navsticky .navbar {
    z-index: 99;
}

.navsticky .nav .open>a, .navsticky .nav .open>a:hover, .navsticky .nav .open>a:focus,
.navsticky .dropdown-menu>li>a:hover, .navsticky .dropdown-menu>li>a:focus,
.navsticky .nav>li>a:hover, .navsticky .nav>li>a:focus, .nav>li.current>a{
	color: #a4216e;
	background-color: transparent;
    opacity: .7;
}

a:hover {
    color: #a5206f;
    text-decoration: none;
}

/*SLIDES*/

#slides_background .slides-container .promo{
	background:url(../images/home-slider/promo.jpg) center fixed;
}
#slides_background .slides-container .bar{
	background:url(../images/home-slider/bar.jpg) center fixed;
}

#slides_background .slides-container .lobby{
	background:url(../images/home-slider/lobby.jpg) center fixed;
}

#slides_background .slides-container .pool{
	background:url(../images/home-slider/pool.jpg) center fixed;
}

#slides_background .slides-container .romanza{
	background:url(../images/home-slider/romanza.jpg) center fixed;
}

#slides_background .slides-container .room{
	background:url(../images/home-slider/room.jpg) center fixed;
}

#slides_background .slides-container .beach{
	background:url(../images/home-slider/beach.jpg) center fixed;
}

#slides_background .slides-container .fachada{
	background:url(../images/home-slider/fachada.jpg) center fixed;
}

#page_header_background {
    background: url(../img/Hotel-Pool-Side.jpg) no-repeat 0 0 fixed;
    width: 100%;
    height: 400px;
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px;
}

#page_header_background1 {
    background: url(../img/whats-included.jpg) no-repeat 0 0 fixed;
    width: 100%;
    height: 600px;
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px;
}

#page_header_background2 {
    background: url(../img/accomodations.jpg) no-repeat 0 0 fixed;
    width: 100%;
    height: 600px;
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px;
}

#page_header_background3 {
    background: url(../img/restaurants.jpg) no-repeat 0 0 fixed;
    width: 100%;
    height: 600px;
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px;
}

#page_header_background4 {
    background: url(../img/faq.jpg) no-repeat 0 0 fixed;
    width: 100%;
    height: 600px;
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px;
}

#facade-parallax {
	background: url(../img/Hotel-Pool-Side.jpg) no-repeat 0 0 fixed;
	width:100%;
	height: 100%;
	opacity:1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
 	background-size: cover;
	padding: 175px 0px;
	margin-top: 80px;
	margin-bottom: 40px;
}

#spa-parallax {
	background: url(../img/Rose-Spa-01.jpg) no-repeat 0 0 fixed;
	width:100%;
	height: 100%;
	opacity:1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
 	background-size: cover;
	padding: 175px 0px;
	margin-top: 80px;
	margin-bottom: 40px;
}

/*Accordion bordes cuadrados*/
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px; 
}

#gallery-parallax {
    background: url(../img/gallery-parallax.jpg) no-repeat 0 0 fixed;
	width:100%;
	height: 100%;
	opacity:1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
 	background-size: cover;
	padding: 175px 0px;
	margin-top: 80px;
	margin-bottom: 40px;
}

/* Rool over de botones*/

.content_btn:hover {
    color: #ffffff;
}

/*.menu_white1 .navbar-topaz{
	opacity: 0.3;
}*/

.menu_white1 .is_sticky .navbar-topaz{
	opacity: .7;
}
.navbar-topaz{
    border-bottom-color: #a4216e;
}

#gallery .col-sm-4{
    margin-bottom: 20px;
}

.footer4{
	padding: 80px 0;
	background-color: #000;
	color: white;
	font-size: 17px;
    border-top: 10px solid #ab3b7a;
    border-bottom: 10px solid #828282;
    margin-bottom:46px;
}

#footer-nav{
    color: #787878;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 29px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-family: 'Lato', sans-serif;
	font-weight: 400; 
}

#footer-nav ul li{
    text-indent: 10px;
}

/*RESBOX*/
.promo-booking{
  min-height: 30px;
  background: #a5206f;
  color: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 999;
}
.promo-booking.fixed{
    max-height: 70%;
    overflow-y: scroll;
}

#open-fixed-bar{
   font-size: 1.4em; 
   font-family: 'Nunito', sans-serif;
   cursor: pointer;
}

.banner_container {
    background-color: #f2f2f2;
    color: #4d4943;
}



/*Portfolio Section*/
.portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px
}
.portfolio .portfolio-item .portfolio-link {
    position: relative;
    display: block;
    max-width: 400px;
    margin: 0 auto;
    cursor: pointer
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0;
    background: rgba(162, 32, 111, .9)
}

.portfolio .portfolio-item .portfolio-link img {
    width: 100%;
}

.portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: #fff
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px
}
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0
}
.portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    background-color: #fff
}
.portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none
}
.portfolio .portfolio-item .portfolio-caption p {
    font-size: 16px;
    font-style: italic;
    margin: 0;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.portfolio * {
    /*z-index: 2*/
}
@media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px
    }
}
.portfolio-modal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0
}
.portfolio-modal .modal-content {
    min-height: 100%;
    padding: 100px 0;
    text-align: center;
    border: none;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}
.portfolio-modal .modal-content h2 {
    font-size: 3em;
    margin-bottom: 15px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 35px;
    color: #a4216e;
}
.portfolio-modal .modal-content p {
    margin-bottom: 30px
}
.portfolio-modal .modal-content p.item-intro {
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 30px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px
}
.portfolio-modal .modal-content img {
    margin-bottom: 30px
}
.portfolio-modal .modal-content button {
    cursor: pointer
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: transparent
}
.portfolio-modal .close-modal:hover {
    opacity: .3
}
.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222
}
.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #222
}
.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}

    /*==================================================
    =            Bootstrap 3 Media Queries             =
    ==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        body {
            overflow-x:hidden;
        }
    }