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


/*aggiunte menu*/
#menu nav ul {
    padding-bottom: 0px !important;
}
#menu nav .navbar   { 
  padding-bottom: 0px !important;
}
#menu nav .nav-link {
	padding-bottom:1rem !important;
}
#menu .dropdown-menu a:after{
	content:"";
}
#menu .dropdown-menu a:hover{
	color:#333;
}
#menu .dropdown-menu{
  /*margin-top: 0.5rem !important;*/
	padding:0px !important;
	border: none !important;
	border-radius:0px !important;
}
/*fine aggiunte menu*/

/*menu e testata*/


::selection { background: #91b3bd; }

.menutestata li{
	display:inline;}
.menutestata li a{
	font-size:15px;
	font-weight:300;
	color:#31869c;}
	.menutestata li a:hover{
		text-decoration:none;
		color:#e76d21;}
	.menutestata  ul{
		margin-top:75px;
		padding-left:0px;}
		.menutestata li:after{
			font-weight:300;
			content:" | ";}
			.menutestata li.last:after{	content:"";}
			
				
				.serviziclienti{
					margin-top:25px;
					text-align:right;
					line-height:24px;
					font-weight:400;
					font-size:18px;
					color:#31859c;}
					.nemerotel{
						font-weight:700;
						font-size:28px;}
						.giornitesta{
							font-size:14px;}
							
							#menu{
								background-color:#f2f2f2;}
								#menu nav ul{
									padding-left:0px !important;}
									
									
									#menu li a{
										color:#31859c;
										font-size:18px;
										font-weight:400;}
										#menu li a:after{	font-weight:300;
										color:#333;
										margin-left:10px;
			content:" | ";}
			#menu li.last a:after{content:"";}
			#menu li a:hover{color:#e76c21;}
			
			.areagenzie{
				text-align:left;
				padding-top:10px;}
				.cerchio{padding-top: 9px;
    text-align: center;
					background-color:#31859c;
					color:#fff;
					border-radius:50%;
					width:38px;
					height:38px;}
					.agenziaenter a{
						margin-right:25px;
						font-weight:300;
						font-size:14px;
						color:#31859c;
						text-transform:uppercase;}
/*fine menu e testata*/



/*newsletter*/
.formail input[type=text]{
	padding:4px;
	background-color:#fff;
	border:1px solid #31859c;
	margin-bottom:10px;}
.formail{font-family: 'Poppins', sans-serif;

		font-size:14px;
	}
	
	.formail input[type=button]{
		background-color:#31859c;
		border:1px solid #31859c;
		padding-left:20px;
		padding-right:20px;
		padding-top:6px;
		padding-bottom:6px;
		color:#fff;
		text-transform:uppercase;
		font-weight:700;
		}
		.formail input[type=button]:hover{
			opacity:0.5;}
			
			
	
/* The container */
.containerchecknewsl {
	font-size:14px;
	color:#333;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerchecknewsl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.containerchecknewsl .checkmark {
	background-color:#275c72;}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #275c72;
}

/* On mouse-over, add a grey background color */
.containerchecknewsl:hover input ~ .checkmark {
  background-color: #999;
}

/* When the checkbox is checked, add a blue background */
.containerchecknewsl input:checked ~ .checkmark {
  background-color: #275c72;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerchecknewsl input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerchecknewsl .checkmark:after {
left: 9px;
    top: 5px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

		
			
			
			
			
			
/*fine newsletter*/
















:hover{transition: all 0.5s ease;
}
body{font-family: 'Poppins', sans-serif !important; }
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}


/*tour dettaglio*/
	.breadcrumbcust {font-family: 'Poppins', sans-serif;
	color:#666666;
		font-size:14px;}
.breadcrumbcust a{
	font-weight:300;
	text-decoration:underline;
	color:#31859c !important;}
	
	.breadcrumbcust a:hover{color:#666666;}
	h1.titletour{
		font-weight:500;
		color:#e76c21;
		font-size:36px;}
	h3.zonatour{
		font-size:24px;
		color:#333;
		font-style:italic;
		margin-top:0px !important;
		margin-bottom:35px;}
	.thumbtour{
		margin-top:50px;
	}
		.thumbtour img{	margin-right:19px;}
		.thumbtour img.last{
			margin-right:0px;}
		#descrizione{
			margin-top:50px;
			background-color:#f2f2f2;
			padding:25px;
			color:#000;
			font-size:16px;
			font-weight:300;}
			.giorni{
				color:#666666;
				font-size:18px;
				font-weight:900;
				width:100%;
				text-align:center;
				display:table;
				margin-top:35px;}
				.divisore60{
					height:1px;
					display:table;
					width:60%;
					margin-left:auto;
					margin-right:auto;
					background-color:#31859c;
					margin-top:10px;
					margin-bottom:10px;}
				.prezzo{font-size: 14px;
					color:#31859c;
					font-weight:400;
					width:100%;
				text-align:center;
				display:table;
					}
				.prezzo strong{
					font-size:36px;
					font-weight:700;}
					.perpersona{font-size: 14px;
						font-weight:500;
						color:#333333;
							width:100%;
				text-align:center;
				display:table;}
				#mappa{width:90%;
				margin-top:50px;
					margin-left:auto;
					margin-right:auto;
				}
				#boxservizi{	width:90%;
				margin-top:36px;
					margin-left:auto;
					margin-right:auto;
					background-color:#f2f2f2;
						padding:25px;}
						.spaziatoreoran90{height:1px;
					display:table;
					width:90%;
					margin-left:auto;
					margin-right:auto;
					background-color:#e76c21;
					margin-top:10px;
					margin-bottom:10px;}
					.categoriatour{color:#e76c21;
					font-size:18px;
					font-weight:700;
					text-align:center;
					width:100%;
					display:table;}
					#boxservizi h6{
						font-weight:500;
						color:#31859c;
						font-size:24px;}
						#boxservizi ul li{
							font-size:20px;
							font-weight:300;
							list-style-type:none !important;}
								#boxservizi ul{padding-left: 0px;
									margin-left:0px;
									margin-bottom:25px;}
						#boxservizi ul li:before{
							 font-family: "Font Awesome 5 Pro"; 
							 content: "\f00c";
							 color:#797979;
							 font-size:1.5em;
							 margin-right:20px;}
						.cerchioorange{
							background-color:#e76c21;
							color:#fff;
							border-radius:50%;
							width:48px;
							height:48px;
							padding-top:5px;}
							.separa60{margin-right:auto;
								margin-left:auto;
								text-align:center;
								display:table;
								width:60%;
								height:1px;
								border-bottom:1px solid #999;
								margin-top:25px;
								margin-bottom:25px;
								}
							#separatoredoppriaga{
								margin-top:55px;
								background-image:url(../images/doppiariga.png);
								width:40%;
								height:18px;
								margin-right:auto;
								margin-left:auto;
								text-align:center;}
							#pallinocel{	margin-right:auto;
								margin-left:auto;
								width:22px;
								height:22px;
								background-color:#31869c;
								border-radius:50%;
								border:4px solid #fff;}
								.formprenota label{
									font-size:20px;
									font-weight:400;
									width:100%;
									}
									
									
									
									
					select {

  /* styling */


  display: inline-block;
  font: inherit;
  line-height: 1.5em;
 

  /* reset */

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


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #0193b8, #0193b8);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, black 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

										.formprenota input[type=text], .formprenota select{
											width:98%;
											background-color:#00c0ef;
											border:1px solid #00c0ef;
											color:#fff;
											font-size:15px;
											padding:3px;}
											.formprenota input[type=text]:hover{
												background-color:#0199be;
											}
											.aranciobold{
												background-color: #e76c21;
    border: 1px solid #e76c21;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 25px;
    padding-left: 25px;

    color: #fff;

    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
  }
  
  .aranciobold.light{
	  font-weight:500 !important;
	  font-size:18px;}
  
												.aranciobold:hover{
													background-color:#c2520e;}
			
					
					.bggrigio{
			background-color:#f2f2f2;
			padding:25px;}
					
			.riassunto{
				font-size:16px;
				font-weight:500;}
			.prezzotototou{
				padding-top:20px;
				text-align:center;
				font-size:28px;
				font-weight:700;
				color:#7d7e7e;}		
					
		.serviziextra{
			font-weight:500;
			font-size:20px;
			color:#31859c;
			width:100%;
			margin-bottom:25px;
			display:table;}	
			.divisoreblu{
				width:60%;
				margin-left:25px;
				display:table;
				border-bottom:1px solid #31859c;
				margin-top:15px;
				margin-bottom:15px;}		
					
				.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}			
.totprenotazione{
	color:#31859c;
	font-size:36px;
	font-weight:700;}

#rigaarancio{
	margin-top:1px;
	width:100%;
	background-color: #e76c21;
	height:3px;}
.card-header-tabs{
	margin-bottom:0px !important;}

.servizidettaglio .nav-tabs .nav-link.active, .servizidettaglio .nav-tabs .nav-item.show .nav-link.active{
	background-color:#e76c21 !important;
	color:#fff !important;
	text-transform:uppercase;
	border:none !important;}
	.servizidettaglio .nav-tabs .nav-link{
		padding:10px;
		border-radius:0px !important;}
	.servizidettaglio .nav-link	{
		margin-right:3px;
		border:none !important;
			background-color:#bfbfbf !important;
			color:#fff !important;
	text-transform:uppercase !important;}
	.servizidettaglio .nav-link:hover{
			background-color:#e76c21 !important;}
		
		
		
		.thumbtour img{
			margin-bottom:20px;}
		
		
		

	/*fine tour dettaglio*/
	
	
	/*lista blog*/
	
	.blogsingolo img{
		margin-bottom:25px;}
		
		.date{
			font-size:14px;
			font-style:italic;}
			
			
	.blogsingolo h4 a{
		font-size:18px;
		color:#4892a6;
		font-weight:700;}
			.blogsingolo h4 a:hover{
				color:#333;}
		.blogsingolo  p{
			font-size:14px;
			font-weight:300;}		
		.blogsingolo {
			margin-bottom:85px;}			
				.line{
					width:90%;
					margin-left:auto;
					margin-right:auto;
					border-bottom:1px solid #b0b0b0;
					display:table;
					margin-bottom:8px;}
					.leggiblogtutti{background-color:#00c0ee;
						color:#fff;
						font-weight:700;
						text-transform:uppercase;
						display:table;
						margin-left:auto;
						margin-right:auto;
						padding-bottom:6px;
						padding-top:6px;
						padding-left:10px;
						padding-right:10px;}
					.leggiblog{
						background-color:#00c0ee;
						color:#fff;
						font-weight:700;
						text-transform:uppercase;
						display:table;
						margin-left:auto;
						margin-right:auto;
						padding-bottom:6px;
						padding-top:6px;
						padding-left:60px;
						padding-right:60px;}
						.leggiblog a, .leggiblogtutti a{
							color:#fff;
							text-decoration:none !important;}
							.leggiblog:hover, .leggiblogtutti:hover{
								background-color:#ddd;}
								
						.leggiblog:hover > a, .leggiblogtutti:hover > a{color:#00c0ee;}			
								
	/*fine lista log*/
	
	
	/*footer*/
	#footerinner1{
		width:100%;
		float:left;
		background-color:#f2f2f2;
		margin-top:25px;
		margin-bottom:50px;
		padding-top:35px;
		padding-bottom:35px;}
		
		#footerinner2{width:100%;
		float:left;

		margin-top:25px;
		margin-bottom:50px;
		padding-top:35px;
		padding-bottom:35px;}
		#footerinner3{width:100%;
		font-size:14px;
		font-weight:300;
		line-height:22px;
		float:left;
		text-align:center;
			color:#fff;

		margin-top:25px;

		padding-top:35px;
		padding-bottom:35px;
			background-color:#194f5d;}
				#footerinner3 a{
					color:#fff;}
		.footer1{
			font-size:14px;
			font-weight:300;}
			.footer2 ul{
				margin:0px;
				padding:0px;}
				.footer2 li{
					list-style:none;}
				.footer2 li a{
					color:#000;
					font-size:14px;}
					
						.footer2 li a:hover{
							text-decoration:none !important;
							color:#31859c;}
							.footer2 img{ margin-right:10px;}
				
							.footer3 img{
								margin-left:20px;
								margin-right:20px;}
								#social{
									border-bottom:1px solid #fff;
									display:table;
									margin-left:auto;
									margin-right:auto;
									padding-bottom:6px;
									margin-bottom:20px;
									padding-left:25px;
									padding-right:25px;}
	#social .fab{
		margin-left:8px;
		margin-right:8px;}
		#social .fab:hover{
			opacity:0.5;}
	/*fine footer*/
	
	
	
	
	
	
	
	
	
	
	
	/*generici*/
	.font15{
		font-size:15px;}
	.lighter{
		font-weight:300;}
	.max100 img{
		max-width:100%;}
	.centerinside{    display: table;
    width: 100%;

    text-align: center;}
	.fontlight14{
		font-size:14px;
		font-weight:300;
	}
	
	.pacchetti{
		color:#186197;}
	.soggiorni{
		color:#68a352;}
		.tour{
			color:#e76d21 !important;}
	
	.bgkpacchetti40{background-color:rgba(24,97,151,0.4);}
	.bgksoggiorni40{background-color:rgba(104,163,82,0.4);}
	.bgktour40{
		background-color:rgba(231,109,33,0.4);}

.bgkpacchetti{background-color:rgba(24,97,151,1);}
	.bgksoggiorni{background-color:rgba(104,163,82,1);}
	.bgktour{
		background-color:rgba(231,109,33,1);}




	.margintopmeno25px{
		margin-top:-25px;}
	arightt{
		text-align:right;}
	.titolicelesti24{	color:#30859c;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;}
	.percent img{
		width:100%;}
		.dtable{
			display:table;}
			.margintopbox{margin-top:5px !important;}
	.margintop20px{margin-top:20px !important;}
	.margintop25{margin-top:25px !important;}
		.margintop30{margin-top:30px !important;}
	.percent img{
		width:100%;}
	.arancio{
		color:#e76c21;}
	.arancio:hover{
		opacity:0.5;}
	.separatoredoppialinea{
	width:30%;
	display:table;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2f7e94;
	border-bottom-color: #2f7e94;
	height:5px;
		}
		.acenter{
			text-align:center;}
				.margintop20{
		margin-top:20px !important;}
		.margintop15{
		margin-top:15px !important;}
		.margintop40{
		margin-top:40px !important;}
			.margintop60{
		margin-top:60px !important;}
		.marginbottomtitolo{margin-bottom:25px;}
		.marginbottom50{
			margin-bottom:50px;}
		.marginbottom20{
			margin-bottom:20px;}
	.arightt{
		text-align:right;}
	.aleftt{
		text-align:left;}
		.floftt{
	float:left}
	
		.acenter{
			text-align:center;}
	.margintop40{margin-top:40px !important;}
	.margintop80{
		margin-top:80px !important;}
			.margintop110{
		margin-top:110px !important;}
	.center{
		width:100%;
		display:table;
		text-align:center;}
		.padding25{
			padding:25px;}
		/*fine generici*/
		
		
	#back_to_top {background-color: #00c0ef;
	height: 43px;
    width: 43px;

    position: fixed;
    bottom: 50px;
    right: 15px;

	z-index:10000;
	color:#333;
}


/* The container */
.containercheck {
	font-size:20px;
	color:#333;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #999;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #00c0ef;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
left: 9px;
    top: 5px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#newsletterinterna{
	float:left;
	width:100%;
	background-color:#e5e5e5;
	margin-top:50px;
	margin-bottom:50px;}
.celeste{
	color:#30859c;}
	.titolicelesti{	color:#30859c;
	text-transform:uppercase;
	font-size:30px;
	font-weight:700;}
	
	
	
	
	/*slider*/
/*#slider{
	background-image:url(../images/banner-home.jpg);
	width:100%;
	float:left;
	background-size:cover;
	background-position:center center;	
	height:500px;
}
Spostato in zs-style-2020
*/
#sliderpacchetti{
	background-image:url(../images/banner-pacchetti.jpg);
	width:100%;
	float:left;
	background-size:cover;
	background-position:center center;
	height:500px;
}#slidertour{
	background-image:url(../images/banner-tour.jpg);
	width:100%;
	float:left;
	background-size:cover;
	background-position:center center;
	height:500px;
}
/*fine slider*/
	
	
	
	
	/*home*/
a.sottotabtour{color:#e76d21 !important;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:20px;}
	a.sottotabtour:hover{
		color:#333 !important;
		text-decoration:none;}
	.tipologieform{
		display:none;}
	.cerchio:hover{
		opacity:0.5;}
.secondo{
float:right;}
	#godaddy{
		font-size:13px;
    text-align: center;
		padding:6px;
		background-color:#fff;
		display:table;
		float:right;}
	.happicontanitor h1{color:#30859c;
	
	
	font-size:36px;
	font-weight:700;}
	
	#cerca{
		width:100%;
		float:left;
		/*margin-top:-290px;*/
		}
		.biaopacity{background-color:rgba(255,255,255, 0.8);
		padding:20px;}
		button.tablinks.active {background-color:rgba(255,255,255, 0.8);}
		
		
		
		.tab button {
	background-color:rgba(255,255,255, 0.4);
	color: #666;
	font-weight: 700;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	font-size: 18px;
	padding-top: 14px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 18px;
}


#separator{background-color: red;
    height: 20px;
    width: 100%;
    float: left;}

#all{
	margin-top:30px;
	width:100%;
	float:left;}

#puntiforza{width:100%;
	float:left;
	background-color:#f2f2f2;
	margin-top:75px;
	padding-bottom:35px;
	margin-bottom:120px;}

