body {
    -webkit-text-size-adjust: none;
}

body.locked {
	height:100%;
	overflow:hidden;
}

.centered {
    margin: auto;
    display: block;
}
.full_width {
    width: 100%;
}
.full_height {
    height: 100%;
}


.menudowns{
    /*display: none;*/
    position: absolute;
    bottom: 10%;
    display: flex;
    justify-content: space-between;
    width: 88%;
}

.menuright{
    position: absolute;
    right: 30px;
    top: 18px;
    pointer-events: all;
    z-index: 4;
}
    #menu_buttons > ul li ul{
        margin-top: 30px;
    }


.menuright .booka{
    border: 1px solid #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.8s ease 0s;
    color: #fff;
}

.filled .menuright .booka{
     border: 1px solid #333;
    background-color: none;
    color: #333;
}

.menuright .booka:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #333;
}

.filled .menuright .booka:hover{
     border: 1px solid #333;
    background-color: none;
    color: #333;
}



.menuright .label11{
    margin-right: 20px;
}

    #iframevideo{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: -111;
        top: 0;
        object-fit: cover;
        opacity: 0;
        transition: all 0.5s ease 0s;
        /*overflow: hidden;*/
    }

    .closebtn{
          position: fixed;
            right: 20px;
            top: 45%;
             padding: 21px 10px;
            border-radius: 50%;
            background: #fff;
            transition: all 0.5s ease 0s;
            opacity: 0;
            z-index: -111;
             font-size: 18px;
             color: #333;
        }


.has_transition_3000 {
-webkit-transition: transform 3s cubic-bezier(0.250, 0.460, 0.450, 0.940), filter 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);


}

.has_transition_1000_inout {
    -webkit-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
}
.has_transition_800_inout {
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
     
}

.has_transition_800_inout_exp {
    -webkit-transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    
     
}
.has_transition_600_inout {
    -webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    

}
.has_transition_400_inout {
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
     
}
.has_transition_300_inout {
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
 
}
.has_transition_300 {
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform, opacity;   
}
.has_transition_400 {
    -webkit-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;

}
.has_transition_600 {
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;
   
}

.has_transition_600_expo {
    -webkit-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    

}

.paused {
	
    -webkit-animation-play-state: paused !important; /* Chrome, Safari, Opera */
    animation-play-state: paused !important;

}

.has_transition_600_cubic {
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    
 
}
.has_transition_400_cubic {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    

}
.has_transition_600_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    

}
.has_transition_800_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
 
}
.transform_centered {
    -webkit-transform-origin: center center!important;
    transform-origin: center center !important;
    
     
}
.has_transition_800 {
    -webkit-transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    
  
}
.has_transition_1000 {
    -webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_1200 {
    -webkit-transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_top {
    -webkit-transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	
}

.no_transition {
    -webkit-transition: none !important;
    -transition: none !important;
    -ms-transition: none !important;
}
.horizontal_mirror {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.single_column {
	-webkit-column-count:1 !important;
	-moz-column-count:1 !important;
	-ms-column-count:1 !important;
	column-count:1 !important;
}

.white {
	color:#FFFFFF !important;
}

.no_opacity {
    opacity: 0!important;
}
.top_single {
    opacity: 0 !important;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.top_double {
    opacity: 0 !important;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.bottom_single {
    opacity: 0 !important;
    top: -20px !important;
}
.bullet_scaled {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.no_rotation {
    -webkit-transform: rotateX(0deg) rotateY(0deg) !important;
    transform: rotateX(0deg) rotateY(0deg) !important;
    opacity: 1 !important;
}
.rotate_90 {
    -webkit-transform: rotateZ(90deg) !important;
    transform: rotateZ(90deg) !important;
}
.rotateX_90 {
    -webkit-transform: rotateX(-140deg);
    opacity: 0;
    transform: rotateX(-140deg);
}

#keys h1 {
	color:#FFFFFF;
}

.veil {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
    z-index:2;
    will-change: opacity;
}

.hidden_by_scaleup {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.hidden_by_scaleup_low {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    opacity: 0;
}
.hidden_by_scaleup_mid {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    opacity: 0;
}
.container {
    margin: auto;
    width: 960px;
}

.half {
    width: 50%;
    float: left;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.quarter {
    float: left;
    width: 25%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.third {
    float: left;
    width: 33.3333%;
}
.hidden_by_scaling {
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
    opacity: 0;
}

.hidden_by_scaling_low {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}

.no_width {
    width: 0px !important;
    
}
.no_height {
    height: 0px !important;
}

.right_translated {
	-webkit-transform:translateX(60px);
	transform:translateX(60px);
}

.left_translated {
	-webkit-transform:translateX(-60px);	
	transform:translateX(-60px);
}

.relative {
	position:relative !important;	
}


h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
hr {
   
}

.top_30 {
	margin-top:30px !important;
}

.top_60 {
	margin-top:60px !important;
}

.top_90 {
	margin-top:90px !important;
}

.top_120 {
	margin-top:120px !important;
}

.bottom_30 {
	margin-bottom:30px !important;
}

.bottom_60 {
	margin-bottom:60px !important;
}

.bottom_90 {
	margin-bottom:90px !important;
}

.bottom_120 {
	margin-bottom:120px !important;
}
.bottom_150 {
	margin-bottom:150px !important;
}

#main {
	overflow-x:hidden;
}

#menu_controller hr {
	    width: 30px;
    height: 0px;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    margin: 0;
    margin-top: 5px;
    -webkit-transform:translate3d(-30px,0,0);
    transform:translate3d(-30px,0,0);
    
}

#menu_controller hr.dark {
	z-index:2;
	position:absolute;
	border-bottom: 1px solid #666666;
}

#menu_controller hr.dark._1 {
	   
    top: 0;
}

#menu_controller hr.dark._2 {
	top:5px;
}


#menu_controller hr.dark._3 {
	top:10px;
}

#menu_controller.keep_dark hr.dark {
	width: 30px !important;
}



#frame.keep_fill .borders > div {
	opacity:1 !important;
}



#menu_controller {
	float: right;
    position: absolute;
    left: 30px;
    top: 20px;
    cursor:pointer;
    pointer-events:all;
    z-index:4;
}

#menu_controller .menu_text {
    font-family: Cardo;
    color: #FFFFFF;
    font-size: 17px;
    float: right;
    margin-left: 12px;
    /*margin-top: 5px;*/
}

#menu_controller #menu_ico {
	    overflow: hidden;
    width: 30px;
    position: relative;
    float: right;
    right:0;
}

#menu_controller:hover hr._1c,#menu_controller.opened hr._1c {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#menu_controller:hover hr._2c, #menu_controller.opened hr._2c {
    opacity: 0;
   
}
#menu_controller:hover hr._3c, #menu_controller.opened hr._3c {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
}

#frame.filled #menu_controller:hover hr._1,#frame.filled #menu_controller.opened hr._1 {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#frame.filled #menu_controller:hover hr._2, #frame.filled #menu_controller.opened hr._2 {
    opacity: 0;
   
}
#frame.filled #menu_controller:hover hr._3, #frame.filled #menu_controller.opened hr._3 {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
}


#frame.filled .dates img {
	filter: brightness(50%);	
}
#menu_controller:hover #menu_ico {
    height: 21px;
        top: -1px;
}

#menu_controller.opened  #menu_ico {
	 -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    height: 21px;
        top: -1px;
}

#menu_controller:hover .menu_text,#menu_controller.opened .menu_text {
	-webkit-transform:translate3d(8px,0,0);
	transform:translate3d(8px,0,0);
}

#scroll_down {
	    position: absolute;
    bottom: 45px;
    left: 50%;
    z-index: 2;
    margin-left: -2.5px;
}

.scroll_text {
	    font-family: Cardo;
    color: #FFFFFF;
    font-size: 18px;
    margin-left: -40px;
}

.main_container {
    float: left;
    width: 100%;  
}

.menudivs .slider_controls{
    display: none;
}

.logo2{
    display: none;
}

.menudivs .logo2{
    display: block;
}
.menudivs .logo1{
    display: none;
}
.menudivs .logo{
   top: 20px;
   z-index: 6;
}


#frame {
	position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events:none;
    z-index:6;
}


#frame .borders {
	pointer-events:none;
}

#frame .borders > div {  
    /*background: #ffffff;*/
    opacity: 0.2;
    position: absolute;
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: opacity, width, height;
}

#frame.filled .borders > div {
	 opacity: 1;
	 will-change:transform;
}

#frame.mobile_layout .borders .top {
	transform:scale(1,3);
}

#frame.mobile_layout #book_now, #frame.mobile_layout #menu_controller {
	transform:translate3d(0,-17px,0);
}

#frame .vertical {
	height: 98%;
    width: 30px;
}

#frame .horizontal {
	 height: 30px;
   	 width: 99%;
}

#frame .left {
		-webkit-transform-origin:bottom;
	
	transform-origin:bottom;
}

#frame .right {
		-webkit-transform-origin:top;
	
	transform-origin:top;
}

#frame .top {
		-webkit-transform-origin:left;
	
	transform-origin:left;
}

#frame .bottom {
		-webkit-transform-origin:right;
	
	transform-origin:right;
}


#frame .vertical.no_height {
	height:100% !Important;
		-webkit-transform:scale(1,0);
	
	transform:scale(1,0);
}

#frame .horizontal.no_width {
	
	width:100% !Important;
		-webkit-transform:scale(0,1);
	
	transform:scale(0,1);
}

.slider_controls {
	    width: 32px;
}

.slider_controls > div {
	cursor:pointer;
}

.slider_controls > div:hover {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	
}

#frame .slider_controls {
	    position: absolute;
    top: 45%;
    float: right;
    right: 16px;
    margin-top: 14px;
    pointer-events: all;
     width: 40px;
}

#copy {
	position: absolute;
    bottom: 7px;
    left: 30px;
}
#copy p {
	    color: #FFFFFF;
    font-family: Quicksand;
    font-size: 12px;
}

#book_now {
	position: absolute;
    left: 110px;
    top: 18px;
    pointer-events:all;
    z-index:4;
}

#book_now img {
	    margin-right: 10px;
    margin-top: -5px;
}

#book_now a {
	    font-family: Cardo;
    color: #FFFFFF;
    font-size: 17px;
    float:left;
}

#book_now a .hover {
	position: absolute;
    left: 0;
    top: 9px;
    opacity:0;
}



.dates {
	    margin-left: 35px;
    float: left;
}

.dates label {
	    font-family: Cardo;
    color: #FFFFFF;
    font-size: 17px;     cursor:pointer;
    
}

.dates input {
	    height: 26px;
    font-family: Cardo;
    color: #FFFFFF;
    font-size: 17px;
    background: none;
    border: none;
    margin-top: -3px;
    width: 140px;
         cursor:pointer;
    
   
   
}

.dates img {
	    width: 17px;
    margin-left: 10px;
    margin-top: -4px;
    margin-right: 12px;
}


.dates select {
	   
    height: 27px;
    font-family: Cardo;
    color: #FFFFFF;
    font-size: 17px;
    background: none;
    border: none;
    /*margin-top: -4px;*/
}

.dates select option {
	    color: #333333;
}

#frame.filled #book_now a {
	color:#666666;
}

#frame.filled a img {
	opacity:0;
}

#frame.filled a img.hover {
	opacity:1;
}

#frame.filled #copy p {
	color:#666666;
}

#frame.filled #menu_controller .menu_text {
	color:#666666;
}

#frame.filled .dates label, #frame.filled .dates input, #frame.filled .dates select {
	color:#666666;
}





