// Core variables and mixins
@import "/bootstrap3.2.0/less/variables.less";
@import "/bootstrap3.2.0/less/mixins.less";
// Reset and dependencies
@import "/bootstrap3.2.0/less/normalize.less";
@import "/bootstrap3.2.0/less/print.less";
@import "/bootstrap3.2.0/less/glyphicons.less";
// Core CSS
@import "/bootstrap3.2.0/less/scaffolding.less";
@import "/bootstrap3.2.0/less/type.less";
@import "/bootstrap3.2.0/less/code.less";
@import "/bootstrap3.2.0/less/grid.less";
@import "/bootstrap3.2.0/less/tables.less";
@import "/bootstrap3.2.0/less/forms.less";
@import "/bootstrap3.2.0/less/buttons.less";
// Components
@import "/bootstrap3.2.0/less/component-animations.less";
//@import "/bootstrap3.2.0/less/dropdowns.less";
@import "/bootstrap3.2.0/less/button-groups.less";
@import "/bootstrap3.2.0/less/input-groups.less";
//@import "/bootstrap3.2.0/less/navs.less";
//@import "/bootstrap3.2.0/less/navbar.less";
//@import "/bootstrap3.2.0/less/breadcrumbs.less";
@import "/bootstrap3.2.0/less/pagination.less";
@import "/bootstrap3.2.0/less/pager.less";
@import "/bootstrap3.2.0/less/labels.less";
//@import "/bootstrap3.2.0/less/badges.less";
//@import "/bootstrap3.2.0/less/jumbotron.less";
//@import "/bootstrap3.2.0/less/thumbnails.less";
//@import "/bootstrap3.2.0/less/alerts.less";
//@import "/bootstrap3.2.0/less/progress-bars.less";
@import "/bootstrap3.2.0/less/media.less";
//@import "/bootstrap3.2.0/less/list-group.less";
//@import "/bootstrap3.2.0/less/panels.less";
@import "/bootstrap3.2.0/less/responsive-embed.less";
//@import "/bootstrap3.2.0/less/wells.less";
@import "/bootstrap3.2.0/less/close.less";
// Components w/ JavaScript
@import "/bootstrap3.2.0/less/modals.less";
@import "/bootstrap3.2.0/less/tooltip.less";
@import "/bootstrap3.2.0/less/popovers.less";
@import "/bootstrap3.2.0/less/carousel.less";
// Utility classes
@import "/bootstrap3.2.0/less/utilities.less";
@import "/bootstrap3.2.0/less/responsive-utilities.less";
@body-bg: #FFF;
@link-color: #000;
@text-color: #000;
@font-family-sans-serif: 'Karla', sans-serif;
@font-size-base: 18px;
@primary-color: #fd0077;
@primary-color-hover: #0095d0;
@giallo: #F9D23C;
@viola: #881558;
@turchese: #3C959D;
@blu: #317FBD;
@arancione: #EB7E24;
@background-input: transparent;
@color-form: #2B393F;
@corsivo: 'Karla', sans-serif;
@averia: 'Averia Libre', cursive;
@corsivo-2: 'Oooh Baby', cursive;

body {
	margin: 0;
	padding: 0;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

.corsivo {
	font-family: @corsivo;
}

.corsivo-2{
	font-family: @corsivo-2;
}

.averia {
	font-family: @averia;
}

.colore-uno {
	color: @primary-color;
}

.colore-due {
	color: @primary-color-hover;
}

.giallo {
	color: @giallo;
}

.turchese {
	color: @turchese;
}

.viola {
	color: @viola;
}
.blu {
	color: @blu;
}

.arancione {
	color: @arancione;
}
.bg-white{
    background-color:#fff;
}
.bgk-uno{background-color: @primary-color;}

.bgk-due{background-color: @primary-color-hover;}

.bg-rosa{
    background-color: #F8D8E7;
}
.bg-giallo{
    background-color: #FCF0D6;
}
.bg-azzurro{
    background-color:#D4F1F5 ;
}
.bg-turchese{
    color:#fff !important;
    background-color: @turchese;
}
/*@font-face {
	font-family: 'icomoon';
	src: url('/source/icomoon.eot?b52ngp');
	src: url('/source/icomoon.eot?b52ngp#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?b52ngp') format('truetype'), url('/source/icomoon.woff?b52ngp') format('woff'), url('/source/icomoon.svg?b52ngp#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}*/

@font-face {
	font-family: 'icomoon';
	src: url('/source/icomoon.eot?n8040u');
	src: url('/source/icomoon.eot?n8040u#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?n8040u') format('truetype'), url('/source/icomoon.woff?n8040u') format('woff'), url('/source/icomoon.svg?n8040u#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


[class^="icon-"],
[class*=" icon-"], .seleziona-verifica:after, .slick-prev:before, .slick-next:before, .c-type li:before, .slider-titolo:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display:inline-block;
	vertical-align:middle;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-link:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-drink:before {
  content: "\e902";
}
.icon-email:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-freccia:before {
  content: "\e905";
}
.icon-garden:before {
  content: "\e906";
}
.icon-gift:before {
  content: "\e907";
}
.icon-hotel:before {
  content: "\e908";
}
.icon-instagram-logo:before {
  content: "\e909";
}
.icon-location:before {
  content: "\e90a";
}
.icon-party:before {
  content: "\e90b";
}
.icon-phone:before {
  content: "\e90c";
}
.icon-preventivo:before {
  content: "\e90d";
}
.icon-sand-castle:before {
  content: "\e90e";
}
.icon-whatsapp:before {
  content: "\e90f";
}
.icon-accoglienza:before {
  content: "\e910";
}
.icon-freccia-dx-big:before {
  content: "\e911";
}
.icon-air-conditioner:before {
  content: "\e912";
}
.icon-angolo-relax:before {
  content: "\e913";
}
.icon-animazione:before {
  content: "\e914";
}
.icon-atlantica:before {
  content: "\e915";
}
.icon-baby-sitting:before {
  content: "\e916";
}
.icon-beverage:before {
  content: "\e917";
}
.icon-bus:before {
  content: "\e918";
}
.icon-cassaforte:before {
  content: "\e919";
}
.icon-cocoland-esterna:before {
  content: "\e91a";
}
.icon-energia-sostenibile:before {
  content: "\e91b";
}
.icon-food-immersion:before {
  content: "\e91c";
}
.icon-funny-area:before {
  content: "\e91d";
}
.icon-gita-barca:before {
  content: "\e91e";
}
.icon-junior-cocoland:before {
  content: "\e91f";
}
.icon-lavanderia:before {
  content: "\e920";
}
.icon-mangiar-sano:before {
  content: "\e921";
}
.icon-minibar:before {
  content: "\e922";
}
.icon-mini-cololand:before {
  content: "\e923";
}
.icon-orto:before {
  content: "\e924";
}
.icon-parcheggio:before {
  content: "\e925";
}
.icon-pdf:before {
  content: "\e926";
}
.icon-perosne:before {
  content: "\e927";
}
.icon-pet-friendly:before {
  content: "\e928";
}
.icon-phone-1:before {
  content: "\e929";
}
.icon-piccoli:before {
  content: "\e92a";
}
.icon-piscina:before {
  content: "\e92b";
}
.icon-pool-bar:before {
  content: "\e92c";
}
.icon-risto:before {
  content: "\e92d";
}
.icon-sky:before {
  content: "\e92e";
}
.icon-spiaggia:before {
  content: "\e92f";
}
.icon-sport-natura:before {
  content: "\e930";
}
.icon-struttura:before {
  content: "\e931";
}
.icon-visita-medica:before {
  content: "\e932";
}
.icon-wifi-signal:before {
  content: "\e933";
}
.icon-C-LOGO:before {
  content: "\e934";
}
.icon-cresta:before {
  content: "\e935";
}
.icon-domande-freccia:before {
  content: "\e936";
}
.icon-right-arrow:before {
  content: "\e937";
}
.icon-freccia-sx:before {
  content: "\e938";
}


/* BUTTON */

input[type=email],
input[type=image],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
	width: 100%;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: block;
	text-indent: 5px;
}

#pgall input[type=button],
#pgall input[type=submit] {
	width: 100%;
	text-align: center;
	cursor: pointer;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

a,
a:active,
a:focus,
a:link,
a:visited,
input[type="submit"] {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	outline: none;
	text-decoration: none;
}

.freccia-none,
.pulsante,
.slick-next,
.slick-prev,
.tendina-lingue,
.transition_400, .comparsa{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.transition_600 {
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.slick-slide {
	outline: none;
}

label {
	font-weight: normal;
	margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 0;
}


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

.table-box {
	display: table;
	table-layout: fixed;
	width: 100%;
	@media (max-width: @screen-sm-max) {
		display:block;
	}
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
	@media (max-width: @screen-sm-max) {
		display:block;
	}
}

.flex {
	@media (min-width: @screen-sm-min) {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
		
	}
}

p, address {
	margin: 0;
	line-height:inherit;
}

ul {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

.no-pad {
	padding: 0;
}

.pad_5 {
	padding: 0 5px;
}

.pad_10 {
	padding: 0 10px;
}

.pad_20 {
	padding: 0 20px;
}

.blk {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
	@media (min-width: @screen-md-min) {
		padding: 0 10px;
	}
	@media (min-width: @screen-lg-min) {
		padding: 0 30px;
	}
	
	&.grigio{
	    
	    background-color:#f7f7f7;
	
	}
	
}

.container,
.container-fluid {
	max-width: 100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.container-fluid {
	max-width: 1860px;
	&:before {
		display: block;
	}
}



.divisore {
	padding-bottom: 15px;
	@media (max-width: @screen-xs-max) {
		padding-bottom: 15px;
	}
}

h3, h1, h2.grande {
	font-size: 48px;
	line-height: 50px;
	font-weight:bold;
	
	@media (max-width: @screen-md-max) {
	    
	    font-size:42px;
	    line-height:44px;
	
	}
	
	@media (max-width: @screen-sm-max) {
		font-size: 33px;
		line-height: 36px;
	}
	
	@media (max-width: @screen-xs-max) {
		font-size: 25px;
		line-height: 29px;
	}
}


h1{
    
    max-width:1300px;
    margin:0 auto;

}

h4 {
	font-size: 26px;
	line-height: 28px;
	
	@media (max-width: @screen-md-max) {
	
	    
	
	}
	
	@media (max-width: @screen-sm-max) {
	
	}
	
	@media (max-width: @screen-xs-max) {
		font-size: 23px;
		line-height: 26px;
	}
}




.testo {
	padding: 40px 10px;
	word-wrap: break-word;
	@media (max-width: @screen-md-max) {
		padding:30px 10px;
	}
	@media (max-width: @screen-sm-max) {}
	@media (max-width: @screen-xs-max) {
		padding: 20px 10px;
	}
	h1 {
		margin-bottom: 30px;
	}
}

.testo-sx {
	padding-right: 30px;
	@media (max-width: @screen-sm-max) {
		padding-right:15px;
	}
	@media (max-width: @screen-xs-max) {
		padding-right: 10px;
	}
}

.testo-dx {
	padding-left: 30px;
	@media (max-width: @screen-sm-max) {
		padding-left:15px;
	}
	@media (max-width: @screen-xs-max) {
		padding-left: 10px;
	}
}


.box-bianco{

    padding:2%;
    background-color:#fff;
    padding-left:120px;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
    
    @media (max-width: @screen-xs-max) {
        
        
        font-size:16px;
        padding:20px;
        padding-left:65px;
    
    }
    
    .ico{
        
        font-size:58px;
        line-height:60px;
        height:58px;
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        left:50px;
        
        @media (max-width: @screen-xs-max) {
            
            left:10px;
        
        }
    
    }
    
    h4{
        
        font-size:25px;
        line-height:28px;
        font-weight:bold;
    
    }

}

/* colonna negativa */

.col-3-negativa {
	margin-left: -25%;
	@media (max-width: @screen-sm-max) {
		margin-left:-16.66666%;
	}
}

.colonna-negativa {
	margin-left: -8.3333333%;
	@media (max-width: @screen-sm-max) {
		margin-left:0;
	}
}


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


/* filtro grigio */

.greyscale {
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	&:hover {
		-webkit-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		filter: grayscale(0%);
		background-color: #F8F5EF;
	}
}


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


/* close modal */

.close {
	opacity: 1;
	outline: none;
	&:hover,
	&:focus {
		color: #4A4A4A;
		opacity: 1;
	}
}

.modal {
	padding: 0 !important
}

.modal-open {
	padding: 0 !important;
	overflow: auto;
}

body {
	padding: 0 !important
}


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


/* ico mobile */

.link-mobi {
	color: #999 !important;
	font-size: 10px;
	padding-top: 5px;
	line-height: normal;
	padding-bottom: 1px;
	height: 100%;
	display: block;
	span[class^="icon-"] {
		margin-top:7px;
		margin-bottom:4px;
		display: block;
		font-size: 20px;
	}
	img {
		margin: 0 auto;
		margin-bottom: 11px;
		display: block;
	}
	a {
		color: #999 !important;
	}
}


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


/* testo invio newsletter */

.result_inscr_newsl_min {
	color: #fff;
}


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

// FORM CONTATTI
#ContContatti {
	color: @color-form;
	input[type="radio"],
	input[type="checkbox"] {
		display: inline-block;
		margin-right: 4px;
		margin-top: 2px;
	}
	
	.reparto_item{
    	-webkit-transition: all 400ms ease;
    	-moz-transition: all 400ms ease;
    	-ms-transition: all 400ms ease;
    	-o-transition: all 400ms ease;
    	transition: all 400ms ease;
	    & > div{
	        display:inline-block;
	        padding-right:25px;
	        }    
	   &.disabled{
	       opacity:0;
	       visibility:hidden;
	       height:0;
	       }
    }
	
	.form-group {
		margin: 0 0 15px 0;
	}
	.modulo_alt {
		&:extend(.form-control all);		
		
		font-size: 15px;
        height: 40px;
        text-indent: 4px;
        width: 100%;
        border: none;
        background-color: transparent;
        color: #2b393f;
        -webkit-appearance: none;
        max-width: 100%;
        border: #95989d 1px solid;
    
		option {
			color: @color-form;
		}
		&::-webkit-input-placeholder {
			/* Chrome/Opera/Safari */
			color: @color-form;
		}
		&::-moz-placeholder {
			/* Firefox 19+ */
			color: @color-form;
		}
		&:-ms-input-placeholder {
			/* IE 10+ */
			color: @color-form;
		}
		&:-moz-placeholder {
			/* Firefox 18- */
			color: @color-form;
		}
	}
	.modulo_alt[readonly],
	.modulo_file {
		background-image: url('/ATScripts/form/img/attach.png');
		background-repeat: no-repeat;
		background-position: 5px center;
		cursor: pointer;
		text-indent: 10px;
		background-color: @background-input;
	}
	.modulo_alt.modulo_checkbox{
	   width:15px;
	   height:15px;
	   -webkit-appearance: checkbox;
	  // border-radius:0;
    }
    
    
    .strutture_check{
        padding:0;
        .struttura{
            display:inline-block;
            padding:0 5px;
            }    
    }
    
	.bottone_alt {
		&:extend(.btn all);
		.button-variant(#fff;
		#000;
		#000);
		&:extend(.btn-block all);
		@media (max-width: @screen-sm-max) {
			float: none;
			margin: 10px auto;
		}
	}
	.privacy-form {
		text-align: right;
	}
	.privacy-form label {
		margin: 0;
		display: inline;
	}
	label {
        font-size: 15px;
        padding: 4px 0;
        margin-top: 1px;
        font-weight: 700;
        //white-space: nowrap;
		color: @color-form;
	}
	.sep {
		padding-bottom: 10px;
	}
	textarea {
		min-height: 150px;
		@media (max-width: @screen-sm-max) {
			min-height: 100px;
		}
	}
	.separatore {
		margin-bottom: 10px;
	}
	select.modulo_alt {
		background-image: url("/source/arr_down.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-position: right 10px bottom 50%;
	}
	.privacy-obbligatori{
	    text-align:left; font-size:13px;padding-left:6px;
	}
	
	.privacy-form {
	    text-align:right; font-size:13px;
		@media (max-width: @screen-xs-max) {
			margin-top: 10px;
		}
		label {
			padding: 0;
		}
	}
}

#testo_privacy,
.txtred_alt {
	font-size: 12px !Important;
	color: @color-form;
	font-weight: normal;
}

#ContContatti input.datepicker,
#ContContatti input[name="arrivo"],
#ContContatti input[name="partenza"],
#data_arrivo_lastminute,
#data_partenza_lastminute {
	background-color: @background-input;
	background-image: url("/source/calendario.png") !important;
	background-repeat: no-repeat;
	background-position: 98% 50% !important;
	cursor: pointer;
	color: @color-form;
}

#ContContatti input[type="button"].bottone_alt,
#pgall .wrapper_form_cont input[type="submit"] {
	cursor: pointer;
	color:#fff;
	background-color: @primary-color;
	padding: 0 10px;
	height: 50px;
	width: 100%;
	line-height: 45px;
	-webkit-appearance: none;
	float: right;
	margin: 0;
	margin-top: 15px;
	outline: none;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
	max-width: 330px;
	border: 1px solid @primary-color;
	border-radius: 0;
	@media (max-width: @screen-xs-max) {
		float: none;
		margin: 15px auto;
		margin-bottom: 0;
	}
	&:hover {
		background-color: @primary-color-hover;
		color: #fff;
	}
}

#pgall .wrapper_form_cont .privacy_check div {
	display: inline-block;
}


/* FORM my reply */

.form-myreply {
	color: @color-form;
	padding: 0 10px;
}

.form-myreply .myReplyForm .form-control,
#myreply_form_offerta .form-control {
	font-size: 15px;
	height: 40px;
	text-indent: 4px;
	width: 100%;
	border: none;
	background-color: @background-input;
	color: @color-form;
	-webkit-appearance: none;
	max-width: 100%;
	border:#95989D 1px solid;
}

.form-myreply {
	.modal-dialog {
		color: @color-form;
	}
}

.form-myreply #myreply_form .container-fluid {
	padding: 0 !important;
}

.form-myreply .myReplyForm .text-success,
#myreply_form_offerta .text-success {
	color: @color-form;
}

.form-myreply .myReplyForm label,
#myreply_form_offerta label {
	font-size: 15px;
	color: @color-form;
	padding: 4px 0;
	margin-top: 1px;
}