.goccia{color: #31869c;
margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: -5px 5px 10px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: -5px 5px 10px -1px rgba(0,0,0,0.5);
    box-shadow: -5px 5px 10px -1px rgba(0,0,0,0.5);
    width: 110px;
    background-color: #fff;
    height: 110px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    margin-top: -50px;
    padding-top: 30px;
	margin-bottom: 25px;
	}
.pforza{
	font-size:14px;
	color:#333333;}
	.pforza strong{
		text-transform:uppercase;
		font-size:16px;}


#settori, #offmese, #prosssimiviaggi, #tuttedestinazioni, #quizvacanza, #reference, #vacanzemare, #settimane, #consigliatihappy, #partenzegarantite, #suggerimentiviaggio{
	width:100%;
	float:left;
	
	
	margin-bottom:70px;}
	#partenzegarantite{
		margin-top:50px;}
	#tuttedestinazionititolo, #bloglista, #categorie{	width:100%;
	float:left;
	}
	
	#tuttedestinazioni, #categorie, #suggerimentiviaggio{
		padding-top:35px;
		padding-bottom:35px;
		background-color:#f2f2f2;}
		
		#quizvacanza{
		padding-top:35px;
		padding-bottom:35px;
		background-color:#f2f2f2;}
	
.boxshadow{
	-webkit-box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.84);