#main_menu {
   position: fixed;
    top: 0;
    z-index: 4;
    top:0;
    left: 0;
    width: 100%;
    overflow:hidden; 
    height: 100% !important; 
}




#main_menu.no_events {
	 pointer-events:none;
}




#main_menu.no_width {
	padding-left:0px;
	padding-right:0px;
	opacity:0;
}

#menu_container {
    float: left;
    width: 97%;
    perspective: 1500px;
    background: #FFFFFF;
    padding: 30px;
    position:relative;
    height: 100% !important;
    
}

#main_menu.hidden #menu_container {
		-webkit-transform: translate3d(540px, 0, 0);
	
	transform: translate3d(540px, 0, 0);
	opacity:0;
}

#menu_buttons {
	float: left;
    width: 92%;
    height: 100%;
    padding-left:4%;
}

#menu_buttons * {
	will-change:transform;
}

#menu_buttons > ul {
	/*padding-right:15%;*/
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
}

#menu_buttons > ul li {
	 position:relative;
	 height: 44px;
} 

#menu_buttons > ul li a {
       text-align: left;
    font-family: Cardo;
    color: #C1BEB7;
    font-size: 22px;
    letter-spacing: -0.2px;
    display: block;
    float:left;
}
#menu_buttons > ul li a.fonts {
    color: #333;
    font-size: 26px;
}

#menu_buttons > ul li img {
	    position: absolute;
    right: -50px;
    top: 14px;
    opacity:0;
     -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
}




#menu_buttons > ul li.hover a {
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	color:#958168;
	 -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform;
}

#menu_buttons > ul li.hover img {
		-webkit-transform:translateX(-10px);
	
	transform:translateX(-10px);
	opacity:1;
	will-change: transform;
	
}

#menu_buttons > ul li:first-child {
	margin-top:0;
}

#menu_buttons > ul li a.hidden {
		-webkit-transform:translateX(20px);
	
	transform:translateX(20px);
	opacity:0;
}


#langs {
	/*position: absolute;
    bottom: 30px;*/
}


#langs ul li {
	float: left;
    padding-left: 10px;
    height: 18px;
}

#langs ul li:first-child {
	/*border-right: 1px solid #B0AA9F;*/
    /*padding-right: 10px;*/
    padding-left: 0;
}

#langs ul li a {
	 font-family: Cardo;
    font-size: 18px;
    color: #999999;
        display: block;
    margin-top: -7px;
}

#langs ul li a:hover {
	color:#958168;
}

#menu_socials {
	/*    position: absolute;
    bottom: 30px;
    float: right;
    right: 30px;*/
}

#menu_socials ul li {
	    float: left;
    padding-left: 10px;
    /*height: 18px;*/
}

#menu_socials ul li:first-child {
	/*border-right: 1px solid #B0AA9F;*/
    /*padding-right: 10px;*/
    padding-left: 0;
	
}

#menu_socials ul li a i{
    color: #999999;
}

#menu_socials ul li:first-child img {
    margin-top: -10px;
}


#menu_socials ul li img {
	    margin-top: -9px;
}

#menu_pics {
	float: left;
    width: 45%;
    height: 100%;
    perspective:3000px;
    position:relative;
   
}


.menu_pic {
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	width:100%;
	z-index:0;
	will-change: transform;
}

.menu_pic._1 {
	background:url(../images/home.jpg);
	background-size:cover;
}
.menu_pic._2 {
	background:url(../images/hotel.jpg);
	background-size:cover;
}
.menu_pic._3 {
	background:url(../images/rooms.jpg);
	background-size:cover;
}
.menu_pic._4 {
	background:url(../images/restaurant.jpg);
	background-size:cover;
}
.menu_pic._5 {
	background:url(../images/pool.jpg);
	background-size:cover;
}
.menu_pic._6 {
	background:url(../images/weddings.jpg);
	background-size:cover;
}
.menu_pic._7 {
	background:url(../images/benessere.jpg);
	background-size:cover;
}
.menu_pic._8 {
	background:url(../images/itinerari.jpg);
	background-size:cover;
}
.menu_pic._9 {
	background:url(../images/offerte.jpg);
	background-size:cover;
}
.menu_pic._10 {
	background:url(../images/contatti.jpg);
	background-size:cover;
}


.menu_pic_in {
	-webkit-animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transform-origin:left;
	-webkit-transform-origin:left;
}

.menu_pic_out {
	z-index:1;
	-webkit-transform:translateZ(-1px);
	
	transform:translateZ(-1px);
}

@-webkit-keyframes menuPicIn {
    0%   {opacity:0;-webkit-transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;-webkit-transform:rotateY(0) translateZ(0);}
}

@keyframes menuPicIn {
    0%   {opacity:0;transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;transform:rotateY(0) translateZ(0);}
}

.slider {
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    height:1080px;
}

.slider .slides_wrap {
	position:relative;
	width:100%;
	height:100%;
	will-change:transform;
}

.slider .slide {
	opacity:0;
	position:absolute;
	will-change: transform, opacity;
}

.slider .slide img {
	-ms-interpolation-mode: cubic; 
}

.slider .slide.active {
	z-index:1;
	opacity:1;
}

.slider .slide.in {
	-webkit-animation: zoomIn 8s linear;
	animation: zoomIn 8s linear;
	animation-play-state: running;
	
}

.slider .slide.first {
	-webkit-animation: zoomFirst 8s linear;
	animation: zoomFirst 8s linear;
	opacity:1;
	animation-play-state: running;
	
}

.slider .slide.easing {
	-webkit-animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	    animation-play-state: running;
	
}


.main_section .slider .slide {
	opacity:1;
	position:absolute;
}

@-webkit-keyframes zoomIn {
    0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);opacity:1;}
}

@keyframes zoomIn {
    0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);opacity:1;}
}

@-webkit-keyframes zoomFirst {
     0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);}
}

@keyframes zoomFirst {
     0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);}
}

@-webkit-keyframes zoomEasing {
    0%   {opacity:0;-webkit-transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;-webkit-transform:scale(1) rotateZ(0);}
}
@keyframes zoomEasing {
    0%   {opacity:0;transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;transform:scale(1) rotateZ(0);}
}

#frame .top {
	left:30px;
}

#frame .right {
	top: 30px;
    float: right;
    right: 0;
}

#frame .left {
	bottom:30px;
}

#frame .bottom {
	right:30px;
	bottom: 0;
}



.logo {
	position: absolute;
    z-index: 1;
    top: 6%;
    z-index: 3;
    float: left;
    width: 260px;
    left: 50%;
    margin-left: -130px;
}

.logo h1 {
	    font-family: Alegreya;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
        margin-top: 15px;
}

.logo h2 {
    font-family: Alegreya;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
    margin-top: -5px;
    letter-spacing: -0.3px;
}

#pays {
	    position: absolute;
       width: 80%;
    left: 10%;
    top: 45%;
    z-index: 2;
}

.pay {
	position:absolute;
	width:100%;
    text-align: center;
}

.pay_separator {
	    height: 1px;
    width: 300px;
    background: #FFFFFF;
    margin: auto;
    margin-top: 15px;
}

.pay.active{
    z-index: 999;
}

.pay p {
	    font-family: Cinzel;
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;

}

.pay p.subpay {
	    font-family: Cinzel;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    margin-top:10px;
}

#pays .pay p.subpay{
    position: relative;
     border:1px solid #fff;
    display: inline-block;
    padding: 15px 30px;
    margin-top: 50px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.8s ease 0s;
}

#pays .pay p.subpay:hover{
     border:1px solid #fff;
    background-color: #fff;
    color: #333;
}



.main_section {
	position:relative;
	    z-index: 2;
	    float:left;
	    width:100%;
}

#header {
	position:relative;
}

#header + .main_section .block_title {
	    width: 680px;
    left: 50%;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    margin-left: -340px;
    overflow: hidden;
}

#header + .main_section .block_title.hidden {


}

#header + .main_section .block_title  h2 {
	    color: #514639;
    font-family: Cardo;
    font-size: 35px;
    line-height: 30px;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
}

.title_text {
	    color: #514639;
    font-family: Cardo;
    font-size: 17px;
    margin-top: 30px;
    line-height: 24px;
    text-align: center;
    float: left;
    padding: 0px 100px
}

.title_text.bottomed {
	margin-bottom:30px;
}

.block_pic {
    width: 55%;
    position:relative;
    overflow:hidden;
   	will-change: transform, opacity;
    -ms-transform:rotateZ(0.0001deg);
}

.block_pic img.greyed {
	transform:scale(1.05);
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	
}

.block_text {
	padding: 3%;
    width: 42%;
    position: absolute;
    background: #FFFFFF;
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
     transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
      will-change: transform, height, padding, opacity;
      
}

.slider + .block_text {
    -webkit-transition:height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-backface-visibility: hidden; 
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    
}

.block_text .paragraph {
	width:100%;
}

.ospitality {
    margin-bottom: 120px;
}

.simple_text {
	    color: #514639;
    font-family: Quicksand;
    font-size: 14px;
    line-height: 20px;
}

.ospitality .block_title h1 {
    color: #C1BEB7;
    font-family: Cardo;
    font-size: 45px;
    line-height: 50px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -143px;
    width:285px;
    overflow:hidden;
    will-change:transform;
}

html[lang=en] .ospitality .block_title h1 {
	font-size: 41px;
}

html[lang=en] #header + .main_section.ospitality .block_title h2 {
	width: 281px;
	font-size:37px !important;
	letter-spacing: 0.2px;
}
html[lang=en] .ospitality .block_title h3 {
	letter-spacing: 0.4px;
	width: 285px;
}

#header + .main_section.ospitality .block_title h2 {
 	margin-left: -143px !Important;
    left: 50% !important;
    text-align:left !important;
    width:275px;
     overflow:hidden;
      will-change:transform;
}

.ospitality .block_title h3 {
	color: #948067;
    font-family: Cardo;
    font-size: 33px;
    line-height: 42px;
    margin-left: -143px;
    position: relative;
    left: 50%;
    clear: both;
    width:282px;
    overflow:hidden;
     will-change:transform;
}

.content {
	margin: 30px;
	position:relative;
}

.single_pic {
	
       width: 52%;
    bottom: 12%;
  
}

.separator {
	    height: 1px;
    width: 100%;
    background: #C6BFB2;
    margin-top: 5px;
    position: relative;
    will-change:transform;
     
}

.separator.no_width {
	width:100% !important;
		-webkit-transform: translate3d(-100%,0,0);
	
	transform: translate3d(-100%,0,0);
}

.separator .pointer {
	    position: absolute;
    top: -11px;
    right: 15px;
}

.paragraph {
	overflow:hidden;
}


.ospitality .paragraph {
	position: absolute;
    bottom: 0px;
    right: 60px;
    width: 40%;

}

.paragraph h2 {
	    font-family: Cardo;
    font-size: 25px;
    color: #51483B;
    margin-bottom:0px !important;
}

.paragraph h3 {
	font-family: Quicksand;
    color: #C0BEB7;
    font-size: 26px;
    margin-top: 5px;
}

.paragraph p.long {
	color: #514639;
    font-family: Cardo;
    font-size: 16px;
    margin-top: 15px;
    line-height: 24px;
}

.paragraph p.column {
	color: #514639;
    font-family: Quicksand;
    font-size: 14px;
    margin-top: 25px;
    -webkit-column-count: 2;
     -moz-column-count: 2;
      -ms-column-count: 2;
       column-count: 2;
    line-height: 22px;
}

