@charset "utf-8";
/* CSS Document */

 html {
  scroll-behavior: smooth;
}

body {color:#414141;}



.description a:active {color:#6a6563; text-decoration: none; font-weight: bold;}
.description a:link {color:#6a6563; text-decoration: none; font-weight: bold;}
.description a:focus {color:#6a6563; text-decoration: none; font-weight: bold;}
.description a:hover {color:#414141; text-decoration: none; font-weight: bold;}

.location-name-hp a:link{color:#FFFFFF;}
.location-name-hp a:active{color:#FFFFFF;}
.location-name-hp a:visited{color:#FFFFFF;}
.location-name-hp a:hover{color:#FFFFFF; text-decoration: none; border-bottom:3px double #ffffff; border-top:3px double #ffffff;   padding:5px 20px 5px 20px; transition: .2s; }


.sticker-hp a:link{color:#FFFFFF;}
.sticker-hp a:active{color:#FFFFFF;}
.sticker-hp a:visited{color:#FFFFFF;}
.sticker-hp a:hover{color:#9d8574; text-decoration: none; border:1px solid #9d8574;     transition: .2s; }


.eventlink a:link{color:#FFFFFF;}
.eventlink a:active{color:#FFFFFF;}
.eventlink a:visited{color:#FFFFFF;}
.eventlink a:hover{color:#FFFFFF; text-decoration: none; border-top:0.035rem solid #FFFFFF; border-bottom:0.035rem solid #FFFFFF;    transition: .2s; }

.event-title-link a:link{color:#6a6563;}
.event-title-link a:active{color:#6a6563;}
.event-title-link a:visited{color:#6a6563;}
.event-title-link a:hover{color:#ffffff; text-shadow:0px 1px 4px #6a6563; text-decoration: underline; border-top:none; border-bottom:none;    transition: .2s; }



a:active {color:#6a6563; text-decoration: none; }
a:link {color:#6a6563; text-decoration: none; }
a:focus {color:#6a6563; text-decoration: none; }
a:hover {color:#414141; text-decoration: none; }

/*--@media (max-width: 1299px) {.row {margin-left:0; margin-right:20px; padding-left:10px;}}--*/
/*---------------------------------------------------------------------------------------------------------*/
.shader, .shader-destinations {background: rgba(21,20,20,0.3);
position: absolute;
display: block;
top: 0px;
float: left;
width: 100%;
height: 100%;
	opacity: 0.6;}

.shader-destinations:hover {background: rgba(0,0,0,0.5);
position: absolute;
display: block;
top: 0px;
float: left;
width: 100%;
height: 100%;
	opacity: 0;}


.white-shader {background: rgba(255,255,255,0.5);
position: absolute;
display: block;
top: 0px;
float: left;
width: 100%;
height: 100%;
	opacity: 0.5;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
	
	
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-nav-icon {
   height: 48px;
   width: 48px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat 50%/100% 100%;
        background-image: none;
}

#carouselpropositions .carousel-control-next, #carouselpropositions .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: .8;
    transition: opacity .15s ease;
}


#carouseloffers .carousel-control-next, #carouseloffers .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: .8;
    transition: opacity .15s ease;
}



.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0%;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
}




@media (max-width: 567px) {
	
   .hotelclippix{width:100%;height:550px; position: relative; right:50%;}
    
	.carousel-item active img {width:auto;}
.carousel-item  img {width:auto; pointer-events: none;   user-select: none;}
}


@media (max-width: 768px) {
	
	#indicatoregallery {display:none;}
	
}




@media (min-width: 368px) and (max-width: 767px) {

		#carouseloffers { padding:50px 0px; margin-top:-41px; margin-bottom:-30px; margin-left:10px; margin-right:10px;  border-bottom: 1px solid #ebd666;}
	
	
}

@media (max-width: 767px) {

		 #carouselpropositions {padding:50px 20px; margin-top:-41px; margin-bottom:-30px; }
	
	
}

@media only screen and (min-width: 768px) and (max-width: 1899px) {

		#carouseloffers, #carouselpropositions { padding:50px 20px; margin-top:-41px; margin-bottom:-30px; }
	
	
}


@media (min-width: 1900px) and (max-width: 2299px){

		#carouseloffers, #carouselpropositions {padding:50px 300px; margin-top:-41px; margin-bottom:-30px; }
	
	
}

@media (min-width: 2300px) and (max-width: 2499.5px){

		#carouseloffers, #carouselpropositions { padding:50px 15%; margin-top:-41px; margin-bottom:-30px; }
	
	
}

@media (min-width: 2500px) {

		#carouseloffers, #carouselpropositions { padding:50px 520px; margin-top:-41px; margin-bottom:-30px; }
	
	
}

/*--------------------------------------------------*/

@media (max-width: 568px) {
    #sloganaccommodation{display:none;}
}




@media (min-width: 768px) {
  .multi-item-carousel .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
    display: block;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.33333333333333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .carousel-inner .carousel-item-next,
  .multi-item-carousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
	

	
	
	
  .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }
}

.multi-item-carousel {background-color: #e3e3e3; padding:50px; margin-bottom:-30px;}


@media only screen and (min-width: 768px) and (max-width: 992px) {
	
.multi-item-carousel {background-color: #e3e3e3; padding:0px 0px 50px 0px; margin-bottom:-30px;}	

	
}




.resizeheader {transition: width .55s ease-in-out;}

.resizenavbar {transition: height .55s ease-in-out;}

.resizemenubar { top:32px; transition: .55s ease-in-out;}

.resizecollapse { transition: .55s ease-in-out;}

.infonav {width:100%; position: sticky; z-index: 1000; background: #f6f2ef; border-bottom: 0.0095rem solid #cac7c4; padding:0px 0px 10px 0px;   margin-bottom:0px; top:0;   transition: top .5s ease-in-out;  overflow: auto; white-space: nowrap; font-family:lato, sans-serif; font-weight: 400;}

@media only screen and (min-width: 2300px)  {
	.infonav {padding:0px 0px 10px 21%; }
}

@media only screen and (min-width: 1900px) and (max-width: 2299.75px) {
	.infonav {padding:0px 0px 10px 17%; }
}

@media only screen and (min-width: 1600px) and (max-width: 1899.75px) {
	.infonav {padding:0px 0px 10px 3%; }
}

@media only screen and (min-width: 600px) and (max-width: 1599.75px) {
	.infonav {padding:0px 0px 10px 5%; }
}

@media only screen and  (max-width: 599.75px) {
	.infonav {padding:0px 0px 10px 0px; text-align: center; }
}


.noshowinfonav { display: block;  transition: top .5s ease-in-out;}


/*---------------------------------------------------------*/

.text-justify, .align-items-centerXX{
    text-align: justify !important;
    
        border-top-color: rgb(114, 135, 99);
        border-top-style: dotted;
        border-top-width: 1px;
        border-bottom-color: rgb(114, 135, 99);
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    border-top: none;
    border-bottom: none;
	margin-left:0%; margin-right: 0%;
    
}

@media only screen and (min-width: 1900px) {
	
.text-justify, .align-items-centerXX {
    text-align: justify !important;
   
        border-top-color: rgb(114, 135, 99);
        border-top-style: dotted;
        border-top-width: 1px;
        border-bottom-color: rgb(114, 135, 99);
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    border-top: none;
    border-bottom: none;
	margin-left:15%; margin-right: 15%;
    
}}



@media only screen and (min-width: 567px) and (max-width: 1599px) {
	
.text-justify, .align-items-centerXX {
    text-align: justify !important;
    
        border-top-color: rgb(114, 135, 99);
        border-top-style: dotted;
        border-top-width: 1px;
        border-bottom-color: rgb(114, 135, 99);
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    border-top: none;
    border-bottom: none;
	margin-left:2%; margin-right: 2%;
    
}}

.shader-proposals {background: rgba(33,33,33,0.8);
	
	
position: absolute;
display: block;
top: 15px;
float: left;
width: 60%;
height: 9%;
	opacity: 0.3;
left:20%;
	transform: translateY(2em) rotateZ(-7deg);
  transition: transform 2.5s .25s cubic-bezier(0,1,.3,1),
              opacity .2s .25s ease-out;
 
  will-change: transform, opacity;

}

.shader-feedback {background: rgba(0,0,0,0.5);
position: absolute;
display: block;
left:0;
float: left;
width: 100%;
height: 500px;
	opacity: 0.3;}



.pixproposals {width:99%; height: 99%; border-top:1px solid #252525; border-bottom: 1px solid #252525; }

.card-proposals {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    
}

.card-offers {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius:0px 0px 8px 8px;
	box-shadow: 0 0 4px 0.05rem #a3a3a3;
	margin: 0 0 4px 0;
}

.card-activities {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius:0px 0px 8px 8px;
	box-shadow: 0 0 4px 0.08rem #a3a3a3;
	margin: 0 0 20px 0;
}





.card-img-top-proposals {width:100%;  border-top:1px solid #252525; border-right: 1px solid #252525; border-left: 1px solid #252525; border-radius:none; }

.card-img-top-offers {width:100%;  border:3px solid #ffffff; border-radius:none; }

.card-img-top-activities {width:100%;  border-top:5px solid #ffffff; border-radius:0px; }

.card-body-proposals {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 1.25rem 20px 0px 20px;
	border:1px solid #515151;
border-top:2px none;
}

.card-body-offers {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #ffffff;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}

.card-body-circuits {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 0px;
	border:none ;

	
	margin:0px;
}

.card-body-activities-nature {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #8a9799;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}
.card-body-activities-gastronomie {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #b12b12;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}
.card-body-activities-histoire {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #ebd666;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}
.card-body-activities-enogastro {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #a03560;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}
.card-body-activities-mer {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
	
  position: relative;
	top:-80px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 200px;
padding: 10px 20px 0px 20px;
	border:none ;
border-top:4px solid #6e99d4;
	background-image:url("../images/backgrounds/fade80percent.png");
	background-repeat: repeat;
	margin:0% 2% -80px 2%;
}

@media only screen and (max-width: 1600px) {
.details-offers{background: rgb(248, 249, 250) none repeat scroll 0% 0%; padding: 5%; text-align: left; border-radius:0px 0px 8px 8px;}
}

@media only screen and (min-width: 1601px) {
.details-offers{background: rgb(248, 249, 250) none repeat scroll 0% 0%;  padding: 5%; text-align: left; border-radius:0px 0px 8px 8px;}
}


@media only screen and (max-width: 1199px) {
	
.card-body-proposals {font-family: lato, sans-serif;
	
  font-size: 18px;
	text-align: justify;
  position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 250px;
padding: 8px;
	border:1px solid #515151;
}	
	
	
	
}


.card-title-proposals { 
display: block;
text-align: left;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 21px;
position: relative;
left: 0px;  }

.card-title-activities { 
display: block;
text-align: center;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
position: relative;
left: 0px;  }

.card-title-selex { 
display: block;
text-align: left;
font-family: 'abril-fatface', serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
position: relative;
left: 0px;  }

.card-title-selex-suggestions { 
display: block;
text-align: left;
font-family: oswald, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
position: relative;
left: 0px;  }

.card-subtitle-selex-suggestions { 
  display: block;
  text-align: left;
  font-family: font-family: lato, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  position: relative;
  left: 0px;  }

.card-text-selex-header-suggestions {font-family: lato, sans-serif;
	margin-top:10px;
	font-weight: 400;
	padding-bottom:4px;
  font-size: 1.15rem;
	text-align: justify;
	color:#414141;
	letter-spacing: -0.015rem;
  position: relative;

}

.card-text-selex-suggestions {font-family: 'tasman', serif;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 10px 0px;
  font-size: 1.20rem;
  text-align: justify;
  color: #728763;
  letter-spacing: -0.015rem;
  position: relative;
  font-weight: 500;
  margin-top: 20px;
  border-top: 0.015rem solid #515151;

}

.card-text-selex-suggestions-italic {font-family: lato, sans-serif;
	margin-top:10px;
	padding-bottom:4px;
  font-size: 1.15rem;
	font-style: italic;
	text-align: justify;
	color:#414141;
	letter-spacing: -0.015rem;
  position: relative;
	border-top: 0.0035rem dotted #515151;
border-bottom: 0.0035rem dotted #515151;
padding: 10px 0px;

}

.card-text-destinations-suggestions {font-family: lato, sans-serif;
	margin-top:10px;
	
	padding-bottom:4px;
  font-size: 1.05rem;
	text-align: justify;
	color:#414141;
	letter-spacing: -0.015rem;
  position: relative;}

.card-text-selex-suggestions-specs {font-family: lato, sans-serif;
	margin-top:10px;
	border-bottom:0.001155rem solid #e8e8e8;
	padding-bottom:4px;
  font-size: 1.15rem;font-weight: 600;
	text-align: justify;
	color:#8a9799;
	letter-spacing: -0.015rem;
  position: relative;}

.card-text-selex-suggestions-price {font-family: lato, sans-serif;
	margin-top:10px;
	
	padding-bottom:4px;
  font-size: 1.25rem;font-weight: 600;
	text-align: justify;
	color:#000000;
	letter-spacing: -0.015rem;
  position: relative;}

.icons-selex-suggestions {position: absolute; top: 2.5%; left: -1.5%; z-index: 1; width: 40px; display:none; }

.icons-selex-suggestions img {width:40px; height:40px; margin-bottom:8px;}

@media screen and (max-width: 991px){
	
			.icons-selex-suggestions {position: absolute; top: 5%; left: 3%; z-index: 1; display: flex; }	
			.icons-selex-suggestions img {width:30px; height:30px; margin-right:8px;}
	
}



.card-title-proposals a:link{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.card-title-proposals a:active{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.card-title-proposals a:hover{color:#8a9799; font-size:18px; font-style: normal; text-decoration: none; display:block;}

.card-title-selex a:link{font-family: lato, sans-serif; font-weight: 600; font-size: 18px;color:#6a6563;  font-style: normal; text-decoration: none; display:block; }
.card-title-selex a:active{font-family: lato, sans-serif; font-weight: 600; font-size: 18px;color:#6a6563;  font-style: normal; text-decoration: none; display:block;  }
.card-title-selex a:hover{font-family: lato, sans-serif; font-weight: 600; color:#414141; font-size:18px; font-style: normal; text-decoration: none; display:block;}



.card-text-proposals {font-family: lato, sans-serif;
	margin-top:10px;
	
	border-left:4px solid #728763;
  font-size: 17px;
	text-align: justify;
	padding:0px 10px 0px 10px;
	letter-spacing: -0.015rem;
  position: relative;}

 .card-text-offers {font-family: lato, sans-serif;
  font-size: 17px;
	text-align: justify;
	padding:0px;
	letter-spacing: -0.015rem;
  position: relative;}



.card-text-offers-contact {font-family: lato, sans-serif;
  font-size: 17px;
	font-weight: 600;
	text-align: justify;
	padding:0px;
	letter-spacing: -0.015rem;
  position: relative;}

.card-text-offers-header {font-family: tasman, sans-serif;
	margin-top:10px;
	color:#515151;
  font-size: 17px; font-weight: 500;
	text-align: justify;
	padding:0px;
	letter-spacing: -0.015rem;
  position: relative;}

.card-text-circuits-header {font-family: 'tasman', sans-serif;
  margin-top:10px;
	color:#515151;
  font-size: 17px; font-weight: 500;
	text-align: justify;
	padding:0px;
	letter-spacing: -0.015rem;
  position: relative;}

.card-text-selex {font-family: lato, sans-serif;
    font-size: 1.01rem;
  font-weight: 300;
  line-height: 1.55rem;
	margin-top:10px;
	border-bottom:0.001155rem solid #e8e8e8;
	padding-bottom:4px;
	text-align: justify;
	color:#515151;
	letter-spacing: -0.015rem;
  position: relative;}
  
  
  .card-text-activities-bottom {font-family: lato, sans-serif;
  font-size: 16px;
	font-weight: 400;
	text-align: justify;
	padding:0px;
	letter-spacing: -0.015rem;
  position: relative;}

#region-marker {font-size:22px; font-weight: 600; text-transform: uppercase; color:#8a9799; }

#theme-marker-nature {font-size:22px; font-weight: 600; text-transform: uppercase; color:#8a9799;  }
#theme-marker-gastronomie {font-size:22px; font-weight: 600; text-transform: uppercase; color:#b12b12; }
#theme-marker-histoire {font-size:22px; font-weight: 600; text-transform: uppercase; color:#ebd666; }
#theme-marker-enogastro {font-size:22px; font-weight: 600; text-transform: uppercase; color:#a03560; }
#theme-marker-mer {font-size:22px; font-weight: 600; text-transform: uppercase; color:#6e99d4; }

.specs-offers { 
	font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
	font-size:18px;
	letter-spacing: 0.05rem;
	text-align: left;
	color:#8a9799;
	margin-bottom:0px;
  }

.card-text-details-offers {font-family: lato, sans-serif;
	font-weight: 500;
font-style: italic;
  font-size: 18px;
	text-align: justify;
	padding:10px 10px 10px 30px;
	letter-spacing: 0;
  position: relative;
border-left:6px solid #ebd666;
background: #ffffff;
}

.card-text-details-circuits {font-family: 'tasman', sans-serif;
	
	text-align: justify;
	padding:0px 20px;
	letter-spacing: 0;
  position: relative;
border-left:3px solid #cda659;
background-color: transparent;
}


@media only screen and (max-width: 1199px) {
	
	.card-text-proposals {font-family: lato, sans-serif; 	margin-top:10px; border-left:4px solid #728763;   font-size: 17px; 	text-align: justify; 	padding:0px 8px 0px 8px; letter-spacing: -0.015rem;  position: relative;}
	
	.card-text-offers {font-family: lato, sans-serif; 	margin-top:10px;   font-size: 17px; 	text-align: justify; 	padding:0px; letter-spacing: -0.015rem;  position: relative;}

	.card-title-proposals { left: 0px;  }
}

.textproposals {display:block; position: absolute; font-size:25px; color:#ffffff;}



.proposaldescription{position:absolute;
top:75%;}



.align-items-center-slide{margin-left:-19px; margin-right: -19px; margin-bottom:-5px;}

@media only screen and (max-width: 768px) {
	
.align-items-center-slide{margin-left:0px; margin-right: 0px; margin-bottom: 0px;}
	
}

.btn-outline-secondary:hover, .btn-outline-secondary.active {
    color: #777;
    background-color: #D1D3D7;
    border-color: #6c757d;
}

.btn-outline-secondary:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.btn-outline-secondary.active:after {
  content: "\2212";
	color: #ffffff;
	position: relative; top:2px;
}


.textproposals {
  color: #ffffff;
	text-transform: uppercase;
	

font-family: oswald, sans-serif;

font-weight: 400;

font-style: normal;


	font-size:1.25vw;
	
  position: absolute;
  top: 12.5%;
  left: 50%;
  -webkit-transform: translate(-0%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
	
	
}



@media only screen and (max-width: 767px) {
	.textproposals {	font-size:4vw;}	
	.textactivities {	font-size:4vw; position: absolute;   right:20%}
	.card-proposals {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    
    border-radius: none;
	
}
}

@media only screen and (min-width: 1298px) and (max-width: 1599px) {
	.textproposals {	font-size:1.55vw;}	
}

@media only screen and (min-width: 992px) and (max-width: 1297px) {
	.textproposals {	font-size:1.85vw;}	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.textproposals {	font-size:2vw;}	
}




	  
.effex span {letter-spacing: 0.185em;-webkit-animation: tracking-out-expand 0.6s linear both;
	        animation: tracking-out-expand 0.6s linear both;}

.effex .location-name {font-size:3.25vw; font-weight:bold; display: none;}

.effex .location-name-hp {font-size:2.25vw; font-weight:400; font-family:dashiell-fine,serif; font-style:normal; text-transform: uppercase;}



.effex .region-name {font-size:2.7vw; font-weight:400;}

.effex .firstslogan {font-size:2.25vw; font-weight:bold; font-family: lato, sans-serif; -webkit-animation: fade 1.2s linear both;
  animation: fade 1.2s linear both;}

.effex p {letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both;}

.effex  .paragrafo{font-family: lato, sans-serif; font-weight: 400; font-style: italic;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:1.7vw;}

.effex  .paragrafoqsn{font-family: cronos-pro, sans-serif; font-weight: 600; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:2.6vw;}


.effex  .paragrafodestinations{font-family: lato, sans-serif; font-weight: 400; font-style: normal;letter-spacing: 0.05em; 	font-size:1.45vw;}

.effex  .paragrafodestinations a:active {color:#FFFFFF; text-decoration: none; font-weight: normal;}
.effex  .paragrafodestinations a:link {color:#FFFFFF; text-decoration: none; font-weight: normal;}
.effex  .paragrafodestinations a:focus {color:#FFFFFF; text-decoration: none; font-weight: normal;}
.effex  .paragrafodestinations a:hover {color:#C0C0C0; text-decoration: none; font-weight: normal;}


@media only screen and (min-width: 1900px) {
	.effex  .paragrafo{font-family: lato, sans-serif; font-weight: 300; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:1.5vw; margin-top:20px;}
    
    .effex  .paragrafoqsn{font-family: cronos-pro, sans-serif; font-weight: 600; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:2.6vw;}
    
    .effex  .paragrafodestinations{font-family: lato, sans-serif; font-weight: 400; font-style: normal;letter-spacing: 0.05em; 	 font-size:1.15vw;}
}

@media only screen and (min-width: 993px) and (max-width: 1400px) {
	.effex  .paragrafo{font-family: lato, sans-serif; font-weight: 300; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:1.9vw;}
    
    .effex  .paragrafoqsn{font-family: cronos-pro, sans-serif; font-weight: 600; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:2.6vw;}
    
    .effex  .paragrafodestinations{font-family: lato, sans-serif; font-weight: 400; font-style: normal;letter-spacing: 0.05em; 	 font-size:1.15vw;}
}

@media only screen and (min-width: 568px) and (max-width: 992px) {
	.effex  .paragrafo{font-family: lato, sans-serif; font-weight: 300; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:2.6vw;}
    
    .effex  .paragrafoqsn{font-family: cronos-pro, sans-serif; font-weight: 600; font-style: normal;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:3.6vw;}
    
    .effex  .paragrafodestinations{font-family: lato, sans-serif; font-weight: 400; font-style: normal;letter-spacing: 0.05em; 	font-size:2.85vw;}
	
.effex .firstslogan {font-size:4vw; font-weight:bold; font-family: lato, sans-serif; position: relative; top:-50px; -webkit-animation: fade 1.2s linear both;
  animation: fade 1.2s linear both;}
	
	.effex .location-name {font-size:4vw; font-weight:400;}
    
    .effex .location-name-hp {font-size:4vw; font-weight:400;}
    
    .effex .region-name {font-size:4vw; font-weight:bold;}
}

@media only screen and (max-width: 567px) {
	
	
	
	
	.effex  .paragrafo{font-family: lato, sans-serif; font-weight: 400; font-style: italic; letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:2.0vw; display: none;}
	
	.effex  .paragrafoqsn{font-family: 'cronos-pro',, sans-serif; font-weight: 400; font-style: italic;letter-spacing: 0.05em; 	-webkit-animation: tracking-out-expand 0.7s linear both;
	        animation: tracking-out-expand 0.7s linear both; font-size:3.6vw; display:none;}
    
    
	.effex {position: absolute; right: 3%; top: -20%;
    left: 3%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff;
    text-align: center; text-shadow: 0px 0px 4px #000; font-size: 20px;}
	
	.effex .firstslogan {font-size:4vw; font-weight:bold; font-family: lato, sans-serif; position: relative; top:-40px; display: none; -webkit-animation: fade 1.2s linear both;
    animation: fade 1.2s linear both;}
	
	.effex .location-name {font-size:6vw; font-weight:400; display: none;}
    .effex .location-name-hp {font-size:6vw; font-weight:400; }
    
    .effex .region-name {font-size:6vw; font-weight:bold; }
    
    .effex  .paragrafodestinations{font-family: lato, sans-serif; font-weight: 400; font-style: normal;letter-spacing: 0.05em; 	font-size:4vw;}
}

.effex button {	-webkit-animation: fade 1s ease both;
	        animation: fade 1s ease both; background-image:url("../images/backgrounds/fade70percent.png"); background-repeat:repeat; font-size: 18px; border-radius:0%; border:1px solid #ffffff;}
 
.effex button:hover { background-image:url(images/backgrounds/fade60percent.png); background-repeat:repeat; border:1px solid #728763;}
.effex button a{ text-decoration: none; color: #365109; font-size: 18px; }
.effex button a:hover{ text-decoration: none; color: #365109; font-size: 18px; }

@-webkit-keyframes tracking-out-expand {
  0% {
    letter-spacing: -1.3em;
    opacity: 0;
  }
  40% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-out-expand {
  0% {
    letter-spacing: -1.3em;
    opacity: 0;
  }
  40% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    
    opacity: 0;
  }
  40% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
   
    opacity: 0;
  }
  40% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.howitworks {-webkit-animation: tracking-left-expand 1s linear both;
	        animation: tracking-left-expand 1s linear both;
margin-bottom:20px;
text-align: center;}

@media only screen and (max-width: 768px) {
	.howitworks {-webkit-animation: tracking-left-expand 1s linear both;
	        animation: tracking-left-expand 1s linear both;
margin-bottom:20px; padding-bottom:20px; }
}











.presentation,  .presentation-services{margin:0px 0px 20px 0px;	padding:0;text-align: center;}

@media only screen and (max-width: 768px) {
	.presentation {margin:0px 0px 20px 0px; padding-bottom:20px; }
	.presentation-services {margin:0px 0px 20px 0px; padding-bottom:20px; }
	
}



	



#frasepresentazione {font-family:'vinchandregular'; font-weight:100; font-size:29px; color:#414141; position:relative; top:11px; margin-bottom:15px; }

@-webkit-keyframes tracking-left-expand {
  0% {
   letter-spacing: -1.3em;letter-spacing: -1.3em;
    opacity: 0;
	  width:10%
  }
  40% {
    opacity: 0.4;
	  width:60%
  }
  100% {
    opacity: 1;
	  width:100%
  }
}
@keyframes tracking-left-expand {
  0% {
    
    opacity: 0;
	  width:10%
  }
  40% {
    opacity: 0.4;
	  width:60%
  }
  100% {
    opacity: 1;
	  width:100%
  }
}




.cornice {min-height: 500px; border:6px solid #ffffff; box-shadow: 0 0 0.1rem #515151; padding:4px; margin:0px -15px; background-color: #c1c7cb;}

/*-------------------------------------------------------------------------------*/
@media only screen and (min-width: 2300px) {
	


.jumbotron-homeclip {background-color: #FFFFFF;  padding-left:0%; padding-right: 0%;   }
#containerhomepage {background-color: #f8f9fa; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepage2 {background-color: #ffffff; margin:0; padding-left:8%; padding-right: 8%;  padding-bottom:20px; }
#containerhomepage3 {background-color: #ffffff; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
    #containerhomepage33 {background-color: #72876315; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
    
#containerhomepage4 {background-color: #ffffff; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepagemappa {background-color: #f8f9fa; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
#containerselexpagemappa, #containerdestipagemappa {background-color: #ffffff; margin:0; padding-left:8%; padding-right: 8%; padding-top: 0px; padding-bottom:20px; margin-bottom:0px;}
#containerhomepagefeedback {background-image:url("../images/galleryhomepage/JPEG/fdbk3.jpg"); background-repeat:no-repeat; background-size: cover ; margin:0 -15px 0 -15px; padding-left:8%; padding-right: 8%;  padding-bottom:20px; min-height: 500px; border:6px solid #ffffff; box-shadow: 0 0 0.1rem #515151;}
#containerhomepage3fdbk {background-color: #f8f9fa; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; }
#containerhomepageactivities { background-color: #f6f2ef; padding-left:8%; padding-right: 8%;  padding-bottom:60px; padding-top:20px;  width: 100%; }
#containercontact {background-color: #ffffff; margin:0; padding-left:8%; padding-right: 8%;  padding-bottom:20px; margin-top:40px; }
#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:21%; padding-right: 21%;  padding-bottom:20px; margin-bottom:-20px; }
	#containerservices {background-color: #f6f2ef; margin:0; padding-left:8%; padding-right: 8%; padding-top: 20px; padding-bottom:20px; }
	#containerhomepagerestaurants {background-color: #c8c9ca; margin:0; padding-left:8%; padding-right: 8%;  padding-bottom:20px;  }
	
	
	#carouselactivities {position: absolute;top: 0%;left: 0%;width: 100%; height: 100%; min-height: 500px; }
		#fdbk-SEM {background-image:url("../images/feedback-bg/SEM.jpg"); background-repeat:no-repeat; background-size: cover ;  min-height: 500px;  filter: blur(1px);   -webkit-filter: blur(1px);}
	
	
	
	
}

@media only screen and (min-width: 568px) and (max-width: 1299px) {.jumbotron-homeclip {background-color: #FFFFFF; margin:0; padding-left:0%; padding-right: 0%; }}
@media only screen and (min-width: 1300px) and (max-width: 1598px) {.jumbotron-homeclip {background-color: #FFFFFF;  padding-left:0%; padding-right: 0%;   }}
@media only screen and (min-width: 1599px) and (max-width: 1899px) {.jumbotron-homeclip {background-color: #FFFFFF; padding-left:0%; padding-right: 0%;    }}
@media only screen and (min-width: 1900px) and (max-width: 2298px) {.jumbotron-homeclip {background-color: #FFFFFF;  padding-left:0%; padding-right: 0%;   }}

@media only screen and (min-width: 568px) and (max-width: 1299px) {#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:0%; padding-right: 0%;  padding-bottom:20px; margin-bottom:-20px; }}
@media only screen and (min-width: 1300px) and (max-width: 1598px) {#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%;  padding-bottom:20px; margin-bottom:-20px; }}
@media only screen and (min-width: 1599px) and (max-width: 1899px) {#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:3%; padding-right: 3%;  padding-bottom:20px; margin-bottom:-20px; }}
@media only screen and (min-width: 1900px) and (max-width: 2298px) {#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:16%; padding-right: 16%;  padding-bottom:20px; margin-bottom:-20px; }}

@media only screen and (min-width: 568px) and (max-width: 2299px) {
	



#containerhomepage {background-color: #f8f9fa; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepage2 {background-color: #ffffff; margin:0; padding-left:2%; padding-right: 2%;   }
#containerhomepage3 {background-color: #ffffff; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
    #containerhomepage33 {background-color: #72876315; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
#containerhomepage4 {background-color: #ffffff; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepagemappa {background-color: #ece8e5; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
#containerselexpagemappa, #containerdestipagemappa {background-color: #ffffff; margin:0; padding-left:2%; padding-right: 2%; padding-top: 0px; padding-bottom:20px; margin-bottom:0px;}
#containerhomepagefeedback { background-image:url("../images/galleryhomepage/JPEG/fdbk3.jpg"); background-repeat:no-repeat; background-size: cover; margin:0 -15px 0 -15px; padding-left:2%; padding-right: 2%;  padding-bottom:20px; min-height: 500px; border:6px solid #ffffff; box-shadow: 0 0 0.1rem #515151;}
#containerhomepage3fdbk {background-color: #f8f9fa; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; }
#containerhomepageactivities { background-color: #f6f2ef; margin:0; padding-left:2%; padding-right: 2%;  padding-bottom:60px; padding-top:20px;  width: 100%; }
#containercontact {background-color: #ffffff; margin:0; padding-left:2%; padding-right:2%;  padding-bottom:20px; margin-top:40px; }
/*#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:2%; padding-right: 2%;  padding-bottom:20px; margin-bottom:-20px; }*/
	#containerservices {background-color: #f6f2ef; margin:0; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom:20px; }
	#containerhomepagerestaurants {background-color: #c8c9ca; margin:0; padding-left:2%; padding-right: 2%;  padding-bottom:20px; }

	#carouselactivities {position: absolute;top: 0%;left: 0%;width: 100%; height: 100%; min-height: 500px; }
		#fdbk-SEM { background-image:url("../images/feedback-bg/SEM.jpg"); background-repeat:no-repeat; background-size: cover;  min-height: 500px;  
			filter: blur(1px);   -webkit-filter: blur(1px);
			
	}
	
}


@media only screen and (max-width: 567px) {
	
#containerhomepage {background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepage2 {background-color: #ffffff; margin:0; padding-left:5%; padding-right: 5%;   }
#containerhomepage3 {background-color: #ffffff; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
    #containerhomepage33 {background-color: #72876315; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
#containerhomepage4 {background-color: #ffffff; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; margin-bottom:20px;}
#containerhomepagemappa {background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; margin-bottom:0px;}
#containerselexpagemappa, #containerdestipagemappa {background-color: #ffffff; margin:0; padding-left:5%; padding-right: 5%; padding-top: 0px; padding-bottom:20px; margin-bottom:0px;}	
#containerhomepagefeedback { background-image:url("../images/galleryhomepage/JPEG/fdbk3.jpg"); background-repeat:no-repeat; background-size: cover; margin:0 -15px 0 -15px; padding-left:5%; padding-right: 5%;  padding-bottom:20px; min-height: 500px; border:6px solid #ffffff; box-shadow: 0 0 0.1rem #515151;}
#containerhomepage3fdbk {background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; }
#containerhomepageactivities { background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%;  padding-bottom:60px; padding-top:20px;  width:100%; }
#containercontact {background-color: #ffffff; margin:0; padding-left:5%; padding-right:5%;  padding-bottom:20px; margin-top:40px; }
/*#containerhomepageknowhow {background-color: #f8f9fa; margin:0; padding-left:5%; padding-right: 5%;  padding-bottom:20px; margin-bottom:-20px; }*/
	#containerservices {background-color: #f6f2ef; margin:0; padding-left:5%; padding-right: 5%; padding-top: 20px; padding-bottom:20px; }
  #containerhomepagerestaurants {background-color: #c8c9ca; margin:0; padding-left:2%; padding-right: 2%;  padding-bottom:20px;}
	
	#carouselactivities {position: absolute;top: 0%;left: 0%;width: 100%; height: 100%; min-height: 500px; }
		#fdbk-SEM { background-image:url("../images/feedback-bg/SEM.jpg"); background-repeat:no-repeat; background-size: cover;  min-height: 500px; filter: blur(1px);   -webkit-filter: blur(1px);}
	
	
	
	
}	
	
	
	
	
}

#regionmarker {
    
   color:#ffffff;
	font-size:18px;
    background: none;
    border: none;
    position: absolute;
	top:-30px;
	right:15px;
  
}

	
#contact-card {margin-top:82px; border-radius:0%; border-color:#728763; font-size:17px;}

.yellowtitle {font-size:1.60rem; font-family: lato, sans-serif; font-weight: 400; font-style: italic; color:rgba(75,87,63,0.45); display: block; margin-bottom: 8px;}


.title { display:block; width: 100%; 
font-family: lato, sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.75em;
	color:#252525;
text-align: left;
	margin-bottom:30px;
  }

.title-noborder { display:block; width: 100%; 
font-family: lato, sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.55em;
	color:#252525;
text-align: left;
	
	margin-bottom:30px;
  }

.titleservices { display:block; width: 100%; 
font-family: lato, sans-serif;

font-weight: 400;
font-style: italic;
	font-size:1.70rem;
	color:#ffffff;
text-align: justify;
	border-bottom:none;
	margin-bottom:0;
  }


.titleservices2 { display:block; width: 100%; 
font-family: oswald, sans-serif;

font-weight: 600;
font-style: normal;
	font-size:1.35rem;
	color:#8a9799;
text-align: justify;
	border-bottom:none;
	margin-bottom:0;
  }

  .titlerestaurant { 
    position: absolute; display:block; width: 100%; 
    z-index: 10;
    left:30px; top:20px; text-shadow: 0px 0px 0.35rem #212121;;
    font-family: oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
      font-size:1.70rem;
      color:#ffffff;
    text-align: justify;
      border-bottom:none;
      margin-bottom:20px;
      }
    


.titlenomargin { display:block; width: 100%; 
font-family: oswald, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.75em;
	color:#728763;
text-align: left;
	border-bottom:0.075em dotted #728763;
	margin-bottom:30px;
  }

.subtitle-qsn {font-weight: 400; 
            font-family: oswald, sans-serif;
            font-style: normal;
            font-size:1.18em;
            color:#7c936cba;
            text-align: left;
            margin-bottom:20px;
            margin-top:-15px;
    }

.titlenomargin h1 { 
	font-family: oswald, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.75rem;
  }

.titlenomargin-hotelpage h1 { 
	font-family: lato, sans-serif;
font-weight: 400;
font-style: italic;
	font-size:1.65rem;
	text-align: center;
  }

.titlenomargin-hotel h1 { 
	font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
	font-size:1.35rem;
	text-align: left;
	color:#6a6563;
	margin-bottom:20px;
  }

.specs-hotel { 
	font-family: lato, sans-serif;
font-weight: 800;
font-style: normal;
	display: inline-block;
	font-size:0.90rem;letter-spacing: 0.05rem;
	text-align: left;
	color:#595959;
	margin-bottom:8px;
	
  }

.description {margin-bottom: 20px;}

#specifiche{padding-bottom:20px; font-size:15px; text-align: left; font-weight: 300;}

.content-specs-hotel {padding:20px 20px 0px 20px; margin-left:40px; background: #ece8e550;   border: 5px solid #fff;   border-radius: 10px;   box-shadow: 0px 0px 2px #cac7c480;}

.iconehotel {background: #fff; padding:10px;  border-top:0.0075rem solid #d1d1d1; border-bottom:0.0095rem solid #d1d1d1;}

@media only screen and (max-width: 992px) {.content-specs-hotel {background-color: #ece8e550; padding:20px 20px 0px 20px; margin-left:0px; margin-bottom:20px;box-shadow: 0px 0px 2px #cac7c480;}}

.icons-access {
    width:32px;
	margin-bottom:6px;
	margin-top:3px;
    margin-right: 8px;
}



.title-icons { display:block; width: 100%; 
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
	font-size:1.55em;
	color:#252525;
text-align: left;
	
	margin-bottom:30px;
  }

.title-carousel { display:block; width: 100%; 
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
	font-size:1.55em;
	color:#252525;
text-align: left;
	
	margin-top:-20px;
  }


.title-icons h3{padding-bottom: 20px; color: #252525; text-align: center; font-size:20px; font-family:dashiell-fine, serif;font-style: italic;}
.title-icons h4{padding-bottom: 20px; color: #252525; text-align: center; font-size:19px; font-family:dashiell-fine, serif;font-style: italic;}
.title-carousel h3{padding-bottom: 20px; color: #252525; text-align: center; font-size:24px; font-style: italic;}



.title-contacts {text-align: center; text-align-last: center; padding: 0px 30px 20px 30px; font-family: lato, sans-serif; font-weight: 400; font-style: italic; font-size:14px;}

.title-contacts h3{padding-bottom: 0px; color: #252525; text-align: center; font-size:18px; font-style: normal; font-family: lato, sans-serif; font-weight: bold;}
.title-contacts h4{padding-bottom: 0px; color: #252525; text-align: center; font-size:16px; font-style: normal; font-family: lato, sans-serif; font-weight: bold;}
.title-contacts h5{padding-bottom: 0px; color: #252525; text-align: center; font-size:14px; font-style: italic; font-family: lato, sans-serif; font-weight: 400;}

.title-contacts h6{padding-bottom: 1px; color: #252525; text-align: center; font-size:13px; font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
}
.phoneandmail {border-left:2px solid #728763; padding:20px 0px 20px 20px; margin-top:0px; margin-bottom: 20px; text-align: left;}

.title-contacts-selex {text-align: left; text-align-last: left; padding: 4px; font-family: lato, sans-serif; font-weight: 400; font-style: normal; font-size:20px;  }

.title-contacts-selex h3{padding-bottom: 0px; color: #252525; text-align: left; font-size:21px; font-style: italic; font-family: lato, sans-serif; font-weight: bold; line-height: 35px;}
.title-contacts-selex h4{padding-bottom: 0px; color: #252525; text-align: left; font-size:17px; font-style: normal; font-family: lato, sans-serif; font-weight: 400;}
.title-contacts-selex h5{padding-bottom: 0px; color: #252525; text-align: left; font-size:14px; font-style: normal; font-family: lato, sans-serif; font-weight: 400;}

.title-contacts-selex h6{padding-bottom: 1px; color: #252525; text-align: left; font-size:13px; font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
}

.title-plus-selex {text-align: left; text-align-last: left; padding: 4px; font-family: lato, sans-serif; font-weight: 300; font-style: normal; font-size:16px; margin-bottom:20px; }
.title-sustainable-selex {text-align: left; text-align-last: left; padding: 4px; font-family: lato, sans-serif; font-weight: 300; font-style: normal; font-size:14px; margin-bottom:20px; display:  contents;}
.title-plus-selex h3{padding-bottom: 0px; color: #252525; text-align: left; font-size:21px; font-style: italic; font-family: lato, sans-serif; font-weight: 500; line-height: 35px; margin-bottom: -20px; text-decoration: underline;}

.sustainablepic {position:relative; top:-10px; left:10px;}

@media only screen and (min-width: 568px) {
.title-contacts a:link{color:#252525; font-size:18px; font-style: normal; text-decoration: none; }
.title-contacts a:active{color:#252525; font-size:18px; font-style: normal; text-decoration: none; }
.title-contacts a:hover{color:#8a9799; font-size:18px; font-style: normal; text-decoration: none; }
	
	.title-contacts-selex a:link{color:#252525; font-size:18px; font-style: normal; text-decoration: none; }
.title-contacts-selex a:active{color:#252525; font-size:18px; font-style: normal; text-decoration: none; }
.title-contacts-selex a:hover{color:#8a9799; font-size:18px; font-style: normal; text-decoration: none; }

}

@media only screen and (max-width: 567px) {
.title-contacts a:link{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.title-contacts a:active{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.title-contacts a:hover{color:#8a9799; font-size:18px; font-style: normal; text-decoration: none; display:block;}

	
	.title-contacts-selex a:link{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.title-contacts-selex a:active{color:#252525; font-size:18px; font-style: normal; text-decoration: none; display:block;}
.title-contacts-selex a:hover{color:#8a9799; font-size:18px; font-style: normal; text-decoration: none; display:block;}

    .sustainablepic {display: none;}
    
}




.card-img-overlay-destination {
    position: absolute;
	display: block;
    top: 30%;
    bottom: 30%;
    padding: 1.25rem;
	color:#ffffff;
	left:10%;
	right:10%;
	
	font-size:26px;
	font-weight: bold;
	text-align:center;
}

@media only screen and (max-width: 567px) {
	
	.card-img-overlay-destination {
    position: absolute;
	display: block;
    top: 10%;}
}

.card-destinations {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0.035rem solid #ffffff;
	
	/*box-shadow: 0px 0px 2px #a3a3a3;
    border-radius: 0px;
    margin-top: 10px;
	margin-bottom: 10px;*/
	margin:0px -15px 0px -15px;
opacity:.9;
}

.card-destinations:hover {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0.18rem solid #ffffff;
	
	opacity:1;
    border-radius: 0px;
	box-shadow: 0px 0px 2px #a3a3a3;
	margin:0px -15px 0px -15px;
	transform:  scale(1.05);
  transition: transform 0.5s .05s,
              opacity .2s .05s ease-out;
 
  will-change: transform, opacity;
z-index: 1;

}

.card-destinations .card-text-italic {font-size:16px; font-family: dashiell-fine, serif; font-weight: 400; font-style: italic;}

.card-img-top-destinations {border-radius:0px; width:100%;}


.card-img-overlay-destination a:link {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px; transition: .2s; font-weight: 300;} .card-img-overlay-destination a:active {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;} .card-img-overlay-destination a:hover {color:#FFFFFF; text-decoration:none;  border-bottom:0.035rem solid #ffffff; border-top:0.035rem solid #ffffff; padding:5px 20px 5px 20px; transition: .2s; font-weight: 400; } .card-img-overlay-destination a:visited {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;}

@media only screen and (max-width: 567px) {
	
.card-img-overlay-destination a:link {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px; transition: .2s; font-size:5vw;font-weight: 300;} .card-img-overlay-destination a:active {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s; font-size:5vw;} .card-img-overlay-destination a:hover {color:#FFFFFF; text-decoration:none;  border-bottom:0.035rem solid #ffffff; border-top:0.035rem solid #ffffff; padding:5px 20px 5px 20px; transition: .2s;  font-size:5vw; font-weight: 400;} .card-img-overlay-destination a:visited {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s; font-size:5vw;}
	
	
	
	
}


.row-destinations-top  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   
}

.row-destinations-bottom  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   
}

.feedback {padding:2% 15%; background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  margin:7px 6px 6px 6px; min-height: 506px; width:100%;
  }

.feedback-hotelpage {padding:4px; background-color: rgb(255,255,255); /* Fallback color */
  background-color: transparent; /* Black w/opacity/see-through */
    width:100%; height: 400px; overflow: auto;
  }

.feedback-homepage {padding:4px; background-color: rgb(255,255,255); /* Fallback color */
  background-color: transparent; /* Black w/opacity/see-through */
    width:100%;  height: auto;
  }

@media only screen and (max-width: 567px) {
    
    .feedback-homepage {padding:4px; background-color: rgb(255,255,255); /* Fallback color */
  background-color: transparent; /* Black w/opacity/see-through */
    width:100%; min-height: 900px; height: auto;}
    
    }


.titlestay{font-family: lato, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 35px;
text-align: center;
color:#ffffff;
position: relative;
top:40px;}

.titlevoyager{font-family: oswald, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 16px;
text-align: left;
color:#ffffff;
position: relative;
top:40px;
margin-bottom:45px;}


.titlevoyager2 {
  font-family: dashiell-fine, serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 80px;
  margin-bottom: 25px;
  top: 35px;
}


.profile-dot {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  background-color: lightgray;
  border-radius: 50%;
  margin-bottom:25px;
  background-size: cover;
  background-position: center;
  background-repeat: none;
}

.profile-dot span {
  font-weight: 400;
  color: #fff;
  font-style: normal;
  font-size: 26px;
  font-family: dashiell-fine, serif;
}

.hotelstay{ font-family: lato, sans-serif; font-size:25px; color:#f8f9fa; font-style:normal;  padding:8px;}

.hotelstay a:active {color:#728763; text-decoration: none;}
.hotelstay a:link {color:#728763; text-decoration: none;}
.hotelstay a:focus {color:#728763; text-decoration: none;}
.hotelstay a:hover {color:#414141; text-decoration: none;}

.bodystay{ font-family: lato, sans-serif; font-size:19px; color:#f8f9fa; font-style:italic; text-align: justify;}
.voyager{font-family: lato, sans-serif;  font-weight: 700;  font-size: 15px;  color: #d9d9d9;  text-align: left;}



#mappagenerale { border-bottom:8px solid #80878f; border-top:8px solid #80878f;min-height: 480px;position: relative;visibility: visible;z-index: 200;}
#mappagenerale2 {  min-height: 600px;position: relative;visibility: visible;z-index: 200; width:100%; border: 6px solid #fff; border-radius: 0px; box-shadow: 0 0 0.1rem #515151;}
#mappagenerale-selectionpage { border-bottom:8px solid #80878f; border-top:8px solid #80878f;min-height: 465px;position: relative;visibility: visible;z-index: 200;}
#mappagenerale-selectionpagenew { border-bottom:8px solid #c6c8ca; border-top:8px solid #c6c8ca;min-height: 480px;position: relative;visibility: visible;z-index: 200;}


#mappagenerale-destinationpage { border:1px dashed #a3a3a3;  min-height: 600px;position: relative;visibility: visible;z-index: 200;}



#mappacampania{position:relative;margin-bottom:20px;min-height:450px;visibility: visible;box-shadow:0px 0px 4px #a8a8a8;z-index:200;}
#mappaalloggio{position:relative;margin-bottom:20px;height:356px;visibility: visible; border:4px solid #e4eaf1; z-index:200;}
#mappapercorso{position:relative;margin-bottom:20px;height:600px;visibility: visible;box-shadow:0px 0px 4px #a8a8a8;z-index:400;}
.fltrt {float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}


.container-fluid-map  {

    width: 100%;
    padding-right: 0px;
    padding-left: 15px;
    margin-right: 0;
    margin-left: 0;
    display: contents;
	
}


.footerHP {font-family: lato, sans-serif; color:#6a6563; background-image: linear-gradient(-45deg, #e1dad5, #e1dad5); font-size:15px; text-transform:none; padding:20px; border-bottom:2px solid #6a6563; border-top:0.035rem solid #6a6563; display:table; overflow:visible; width:100%; text-align: center;}.footerHP a:link {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px; font-weight: 300;}.footerHP a:active {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px;font-weight: 300;}.footerHP a:hover {color:#ffffff; text-decoration:underline; margin:0px 4px 0px 0px; font-size:15px;font-weight: 300;}.footerHP a:visited {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px;font-weight: 300;}

@media only screen and (max-width: 767px) {
	
	.footerHP {font-family: lato, sans-serif; color:#6a6563; background-image: linear-gradient(-45deg, #e1dad5, #e1dad5); font-size:15px; text-transform:none; padding:20px; border-bottom:2px solid #6a6563; border-top:0.035rem solid #6a6563;display:table; overflow:visible; width:100%; text-align: center;}.footerHP a:link {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px; margin-left:8px; display:list-item; list-style: disclosure-closed inside; }.footerHP a:active {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px; margin-left:8px;}.footerHP a:hover {color:#ffffff; text-decoration:underline; margin:0px 4px 0px 0px; font-size:15px; margin-left:8px;}.footerHP a:visited {color:#6a6563; text-decoration:none; margin:0px 4px 0px 0px; font-size:15px; margin-left:8px;}

}

.socialHP { width:100%; padding-bottom:8px;    position:relative; text-align:left; left:-10px;}

.contactHP { width:100%; padding-bottom:8px;    position:relative; text-align:right; }


@media only screen and (max-width: 767px) {
	
	.socialHP { width:100%; padding-bottom:8px; padding-top:8px;   position:relative; text-align:right;}.socialHP a:link {display:table-cell; list-style: none; }
	
	.footerlinksHP {  text-align:center; width:100%; padding-top:8px; background-color: transparent; text-transform: uppercase;} .footerlinksHP a:link {display:table-cell; list-style: none; }
	
	
	.footersocialHP .titolosocialfooterHP {font-family: lato, sans-serif;  font-size:17px; font-weight:400; color:#6a6563; text-align:left; padding: 4px;
border-bottom: 0.035rem solid #6a6563; width: 50%;}

}

.socialcontactpage { width:100%; padding-left:8px; padding-top:8px;   position:relative; text-align:left;}

 
	



.footercontactHP { width:100%; padding-bottom:3px; padding-top:3px; position:relative; text-align:left; } #footercontactHP a:link {font-family: lato, sans-serif;  font-size:15px; font-weight:400; text-transform:none;}#footercontactHP a:active {font-family: lato, sans-serif;  font-size:15px; text-transform:none;}#footercontactHP a:hover {font-family: lato, sans-serif;  font-size:15px; text-transform:none; color:#38393a;}#footercontactHP a:visited {font-family: lato, sans-serif;  font-size:15px; text-transform:none;}

.footercontactHP .titolofooterHP {font-family: lato, sans-serif;  font-size:17px; font-weight:400; color:#6a6563; text-align:left; padding: 4px;
border-bottom: 0.035rem solid #6a6563; width: 50%;}


.footermiddleHP { display:block; margin-left:auto; margin-right:auto; width:100%;  position:relative; text-align:left; padding-top:3px;}







.footermiddleHP .titolomiddlefooterHP {font-family: lato, sans-serif;  font-size:17px; font-weight:400; color:#6a6563; text-align:left; padding: 4px;
border-bottom: 0.035rem solid #6a6563; width: 50%;}


.footersocialHP { width:100%;   position:relative; text-align:right; padding-top:3px;}
.footersocialHP .titolosocialfooterHP {font-family: lato, sans-serif;  font-size:17px; font-weight:400; color:#6a6563; text-align:right; padding: 4px;
border-bottom: 0.035rem solid #6a6563; width: 50%;}

#newsletterboxHP {width:100%;  background-color: transparent; position:relative; font-family: lato, sans-serif;  font-size:14px; font-weight:400; margin-top: 5px;
margin-bottom: 20px; display: block; float: right; }

.footerlinksHP {  text-align:center; width:100%; padding-top:8px; background-color: transparent; text-transform: none; font-weight: 400;}

.newsletterHP { color:#FFF;}

@media only screen and (max-width: 61.94em){
	
.footermiddleHP { width:100%; margin-top:8px; margin-bottom:8px; background-color: transparent; position:relative; text-align:left;  } 

.footersocialHP { width:100%; padding-bottom:8px; padding-top:8px; background-color:transparent; position:relative; text-align:left; }
    .footersocialHP .titolosocialfooterHP {font-family: lato, sans-serif;  font-size:17px; font-weight:400; color:#6a6563; text-align:left; padding: 4px;
border-bottom: 0.035rem solid #6a6563; width: 50%;}

.socialHP { width:100%; padding-bottom:8px; padding-top:8px;  background-color: transparent; position:relative; text-align:left;}

    .contactHP { width:100%; padding-bottom:8px;    position:relative; text-align:left; }

}

.social-img {margin-left:8px;}



#mcHP_embed_signup{background:#fff; clear:left; font-family: lato, sans-serif; font-size:13px; position:relative; left:0px; }#mcHP-embedded-subscribe {background:#f6f2ef;  clear:left;  color:#515151; border:0.035rem solid #d6d0cc;   position:relative; height: 33px; box-shadow:none;  }#mcHP-embedded-subscribe:hover {background:#d6d0cc;  clear:left;  color:#2C5030;border:none;   position:relative; height: 33px; }#mcHPe-EMAIL{background:#fff; border:1px solid #e1dad5; clear:left; font-family: lato, sans-serif; font-size:13px; color:#6a6563; padding-left:2px; padding-right:2px; padding-top:0; padding-bottom:0; position:relative; left:0px; width:150px;   }	


hr.sep-3 {
  border: none;
  height: 1px;
  background-image: linear-gradient(to right, #e1dad5, #d6d0cc, #e1dad5);
}
hr.sep-3::after {
	color:#8295a8;
	font-size:25px;
	font-family: lato, sans-serif;
	font-style:italic;
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) rotate(30deg);
  transform-origin: 50% 50%;
  padding: 1rem;
  background-color: transparent;

}

/*@media only screen and (min-width: 568px) and (max-width: 1299px) {.footerHP { padding-left:0%; padding-right: 0%;  }}*/
@media only screen and (min-width: 1300px) and (max-width: 1598px) {.footerHP { padding-left:5%; padding-right: 5%;  }}
@media only screen and (min-width: 1599px) and (max-width: 1899px) {.footerHP { padding-left:3%; padding-right: 3%;  }}
@media only screen and (min-width: 1900px) and (max-width: 2298px) {.footerHP { padding-left:16%; padding-right: 16%;  }}
@media only screen and (min-width: 2299px) {.footerHP { padding-left:21%; padding-right: 21%;  }}
/*/------------------------------------------*/

.people {
    border-radius: none;
    position: relative;
    left: 0;
	top:-2px;
	float: left;
    margin-bottom: 0px;
	margin-right: 15px;
	max-width: 100px;
	display: inline-block;
	
  
  opacity: 0;
  transform: translateX(-4em) rotateZ(-1deg);
  transition: transform 2.5s .25s cubic-bezier(0,1,.3,1),
              opacity .4s .25s ease-out;
 
  will-change: transform, opacity;
}

.people.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

.object {
    
	
  
  opacity: 0;
  
  transition: opacity .4s .45s ease-out;
 
  will-change:  opacity;
}

.object.is-visible {
  opacity: 1;
  
}
/*----------------------------------------------------------------*/
.object1 {  opacity: 0; transition: opacity .4s .55s ease-out;   will-change:  opacity;}
.object1.is-visible { opacity: 1;}
	
.object2 {  opacity: 0; transition: opacity .6s .75s ease-out;   will-change:  opacity;}
.object2.is-visible { opacity: 1;}

.object3 {  opacity: 0; transition: opacity .8s .95s ease-out;   will-change:  opacity;}
.object3.is-visible { opacity: 1;}

.object4 {  opacity: 0; transition: opacity 1s 1.15s ease-out;   will-change:  opacity;}
.object4.is-visible { opacity: 1;}

.object5 {  opacity: 0; transition: opacity 1.2s 1.35s ease-out;   will-change:  opacity;}
.object5.is-visible { opacity: 1;}

.object6 {  opacity: 0; transition: opacity 1.4s 1.55s ease-out;   will-change:  opacity;}
.object6.is-visible { opacity: 1;}

.object7 {  opacity: 0; transition: opacity 1.6s 1.75s ease-out;   will-change:  opacity;}
.object7.is-visible { opacity: 1;}

.object8 {  opacity: 0; transition: opacity 1.8s 1.95s ease-out;   will-change:  opacity;}
.object8.is-visible { opacity: 1;}

.object9 {  opacity: 0; transition: opacity 2s 2.15s ease-out;   will-change:  opacity;}
.object9.is-visible { opacity: 1;}

.object10 {  opacity: 0; transition: opacity 2.2s 2.35s ease-out;   will-change:  opacity;}
.object10.is-visible { opacity: 1;}

.object11 {  opacity: 0; transition: opacity 2.4s 2.55s ease-out;   will-change:  opacity;}
.object11.is-visible { opacity: 1;}

.object12 {  opacity: 0; transition: opacity 2.6s 2.75s ease-out;   will-change:  opacity;}
.object12.is-visible { opacity: 1;}

.object13 {  opacity: 0; transition: opacity 2.8s 2.95s ease-out;   will-change:  opacity;}
.object13.is-visible { opacity: 1;}

.object14 {  opacity: 0; transition: opacity 3s 3.15s ease-out;   will-change:  opacity;}
.object14.is-visible { opacity: 1;}

.object15 {  opacity: 0; transition: opacity 3.2s 3.35s ease-out;   will-change:  opacity;}
.object15.is-visible { opacity: 1;}
  
}

/*---------------------------------------------------*/

/*----------------------------------------------------------------*/

.icons {
    
	
  margin:4px;
  opacity: 0;
  
  transition: opacity .4s .45s ease-out;
 
  will-change:  opacity;
}

.icons.is-visible {
  opacity: 1; margin:2px;
  
}

.icons1 {  opacity: 0; transition: opacity .3s .35s ease-out;   will-change:  opacity;}
.icons1.is-visible { opacity: 1; margin:2px 2px 2px 2px;}
	
.icons2 {  opacity: 0; transition: opacity .4s .45s ease-out;   will-change:  opacity;}
.icons2.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons3 {  opacity: 0; transition: opacity .5s .55s ease-out;   will-change:  opacity;}
.icons3.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons4 {  opacity: 0; transition: opacity .6s .65s ease-out;   will-change:  opacity;}
.icons4.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons5 {  opacity: 0; transition: opacity .7s .75s ease-out;   will-change:  opacity;}
.icons5.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons6 {  opacity: 0; transition: opacity .8s .85s ease-out;   will-change:  opacity;}
.icons6.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons7 {  opacity: 0; transition: opacity .9s .95s ease-out;   will-change:  opacity;}
.icons7.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons8 {  opacity: 0; transition: opacity 1s 1.05s ease-out;   will-change:  opacity;}
.icons8.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons9 {  opacity: 0; transition: opacity 1.1s 1.15s ease-out;   will-change:  opacity;}
.icons9.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons10 {  opacity: 0; transition: opacity 1.2s 1.25s ease-out;   will-change:  opacity;}
.icons10.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons11 {  opacity: 0; transition: opacity 1.3s 1.35s ease-out;   will-change:  opacity;}
.icons11.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons12 {  opacity: 0; transition: opacity 1.4s 1.45s ease-out;   will-change:  opacity;}
.icons12.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons13 {  opacity: 0; transition: opacity 1.5s 1.55s ease-out;   will-change:  opacity;}
.icons13.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons14 {  opacity: 0; transition: opacity 1.6s 1.65s ease-out;   will-change:  opacity;}
.icons14.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons15 {  opacity: 0; transition: opacity 1.7s 1.75s ease-out;   will-change:  opacity;}
.icons15.is-visible { opacity: 1; margin:2px 2px 2px 2px;}

.icons16 {  opacity: 0; transition: opacity 1.8s 1.85s ease-out;   will-change:  opacity;}
.icons16.is-visible { opacity: 1; margin:2px 2px 2px 2px;}
  
}

/*---------------------------------------------------*/

.progress-container {
  width: 100%;
  height: 2px;
  background: #f8f9fa;
}

.progress-bar {
  height: 2px;
  background: linear-gradient(55deg, #f6f2ef 0%, #f4e9e1 20%, #d3cdca 85%);
  width: 0%;
}


.blockquote {
    padding: 60px 80px 40px;
    position: relative;
	margin-top:30px;
}

.blockquote-aboutus {
    padding: 60px 80px 40px;
    position: relative;
	margin-top:30px;
}

.blockquote-hotelslogan {
    padding: 80px 20px 0px;
    position: relative;
	margin-top:-60px;
}

@media only screen and (max-width: 368px) {
	.blockquote {
    padding: 40px 40px 0px;
    position: relative;
	margin-top:30px;
}
    
    .blockquote-aboutus {
    padding: 40px 40px 0px;
    position: relative;
	margin-top:30px;
}
	
	.blockquote-hotelslogan {
    padding: 40px 40px 0px;
    position: relative;
	margin-top:0px;
}
	
}

.blockquote-fdbk {
    padding: 20px 10px;
    position: relative;
	margin-top:0;
}

.blockquote-fdbk-hotel {
    padding: 20px 10px;
    position: relative;
	margin-top:0;
	
}
.blockquote-fdbk-hotelpage {
  padding: 25px 25px;
  position: relative;
  margin-top: 0;
  width: 800px;
  margin: 25px auto;
  background-color: #fff;
 
  display: block;
  border-radius: 15px;
  box-shadow: 0px 0px 4px #e3e3e3;
	
}


.blockquote-fdbk-indexpage {
  
  position: relative;
  margin-top: 0;
  
  margin: 25px auto;
  background-color: #fff;
 
  display: block;
  border-radius: 15px;
  box-shadow: 0px 0px 4px #e3e3e3;
    width:auto; padding: 150px 80px 20px 80px;
	
}

.blockquote-fdbk-indexpage .textfdbk {font-size:1.5rem; font-family: 'english', serif;  color:#515151; font-weight:300; font-style:italic; text-align: justify; }
.blockquote-fdbk-indexpage .voyagerfdbk {font-size:1.7rem;  font-family: 'english', serif;  color:#515151; font-weight:300; font-style:italic; text-align: justify; }


@media only screen and (max-width: 787px) {
    
    .blockquote-fdbk-indexpage {
  
  position: relative;
  margin-top: 0;
  
  margin: 25px auto;
  background-color: #fff;
 
  display: block;
  border-radius: 15px;
  box-shadow: 0px 0px 4px #e3e3e3;
    width:auto; 
        padding: 150px 20px 20px 20px;
	
}
    
    .blockquote-fdbk-indexpage .textfdbk {font-size:1.15rem; font-family: 'english', serif;  color:#515151; font-weight:300; font-style:italic; text-align: justify; }
.blockquote-fdbk-indexpage .voyagerfdbk {font-size:1.25rem;  font-family: 'english', serif;  color:#515151; font-weight:300; font-style:italic; text-align: justify; }
	
    
    .blockquote-fdbk-hotelpage {
  padding: 25px 25px;
  position: relative;
  margin-top: 0;
  width: auto;
  margin: 25px auto;
  background-color: #fff;
  height: auto;
  display: block;
  border-radius: 15px;
  box-shadow: 0px 0px 4px #e3e3e3;
}
    
    .titlevoyager2 {
  font-family: oswald, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 80px;
  margin-bottom: 25px;
  top: 30px;
}
    
}


.blockquote p {
    font-family: lato, sans-serif;
	font-style:italic;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}

.blockquote-aboutus p {
    font-family: lato, sans-serif;
	font-style:italic;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}

.blockquote-hotelslogan h1, .blockquote-hotelslogan h2 {
    font-family: lato, sans-serif;
	font-style:italic;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}

.blockquote-fdbk p   {
    font-family: lato, sans-serif;
	
    
}



.blockquote-fdbk-hotel p {	text-shadow: 0.01rem 0.01rem 0.11rem #000;}

.blockquote-fdbk-hotelpage p {color:#515151;	}



.blockquote:before {
  position: absolute;
  font-family: council, sans-serif;
font-style: normal;
font-weight: 400;
  top: -15px;
  
  content:'"';
  font-size: 200px;
  color: rgba(75,87,63,0.45);
   
}

.blockquote-aboutus:before {
  position: absolute;
  font-family: council, sans-serif;
font-style: normal;
font-weight: 400;
  top: -150px;
    left:0;
  transform: rotate(-180deg);
  content:'"';
  font-size: 200px;
  color: rgba(114,135,99,0.75);
   
}

.blockquote-hotelslogan:before {
  position: absolute;
  font-family: council, sans-serif;
font-style: normal;
font-weight: 400;
  top: -15px;
  
  content:'';
  font-size: 200px;
  color: rgba(159,160,156,0.35);
   
}

.blockquote-restaurant:before {
  position: absolute;
  font-family: council, sans-serif;
font-style: normal;
font-weight: 400;
  top: -48px;
  
  content:'';
  font-size: 200px;
  color: rgba(255, 255, 255, 0.99);
   
}





.blockquote-fdbk::before, .blockquote-fdbk-hotel::before, .blockquote-fdbk-hotelpage::before {
  position: absolute;
  font-family: council, sans-serif;
  font-style: normal;
  font-weight: 400;
  top: -66px;
  content: '"';
  font-size: 130px;
  color: #cac7c4;
  right: 0;
  
}

.blockquote-fdbk-indexpage::before {
  position: absolute;
  font-family: council, sans-serif;
  font-style: normal;
  font-weight: 400;
  top: -66px;
  content:url("../images/galleryhomepage/sitepages/stamp.png");
  font-size: 130px;
  color: #cac7c4;
  right: 0;
  
}




.blockquote::after {
   content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 1px solid #8a9799;
    height: 2px;
    width: 200px;
}

.blockquote-aboutus::after {
   font-family: council, sans-serif;
font-style: normal;
font-weight: 400;
    font-size: 200px;
  color: rgba(114,135,99,0.75);
    content:'"';
    top: 20px;
    right: 0;
    margin-left: -100px;
    position: absolute;
    border-bottom: none;
    height: 2px;
    width: auto;
}

.blockquote-hotelslogan::after {
   content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    
    height: 2px;
    width: 200px;
}

.blockquote-restaurant::after {
  content: "";
   top: 20px;
   left: 50%;
   margin-left: -100px;
   position: absolute;
   
   height: 2px;
   width: 200px;
}

.blockquote-fdbk::after, .blockquote-fdbk-hotel::after,  .blockquote-fdbk-hotelpage::after {
   content: "";
   
   top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    
    height: 2px;
    width: 100px;
}

.blockquote cite {
  display: block;
  font-size: 0.75em;
  line-height: 1.8em;
  margin-top: 1em;
}

.blockquote-aboutus cite {
  display: block;
  font-size: 0.75em;
  line-height: 1.8em;
  margin-top: 1em;
}


@media only screen and (min-width: 388px)and (max-width: 787px) {
    
                            .blockquote-aboutus {
                            padding: 10px 30px 40px;
                            position: relative;
                            margin-top:30px;
                            }
    
                            .blockquote-aboutus p {
                            font-family: lato, sans-serif;
                            font-style:italic;
                            font-size: 24px;
                            font-weight: 400;
                            text-align: justify;
                            display: contents;
                            }

                            .blockquote-aboutus:before {
                            position: absolute;
                            font-family: council, sans-serif;
                            font-style: normal;
                            font-weight: 400;
                            top: -180px;
                            left:0;
                            transform: rotate(-180deg);
                            content:'"';
                            font-size: 160px;
                            color: rgba(114,135,99,0.75);

                            }

                            .blockquote-aboutus::after {
                            font-family: council, sans-serif;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 160px;
                            color: rgba(114,135,99,0.75);
                            content:'"';
                            top: 50px;
                            right: 0;
                            
                            position: absolute;
                            border-bottom: none;
                            height: 2px;
                            width: auto;
                            }

    
    }

@media only screen and (min-width: 50px)and (max-width: 387px) {
    
                            .blockquote-aboutus {
                            padding: 10px 30px 30px;
                            position: relative;
                            margin-top:30px;
                            }
    
                            .blockquote-aboutus p {
                            font-family: lato, sans-serif;
                            font-style:italic;
                            font-size: 24px;
                            font-weight: 400;
                            text-align: justify;
                            display: contents;
                            }

                            .blockquote-aboutus:before {
                            position: absolute;
                            font-family: council, sans-serif;
                            font-style: normal;
                            font-weight: 400;
                            top: -180px;
                            left:0;
                            transform: rotate(-180deg);
                            content:'"';
                            font-size: 160px;
                            color: rgba(114,135,99,0.75);

                            }

                            .blockquote-aboutus::after {
                            font-family: council, sans-serif;
                            font-style: normal;
                            font-weight: 400;
                            font-size: 160px;
                            color: rgba(114,135,99,0.75);
                            content:'"';
                            top: 30px;
                            right: 0;
                            
                            position: absolute;
                            border-bottom: none;
                            height: 2px;
                            width: auto;
                                display: none;
                            }

    
    }



.activitiesleft{position: relative; top:0; padding:0px; background-color: #ffffff; border:none; height: fit-content;
font-family: lato, sans-serif;  font-size:18px; font-weight: 400; font-style: normal; color:#000000;  margin:-15px;}



.activitiesmiddle{position: relative; top:0; padding:0px; background-color:#ffffff; background-repeat: repeat; border:none;
font-family: lato, sans-serif;  font-size:18px; font-weight: 400; font-style: normal; color:#000000;  margin:-15px;}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #a2aeb0;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.activitiesmiddle:hover .overlay {
  bottom: 0;
  height: 100%;
}

.textactivity {
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.activitiesright{position: relative; top:0; padding:0px; background:#c1c7cb; border:none; padding:8px;
font-family: lato, sans-serif;  font-size:18px; font-weight: 400; font-style: normal; color:#000000;  margin:-15px;}

.activitiesheader {font-family: lato, sans-serif; font-weight: 300; font-style: normal; color:#728763;  text-align: center; text-transform: uppercase;}

.activitiesheaderside {font-family: lato, sans-serif; font-weight: 300; font-style: normal; color:#ffffff; background-color: #c1c7cb;  padding:20px;  text-align: center; text-transform: uppercase;}
.activitiesheadersidenobg {font-family: lato, sans-serif;  font-weight: 300; font-style: normal; color:#ffffff; background-image: url("../images/backgrounds/fade-selex-50percentblack.png"); background-repeat: repeat;  padding:20px;  text-align: center; text-transform: uppercase;}




 

/*--------------------------------*/


#container-selex {padding-top:20px; padding-bottom:20px; background-color: #ffffff;     border: 0.05rem solid #c9c9c9;  margin-bottom:20px;}

.markeronmap {position: relative; display: inline; border-right:0.035rem solid #666666; margin-right:6px;}

.markeroffer {position: absolute; bottom: 0; right: 0;  margin-right:6px;}


.markerhotelkeypoints {position: relative; display: inline;  margin-right:6px;}
.markerhotelverified {position: relative; display: block; margin: 20px 0px -20px 10px; float: right; top: -20px;}


@media screen and (max-width: 767px){
	.markerhotelverified {position: relative; display: block; margin: 0px 0px 0px 20px; float: right; top: 0;}
	
}
	

/*------------------------------------------------------------*/

.markeronmap .tooltippic {
  visibility: hidden;
  width: 258px;
  background-color: #ffffff;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1000000000000000000000;
  bottom: 125%;
  left: 105%;
  margin-left: -10px;
  opacity: .7;
  transition: opacity 0.3s;box-shadow: 0px 0px 0.15rem #515151;
}

.markeronmap .tooltippic::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #728763 transparent transparent transparent;
}

.markeronmap:hover .tooltippic {
  visibility: visible;
  opacity: 1;
}
/***********************************************************/

.markerhotelkeypoints .tooltiptext {
  visibility: hidden;
  width: 250px;
	font-size: 13px;
	font-family: lato, sans-serif;
    font-style:italic;
  background-color: #f6f2ef;
  color: #212121;
  text-align: justify left;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1000000000000000000000;
  bottom: 250%;
  right: 0%;
  margin-left: -10px;
  opacity: .7;
  transition: opacity 0.3s; 
	border:6px solid #ffffff;
	box-shadow: 0px 0px 0.135rem #c1c7cb;
    font-weight: 300;
}

.markerhotelkeypoints .tooltiptext h5 {font-size: 14px; 	font-family: lato, sans-serif;   font-weight: 500;   }

.markerhotelkeypoints .tooltiptext::after {
  
  right: 50%;
  position: absolute;
  top: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #728763 transparent transparent transparent;
}

.markerhotelkeypoints:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.markeroffer .tooltiptext {
  visibility: hidden;
  width: 250px;
	font-size: 16px;
	font-family: lato, sans-serif;
  background-color: #f8f9fa;
  color: #212121;
  text-align: justify left;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1000000000000000000000;
  bottom: 50%;
  right: 100%;
  margin-right: 10px;
  opacity: .7;
  transition: opacity 0.3s; 
	border:6px solid #ffffff;
	box-shadow: 0px 0px 0.135rem #c1c7cb;
}

.markeroffer .tooltiptext h5 {font-size: 16px; 	font-family: oswald, sans-serif;   font-weight: 600;   }

..markeroffer .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 40%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #728763 transparent transparent transparent;
}

.markeroffer:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/***********************************************************/




















/*-------------------------------------------------------------------------*/

#selexcarousel {
  background-size: cover;
	background-position: center;
	
	text-align: center;
	min-height: 250px;
	min-width: 100%;
	height: auto;
	border-radius: 0px;
	color: #fff;
	margin: -20px -8px -20px -15px;
	
}

.linkonpic{position: absolute; top:87%; font-family: lato, sans-serif; font-size: 16px; font-weight: 600; z-index: 2; padding:4px 8px 4px 4px;   }



#selexcarousel .linkonpic a:link {color:#FFFFFF; text-decoration:none;  transition: .2s; text-shadow: 0.035rem 0.035rem 0.035rem #000000;}
#selexcarousel .linkonpic a:active {color:#FFFFFF; text-decoration:none; transition: .2s; text-shadow: 0.035rem 0.035rem 0.035rem #000000;}
#selexcarousel .linkonpic a:hover {color:#ffffff; text-decoration:none;    transition: .2s;  text-shadow: none; text-shadow: 0.035rem 0.035rem 0.035rem #212121;}
#selexcarousel .linkonpic a:visited {color:#FFFFFF; text-decoration:none; transition: .2s; text-shadow: 0.035rem 0.035rem 0.035rem #000000;}

@media screen and (max-width: 767.98px) {#selexcarousel .linkonpic {display:none;} }

.frontselex{
  background-size: cover;
	background-position: center;
	
	text-align: center;
	min-height: 280px;
	min-width: 100%;
	height: auto;
	border-radius: 0px;
	color: #fff;
	margin: -20px -15px -20px -15px;
	font-size: 1.5rem;
}




.innerselex{
   
    bottom:-32px;
    position: absolute;
    
    width: 100%;
   text-align:left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}



@media screen and (max-width: 767px){
  .frontselex{
  background-size: cover;
	background-position: center;
	margin: -20px -15px 30px -15px;
	text-align: center;
	min-height: 350px;
	min-width: 100%;
	height: auto;
	border-radius: 0px;
	color: #fff;
	
	font-size: 1.5rem;
}
	
	#selexcarousel{
  background-size: cover;
	background-position: center;
	margin: -20px -15px 16px -15px;
	text-align: center;
	min-height: 240px;
	min-width: 100%;
	height: auto;
	border-radius: 0px;
	color: #fff;
	
	font-size: 1.5rem;
}
	
	.innerselex{
   
    bottom:20px;
    position: absolute;
    
    width: 100%;
   text-align:left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}
}



.front .inner p {
	font-family: lato, sans-serif;
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
  text-shadow:1px 1px 0px #000000;
}

.front .inner-bottom-selex p {
	font-family: lato, sans-serif;
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
  text-shadow:1px 1px 0px #000000;
}

.frontselex .innerselex {
  
  
  position: absolute;
  text-shadow:1px 1px 1px #000000;
}

.front .inner p.linkdestinations, .front .inner-bottom-selex p.linkdestinations {
  font-family: lato, sans-serif; font-size:23px;
}
.frontselex .innerselex p.linkdestinations{
  font-family: lato, sans-serif; font-size:16px;
}

.front .inner p.linkoffers{
  font-family: lato, sans-serif; font-size:19px;
}


.front .inner p:after, .front .inner-bottom-selex p:after,{
  content: '';
  width: 8rem;
  height: 1px;
  position: absolute;
  background: #FFFFFF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
  text-shadow:0px 0px 2px #333333;
}

.front .inner span,  .frontselex .innerselex span{
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 500;
  text-shadow:1px 1px 0px #000000;
  
}

.front .inner-bottom-selex span {
  color: #ffffff;
  font-family: lato, sans-serif;
  font-weight: 400;
  text-shadow:1px 1px 0px #000000;
  font-size:18px;
  
}




.front .inner a:link,  .frontselex .innerselex a:link {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px; transition: .2s;} .front .inner a:active, .frontselex .innerselex a:active {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;} .front .inner a:hover {color:#FFFFFF; text-decoration:none;  border-bottom:2px solid #ffffff; border-top:2px solid #ffffff; padding:5px 20px 5px 20px; transition: .2s; } .front .inner a:visited, .frontselex .innerselex a:visited {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;}

.front .inner-bottom-selex a:link {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px; transition: .2s;} .front .inner-bottom-selex a:active {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;} .front .inner-bottom-selex a:hover {color:#FFFFFF; text-decoration:none;  border-bottom:2px solid #ffffff; border-top:2px solid #ffffff; padding:5px 20px 5px 20px; transition: .2s; } .front .inner-bottom-selex a:visited {color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;transition: .2s;}



@media screen and (min-width: 768px) and (max-width: 1600px) {.front .inner p.linkdestinations, .frontselex .innerselex p.linkdestinations{
  font-family: lato, sans-serif; font-size:16px;}
  
  .front .inner p.linkoffers, .frontselex .innerselex p.linkoffers{
  font-family: lato, sans-serif; font-size:17px;}
}

#texte-hotel2019{font-family: lato, sans-serif; font-size:1rem; color:#6a6263; font-weight:400; text-shadow:none; text-align:left; margin-bottom:8px;  word-spacing:1px;}

.hotelspecs1 {display: inline; margin-right:8px; }
.hotelspecs2 {display: inline;border-left:1px solid #596D83; padding-left:6px;margin-right:8px;}
.hotelspecs2 {display: inline;border-left:1px solid #596D83; padding-left:6px;margin-right:8px;}
.hotelspecs3 {display: inline; padding-left:6px;}
.hotelspecs4 {display: inline; padding-left:6px;}
.hotelspecs3 a:active, .hotelspecs3 a:link, .hotelspecs3 a:visited{color:#6a6563;}
.hotelspecs3 a:hover{color:#6a6563; }
.hotel-style-spec{font-weight: 300;}

.hotelspecsoffers {display: inline;border-left:1px solid #596D83; padding-left:6px;margin-right:8px;}

.hotelspecs4 a:active, .hotelspecs4 a:link, .hotelspecs4 a:visited{color:#2a6ebb;}
.hotelspecs4 a:hover{color:#FFFFFF;}

.badge-info {font-size:15px; font-weight: 600; color:#666666; background-color: #ffffff;}

#link-contacts a:active, #link-contacts a:link, #link-contacts a:visited{color:#000000; font-size:14px;}
#link-contacts a:hover{color:#000000; font-size:14px;}

.hotelspecsicons {display: block; position:relative; text-align: left; margin-top:10px; background-color: transparent; border-bottom:0.001155rem solid #e8e8e8;
right:0px; width: auto; padding: 0px 0px 4px 0px;  }

.hotelspecsoffers {display: inline;border-left:1px solid #596D83; padding-left:6px;margin-right:8px;}

.hotelspecsoffers a:active, .hotelspecsoffers a:link, .hotelspecsoffers a:visited{color:#b12b12;}
.hotelspecsoffers a:hover{color:#515151;}

.btn-link-selex {border: 1px solid #ffffff; background-color: #8a9799;color: #9EB5A6;text-decoration:none; text-transform: uppercase; width:auto; border-radius:8px; margin-top:10px;}
.btn-link-selex:hover, .btn-link-selex:focus {  background-color: #ffffff; border:1px solid #8a9799; color: #8a9799;text-decoration:none; width:auto; border-radius:5px;}


.btn-link-hotelpage {background-color: #ff8030 ;  color: #ffffff; text-decoration:none; width:auto; border-radius:25px; margin:10px; padding:10px 50px; font-size:18px;  }
.btn-link-hotelpage:hover {  background-color: #c1c7cb; color: #c5d5a5;text-decoration:none;   font-size:18px; transition: .3s ease-in; box-shadow: none; }
.btn-link-hotelpage:focus {  background-color: #c1c7cb; color: #c5d5a5;text-decoration:none;  font-size:18px; box-shadow: none; }

.btn-link-hotelpagephone {border: 5px solid #ffffff; background-color: #ededab ; box-shadow: 0px 0px 0.15rem #ededab; color: #ffffff; text-decoration:none; width:auto; border-radius:0px; margin:10px; padding:10px 12px; font-size:18px; width:150px; height:150px; border-radius:75px; }
.btn-link-hotelpagephone:hover {  background-color: #ffffff; border:5px solid #ededab; color: #ededab;text-decoration:none; width:auto;  width:150px; height:150px; border-radius:55px;  font-size:18px; transition: .3s ease-in; box-shadow: none; }
.btn-link-hotelpagephone:focus {  background-color: #ffffff; border:5px solid #ededab; color: #ededab;text-decoration:none; width:auto;  width:150px; height:150px; border-radius:55px;  font-size:18px; box-shadow: none; }

.card-pricetable-bodycontact a:active, .card-pricetable-bodycontact a:link, .card-pricetable-bodycontact a:visited{color:#6a6563;}
.card-pricetable-bodycontact a:hover{color:#414141;}

.card-pricetable-bodyphone a:active, .card-pricetable-bodyphone a:link, .card-pricetable-bodyphone a:visited{color:#FFFFFF;}
.card-pricetable-bodyphone a:hover{color:#ffffff;}

.btn-link-selex-suggestion {border: 1px solid #ffffff; background-color: #9EB5A6;color: #9EB5A6;text-decoration:none; width:auto; border-radius:0px; margin-top:10px;}
.btn-link-selex-suggestion:hover, .btn-link-selex-suggestion:focus {  background-color: #ffffff; border:1px solid #9EB5A6; color: #ffffff;text-decoration:none; width:auto; border-radius:5px;}

.btn-yellow {border: 1px solid #c1c7cb;background-color: #c1c7cb;color: #414141;text-decoration:none; width:auto; border-radius:0px;  font-size:17; margin-top:10px;}
.btn-yellow:hover, .btn-yellow:focus {  border: 1px solid #728763;background-color: #ffffff;color: #515151;text-decoration:none; width:auto; border-radius:5px; font-size:17;}

.btn-yellow a:link, .btn-yellow a:active, .btn-yellow a:focus, .btn-yellow a:hover, .btn-yellow a:visited {font-size:17px; color:#414141;}

@media only screen and (max-width: 767px){
	.hotelspecs1 {display: block; margin-bottom:4px;  }
	.hotelspecs2 {display: block; border-left:none; padding-left:0px;margin-bottom:4px;}
	.hotelspecs3 {display: block; border-left:none; padding-left:0px;}
	.hotelspecs4 {display: block; border-left:none; padding-left:0px;}
	.hotelspecsicons {display: block; position:relative; text-align: left; margin-top:10px;  border-bottom:0.001155rem dotted #728763; background-color: transparent;
right:0px; padding: 0px 0px 4px 0px; left:0;  }
	.hotelspecsoffers {display: block; border-left:none; padding-left:0px;margin-bottom:4px; float:none;}
  }
  
  


.languagespoken {background-color:transparent;   margin:4px; opacity:0.8; height:20px; margin-right:-5px; }
.languagespoken:hover{background-color:transparent;   margin:4px; opacity:1; height:20px; margin-right:-5px;}
.icons-destinations {background-color:transparent;  border:1px solid #d5dde7;}
.icons-destinations2019 {background-color:transparent;  border:1px solid #d5dde7;}


.tab {
  overflow: hidden;
  
  background-color: transparent;
	
 /*width:100%*/
}

.tabcontent {width:100%; animation: fadeEffect .1s;}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.tab button {
	
  background-color: transparent;
  float: left;
  border-bottom:none;
	border-top:none;
	border-left:none;
	border-right: none;
  outline: none;
  cursor: pointer;
  padding: 14px;
  transition: 0.3s;
  font-family: lato, sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-style: normal;
	
}

.tabtitle {
	
  background-color: transparent;
  
  padding: 14px 2px 14px 2px;
  transition: 0.3s;
  font-family: lato, sans-serif;
  font-weight: 600;
  
  font-style: normal;
	width:auto;
}


@media screen and (min-width:568px) and (max-width: 991px){
	
.tab button {
	
  background-color: transparent;
  float: left;
  border-bottom:none;
	border-top:none;
	border-left:none;
	border-right: none;
  outline: none;
  cursor: pointer;
  padding: 14px;
  transition: 0.3s;
  font-family: lato, sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-style: normal;
	
}	
}

@media screen and (max-width: 567px){
	
.tab button {
	
  background-color: transparent;
  float: left;
  border-bottom:none;
	border-top:none;
	border-left:none;
	border-right: none;
  outline: none;
  cursor: pointer;
  padding: 14px;
  transition: 0.3s;
  font-family: lato, sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-style: normal;

}	
}



.tab button:hover {
  background-color:#e1dad5;
    
}

.tab button.active {
  background-color:#e1dad5;
    font-weight: 400;
	}
	
	}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
 opacity: 0;
  
  transition: opacity .1s .1s ease-out;
 
  will-change:  opacity;
}

.tabcontent.is-visible {
  opacity: 1;
  
}

.selexsuggestion {width:60%; right:0%; border:none;}

@media screen and (max-width: 991px){.selexsuggestion {width:100%; left:0%; border:none;}}


#overlay-selex-suggestions {position: absolute; top: 0; right: 60%; bottom: 0; left: 60%; padding: 1.25rem 2.75rem 1.25rem 1.25rem; background: #fff; border:none; width: 40%; overflow-y: auto;}

#overlay-destinations-suggestions {position: absolute; top: 0; right: 60%; bottom: 0; left: 60%; padding: 10px 15px;  border:6px solid #ffffff; border-left:none; width: 40%; background-image:url("../images/backgrounds/fade80percent.png"); background-repeat: repeat; overflow-y: auto;}

#overlay-circuits-suggestions {position: absolute; top: 0; right: 60%; bottom: 0; left: 40%; padding: 20px 20px 20px 18%;  border:4px double #e1dad5;  width: 60%; background-color:#FFFFFF; background-repeat: repeat;  min-height: 360px;}

@media screen and (max-width: 991px){
	
	
#overlay-selex-suggestions {position: relative; top: 0; right: 0; bottom: 0; left: 0%; padding: 1.25rem; background: #f8f9fa; border:6px solid #ffffff; border-top:none; width: 100%;}	
#overlay-destinations-suggestions {position: relative; top: 0; right: 0; bottom: 0; left: 0%; padding: 1.25rem; background-image:url("../images/backgrounds/fade80percent.png"); background-repeat: repeat; border:6px solid #ffffff; border-top:none; width: 100%; overflow-y: auto; min-height: 350px; max-height: 350px;}
	
	#overlay-circuits-suggestions {position: relative; top: 0; right: 0; bottom: 0; left: 0%; padding: 4.25rem 1.25rem 1.25rem 1.25rem; background-color:#FFFFFF; background-repeat: repeat; border:6px solid #ffffff; border-top:none; width: 100%; }
	
	
	
}

#overlay-selex-suggestions a:active, #overlay-selex-suggestions a:link, #overlay-selex-suggestions a:visited{color:#FFFFFF;}
#overlay-selex-suggestions a:hover{color:#414141;}

#overlay-destinations-suggestions a:active, #overlay-destinations-suggestions a:link, #overlay-destinations-suggestions a:visited{color:#FFFFFF;}
#overlay-destinations-suggestions a:hover{color:#414141;}


.card-img-top-suggestions {border:6px solid #ffffff; border-left:none; flex-shrink: 0; width: 100%;}

.card-img-top-circuits {border:none; flex-shrink: 0; width: 55%; position: relative;
top: 50px; z-index: 100;}

.card-img-top-sejour-sur-mesure {border:none; flex-shrink: 0; width: 100%;}

@media screen and (max-width: 991px){.card-img-top-suggestions {border:6px solid #ffffff; border-bottom:none; flex-shrink: 0; width: 100%;}
	.card-img-top-circuits {border:6px solid #ffffff; border-bottom:none; flex-shrink: 0; width: 100%; position:relative; right:0; top;O;s}
                                        .card-img-top-sejour-sur-mesure {border:none; flex-shrink: 0; width: 100%;}}



.carousel-indicators-hotel {
	/*background-image: url("../images/backgrounds/fade-selex-50percent.png"); background-repeat: repeat;*/
	position: absolute;
right: 0;
bottom:-16px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 0px;
margin-right: 0%;
margin-left: 0%;
list-style: none;
}

.carousel-indicators-hotel li {
box-sizing: content-box;
box-shadow: 0px 0px 2px #212121;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 40px;
height:40px;
margin:10px 8px;
text-indent: -999px;
cursor: pointer;
border-radius:10%;
opacity: .7;
transition: opacity .3s ease;
}

.carousel-indicators-hotel li:hover {
box-sizing: content-box;
box-shadow: 0px 0px 2px #212121;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin:10px 8px;
text-indent: -999px;
cursor: pointer;
border-radius:10%;
opacity: 1;
transition: opacity .3s  ease;
}



@media screen and (max-width: 768px){.carousel-indicators-hotel li {width:40px; height:40px;}}

@media screen and (max-width: 567px){.carousel-indicators-hotel li {width:30px; height:30px;}}

.carousel-indicators-hotel  .active {
	opacity: .8;}




.roomtype {font-family: dashiell-fine, sans-serif; margin:10px 0px 20px 0px; }
.roomtype p.typechambre {font-weight: 600; font-size:16px; margin-bottom:-3px; color:#6a6563;}
.roomtype p.typechambrespecs {font-family:lato, sans-serif;font-weight: 300; font-size:13px;}
.roomtype p.moreinfo {font-family:lato, sans-serif;font-weight: 500; font-size:20px; margin-bottom:-3px; color:#2f532e;}
.roomtype p.info {font-weight: 500; font-size:20px; margin-bottom:-3px; color:#29293b;}

.stepsheader {font-family: oswald, sans-serif; margin-top:20px; margin-bottom: 50px;  }
.stepsheader p.info {font-weight: 500; font-size:22px; margin-bottom:-3px; color:#29293b;}

.whyusheader {font-family: oswald, sans-serif; margin-top:20px; margin-bottom: -30px;  }
.whyusheader p.info {font-weight: 500; font-size:22px; margin-bottom:-3px; color:#29293b;}

.fares-validity {text-align: center; color:#000000; margin-bottom: 10px; font-size:15px; font-w:300;}


.card-pricetable {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin:0px 0px 10px 0px; 
    word-wrap: break-word;
    background-color:transparent;
    background-clip: border-box;
    
	border-radius: none;}
	
	

.card-infotable {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    
    background-clip: border-box;
    margin-bottom:15px;
	border-radius: none;
	
	
}

.card-infotablewhite {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:transparent;
    background-clip: border-box;
    
	border-radius: none;}

.card-service-table {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f6f2ef;
    background-clip: border-box;
    
	border-radius: none;}

.card-pricetable-body {
  background-color: transparent;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
	padding: 0;
}



.steps {text-align: justify; -webkit-animation: fade 2.6s linear both;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:-25px; margin-left:-3px;
	background: transparent; border-left: 2px dotted #c1c7cb; 
}

.steps2 {text-align: justify; -webkit-animation: fade 2.6s linear both;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:-25px; margin-left:-3px;
	background: transparent; border-right: none; border-left: none; 
}

.service-steps {text-align: justify; -webkit-animation: fade 2.6s linear both; font-family: lato, sans-serif;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:-25px; margin-left:-3px;
	background-color: transparent; border-left: none; 
}

.service-steps2 {text-align: justify; -webkit-animation: fade 2.6s linear both; font-family: lato, sans-serif;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:-25px; margin-left:-3px;
	background-color: transparent; border-right: none; border-left: none; 
}


@media screen and (max-width: 991px){
	
	
.steps {text-align: justify; -webkit-animation: fade 2.6s linear both;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:0; margin-left:0; margin-bottom:25px;
	background: #f8f9fa; border: 1px dotted #c1c7cb; border-top:none; 
}

.steps2 {text-align: justify; -webkit-animation: fade 2.6s linear both;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:0; margin-left:0;  margin-bottom:25px;
	background: #f8f9fa; border: 1px dotted #c1c7cb; border-top:none;  
}	
	
	
	.service-steps {text-align: justify; -webkit-animation: fade 2.6s linear both; font-family: lato, sans-serif;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:0; margin-left:0; margin-bottom:25px;
	background-color: transparent; border-bottom: 2px dotted #d6d0cc; border-top:none; 
}

.service-steps2 {text-align: justify; -webkit-animation: fade 2.6s linear both; font-family: lato, sans-serif;
	        animation: fade 2.6s linear both; padding:25px; margin-top:25px; margin-right:0; margin-left:0;  margin-bottom:25px;
	background-color: transparent; border-bottom: none;  border-top:none;  
}	
	
	
}



@-webkit-keyframes tracking-out-expansion {
  0% {
    width:0%;
	 
    opacity: 0;
  }
  40% {
	  width:40%;
	  
    opacity: 0.4;
  }
  100% {
	  
	  width:100%;
    opacity: 1;
  }
}
@keyframes tracking-out-expansion {
   0% {
    width:0%;
	 
    opacity: 0;
  }
  40% {
	  width:40%;
	  
    opacity: 0.4;
  }
  100% {
	
	  width:100%;
    opacity: 1;
  }
}



.card-pricetable-title {
	background-color: #f8f9fa;
    margin: -2px -0px 5px 0px;
	padding:4px;
	color:#29293b;
	font-size:18px;}

.card-pricetable-price {
	font-weight: 700;
	font-size:15px;
	display: inline;}

.card-pricetable-contact {
	font-weight: 400;
	font-size:18px;
text-align: left;}

.card-pricetable-info {
	font-weight: 300; background-color: transparent;
	font-size:16px;margin-bottom: 0px;}

.card-pricetable-info-us {
	font-family: oswald, sans-serif;
	font-weight: 600;
	font-size:17px;
	margin:20px 0px 0px 0px;
color:#728763;
text-align: left;}

.card-pricetable-text {
	font-weight: 300;
	font-size:13px;
	display: block;
position: relative;}

.card-pricetable-text-us {
	font-weight: 400;
	font-size:17px;
	display: block;
position: relative;
text-align: left;}

@media screen and (max-width: 991px){
	
	.card-pricetable, .card-infotable {margin-bottom:10px;}
}

#sticker-activities {position: absolute; bottom:25px; right:25px; text-align: right;}

.sticker {position: relative;
margin-top:5px;
z-index: 2;

width: 100%;

text-align: center;
padding: 5px;
right: -4px;
float: left;
font-size: 13px;
font-size:16px;}

.sticker .message {color:#212121; font-size:19px; display:block;  }

.sticker .message-under-map {color:#212121; font-size:18px; display:block;  margin-bottom: 20px; }


.btn-link-sticker {background-color: transparent; border:1px solid #6a6563; color: #ffffff; text-decoration:none; width:auto; border-radius:4px; margin-top:10px;text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 600; padding:8px 20px;}
.btn-link-sticker:hover, .btn-link-sticker:focus {border: 1px solid #6a6563; background-color: #ffffff;color: #ffffff;  text-decoration:none; width:auto; border-radius:8px; padding:8px 20px;}

.btn-link-sticker-inverted {background-color: #ffffff; border:1px solid #6a6563; color: #6a6563; text-decoration:none; width:auto; border-radius:4px; margin-top:10px;text-transform: none; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px; font-size:16px;}
.btn-link-sticker-inverted:hover, .btn-link-sticker-inverted:focus {border: 1px solid #6a6563; background-color: #f6f2ef;color: #ffffff;  text-decoration:none; width:auto; border-radius:4px; padding:10px 20px;}


.btn-link-sticker-inverted-events-booking {background-color: #FFFFFF; border:1px solid #CED1C7; color: #6a6563; text-decoration:none; width:auto; border-radius:4px; margin-top:10px;text-transform: none; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px; font-size:16px; font-weight:700;}
.btn-link-sticker-inverted-events-booking:hover, .btn-link-sticker-inverted-events-booking:focus {border: 1px solid #9fa592; background-color: #CED1C7;color: #ffffff;  text-decoration:none; width:auto; border-radius:4px; padding:10px 20px;}

.btn-link-sticker-inverted-cliphp {background-color:transparent; border:1px solid #FFFFFF; color: #FFFFFF; text-decoration:none; width:auto; border-radius:4px; margin-top:10px;text-transform: none; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px; font-size:16px;}
.btn-link-sticker-inverted-cliphp:hover, .btn-link-sticker-inverted-cliphp:focus {border: 1px solid #FFFFFF; background-color: #FFFFFF;color: #6a6563;  text-decoration:none; width:auto; border-radius:4px; padding:10px 20px;}

.btn-link-sticker-hotel {background-color: #9fa0975c; border:1px solid #9fa0975c; color: #72876390; text-decoration:none; width:auto; border-radius:25px; margin-top:10px;text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 600; padding:10px 20px; }
.btn-link-sticker-hotel:hover, .btn-link-sticker-hotel:focus {border: 1px solid #9fa09c; background-color: #FFFFFF;color: #9fa09c;  text-decoration:none; width:auto; border-radius:25px; padding:10px 20px;}


.btn-link-sticker-hotel2 {background-color: #8a9799; border:1px solid #8a9799; color: #FFFFFF; text-decoration:none; width:auto; border-radius:25px; text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 600; padding:10px 20px; }
.btn-link-sticker-hotel2:hover, .btn-link-sticker-hotel2:focus {border: 1px solid #8a9799; background-color: #FFFFFF;color: #8a9799;  text-decoration:none; width:auto; border-radius:25px; padding:10px 20px;}


.btn-link-sticker-inverted-guides {background-color: #a5a09b; border:1px solid #898580; color: #FFFFFF; text-decoration:none; width:auto; border-radius:4px; margin-top:10px;text-transform: none; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px; font-size:16px;}
.btn-link-sticker-inverted-guides:hover, .btn-link-sticker-inverted-guides:focus {border: 1px solid #6a6563; background-color: #FFFFFF;color: #6A6563;  text-decoration:none; width:auto; border-radius:4px; padding:10px 20px;}

#stickerguides  a:link, #stickerguides  a:active, #stickerguides  a:focus, #stickerguides  a:visited {color:#ffffff;}

#stickerguides  a:hover {color:#6a6563;}


#cardbookhotel a:link, #cardbookhotel a:active, #cardbookhotel a:visited {color:#FFFFFF;}
#cardbookhotel a:hover {color:#8a9799;}


@media  (max-width: 768px) {

		.btn-link-sticker-hotel2 {margin-top:20px; }
	
}




.btn-link-circuits {background-color: #7c936cba; border:1px solid #7c936cba; color: #ffffff; text-decoration:none; width:auto; border-radius:25px; margin-top:10px;text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 600; padding:10px 20px;}
.btn-link-circuits:hover, .btn-link-circuits:focus {border: 1px solid #7c936cba; background-color: #ffffff; color: #7c936cba;  text-decoration:none; width:auto; border-radius:25px; padding:10px 20px;}


.btn-link-infonav {background-color: #f8f9fa;  color: #ffffff; text-decoration:none; width:auto; border-radius:0px; margin-top:10px;text-transform: none; letter-spacing: 0.035rem; font-weight: 400; 
  padding:10px 20px 0px 0px; margin:0px 20px 0px 0px;}
.btn-link-infonav:hover, .btn-link-infonav:focus {  background-color: transparent;color: #728763;  text-decoration:none; width:auto; border-radius:0px; padding:10px 20px 0px 0px;}


.tel-link { color: #728763; text-decoration:none; width:auto;  margin-top:10px;text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px;}
.tel-link:hover, .tel-link:focus {color: #212121;  text-decoration:none; width:auto; border-radius:25px; padding:10px 20px;}

.tel2-link { color: #728763; text-decoration:none; width:auto;  margin-top:10px;text-transform: none; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px;}
.tel2-link:hover, .tel2-link:focus {color: #212121;  text-decoration:none; width:auto; border-radius:25px; padding:10px 20px;}


.btn-link-createtravel {background-color: #FFFFFF; border:2px solid #ffffff; color: #FFFFFF; text-shadow:none; width:auto; border-radius:25px; margin-top:10px;text-transform: uppercase; letter-spacing: -0.035rem; font-weight: 400; padding:10px 20px;}
.btn-link-createtravel:hover, .btn-link-createtravel:focus {border: 2px solid #FFFFFF; background-color: #00000015; color: #8a9799;  text-shadow:0px 0px 2px #333333; width:auto; border-radius:25px; padding:10px 20px;}

.btn-link-tel {background-color: #00000015; border:1px solid #ffffff; color: #FFFFFF; text-shadow:0px 0px 2px #333333; width:auto; border-radius:4px; margin-top:10px;text-transform: none; letter-spacing: 1px; font-weight: 400; padding:10px 20px;}
.btn-link-tel:hover, .btn-link-tel:focus {border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #8a9799; text-shadow: none;   width:auto; border-radius:6px; padding:10px 20px;}


#sticker a:active, #sticker a:link, #sticker a:visited{color:#6a6263; font-size:16px;}
#sticker a:hover{color:#6a6263; font-size:16px;}

#stickerZZ  a:link, #stickerZZ  a:active, #stickerZZ  a:visited{color: #000000; font-family: lato, sans-serif;}
#stickerZZ  a:hover {color: #000000; font-family: lato, sans-serif;}




#sticker-createtravel2 a:active, #sticker-createtravel2 a:link, #sticker-createtravel2 a:visited{color:#8a9799; font-size:16px;font-weight: 400; letter-spacing: 1px;}
#sticker-createtravel2 a:hover{color:#FFFFFF; font-size:16px; font-weight: 400; letter-spacing: 1px;}


#sticker-createtravel a:active, #sticker-createtravel a:link, #sticker-createtravel a:visited{color:#ffffff; font-size:16px;font-weight: 400; letter-spacing: 1px;}
#sticker-createtravel a:hover{color:#9d8574; font-size:16px; font-weight: 400; letter-spacing: 1px;}


#infonav a:link{color:#6a6563; font-size:14px; background-color: transparent;}
#infonav a:visited{color:#6a6563; font-size:14px;background-color: transparent;}
#infonav a:focus{color:#6a6563; font-size:14px;background-color: transparent;}
#infonav a:hover{color:#6a6563; font-size:14px;background-color: transparent; text-decoration:underline overline}
#infonav a:active{color:#6a6563; font-size:14px;background-color: transparent;}

#sticker-activities-page a:active, #sticker-activities-page a:link, #sticker-activities-page a:visited{color:#ffffff; font-size:16px;}

#sticker-activities-page a:hover{color:#72876390; font-size:16px;}


#sticker-activities-page-inverted a:active, #sticker-activities-page-inverted a:link, #sticker-activities-page-inverted a:visited{color:#72876390; font-size:16px;}

#sticker-activities-page-inverted a:hover{color:#FFFFFF; font-size:16px;}



#telink  a:active, #telink  a:link, #telink  a:visited{color:#728763; font-size:16px;}
#telink  a:hover{color:#212121; font-size:16px;}

#mailink  a:active, #mailink  a:link, #mailink  a:visited{color:#212121; font-size:16px; text-transform: lowercase;}
#mailink  a:hover{color:#728763; font-size:16px; text-transform: lowercase;}

.mappahotel {width: 100%; height: 700px; border:none; }

@media screen and (max-width: 768px){
	
	.mappahotel {width: 100%; height: 400px; border:none;}
	
	
	
}
.legal {padding:8px; font-family: lato, sans-serif;   font-size: 18px; text-align:justify left; font-weight: 300;}

#fraisdossier {font-family: lato, sans-serif;   font-size: 18px;  color:#515151; font-weight:bold; border-top:none;overflow:auto; padding:10px; }




.experiences-wrapper {background-color: #e3e3e3;
padding: 50px 20px;
margin-top: -41px;
margin-bottom: -30px;
border-bottom: 1px solid #ebd666;
margin-left:0;
margin-right:0;
}


@media screen and (min-width: 568px){
.carousel-item active img {width:100%;}
.carousel-item  img {width:100%; pointer-events: none;   user-select: none;}
}

@media screen and (max-width: 390.75px){

.carousel-item active img { position:relative; left:0; width:auto;}
.carousel-item  img { position:relative; left:0; width:auto; pointer-events: none;   user-select: none;}
    
    .carousel-indicators-hotel li {width:10px; height:10px;}
    
    .carousel-indicators-hotel { display: none; }

#galleryprops .carousel-item active img {height:250px; position:relative; left:0px; width:100%;}
#galleryprops .carousel-item  img {height:250px; position:relative; left:0px;  width:100%;}

#carouseloffers .carousel-item active img {height:250px; position:relative; left:0px; width:100%;}
#carouseloffers .carousel-item  img {height:250px; position:relative; left:0px;  width:100%;}

#carouseloffers{margin-right:10px; margin-left:10px;}

}

.restaurantheader {text-align: left; color:#515151; font-size:26px; font-style:italic; font-weight: 600; position:absolute; left:70px;   }
.restauranttext {text-align: left; color:#515151; font-size:22px; font-style:italic; border-left: 0.4rem solid #fff;   padding: 50px;  }
.restaurantpic {width: 100%; display: block; position: relative; box-shadow: 0px 0px 3px #757575; border: 2px solid #fff; }

@media screen and (max-width: 998px){
	
  .restaurantheader {position:absolute; left:13px; text-align: justify;  }
  .restauranttext { border-left: none; padding:50px 0px 50px 0px;  text-align: justify; }
	.restaurantpic {width:100%; display:block; position:relative; box-shadow: 0px 0px 6px #242424; margin-bottom:20px;  }	
	
}

#whitelink a:active {color:#414141; text-decoration: none; font-weight: bold;}
#whitelink a:link {color:#414141; text-decoration: none; font-weight: bold;}
#whitelink a:focus {color:#414141; text-decoration: none; font-weight: bold;}
#whitelink a:hover {color:#FFFFFF; text-decoration: none; font-weight: bold;}


.no-border {border:none;   }



.padding-left-large-screen {padding-left:50px;   }


@media only screen and (max-width: 787px){ .padding-left-large-screen{padding-left:0px; padding-top:20px;  margin-top:20px;  border-top:1px solid #e3e3e3;}   }



.regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.75rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}

#whattodoregioncardbody{width:100%; height:100%; background-color: #ffffffab; }

.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.75rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333;}

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.40rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}

.hotelpageproposalh3second {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.40rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}

.hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.40rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333;}

#sticker-createtravel2 {border-bottom: 2px dotted #fff; padding-bottom: 50px; margin-bottom:50px;   }


@media only screen and (max-width: 576){ 
    
    .regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.05rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}
    
    #whattodoregioncardbody{width:100%; height:100%; background-color: #ffffffaa;}
    
.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.05rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; display:none;}

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:0.90rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333; display:none;}
    
    .hotelpageproposalh3second { display:none;}

.hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:0.90rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; display:none;}

#sticker-createtravel2 { margin-top:-20px; border-bottom:none;  }

}


@media only screen and (min-width: 577px) and (max-width: 991px){ 
    
    .regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.05rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}
    
    #whattodoregioncardbody{width:100%; height:50%; background-color: #ffffffab;}
    
.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.05rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; display:none;}

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:0.90rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333; display:none;}
    
    .hotelpageproposalh3second { display:none;}

.hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:0.90rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; display:none;}

#sticker-createtravel2 { margin-top:-20px; border-bottom:none;  }

}


@media only screen and (min-width: 992px)and (max-width: 1600px){ 
    
    .regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.25rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}
    
    #whattodoregioncardbody{width:100%; height:50%; background-color: #ffffffab;}
    
.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.25rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; }

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.15rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}
    
     .hotelpageproposalh3second { display:none;}

.hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:0.90rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; display:none;}

#sticker-createtravel2 { margin-top:-20px; border-bottom:none;  }

}


@media only screen and (min-width: 1601px)and (max-width: 1999px){ 
    
    .regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}
    
    #whattodoregioncardbody{width:50%; height:100%; background-color: #ffffffab;}
    
.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; }

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.25rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}
    
 .hotelpageproposalh3second {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.20rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}
    
    .hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; }


#sticker-createtravel2 { margin-top:-20px; border-bottom:none; margin-bottom:50px; border-bottom: 2px dotted #fff; }

}

@media only screen and (min-width: 2000px){ 
    
    .regionhintandtips {font-weight: 300; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:30px; text-align: left; color:#515151; text-shadow: 0px 0px 2px #ffffffab;}
    
    #whattodoregioncardbody{width:50%; height:100%; background-color: #ffffffab;}
    
.hotelpageproposaltitle {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:30px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; }

.hotelpageproposalh3 {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.25rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}
    
 .hotelpageproposalh3second {font-weight: 400; font-style: normal; font-family: lato, sans-serif;	font-size:1.20rem; margin-bottom:25px; margin-top:20px; text-align: left; text-shadow: 0px 0px 2px #333333;}
    
    .hotelpageproposalh2 {font-weight: 600; font-style: normal; font-family: 'lato', sans-serif;	font-size:1.35rem; margin-bottom:0px; margin-top:20px; text-align: left; color:#FFFFFF; text-shadow: 0px 0px 2px #333333; }


#sticker-createtravel2 { margin-top:-20px; border-bottom:none; margin-bottom:50px; border-bottom: 2px dotted #fff; }

}



#mosaic-hp-left{margin:0px -45px 0px 15px; padding:50px; background-color:#ffffff; border-left: 0.035rem solid #e1dad5;}
#mosaic-hp-img-left{margin: 0px -15px 0px 0px; z-index: 1;}
#mosaic-hp-right{padding:50px; background-color: #ffffff; margin:0 -30px; border-right: 0.035rem solid #e1dad5;}


@media only screen and (max-width: 991px){ 
    
            #mosaic-hp-left{margin:0px 15px 0px 15px; padding:50px; background-color:#ffffff; border: 0.035rem solid #e1dad5; border-top:none;}
            #mosaic-hp-img-left{margin: 0px -15px 0px 0px; z-index: 1;}
            #mosaic-hp-right{margin:0px 15px 0px 15px; padding:50px; background-color:#ffffff; border: 0.035rem solid #e1dad5; border-top:none;}
    
    }




.card .banner {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.banner span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 9px 0;
  background-color: #962d31;
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 16px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
    z-index: 10;
}
.banner::before,
.banner::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #962d31;
}

/* top right*/
.banner-top-right {
  top: -10px;
  right: -10px;
}
.banner-top-right::before,
.banner-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.banner-top-right::before {
  top: 0;
  left: 16px;
}
.banner-top-right::after {
  bottom: 16px;
  right: 0;
}
.banner-top-right span {
    padding-left:15px;
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* banner green*/
.card .banner2 {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.banner2 span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 9px 0;
  background-color: #2f532e;
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 16px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
    z-index: 10;
}
.banner2::before,
.banner2::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2f532e;
}

/* top right2*/
.banner2-top-right {
  top: -10px;
  right: -10px;
}
.banner2-top-right::before,
.banner2-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.banner2-top-right::before {
  top: 0;
  left: 16px;
}
.banner2-top-right::after {
  bottom: 16px;
  right: 0;
}
.banner2-top-right span {
    padding-left:15px;
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}