-moz-box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.84);
box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.84);}
.tshadow{
	text-shadow: -3px 1px 3px rgba(0, 0, 0, 1);}
.cerchietto {padding-left: 4px;
    padding-top: 11px;
    margin-left: auto;
    width: 58px;
    height: 58px;
    background-color: #fff;
    margin-top: -140px;
    margin-right: auto;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    text-align: center;
	margin-bottom:20px;
}

.titsezioni{
	font-weight:700;
	font-size:28px;
	color:#fff;
	text-transform:uppercase;}
.titsezioni:hover{
	color:#194f5d !important;
	text-decoration:none !important;}
.sottobox{color:#333;
	font-weight:500;
	font-size:14px;
	    margin-top: 20px;
        width: 100%;
    min-height: 55px;
    padding: 10px;

    padding-top: 10px;}
	
	.scopri{    padding-top: 14px;

    display: table;
    padding-bottom: 14px;
    padding-left: 65px;
    padding-right: 65px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;}
	.scoprioff {padding-top: 8px;
 text-transform: uppercase;
 width:100%;
 text-align:center;
    display: table;
    padding-bottom: 8px;}
	
	
	.scopri a, 	.scoprioff a{
		color:#fff;
		font-size:20px;
		font-weight:700;}
		.scopri a:hover, 	.scoprioff a:hover{
	color:#194f5d;
			text-decoration:none !important;}
	.scopri:hover, 	.scoprioff:hover{opacity:0.5;}
	
	.offtipo { z-index: 10;
		position: relative;
    width: 76px;
    height: 76px;
	border-radius:50%;
	
}