.restaurant .block_title {
	position: absolute;
    left: 30px;
    top: 0;
    background: #FFFFFF;
    z-index: 2;
    width: 40%;
    padding: 3% 30px;
    overflow: hidden;
    height: 86px;
      -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, height, padding, opacity;
}


.restaurant .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.restaurant .block_title  h1 {
	font-family: Cardo;
    color: #C5BFB2;
    text-align: right;
    font-size: 32px;
    line-height: 32px;
}

.restaurant .block_title  h2 {
	    text-align: right;
    font-family: Quicksand;
    color: #514639;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.restaurant .block_text {
	    background: #C6BFB2;
    width: 50%;
    z-index: 1;
    position: absolute;
    top: -5%;
    left: 40%;
       padding: 6% 0 6%;
    margin-top: -2%;
}

.restaurant .block_text p {
	font-family: Quicksand;
    font-size: 14px;
    padding: 0px 5% 0 18.6%;
    color: #514639;
    line-height: 18px;
}

.circle_link {
	position: absolute;
    background: url(../images/circle.png);
    width: 120px;
    display: block;
    right: -60px;
    background-size: cover;
    bottom: -60px;
       padding-top: 49px;
    padding-bottom: 49px;
    font-family: Quicksand;
    letter-spacing: -1.5px;
    text-align: center;
    color: #514639;
    font-size: 20px;
}

.circle_linkss {
    position: absolute;
    background: url(../images/circle.png);
    width: 100px;
    display: block;
    right: -60px;
    background-size: cover;
    bottom: -65px;
    padding-top: 29px;
    padding-bottom: 71px;
    font-family: Quicksand;
    letter-spacing: -1.5px;
    text-align: center;
    color: #514639;
    font-size: 20px;
}

.circle_linkss .down_arrowss {
    position: absolute;
    bottom: 43%;
    left: 45%;
    margin-left: 1px;
}


.circle_link.left {
	 float: left;
    left: -60px;
    right: 0;
}

.circle_link.center {
	 float: left;
    left: 50%;
    right:0;
    margin-left:-60px;
}

.circle_link .down_arrow {
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:1px;
}

.circle_link:hover {
	 background: url(../images/big_brown.png);
	 background-size: cover;
	 	 -webkit-transform:scale(0.9);
	 
	 transform:scale(0.9);
	 
}

table#on_table td {
	vertical-align:middle;
}

table#on_table .circle_link {
	    position: relative;
    background: url(../images/brown_big_circle.png);
    padding-top: 26px;
    padding-bottom: 26px;
    color: #FFFFFF;
    font-size: 20px;
    width: 81px;
    right: 0;
    bottom: 0;
    display: block;
    height: 28px;
    float: left;
    letter-spacing: 0.5px;
}

table#on_table .button {
	min-width:117px;
}

table#on_table .button img {
	float: left;
    display: block;
    margin-top: 37px;
    margin-left: 12px;
}

.small_paragraph {
	    position: relative;
    max-width: 980px;
    margin: auto;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 30px;
    width: 80%;
    float:none;
}

.small_paragraph h2 {
	    float: left;
    font-family: Quicksand;
    color: #C6BFB2;
    font-size: 23px;
    width: 25%;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
        letter-spacing: -0.5px;
}

.side_separator {
	    float: right;
    width: 100%;
    position: absolute;
    right: 130px;
    height: 1px;
    width: 100%;
    background: #C6BFB2;
    top: 16px;
}

.side_separator .pointer {
	    float: right;
    
    position: absolute;
    top: -11px;
    right: 15px;
}

#on_table {
	    width: 100%;
    margin-top: 20px;
    float: left;
        margin-bottom: 120px;
}

.small_paragraph p {
	    font-family: Quicksand;
    font-size: 14px;
    line-height: 22px;
    -webkit-column-count: 3;
        -moz-column-count: 3;
            -ms-column-count: 3;
                column-count: 3;
            
        
    
    color: #514639;
}

.hotel .block_text {
	    position: absolute;
    top: 0;
    right: 30px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 5%;
    
}

.hotel .block_title{
	position: absolute;
    top: -68px;
    text-align: left;
    left: 30px;
    will-change: transform, height, padding, opacity;
}

.main_section > .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}



.capri h2 {
	width:42%;
}

.capri p {
	    clear: both;
    width: 45%;
    margin-top: 20px;
    float: left;
    
}


.composite {
	    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
   
}


.rooms .composite .block_pic, .itineraries .composite .block_pic{
	float:right;
}

.composite .block_text {
	    padding: 30px;
    background: #FFFFFF;
    width: 50%;
    position: absolute;
    float: left;
   left:-30px;
  
   
}

.composite .block_text.hidden {
	padding:0 30px;
	height:0;
	opacity:0;
}

.composite .block_text table {
	width:100%;
	perspective:2500px;
    perspective-origin:bottom;
}

.composite.right .block_pic {
	float:left;
}

.composite.right .block_text {
	float:right;
	left:auto !important;
	right:0px;
}

table td {
	vertical-align:middle;
}



.composite .block_text table td {
	width:50%;
	vertical-align:middle;
}

.composite .block_text table td.text {
	    background: #E0DBD4;
    	padding: 30px;
    	    	-webkit-transform-origin:left;
    	
    	transform-origin:left;
    	position:relative;
}

.composite .block_text table td.text.flipped {
	-webkit-transform: rotateY(-178deg) translateZ(0px) translateX(-1px);
	transform: rotateY(-178deg) translateZ(0px) translateX(-1px);
	
}

.composite .block_text table td.text p {
	color: #514639;
    font-family: Quicksand;
    font-size: 14px;
    line-height: 20px;
    z-index:1;
    position:relative;
}

.composite .block_text .circle_link {
	left: 50%;
    margin-left: -60px;
    bottom: -20px;
}

.composite.left .block_pic {
	float:left;
}

.composite.left .block_text {
    float: right;
    right: -30px;
    left:auto;
}

.composite .block_text h2 {
	    font-family: Quicksand;
    color: #514639;
    font-size: 24px;
    letter-spacing: -1.8px;
}

.composite .block_text h3 {
	    font-family: Cardo;
    font-size: 18px;
    margin-bottom: 10px;
    color:#514639;
}

.rooms.all .composite .block_text, .itineraries.all .composite .block_text {
	left:0;
}

.rooms.all .composite .block_text,  .itineraries.all .composite .block_text {
	width:47%;
	background:#E0DBD4;
	min-width:571px;
}

.rooms.all .block_text table td.text, .itineraries.all .block_text table td.text {
	background:#FFFFFF;
}

.view_full {
	width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius:50%;
    border-radius:50%;
    position: absolute;
    bottom: 10px;
    float: right;
    right: 10px;
    cursor:pointer;
}

.view_full p {
	color: #71685D;
    font-family: Quicksand;
    font-size: 19px;
    position: relative;
    left: 0;
    text-align: center;
    top: 22px;
    letter-spacing: -1px;
    line-height: 17px;
}

.rooms.all .composite.right .view_full {
	float:left;
	left:10px;
}

.composite .block_text h2.room_title {
	    position: absolute;
    margin-top: -100px;
    margin-left: -30px;
    font-family: Cardo;
    color: #C5BFB2;
    letter-spacing: 0;
    font-size: 30px;
    width: 100%;
}

.composite.right .block_text h2.room_title {
	    text-align: right;
}

.rooms.all .circle_link {
	background: url(../images/big_brown.png);
	background-size:cover;
	      padding-top: 38px;
    padding-bottom: 38px;
    bottom:-87px;
        left: 0;
} 

.rooms.all .circle_link .down_arrow {
	bottom:10px;
}

.spa .block_text {
	position: absolute;
    top: 0;
    left: 30px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 5%;
}

.spa .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}

.block_text h2 {
    margin-bottom: 30px;
}

.section_title {
	color: #C5BFB2;
    font-family: Cardo;
    font-size: 30px;
}

.section_sub_title {
	    text-align: right;
    font-family: Quicksand;
    color: #514639;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.events {
	width:100%;
}

.events .section_title {
	text-align:center;
	margin-top:120px;
	line-height:30px;
}

.events .section_sub_title {
	text-align:center;
	margin-bottom:60px;
}

#news_panel {
	position:relative;
	margin:auto;
	width:100%;
	max-width:1600px;
}

#news_detail{
	    height: 75%;
    width: 25%;
    position: absolute;
    background: #C6BFB2;
    left:0;
}

#news_pics {
	width:50%;
	position:relative;
	left:25%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	
}

#news_pics img {
    opacity: 0;
    height: 0;
     transition: all 0.8s ease 0s;
     display: none;
}
#news_pics .active{
    opacity: 1 !important;
    height: unset;
     display: block;
}


/*#news_pics img {
	
}*/

#news_pics img.old {
	z-index:2;
	position:relative;
}

#news_pics img.new {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	
}

/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/



#news_pics img.navOutNext {
	-webkit-animation: hideLeft 0.7s forwards;
	animation: hideLeft 0.7s forwards;
}

#news_pics img.navInNext {
	-webkit-animation: showRight 0.7s forwards;
	animation: showRight 0.7s forwards;
}

#news_pics img.navOutPrev {
	-webkit-animation: hideRight 0.7s forwards;
	animation: hideRight 0.7s forwards;
}

#news_pics img.navInPrev {
	-webkit-animation: showLeft 0.7s forwards;
	animation: showLeft 0.7s forwards;
}



@-webkit-keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@-webkit-keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

#news_text {
	    width: 30%;
    height: 80%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    background: #FFFFFF; 
    z-index:3;  
}

#news_text table {
	height:100%;
}

#news_text p {
	padding: 30px;
    font-family: Quicksand;
    font-size: 14px;
    color: #514639;
    line-height: 19px;
     transition: all 0.8s ease 0s;
}

.news_more {
	    position: absolute;
    background: url(../images/brown_big_circle.png);
    padding-top: 23px;
    padding-bottom: 29px;
    color: #FFFFFF;
    font-size: 18px;
    width: 68px;
    right: 0px;
    bottom: -20px;
    display: block;
    height: 15px;
    float: left;
    letter-spacing: 0.1px;
    background-size: cover;
    cursor:pointer;
}



.news_date {
    font-family: Cardo;
    color: #FFFFFF;
    position: relative;
    top: 15px;
    left: 20px;
    font-size: 20px;
     transition: all 0.8s ease 0s;
}

.news_date{
    opacity: 0;
    height: 0;
}
.news_date.active{
    opacity: 1 !important;;
    height: unset;
}

.pptext{
    opacity: 0;
    height: 0 !important;
    padding: 0 30px !important;
}

.pptext.active{
    opacity: 1 !important;
    height: unset;
    padding: 0 30px !important;
}

.news_title{
    opacity: 0;
    height: 0;
}
.news_title.active{
    opacity: 1 !important;
    height: unset!important;
    right: unset !important; 
}


.news_name {
	right: 20px;
    position: relative;
    top: 35%;
}

.news_title {
    font-family: Cardo;
    color: #FFFFFF;
    text-align: right;
    font-size: 20px;
    width: 50%;
    float: right;
    line-height: 22px;
    position:relative;
    right:0;
   transition: all 0.8s ease 0s;
}

.news_subtitle {
	    font-family: Quicksand;
    color: #514639;
    text-align: right;
    font-size: 14px;
    width: 80%;
    float: right;
    line-height: 16px;
    clear: both;
    margin-top: 12px;
    /* font-style: italic; */
    letter-spacing: -0.2px;
    position:relative;
    right:0;
}