.form-myreply .myReplyForm .element_container,
.form-myreply .alpaca-control label,
#myreply_form_offerta .alpaca-control label,
#myreply_form_offerta .element_container {
	font-size: 13px;
}

.form-myreply .myReplyForm .radio label,
.form-myreply .myReplyForm .checkbox label {
	font-size: 12px;
}

.form-myreply .myReplyForm a,
#myreply_form_offerta a {
	color: @color-form;
	text-decoration: underline;
}

#myreply_form_offerta .myReplyForm .wrapper_annotations {
	width: 100%;
}

.form-myreply .myReplyForm .annotations_wrapper textarea,
#myreply_form_offerta .annotations_wrapper textarea {
	height: 100px !Important;
}

.form-myreply .myReplyForm .period_wrapper input,
#myreply_form_offerta .myReplyForm .period_wrapper input {
	background-image: url(/source/calendario.png) !important;
}

.form-myreply .myReplyForm .btn-success,
#myreply_form_offerta .btn-success {
	border: none;
	border-radius: 0;
	background-color: @primary-color-hover;
	font-weight: bold;
	text-transform:uppercase;
	cursor: pointer;
	color: #fff;
	width: auto;
	padding: 0px 10px;
	height: 50px;
	line-height: 45px;
	width: 100%;
	max-width: 250px;
	font-size: 16px;
	margin-top: 10px;
	-webkit-appearance: none;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	&.send_new_request {
		max-width: 240px;
		font-size: 13px;
	}
}

.form-myreply .myReplyForm .btn-success:hover,
.form-myreply .myReplyForm .btn-success:focus,
#myreply_form_offerta .btn-success:hover,
#myreply_form_offerta .btn-success:focus {
	background-color: @primary-color;
}

#myreply_form_offerta {
	padding: 25px 10px;
	margin-top: 25px;
	clear: both;
}

//less preso dal vecchio file css
.flt_left {
	float: left;
}

.flt_right {
	float: right;
}

.fullWidth img {
	max-width: 100%;
	text-align: center;
}

.rel {
	position: relative;
}

.col_5 {
	width: 20%;
	float: left;
	@media (max-width: @screen-md-max) {}
	@media (max-width: @screen-sm-max) {
		width:33.333%;
	}
	@media (max-width: @screen-xs-max) {
		width: 100%;
	}
}