.imma{
	position: relative;
    margin-top: -45px;
    z-index: 0;}
	
	.offagg{
		text-align:left !important;
		min-height:40px;
		width:100%;
		display:table;
		text-transform:uppercase;}
	.offagg img{
		width:auto !important;

		margin-right:5px;}
	.titoff {    line-height: 18px;
		

    min-height: 50px;

    margin-top: 20px;
    width: 100%;
    display: table;
}
.titoff a{
	line-height:16px;
	color:#186197;
	font-weight:500;
	font-size:16px;}

.titoff a:hover{
	color:#333;
	text-decoration:none !important;}
	.prezzolista{
		font-weight:800;
		float:right;}
	.dadurata{
		font-weight:300;
		font-size:14px;}
	.dove{
		font-weight:300;
		font-size:14px;}
		.dove strong{
			font-weight:700;}
		
	.star {
    color: #f8b333;
    float: right;
    float: left;
}
	span.separaoff {
    width: 100%;
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    border-bottom: 1px solid #cccccc;
}

.offertelista{
	margin-bottom:90px;}

.dataprossimi {font-size: 12px;
background-color:#e5e5e5;
    font-weight: 300;
    font-style: italic;
	padding-left: 3px !important;
	padding-right:0px !important;
	    padding-top: 7px;
    padding-bottom: 7px;}