.news_name .news_title.hidden {
	right:-60%;
}

.news_name .news_subtitle.hidden {
	right:-80%;
}

#news_body {
	display:none;
	position: absolute;
    top: 0;
        padding: 1px 30px;
}

#news_body p {
	float:left;
	padding:0;
}

#news_body .news_title {
	float: left;
    width: 100%;
    text-align: left;
    color: #C5BFB2;
    font-family: Cardo;
    font-size: 28px;
}

#news_body .news_subtitle {
	font-size:18px;
	float: left;
    text-align: left;
    margin-top:20px;
}

#news_detail .slider_controls {
	
position: absolute;
    bottom: 5px;
    left: 5px;
}





#footer {
float:left;
width:100%;

}





#footer_content {
	position: relative;
    height: 400px;
    margin: auto;
    max-width: 1800px;
}

#footer_left {
    width: 35%;
    float: left;
    height: 100%;
    position: absolute;
    left: 30px;
    top: 30px;
}

#footer_left table td {
	vertical-align:bottom;
}

#footer_left ._1 hr {
	margin-top:10px;
}

#footer_left a, .block_title a {
	color: #514639;
    text-decoration: underline;
}

#footer_center {
	/*background: rgb(224,219,212);*/
    height: 460px;
    width: 30%;
   
       /*background: rgb(224,219,212);*/
    height: 430px;
    width: 30%;
    margin: auto;
    margin-top: -30px;
    max-width: 420px;
    padding-top: 30px;
	
}

#footer_center .logo {
	/*position:relative;*/
}

#socials li a i{
    color: #333333;
} 

#footer_right {
	    position: absolute;
    height: 100%;
    float: right;
    width: 35%;
    right: 30px;
    top: 30px;
}

#trip {
	    width: 210px;
    margin: auto;
    margin-top: 160px;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFFFFF;
}

#socials {
	width: 92%;
    margin: auto;
       margin-top:60%;
       display: flex;
       justify-content: space-around;
}

#socials li {
	float: left;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #999999;
    height:20px;
}

#socials li:first-child {
	
    padding-left: 0;
}

#socials li.last {
	border-right:none;
    padding-right: 0;
}

#socials li a {
	display: block;
    position: relative;
    top: -4px;
}


.logotype {
	position:absolute;
	bottom:0;
	left:0;
}

#footer .half {
	height:100%;
}



#footer table {
	width: 100%;
    position: absolute;
     bottom: 40%;
    left: 30px;
}


#footer table hr {
    width: 30px;
    border: none;
    border-top: 1px solid #999999;
    margin: 0;
    margin-bottom: 10px;
     margin-top: 10px;
}

#footer table p {
	    font-family: Museo;
    color: #514639;
    font-size: 14px;
    line-height: 21px;
}

#menu_lower {
    position: absolute;
    bottom: 40%;
    right: 28px;
}

#menu_lower ul {
	    float: right;
    clear: both;
}

#menu_lower ul li {
	float:left;
}

#menu_lower ul li a {
	    color: #514639;
    font-family: Museo;
    font-size: 12px;
    padding: 0 8px;
    border-left: 2px solid #FFFFFF;
}

#menu_lower ul li:first-child a {
	border-left:none;
}

/************ HOTEL *************/

.the_house .block_text {
	 bottom: 30px; 
     float: right; 
     right: 0;
     
    
}

.services {
	    width: 100%;
    overflow: hidden;
}

.services .block_pic {
	    float: right;
    width: 70%;
}

.services .block_section {
    width: 30%;
    position: relative;
}

.services .block_text._1 {
    width: 72%;
    left: 40%;
    height: 44%;
    padding: 8%;
}
.services .block_text._2 {
	    width: 85%;
    height: 35%;
    position: relative;
    top: 55%;
    padding: 8% 0% 8% 15%;
    background: #C1BEB7;
}

.services .block_section h3 {
	    color: #51473A;
    font-family: Cardo;
    font-size: 16px;
}

.services .block_section p {
	    margin-top: 15px;
    color: #514639;
    font-size: 14px;
    font-family: Quicksand;
    line-height: 19px;
}

.position .block_text {
position: absolute;
    top: 35px;
    right: 35px;
    float: right;
    width: 40%;
    background: #FFFFFF;
    z-index: 1;
    padding: 5%;
}

.position .block_text.hidden {
	height:0;
	padding:0 5%;
	opacity:0;
}


.tradition .block_text.hidden {
	-webkit-transform:translate3d(-100px,0,0);
	transform:translate3d(-100px,0,0);
    padding: 3%;
    height:auto;
    padding:60px;
    
}

.nature {
	overflow:hidden;
}

.nature .slider_controls {
	position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
}

.nature table td.text {
	vertical-align:top;
}



.nature .composite .text > div {
	position:absolute;
	top:107px;
}

.nature .composite .text > div.relative {
	top:0;
}

.nature .composite .text > div p {
    width: 90%;
}

.nature .composite #food_slide > div {
	position:relative;
	display:none;
	overflow:hidden;
}

.nature .composite #food_slide > div._1{
	display:block;
}

.nature .composite #food_slide > div img.hidden_by_scaling_low {
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}

.sapienza .block_text {
    bottom: 30px;
    float: right;
    right: 0;
}

.tradition {
	   width: 100%;
    overflow: hidden;
    margin-bottom:120px;
}

.tradition .block_text {
    padding: 60px;
    width: 30%;
    top: 10%;
    z-index: 1;
}

.tradition .block_pic {
	    float: right;
    width: 70%;
}

#food_slide img {
	width:114%;
	-ms-transform:rotateZ(0.0001deg);
}

.middle_set {
	    color: #514639;
    font-family: Cardo;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    margin: auto;
    padding: 0px 100px;
    width: 40%;
    float:none !important;
}

.stripe {
	position:relative;
	    float: left;
    width: 100%;
}

.stripe .block_text {
	    right: 40px;
    top: 10%;
    height: 60%;
    width: 240px;
    background:rgba(224,219,212,0.95);
}

.stripe .block_text table {
	    height: 100%;
}

.stripe .block_text table td {
	vertical-align:middle;
}

#restaurant .stripe .block_text.hidden {
	height: 0;
    padding: 0 3%;
}

#restaurant .info_req table {
	    width: 60%;
    max-width: 1280px;
    margin: auto;
}

#restaurant .info_req table #body_info > div {
	width:100%;
}

#restaurant .info_req table #body_info form {
	margin-top:0px;
}

.sala .simple_text img {
	    margin-right: 10px;

}

.sala .simple_text span {
	    font-size: 16px;
    color: #FFFFFF;
    cursor:pointer;
}

.sala_2 .simple_text img {
	    margin-right: 10px;

}

.sala_2 .simple_text span {
	    font-size: 16px;
    color: #FFFFFF;
    cursor:pointer;
}

.sala_2 {
	margin-top:200px;
}

.sala_2 .block_text {
	left:40px;
}

.main_section.right .block_pic {
	float:right;
}

.main_section.right .block_text {
	float:left;
	left:0;
}

.sperimentazione {
	overflow:hidden;
}


.menu .paragraph {
    position: absolute;
    float: right;
    width: 38%;
    top: 10%;
    right: 10%;
}

.pool {
	float:left;
}



.solarium .block_section {
    width: 30%;
    position: relative;
    float: left;
}

.solarium .block_pic {
    float: left;
    width: 70%;
}


.solarium .block_section {
    width: 30%;
    position: relative;
}

.solarium .block_text._1 {
        width: 100%;
    left: -30%;
    height: 55%;
    padding: 0 8%;
    float: left;
    position: relative;
}
.solarium .block_text._2 {
	    width: 84%;
    height: 45%;
    position: relative;
    padding: 0 8%;
    background: #C1BEB7;
    float: left;
}



.solarium table {
	height:100%;
	
}

.solarium table td {
	    padding: 0 15%;
}

.clock {
	    position: relative;
    width: 100%;
    top: 8%;
}

.solarium .block_text._2 table {
	position:absolute;
	top:0;
	width:84%;
}

.bar .bar_back {
	width:98%;
	left:2%;
	position:relative;
}

.bar .paragraph {
      position: absolute;
    float: right;
    width: 42%;
    top: 5%;
    right: 27%;
}

.bar .paragraph h2 {
	text-align:center;
}

.bar .paragraph .long {
	text-align:center;
}

.bar .paragraph .single_column {
	text-align:center;
}

.relax h2 {
	width:37%;
}

.relax p {
	    clear: both;
    width: 65%;
    margin-top: 20px;
    float: left;
    -webkit-column-count: 2;
     -moz-column-count: 2;
      -ms-column-count: 2;
       column-count: 2;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    -ms-column-gap: 90px;
    column-gap: 90px;
}

.relax .side_separator {
	    right: 350px;
}

.wellness .middle {
	position:relative;
}

#clock {
	position: absolute;
    bottom: 0;
    float: right;
    right: 50%;
    margin-right: -500px;
    width: 245px;
}

#clock #pointers {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;	
}

#clock #hours {
	height: 1px;
    background: #E0DBD4;
    width: 50px;
    position: absolute;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    left: 1px;
    top: 0;
	-webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}

#clock #minutes {
	    width: 1px;
    height: 85px;
    background: #E0DBD4;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    position: absolute;
    -webkit-transform-style: flat;
    transform-style: flat;
    top: 0px;
    left: 0;
    -webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	transition:all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 5s cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}
#minutes.closed {
		-webkit-transform: rotateZ(540deg) !important;
	    transform: rotateZ(540deg) !important;
}

#hours.closed {
		-webkit-transform: rotateZ(500deg) !important;
	    transform: rotateZ(500deg) !important;
}

#clock .opening {
	     top: 99px;
    left: -22px;
}

#clock .closing {
	    top: 167px;
}

#clock .time {
	    position: absolute;
    color: #514639;
    font-size: 30px;
    font-family: Cardo;
}

#clock .time_text {
	    float: left;
    font-family: Quicksand;
    color: #C6BFB2;
    font-size: 18px;
   text-align:center;
    position: absolute;
    bottom: -59px;
}

.wellness .content {
	    background: #E0DBD4;
    float: left;
    padding-top: 90px;
    padding-bottom:90px;
}

.wellness .block_title .simple_text {
	line-height:22px;
	    padding: 0 100px;
    text-align: center;
}

.wellness .spa_section {
    width: 110%;
    position: relative;
    
}

.wellness .spa_section.left {
    float: right;
    right: 50%;
    margin-right: -340px;
    background: rgba(81,70,57,0.4);
    z-index:1;
    margin-bottom:40px;
    
}

.wellness .spa_section.left.left_translated {
	-webkit-transform:translate3d(-100px,0,0);
	transform:translate3d(-100px,0,0);
	opacity:0;
}


.wellness .spa_section.right.right_translated {
	-webkit-transform:translate3d(100px,0,0);
	transform:translate3d(100px,0,0);
	opacity:0;
}

.wellness .spa_section._1 .bottom_translated{
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
	opacity:0;
}

.wellness .spa_section._2 .bottom_translated{
	-webkit-transform:translate3d(-10px,-10px,0);
	transform:translate3d(-10px,-10px,0);
	opacity:0;
}


.spa_block {
	    float: right;
    width: 45%;
    min-width: 730px;
    position:relative;
}

.spa_content {
	    float: left;
    width: 45%;
    position: relative;
    margin-top: 80px;
    margin-bottom: 50px;
}

.spa_content h2 {
	    font-family: Quicksand;
    font-size: 26px;
    color: #F8F2EB;
}