.center {
	margin: 0 auto;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after,
.clearfix:before,
.container_12:after,
.container_12:before,
.container_16:after,
.container_16:before {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

::selection {
	background: @primary-color;
	color: #fff;
}

::-moz-selection {
	background: @primary-color;
	color: #fff;
}


/* BUTTON */

.cb {
	display: none;
}

.transition {
	transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-webkit-transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-o-transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-ms-transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

a:focus,
a:active,
a:link,
img,
.slick-slide {
	outline: none;
}


/* CSS Animations */

.moveDownTop {
	opacity: 0;
	-webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Safari 4+ */
	-moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Fx 5+ */
	-o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Opera 12+ */
	animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	/* IE 10+ */
}

.moveUpTop {
	opacity: 0;
	-webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Safari 4+ */
	-moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Fx 5+ */
	-o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Opera 12+ */
	animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	/* IE 10+ */
}

.moveLeftTop {
	opacity: 0;
	-webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Safari 4+ */
	-moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Fx 5+ */
	-o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Opera 12+ */
	animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	/* IE 10+ */
}

.moveRightTop {
	opacity: 0;
	-webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Safari 4+ */
	-moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Fx 5+ */
	-o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* Opera 12+ */
	animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
	/* IE 10+ */
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.wpb_appear {
	opacity: 0;
	-webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
	/* Safari 4+ */
	-moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
	/* Fx 5+ */
	-o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
	/* Opera 12+ */
	animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
	/* IE 10+ */
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/* Top to bottom keyframes */

@-webkit-keyframes wpb_ttb {
	0% {
		-webkit-transform: translate(0, -10%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes wpb_ttb {
	0% {
		-moz-transform: translate(0, -10%);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes wpb_ttb {
	0% {
		-o-transform: translate(0, -10%);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes wpb_ttb {
	0% {
		transform: translate(0, -10%);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}


/* Bottom to top keyframes */

@-webkit-keyframes wpb_btt {
	0% {
		-webkit-transform: translate(0, 10%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes wpb_btt {
	0% {
		-moz-transform: translate(0, 10%);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes wpb_btt {
	0% {
		-o-transform: translate(0, 10%);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes wpb_btt {
	0% {
		transform: translate(0, 10%);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}


/* Left to right keyframes */

@-webkit-keyframes wpb_ltr {
	0% {
		-webkit-transform: translate(-10%, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes wpb_ltr {
	0% {
		-moz-transform: translate(-10%, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes wpb_ltr {
	0% {
		-o-transform: translate(-10%, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes wpb_ltr {
	0% {
		transform: translate(-10%, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}


/* Right to left keyframes */

@-webkit-keyframes wpb_rtl {
	0% {
		-webkit-transform: translate(10%, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes wpb_rtl {
	0% {
		-moz-transform: translate(10%, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes wpb_rtl {
	0% {
		-o-transform: translate(10%, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes wpb_rtl {
	0% {
		transform: translate(10%, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}


/* Appear from center keyframes */

@-webkit-keyframes wpb_appear {
	0% {
		-webkit-transform: scale(0.5);
		opacity: 0.1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes wpb_appear {
	0% {
		-moz-transform: scale(0.5);
		opacity: 0.1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-o-keyframes wpb_appear {
	0% {
		-o-transform: scale(0.5);
		opacity: 0.1;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}

@keyframes wpb_appear {
	0% {
		transform: scale(0.5);
		opacity: 0.1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/* animation hover zoom */

@-webkit-keyframes bgzoom {
	from {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	to {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
}

@-moz-keyframes bgzoom {
	from {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	to {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
}

@-o-keyframes bgzoom {
	from {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	to {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
}

@keyframes bgzoom {
	from {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	to {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
}

@-webkit-keyframes bgzoom-reverse {
	from {
		-webkit-transform: scale(1.021, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
	to {
		-webkit-transform: scale(1.00, 1.00);
		-moz-transform: scale(1.00, 1.00);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.00, 1.00)
	}
}

@-moz-keyframes bgzoom-reverse {
	from {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
	to {
		-webkit-transform: scale(1.00, 1.00);
		-moz-transform: scale(1.00, 1.00);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.00, 1.00)
	}
}

@-o-keyframes bgzoom-reverse {
	from {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
	to {
		-webkit-transform: scale(1.00, 1.00);
		-moz-transform: scale(1.00, 1.00);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.00, 1.00)
	}
}

@keyframes bgzoom-reverse {
	from {
		-webkit-transform: scale(1.02, 1.02);
		-moz-transform: scale(1.02, 1.02);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}
	to {
		-webkit-transform: scale(1.00, 1.00);
		-moz-transform: scale(1.00, 1.00);
		o-transform: scale(1.02, 1.02);
		transform: scale(1.00, 1.00)
	}
}

.bgzoom {
	overflow: hidden;
}

.bgzoom img {
	animation: bgzoom-reverse 0.3s ease-out;
	-moz-animation: bgzoom-reverse 0.3s ease-out;
	-o-animation: bgzoom-reverse 0.3s ease-out;
	-webkit-animation: bgzoom-reverse 0.3s ease-out;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bgzoom img:hover {
	animation: bgzoom 0.3s ease-out;
	-moz-animation: bgzoom 0.3s ease-out;
	-o-animation: bgzoom 0.3s ease-out;
	-webkit-animation: bgzoom 0.3s ease-out;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}


/* animazione opacity in apertura */

@-webkit-keyframes opacity {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes opacity {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-o-keyframes opacity {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

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


/* ico up-down */

@-webkit-keyframes bounceArrow {
	0% {
		-webkit-transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(7px)
	}
}

@-moz-keyframes bounceArrow {
	0% {
		-moz-transform: translateY(0)
	}
	100% {
		-moz-transform: translateY(7px)
	}
}

@-o-keyframes bounceArrow {
	0% {
		-o-transform: translateY(0)
	}
	100% {
		-o-transform: translateY(7px)
	}
}

@keyframes bounceArrow {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(7px);
		transform: translateY(7px)
	}
}

.bounce {
	animation: bounceArrow .55s ease 0s alternate infinite;
}


/* animazioni blocchi */

.opacity-animation {
    
    @media (min-width: @screen-sm-min) {
    	
    	opacity: 0;
    	animation: opacity 0.8s ease-out 1.5s;
    	-moz-animation: opacity 0.8s ease-out 1.5s;
    	-o-animation: opacity 0.8s ease-out 1.5s;
    	-webkit-animation: opacity 0.8s ease-out 1.5s;
    	animation-fill-mode: forwards;
    	-moz-animation-fill-mode: forwards;
    	-webkit-animation-fill-mode: forwards;
    	-o-animation-fill-mode: forwards;
    	
    }
	
		
}

.moveDown.visible {
	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	animation: moveDown 0.6s ease-in-out 0.2s backwards;
	opacity: 1;
}

@-webkit-keyframes moveDown {
	0% {
		-webkit-transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

@-moz-keyframes moveDown {
	0% {
		-moz-transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0px);
		opacity: 1;
	}
}

@-o-keyframes moveDown {
	0% {
		-o-transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		-o-transform: translateY(0px);
		opacity: 1;
	}
}

@-ms-keyframes moveDown {
	0% {
		-ms-transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		-ms-transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes moveDown {
	0% {
		transform: translateY(-40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.moveUp.visible {
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
	opacity: 1;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(40px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0px);
		opacity: 1;
	}
}

@-o-keyframes moveUp {
	0% {
		-o-transform: translateY(40px);
		opacity: 0;
	}
	100% {
		-o-transform: translateY(0px);
		opacity: 1;
	}
}

@-ms-keyframes moveUp {
	0% {
		-ms-transform: translateY(40px);
		opacity: 0;
	}
	100% {
		-ms-transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.moveRight.visible {
	-webkit-animation: moveRight 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveRight 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveRight 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveRight 0.6s ease-in-out 0.2s backwards;
	animation: moveRight 0.6s ease-in-out 0.2s backwards;
	opacity: 1;
}

@-webkit-keyframes moveRight {
	0% {
		-webkit-transform: translateX(40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes moveRight {
	0% {
		-moz-transform: translateX(40px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-o-keyframes moveRight {
	0% {
		-o-transform: translateX(40px);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0px);
		opacity: 1;
	}
}

@-ms-keyframes moveRight {
	0% {
		-ms-transform: translateX(40px);
		opacity: 0;
	}
	100% {
		-ms-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes moveRight {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.moveLeft.visible {
	-webkit-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveLeft 0.6s ease-in-out 0.2s backwards;
	animation: moveLeft 0.6s ease-in-out 0.2s backwards;
	opacity: 1;
}

@-webkit-keyframes moveLeft {
	0% {
		-webkit-transform: translateX(-40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes moveLeft {
	0% {
		-moz-transform: translateX(-40px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-o-keyframes moveLeft {
	0% {
		-o-transform: translateX(-40px);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0px);
		opacity: 1;
	}
}

@-ms-keyframes moveLeft {
	0% {
		-ms-transform: translateX(-40px);
		opacity: 0;
	}
	100% {
		-ms-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes moveLeft {
	0% {
		transform: translateX(-40px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}


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

@-webkit-keyframes roll {
	0% {
		-webkit-transform: translateX(500px) rotate(360deg);
	}
	100% {
		-webkit-transform: translateX(0px) rotate(0deg);
	}
}

@-moz-keyframes roll {
	0% {
		-moz-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes roll {
	0% {
		-o-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
}

@-ms-keyframes roll {
	0% {
		-ms-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-ms-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
}

@keyframes roll {
	0% {
		transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
}

.roll {
	-webkit-animation: roll 1s ease-out both, opacity 1s ease-out both;
	-moz-animation: roll 1s ease-out both, opacity 1s ease-out both;
	-o-animation: roll 1s ease-out both, opacity 1s ease-out both;
	-ms-animation: roll 1s ease-out both, opacity 1s ease-out both;
	animation: roll 1s ease-out both, opacity 1s ease-out both;
}


/* imposatzioni select */

#pgall select {
	background-image: url(/source/arr_down.png);
	background-repeat: no-repeat;
	background-position: 97.5% 50%;
}


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


/* elenchi puntati */

.lista-v {
	list-style-image: url(/source/ico-elenco.png);
	padding: 20px;
	padding-left: 35px;
	li {
		padding: 3px 0px 3px 0px;
		list-style-position: inside;
	}
}


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

.pulsante {
	&:link,
	&:active,
	&:visited,
	&:focus {
		text-align: center;
		display: block;
		line-height: 45px;
		color: #000;
		font-size: 15px;
		font-weight: bold;
		background-color: @giallo;
		width: 100%;
		max-width: 170px;
		text-transform: uppercase;
		margin: 0 auto;
		padding: 0 5px;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
	}
	
	&.bordato{
	    max-width: 240px;
	    border-left:8px solid @primary-color;
	
	}
	
	&:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: @primary-color;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: #FFF;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	img {
		margin: 0 6px;
	}
	
	.ico{
	    
	    margin-left:10px;
	
	}
	
}

.no-pad {
	padding: 0px;
}


/* newsletter */

#pgall #email_min {
	height: 50px;
	text-indent: 10px !important;
	color: #000;
	font-size: 16px;
	-webkit-appearance: none;
	outline: none;
	background-color: #FFF;
	&::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #000;
	}
	&::-moz-placeholder {
		/* Firefox 19+ */
		color: #000;
	}
	&:-ms-input-placeholder {
		/* IE 10+ */
		color: #000;
	}
	&:-moz-placeholder {
		/* Firefox 18- */
		color: #000;
	}
}

#pgall #button_email_min {
	border: none;
	height: 50px;
	-webkit-appearance: none;
	background: none;
	background-color: @primary-color-hover;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	width: 100%;
	&:hover {
		background-color: @primary-color;
	}
}

#wrapper_email_min {
	margin: 0 auto;
	max-width: 790px;
	width: 100%;
	
	
	@media (max-width: @screen-sm-max) {
		margin-left:auto;
	}
	.field_email_min {
		width: 57%;
		
		@media (max-width: @screen-xs-max) {
		    
		    width:100%;
		
		}
		
	}
	.field_button_min {
		width: 43%;
		
		@media (max-width: @screen-xs-max) {
		    
		    width:100%;
		    margin-top:10px;
		
		}
		
	}
	.link_email {
		font-size: 13px;
		color: #000 !important;
	}
	.newsletter_min_cont_privacy {
		margin-top: 10px;
		color: #000 !important;
		a {
			color: #000 !important;
		}
	}
}

#testo_privacy a:link,
#testo_privacy a:active,
#testo_privacy a:visited {
	color: #428bca !important;
}


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


/*slider top in css*/
//Qui inserisci il numero totale di foto che devono girare (deve corrispondere al numero di div che hai inserito)
@numFoto: 5;

//tempo di ritardo foto, ogni 
@delayFoto: 5;
@duration_cross_fading:5;
@total_animation: (@delayFoto + @duration_cross_fading)*@numFoto;

@totalDuration: unit((@numFoto * @delayFoto),s);

@step1: 0%;
@step2: (@delayFoto / @duration_cross_fading)*100%;
@step3: ((@delayFoto + @duration_cross_fading)/@total_animation)*100%;
@step4: 100%-((@duration_cross_fading/@total_animation)*100%);
@step5: 100%;

@keyframes slider-top {
  @{step1} {
    opacity:1;
  }
  @{step2} {
    opacity:1;
  }
  @{step3} {
    opacity:0;
  }
  @{step4} {
    opacity:0;
  }
  @{step5} {
    opacity:1;
  }
}
//le foto da utilizzare nello slider devono chiamarsi sf-index-numero.jpg
.setslider(@items, @delay) {
  .loopingClass(0); // Start loop
  
  .loopingClass(@index) when (@index <= @items) {
    &:nth-child(@{index}){
        animation-delay: unit((@index * @delay),s);
        background-image: url('/source/sf-index-@{index}.jpg');
        z-index:@numFoto - @index;
		
        @media(max-width:@screen-xs-max) {
            background-image: url('https://cmsmedia.titanka.com/NOME-DOMINIO//crp767x375-top-index-@{index}.jpg&o=5');
        }
    }

    .loopingClass(@index + 1); // Increment loop
  }
}

.slider-top{
    height:100%;
    position:absolute;
    left:0;
    right:0;
    div{
        -webkit-animation-name: slider-top;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: @totalDuration;  
        -moz-animation-name: slider-top;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: @totalDuration;
        -o-animation-name: slider-top;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: @totalDuration;
        animation-name: slider-top;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: @totalDuration;
        background-position:center top;
        background-repeat:no-repeat;
        background-size:cover;
        height:100%;
        position:absolute;
        top :0;
        left:0;
        right:0;
        .setslider(@numFoto,@delayFoto);
        }
    }

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


/* menu */


/* animazione icon menu */

.op_block {
	cursor: pointer;
	background-color:#F7F7F7;
	max-width:80px;
	color:#000;
	text-align:center;
	font-size:16px;
	height:90px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
	@media (max-width: @screen-sm-max) {
	    
	    height:auto;
	    font-size:10px;
	    margin:0 auto;
	}
	
	&.open{
	    
	    margin-top:9px;
	    
	    @media (max-width: @screen-sm-max) {
	        
	        margin-top:0;   
	    
	    }
	       
	}
	
}

.click {
	width: 35px;
	height: 40px;
	position: relative;
	margin: 0px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	
	@media (max-width: @screen-sm-max) {
	    
	    height:35px;
	    width:25px; 
	
	}
	
	span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #000;
		border-radius: 0px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		&:nth-of-type(1) {
			top: 12px;
		}
		&:nth-of-type(2),
		&:nth-of-type(3) {
			top: 20px;
		}
		&:nth-of-type(4) {
			top: 28px;
		}
	}
}

.click.open span {
	&:nth-of-type(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	&:nth-of-type(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	&:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	&:nth-of-type(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
}


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


/************ MENU SITO *****************/


.vedi-menu.slide-menu, ul.level1 ul.level2.slide-menu {
    opacity:1 !important;
    visibility:visible !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),-webkit-transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99);
    transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99);
    -webkit-transform: scale(1) translate3d(0,0,0);
    -ms-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    
}

.sf-sub-indicator {
    display: none;
}

    
ul.level1 {
            
            @media (max-width: @screen-sm-max) {
                
                padding:0 30px !important;
            
            }
            
            
            @media (min-width: @screen-md-min) {
            
           
            margin:0 auto;
            width: 100%;
            float:right !important;
            line-height:normal;
            max-width:290px;
            
           
            
            }
    
            
        li {
            
            
            @media (min-width: @screen-md-min) {
                
               
                float:none !important;
                display:block !important;
                position:static !important;
                padding-right:60px;
                
                
                
                
                ul.level2{
                    background-repeat:no-repeat;
                    background-position:center;
                    background-size:cover;
                    top:0;
                    bottom:0;
                    display: -ms-flexbox;
            		display: -webkit-flex;
            		display: flex;
            		align-content: center;
            		justify-content: center;
            		-webkit-justify-content: center;
            		-webkit-align-content: center;
            		flex-flow:column;
            		
            		 &:before{
                
                        position:absolute;
                        left:0;
                        top:0;
                        bottom:0;
                        right:0;
                        pointer-events:none;
                        content:'';
                        background-image:url('/source/ombra-menu.png');
                        background-repeat:repeat-y;
                        background-position:top left;
            
                    }
                    
                }
                
                /* greenvillage */
                
                &.button_e974a1a3546c_container ul.level2{ 
                
                    background-image:url('/source/sottomenu-colorholiday.jpg');
                
                }
                
                /* info */
                
                &.button_715e79f59b7a_container ul.level2{ 
                
                    background-image:url('/source/sottomenu-info.jpg');
                
                }
                
                &.button_4b15d156f83a_container ul.level2{ 
                
                    background-image:url('/source/sottomenu-contatti.jpg');
                
                }
                &.button_451b94ef6787_container ul.level2{ 
                
                    background-image:url('/source/sottomenu-gallery.jpg');
                
                }
                
                
            }
            
            @media (max-width: @screen-sm-max) {
                width:100%;
            }
            
    	    &.sfHover>a, &.cmsCurrentPageContainerLevel_1>a, a:hover,a.cmsCurrentPage{
            
                
				color:@primary-color;
    			
            
            }
    			
    		&:last-child {
    		   
    		
    		}
    		
    	
    		
    		
    		a {
    		    
    			position: relative;
    			z-index: 5;
    			font-size: 18px;
    			color: #000;
    			font-weight:bold;
    			padding: 12px 10px;
    			padding-right:35px;
    			background-repeat:no-repeat;
    			background-position:50% 85%;
    			text-align:right;
    			letter-spacing:1px;
    			display:block;
    			border-bottom:1px solid rgba(0,0,0,.1);
    			text-transform:uppercase;
    			text-align:right;
                
    			
    		
    			
    			@media (max-width: @screen-md-max) {
    			   
    			}
    			
    			@media (max-width: @screen-sm-max) {
        			    width: 100%;
                        background-position:95% 50%;
                        text-align: left !important;
        		}
        		
        		@media (max-width: @screen-xs-max) {
                        
                        padding: 6px 10px;
                        padding-right:35px;
                        text-align: left !important;
                        
                        
        		}
        		
        		.ico, .cms-icon-angle-arrow-down{
        		    
        		    position:absolute;
        		    right:0;
        		    top:0;
        		    bottom:0;
        		    margin:auto;
        		    height:18px;
        		    
        		 
        		 }
    			
    			 .cms-icon-angle-arrow-down{
    			    
    			    vertical-align:middle;
    			    font-family:inherit !important;
    			    
    			    &:before{
    			    
    			        content:'+';
    			        font-size:18px;
    			        font-weight:bold;
    			    
    			    }
    			 
    			 }
    		    
    				
    			&.sf-with-ul{
    				
    				@media (max-width: @screen-sm-max) {
    				    background-position: 95% 50%;
    				    }
    			}
    			
    			
    			
    			
    				
        			

    		}
    		
    		ul.level2 {
                position: absolute;
                z-index: 999;
                margin: 0px;
                padding: 0;
                left:100%;
                width:200%;
                
                
                
                
                
                @media (max-width: @screen-sm-max) {
                    
                    
                    padding:0;
                    display:block;
                    z-index:90;
                    -webkit-backface-visibility: hidden;
                    background-color:#f7f7f7;
                    width:100%;
                    max-width:1920px;
                    top: -10px;
                    left:0;
                    right:0;
                    bottom:0;
                    margin:0 auto;
                    position: fixed;
                    box-sizing: content-box;
                    -webkit-overflow-scrolling: touch;
                    -webkit-transform: scale(1.5) translate3d(0,0,0);
                    -ms-transform: scale(1.5) translate3d(0,0,0);
                    transform: scale(1.5) translate3d(0,0,0);
                    -webkit-transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),-webkit-transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99),visibility 0s linear 0.1s;
                    transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99),visibility 0s linear 0.1s;
                    overflow-y:auto;
                    opacity:0 !important;
                    visibility:hidden !important;
                    
                
                }
                
                    
                    li {
                        
                        position: relative;
                        z-index: 9999;
                        line-height:normal;
                        display:block;
                        padding: 0px 5px;
                        text-align: center;
                        margin: 0;
                        float: none;
						
						&:last-child{
                            
							a{border:none;}
                            
                        }

                        @media (max-width: @screen-sm-max) {
                            width: 100%;
                            margin: 0px;
                            border: none;
                            padding: 0;
                            text-align:left;
                        }

                        &:hover,&.sfHover, a:hover, a:active, a:focus{
                            outline: 0 !important;
                        }
                        
                        a{
                            color: #fff;
                            font-size:23px;
                            width: 100%;
                            margin: 0px;
                            padding-left:60px;
                            text-align:left;
                            display:block;
                            border:none;
                            
                            
                            &.cmsCurrentPage, &:hover{
                                
                                text-decoration:underline;
                            }
                            
                            @media (max-width: @screen-sm-max) {
                                
                                padding: 10px 25px;
                                font-size:18px;
                                color: #000;
                                width: 100%;
                                display: block;
                                width: 100%;
                                border: none;
                                margin-right: 0;
                                margin-left: 0;
                                float: none;
                            }
                        }

                        &:first-child {
                            
                            display: none !important;
                            
                            @media (max-width: @screen-sm-max) {
                                
                                display:block !important;
                                
                                a{
                                    text-align: left;
                                    background: none;
                                    padding: 10px 25px;
                                    background-color:@primary-color-hover;
                                    color:#fff;
                                    
                                    .icon-freccia{
                                        
                                         -moz-transform: rotate(180deg);
                                        -webkit-transform: rotate(180deg);
                                        -o-transform: rotate(180deg);
                                        -ms-transform: rotate(180deg);
                                        transform: rotate(180deg);
                                    
                                    }
                                    
                                    img{
                                    
                                        margin-top:-2px;
                                    
                                    }
                                    
                                }
                            }
                        }
                        
                        &:last-child {
                            
                            border: none;
                            
                        }
                    }
	
            }
    		
    		
        }
    
}




ul.level1.link-menu-top{
    @media (min-width: @screen-sm-max) {
        float: none !important;
    }
    max-width: 100%;
    
    &.level1{
        li{
            &.submenu-container{
                padding: 0px 7px;
                border-right: 1px solid #eee;
                & > a{
                    padding-top: 34px;
                    padding-bottom: 34px;
                    border-bottom: 0;
                    text-align:left;
                    padding-right: 30px;
                    .cms-icon-angle-arrow-down{
                        right: 15px;
                    }
                }
                
                .submenu{
                    left:0;
                    display: block;
                    top: auto;
                    bottom: auto;
                }
                /*lista hotels*/
                .lista-struttura{
                    background:#fff;
                    width: 100%;
                    &:before{
                        display: none;
                    }
                    
                    li{
                        padding: 0;
                            a{
                            color: #222; 
                            font-size: 18px;
                            padding: 15px;
                            
                            &:hover{
                                color: @primary-color;
                                text-decoration: none;
                            }
                        }
                    }                     
                    
                }
            }
        }
    }
}



 //per il menu da tablet a mobile
    
    .vedi-menu{
    
                         
            display:block;
            background-image:url('/source/sf-menu.jpg');
            background-repeat:no-repeat;
            background-position:center;
            background-color:#fff;
            z-index:89;
            -webkit-backface-visibility: hidden;
            width:100%;
            max-width:1920px;
            top: 0px;
            left:0;
            right:0;
            bottom:0;
            margin:0 auto;
            position: fixed;
            box-sizing: content-box;
            -webkit-overflow-scrolling: touch;
            -webkit-transform: scale(1.5) translate3d(0,0,0);
            -ms-transform: scale(1.5) translate3d(0,0,0);
            transform: scale(1.5) translate3d(0,0,0);
            -webkit-transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),-webkit-transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99),visibility 0s linear 0.3s;
            transition: opacity 0.3s cubic-bezier(0.975,0.015,0.46,0.99),transform 0.3s cubic-bezier(0.975,0.015,0.46,0.99),visibility 0s linear 0.3s;
            overflow-y:auto;
            visibility:hidden;
            opacity:0;
            
            @media (max-width: @screen-md-max) {
                
                background-position:center;
            
            }
            
            @media (max-width: @screen-sm-max) {
                
                top:50px;
                background:none;
                width:60%;
                padding-top:20px;
                right:auto;
                overflow:hidden;
                background-color:#f7f7f7;
                   
            }
            
            @media (max-width: @screen-xs-max) {
                
                width:100%;
                padding-top:10px;
                
                   
            }
            
            &:before{
                
                width:66.66666%;
                position:absolute;
                left:33.33333333%;
                top:0;
                bottom:0;
                right:0;
                pointer-events:none;
                content:'';
                background-image:url('/source/ombra-menu.png');
                background-repeat:repeat-y;
                background-position:top left;
                
                @media (max-width: @screen-sm-max) {
                    
                    display:none !important;
                
                }
            
            }
            
            &:after{
                
                
                position:absolute;
                height:9px;
                left:0;
                top:0;
                right:0;
                z-index:92;
                pointer-events:none;
                content:'';
                background-image:url('/source/linea-colorata.png');
                background-repeat:repeat-y;
                background-size:contain;
                background-position:center top;
                
                @media (max-width: @screen-sm-max) {
                    
                    display:none !important;
                
                }
            
            }

    .link-ospitalita{
        position: relative!important;
        top: auto!important;
        text-align: center!important;
    }
         
        
    }

.menu-fix{
    
        ul.level1 {
        
        
        
            li {
        
                &.sfHover>a, &.cmsCurrentPageContainerLevel_1>a, a:hover,a.cmsCurrentPage{
                    
                }
        
                a {
                    
                   
                    
                    @media (max-width: @screen-md-max) {
						
                    }
        
        
        
                    &.sf-with-ul{
            
                    }
        
                }
            }
        
        }

}



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


/* stile tab a fisarmonica */

.slider-titolo {
	cursor: pointer;
	background-color: #fff;
	border-radius: 6px;
	color: @primary-color;
	font-weight: bold;
	padding: 30px 40px;
	margin-top: 20px;
	font-size:40px;
	line-height:43px;
	border-bottom:2px solid #f7f7f7;
	position:relative;
	
	@media (max-width: @screen-xs-max) {
	    
	    padding:20px;
	    font-size:22px;
	    line-height:25px;
	
	}
	
	&:after{
	
	       content: "\e935";
	       font-size:25px;
	       color:#B4B4B4;
	       height:25px;
	       position:absolute;
	       top:0;
	       bottom:0;
	       right:40px;
	       margin:auto;
	       
	       @media (max-width: @screen-xs-max) {
	       
	        font-size:15px;
	        height:15px;
	        right:15px;
	       
	       }
	   
	}
	
	&.opened {
	
	}
}

.slider-corpo {
	display: none;
	background-color: #fff;
	padding: 25px 40px;
	padding-top:0;
	
	@media (max-width: @screen-xs-max) {
	    
	    padding-right:20px;
	    padding-left:20px;
	    padding-bottom:20px;
	   
	}
	
	h4{
	    
	    font-weight:bold;
	    margin:10px 0;
	    margin-top:15px;
	   
	 }

}


/* ********* listato gallery  ******* */

ul.list_fotogallery {
	padding: 0;
	.list_fotogallery_item {
		float: left;
		list-style-type: none;
		width: 16.6%;
		img {
			margin: 5px 0px;
		}
		a {
			font-weight: bold;
			color: #1F9ED8;
			&:hover {
				color: #FF6774
			}
		}
	}
}


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

.barra-desktop {
	display: none;
	margin: 0 auto;
	left: 0;
	top: 0;
	right: 0;
	z-index: 999;
	position: fixed;
}

.barra-mobile {
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0;
	z-index: 800;
	position: fixed;
}


/*mesi*/

.li_mesi,
.li_contenuti {
	color: #333 !important;
}


/* gallery photoswipe */

.bo_gallery_photoswipe figure {
	text-align: center;
	position: relative;
	cursor: pointer;
	width: 20%;
	@media (max-width: @screen-sm-max) {
		width: 33.3333333%;
	}
	@media (max-width: @screen-xs-max) {
		width: 50%;
	}
	img {
		max-width: 100%;
		padding: 5px;
	}
}


/* ********** stile lingue ***************** */

.so_languageLinks{
    .tendina-lingue {

    	font-size: 18px;
    	cursor: pointer;
    	padding: 0px 5px;
    	line-height: 50px;
    	text-align: right;
    	width:100%;
    	padding-right:60px;
    	text-transform:uppercase;
    	font-weight:bold;
    	letter-spacing:1px;
    	
    	@media (max-width: @screen-sm-max) {
    	
    		border:none;
    		padding-top: 0;
    		padding-left:30px;
    		text-align:left !important
    	
    	}
    	
    	img {
    		margin: 0 4px;
    		margin-top: -3px;
    	}
    	
    	.cms-icon-angle-arrow-down{font-size:8px !important;}
    	
    	#select_lingue {
    	    
    		line-height: 16px;
    		font-size: 15px;
    		width: 100%;
    		margin: 0 auto;
    		top: 50px;
    		width: 100px;
    		max-width: 100%;
    		right: 0;
    		z-index: 9;
    		position: absolute;
    		left: 0;
    		@media (max-width: @screen-sm-max) {
    		
    		    max-width:100px;
    		    right:100px;
    		
    		}
    		
    	/*	 @media (max-width: @screen-xs-max) {
    		
    		    max-width:100px;
    		    left:250px;
    		
    		}*/
    		.item_lingue {
    			text-align: center;
    			a {
    				padding: 5px 0;
    				background-color: @primary-color;
    				color: #fff;
    				display: block;
    				text-transform:lowercase;
    				
    				&:hover {
    				
    					background-color: @primary-color-hover;
    				
    				}
    				
    			}
    		}
    	}
    }

}
/***************************/


/* css elenco offerte */


.elenco-offerte {
   
   margin-top:35px;
   
   
    .offer-background-primary-color{
        
        background-color:@primary-color;
    
    }
    
    .offer-section{
        
        display:none;
    
    }
    
    .offer_list{
        
        .offer{
            
                margin-bottom:35px;
                
                @media (min-width: @screen-lg-min) {
                
                    padding:0 15px;
                
                }
                
                @media (max-width: @screen-xs-max) {
                    
                    margin-bottom:20px;
                
                }
                
            
            .img_container{
                
                .offer-label{
                    
                    background-color:@primary-color !important;
                    font-weight:lighter;
                    
                    &:after{
                        
                        border-top-color:#555 !important;
                        
                    }
                
                }
                
            }
            
            .testi_container{
                
                background-color:#FFF !important;
                font-size:16px;
                
                .grey{
                    color: #ccc;
                    margin: 10px 0 5px;
                }
                .testi_container_inner{
                    
                    padding:0 15px 15px 20px;
                    
                    @media (max-width: @screen-xs-max) {
                        
                        padding:0 10px 10px 10px;
                    
                    }
                
                }
            
            }
        
        
            a.title{
                
                color:@text-color;
                font-size:18px;
                line-height:21px;
                
                
                &:hover{
                    
                    color:@primary-color;
                
                }
             
            }
            
            .subtitle{
                
                color:#000;
                
                @media (max-width: @screen-xs-max) {
                    
                    line-height:18px;
                
                }
            
            }
            
            .validity{
                
                color:#ccc;
                font-weight:normal;
            
            }
            
            
            .list_price{
                
                border:none;
                color:#555;
                letter-spacing:1px;
            
            }
            
            .offer-button{
            
                background-color:@giallo;
                color:#3F3F3F;
                
                
                .cms-icon{
                    
                    font-size:14px;
                    
                }
                
                &:hover{
                
                    background-color:@primary-color-hover;
                    color:#fff;
                
                }
            
            }
            
            &.blocchetto_prezzo .offerta-prezzo-cont{
            
                font-size:13px;
                
                .offerta-prezzo{
                    
                    font-size:25px;
                    line-height:27px;
                    color:@primary-color;
                    font-weight:bold;
                    
                    &.offerta-prezzo-barrato{
                        
                        color:#000;
                        font-size:13px;
                        font-weight:normal;
                    
                    }
                    
                }
            
            }
            
        }
    
    }
       
}


/* css dettaglio offerte/eventi */


/* css dettaglio offerte/eventi */


.dett_offerte {

    max-width:1430px;
    margin:0 auto;
    margin-bottom:25px;
    
    #ContContatti{
        
        padding:25px 15px;
        BACKGROUND-COLOR:#E9EAEB;
    
    }
   
    h1{
    
        font-size: 30px;
    	line-height: 32px;
    	padding:0 10px;
    	font-weight:bold;
    	padding-left:0;
    	margin-bottom:15px;
    	
    	&:after{
    	    
    	    display:none;
    	
    	}
    	
    	@media (max-width: @screen-md-max) {
    		
        	
    		
    	}
    	@media (max-width: @screen-sm-max) {
    	
    	    font-size: 26px;
    	    line-height: 28px;
    	
    	}
    	@media (max-width: @screen-xs-max) {
    		
    		font-size: 21px;
    		line-height: 23px;
    		
    	}
	
	img{
	    
	    margin-right:15px;
	    margin-top:-2px;
	    
	    @media (max-width: @screen-xs-max) {
		
		    margin-right:6px;
		
	    }
	
	}
    }
   
    .sottotitolo {
        
        line-height: 24px;
        font-size: 22px;
        padding: 10px 0;
        padding-bottom: 25px;
        
        @media (max-width: @screen-sm-max) {
            
            line-height: 21px;
            font-size: 20px;
        }
    }
    

    .etichetta-prezzo {
        
        font-size: 15px;
    
    }
    
    .pulsante{
    
        color:#fff !important;
        margin-top:25px;
    
    }


    .social_bar {
        margin-top: 20px;
    }
    
    .testo-off{
        
        @media (max-width: @screen-sm-max) {
            
             padding-top:20px;
        }
    
    }
    
    
    
}

/* stile generale super offerte */

.offer-component {
	.offer-label {
		background: @primary-color!important;
		color: #fff !important;
		font-family:@averia;
		font-weight:normal;
	}
	.offer-label:after {
		border-top-color: #000 !important;
	}
}


/* css listato super offerte */

.offer_list {
	.offer {
		.box-offerta {
			background-color: @text-color;
			color: #fff;
			font-size: 13px;
			line-height: 15px;
			margin: 10px 0;
			.img_container {
				padding-right: 0;
				img {
					@media (max-width: @screen-xs-max) {
						min-height:1px;
						max-width: 100%;
					}
				}
			}
			.cont-img {
				.offer-label {
					font-weight: 500;
					font-size: 16px;
					&:after {
						display: none;
					}
				}
			}
			.testi_container {
				padding: 15px 10px;
				@media (max-width: @screen-md-max) {
					padding:10px 5px;
				}
				.title {
					color: #fff;
					font-size: 15px;
					line-height: 17px;
					min-height: 50px;
					display: block;
					font-weight: 500;
					padding-top: 0;
					&:hover {
						color: @primary-color-hover;
					}
				}
				.sottotitolo {
					margin: 10px 0;
				}
				.condizioni {
					text-transform: uppercase;
					font-size: 11px;
					@media (max-width: @screen-xs-max) {
						margin-top:10px;
					}
					.prezzo,
					.offerta-prezzo {
						font-size: 15px;
						line-height: 17px;
					}
				}
				.ico-sezione {
					margin-top: 5px;
					span {
						font-size: 23px;
					}
				}
				.pulsante {
					background-color: @primary-color;
					font-size: 14px;
					max-width: 100px;
					margin-top: 10px;
					margin-left: 0;
					line-height: 30px;
					font-size: 13px;
					@media (max-width: @screen-md-max) {
						letter-spacing:1px;
						font-size: 12px;
					}
					&:before {
						background-color: @primary-color-hover;
					}
				}
				.soldout_message {
					border: 1px solid @primary-color;
					background-color: transparent;
					.message_title {
						font-weight: normal;
					}
					.message_text {
						color: inherit;
					}
				}
			}
		}
	}
}


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


/* dettaglio super offerte */

.offer_detail.offer-component {
	
	
	.strengths ul li{
	    
	    font-size:15px;
	    color:@primary-color !important;
	    border-color:@primary-color;
	
	}
	
	.reviews{
	
	    .baloon{
	        
	        font-size:15px;
	    
	    }
	   
	}
	
	
	
	#mobile-gallery{
	   
	     img{
		    
		        margin:0 auto !important;
		       
		    }
	
	}
	
	
	.col-dx {
		@media (max-width: @screen-sm-max) {
			padding-left:5px;
			margin-top: 15px;
		}
		.sharer {
			font-weight: 500;
			line-height: 40px;
			.cms-icon {
				vertical-align: middle;
			}
		}
		#image_gallery {
		    
		   
		    
			.slick-arrow {
				padding: 20px;
				&.slick-prev {
					
				}
				&.slick-next {
					
				}
			}
		}
	}
	.col-sx {
		@media (max-width: @screen-sm-max) {
			padding-right:5px;
		}
		h1 {
			margin-top: 0;
			padding-left: 0;
			font-weight: normal;
			font-family:@averia;
			color:@primary-color;
			text-transform:none;
			
			
			@media (max-width: @screen-md-max) {
        		font-size: 36px;
        		line-height: 38px;
	        }
	
	
        	@media (max-width: @screen-sm-max) {
        		font-size: 33px;
        		line-height: 36px;
        	}
        	@media (max-width: @screen-xs-max) {
        		
        		    font-size: 24px;
        		    line-height: 26px;
        		
        	}
		}
		
		
		.subtitle{
		    
		    text-transform:uppercase;
		    margin:15px 0;
		
		}
		
		.offer_header {
			.validity {
				font-weight: 500;
			}
		}
		.offer-primary-color {
			color: @primary-color;
		}
		.periods {
		    
		    .period_head{
		        
		        background-color:#fff;
		    
		    }
		    
			.item_value,
			.item_title {
				font-weight: 500;
				font-size: 15px;
			}
			.item.featured {
				border-color: @primary-color!important;
			}
			.period_foot {
				.btn {
					font-weight: 500;
					background-color: @giallo;
					color: #000!important;
					font-weight:bold;
					text-transform:uppercase;
					-webkit-transition: all 400ms ease;
					-moz-transition: all 400ms ease;
					-ms-transition: all 400ms ease;
					-o-transition: all 400ms ease;
					transition: all 400ms ease;
					border-radius: 0 !important;
					outline: none !important;
					border: none !important;
					&:hover {
						background: @primary-color!important;
						color:#fff !important;
						
						.cms-icon{
					
					        &:before{color:#fff;}
					   
					    }
						
					}
					
					.cms-icon{
					
					    &:before{color:#000;}
					   
					}
					
				}
			}
		}
		.offer-background-primary-color {
			background-color: @primary-color;
		}
		h3 {
			font-weight: bold;
		}
		.offer-border-color {
			border-color: #D7D7D7!important;
		}
		.offer-label {
			background: #F07C00!important;
			color: #FFF!important;
		}
		.offer-label:after {
			border-top-color: #C66A00!important;
		}
		.soldout_message {
			border: 1px solid @text-color;
			background-color: @primary-color;
			margin: 5px 0;
			.message_title {
				font-weight: normal;
			}
			.message_text {
				color: inherit;
			}
		}
		.whats_included:after {
			background: transparent !important;
		}
		#bt_require_offer_target {
			@media (max-width: @screen-xs-max) {
				margin-top:30px;
			}
		}
	}
}


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


/* SLICK SLIDER */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	margin-bottom: 0;
	.slick-list {
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
		&:focus {
			outline: none;
		}
		&.dragging {
			cursor: pointer;
			cursor: hand;
		}
		-webkit-transform: translate3d(0,
		0,
		0);
		-moz-transform: translate3d(0,
		0,
		0);
		-ms-transform: translate3d(0,
		0,
		0);
		-o-transform: translate3d(0,
		0,
		0);
		transform: translate3d(0,
		0,
		0);
		.slick-track {
			position: relative;
			left: 0;
			top: 0;
			display: block;
			margin: 0 auto;
			zoom: 1;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			&:before,
			&:after {
				content: "";
				display: table;
			}
			&:after {
				clear: both;
			}
			.slick-slide {
				float: left;
				height: 100%;
				min-height: 1px;
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				-o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				img {
					display: block;
				}
				&.slick-loading img {
					display: none;
				}
				&.dragging img {
					pointer-events: none;
				}
			}
		}
	}
	.slick-loading .slick-list {
		/*background: white url("https://admin.abc.sm/cms/js_lib/jquery/effects/slick-slider/img/ajax-loader.gif") center center no-repeat;*/
		.slick-loading .slick-track {
			visibility: hidden;
			.slick-loading .slick-slide {
				visibility: hidden;
			}
		}
	}
	.slick-initialized .slick-slide {
		display: block;
	}
	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}
	/* Icons */
	/*@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
    /* Arrows */
	.slick-prev,
	.slick-next {
		position: absolute;
		display: block;
		height: 30px;
		line-height:30px;
		width: 40px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 50%;
		margin-top: -7px;
		padding: 0;
		border: none;
		outline: none;
		background-repeat: no-repeat;
		background-position: center;
		z-index:5;
		
		
		&:hover,
		&:focus {
			outline: none;
		}
		&:hover:before,
		&:focus:before,
		&:hover:before,
		&:focus:before {
			opacity: 1;
		}
		&.slick-disabled:before,
		&.slick-disabled:before {
			
		}
		&:before,
		&:before {
			
			font-size: 20px;
			line-height: 1;
			color: rgba(17,17,17,.8);
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}
	.slick-prev {
		
		left: 0;
		&:before {
			content: "\e937";
			transform: rotate(180deg);
		}
	}
	.slick-next {
		right: 0;
		
		&:before {
			content: "\e937";
		}
	}
	/* Dots */
	.slick-dots {
		position: relative;
		list-style: none;
		display: block;
		text-align: center;
		padding: 0;
		width: 100%;
		z-index: 10;
		margin-top: 25px;
		@media (max-width: @screen-xs-max) {}
		li {
			position: relative;
			display: inline-block;
			height: 8px !important;
			margin: 0 5px;
			padding: 0;
			cursor: pointer;
			button {
				border: 0;
				background-color: #ccc;
				border-radius:50%;
				display: block;
				height: 8px !important;
				width: 8px !important;
				padding: 0;
				outline: none;
				line-height: 0;
				font-size: 0;
				color: transparent;
				cursor: pointer;
				&:hover,
				&:focus {
					outline: none;
					background-color: @primary-color;
				}
				&:after,
				&:before {
					display: none;
				}
			}
			&.slick-active button {
				outline: none;
				background-color: @primary-color;
			}
			&:after,
			&:before {
				display: none;
			}
		}
	}
	[dir="rtl"] .slick-next {
		right: auto;
		left: -25px;
		&:before {
			content: " ";
		}
	}
	[dir="rtl"] .slick-prev {
		right: -25px;
		left: auto;
		&:before {
			content: " ";
		}
	}
	[dir="rtl"] .slick-slide {
		float: right;
	}
}

.freccia-none {
	opacity: 0;
	pointer-events: none;
}


/* contenuti dinamici scorrevoli */

.offerte-scorrevoli {
    
    .layout-1.righe{
    
        .offer{
        
            margin-bottom:0;
            display:block;
        
            .bordered{
                
                margin:5px;
                padding:25px;
                background-color:#fff;
                
                @media (max-width: @screen-md-max) {padding:10px;}
                
                @media (max-width: @screen-sm-max) {padding:15px;}
                
                @media (max-width: @screen-xs-max) {
                    
                    padding:10px;
                    margin:0 10px;
                
                }
                
                .flex{
                    
                    flex-flow:nowrap;
                
                }
                
                .max-wdt{
                    
                    position:relative;
                    
                    @media (max-width: @screen-xs-max) {
                        
                        max-width:450px;
                        margin:0 auto;
                    
                    }
                    
                    .img_container{
                        
                        
                        height:auto !important;
                        padding:0px;
                        padding-bottom:0;
                        
                        @media (max-width: @screen-xs-max) {
                            
                            width:100%;
                        }
    
                        
                        img{
                        
                            min-height:1px !important;
                            max-width:100% !important;
                            z-index:2;
                            position:relative;
                        }
                        
                        
                        .sezione{
                            
                            width:100%;
                            line-height:25px;
                            text-align:center;
                            background-color:#DDC8A2;
                            color:#fff;
                            letter-spacing:1px;
                            z-index:3;
                            text-align:center;
                            text-transform:uppercase;
                            font-size:13px;
                            font-weight:bold;
                            margin:0 auto;
                            padding:0 12px;
                            
                        }
                        
                    
                    }
                    
                    
                    .cont-pulsante{
                       
                        @media (max-width: @screen-sm-max) {position:initial !important;}
                       
                         .pulsante{
                                
                                margin-top:20px;
                                letter-spacing:1px;
                                text-transform:none;
                                
                                .ico{
                                    
                                    position:absolute;
                                    right:10px;
                                    top:0;
                                    bottom:0;
                                    margin:auto;
                                    height:16px;
                                
                                }
                                
                                
                                @media (max-width: @screen-sm-max) {
                                    
                                    height:65px;
                                    line-height:65px;
                                    font-size:0;
                                    max-width:36px;
                                    position:absolute;
                                    right:20px;
                                    bottom:0;
                                    top:0;
                                    margin:auto;
                                    
                                    @media (max-width: @screen-xs-max) {right:0px;}
                                    
                                    .ico{
                                        
                                        display:block;
                                        font-size:15px;
                                        margin-leFt:0;
                                        RIGHT:0;
                                        LEFT:0;
                                        
                                        
                                    
                                    }
                                        
                                }
                            
                        }
                        
                    }
                        
                    
                    
                    .cont-offerta{font-size:14px;padding-left:30px;position:relative;color:#000;
                
                                    @media (max-width: @screen-md-max) {
                                        
                                    
                                    }
                                    
                                    @media (max-width: @screen-sm-max) {
                                        
                                        padding-bottom:15px;
                                    
                                    }
                                    
                                    @media (max-width: @screen-xs-max) {
                                        
                                        padding:15px 0;
                                    
                                    }
                    
                        h3{
                            
                            &.titolo{
                                
                                font-size:18px;
                                line-height:20px;
                                font-weight:bold;
                                min-height:35px;
                                margin:0 auto;
                                margin-bottom:10px;
                                    
                                    @media (max-width: @screen-md-max) {
                                    
                                    
                                    }
                                    
                                    @media (max-width: @screen-sm-max) {
                                        min-height:1px;
                                    }
                                    
                                    @media (max-width: @screen-xs-max) {
                                        
                                    
                                    }
                                    
                                    a{
                                        
                                        color:#000;
                                        
                                        &:hover{
                                            
                                            color:@primary-color-hover;
                                        
                                        }
                                    }
                            }
                        
                        }
                        
                        
                        .sottotitolo{
                                
                                margin:10px auto;
                                min-height:40px;
                                margin-bottom:20px;
                                font-size:18px;
                                
                            
                                @media (max-width: @screen-sm-max) {
                                    
                                }
                        
                        }
                        
                       
                        .condizioni{
                            
                            
                            @media (max-width: @screen-md-max) {
                            
                            
                            }
                            
                            @media (max-width: @screen-sm-max) {
                            
                                padding-right:15px;
                                text-align:right;
                            
                            }
                            
                            @media (max-width: @screen-xs-max) {
                            
                            
                            }
                            
                        
                            .offerta-prezzo{font-size:25px;line-height:28px;display:block;color:@primary-color;font-weight:bold;letter-spacing:1px;}
                            
                            .offerta-prezzo-barrato{font-size:14px;line-height:15px;font-weight:normal;text-decoration: line-through;}
                            
                        
                        }
                
                
                    }
            		
            	    
                    
                }
            
            
            }
            
        }
    
    
    }
    
    
    .slick-prev, .slick-next{
        
        top:-45px;
        bottom:auto;
        margin-top:0;
        
        @media (max-width: @screen-md-max) {
        
        }
        
        @media (max-width: @screen-sm-max) {
        
        }
        
        @media (max-width: @screen-xs-max) {
        
        }
        
    
    }
    
    .slick-prev{
        
        left:50%;
        margin-left:-40px;
    
    }
    
    .slick-next{
        
        right:50%;
        margin-right:-40px;
    
    }
    
    
}

/* ***** Commenti ********* */

.elenco-commenti {
	.flt_left {
		@media (max-width: @screen-xs-max) {
			float:none;
		}
	}
	.logo {
		@media (max-width: @screen-xs-max) {
			float:none;
		
		}
		img {
			margin-right: 8px;
		}
	}
	
	.descrizione-commento{
	
	    margin-bottom:20px;
	   
	}
	
	.commenti {
		margin: 10px 0;
		padding: 35px 10px;
		border-bottom: @primary-color 1px solid;
		@media (max-width: @screen-xs-max) {
			padding:20px 10px;
		}
		a {
			display: inline-block;
			
		}
		.dati {
			color: #000;
			font-size: 16px;
			padding-left: 5px;
		
		}
		.tit-commento {
			font-size: 25px;
			line-height: 27px;
			padding-top: 6px;
			color:@primary-color;
			
		
		}
		.data {
			@media (max-width: @screen-xs-max) {
				text-align:left;
				margin-top: 15px;
			}
		}
		.txt {
			margin-top: 15px;
			
		}
	}
}


/* slider commenti */

.slide-commenti {
	.cont-commenti {
		padding: 25px 10px;
		color: #333;
		font-size: 18px;
		@media (max-width: @screen-sm-max) {
			text-align:center;
			padding: 25px 5px;
		}
		
		.box-logo{
		    
		    margin-bottom:20px;
		       
		    img{
		    
		        margin:0 auto;
		       
		    }  
		 
		 }
		 
		 .cliente{
		    
		    margin:20px 0;
		    font-size:30px;
		    line-height:32px;
		    color:#B7BBBD;
		  
		  }
		  
		  .read_comment{
		    
		    &:hover{
		    
		        color:@primary-color;
		   
		   }
		  
		  }
		  
		  .txt{
		  
		        max-width:390px;
		        margin:0 auto;
		        padding-bottom:30px;
		  
		  }
		  
		
		
		.titolo-commenti,
		#modalComments.modal-title {
			font-size: 20px;
			line-height: 22px;
			margin-bottom: 20px;
			font-weight: bold;
			@media (max-width: @screen-sm-max) {
				min-height:40px;
			}
			@media (max-width: @screen-xs-max) {}
			a {
				color: #333;
				&:hover {
					color: @primary-color;
				}
			}
		}
		.dettagli {
			margin-top: 35px;
			@media (max-width: @screen-sm-max) {
				text-align:center;
			}
			.cont-logo {
				@media (max-width: @screen-sm-max) {
					margin-top:10px;
				}
				img {
					display: inline !important;
				}
			}
			.text-right {
				@media (max-width: @screen-xs-max) {
					margin-top:10px;
					text-align: center;
				}
			}
			.cliente {
				color: #37B997;
			}
		}
	}
}

#modalComments.modal-title {
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
}


/* calendari booking */

#tka-ui-datepicker-div{
    
    left:auto !important;
    right:0 !important;

}

#ui-datepicker-div {
	border: none;
	background-color: @primary-color;
	padding: 20px;
	color: #fff;
	font-size: 18px;
	-moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
	z-index: 2 !important;
}

.ui-datepicker-calendar tbody tr td a.ui-state-hover,
.ui-datepicker-calendar .dp-highlight .ui-state-default {
	background: @primary-color-hover;
}

.ui-widget-content {
	background: @primary-color !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: @primary-color !important;
	font-weight: lighter !important;
	color: #fff !important;
	border: none !important;
	text-align: center !important;
}

.TitankaCommonObjects .ui-widget-content,
.TitankaCommonObjects .ui-widget-header {
	color: #fff !important;
}

.TitankaCommonObjects .ui-datepicker-multi .ui-datepicker-group {
	border-right: none;
}

.ui-datepicker-calendar thead tr th,
.TitankaCommonObjects .ui-datepicker-calendar thead tr th {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.ui-widget-header {
	background: none !important;
	border: none !important;
}

.ui-datepicker-group-first {
	border-right: #fff 1px solid;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .2 !important;
}

.ui-widget-header .ui-icon {
	background-image: url(/source/ui-icons_b7985b_256x240.png) !important;
	cursor: pointer;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none !important;
	background: none !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px !important;
}

.dp-highlight-begin a.ui-state-active,
.ui-datepicker-calendar tbody tr td a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td.dp-highlight-begin a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td.dp-highlight-begin a.ui-state-active,
.ui-datepicker-calendar tbody tr td a.ui-state-active {
	background-color: @primary-color-hover !important;
}


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

.hideme,
.moveUp,
.moveDown,
.moveRight,
.moveLeft {
	@media (min-width: @screen-md-min) {
		opacity: 0;
	}
}


/************ CSS PER LISTINI LITE *************/

.listino {
	font-size: 15px !important;
	margin-bottom: 35px;
	.header {
		background-color: #234944 !important;
		color: #FFFFFF !important;
	}
	tr {
		&.row_products_even {
			background-color: #577A6D !important;
			color: #FFFFFF !important;
			select {
				color: #333 !important;
			}
		}
	}
	.wrapper_select_date {
		background-color: #f8f8f8 !important;
		border-color: #f8f8f8 !important;
		input[type="text"] {
			line-height: 33px !important;
			padding: 0 15px 0 0 !important;
			min-width: 200px !important;
			text-indent: 8px !important;
			background: none !important;
			background-color: #FFFFFF !important;
			border-radius: 4px !important;
			border: 1px solid #234944 !important;
			font-size: 15px !important;
		}
	}
	td {
		font-size: 15px !important;
	}
	input[type=button] {
		background: none !important;
		background-color: #577A6D !important;
		line-height: 33px !important;
		font-size: 15px !important;
	}
	.label_data {
		line-height: 33px !important;
	}
	.select_num {
		min-width: 75px;
	}
	.wrapper_preventivo {
		width: 100% !important;
		clear: both;
	}
	table.preventivo_header td.label {
		color: #333;
	}
	.title_preventivo {
		color: #577A6D;
	}
	@media (max-width: @screen-xs-max) {
		.wrapper_preventivo,
		.preventivo,
		.form_contatti_richiesta_preventivo {
			width: 100% !important;
			clear: both;
		}
	}
}


/* css slider listato img */

.slider-all-inclusive, .slider-img, .slider-img-didascalia{

    img{
    
        padding:5px;
    
    }
    
    .image_caption{
        
        position:absolute;
        top:5px;
        bottom:5px;
        right:5px;
        left:5px;
        background-color:rgba(0,0,0,.20);
        text-align:center;
        z-index:2;
        color:#fff;
        font-size:25px;
        font-weight:bold;
        text-shadow:2px 2px 2px rgba(0,0,0,.60);
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
		flex-flow:column;
		
		@media (max-width: @screen-md-max) {
		   
		    font-size:21px;
		    
		}
		
		@media (max-width: @screen-sm-max) {
		    
		    font-size:18px;
		   
		}
		
		.sezione{
		
		    min-height:70px;
		    
		    @media (max-width: @screen-sm-max) {
		    
		    min-height:60px;
		    
		    
		    }
		   
		}
		
        
        .icon-cresta{
            
            display:block;
            margin:15px auto;
            
            @media (max-width: @screen-sm-max) {
            
                margin:0px auto;
            
            }
            
            @media (max-width: @screen-xs-max) {
            
                margin:15px auto;
            
            }
        
        }
        
        &:hover{
            
            .comparsa{
        
            opacity:1;
            pointer-events:auto;
        
            }
        
        }
        
        
        .icon-freccia{
            
            background-color:#F9D23C;
            height:45px;
            width:45px;
            line-height:45px;
            text-align:center;
            color:#000;
            font-size:15px;
            text-shadow:none;
            margin-top:22px;
            
            @media (max-width: @screen-md-max) {margin-top:0;}
            
            @media (max-width: @screen-xs-max) {margin-top:18px;}
            
            &:hover{
                
                animation: bounceArrow .55s ease 0s alternate infinite;
            
            }
            
            &:before{
                
                -moz-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                display:block;
            
            }
        
        }
        
    
    }
    
    &.no_caption{
    
        .image_caption{
        
            position:relative;
            top:auto;
            bottom:auto;
            right:auto;
            left:auto;
            background-color:transparent;
            text-align:left;
            z-index:2;
            color:@text-color;
            font-size:18px;
            font-weight:normal;
            text-shadow:none;
            display: block;
            padding:25px 10px;
    		
    		
    		h4{
    		
    		    color:@primary-color;
    		    font-weight:bold;
    		    margin-bottom:10px;
    		   
    	    }
    	    
    	    .c-type{
    	        
    	        li{font-weight:normal;}
    	    
    	    }
    
        }
    }
    
    &.home{
    
        .image_caption{
            
            .icon-freccia{
                
                &:before{
                
                    transform:none;
            
                }
            
            }
        
        }
        
        .slick-slide{
            
            &:after{
            
                @media (max-width: @screen-xs-max) {
                    
                    display:block;
                
                }
            
            }
        
        }
        
        
        .slick-slide:nth-of-type(1), .slick-slide:nth-of-type(4){
            
            &:after{
            
                @media (max-width: @screen-xs-max) {
                    background: #125a71 !important;
                    background: linear-gradient(150deg, #125a71 0%, #a2d5d0 100%) !important;
                }
            }
        
        }
        
        .slick-slide:nth-of-type(2){
            
            &:after{
                @media (max-width: @screen-xs-max) {
                    background: #881558 !important;
                    background: linear-gradient(150deg, #881558 0%, #e62074 100%) !important;
                }
            }
        
        }
        
        .slick-slide:nth-of-type(3){
            
            &:after{
                
                @media (max-width: @screen-xs-max) {
                    background: #eb7e24 !important;
                    background: linear-gradient(150deg, #eb7e24 0%, #fbe361 100%) !important;
                }
            }
        
        }
        
        
    }
    
    .comparsa{
    
        background-color:@primary-color;
        color:#fff;
        text-align:center;
        opacity:0;
        pointer-events:none;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        margin:auto;
        flex-flow:column;
        font-size:18px;
        padding:0 10px;
        
        img{
            
            margin-bottom:25px;
            max-height:60%;
        
        }
        
        @media (max-width: @screen-sm-max) {
            
            display:none;
        
        }
        
        
        
    
    }

}

.slider-img, .slider-img-didascalia {
	
	img {
			
			padding:0;
			
		}
	
	a {
		display: block;
		img {
			
			padding:0;
			
		}
		
		
	}
	
	.image_caption{
	   
	    top:0;
	    bottom:0;
	    left:0;
	    right:0;
		
	}
    
    .slick-slide{
        
        position:relative;
        border:5px solid #f7f7f7;
        
        &:after{
                
            position:absolute;
            height:9px;
            left:0;
            top:0;
            right:0;
            z-index:10;
            pointer-events:none;
            content:'';
            background: rgb(18,90,113);
            background: linear-gradient(150deg, rgba(18,90,113,1) 0%, rgba(162,213,208,1) 100%);
            -webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			-o-transition: all 400ms ease;
			transition: all 400ms ease;
			
			@media (max-width: @screen-xs-max) {
            
                display:none;
            
            }
    
        }
        
        &.slick-current+.slick-slide{
            
            &:after{
                
                background: rgb(136,21,88);
                background: linear-gradient(150deg, rgba(136,21,88,1) 0%, rgba(230,32,116,1) 100%);
    
            }
        }
        
        &.slick-current+.slick-slide+.slick-slide{
            
            &:after{
                
                background: rgb(235,126,36);
                background: linear-gradient(150deg, rgba(235,126,36,1) 0%, rgba(251,227,97,1) 100%);
    
            }
        }
        
    
    } 
    
	
	.slick-prev, .slick-next{
        
        top:-45px;
        bottom:auto;
        margin-top:0;
        
        @media (max-width: @screen-md-max) {
        
        }
        
        @media (max-width: @screen-sm-max) {
        
        }
        
        
        
    
    }
    
    .slick-prev{
        
        left:50%;
        margin-left:-40px;
    
    }
    
    .slick-next{
        
        right:50%;
        margin-right:-40px;
    
    }
    
    &.no-border{
    
        .slick-slide{
        
            border-color:#fff;
        
        }
    
    }
	
	
}


.slider-rist{
    
    .slick-prev, .slick-next{
        
        top:-45px;
        bottom:auto;
        margin-top:0;
        
        @media (max-width: @screen-md-max) {
        
        }
        
        @media (max-width: @screen-sm-max) {
        
        }
        
        
        
    
    }
    
    .slick-prev{
        
        left:50%;
        margin-left:-40px;
    
    }
    
    .slick-next{
        
        right:50%;
        margin-right:-40px;
    
    }

}


.slider-all-inclusive{
    
    img{
        
        padding:0;
    
    }
    
    .image_caption{
        
        right:0;
        left:0;
        top:0;
        bottom:0;
        
    
    }
    
    .slick-prev, .slick-next{
        
        top:-45px;
        bottom:auto;
        margin-top:0;
        
        @media (max-width: @screen-md-max) {
        
        }
        
        @media (max-width: @screen-sm-max) {
        
        }
        
        
        
    
    }
    
    .slick-prev{
        
        left:50%;
        margin-left:-40px;
    
    }
    
    .slick-next{
        
        right:50%;
        margin-right:-40px;
    
    }
    
    .slick-slide{
            
            position:relative;
            border:5px solid #fff;
            
            &:after{
            
                    
                    display:block;
                    position:absolute;
                    height:9px;
                    left:0;
                    top:0;
                    right:0;
                    z-index:10;
                    pointer-events:none;
                    content:'';
                    background: rgb(18,90,113);
                    background: linear-gradient(150deg, rgba(18,90,113,1) 0%, rgba(162,213,208,1) 100%);
                    -webkit-transition: all 400ms ease;
        			-moz-transition: all 400ms ease;
        			-ms-transition: all 400ms ease;
        			-o-transition: all 400ms ease;
        			transition: all 400ms ease;
                
            
            }
            
        &.slick-current+.slick-slide{
            
            &:after{
                
                background: rgb(136,21,88);
                background: linear-gradient(150deg, rgba(136,21,88,1) 0%, rgba(230,32,116,1) 100%);
    
            }
        }
        
        &.slick-current+.slick-slide+.slick-slide{
            
            &:after{
                
                background: rgb(235,126,36);
                background: linear-gradient(150deg, rgba(235,126,36,1) 0%, rgba(251,227,97,1) 100%);
    
            }
        }    
        
        
    }
        
        
        .slick-slide:nth-of-type(1), .slick-slide:nth-of-type(4){
            
            &:after{
            
                @media (max-width: @screen-xs-max) {
                    background: #125a71 !important;
                    background: linear-gradient(150deg, #125a71 0%, #a2d5d0 100%) !important;
                }
            }
        
        }
        
        .slick-slide:nth-of-type(2){
            
            &:after{
                @media (max-width: @screen-xs-max) {
                    background: #881558 !important;
                    background: linear-gradient(150deg, #881558 0%, #e62074 100%) !important;
                }
            }
        
        }
        
        .slick-slide:nth-of-type(3){
            
            &:after{
                
                @media (max-width: @screen-xs-max) {
                    background: #eb7e24 !important;
                    background: linear-gradient(150deg, #eb7e24 0%, #fbe361 100%) !important;
                }
            }
        
        }

}


.freccia-none {
	opacity: 0;
	pointer-events: none;
}


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


/* VIDEO YOUTUBE RESPONSIVE */

.wrapper-video {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.wrapper-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#pgall {
	.cont-tabs {
		padding: 25px 5px;
		text-align: center;
		color: #fff;
		&:after {
			content: '';
			display: block;
			clear: both;
		}
		input[type=radio] {
			display: none;
		}
		label {
			display: inline-block;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			padding: 5px 8px;
			margin: 0 8px;
			text-align: center;
			cursor: pointer;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			border-radius: 70px;
			position: relative;
			&:hover {
				color: @primary-color;
				background-color: #fff;
				&:before {
					opacity: 1;
				}
			}
			&:before {
				content: "";
				display: block;
				width: 0;
				height: 0;
				border-top: 6px solid #fff;
				border-bottom: 6px solid transparent;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				position: absolute;
				bottom: -12px;
				right: 0;
				left: 0;
				margin: auto;
				opacity: 0;
			}
			img {
				display: block;
				margin: 5px auto;
			}
		}
		[id^="tab"]:checked+label {
			color: @primary-color;
			background-color: #fff;
			border: none;
			box-shadow: none;
			&:before {
				opacity: 1;
			}
		}
	}
}

.tab-content {
	display: none;
	margin: 20px auto;
	box-sizing: border-box;
	font-size: 18px;
	width: 100%;
	max-width: 650px;
	@media (max-width: @screen-xs-max) {
		margin:10px auto;
	}
	&.ico-landing {
		font-size: 15px;
		line-height: 17px;
		color: #BABABA;
		img {
			display: block;
			margin: 0 auto;
			margin-bottom: 15px;
		}
		a {
			width: 16.6666667%;
			float: left;
			color: #BABABA;
			font-weight: bold;
			margin: 10px 0;
			@media (max-width: @screen-xs-max) {
				width:33.33333333%
			}
			&:hover {
				color: @primary-color;
			}
			b {
				display: block;
				min-height: 40px;
			}
		}
	}
	h3 {
		text-align: left;
		font-size: 25px;
		margin-bottom: 15px
	}
}

.tab-content * {
	-webkit-animation: scale 0.7s ease-in-out;
	-moz-animation: scale 0.7s ease-in-out;
	animation: scale 0.7s ease-in-out
}

@keyframes scale {
	0% {
		transform: scale(0.9);
		opacity: 0
	}
	50% {
		transform: scale(1.01);
		opacity: 0.5
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}

.tab1 {
	display: block;
}

@media (min-width: @screen-md-min) {
	.image-container {
		overflow: hidden;
		position: relative;
		.mask {
			margin: 0 -10px 0 0;
			position: absolute;
			top: 0;
			right: 100%;
			bottom: 100%;
			left: 0;
			background: #000;
			z-index: 3;
			-moz-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
			-o-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
			-webkit-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), right 0.4s cubic-bezier(0.77, 0, 0.175, 1), margin 0.4s cubic-bezier(0.77, 0, 0.175, 1), left 0.4s cubic-bezier(0.77, 0, 0.175, 1);
			-webkit-transition-delay: 0s, 0.3s, 0.3s, 0.6s;
			transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
		}
		&.visible {
			.mask {
				margin-right: 0;
				right: 0px;
				bottom: 0;
				left: 100%;
			}
			.image {
				filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
				opacity: 1;
				-moz-transform: translate3d(0, 0, 0);
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
		}
		.image {
			/* position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;*/
			background-position: center;
			background-repeat: no-repeat;
			z-index: 1;
			-moz-background-size: cover;
			-o-background-size: cover;
			-webkit-background-size: cover;
			background-size: cover;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity: 0;
			-moz-transform: translate3d(-20px, 0, 0);
			-webkit-transform: translate3d(-20px, 0, 0);
			transform: translate3d(-20px, 0, 0);
			-moz-transition: opacity 0s linear 0.6s, -moz-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
			-o-transition: opacity 0s linear 0.6s, -o-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
			-webkit-transition: opacity 0s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
			-webkit-transition-delay: 0.6s, 0.6s;
			transition: opacity 0s linear 0.6s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
		}
	}
}


/*THANK YOU*/

.blocco-uno-guida {
	background-color: @primary-color;
	color: #FFF;
	margin-top: 50px;
	font-size: 21px;
	padding: 60px 10px;
	h1 {
		color: #FFFFFF;
	}
	.grande {
		font-size: 35px;
		line-height: 38px;
	}
	@media (max-width: @screen-md-max) {
		padding: 35px 10px;
	}
	@media (max-width: @screen-sm-max) {
		margin-top: 0;
		padding: 30px 10px;
	}
	
	.icon-domande-freccia{
	
	    color:#fff;
	
	}
	
}

.guida-absolute{
    right: 0;
    bottom: -40px;
    position: absolute;
}

.blocco-txt-guida {
	color: #FFF;
	background-color: @primary-color-hover;
	padding: 40px 10px;
	font-size: 48px;
	line-height: 53px;
	@media (max-width: @screen-md-max) {
		padding:25px 10px;
		font-size: 38px;
		line-height: 40px;
	}
}

.blocco-due-guida {
	padding: 40px 10px;
	padding-left: 25px;
	font-size: 21px;
	color: #333;
	padding-top: 120px;
	@media (max-width: @screen-md-max) {
		padding:25px 10px;
	}
}

.blocco-fb {
	display: block;
	margin-top: 50px;
	background-color: #F1EEE9;
	color: #333;
	padding: 80px 10px;
	line-height: 47px;
	font-size: 45px;
	@media (max-width: @screen-md-max) {
		margin-top:30px;
		padding: 50px 10px;
		line-height: 37px;
		font-size: 35px;
	}
	@media (max-width: @screen-sm-max) {
		padding: 40px 10px;
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 40px;
		line-height: 42px;
	}
	&:hover {
		color: @primary-color !important;
	}
}


/* GUIDE POPUP */

.modal-guide {
	.modal-header {
		border-bottom: 0 none;
		.close {
			margin-top: -10px;
			margin-right: -10px;
			border-radius: 50%;
			border: 2px solid #000;
			width: 30px;
			height: 30px;
			line-height: 0px;
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			-o-transition: all 400ms ease;
			transition: all 400ms ease;
		}
	}
	.modal-content {
		background-color: #eee;
		text-align: left;
		font-size: 18px;
		line-height: 25px;
	}
	.modal-body {
		padding: 20px;
	}
	.title {
		font-size: 32px;
		line-height: 35px;
		font-weight: bold;
	}
}

.fancybox-wrap {
	overflow: initial !Important;
}

@media (max-width: @screen-sm-max) {
	.pswp__ui--idle .pswp__button--arrow--left,
	.pswp__ui--idle .pswp__button--arrow--right {
		opacity: 1 !important;
	}
}

//lista-custom utilizza l'immagine nel before
.lista-custom {
	list-style-type: none;
	padding: 25px 0px;
	li {
		position: relative;
		padding: 3px 0px 3px 0;
		list-style-position: inside;
		
		h4{
		    font-size:25px;
		    line-height:28px;
		    font-weight:bold;
		    color:@primary-color;
		
		}
		
	}
}

.c-type{

    list-style-type: none;
	padding: 25px 0px;
	
	li {
		
		position: relative;
		padding: 5px 0px 5px 25px;
		list-style-position: inside;
		font-weight:bold;
		
		&:before{
		
		   // content: "\e933";e934
		    content: "\e934";
		    display:block;
		    color:@primary-color;
		    position:absolute;
		    left:0;
		    font-size:25px;
		   
		}
		
	}

}

.plus {
	list-style-type: none;
	padding: 25px 0px;
	li {
		position: relative;
		padding: 15px 0px 15px 40px;
		list-style-position: inside;
		font-size:18px;
		
		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 3px;
			margin: auto;
			height: 40px;
			width: 27px;
			background-image: url(/source/c.png);
			background-repeat: no-repeat;
		}
	}
}

.popup-nascosto {
	.summary,
	button.btn {
		display: none;
	}
	.modal-header {
		border: none;
		.close {
			margin-top: -15px;
			font-size: 35px;
		}
	}
	.modal-content {
		background-color: @primary-color;
		color: #fff;
	}
	.modal-header {
		border-bottom: none;
		.close {
			text-shadow: none;
			margin-top: -7px;
			&:hover,
			&:focus {
				opacity: 1;
				filter: none;
			}
		}
	}
	.modal-body {
		padding: 25px 20px;
	}
}

.flex-light{ /* affiancare contenuti per avere pari altezze  */
	
	display:flex;
	flex-flow:column;
	
	@media (max-width: @screen-sm-max) {
		
		display:block;
	
	}
	
}

.inline{display: inline-block;}

#imagelightbox-caption{display:none;}

.pad-centrale{
    
    padding:60px 0;
    
    @media (max-width: @screen-md-max) {
    
        padding:40px 0;
    
    }
    
    @media (max-width: @screen-sm-max) {
    
        padding:35px 0;
    
    }
    
     @media (max-width: @screen-xs-max) {
    
        padding:30px 0;
    
    }
    &.no-bottom-pad{
        padding-bottom: 0;
    }
    &.no-top-pad{
        padding-top: 0;
    }
}

.mar-img-dw{
    margin-bottom: 15px;
}
.so_socialFollow{
    .socialFollow{
        
        .icon{height:auto !important;
        
            .cms-icon{
                
                line-height:25px;
                display:inline-block;
                vertical-align:middle;
            
            }
        
        }
    
    }
}


.dati-top{
    
    position:relative;
    padding-left:55px;
    color:#000;
    font-size:14px;
    margin-top:25px;
    
    @media (max-width: @screen-md-max) {
        
        padding-left:45px;
        font-size:13px;
    
    }
    
    a{
        
        color:#000;
    
    }
    
    &:before{
        
        content:'';
        left:0;
        height:35px;
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        width:1px;
        background-color:rgba(0,0,0,.2);
        
    }
    
    .ico{
        
        font-size:25px;
        height:25px;
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        left:20px;
        color:#999;
        
        @media (max-width: @screen-md-max) {
            
            left:15px;
        
        }
        
        img{
            
            height:25px;
            display:block;
        
        }
    
    }

}

/* BOOKING */
#pgall{
    .booking{
        
        @media (min-width: @screen-lg-min) {
            width:230px;
            max-width:100%;
        }
        
        position:absolute;
        top:0;
        right:0;
        margin:auto;
        z-index:2;
        background-color:#f7f7f7;
        
        a{
       
        font-size:15px;
        color:#000;
       
        }
        
        .box-select{
            
            padding:5px 30px; /*da 10px a 30px*/
            border-top: 1px solid rgba(0,0,0,0.1);
            
            @media (max-width: @screen-md-max) {
            
                padding: 0 6px;
            
            }
            
            label{                
                display:block;
                float:left;
                width:65%;
                line-height:25px;
                
                @media (max-width: @screen-md-max) {
                    
                    float:none;
                    width:100%;
                    line-height:20px;
                
                }
                
            }
            
            select{
            
                display:block;
                float:left;
                width:35%;
                background-color:transparent;
                
                @media (max-width: @screen-md-max) {
                    
                    width:100%;
                    float:none;
                    
                
                }
            
            }
            
            &.bordo-select{
            
                border-left: 1px solid rgba(0,0,0,0.1);
            
            }
        
        
        }
        
        
        
        label{font-size:15px;margin:0;color:#000;display:block;line-height:16px;letter-spacing:1px;}
        
        .date_box{color:@primary-color-hover;text-align:center;cursor:pointer;position:relative;height:45px;
        
            @media (max-width: @screen-md-max) {
                
                height:40px;
            
            }
        
            
            .day_formatted, .departday_formatted{font-size:25px;line-height:20px;margin:5px 0;color:@primary-color-hover;font-weight:bold;
                
                @media (max-width: @screen-md-max) {margin:2px 0;}
            
            }
            
            .DepartMonth, .ArriveMonth, .day_text_dep, .day_text_arr{font-size:16px;padding-top:5px;font-weight:bold;}
        
            #data_partenza, #data_arrivo, select {
        
                position: absolute;
                left: 0px;
                top: 0px;
                bottom:0;
                right:0;
                height:100%;
                background: none;
                border: none;
                text-indent: -99999px;
                color: transparent;
                cursor: pointer;
                width: 100%;
                outline:none;
            }
        
        }
        
        .partenza-box{
            
            border-left:1px solid rgba(0,0,0,.10);
        
        }
        
        .bordo{padding: 12px 0;margin: auto;
        
            @media (max-width: @screen-md-max) {
                
                padding:5px 0;
            
            }
        
        }
        
        .seleziona-verifica{
            
            &:after{
                
                content: "\e901";
                position:absolute;
                right:10px;
                top:0;
                bottom:0;
                margin:auto;
                font-size:20px;
                height:20px;
                color:#fff;
            
            }
            
            .btn_preventivo{    
                
                height:55px;
                border-top:5px solid #007fb1;
                color: #fff;
                background-color: @primary-color-hover;
                font-size:16px; 
                font-weight:bold;
                text-transform:uppercase;
                -webkit-transition:all 00ms ease;
                -moz-transition:all 400ms ease;
                -ms-transition:all 400ms ease;
                -o-transition:all 400ms ease;
                transition:all 400ms ease;
                white-space:normal;
                text-align:left;
                padding-left:15px;
                
                
                &:hover{
                    
                    border-color:#9B2328;
                    background-color: @primary-color;
                
                
                }
                
            }
        
        
        }
    
        
    }
}


.box-tripadvisor{
    
    position:absolute;
    bottom:35px;
    //right:25px;
    width:100%;
    //max-width:330px;
    //background-color:#f7f7f7;
    z-index:7;
    
    @media (max-width: @screen-sm-max) {
        
        position:relative;
        bottom:auto;
        right:auto;
        max-width:100%;
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
        
        
    
    }

}

.box-tripadvisor-banner{
    
    position:absolute;
    bottom:35px;
    right:0;
    width:100%;
    z-index:7;
    
    @media (max-width: @screen-sm-max) {
        position:relative;
        bottom:auto;
        right:auto;
        max-width:100%;
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
        
        
    }

}

//Centralizzazzione guide

.mrprenoForm{
	/*classe della guida wrp_guide_button*/
    .wrp_guide_button{
        margin-top: 25px;
        display: block;
        text-align: right;
        img{
            max-width: 100%;
            }
    }    
}


.so_newsletterForm{
	/*classe della guida wrp_guide_button*/
    .wrp_guide_button{
         margin-top: 10px;
        display: block;
        text-align: right;
        padding-right:15px;        
        
        img{
            max-width: 280px;
            }
        }    
}
/*classe assegnata all oggetto comune delle guide, non lo rendo visibile altrimenti sarebbe esploso fuori*/
.cnt_text_popup{
    display:none;
    text-align: center;
    }
/*rendo visibile il contenuto del popup dentro il modal*/
.somodal{
    .cnt_text_popup{
        display:block;
         text-align: center;
        img{
            max-width: 100%;}
    }
}

.box-gruppo{

    max-width:330px;
    margin:0 auto;
    color:#fff;
    font-size:20px;
    padding:80px 5px;
    
    @media (max-width: @screen-sm-max) {
        
        padding:30px 5px;
    
    }
    
    a.pulsante{
        
        display:block;
        color:#fff;
        font-size:16px;
        background-color:#317FBD;
        padding:12px 5px;
        padding-left:80px;
        padding-right:40px;
        border-left:8px solid @primary-color;
        position:relative;
        margin:2px 0;
        max-width:100%;
        line-height:normal;
        text-transform:none;
        text-align:left;
        
        &:hover{
        
            
        
        }
        
        b{
            
            display:block;
        
        }
        
        .ico{
            
            font-size:15px;
            height:15px;
            top:0;
            bottom:0;
            margin:auto;
            position:absolute;
            right:15px;
        
        }
        
        .logo{
            
            position:absolute;
            top:0;
            bottom:0;
            margin:auto;
            left:15px;
        
        }
    
    }
    
}

.dati-dw{
    
    color:#fff;
    font-weight:bold;
    line-height:2.8rem;
    
    a{
        
        color:#fff;
        
        &:hover{
            
            text-decoration:underline !important;
        
        }
        
    
    }

}

.frase-top{
    
    font-size:16px;
    color:rgba(0,0,0,.5);
    text-transform:uppercase;
    margin:0 auto;
    margin-top:15px;
    max-width:900px;
    

}


.img-top{
    
    margin-top:90px;
    
    @media (max-width: @screen-sm-max) {
        &.no-after{
            margin-top:0px;
        }
        margin-top:50px;
    
    }
    
    &:after{
                
                
        position:absolute;
        height:9px;
        left:0;
        bottom:0px;
        right:0;
        z-index:9;
        pointer-events:none;
        content:'';
        background-image:url('/source/linea-colorata.png');
        background-repeat:repeat-y;
        background-size:contain;
        background-position:center top;
        
         @media (max-width: @screen-xs-max) {bottom:-9px;}
       
    
    }
    
    &.no-after{
    
        &:after{
            
            display:none;
        
        }
    
    }

}

.blk-offerte-scorrevoli, .blk-linea{
    
    position:relative;
    
    &:after{
                
                
            position:absolute;
            height:9px;
            left:0;
            top:0;
            right:0;
            z-index:9;
            pointer-events:none;
            content:'';
            background-image:url('/source/linea-colorata.png');
            background-repeat:repeat-y;
            background-size:contain;
            background-position:center top;
                
            
        }

}


.box-servizi{    
    padding:0 3%;
    
    h4{
        
        margin-bottom:5px;
        font-size:25px;
        line-height:28px;
        font-weight:bold;
        
    }
    
    .box{
        
        border-bottom:rgba(17,17,17,.2) 1px solid;
        padding:40px 20px;
        padding-left:110px;
        position:relative;
        font-size:15px;
        font-weight:bold;
        
        @media (max-width: @screen-md-max) {
            
            padding-right:10px;
        
        }
        
        @media (max-width: @screen-xs-max) {
            
            padding:30px 10px;
            padding-left:80px;
        
        }
        
        .ico{
            
            position:absolute;
            top:55px;
            left:20px;
            font-size:70px;
            
            img{
                
                display:block;
                
                @media (max-width: @screen-xs-max) {
                    
                    max-width:50px;
                
                }
            
            }
            
            @media (max-width: @screen-xs-max) {
                
                font-size:45px;
                top:40px;
            
            }
        
        }
    
    }
    
    &.light{
        
        border-right:5px solid #fff;
        border-left:5px solid #fff;
        padding:0;
        @media (max-width: @screen-xs-max) {
            margin-bottom: 5px;
            margin-top: 5px;
        }
        
        .txt{
            
            padding:30px 10px;
            
        }
        
        &:after{
                
            position:absolute;
            height:9px;
            left:0;
            top:0;
            right:0;
            z-index:10;
            pointer-events:none;
            content:'';
            background: rgb(18,90,113);
            background: linear-gradient(150deg, rgba(18,90,113,1) 0%, rgba(162,213,208,1) 100%);
           
    
        }
        
        &.bgk-sfumatura-2{
        
            &:after{
                        
                background: rgb(136,21,88);
                background: linear-gradient(150deg, rgba(136,21,88,1) 0%, rgba(230,32,116,1) 100%);
            
            }
    
        }

        &.bgk-sfumatura-3{
        
            &:after{
                background: rgb(235,126,36);
                background: linear-gradient(150deg, rgba(235,126,36,1) 0%, rgba(251,227,97,1) 100%);
            }
        }
    
    }

}

.slider-singola{
    
    .slick-prev, .slick-next{
        
        &:before{color:#fff;}
        
        position:absolute;
        bottom:30px;
        left:auto;
        top:auto;
        margin-top:0;
    
    }
    
    .slick-next{
    
        right:30px;
        
    }
    
    .slick-prev{
    
        right:80px;
        
    }

}


.box-grigio{
    
    background-color:#f7f7f7;
    margin-top:40px;
    margin-bottom:40px;
    
    @media (max-width: @screen-sm-max) {
        
        display:block;
        padding:30px 10px;
    
    }
    
    @media (max-width: @screen-xs-max) {
        
        padding:20px 10px;
        margin-top:25px;
        margin-bottom:25px;
    
    }
    
    .box-sx-fascia{
        
        padding-top:15px;
        padding-bottom:15px;
    
    }

}


.titolo-all-inclusive{
    
    font-weight:bold;
    line-height:21px;
    padding-right:10px;
    padding-top:10px;
    padding-left:0;
    
    @media (max-width: @screen-md-max) {
    
        font-size:14px;
        line-height:17px;
    
    }
    
    
    @media (max-width: @screen-xs-max) {
        
        font-size:18px;
        line-height:20px;
        text-align:center;
    
    }
    
    .numero{
        
        font-size:38px;
        margin:15px 0;
        font-weight:normal;
        
        @media (max-width: @screen-md-max) {
            
            font-size:32px;
            margin:10px 0;
        
        }
    
    }
    
    .cresta{
        
        font-size:30px;
    
    }

}

.box-all-inclusive{
    
    background-color:#fff;
    padding:4%;
    border-left:15px solid #f7f7f7;
    margin-top:12px ;/*12px 0*/
    margin-bottom:12px;
    
    @media (max-width: @screen-xs-max) {
        
        border:none;
        padding:20px;
        padding-left:29px;
    
    }
    
    h3{
        
        font-weight:bold;
        margin-bottom:10px;
    
    }
    
    
    .testo-dx{
        
        @media (max-width: @screen-sm-max) {
            
            padding-left:5px;
        
        }
    
    }
    
    &:after{
        
        position:absolute;
        width:9px;
        left:0;
        top:0;
        bottom:0;
        z-index:4;
        pointer-events:none;
        content:'';
        background: rgb(18,90,113);
        background: linear-gradient(180deg, rgba(18,90,113,1) 20%, rgba(162,213,208,1) 100%);
        
    
    }
    
    &.due{
    
        &:after{
            
            background: rgb(136,21,88);
            background: linear-gradient(180deg, rgba(136,21,88,1) 20%, rgba(230,32,116,1) 100%);
            
        
        }
        
        .c-type{
        
            li{
                
                font-weight:normal;
            
            }
        
        }
    
    }
    
    &.tre{
    
        &:after{
            
            background: rgb(235,126,36);
            background: linear-gradient(180deg, rgba(235,126,36,1) 20%, rgba(251,227,97,1) 100%);
            
        
        }
    
    }

}

.titolo-all-inclusive-new{
    padding: 10px 4% !important;   
    margin-bottom:0 !important;
    &:after{
        display: none;
    }
    &.uno{
         background-color:#125a71 !important;
    }
    &.due{
        background-color:#881558 !important;
    }
    &.tre{
        background-color: #eb7e24!important;
    }
}


.titolo-all-inclusive-new, /*fine aggiunte*/
.box-all-inclusive{
    
    background-color:#fff;
    padding:4%;
    border-left:15px solid #f7f7f7;
    margin-top:12px ;/*12px 0*/
    margin-bottom:12px;
    
    
    &.no-margin-top{
        margin-top: 0 !important;
    }
    @media (max-width: @screen-xs-max) {
        
        border:none;
        padding:20px;
        padding-left:29px;
    
    }
    
    h3{
        
        font-weight:bold;
        margin-bottom:10px;
    
    }
    
    
    .testo-dx{
        
        @media (max-width: @screen-sm-max) {
            
            padding-left:5px;
        
        }
    
    }
    
    &:after{
        
        position:absolute;
        width:9px;
        left:0;
        top:0;
        bottom:0;
        z-index:4;
        pointer-events:none;
        content:'';
        background: rgb(18,90,113);
        background: linear-gradient(180deg, rgba(18,90,113,1) 20%, rgba(162,213,208,1) 100%);
        
    
    }
    
    &.due{
    
        &:after{
            
            background: rgb(136,21,88);
            background: linear-gradient(180deg, rgba(136,21,88,1) 20%, rgba(230,32,116,1) 100%);
            
        
        }
        
        .c-type{
        
            li{
                
                font-weight:normal;
            
            }
        
        }
    
    }
    
    &.tre{
    
        &:after{
            
            background: rgb(235,126,36);
            background: linear-gradient(180deg, rgba(235,126,36,1) 20%, rgba(251,227,97,1) 100%);
            
        
        }
    
    }

}

.testo-sx + .testo-dx{
    
    @media (max-width: @screen-xs-max) {
    
        .c-type{
            
            padding-top:0;
        
        }
    
    }

}


.sfumatura{

    &:after{
            
        position:absolute;
        height:9px;
        left:0;
        top:0;
        right:0;
        z-index:10;
        pointer-events:none;
        content:'';
        background: rgb(18,90,113);
        background: linear-gradient(150deg, rgba(18,90,113,1) 0%, rgba(162,213,208,1) 100%);
       

    }
        
    &.sfumatura-2{
    
        &:after{
                    
            background: rgb(136,21,88);
            background: linear-gradient(150deg, rgba(136,21,88,1) 0%, rgba(230,32,116,1) 100%);
        
        }

    }

    &.sfumatura-3{
    
        &:after{
            background: rgb(235,126,36);
            background: linear-gradient(150deg, rgba(235,126,36,1) 0%, rgba(251,227,97,1) 100%);
        }
    }
    
    
}
/*aggiunte---timeline foodimmersion tra i js c'&egrave; da aggiungere una riga nell'hresize*/ 
.testo-timeline{
    padding: 30px;
    border-right: 4px dotted #fff;
    @media (max-width: @screen-md-max) {
        padding: 20px;
        border-right: 0;
        border-bottom:3px dotted #fff;
    }
}
.bg-timeline{
    padding: 30px;
    background: #fff;
    
    &.gradient{
        padding-bottom: 80px ;
        background: rgb(237,210,129);
        background: -moz-linear-gradient(0deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
        background: -webkit-linear-gradient(0deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
        background: linear-gradient(0deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edd281",endColorstr="#fcfcfc",GradientType=1);
        @media (min-width: @screen-md-max) {
            &.inverse{
                background: rgb(251,183,152);
                background: -moz-linear-gradient(180deg, rgba(251,183,152,1) 30%, rgba(255,255,255,1) 70%);
                background: -webkit-linear-gradient(180deg, rgba(251,183,152,1) 30%, rgba(255,255,255,1) 70%);
                background: linear-gradient(180deg, rgba(251,183,152,1) 30%, rgba(255,255,255,1) 70%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbb798",endColorstr="#fcfcfc",GradientType=1);
            }
        }
        @media (max-width: @screen-sm-max) {
             &.inverse{
                background: rgb(237,210,129);
                background: -moz-linear-gradient(180deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
                background: -webkit-linear-gradient(180deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
                background: linear-gradient(180deg, rgba(237,210,129,1) 30%, rgba(255,255,255,1) 70%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edd281",endColorstr="#fcfcfc",GradientType=1);
             }
        }
    }
    
    &.colazione{
        background-color:#fbcf98 ;
    }
    &.pranzo{
        background:#edb281;
    }
}
.timeline-row {
    background: #fff;
    @media (min-width: @screen-md-max) {
        border-radius: 0 30px 0 30px;
        
        &.left-radius{
             border-radius: 30px 0 30px 0 !important;
        }
    }
    
    h4{
        font-size: 20px;
        font-weight: bold;
        color:@primary-color;
        margin-bottom: 20px;
    }
    .titolo-new{
        font-size: 30px;
    }
    @media (max-width: @screen-sm-max) {
        &.cena,
        &.pranzo,
        &.colazione {background: rgb(237,210,129);}
    }
    @media (min-width: @screen-md-max) {
    
        &.colazione {
            background: rgb(237,210,129);
            background: -moz-linear-gradient(90deg, rgba(237,210,129,1) 30%, rgba(251,207,152,1) 70%);
            background: -webkit-linear-gradient(90deg, rgba(237,210,129,1) 30%, rgba(251,207,152,1) 70%);
            background: linear-gradient(90deg, rgba(237,210,129,1) 30%, rgba(251,207,152,1) 70%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edd281",endColorstr="#fbcf98",GradientType=1);
        }
        
        &.pranzo{
            background: rgb(237,178,129);
            background: -moz-linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,207,152,1) 70%);
            background: -webkit-linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,207,152,1) 70%);
            background: linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,207,152,1) 70%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edb281",endColorstr="#fbcf98",GradientType=1);
        }
        &.cena{
            background: rgb(237,178,129);
            background: -moz-linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,183,152,1) 70%);
            background: -webkit-linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,183,152,1) 70%);
            background: linear-gradient(90deg, rgba(237,178,129,1) 30%, rgba(251,183,152,1) 70%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edb281",endColorstr="#fbb798",GradientType=1);
        }
        
    }
    
}


.coco-box{
    
    padding:4%;
    background-color:#fff;
    border-right:5px solid #f7f7f7;
    border-left:5px solid #f7f7f7;
    padding-top:0;
    
    @media (max-width: @screen-xs-max) {
    
        margin-top:120px;
    
    }
    
    h4{
        
        font-weight:bold;
        margin-bottom:20px;
        margin-top:10px;
    
    }
    
    .coco{
        
        position:relative;
        margin-top:-80px;
        z-index:11;
       
    
    }

}

.fascia-bimbi-1, .fascia-bimbi-2, .fascia-bimbi-3{
    
    display:none;
    padding-top:40px;

}

.fascia-bimbi-1{

    display:block;

}

.little{
    
    font-size:14px;
    line-height:17px;

}


.box-fidelity-link{
    
    margin:5px 0;
    
    .inline{
    
        vertical-align:baseline;
        
    }
    
    h4{
            
            font-weight:bold;
        
    }
    
    a{
        
        color:#000;
        font-size:15px;
        font-weight:bold;
        text-decoration:underline !important;
        padding:0 5px;
        
        &:hover{
            
            color:@primary-color;
        
        }
    
    }
    
}

.form-fidelity{

    input[type="text"], input[type="password"]{
        
        border:#909398 1px solid;
        float:left;
        height:45px;
        font-size:14px;
        display:block;
        
        @media (max-width: @screen-xs-max) {
            
            margin:5px 0;
        
        }
        
        &::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #2B393F;
    	}
    	&::-moz-placeholder {
    		/* Firefox 19+ */
    		color: #2B393F;
    	}
    	&:-ms-input-placeholder {
    		/* IE 10+ */
    		color: #2B393F;
    	}
    	&:-moz-placeholder {
    		/* Firefox 18- */
    		color: #2B393F;
    	}
    
    }
    
    input[type="submit"]{
        
        height:45px;
        background-color:#F9D23C;
        color:#000;
        font-weight:bold;
        text-transform:uppercase;
        border-left:@primary-color 8px solid !important;
        font-size:15px;
        
        @media (max-width: @screen-xs-max) {
            
            margin-top:5px;
        
        }
        
        &:hover{
            
            background-color:@primary-color;
            color:#fff;
        
        }
    
    }

}



/* timeline */

.timeline{
    
    position:relative;
    
    &:after{
    
        background-color:@blu;
        width:4px;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        margin:auto;
        content:'';
        opacity:1;
        visibility:visible;
        
        @media (max-width: @screen-xs-max) {
            
            display:none;
        
        }
    
    }
    
    .fumetto-box{
       
        width: calc(~"41.66666667% - 2px");
        position:relative;
        
        @media (max-width: @screen-md-max) {
            
        
        }
        
        @media (max-width: @screen-sm-max) {
            
        
        }
        
        @media (max-width: @screen-xs-max) {
            
            width: calc(~"100% - 10px");
            margin:0 auto;
        
        }
        
        
        &:after{
            
            content:'';
            display:block;
            height:25px;
            width:25px;
            background-color:@blu;
            border-radius:50%;
            border:5px solid #fff;
            position:absolute;
            position:absolute;
            top:60px;
            right:-55px;
            z-index:11;
            
            @media (max-width: @screen-xs-max) {
                
                display:none;
            
            }
            
        
        }
        
        
      
        &.sx{
    
            border-right:40px solid #fff;
            text-align:right;
    
            @media (max-width: @screen-xs-max) {
    
                border:none;
                text-align:left;
    
            }
    
           
    
          
        }
    
        &.dx {
            border-left:40px solid #fff;
            margin-left:calc(~"50% + 2px");
            
            @media (max-width: @screen-xs-max) {
                border:none; 
                margin-left:auto;
            }
    
            &:after{
                
                left:-55px;
                right:auto;
            
            }
            
        }
    
        .txt {
            padding:20px;
            
            .c-type{
            
                li{
                    
                    padding-left:0;
                    padding-right:0;
                    
                    &:before{
                    
                        display:none;
                    
                    }
                
                }
            
            }
            
            
            h3 {
                margin-bottom:10px;
                color:@blu;
            }
        }
    }


}


.box-dove-siamo{
    
    .image_caption{
        
        position:absolute;
        top:0px;
        bottom:0px;
        right:0px;
        left:0px;
        background-color:rgba(0,0,0,.20);
        text-align:center;
        z-index:2;
        color:#fff;
        font-size:25px;
        font-weight:bold;
        text-shadow:2px 2px 2px rgba(0,0,0,.60);
        display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
		flex-flow:column;
		
        
        .icon-cresta{
            
            display:block;
            margin:15px auto;
        
        }
        
    }
    
    .txt{
        
        padding:35px 10px;
    
    }

}

.slider-servizi-camera{
    
    background-color:#fff;
    padding:65px 20px;
    font-size:25px;
    font-weight:bold;
    text-align:center;
    
    @media (max-width: @screen-md-max) {
        
        padding:40px 15px;
    
    }
    
    
    @media (max-width: @screen-xs-max) {
        
        padding:25px 10px;
    
    }
    
    .ico{
        
        color:@primary-color;
        font-size:58px;
        display:block;
        margin:25px auto;
    
    }

}

.fascia-camere{
    
    @media (max-width: @screen-sm-max) {
        padding:15px;
        margin:25px 0;
    }
    
    @media (max-width: @screen-xs-max) {padding:5px;}
    
    .caratteristiche{
    
        @media (max-width: @screen-sm-max) {
            
            padding-left:5px;
            padding-top:25px;
        
        }
    
    }
    
    .persone-camera{
        
        padding:15px;
        padding-left:105px;
        border-left:rgba(17,17,17,.20) 1px solid;
        border-right:rgba(17,17,17,.20) 1px solid;
        
        @media (max-width: @screen-xs-max) {
            
            margin-top:25px;
        
        }
        
        .ico{
            
            position:absolute;
            top:15px;
            left:20px;
            height:50px;
            font-size:50px;
        
        }
        
        h4{
        
            font-weight:bold;
            
            @media (max-width: @screen-md-max) {
               
                font-size: 23px;
        	    line-height: 26px;
            
            }
             
                
        
        }
        
        
    }
    
    .titolo-camera{
        
        margin-bottom:20px;
    
    }
    
    .box-camera{
    
        margin-top:20px;
        background-color:#f7f7f7;
        
        
        
        @media (max-width: @screen-sm-max) {display:block;padding:4%;}
        
        &.white{
            
            background-color:#fff;
        
        }
        
        .servizi-camera{
            
            padding:0 3%;
            
            
            .testo{
                
                padding-top:25px;
                padding-bottom:25px;
                
                @media (max-width: @screen-md-max) {
                    
                    padding-top:20px;
                    padding-bottom:20px;
                
                }
                
                .c-type{
                    
                    @media (max-width: @screen-md-max) {
                    
                        padding-top:0;
                        padding-bottom:0;
                    
                    }
                
                }
            
            }
            
        }
    
    }

}

    
.video-home{
    
    position:relative;
    
    video{
        height:~"calc(100vh - 97px)";
        object-fit:cover;
        width:100%;
    }
    
    &:before{
        
        content:'';
        display:block;
        top:0;
        bottom:0;
        left:0;
        right:0;
        display:block;
        background-color:rgba(17,17,17,.1);
        z-index:3;
        position:absolute;
    
    }
    

}


/* logo home */


#logo {
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right:0;
  margin:auto;
  z-index:7;
  width:100%;
}

#logo path:nth-child(1) {
  stroke-dasharray: 650;
  stroke-dashoffset: 500;
  animation: line-anim 3s ease forwards;
}

#logo path:nth-child(2) {
  stroke-dasharray: 266.665;
  stroke-dashoffset: 266.665;
  animation: line-anim 3s ease forwards 0.3s;
}

#logo path:nth-child(3) {
  stroke-dasharray: 371.948;
  stroke-dashoffset: 371.948;
  animation: line-anim 3s ease forwards 0.6s;
}

#logo path:nth-child(4) {
  stroke-dasharray: 151.79;
  stroke-dashoffset: 151.79;
  animation: line-anim 3s ease forwards 0.9s;
}

#logo path:nth-child(5) {
  stroke-dasharray: 371.9486;
  stroke-dashoffset: 371.9486;
  animation: line-anim 3s ease forwards 1.2s;
}



@keyframes line-anim {
  to {
    stroke-dashoffset: 0;
  }
}


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

/* home 

.related_1601373690{

    .box-tripadvisor{
    
        @media (max-width: @screen-sm-max) {display:flex !important}
    
    }

}*/
/* home */

//.related_1601373690{
    .box-tripadvisor-banner,
    .box-tripadvisor{
    
        @media (max-width: @screen-sm-max) {
            display:flex !important;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%);
            background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%);
            background: linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f7f7",GradientType=1);
        }
    
    }

//}
/*per le pagine senza foto top*/
.related_1602680385, .related_1602853041, .related_1602689788, .related_1615902892, .related_1602766900, .related_1602748329{
    .box-tripadvisor{
        position:fixed;
        bottom: 15%;
        right: 0;
        width: 100%;
       // max-width: 330px;
        /*background-color: #f7f7f7;*/
        z-index: 10;
            @media (max-width: @screen-sm-max) {
                    position: relative;
                    bottom: auto;
                    right: auto;
                    max-width: 100%;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    align-items: center;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    align-content: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    -webkit-align-content: center;
            }
        
    }
    .img-top{
        &:after{
            display:none;
            @media (max-width: @screen-sm-max) {
                display:block;
            }
        }
        @media (max-width: @screen-sm-max) {
            //margin-top: 0;
            position:relative
        }
    }
    
}


.fumetto-home{background-color:#F7F7F7;padding:2%;font-size:20px;

    @media (max-width: @screen-sm-max) {
    
        padding:30px;
    
    }

    &:before{
        
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 25px solid #f7f7f7;
        position: absolute;
        top: 0;
        bottom:0;
        margin:auto;
        left: -25px;
        
        @media (max-width: @screen-sm-max) {
            
            display:none;
        
        }
    
    
    }

}


.box-storto{
    
    width:100%;
    max-width:205px;
    line-height:70px;
    color:#fff;
    font-weight:bold;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('/source/pulsante-storto.png');
    font-size:17px;
    text-align:center;
    position:absolute;
    bottom:30px;
    right:0;
    left:0;
    margin:0 auto;
    
    @media (max-width: @screen-md-max) {
        
        bottom:10px;
    
    }
    
    @media (max-width: @screen-xs-max) {bottom:5px;}

}



.slider-commenti .so_backofficeFeedbackComments{
    
    .slick-prev, .slick-next{
    
        bottom:10px;
        top:auto;
        margin-top:0;
    
    }
    
    .slick-prev{
        
        left:50%;
        margin-left:-45px;
    
    }
    
    .slick-next{
        
        right:50%;
        margin-right:-45px;
    
    }
    
    

}

.modal-title.titolo-commenti{
        
        margin-bottom:20px;
        font-weight:bold;
    
    }

.box-servizi-img{
    
    .box-servizi{
        @media (min-width: @screen-md-min) {
             margin: 0 -1.5px;
        }
        display:inline-block;
        vertical-align:top;
        float:none;
        
        &:after{
            
            display:none;
        
        }
    
    }

}
//TRADUZIONI

html[lang="en"]
{
	@media screen and (max-width: 767px){
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 13px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 13px;
        }
        
        #pgall #button_email_min {
            font-size: 16px;
        }
        
        .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (min-width: 1200px){
	    
	    .box-storto{
	   bottom: 8px;     
	        }
	}

}

html[lang="fr"]
{
       .pulsante.bordato{
            font-size: 11px;
            
            }
	@media screen and (max-width: 767px){
	    
        .link-mobi {
        font-size: 8px;
        }
        .offer_detail .periods .period_foot .btn {
        font-size: 13px;
        }
        
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 11px !important;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 13px;
        }
        
        #pgall #button_email_min {
            font-size: 14px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante .ico {
        right: 4px;
        }
        
        .box-tripadvisor {
            bottom: 16px;
            font-size:14px;
        }
        
        .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (min-width: 1200px){
	    
	    .box-storto{
	   bottom: 3px;     
	        }
	        
        #pgall #button_email_min {
            font-size: 16px;
        } 
	}
	
	

}


html[lang="de"]
{
       .pulsante.bordato{
            font-size: 11px;
            
            }
       .box-select select {
          width: 100% !important;  
            }



	@media screen and (max-width: 767px){
        .offer_detail .periods .period_foot .btn {
        font-size: 13px;
        }
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    
	    #pgall #button_email_min {

        font-size: 17px;
        }
	    .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 11px !important;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 12px;
        }
        
        #pgall #button_email_min {
            font-size: 16px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante .ico {
        right: 4px;
        }
        
        .box-tripadvisor {
            bottom: 16px;
            font-size:14px;
        }
        
        #pgall .booking label {
    font-size: 12px;
        }
        
        #wrapper_email_min .field_button_min {
        width: 100%;
        margin-top: 5px;
        }
        
        
        #wrapper_email_min .field_email_min {
         width: 100%;
            }
	    .box-storto{
	   bottom: 0px;     
	        }
    .form-myreply .myReplyForm label, #myreply_form_offerta label {
    font-size: 11px;
    }
	}
	@media screen and (min-width: 1200px){
	    
	     #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 14px !important;
        }
        
        #pgall #button_email_min {
            font-size: 12px;
        }
        
	    .box-storto{
	   bottom: 8px;     
	        }
	        
    .form-myreply .myReplyForm label, #myreply_form_offerta label {
    font-size: 13px;
    }
	}

}

/* forzatura posizionamento chat facebook */

.fb_dialog_content{

    iframe{
    
        right:auto !important;
        left:12px;
        
    
    }

}

.fb-customerchat{
    
    iframe{
        
        right:auto !important;
        left:4px;
        margin-right:0 !important;
        margin-left:12px;
    
    }

}

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


.box-pulsanti-menu{

    position:absolute;
    top:30px;
    right:30px;
    text-align:right;
    
    .inline{margin:0 5px;}
    
    .pulsante{
        max-width:210px;
        padding:0 10px;
        
        
        .ico{
        
            margin-top:-2px;
        
        }
        
        
            
        &.preventivo{
            
            background-color:@primary-color-hover;
            color:#fff;
        
        }
    
    }
    

}







.link-ospitalita{
    width:100%;
    display:none;
    padding:10px;
    background:@primary-color;
    color:#fff!important;
    font-weight:700;
    position: fixed;
    top: 0;
    text-align: center;
    z-index: 12;
    
    &:hover{
        background:@primary-color-hover;
    }
    
    
    img{
        max-height:20px;
        margin-right:10px;
    }
    
    .icon-freccia{
        margin-left:10px;
    }
}


html[lang="it"]{
    .linea-top-ospitabilita, .link-ospitalita{
        display:block;    
    }
    
    
    .related_1601373690{
        @media (min-width: @screen-md-min) {
            .barra-top-home{
                top:45px!important;
            }
        }
    }
    
}



.trip-banner{
    position: absolute;
    z-index:11;
    top: 0;
    left: 0;
    
    img{
        max-width: 50px;
    }
}

.map-hotels {
    position:relative;
    overflow:hidden;
    height:80vh;
    min-height:600px;
    
    @media (max-width:@screen-sm-max) {
        height:50vh; 
        min-height:400px;
    }
}

.col-md-25{
    @media (min-width:@screen-md-min) {
        width: 20%;
    }
}

.home-payoff{
    color: #fff;
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    width: 100%;
    z-index:5;
    @media (max-width:@screen-sm-max) {
        text-shadow: 0 0 20px #000;
        bottom: 60%;
    }
}


.pad-icon-home{
    padding: 20px;
    @media (max-width: @screen-xs-max) {
        padding: 20px 5px;
    }
    
    .link-icon{
         .icon-freccia{
            
            background-color:#F9D23C;
            height:45px;
            width:45px;
            line-height:45px;
            text-align:center;
            color:#000;
            font-size:15px;
            text-shadow:none;
            margin-top:10px;
            
            @media (max-width: @screen-md-max) {margin-top:0;}
            
            @media (max-width: @screen-xs-max) {margin-top:18px;}
            
            &:hover{
                
                animation: bounceArrow .55s ease 0s alternate infinite;
            
            }
            
            &:before{
                /*
                -moz-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);*/
                display:block;
            
            }
        
        }
    }
}


.box-img-struttura  {
    position: relative;
    margin-top: 35px;  
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;    
    .titolo-struttura {        
        position: absolute;
        z-index: 1;
        left: 0px;
        text-align: center;
        bottom: 0;
        padding: 25px;
        right: 5px;
        left:5px;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4514180672268907) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4514180672268907) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0.4514180672268907) 0%, rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        h3{ 
            text-shadow:2px 2px 2px rgba(0,0,0,0.6);
            color: #fff;
           letter-spacing: 0px;
           font-size: 25px;          
            line-height: 120%;
        }
    }
    
    &:hover{
        .titolo-struttura { 
            opacity: 0;
            -webkit-transition: all ease 0.4s;
            -moz-transition: all ease 0.4s;
            transition: all ease 0.4s;
        }
        .ombra{
            opacity: 1;
            -webkit-transition: all ease 0.4s;
            -moz-transition: all ease 0.4s;
            transition: all ease 0.4s;
  
        }
    }
    .banner-trip-box{
        position: absolute;
        bottom:0;
        left:0;
        width: 90px;
        margin-left: 0px;
        img{
            max-width: 100% !Important;
        }
        
        &.landing{
        
            width:70px;
        
        }
    }
    
    .ombra{    
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
        position: absolute;
        top: 0%;
        right: 5px;
        bottom: 0%;
        left: 5px;
        margin: auto;
        background-color: rgba(0,0,0,0.3);
        opacity: 0;
        //pointer-events: none;
        z-index: 3;
        color: #fff;
        flex-flow: column;
        
        img{
            max-width: 350px;
        }
        .link-icon{
            display: block;
         
             .icon-freccia{
                
                background-color:#F9D23C;
                height:45px;
                width:45px;
                line-height:45px;
                text-align:center;
                color:#000;
                font-size:15px;
                text-shadow:none;
                margin-top:20px;
                
                @media (max-width: @screen-md-max) {margin-top:0;}
                
                @media (max-width: @screen-xs-max) {margin-top:18px;}
                
                &:hover{
                    
                    animation: bounceArrow .55s ease 0s alternate infinite;
                
                }
                
                &:before{
                    /*
                    -moz-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    transform: rotate(90deg);*/
                    display:block;
                
                }
            
            }
        }
    
        a.scopri {
            color: #fff;
            font-size: 15px;
            line-height: 30px;
            margin-top: 50px;
            display: block;
            position: relative;
        }
    
    }
}

.txt-hotel{
    padding-bottom: 16%;
    @media (max-width: @screen-md-max) {padding-bottom:6%;}
     @media (max-width: @screen-xs-max) {padding-bottom:20px;}
}

.img-hotel{
    img{
        margin-bottom: 10px;
    }
}

.titolo-bordo{
     margin: auto;
     position: relative;
     display: inline-block;
        span{
         position: relative;
         z-index:1;
         color:#fff;
         padding: 0 10px;
        }
        &:after{
            background: @primary-color;
            bottom: 0px;
            right: 0;
            left: 0;
            height: 100%;
            width: 100%;
            content: "";
            display: block;
            POSITION: ABSOLUTE;
            opacity: 1;
        }
}
.pad-bottom-titoletto{
    margin-bottom: 15px;
}
.testo-dove{
    margin-bottom: 50px;
    padding: 40px 40px;
}

/*form lavora con noi*/
.cv-form{
    .modulo_alt{
        border: 1px solid #eee !important;
    }
}


.imagelightbox-arrow{
    background: transparent;
    border: 0;
    box-shadow: none;
}
.imagelightbox-arrow-left:before{
        border-right-color: #444;
}
.imagelightbox-arrow-right:before{
        border-left-color: #444;
}



/*pag offerte*/

.tendina_strutture {
    
}

.select_strutture {
    line-height: 16px;
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
    top: 100px;
    width:100%;
    max-width:450px;
    right: 0;
    z-index: 9;
    position: absolute;
    left:0;
    display:none;
    
    
    .item_strutture {
        text-align: center;
        
        a {
            padding: 15px;
            background-color: #fff;
            color: #111;
            border-bottom:1px solid #eee;
            display: block;
            
            &:hover{
                background-color: #eee;
            }
        }
    }
    
}



.pulsante-2 {
    color: @text-color;
    display: block;
    padding: 35px 65px;
    line-height: 1.3;
    font-size: 18px;
    background-image: url('/source/arr-down.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    border: 1px solid transparent;
    text-decoration: underline;
    cursor:pointer;
    font-weight:bold;
    border: 1px solid #ccc;
    max-width: 450px;
    margin: 0 auto;

    &:hover {
        background-color: transparent;
        color: @text-color;
        border: 1px solid @text-color;
    }
}
/*divertiti con coco*/
.img-coco-download{
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 20px;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    
    &:hover {
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
    }
}
.link-coco-download{
    &:hover{
        .link-circle{
            -moz-transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            transition: all ease 0.5s;
           background: @turchese;
        }
        .img-coco-download{
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        }
    }
}
.link-circle{
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background:  @primary-color-hover;
    color: #fff;
    width: 100px;
    line-height: 110%;
    font-size: 15px;
    height: 100px;
    padding: 35px 5px;
    margin: -60px 0 60px;
    position: relative;
    z-index: 1;
    font-family:@averia;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    box-shadow: 2px 2px 0 0 #ddd;
    border: 2px solid #fff;
    &:hover{
        -moz-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
       background: @turchese;
    }
    
    &:before{        
        content: '';
        position: absolute;
        left: 0;
        top: -15px;
        margin: auto;
        height: 40px;
        width: 30px;
        background-image: url(/source/c.png);
        background-repeat: no-repeat;
        right: 0;
        text-align: right;
    }
}
.offerte-strutture {
   // display:none;
   .no-offerte{
       display:none;
       }
    &.invisibile{
        display:none;
        }
    &.visibile {
        display:block;
        .no-offerte{
           display:block;
           }
    }
}
.marchi-colonne-wrap{
    flex-wrap:wrap;
    @media (max-width: @screen-xs-max) {display:flex;}
    .col-10{
        width:10%;
        img{
            padding:10px;
        }
    @media (max-width: @screen-sm-max) {width:20%}
    @media (max-width: @screen-xs-max) {width:20%}
    }
}
//traduzioni
html[lang="en"],html[lang="de"],html[lang="fr"]{
.banner-quality{
    /*display:none !important;*/
}
}


//TRADUZIONI

html[lang="en"]
{
	@media screen and (max-width: 767px){
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    .box-storto{
	   bottom: 0px;     
	        }
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 13px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 13px;
        }
        
        #pgall #button_email_min {
            font-size: 16px;
        }
        
        .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (min-width: 1200px){
	    
	    .box-storto{
	   bottom: 8px;     
	        }
	}

}

html[lang="fr"]
{
       .pulsante.bordato{
            font-size: 11px;
            
            }
	@media screen and (max-width: 767px){
	    
        .link-mobi {
        font-size: 8px;
        }
        .offer_detail .periods .period_foot .btn {
        font-size: 13px;
        }
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
        
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    .box-storto{
	   bottom: 0px;     
	        }
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 11px !important;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 13px;
        }
        
        #pgall #button_email_min {
            font-size: 14px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante .ico {
        right: 4px;
        }
        
        .box-tripadvisor {
            bottom: 16px;
            font-size:14px;
        }
        
        .box-storto{
	   bottom: 0px;     
	        }
	}
	@media screen and (min-width: 1200px){
	    
	    .box-storto{
	   bottom: 3px;     
	        }
	        
        #pgall #button_email_min {
            font-size: 16px;
        } 
	}
	
	

}


html[lang="de"]
{
       .pulsante.bordato{
            font-size: 11px;
            
            }
       .box-select select {
          width: 100% !important;  
            }



	@media screen and (max-width: 767px){
        .offer_detail .periods .period_foot .btn {
        font-size: 13px;
        }
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
	   
	   .link-circle{
	    font-size: 13px;    
	   }
	}
	@media screen and (max-width: 991px) and (min-width: 768px){
	    
	    #pgall #button_email_min {

        font-size: 17px;
        }
	    .box-storto{
	   bottom: 0px;     
	        }
	        
	   .box-tripadvisor, .box-tripadvisor-banner{
	    height: 115px !important;    
	   }
	   
	   .link-circle{
	    font-size: 13px;    
	   }
	}
	@media screen and (max-width: 1199px) and (min-width: 992px){
	    #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 11px !important;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante {
            font-size: 12px;
        }
        
        #pgall #button_email_min {
            font-size: 16px;
        }
        
        .offerte-scorrevoli .layout-1.righe .offer .bordered .max-wdt .cont-pulsante .pulsante .ico {
        right: 4px;
        }
        
        .box-tripadvisor {
            bottom: 16px;
            font-size:14px;
        }
        
        #pgall .booking label {
    font-size: 12px;
        }
        
        #wrapper_email_min .field_button_min {
        width: 100%;
        margin-top: 5px;
        }
        
        
        #wrapper_email_min .field_email_min {
         width: 100%;
            }
	    .box-storto{
	   bottom: 0px;     
	        }
    .form-myreply .myReplyForm label, #myreply_form_offerta label {
    font-size: 11px;
    }
	}
	@media screen and (min-width: 1200px){
	    
	     #pgall .booking .seleziona-verifica .btn_preventivo {
            font-size: 14px !important;
        }
        
        #pgall #button_email_min {
            font-size: 12px;
        }
        
	    .box-storto{
	   bottom: 8px;     
	        }
	        
    .form-myreply .myReplyForm label, #myreply_form_offerta label {
    font-size: 13px;
    }
	}

}

.reparto-txt{
    width:20%;
    float:left;
    text-align:center;
    padding-bottom:0px;
    @media (max-width: @screen-sm-max){
        width:50%;
        }
    @media (max-width: @screen-xs-max){
        width:33.33%;
        }
    
    .txt{
    	font-family: @averia;
    	font-size:26px;
    }
    [class^="icon-"],
    [class*=" icon-"]{
        display:block;
        margin-bottom:5px;
        color:@primary-color;
        }
}

.nome-struttura{

    margin-top:10px;
        color: #fd0077;
    font-size: 17px;
    font-weight: bold;

}

.nome-struttura-home{

    margin-top: 10px;
    color: #fd0077;
    font-size: 17px;
    font-weight: bold;
    margin-bottom:10px;


}
.struttura-testo-home{

    font-size:16px;
    line-height:18px;
    margin-top:10px;
    text-shadow: 1px 1px black;
    padding:0 5px;

}

.box-landing{

    @media (min-width: @screen-md-min) {
    
        height:700px;
    
    }

}


picture{
    img{
        height: auto !important;
    }
}

.slider-hotel-home{

    .slick-next{
    
        bottom:auto;
        top:-5px;
        right:50%!important;
        margin-right:-40px;
    
    }
    
    .slick-prev{
    
        bottom:auto;
        top:-5px;
        left:50%!important;
        margin-left: -40px;
        
    
    
    }

}