.titoloprossimi  a{
	font-size:15px;
	color:#000;
	font-weight:400;}
.titoloprossimi {font-size: 14px;
padding-right:0px !important;
background-color:#f4f4f4;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 400;}
.partenzatipo {font-size: 13px;
padding-right:0px !important;
    border-bottom: 1px solid #b2b2b2;
    font-weight: 300;
	    padding-top: 7px;
    padding-bottom: 7px;}

.btoff{display: table;
padding-top: 6px;
    padding-bottom: 6px;
    text-transform: uppercase;
    padding-left: 6px;
    padding-right: 6px;}
	.btoff a{
		color:#fff;
		font-weight:700;
		font-size:15px;}
		.btoff:hover{
			background-color:#ccc;}
		.btoff a:hover{
			text-decoration:none !important;}
.newsletterquadrata{
	padding:25px !important;
	background-color:#f2f2f2;}
	
	.spacebr {
		margin-bottom:3px;
		margin-right:2px;}
	
	
	.newsletterquadrata .containerchecknewsl{
		margin-top:15px;}
	.newsletterquadrata input[type="text"]{
		width:100%;}
		
	.destsx strong, .destdx	 strong{
		font-size:20px}
			.destinazionlista {
				padding-left:0px;}
		.destinazionlista li{
			list-style:none;
			padding-left:15px;
			width:45%;
			float:left;}
			
			.destinazionlistaunacolonna{list-style:none;
			padding-left:15px;}	
	.destinazionlista li:nth-child(odd) {
		border-right:1px solid #797979;


}	

.destinazionlista li:before{
	color:#797979;
    font-family: "Font Awesome 5 Pro";
    content: " \f192";
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 1px;
    float: left;
}

.destinazionlistaunacolonna li:before{
	color:#797979;
    font-family: "Font Awesome 5 Pro";
    content: " \f192";
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 1px;
  
}
.destinazionlista li a, .destinazionlistaunacolonna li a{
	text-transform:uppercase;
	font-size:14px;
	color:#2b2e30;}
.destinazionlista li a:hover, .destinazionlistaunacolonna li a:hover{
	text-decoration:none !important;
	color:#31859c;}
	
	
	

.areavideo{
	font-size:14px;
	font-weight:300;}



.titoloquiz{
	margin-top:15px;
	font-weight:800;
	color:#31859c;
	/*font-size:60px;*/
	font-size:51px;
	text-transform:uppercase;
	display:table;
	line-height:50px;}

.sottotiloquiz{	text-transform:uppercase;
	font-weight:800;
	font-size:30px;
	color:#333333;}

.quizquiz p{
	margin-bottom:25px;}

#bottquiz {
      margin-top: -120px;
    background-color: #31859c;
    display: table;
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
    z-index: 10;
    margin-right: 25px;
}

#bottquiz a{	font-weight:800;
	color:#fff;
	font-size:36px;
	text-transform:uppercase;}



#bottquiz a:hover{
	text-decoration:none;}
#bottquiz:hover{
	background-color:#ccc;}


.presssx{
	font-size:14px;
	font-weight:300;
	border-right:1px solid #000;}
.pressdx{font-size:14px;
	font-weight:300;}
.sottotpress{
	font-weight:800;
	font-size:24px;
	line-height:20px;
	color:#333333;}


.singolapress{min-height: 120px;
	width:100%;
	display:table;}



.loghino{
	text-align:center;
	margin-right:15px;
	min-width:200px;
	float:left;}


#bottonesxcopri{
background: #31859c;
    margin-top: 50px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 35px;
    padding-left: 35px;}



#bottonesxcopri a {
	color:#fff;
	text-transform:uppercase;
	font-weight:800;
	font-size:20px;}
#bottonesxcopri a:hover{
	text-decoration:none;}

#bottonesxcopri:hover{
	background-color:#ccc;}




	/*fine home*/
	
		/*form ricerca*/
	select.classictou {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #8c8c8a, #8c8c8a);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classictou:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}




	.normalsel{width: 100%;
    font-size: 14px;
    border: 2px solid #666;
    padding: 7px;}
	
	.classictou, #cerca input[type=text]{width: 100%;
    font-size: 14px;
    border: 2px solid #666;
    padding: 7px;}
	
	
	.cercaformveloce{    width: 100%;
    background-color: #599cae;
    border: 1px solid #599cae;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 7px;}
	
		.cercaformveloce:hover{  background-color: #e76d21;
    border: 1px solid #e76d21;}
	
	
	
	/*fine form ricerca*/
	
	/*home pacchetti*/
	#pacchettiofferta, #pacchettitour{
		width:100%;
		float:left;
		margin-top:100px;}
	
	
	.scoprioff60 {padding-top: 6px;
 text-transform: uppercase;
 width:60%;
 	margin-left:auto;
	margin-right:auto;
 text-align:center;
    display: table;
    padding-bottom: 6px;}
	
	
	.scoprioff60 a{
		color:#fff;
		font-size:20px;
		font-weight:700;}
		.scoprioff60:hover > a{color:#194f5d;}
			.scoprioff60:hover{	background-color:#ccc;}
		.scoprioff60 a:hover{
		
	color:#194f5d;
			text-decoration:none !important;}
	
	.separaoff60{ width: 60%;
	margin-left:auto;
	margin-right:auto;
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    border-bottom: 1px solid #cccccc;}
	.separa90{ width: 90%;
	margin-left:auto;
	margin-right:auto;
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    border-bottom: 1px solid #cccccc;}
	.separaoff95{ width: 95%;
	margin-left:auto;
	margin-right:auto;
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    border-bottom: 1px solid #cccccc;}
.titpacchet{
	min-height:50px;
	width:100%;
	display:table;
	margin-bottom:8px;
	margin-top:10px;}
	
.titpacchet a{
	text-transform:uppercase;
	color:#186197;
	font-weight:500;
	font-size:18px;}

.titpacchet a:hover{
	color:#333;
	text-decoration:none !important;}
	
	.pacchettiofferta, .pacchettitour{
		margin-bottom:90px;
		font-size:16px;
		font-weight:300;}
	.pacchettitour p{min-height:75px;
			display:table;}
		.pacchettiofferta p{
		
			/*min-height:55px;*/
			display:table;}
	.headlineoff{padding: 30px;
		min-height:280px;}
		
		
	.testoheadline{margin-top: 25px;
	margin-bottom:15px;
    font-size: 40px;
    color: #fff;
    font-weight: 100;
    line-height: 40px;}	
		
		
		.offertainblu{
		
			    text-align: center;
    background-color: #fff;}
		
		.offertainblu a{
			font-weight:700;
			font-size:36px;
			color:#186197;}
		.offertainblu a:hover{
			text-decoration:none !important;
			color:#ccc;}	
		.dida{
			    margin-top: -60px;
    background-color: #fff;
    position: relative;
    z-index: 10;
    width: 130px;
    padding: 8px;
    margin-left: 20px;
    display: table;}	
	
		.dida a{
			font-size:16px;
			color:#186197;
			text-transform:uppercase;
			font-weight:700;}
	.dida a:hover{
		text-decoration:none !important;
		color:#ccc;}
	
	.boxmare{
		margin-bottom:50px;}

	.titolosettimana{
		background-color:#31859c;
		font-weight:700;
		color:#fff;
		font-size:24px;
		padding:15px;
		margin-bottom:35px;}
	.maresett{
		
		font-size:16px;
		font-weight:400;}
		.titsettlin{
			text-decoration:none;
			color:#000;}
		.titsettlin:hover{
			color:#ccc;
			text-decoration:none;}
		.grigio {
			color:#ccc;}
		.maresett	a .fas:hover{
			color:#31859c;}
			
		.didacategoria{
			margin-top: -72px;
    position: relative;
    z-index: 10;
    font-size: 14px;
    font-weight: 300;
			color:#fff;
			padding:8px;
			background-color:rgba(49,133,156,0.7);}	
		.titcategoria{
			font-size:24px;
			font-weight:700;
			color:#fff;
			width:100%;
			display:table;}
			
				.titcategoria:hover{
					text-decoration:none;
					color:#31859c;
					}
		
	/*fine home pacchetti*/
	
	/*home tour*/
	.titttour{min-height:50px;
	width:100%;
	display:table;
	margin-bottom:8px;
	margin-top:10px;}
	.titttour a{
		text-transform:uppercase;
		font-weight:700;
		font-size:18px;
		color:#e76d21;}
		.titttour a:hover{
			text-decoration:none;
			color:#ccc;}
			.titolopartgarant{
				font-size:30px;
				font-weight:700;
				color:#fff;
				padding-top:15px;
				padding-bottom:15px;}
				.icogarant{    margin-left: -30px;
    float: left;
    border-radius: 50%;
    margin-top: -50px;
    margin-right: 30px;}
	
	.iconcine{    width: 60px;
	border-radius:50%;
	margin-left:10px;
	
    height: 60px;
    margin-top: -30px;}
		.titsiggeriti{
			display:table;
			margin-top:20px;}
	.titsiggeriti a{text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #e76d21;}
	.titsiggeriti a:hover{
		color:#333;
		text-decoration:none;}
	
	.pacchettitour{
	
		font-size:14px;
		font-weight:300;}
	
	
	
	.boxsuggeriti {
		margin-bottom:90px;}
	
	.scoprisuggeriti{    padding-top: 5px;
background-color:#00c0ee;
    display: table;
    padding-bottom: 5px;
    padding-left: 65px;
    padding-right: 65px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;}
	
	
	.scoprisuggeriti a{
		color:#fff;
		font-size:20px;
		font-weight:700;}
		.scoprisuggeriti a:hover{
	color:#194f5d;
			text-decoration:none !important;}
	.scoprisuggeriti:hover{opacity:0.5;}
	.sliderrr{margin-right: 15px; overflow:hidden;}

	.sliderrr  img.imma{min-height: 212px;
    width: auto;
    min-width: 100%;}
	

	
	
	
	
	
	
	
	
	
	/*fine home tour*/
	

@media (min-width: 991px){
	.nopadding{
padding:0px !important;}
	#menu nav{
			padding-left:0px;}
		.formprenota .row .col-md-3{
					padding-left:0px;}
				.formprenota .row 	.col-md-5{
					padding-right:0px;}	}
					
@media (max-width: 991px){
	.newletterbox{
		margin-top:45px;}
	.titoloquiz{font-size:35px;}
	.margintop15mob{
		margin-top:15px;}
		.nomobile{
			display:none;}
	.mobpercent img{
		width:100%;}
	.nopadding.mobilepadd{
		padding-left:15px !important;
		padding-right:15px !important;}
	.card-header-tabs{
		margin-left:15px !important;
		margin-right:15px !important;}
	.aranciobold{ width:100% !important;
	margin-bottom:4px;
		font-size:16px;
		font-weight:700;}
#boxservizi ul{
	padding:0px;}
	#boxservizi ul li:before{
		margin-right:4px;}
		.destratour{
			margin-top:35px;}

		
	}
@media (max-width: 767px){
	
	
	.presssx{
		border:none;}
	.areavideo{
		margin-top:55px;}
	
	.goccia{
				margin-top:30px;}
				.settbox, .pressdx {
					margin-top:70px;}
						.destsx  ul{
							margin-top:35px !important;
							margin-bottom:35px;}
}


@media (max-width: 600px){	
.settdx{
	margin-top:40px;}
.mobileright{
	text-align:right;}
.thumbtour img{
	max-width:115px;}
	.servizidettaglio .nav-link	{
		font-size:13px;}
		
		/*#slider{
			height:250px;}
			Spostato in zs-style-2020*/
		#cerca{
			margin-top:0px;}
			#godaddy.margintopmeno25px 	{
				margin-top:5px;}
				.offlista {
					margin-bottom:25px;}
					.btoff{margin-left: auto;
					margin-right: auto;}
	
	}
	@media screen and (min-width: 768px) and (max-width: 1199px) {
		.destinazionlista li:nth-child(odd){
			padding-left:0px;}
		.listedest{
			padding-left:0px !important;}
	#bottquiz a{font-size: 20px;}
		
		.sottobox{
		min-height: 95px;}}
@media (max-width: 1199px){.titsezioni{
	font-size:17px;}}
.sottobox {margin-top: 30px;}}
@media (max-width: 992px){
.col-lg-2.bottoff {max-width: 16% !important;}


}

@media (min-width: 768px){
.col-md-2.bottoff {    max-width: 15.8% !important;
    flex: 0 0 15.8% !important;}}
	
	
	/*slider*/
	
	/*fine slider*/