.spa_content hr {
	    width: 30px;
    margin-left: 0;
        margin-top: 15px;
}

.spa_content .sub_text {
	     font-family: Quicksand;
    margin-top: 30px;
    color: #514639;
    font-size: 18px;
    line-height: 25px;
}

.spa_block .spa_pic {
	    width: 54%;
    float: right;
    position: relative;
    top: 80px;
    right: -50px;
}

.spa_text {
	    font-family: Cardo;
    font-size: 16px;
    color: #F8F2EB;
    margin-top: 15px;
}

.wellness .spa_section.right {
    float: left;
    left: 50%;
    margin-left: -340px;
    background: #FFFFFF;
    padding-top:120px;
    margin-bottom:120px;
}

.wellness .spa_section.right  .spa_block {
	    float: left;
    width: 45%;
    min-height: 364px;
    min-width: 730px;
}

.wellness .spa_section.right  .spa_content {
	    float: right;
    margin-top: 70px;
}

.wellness .spa_section.right h2 {
	text-align:right;
	color:#C6C1BD;
}

.wellness .spa_section.right .sub_text {
	text-align:right;
}

.wellness .spa_section.right .spa_text {
	text-align:right;
	color:#C6C1BD;
}

.wellness .spa_section.right hr {
	margin-right:0;
	margin-left:auto;
	color:#C6C1BD;
}

.wellness .spa_section.right .spa_pic {
	    width: 40%;
    float: left;
    position: relative;
    top: 70px;
    left: -50px;
    margin-top:-70px;
}

.wellness .spa_section.third {
	background:none;
}
.wellness .spa_section.third .spa_pic {
       width: 35%;
    position: absolute;
    bottom: 0;
   
    top: auto;
 
}

.wellness .spa_section.third  .spa_content {
	margin-bottom:0;
}

.single_sentence {
	    font-family: Quicksand;
    text-align: center;
    font-size: 24px;
    color: #A69F96;
    float:left;
    width:100%;
}

.left_quote {
	    position: absolute;
    margin-top: -50px;
    font-size: 60px;
    font-family: Cardo;
}

.right_quote {
	    position: absolute;
    margin-top: 0;
    font-size: 60px;
    font-family: Cardo;
    margin-left: 230px;
}

.special_box {
	 width: 80%;
    margin: auto;
    position: relative;
    float:none;
    max-width:1280px;
   
}

.special_box .slider_controls {
    top: 50%;
    position: absolute;
    right: -16px;
      margin-top: 27px;
      z-index:2;
	
}

.special_viewport {
	width:100%;
	overflow:hidden;
}

.special_box .box_title{
	    font-family: Cardo;
    color: #C5BFB2;
    font-size: 38px;
    padding-right: 30px;
    background: #FFFFFF;
    z-index: 1;
    position: relative;
    float: left;
}

.special_viewport > .side_separator {
	    top: 42px;
	    right:0;
}

.special_container {
    width: 100%;
    margin-top: 120px;
    margin-left:30px;
    display:none;
    
}

.special_container.first {
	display:block;
}

.special {
	width: 29%;
    float: left;
    margin-left: 5%;
    background: #E0DBD4;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin:top;
    transform-origin:top;
    will-change:transform;
}

.special.hidden {
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}

.special > img {
	-webkit-transform: translate3d(-30px,-30px,0);
	    transform: translate3d(-30px,-30px,0);
}

.special:first-child {
	margin-left:0;
}

.special_body {
	    position: relative;
    overflow: hidden;
   position: relative;
    
    margin: 0 30px 30px 30px;
    will-change:transform;
}

.special_body h2 {
	    color: #514639;
    font-family: Quicksand;
}

.special_body .side_separator {
	position: relative;
    float: left;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 15px;
    background: #FFFFFF;
    will-change: transform;
}

.special_body .side_separator.no_width {
	width:100% !important;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
} 

.special_body p {
	font-family: Quicksand;
    color: #514639;
    font-size: 14px;
    line-height: 22px;
    margin-top: 50px;
    float: left;
    margin-bottom: 30px;
    height:170px;

}

.special_box .special > img.hidden, #offer_body > img.hidden  {
	opacity:0;
	-webkit-transform:translate3d(-20px,-20px,0);
	transform:translate3d(-20px,-20px,0);
} 

.special td a {
	    float: left;
    width: 100%;
    height: 100%;
    color: #514639;
    padding:15px 0;
    display:block;
}

.special_details {
	width:100%;
}

.special_details td {
	    text-align: center;
    border: 1px solid #FFFFFF;
    padding: 15px 0;
    font-family: Quicksand;
    letter-spacing: -1.8px;
    font-size: 16px;
    color:#514639;
    width:100%;
}

.offer_detail_button {
	padding:0 !Important;
}



.offer_detail_button:hover a {
	background:#FFFFFF;
}

.special_details td span {
	font-size:20px;
}

.stripe_back {
	    float: left;
    width: 100%;
    background: #E0DBD4;
        padding: 90px 0;
         -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),  opacity 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        
    
   
}

.stripe_back.hidden {
	opacity:0;
}


.stripe_container {
	width: 67%;
    margin: auto;
    position: relative;
    max-width: 900px;
}

#room_stripe .round_pic {
	    width: 22%;
    position: absolute;
    margin-left: -160px;
    margin-top: 70px;
}

.stripe_back p {

    -webkit-column-count: 2;
        -moz-column-count: 2;
            -ms-column-count: 2;
                column-count: 2;
            
        
    
}

#room_service {
	background:none;
}
#room_service .stripe_container {
padding-bottom:60px;
}

#room_service p {
	line-height:22px;
}

#room_service p.left {
	    color: #514639;
    font-family: Cardo;
    font-size: 18px;
    line-height: 20px;
}

#room_service .stripe_container {
	width:50%;
}

#room_service table {
	width:100%;
}

.rooms .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.marriage .block_title {
	    position: absolute;
    left: 30px;
    top: 0;
    background: #FFFFFF;
    z-index: 2;
    width: 40%;
    padding: 5% 30px;
    overflow:hidden;
    height:54px;
      -webkit-transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: height 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000), padding 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
}


.marriage .block_title.hidden {
	height:0;
	padding:0 30px;
	opacity:0;
}

.marriage .block_title  h1 {
	font-family: Cardo;
    color: #C5BFB2;
    text-align: right;
    font-size: 32px;
    line-height: 32px;
}

.marriage .block_title  h2 {
	    text-align: right;
    font-family: Quicksand;
    color: #514639;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.marriage .block_text {
	    background: #C6BFB2;
    width: 50%;
    z-index: 1;
    position: absolute;
    top: -5%;
    left: 40%;
       padding: 6% 0 6%;
    margin-top: -2%;
}

.marriage .block_text p {
	font-family: Quicksand;
    font-size: 14px;
    padding: 0px 5% 0 18.6%;
    color: #514639;
    line-height: 18px;
}

.showcase .left_side {
	    position: absolute;
    	width: 100%;
}

.showcase .right_side {
	width: 100%;
    float: right;
}

.showcase .bottom {
	margin-top: 60px;
    float: left;
    width: 100%;
    position: relative;
}

.showcase ._2 {
    border: 20px solid #FFFFFF;
    margin-top: -11%;
    width: 32%;
    margin-left: 10px;
} 

.showcase ._3 {
        float: right;
    border: 20px solid #FFFFFF;
    width: 69%;
    position: relative;
    margin-top: 40px;
} 

.showcase ._4 {
    float: left;
    position: relative;
    width: 49%;
    margin-top: 20px;
    z-index: 1;
} 

.showcase ._5 {
       position: relative;
    float: right;
    border: 20px solid #FFFFFF;
    margin-top: -9%;
    width: 51%;
    right: 0;
    z-index: 2;
} 

.showcase ._7 {
    position: absolute;
    top: 0;
    width: 48%;
    left: 0px;
    border: 20px solid #FFFFFF;
} 

.showcase .head_1 {
	    position: relative;
    float: right;
    top: 0;
    width: 62%;
    margin-top: 60px;
}

.showcase .head_1 h2 {
	text-align: center;
    font-size: 42px;
    font-family: Cinzel;
    color: #C6BFB2;
}

.showcase .head_1 h3 {
    text-align: center;
    font-size: 24px;
    font-family: Cinzel;
    color: #C6BFB2;
}

.showcase .head_2 {
	    clear: both;
    float: left;
    margin-top: 50px;
    margin-left: 30px;
    width: 44%;
}

.showcase .head_2 h3 {
	text-align: center;
    font-size: 23px;
    font-family: Cinzel;
    color: #C6BFB2;
}

.showcase .text_1 {
	    position: relative;
    padding: 4% 6%;
    width: 15.4%;
    font-family: Quicksand;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
    border: 20px solid #FFFFFF;
}

#brochure {
	width: 42%;
    position: relative;
    padding-right: 4%;
}

#brochure img {
	margin-top:67px;
}

#brochure a {
	position:relative;
    right: 0;
    margin-left: -70px;
    margin-top: -67px;
    width: 140px;
    font-size: 18px;
    bottom:0;
}

#info {
	width: 100%;
    background: #E0DBD4;
    position: relative;
    float:left;
}

#body_info {
	    margin: 6%;
    background: #FFFFFF;
    padding: 6%;
    overflow: hidden;
}

#body_info p span {
	font-family:QuicksandItalic;
	font-style:normal;
	color:#ACA5A3;
}

#body_info > div {
	width:50%;
	float:left;
	padding-bottom:25px;
}

#body_info h3 {
	    font-family: Quicksand;
    color: #514639;
    font-size: 18px;
    line-height: 24px;
    height: 45px;
      color: #514639;
}

#body_info form {
	    margin-top: 69px;
}

#body_info .left p {
	font-family: Quicksand;
    font-size: 14px;
    margin-top: 30px;
    line-height: 22px;
    width: 80%;
      color: #514639;
}

#body_info form input {
	    border: none;
    border-bottom: 1px solid #E0DBD4;
    font-family: Quicksand;
    letter-spacing: -0.8px;
    height: 18px;
    font-size: 14px;
    margin-top:5px;
    width:100%;
      color: #514639;

}

#body_info form label {
	font-family: Quicksand;
    color: #AAAAAA;
    font-size: 14px;
}

#body_info form textarea {
	    width: 100%;
    border: 1px solid #E0DBD4;
    height: 208px;
    font-family: Quicksand;
    color: #514639;
}

#body_info .accept {
	font-family: Quicksand;
    font-size: 13px;
    width: 85%;
    line-height: 20px;
}

#body_info .circle_link {
    background: url(../images/big_brown.png);
    bottom: -37px;
    background-size: cover;
}


#header+ .main_section.specials .block_title {
	width: 80%;
    margin: auto;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    overflow: hidden;
    max-width: 1024px;
    left:0;
    float:none;
}

#header+ .main_section.specials .block_title .title_text {
	    width: 450px;
    margin-top: 30px;
    float: left;
    left: 50%;
    position: relative;
    margin-left: -225px;
    padding: 0;
}

#specials #scroll_down, #contacts #scroll_down {
	display:none;
}

.special_body .side_separator.no_width {
	transform:none;
	width:0 !important;
	
}

.specials .content {
	max-width: 1440px;;
    width: 90%;
    margin: auto;
    
}

#offers {
	float: left;
    width: 35%;
}



#offer_body {
	width: 56%;
    float: right;
    background: #E0DBD4;
    max-width:800px;
    position:relative;
}

.offer {
	    background: #E0DBD4;
	    outline: 1px solid #FFFFFF;
	    margin-top:1px;
}

.view_all_button {
	display:none;
}

.offer.left_translated{
	opacity:0;
	-webkit-transform:translateX(-15px);
	transform:translateX(-15px);
}

.offer a, .view_all_button p {
	    font-family: Quicksand;
    color: #514639;
    display: block;
    padding: 25px 30px;
    position: relative;
}

.offer .arrow_hover {
	margin-right: 25px;
    margin-left: -35px;
    opacity:0;
}

.offer .arrow_out {
	    float: right;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -2.5px;
}

.offer:hover,.offer.active {
	background:#FFFFFF;
	outline:1px solid #E0DBD4;	
}

.offer:hover .arrow_hover,.offer.active .arrow_hover {
	opacity:1;
	margin-left:0;
	
}

.offer:hover .arrow_out,.offer.active .arrow_out{
	opacity:0;
	right:-5px;
	
}

.view_all_offer {
	display:none;
}

#offer_body.hidden {
	opacity:0;
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
}

#offer_body .special_body h2 {
	    font-size: 27px;
}

#offer_body .special_body {
	position: relative;
    width: 75%;
   margin: 50px 12.5% 30px 12.5%;
    padding: 0;
    float: left;
    overflow:visible;
    z-index:1;
}

.f_offer {
	    border-bottom: 1px solid #E0DBD4;
}

.f_offer input {
	    float: left;
    margin-top: 0 !important;
    width: auto !important;
    float: none;
    margin-left: 15px;
    border-bottom: none !important;
    font-weight: bold;
}

#offer_body .special_body p {
	height:auto;
}

#offer_body .special_body p.included {
    width: 100%;
    font-style: italic;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 20px;
    font-family: Cardo;
}

#offer_body ul li {
	font-family: Quicksand;
    color: #514639;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    float: left;
    margin-bottom: 0;
    width: 100%;
        padding-left: 35px;
        position:relative;
}

#offer_body ul li img {
	    position: absolute;
    top: 10px;
    left: 0px;
}

#offer_body .price span {
	color: #514639;
    font-family: Cardo Bold;
    font-size: 28px;
    margin-right: 10px;
}

#offer_body .price {
	margin-bottom:100px;
}

#offer_body .circle_link {
	 padding-top: 38px;
    padding-bottom: 38px;
    bottom:-90px;
    font-size: 19px;
    pointer-events:none;
       
}

#special_info_request .circle_link {
	    bottom: -73px;
    padding-bottom: 49px;
    padding-top: 49px;
    pointer-events:all;
}

#offer_body .circle_link img {
	    bottom: 9px;
}

#offer_body .special_body .side_separator {
	position: absolute;
    top: 31px;
}


#specials #header img.hidden_by_scaling_low, #contacts #header img.hidden_by_scaling_low  {
	-webkit-transform:scale(0.98);
	transform:scale(0.98);
}

#special_info_request {
	    position: relative;
    width: 100%;
    margin-bottom:30px;
    padding: 0;
    float: left;
    overflow: visible;
}

#special_info_request #body_info {
	margin: 0 6%;
}

#special_info_request #body_info > div {
	width:100%;
}

#special_info_request #body_info .left p {
	width:100%;
	text-align:center;
	margin-top: 40px;
}

#special_info_request #body_info form {
	margin-top:0px;
}

.itineraries .block_title .text {
	color: #514639;
    font-family: Quicksand;
    font-size: 14px;
    margin-top: 60px;
    line-height: 25px;
    display: block;
    float: left;
    padding: 0px 100px;
}

.itineraries.all .block_text table td.text{
	-webkit-transform-origin: center;
transform-origin: center;
}

.itineraries.all .block_text table td.text p {
    color: #514639;
    font-family: Quicksand;
    font-size: 14px;
    line-height: 20px;
    z-index: 1;
    position: relative;
    padding: 10%;
    line-height: 25px;
}

.contacts .content {
    max-width: 1440px;
    width: 90%;
    margin: auto;
}

#form {
	float: left;
    width: 30%;
    font-family:Quicksand;
	font-size:16px;
	color:#514639;
}

#contacts_body {
	width: 60%;
    float: right;
    background: #E0DBD4;
    position:relative;
}

#form h2 {
	font-size:24px;	
}

#form p {
	line-height:22px;
	margin-top:60px;
}

#contact_form {
	margin-top:60px;
}

#contact_form input {
	margin-top:10px;
	width:100%;
	height:30px;
	font-family: Quicksand;
    color: #514639;
    font-size: 14px;
    text-indent: 8px;
}

#contact_form > div {
	    margin-top: 15px;
    float: left;
    width: 100%;
}

#contact_form textarea {
	width:96%;
  resize: vertical;
  height:200px;
  margin-top:10px;
  font-family: Quicksand;
    color: #514639;
    font-size: 14px;
   padding:2%;
}

#form p.privacy_text {
	    margin-top: 5px;
    font-size: 14px;
    text-align: justify;
}

._email {
	display:none;
}

.accept_box {
	margin-top:30px;
}

#form p.accept {
	    width: 85%;
    float: left;
    margin-top: 0;
}

#prv {
    width: 18px !important;
    float: right;	
}

#form_reset {
	float:left;
	cursor:pointer;
}

#form_send {
	float:right;
	cursor:pointer;
}

#form_reset img {
	margin-right:10px;
}

#form_send img {
	margin-left:4px;
}

#contacts_body iframe {
	margin-top:-30px;
	margin-left:-30px;
}

#contacts_body.hidden {
	opacity:0;
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
}

#contacts_body .special_body h2 {
	    font-size: 27px;
}

#contacts_body .special_body {
	position: relative;
    width: 75%;
    margin: auto;
    margin-top: 50px;
    padding:0;
}

#contacts_body .special_body p {
	height:auto;
}

#contacts_body .special_body p.included {
    width: 100%;
    font-style: italic;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 20px;
    font-family: Cardo;
}

#contacts_body ul li {
	font-family: Quicksand;
    color: #514639;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    float: left;
    margin-bottom: 0;
    width: 100%;
        padding-left: 35px;
        position:relative;
}

#contacts_body ul li img {
	    position: absolute;
    top: 10px;
    left: 0px;
}

#contacts_body .price span {
	color: #514639;
    font-family: Cardo Bold;
    font-size: 28px;
    margin-right: 10px;
}

#contacts_body .price {
	margin-bottom:100px;
}

#contacts_body .circle_link {
	 padding-top: 38px;
    padding-bottom: 38px;
    bottom:-60px;
       
}

#contacts_body p.intro {
	font-size:16px;
}

#contacts_body p.info_text {
	margin-top:0;
}

#contacts_body p.included {
	margin-bottom:20px !important;
}

/**************** FULLSCREEN GALLERY *********************/

#fullscreen_gallery {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	top: 0px;
	z-index: 2;
	display: none;
}

#control_bar {
	position: absolute;
    bottom: 30px;
    height: 40px;
    width: 100%;
    background: rgba(255,255,255,0.2);
    z-index: 10;
}

#controls {
overflow: hidden;
margin: auto;
width: 850px;
margin-top: 5px;
}

#controls .gallery_title {
font-size: 35px;
font-family: Gandhi;
color: #BDB6AE;
float: left;
margin-top: 11px;
margin-left: 50px;
width: 460px;
}

#controls img.logo {
	float:left;
}

#controls .gallery_title span {
	font-style:italic;
}

#controls .counter {
	
	font-size: 38px;
font-family: Gandhi;
color: #BDB6AE;
float: left;
margin-top: 10px;
margin-left: 40px;
}

#controls .counter span {
	color:#AB8C3F;
}

.loader {
 font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 3px solid rgba(198, 191, 178, 0.3);
    border-right: 3px solid rgba(198, 191, 178, 0.3);
    border-bottom: 3px solid rgba(198, 191, 178, 0.3);
    border-left: 3px solid #C6BFB2;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loaderSpin 1s infinite linear;
    animation: loaderSpin 1s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.loader,
.loader:after {
 border-radius: 50%;
    width: 30px;
    height: 30px;
}
@-webkit-keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#fullscreen_gallery .pic_big {
	float:left;
	overflow:hidden;
	position:absolute;
	z-index:2;
}

#fullscreen_gallery .pic_big.behind {
	z-index:1;
}

#fullscreen_gallery .pic_big.above {
	z-index:3;
}



.full_arrow_left {
position: absolute;
top: 0;
margin-top: 0px;
height: 100%;
width: 10%;
cursor:pointer;
z-index:10;
}

.full_arrow_right {
position: absolute;
top: 0;
float: right;
height: 100%;
width: 10%;
right: 0px;
margin-top: 0px;
cursor:pointer;
z-index:10;
}

.full_arrow_right:hover,.full_arrow_left:hover {
	-webkit-transform:scale(1.12);
	transform:scale(1.12);
}

.full_arrow_left img {
	position: relative;
top: 50%;
    margin-top: -25px;
    margin-left: 40px;
}

.full_arrow_right img {
	position: relative;
top: 50%;
    margin-top: -25px;
    margin-right: 40px;
float:right;
}

#controls .close p {
	font-size: 22px;
font-family: GandhiItalic;
color: #BDB6AE;
text-align: center;
}


#controls .close {
margin-top: 4px;
float: left;
position: absolute;
right: 25px;
cursor:pointer;
}

#numbers {
    height: 100%;
    left: 50%;
    position: absolute;
    width: 99999999px;
}

#numbers .num {
	float: left;
    padding: 8px 0;
}

#numbers .num.active {
	-webkit-transform: translateY(-60px);
    transform: translateY(-60px);
   
	
}

#numbers .num p {
	 color: #FFFFFF;
    text-shadow: 1px 1px 1px #111111;
}
   
    
#numbers .num.active p {
	 font-size: 40px;
}

.gallery_title {
	    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
    background: rgba(255,255,255,0.8);
    height: 47px;
    padding: 10px 0px;
}

.gallery_title h2 {
	font-family: Cardo;
    color: #C5BFB2;
    letter-spacing: 0;
    font-size: 30px;
    margin-left: 20px;
}

.gallery_close {
	    position: absolute;
    top: 40px;
    z-index: 20;
    background: rgba(255,255,255,0.8);
    padding: 20px;
    float: right;
    right: 40px;
    cursor:pointer;

}

.credits {
	color: #514639;
    font-family: Museo;
    font-size: 12px;
    padding: 0 8px;
    float: right;
    margin-top: 20px;
    width: 100%;
    text-align: right;
}

.credits a {
	    color: #514639;
    margin-left: 5px;
}


@media all and (max-width:1440px) {

	#footer table td._1 {
	display: block;
    margin-bottom: 30px;
	}
	#footer table td._2 {
	display: block;
	}
	
	#footer table td._2 hr {
		display:none;
	}
	
	#footer table td._3 {
	vertical-align:bottom;
	}
	
	.itineraries.all .block_text table td.text p {
   
    padding: 5%;
   
}
	
}


/***************************** RESPONSIVENESS ***************************/

@media all and (max-width: 740px) {
	
	#header + .main_section .block_title h2 {
		font-size:32px;
	}
	
	#frame .horizontal {
	    height: 15px;
	    width: 99%;
	}
	
	#frame .vertical {
	    height: 98%;
	    width: 15px;
	}
	
	#frame .top {
    left: 15px;
	}


	#frame .right {
	    top: 15px;
	    float: right;
	    right: 0;
	}
	
	#frame .bottom {
	    right: 15px;
	    bottom: 0;
	}
	
	#frame .left {
	    bottom: 15px;
	}
	
	#frame.filled .vertical {
	height:100%;
	top: 0;
    bottom: 0;
	}
	
	#book_now {
	top: 19px;
    left: 20px;
	}
	
	
	
	#menu_controller {
	    right: 25px;
    top: 23px;
	}
	
	#main_menu {
	 right: 15px;
    top: 0;
    height: 100% !important;
    width: calc(100%)!important;
	}
	
	#menu_container {
	padding: 0;
        height: 100% !Important;
    width: 100%;
	}
	
	#menu_pics {
		display:none;
	}
	
	#menu_buttons {
	width: 100%;
    height: 100%;
    padding-left: 0;
    }
	
	#menu_buttons > ul {
	    padding-top: 0;
         padding-right: 0;
         height: 100%;
         overflow: scroll;
         flex-direction: column;
    }
    
    .menudowns{
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 15px;
    flex-direction: column;
    }
    .menudowns>div{
        padding: 15px 0;
    }    


    #menu_buttons > ul li a {
	    width: 100%;
	    text-align: center;
    }
    
    #menu_buttons > ul li img {
    	display:none;
    }
    
    #menu_buttons > ul li:hover a {
    -webkit-transform:none;
    transform:none;
    }
    
    #langs {
        bottom: 50px;
    left: 6px;
    }
    
    #menu_socials {
        bottom: 51px;
    right: 10px;
    }
    
	.logo img {
		/*width:50px;*/
	}
    .copys{
        padding-left: 15px;
        padding-right: 15px;
    }
	
	#pays {
		width: 90%;
    left: 5%;
    top: 48%;
	}
	
	.pay p {
	    font-size: 28px;
	}
	
	.pay_separator {
	   
	    width: 270px;
	   
	}
	
	.pay p.subpay {
	   
	    font-size: 17px;
	  
	}
	
	#scroll_down {
		    bottom: 25px;
	}
	
	#frame .slider_controls {
		display:none;
	}
	
	.logo {
		    top: 12%;
	}
	
	#footer .logo {
		   top: 0;
    left: 0;
    margin-left: 0;
	}
	
	#header + .main_section .block_title {
    width: 100%;
    left: 0;
    margin-top: 0;
    padding: 25px 0 0 0;
    position: relative;
    margin-left: 0px;
	}
	
	.ospitality .block_title h1 {
    font-size: 38px !important;
    margin-left: -133px;
    width: 265px;
	}
	
	html[lang=en] #header + .main_section.ospitality .block_title h2 {
	    margin-left: -134px !Important;
	    width: 264px;
	    letter-spacing: -0.1px;
	    font-size: 35px !important;
	}
	
	html[lang=en] .ospitality .block_title h3 {
    font-size: 31px;
    line-height: 44px;
    margin-left: -134px;
    width: 282px;
    letter-spacing: 0.1px;
	}
	
	
	html[lang=it] .ospitality .block_title h1 {
    margin-left: -133px;
    width: 265px;
        font-size: 43px !important;
	}
	
	html[lang=it] #header + .main_section.ospitality .block_title h2 {
	    margin-left: -134px !Important;
	    width: 264px;
	    letter-spacing: -0.1px;
		  font-size: 33px !important;
        margin-top: 3px;}
	
	html[lang=it] .ospitality .block_title h3 {
    font-size: 31px;
    line-height: 44px;
    margin-left: -134px;
    width: 282px;
    letter-spacing: 0.1px;
	}
	
	.content {
		margin:15px;
	}
	
	.bottom_60 {
		margin-bottom:30px !important
	}
	
	.bottom_90 {
    margin-bottom: 45px !important;
}
	
	.single_pic {
    width: 100%;
    bottom: 0;
  
	}
	
	.ospitality .paragraph {
    position:relative;
    bottom: 0px;
   right:0px;
    width: 100%;
    margin-top: 30px;
        bottom: 0!important;
	}
	
	.paragraph p.column {
	
	-webkit-column-count:1 !important;
	-moz-column-count:1 !important;
	-ms-column-count:1 !important;
	column-count:1 !important;


	}
	
	.ospitality {
    margin-bottom: 50px;
	}
	
	.restaurant .block_text {
    width: 80%;
    position: absolute;
       top: -5% !important;
    left: 0%;
    padding: 6% 10%;
    margin-top: -2%;
	}
	
	.restaurant .block_text p {
		 padding: 0px 0px 0 0px;
	}
	
	.restaurant .block_title {
      left: 0;
    top: 39%;
    width: 90%;
    padding: 5% 5%;
    height: 89px;
   
	}
	
	.restaurant .block_title h1 {
    font-size: 26px;
	}
	
	.restaurant .block_title h2 {

    font-size: 15px;
	}
	
	.circle_link {
		display:none;
	}
	
	.small_paragraph h2 {
   font-size:21px;
    width: auto;
    padding-right: 20px;
	}
	
	.side_separator {
   right:0;
	}
	
	.small_paragraph {
	width: 90%;
	}
	
	#on_table {
    width: 100%;
    margin-top: 20px;
    float: left;
    margin-bottom: 90px;
	}
	
	table#on_table td {
    display: block;
	}
	
	table#on_table .button {
    left: 50%;
    position: relative;
    margin-left: -60px;
    margin-top: 30px;
}
	
	.small_paragraph p {
    font-family: Quicksand;
    font-size: 14px;
    line-height: 22px;
  
	-webkit-column-count:1 !important;
	-moz-column-count:1 !important;
	-ms-column-count:1 !important;
	column-count:1 !important;


    color: #514639;
    padding: 0 6% 0 0;
	}
	
	.hotel .block_title {
    
    top: -62px;
    left: 15px;
    width: 90%;
	}
	
	#index .rooms .block_text {
	
	    min-width: 0px !important;
    padding: 15px;
    width: 100% !important;
    left: -15px;
	}
	
	.section_title {
  
    font-size: 20px;
    line-height: 26px;
	}
	
	.main_section > .block_text.hidden {
   
    padding: 0 8%;
   
	}
	
	.hotel .block_text {
   
    right: 0px;
    float: right;
    width: 84%;
    background: #FFFFFF;
    
    padding: 5% 8%;
	}
	
	.spa .block_text {
   
    left: 0px;
    float: left;
    width: 84%;
    background: #FFFFFF;
    
    padding: 6% 8%;
}

	.spa .block_text.hidden {
	    padding: 0% 8%;
	
	}
	
	.hotel {
	margin-bottom:10px;}
	.top_60 {
	margin-top:30px !important}
	   .capri {
	   width:100%;
	   }
	   
	   .capri .side_separator {
	   display:none;
	   }
	   
	   .capri p {
	   width:100%;}
	   
	   
	   .composite .block_text {
       padding: 15px 30px;
    width: 100%;
    position: relative;
    left: -30px;
    top:0 !Important;
}
	   
	.block_pic {
    width: 100%;
    position: relative;
    overflow: hidden;
  
	}
	
	.composite .block_text table td {
    width: 100%;
    display: block;
	}
	
	.composite .block_text table td.text {
    padding: 8%;
    -webkit-transform-origin: top;
    transform-origin: top;
    position: relative;
    width: 84%;
    margin-top: 15px;
}

.composite {
	margin-bottom:30px;
}

.composite .block_text table td.text.flipped {
	-webkit-transform:rotateX(-94deg);
	transform:rotateX(-94deg);
	
}
.special_container {
    width: 100%;
    margin-left:0;
}


.special_box .box_title {
  
    font-size: 24px;
}

.special_box {
    width: 90%;
}

.special {
       width: 100%;
     margin-top:45px;
    float: left;
    margin-left:0;
    background: #E0DBD4;

}

.special:first-child {
    margin-left: 0;
    margin-top: 0;
}

.special > img {
	    transform: translate3d(0px,-30px,0);
}

.events {
	display:none;
}


.special_box .slider_controls {
	display:none;
}


	#footer {
	    margin-top: 15px !important;
	        float: left;
    width: 100%;
    height:auto;
    width: 90%;
    margin-left: 5%;
       margin-bottom: 15px !important;
	}
	
	
	#footer_content {
		overflow:hidden;
		height:auto;
	}
	
	#footer_center {
	      width: 100%;
    margin-top: 0px;
    height: 325px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-top: 0;
	}
	
	#trip {
	       margin: 0;
    padding-bottom: 0;
	border-bottom:none;
	}
	
	#socials {
		    margin: 0;
		
	}
	
	#footer_left {
	    position: relative;
	    width: 160px;
	    margin: auto;
	    float: none;
	    left: 0;
	    top: 0;
	    padding: 20px 0;
	       height: 296px;
    }
    
    #footer table {
    width: 100%;
    position: absolute;
    bottom: 0px;
   left: 0px;
	}
	
	#footer table td {
    display: block;
    margin-bottom: 15px !important;
	}
	
	#footer_Table hr {
	    margin-bottom: 15px !important;
	}
	
	
	#footer table td._1 hr {
		display:none;
	} 
	
	#footer table td._2 hr {
		display:block;
	}
	
	#footer table td._3 hr {
		display:block;
	} 
	
	#footer table td._3 p br {
		display:none;
	}
	
	#footer_right {
		display:none;
	}
	
	.title_text {
	    padding: 0px 15px;
	}
	
	.block_text {
	    width: 100%;
    position: relative;
    padding: 0;
    padding-top: 15px;
    top:0 !important;
    }
    
    .the_house .block_text, .sapienza .block_text {
    	bottom:0 !important;
    }
    
    .block_text.right_translated, .block_text.left_translated {
    	-webkit-transform:none;
    	transform:none;
    
    }
    
    .sapienza {
    	margin-bottom:0 !important;
    }
    
    .sperimentazione {
    	margin-bottom:40px;
    }
    
    .services .block_pic {
    float: left;
    width: 100%;
	}
	
	.services .block_section {
		width:100%;
		float:left;
		height:auto !Important;
	}
	
	.services .block_text._1 {
	    width: 84% !important;
    left: 0;
    
    }
    
    .services .block_section h3, .services .block_section p {
    text-align: center;
    }
    
     .services .block_section p {
   line-height:22px;
    }
    
    .services .block_text._2 {
    width: 84%;
    position: relative;
  	top:0;
    padding: 8%;
    }
    
    .position .block_text {
    right: 0px;
    float: right;
    width: 84%;
    background: #FFFFFF;
    padding: 5% 8%;
	}
	
	.stripe_back {
		    padding: 5% 0;
	}
	
	.stripe_container {
	width: 80%;
	}
	
	.round_pic {
		display:none;
	}
	
	.stripe_back p {
	    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
	}
	
	#room_service {
		margin-top:10px;
	}
	
	#room_service td {
		display:block;
		width:100%;
	}
	
	#room_service p {
	text-align: center;
	}
	
	#room_service p.right {
	  
    margin-top: 20px;}
    
    #room_service .stripe_container {
    	padding-bottom:0;
    	width:100%;
    }
    
    .composite > h2 {
     position: relative;
    margin-left: 0;
    font-family: Cardo;
    color: #C5BFB2;
    letter-spacing: 0;
    font-size: 26px;
    width: 100%;
    margin-bottom: 3px;
    }
    
    .composite .block_text td img {
    	display:none;
    }
    
    .rooms .composite .block_text, .itineraries .composite .block_text {
        min-width: 0px !important;
	    padding: 15px;
	    width: calc(100% - 30px) !important;
    } 
  
	 .rooms .composite .block_text td.text, .itineraries .composite .block_text td.text  {
	 	margin-top:0;
	 }
	 
	 .view_full {
	     width: 58px;
   	 height: 58px;
   	 float:right !important;
   	    bottom: 10px !important;
   left:auto !important;
    right: 10px !important;
   	 
    }
    
    .view_full p.view_full_text {
        font-size: 14px;
    line-height: 13px;
    top: 16px;
    }
    
    .gallery_title {
    	    width: 166px;
    height: 32px;
    left: 20px;
    top: auto;
    bottom:20px;
    padding:0 0 1px 0;
    }
    
    .gallery_title h2 {
        font-size: 22px;
    margin-left: 10px;
    }
    
    #control_bar {
    	display:none;
    }
    
    .gallery_close {
    	    bottom: 20px;
    right: 20px;
    top: auto;
       padding: 4px 9px 6px 9px;
    }
    
    .gallery_close img {
    width: 15px;
    }
    
    .full_arrow_left img {
        transform: scale(0.7);
        margin-left:11px;
        }
	.full_arrow_right img {
	 transform: scale(0.7);
        margin-right:11px;
	}
	
	.tradition {
		    margin-bottom: 45px;
	}
	
	.tradition .simple_text {
		line-height:22px;
	}
	
	.tradition .block_text.hidden {
		transform:translate3d(0,0,0);
    padding: 18px 15px 25px 15px;		}
	
	.tradition .block_text {
		    width: calc(100% - 30px);
    bottom: 0;
    padding: 18px 15px 25px 15px;	
    }
    
.tradition .block_pic {
		width:100%;
	
}

	.middle_set {
	float: left !important;
    width: 90%;
    left: 5%;
    padding: 0;
	}
	
	.nature .slider_controls {
	    left: auto;
    margin-left: 0;
    top: 48px;
    margin-top: 0;
    right: 50px;
	}
	
	#food_slide img {
		display:block;
	}
	
	.nature .composite .text > div {
    position: absolute;
    top: 87px;
    margin-bottom: 30px;
	}
	
	.nature .text h2 {
		margin-bottom: 10px;
	}
	
	.sala > img {
	    width: 300%;
    margin-left: -49%;
	}
	
	.sala .block_text {
		width: calc(100% - 60px);
    position: relative;
    right: 0;
    top: 0;
    padding: 15px 30px;
	}
	
	.sala .block_text.hidden {
		padding: 0 30px !important;
	}
	
	.sala_2 > img {
	    width: 300%;
    margin-left: -49%;
	}
	
	.sala_2 .block_text {
		width: calc(100% - 60px);
    position: relative;
    right: 0;
    top: 0;
    padding: 15px 30px;
	}
	
	.sala_2 .block_text.hidden {
		padding: 0 30px !important;
	}
	
	.menu .paragraph {
		position: relative;
    width: calc(100% - 30px);
    riight: 0;
    float: left;
    padding: 0px 15px;
    right: 0;
    margin-bottom:30px;
	}
	
	.solarium {
		margin-bottom:0 !important;
	}
		
	.solarium .block_pic {
    float: left;
    width: 100%;
	}
	
	.solarium .block_section {
		    width: 100%;
    height: auto !important;
	}
	
	.solarium .block_text._1 {
		    width: 100%;
    left: 0;
    padding: 15px 0;
	}
	
	
	.solarium .block_text._2 {
		height: 240px !important;
	}
	
	.solarium table {
	    width: 90% !important;
    left: 5%;
	}
	
	.solarium table td {
    padding: 0;
}

.bar .paragraph {
		position: relative;
    width: calc(100% - 30px);
    riight: 0;
    float: left;
    padding: 0px 15px;
    right: 0;
    margin-bottom:30px;
	}
	
	
	/************* WEDDINGS **************/
	
	.showcase ._2 {
    border: 15px solid #FFFFFF;
    margin-top: 0;
    width: 100%;
    margin-left: 0;
	}	
	
	.showcase .text_1 {
    position: relative;
    padding: 0 15px 15px 15px;
    width: calc(100% - 30px);
    margin-left: 0;
    border: none;
	}
	
	.showcase ._4 {
    position: relative;
    width: 100%;
    margin-top: 0;
	}
	
	.showcase .head_2 {
		display:none;
	}
	
	.showcase .head_1 {
		    margin-top: 30px;
    width: 100%;
	}
	
	.showcase ._3 {
    float: right;
    border: 15px solid #FFFFFF;
    width: 100%;
    margin-top: 25px;
	}
	
	.showcase ._5 {
    position: relative;
    float: right;
    border: 15px solid #FFFFFF;
    margin-top: -15px;
    width: 100%;
    right: 0;
	}
	
	.showcase .bottom {
    margin-top: 0px;
	}
	
	.showcase ._7 {
    position: relative;
    top: 0;
    width: 100%;
    left: 0px;
    border: 15px solid #FFFFFF;
	}
	
	.showcase {
		margin-bottom:30px !important;
	}
	.showcase .left_side {
	
		position:relative;
	}
	
	.marriage {
		margin-bottom:0 !important;
	}
	
	.marriage .block_text {
      width: 80%;
    position: absolute;
    top: -3% !Important;
    left: 0%;
    padding: 6% 10%;
    margin-top: 25%;
	}
	
	.marriage .block_text p {
		 padding: 0px 0px 0 0px;
	}
	
	.marriage .block_title {
       left: 0;
    top: 2%;
    width: 90%;
    padding: 5% 5%;
   
	}
	
	.marriage .block_title h1 {
    font-size: 26px;
	}
	
	.marriage .block_title h2 {

    font-size: 15px;
	}
	
	
	.info_req {
		margin-top:30px !important;
		margin-bottom:60px !important;
	}
	
	.info_req table td {
		display:block;
		width:100% !important;
	}
	
	#brochure {
		padding:0;
	}
	
	#brochure img {
    margin-top: 0px;
	}
	
	#info_container {
		    margin-top: 15px;
	}
	
	#body_info .circle_link {
	
		display: block;
    bottom: -35px;
    width: 85px;
    height: 25px;
    padding: 30px 0;
    margin-left: -42.5px;
	}
	
	#body_info > div {
		width:100%;
	}
	
	
	#body_info .left p {
   
    margin-top: 15px;
   
    width: 100%;
 
	}
	#body_info form {
    margin-top: 0px; 
	}
	
	#specials #header > img, #contacts #header > img {
		width:200%;
	}
	
	#specials #header .logo, #contacts #header .logo {
		    top: 32%;
	}
	
	#header+ .main_section.specials .block_title {
    width: 80%;
	    width: 100%;
    margin-top: 0;
    padding: 30px 0 30px 0;
    margin-bottom: 0 !important;
	}
	
	#header+ .main_section.specials .block_title .title_text{ 
	width: 90%;
    left: 5%;
    margin-left: 0;
    margin-top: 25px;
	}
	
	#offers {
		    width: 100%;
    top: 1px;
    position: relative;
    height: 30px;
    z-index: 1;
	}
	
	#offers.fixed {
	position:fixed;
	top:30px;
	width:90%;
		
}
	
	.offer a,.view_all_button p {
		    font-size: 15px;
   			 padding: 12px 30px;
	}
	
	.view_all_button p {
		text-align:center;
	}
	
	
	
	#offer_body {
		    width: 100%;
    margin-top: 85px;
        margin-bottom: 30px;
	}
	
	.view_all_button {
		display:block;
		opacity:1;
	}
	
	.offer.left_translated {
		pointer-events:none;
	}
	
	#offer_body .special_body h2 {
    font-size: 20px;
	}
	
	#offer_body .special_body  {
	margin: 0;
    width: 90%;
    margin-left: 5%;
	}
	
	#offer_body ul li {
		    width: 87%;
	}
	
	#offer_body .price {
		    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
	}
	
	#special_info_request {
	    padding:0;
	    margin-bottom:20px;
	}
	
	#special_info_request #body_info .left p {
		margin-top:0;
	}
	
	#special_info_request  .circle_link  {
    bottom: -54px !important;
	}
	
	.f_offer input {
	width: 100% !important;
    text-align: center;
    margin-left: 0;}
    
    .itineraries .block_title .text {
    	    width: calc(100% - 30px);
	    left: 0;
	    margin-left: 0;
	    padding: 0 15px;
	    margin-top: 30px;
	    text-align: center;
	}
	
	.itineraries.all .block_text table td.text p {
    padding: 0%;
        line-height: 21px;
	}
	
	#spa  #header + .main_section .block_title{
	    margin-bottom: 0 !Important;
	}
	
	.relax h2 {
	    font-size: 19px;
	}
	
	.relax p {
	    width: 100%;
    padding: 0;
	}
	
	#clock {
		display:none;
	}
	
	.wellness .content {
	   width: calc(100% - 30px);
    padding: 0;
	}
	
	.spa_block {
	    width: 100% !Important;
    right: 0 !important;
    top: 0 !important;
    margin-bottom: 15px;
    float: right !important;
    margin-top: 0 !important;
    left: auto !important;
    min-width: 0 !important;
	}
	
	
	
	.spa_content {
		    width: calc(100% - 30px);
    margin-top: 0 !important;
    padding:15px;
        margin-bottom: 0px;
        
	}
	
	.spa_text, .spa_content h2 { 
		color:#FFFFFF !important;
	}
	
	.wellness .spa_section {
	width: 100% !important;
    float: left !important;
    left: 0 !important;
    margin: 0 !important;
        padding-top: 0 !important;
    }
    
    .spa_block .spa_pic {
        width: calc(100% - 30px) !important;
    right: 15px !important;
    top: 0 !important;
    margin-top: 0 !important;
    left: auto !important;
    float: right !important;
    }
    
    .wellness .spa_section.third .spa_pic {
    	position:relative;
    }
    
    .wellness .spa_section .bottom_translated {
    
        -webkit-transform: translate3d(0px,10px,0) !imortant;
    transform: translate3d(0px,10px,0) !important;
    opacity: 0 !important;
    }
    
  
    
    .wellness .spa_section._1{ 
    
    	background:rgba(81,70,57,0.4)
    }
    
     
    .wellness .spa_section._2{ 
    
    	background:rgba(81,70,57,0.2)
    }
    .wellness .spa_section._3{ 
    
    	background:rgba(81,70,57,0.1)
    }

	.single_sentence {
	width: 80%;
    font-size: 18px;
    margin-left: 10%;
    margin-top: 45px !Important;
	}
	
	.left_quote {
	margin-left:-20px;
	}
	
	.right_quote {
		margin-left:0;
	}
	
	#body_info h3 {
		height:auto;
	
	}
	
	#contacts .title_text {
	    font-size: 16px;
	}
	
	#form {
		    width: calc(100% - 3px);
	}
	
	#form h2 {
    font-size: 22px;
    text-align: center;
	}
	
	#form p {
    line-height: 22px;
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
	}
	
	#form > p br  {
   display:none;
	}
	#contact_form {
    margin-top: 15px;
}


	#contacts_body {
		    width: 100%;
    margin-top: 45px;
        margin-bottom: 30px;
	}
	
	#contacts_body iframe {
		display:none;
	}

#contacts_body .special_body h2 {
    font-size: 20px;
	}
	
	#contacts_body .special_body  {
	margin: 0;
    width: 90%;
    margin-left: 5%;
    margin-top:15px;
	}
	
	#contacts_body p.intro {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 0px;
}

#specials #header > img.hidden_by_scaling_low, #contacts #header > img.hidden_by_scaling_low {
	-webkit-transform:none !important;
	transform:none !important;
	  -webkit-transition: opacity 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: opacity 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	
	
}
	
	.desktop_only {
		display:none;
	}
	
	#restaurant .info_req table {
		width:100%;
		
	}
}	
}