/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 12px;
  line-height: 1.4;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  background: url(../img/img_stile_18531.jpg) no-repeat fixed center center / cover #ffffff;
}
html.gateway-form {
  background-image: none;
  background-color: #FFFFFF;
}
/*
   .

   testi: #222;
   sfondo_chiaro:#cccccc;
   sfondo_scuro:#022658;
   rollover:#222222;
   verde:#022658;
   verde2:#35598B;
   verde_rollvover:#022658

*/
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */ ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
    }
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#header {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
#header_mobile {
  display: none;
}
#header_mobile_sx {
  display: none;
}
#header_mobile_dx {
  display: none;
}
.line {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.container {
  width: 940px;
  margin: 0 auto;
}
#step .container, #wrapper .container {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  display: table;
  padding: 10px;
}
.titolo {
  float: left;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #4f3e1f;
  border-bottom: 3px solid #022658;
  display: none;
}
.sfondo {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -10;
  background-position: center;
  background: url(../img/img_stile_18531.jpg);
  background-size: cover;
  display: none !important;
}
/*footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 3;
	line-height: 40px;
	height: 40px;
	background: #022658;
	width: 100%;
	display: none;
}*/
#logo {
  float: left;
  width: 100%;
  text-align: center
}
#logo img {
  height: 60px;
  width: auto;
}
#wrapper {
  float: left;
  margin-top: 0px;
  width: 100%;
}
a {
  text-decoration: none;
  color: #222;
}
a:hover {
  color: #022658;
}
h1, h2, h3, h4, h5 {
  font-weight: 400;
}
#puls_servizio {
  display: none
}
#sx {
  float: left;
  width: 360px;
  margin: 0 15px 0px 0px;
}
#sx_pacchetti {
  float: left;
  width: 360px;
  margin: 0 5px 0px 0px;
}
#dx {
  float: left;
  width: 565px;
  margin-bottom: 0px
}
#dx_pacchetti {
  float: left;
  width: 565px;
  margin: 10px 0px 0px 0px
}
#carrello_mobile {
  position: fixed;
  bottom: -80px;
  left: 0;
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
  /*min-height: 80px;*/
  color: #fff;
  display: none;
  background: #022658;
  /*background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);*/
  border-top: 1px solid #022658;
  z-index: 999;
}
#carrello_mobile .container {
  display: block;
  margin: 0 auto;
  max-width: 650px;
}
#carrello_mobile .container .sx {
  float: left;
  text-transform: uppercase;
  margin-right: 6px;
  /* padding: 5px 10px;
	margin-bottom: 5px;background: rgba(255,255,255,0.1);
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}
#carrello_mobile .container .sx .nome_camera {
  font-size: 1em;
}
#carrello_mobile .container .sx .riga {
  width: 100%;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#carrello_mobile .container .sx .riga_doppia {
  width: 100%;
  line-height: 40px;
  margin: 0;
  padding: 0;
  font-size: 1.25em;
}
#carrello_mobile .container .dx {
  float: right
}
#carrello_mobile.fix {
  bottom: 0 !important
}
#carrello_mobile .container .dx .continua {
  display: inline-block;
  padding: 0px 20px;
  background: #022658;
  color: #fff;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#carrello_mobile .container .dx .continua:hover {
  background: #022658;
  color: #fff;
}
#cont_pacchetti {
  float: left;
  width: 100%;
  margin: 0;
}
.border-top {
  border-top: 1px solid #ddd
}
.border-bottom {
  border-bottom: 1px solid #ddd
}
.t-center {
  text-align: center
}
.t-right {
  text-align: right
}
.t_big {
  font-size: 1.3em;
  font-weight: 400;
}
.t_pic {
  font-size: 0.8em;
}
.t-medio {
  font-size: 1.2em;
  font-weight: 400;
}
.add-top {
  margin-top: 10px;
}
.add-top-blocco {
  margin-top: 20px;
}
.add-top1 {
  margin-top: 7px;
}
.add-bottom {
  margin-bottom: 10px
}
.add-bottom2 {
  margin-bottom: 20px
}
.add-bottom5 {
  margin-bottom: 5px
}
.sfondo_sel {
  background: #022658;
  color: #fff;
}
/* ==========================================================================
   STEP
   ========================================================================== */
#step_mobile {
  display: none;
}
#step {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
#step .container ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#step .container ul li a {
  float: left;
  width: 19%;
  margin-right: 1%;
  height: 60px;
  border-bottom: 3px solid #022658;
  font-size: 1.2em;
  background: #fff;
  opacity: 0.5;
}
#step .container ul li:last-child a {
  width: 20%;
  margin-right: 0;
}
#step .container ul li a .span_num {
  float: left;
  width: 40px;
  height: 60px;
  text-align: center;
}
#step .container ul li a .span_num .val {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #022658;
  margin: 20px 10px 0px 10px;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#step .container ul li a .t_step {
  width: auto;
  height: 60px;
  line-height: 20px;
  text-transform: uppercase;
  color: #222;
  display: table-cell;
  vertical-align: middle;
}
#step .container ul li.sel a, #step .container ul li a:hover {
  opacity: 1
}
/* ==========================================================================
   BANNER COMPARATIVO
   ========================================================================== */
#cont_finestra_portale {
  margin: 0 auto 10px;
  text-align: center;
  max-width: 1120px;
  width: 100%;
  background: #cccccc;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.row_box_portale {
  display: table;
  margin: 0 auto;
  width: 100%;
  color: #022658;
  font-family: Roboto, sans-serif;
  text-align: left;
}
.title_comparison_first, .title_comparison_second {
  vertical-align: middle;
  display: table-cell;
}
.title_comparison_first {
  width: 50%;
  background: #022658;
  color: #fff
}
.title_comparison_second {
  width: 50%;
}
.cont_inside_portale {
  padding: 10px 20px;
  margin: 0;
}
.second_row-co .cont_inside_portale {
  /*display: table;
	width: 100%;*/
  display: block;
  padding: 10px 20px;
}
.cont_inside_portale .box-inside_portale {
  /*display: table-cell;
	width: 42%;
	padding: 10px 2%;*/
  vertical-align: middle;
  display: block;
}
.cont_inside_portale .box-inside_portale ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.title_ota_bold {
  line-height: 22px;
  font-size: 1.5em;
}
.first_row-co .title_ota_bold {
  text-align: center; /* font-weight: bold; */
}
.text_ota_bold {
  font-size: 1em;
  line-height: 18px;
}
.text_ota_bold i.far.fa-check {
  font-weight: 600;
  color: #022658;
  padding-right: 6px;
}
.divider_arrows {
  display: inline-block;
  text-align: right;
  float: right;
}
/* --------------- parte 2 -------------- */
.banner_comparativo {
  width: 100%;
  height: auto;
  display: none;
  box-sizing: border-box;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.banner_comparativo .row_portale {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.banner_comparativo .row_portale h2 {
  width: 24%;
  line-height: 20px;
  margin: 5px 0px 0px 1%;
  padding: 0;
  font-size: 1.2em;
  color: #333;
  font-weight: bold;
}
.banner_comparativo .row_portale h2 .evidenziato {
  font-weight: bold;
  color: #44525E;
}
.banner_comparativo .row_portale ul {
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #cccccc;
  display: table;
  width: 100%;
}
.banner_comparativo .row_portale ul li {
  width: 33%;
  line-height: 22px;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  border-left: 1px solid#ccc;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.banner_comparativo .row_portale ul li .blocco {
  width: 100%;
  margin: 0 auto;
  display: table;
  vertical-align: middle;
}
.banner_comparativo .row_portale ul li .blocco .icona, .banner_comparativo .row_portale ul li .blocco .prezzo {
  display: table-cell;
  vertical-align: middle;
  color: #022658;
}
.banner_comparativo .row_portale ul li .blocco .icona i.far {
  font-size: 30px;
  font-weight: 600;
}
.banner_comparativo .row_portale ul li.ufficiale .blocco .icona i.far {
  color: #ffffff;
}
.banner_comparativo .row_portale ul li .blocco .icona {
  width: 20%;
  text-align: center;
}
.banner_comparativo .row_portale ul li .blocco .prezzo {
  width: 70%;
  text-align: center;
  padding-right: 10%;
}
.banner_comparativo .row_portale ul li .blocco .prezzo .portale {
  font-size: 1em;
  color: #333;
  line-height: 15px !important;
  display: inline-block;
  padding-bottom: 3px;
}
.banner_comparativo .row_portale ul li .blocco .prezzo .tariffa_comp {
  font-size: 1.4em;
  font-weight: bold;
  color: #022658;
  display: block;
  line-height: 14px;
}
.banner_comparativo .row_portale ul li.ufficiale {
  background: #022658;
}
.banner_comparativo .row_portale ul li.ufficiale .blocco .icona, .banner_comparativo .row_portale ul li.ufficiale .blocco .prezzo .tariffa_comp, .banner_comparativo .row_portale ul li.ufficiale .blocco .prezzo .portale {
  color: #fff;
}
.banner_comparativo .row_portale ul li.score .blocco .prezzo {
  line-height: 13px;
  width: 100%;
}
span.portale-explain {
  font-size: 9px;
}
/* ==========================================================================
   COLONNA SX
   ========================================================================== */
#hp a, #group_link a {
  float: left;
  line-height: 30px;
  color: #222;
}
#group_link a {
  margin-left: 25px;
}
#group_link a i.far {
  margin-right: 2px;
}
.select_valute {
  float: right;
  width: 180px;
  padding: 0;
  margin: 0;
}
.select_valute .valute {
  float: right;
}
.select_valute .valute a {
  float: left;
  line-height: 30px;
  background: #022658;
  color: #fff;
  padding: 0 7px 0 0px;
  width: 180px;
  box-sizing: border-box;
}
.select_valute .valute a.spento {
  background: none;
  color: #222;
}
.select_valute .valute a.spento:hover {
  background: #022658;
  color: #fff;
}
.select_valute .valute a i {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  line-height: 30px;
}
.select_valute .box_valute {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
  display: none;
}
.select_valute .box_valute .elenco_valute {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0;
  list-style: none;
  max-height: 200px;
  display: block;
  overflow: auto;
}
.select_valute .box_valute .elenco_valute li a {
  float: left;
  width: 100%;
  padding: 0 5px;
  line-height: 24px;
  border-top: 1px solid #ddd;
  background: #fff;
  color: #222;
  box-sizing: border-box;
}
.select_valute .box_valute .elenco_valute li a img {
  float: left;
  width: 15px;
  height: 15px;
  margin: 4px 10px 0px 0px;
  line-height: 24px;
}
.select_valute .box_valute .elenco_valute li a span {
  float: left;
  line-height: 24px;
}
.select_valute .box_valute .elenco_valute li a:hover {
  background: #022658;
  color: #fff;
}
.select_valute2 {
  float: right;
  width: 140px;
  padding: 0;
  margin: 0 15px 0px 0px;
  box-sizing: border-box;
}
.select_valute2 .valute {
  float: right;
}
.select_valute2 .valute a {
  float: left;
  line-height: 30px;
  height: 30px;
  margin: 5px 0px 0px 0px;
  width: 140px;
  background: #022658;
  color: #fff;
  padding: 0 10px 0px 0px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.select_valute2 .valute a.spento {
  background: none;
  color: #222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select_valute2 .valute a.spento:hover {
  background: #022658;
  border: 1px solid #022658;
  color: #fff;
}
.select_valute2 .valute a i {
  float: left;
  width: 15px;
  height: 30px;
  margin: 0 7px;
  line-height: 30px;
}
.select_valute2 .box_valute {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
  display: none;
}
.select_valute2 .box_valute .elenco_valute {
  float: left;
  width: 100%;
  margin: 0px 0px 5px 0px;
  padding: 0;
  list-style: none;
}
.select_valute2 .box_valute .elenco_valute li a {
  float: left;
  width: 100%;
  padding: 0 3px;
  line-height: 30px;
  background: #fff;
  color: #222;
  box-sizing: border-box;
  font-size: 0.8em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.select_valute2 .box_valute .elenco_valute li a:last-child {
  border-top: 0;
}
.select_valute2 .box_valute .elenco_valute li a img {
  float: left;
  width: 15px;
  height: 30px;
  margin: 0px 10px 0px 0px;
  line-height: 30px;
}
.select_valute2 .box_valute .elenco_valute li a span {
  float: left;
  line-height: 20px;
  padding: 5px;
}
.select_valute2 .box_valute .elenco_valute li a:hover {
  background: #cccccc;
  color: #333;
}
.select_lang {
  float: right;
  width: 150px;
  padding: 0;
  margin: 0;
}
.select_lang .lang a {
  float: left;
  line-height: 30px;
  width: 143px;
  background: #022658;
  color: #fff;
  padding: 0 7px 0 0px
}
.select_lang .lang a.spento {
  background: none;
  color: #222;
}
.select_lang .lang a.spento:hover {
  background: #022658;
  color: #fff;
}
.select_lang .lang a i {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  line-height: 30px;
}
.select_lang .box_lingue {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
  display: none;
}
.select_lang .box_lingue .elenco_lingue {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0;
  list-style: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  display: block;
  max-height: 200px;
  overflow: auto;
}
.select_lang .box_lingue .elenco_lingue li a {
  float: left;
  width: 100%;
  padding: 0 5px;
  line-height: 24px;
  border-top: 1px solid #ddd;
  background: #ffffff;
  color: #222;
  box-sizing: border-box;
}
.select_lang .box_lingue .elenco_lingue li a img {
  float: left;
  width: 15px;
  height: 15px;
  margin: 4px 10px 0px 0px;
  line-height: 24px;
}
.select_lang .box_lingue .elenco_lingue li a span {
  float: left;
  line-height: 24px;
}
.select_lang .box_lingue .elenco_lingue li a:hover {
  background: #cccccc;
  color: #333;
}
.select_lang2 {
  float: right;
  width: 140px;
  padding: 0;
  margin: 0 15px 0px 0px;
  box-sizing: border-box;
}
.select_lang2 .lang {
  float: right;
}
.select_lang2 .lang a {
  float: left;
  line-height: 30px;
  height: 30px;
  margin: 5px 0px 0px 0px;
  width: 140px;
  background: #022658;
  color: #fff;
  padding: 0 10px 0px 0px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.select_lang2 .lang a.spento {
  background: none;
  color: #222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select_lang2 .lang a.spento:hover {
  background: #022658;
  color: #fff;
  border: 1px solid #022658;
}
.select_lang2 .lang a i {
  float: left;
  width: 15px;
  height: 30px;
  margin: 0 7px;
  line-height: 30px;
}
.select_lang2 .box_lingue {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
  display: none;
}
.select_lang2 .box_lingue .elenco_lingue {
  float: left;
  width: 100%;
  margin: 0px 0px 5px 0px;
  padding: 0;
  list-style: none;
}
.select_lang2 .box_lingue .elenco_lingue li a {
  float: left;
  width: 100%;
  padding: 0 5px;
  line-height: 30px;
  /*border-top: 1px solid #ddd;*/
  background: #fff;
  color: #222;
  box-sizing: border-box;
  font-size: 0.8em;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.select_lang2 .box_lingue .elenco_lingue li a:last-child {
  border-top: 0;
}
.select_lang2 .box_lingue .elenco_lingue li a img {
  float: left;
  width: 15px;
  height: 15px;
  margin: 8px 10px 0px 0px;
  line-height: 30px;
}
.select_lang2 .box_lingue .elenco_lingue li a span {
  float: left;
  line-height: 30px;
}
.select_lang2 .box_lingue .elenco_lingue li a:hover {
  background: #cccccc;
  color: #333;
}
#scheda_hotel {
  float: left;
  width: 100%;
  height: auto;
}
#box_scheda {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
#scheda_link {
  float: left;
  width: 100%;
  line-height: 50px;
  min-height: 50px;
  background: rgba(255, 255, 255, 1);
}
#scheda_link #logo-nome-hotel {
  text-align: center;
  padding: 10px;
}
#scheda_link a {
  float: left;
  width: 100%;
  line-height: 50px;
  height: 50px;
  color: #022658;
}
#scheda_link a .sx {
  float: left;
  width: auto;
  line-height: 50px;
  height: 50px;
  margin-left: 20px;
  font-size: 1.5em
}
#scheda_link a .stelle {
  float: left;
  width: auto;
  line-height: 50px;
  height: 50px;
  margin-left: 10px;
  font-size: 0.8em;
  letter-spacing: 0.2em;
}
#scheda_link a .dx {
  float: right;
  width: auto;
  line-height: 36px;
  height: 36px;
  margin: 7px 10px;
  background: #cccccc;
  padding: 0 15px;
  color: #222 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#scheda_link a.spento {
  background: none;
  color: #222;
}
#scheda_link a.spento:hover {
  background: #222222;
  color: #fff;
}
#box_pacchetti {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 80px;
}
#pacchetti {
  float: left;
  width: 100%;
  height: auto;
  background: #cccccc;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  padding: 0px 0px 15px 0px;
  box-sizing: border-box
}
#pacchetti .contenuto {
  float: left;
  width: 100%;
}
#box_carrello {
  float: left;
  width: 360px;
  height: auto;
}
.carrello {
  float: left;
  width: 100%;
  height: auto;
}
.stile_carrello {
  background: #cccccc;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.tab_carrello {
  float: left;
  width: 100%;
}
.tab_carrello ul {
  float: left;
  width: 360px;
  list-style: none;
  margin: 0;
  padding: 0
}
.tab_carrello ul li a {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #cccccc;
  text-decoration: none;
  color: #222;
  font-size: 1.2em;
  opacity: 0.6;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.tab_carrello ul li:first-child a {
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.tab_carrello ul li a:hover, .tab_carrello ul li.sel a {
  opacity: 1;
  border-bottom: transparent;
}
.tab_carrello ul li.sel a, .carrello nav ul li a:hover {
  opacity: 1
}
.carrello .contenuto {
  float: left;
  width: 340px;
  margin: 10px 10px 5px 10px;
  padding: 0px
}
.carrello .contenuto .box_contenuto {
  float: left;
  width: 320px;
  padding: 10px;
  background: #fff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.riga {
  float: left;
  width: 100%;
}
.riga h2 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 35px;
  height: 35px;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  background: #022658; /*background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);*/
}
.riga h2 i {
  float: left;
  width: 30px;
  text-align: center;
  line-height: 35px;
  height: 35px;
  box-sizing: border-box;
}
.riga .eti_lunga {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.riga .blocco_corto {
  float: left;
  width: 50%;
  line-height: 30px;
  height: 30px;
}
.riga .blocco_corto i {
  float: left;
  width: 24px;
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.riga .blocco_corto span {
  float: left;
  width: auto;
}
.riga .blocco_corto .valore {
  float: right;
  width: auto;
  margin-right: 0px;
  height: 30px;
  line-height: 30px
}
.riga .pulsanti {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px
}
.riga .pulsanti a {
  float: left;
  width: 100%;
  background: #cccccc;
  line-height: 20px;
  padding: 2px 5px;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
}
a.aggcalendario {
  background: #35598B !important;
  color: #FFFFff;
  border-radius: 5px;
  padding: 8px !important;
  font-size: 1.2em;
}
#camere li .row_camera .seleziona.eta-bambini {width: auto; margin-right:15px;}
#camere li .row_camera .seleziona.eta-bambini .valore{width: auto;}
.carrello .contenuto .box_contenuto .riga .pulsanti a:hover {
  background: #022658 !important;
  color: #fff;
}
.riga .pulsanti a i {
  display: inline-block;
  margin: 0 4px 0px 0px
}
.riga .puls {
  float: right;
  width: auto;
  height: 40px;
  line-height: 40px;
  margin-right: 10px
}
.riga .puls i {
  float: left;
  width: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.riga .verifica {
  display: block;
  width: 98%;
  margin: 10px auto;
  height: 45px;
  line-height: 45px;
  background: #022658;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.riga .verifica.attivo {
  background: #022658
}
.riga .verifica:hover, .riga .verifica.attivo:hover {
  background: #022658;
}
.riga .inserisci_sconto {
  display: block;
  width: 98%;
  margin: 10px auto;
  line-height: 18px;
  background: #f1db6b;
  text-align: center;
  color: #222;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1.1em;
  border-radius: 5px;
}
.riga .inserisci_sconto:hover {
  background: #022658;
  color: #fff;
}
.riga.fix_sconto {
  float: left;
  width: 100%;
  height: 24px
}
.riga .pulsanti_servizio {
  float: left;
  width: 100%;
  margin: 10px 0px
}
.riga .pulsanti_servizio a {
  float: left;
  width: 48%;
  background: #cccccc;
  height: 40px;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 1%;
}
.riga .pulsanti_servizio a:hover {
  background: #222222;
  color: #fff;
}
.riga .pulsanti_servizio a i {
  float: left;
  width: 30px;
  text-align: center;
  line-height: 30px;
}
.riga .pulsanti_servizio a span {
  float: left;
  width: 110px;
  text-align: left;
  line-height: 15px;
  font-size: 0.8em;
}
.riga .messaggio_procedi {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #022658;
  color: #fff;
}
.riga .messaggio_procedi i {
  float: left;
  width: 40px;
  line-height: 30px;
  text-align: left;
  font-size: 30px;
}
.riga .messaggio_procedi span {
  float: left;
  width: 260px;
  line-height: 15px;
  font-size: 0.9em
}
.camera_sel {
  float: left;
  width: 320px;
  line-height: 20px;
  padding: 0;
  margin-top: 5px;
  border-bottom: 1px solid #ddd;
}



.camera_sel .ncamera {
  float: left;
  width: 85px;
  margin-left: 5px;
  font-size: 0.9em
}
.camera_sel .ncamera i {
  display: inline-block;
  margin-right: 6px;
}
.camera_sel .eti {
  float: left;
  width: 105px;
  text-align: center;
  font-size: 0.9em
}
.camera_sel .eti i {
  display: inline-block;
  margin-right: 6px;
}
#camere {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
#camere li {
  float: left;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
#camere li .row_camera {
  float: left;
  width: 100%;
  height: auto;
}
#camere li .row_camera .cancel {
  float: left;
  width: 20px;
  line-height: 30px;
  height: 30px;
  text-align: center;
}
#camere li:first-child .row_camera .cancel i {
  display: none;
}
#camere li .row_camera .num_camera {
  float: left;
  width: 93px;
  margin-left: 0px;
  line-height: 30px;
  height: 30px;
}
#camere li .row_camera.bambini .num_camera {
  font-size: 90%;
  vertical-align: middle;
  margin-right: auto;
  width: max-content;
}
#camere li .row_camera.bambini .num_camera div{display: inline-block; margin-right: 4px;}

#camere li .row_camera .seleziona {
  float: left;
  width: 101px;
  line-height: 30px;
  height: 30px;
  font-size: 0.9em;
  text-align: center
}
#camere li .row_camera .seleziona .valore {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
}
#camere li .row_camera .seleziona .valore .eta_bambino_label {
  display: inline-block;
  margin-left: 0;
  width: auto;
  margin-right: 5px;
}
select.select-eta-bambini {
  padding: 3px;
  border: 1px solid #dddddd;
}
#camere li .row_camera.bambini {
  display: flex;
  align-items: center;
  padding-right: 28px;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.fancybox-inner .camera_sel {
   float: left;
   width: 100%;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  padding-right: 20px;
}
.fancybox-inner #camere li .row_camera .num_camera, .fancybox-inner .camera_sel .ncamera{margin-right: auto;}

.fancybox-inner #camere li .row_camera{
  display: flex;
}
.fancybox-inner #camere li .row_camera.bambini {
  padding-right: 23px;
}

#coupon {
  display: none;
  /*width: 400px;*/
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#coupon h2 {
  /*float: left;*/
  width: 100%;
  background: #022658;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#coupon ul {
  /*float: left;*/
  width: 100%;
  /*max-width: 400px;*/
  list-style: none;
  margin: /*10px 0px 0px 0px*/ 0px auto;
  padding: 0;
  background: #ffffff;
  display: inline-block;
}
#coupon ul li {
  float: none;
  width: 100%;
  border-top: 1px solid #ddd;
  display: table;
  clear: both; /*line-height: 40px;*/
}
#coupon ul li:first-child {
  border-bottom: 0;
}
#coupon ul li .contenitore_1, #coupon ul li .contenitore_2 {
  display: table-cell;
  vertical-align: middle;
}
#coupon ul li .contenitore_1 {
  width: 70%;
  text-align: left;
}
#coupon ul li .contenitore_2 {
  text-align: right;
  width: 30%;
}
.contenitore_1 .cont_interno_1_2, .contenitore_1 .cont_interno_2_2 {
  display: inline-table;
  padding: 0;
  vertical-align: middle;
  text-align: left;
}
.contenitore_1 .cont_interno_1_2 {
  width: 20%;
}
.contenitore_1 .cont_interno_2_2 {
  width: 40%;
  padding: 0 0 0 20px;
}
.contenitore_2 .cont_interno_2 {
  text-align: left;
  padding: 0 20px;
}
#coupon ul li span {
  float: left;
  width: 30%;
  line-height: 40px;
  text-transform: uppercase;
  padding: 0 0 0 20px;
  min-width: 170px;
}
#coupon ul li input {
  float: left;
  /*width: 158px;
	height: 28px;*/
  margin: 0px;
  border: 2px solid #ddd;
  /*line-height: 24px;*/
  padding: 1em 1.25em !important;
  width: 100%;
}
#coupon ul li a {
  line-height: 40px;
  background: #022658;
  text-align: center;
  color: #fff;
  border: none;
  padding: 0;
  margin: 5px auto;
  font-size: 1.1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  min-width: 110px;
  display: block;
}
#coupon ul li a:hover {
  background: #022658;
  color: #fff;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: #022658;
  color: #fff;
}
.slick-dots {
  float: left;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  z-index: 9990;
  background: #fff;
  height: 30px;
  margin: 0;
}
.qty {
  width: 20px;
  height: 30px;
  text-align: center;
  border: 0;
  border: none;
}
input.qtyplus {
  width: 20px;
  height: 20px;
  font-size: 1em;
  border: none;
  background: #cccccc;
  color: #222
}
input.qtyminus {
  width: 20px;
  height: 20px;
  font-size: 1em;
  border: none;
  background: #cccccc;
  color: #222
}
input.qtyplus:hover, input.qtyminus:hover {
  background: #022658;
  color: #fff
}
input {
  margin: 0;
  padding: 0;
}
.box_riepi {
  float: left;
  width: 100%;
}
.box_riepi .riga {
  float: left;
  width: 100%;
  border-top: 1px solid #ddd;
  display: table;
}
#riepilogo_viaggio .box_riepi .riga:first-child {
  border-top: none;
}
.box_riepi .riga_lunga {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
  line-height: 30px;
  display: table;
}
.box_riepi .riga i {
  float: left;
  /*width: 30px;
	height: 30px;*/
  line-height: 30px;
  text-align: center;
}
.box_riepi .riga_lunga i {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.box_riepi .riga .label {
  width: 80px;
  /*text-transform: uppercase;*/
  margin: 0px;
  display: table-cell;
  padding: 5px;
  vertical-align: top;
}
.box_riepi .riga .dettaglio_condizioni .label {
  width: 120px;
}
.box_riepi.cancellation .riga .label {
  width: 200px;
}
.box_riepi .riga_lunga .label {
  float: left;
  width: 150px;
  text-transform: uppercase
}
.box_riepi .riga .risultato {
  display: table-cell;
  padding: 5px;
}
.box_riepi .riga.prezzi .risultato {
  text-align: right;
  font-weight: bold;
}
.box_riepi .riga.prezzi:not(first-child) .label:after {
  content: ":"
}
.box_riepi .riga.prezzi.definitivo .label:after {
  content: ""
}
.box_riepi .riga .dettaglio_condizioni {
  float: left;
  width: 100%;
  border-top: 1px solid #ddd;
  line-height: 30px;
}
.box_riepi .riga.servizi .label {
  width: 200px;
}
.box_riepi .riga.servizi .risultato {
  text-align: right;
  width: 100px;
}
.box_riepi .riga.servizi.remove .risultato {
  width: 80px;
  vertical-align: middle;
}
.box_riepi .riga.servizi.remove .remove {
  width: 20px;
  display: table-cell;
  vertical-align: middle;
}
.box_riepi .riga.condizioni {
  padding: 5px;
  line-height: 15px;
}
.box_riepi .riga.condizioni p {
  padding: 0;
  margin: 0;
}
.box_riepi .riga_lunga .risultato {
  float: left;
  width: 130px;
}
.box_riepi .riga .risultato .multi_riga {
  float: left;
}
.box_riepi .riga.definitivo .label {
  float: left;
  width: 190px;
  text-transform: uppercase;
  margin: 0px 5px;
}
.box_riepi .riga.definitivo .risultato {
  float: right;
  /*width: 80px; font-weight: bold;*/
  text-align: right;
  margin: 0px 5px;
}
.box_riepi .riga.definitivo .risultato i {
  text-align: right;
  float: right; /*width: 30px;*/
  font-weight: 400;
}
.box_riepi .riga.definitivo.accordion-open .risultato i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  height: 30px;
  line-height: 30px;
}
/* ======================================
	CANCELLA/MODIFICA PRENOTAZIONE
====================================== */
.box_riepi.cancellation .riga {
  line-height: 22px;
  font-size: 13px;
}
.box_riepi.cancellation .riga_lunga {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
  line-height: 30px;
  display: table;
}
.box_riepi.cancellation .riga .label {
  width: 25%;
  padding: 6px 20px;
  font-weight: 600;
}
.box_riepi.cancellation .risultato {
  display: table-cell;
  padding: 5px 20px;
}
.box_riepi.cancellation .modification-buttons-row {
  margin: 0 auto !important;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  clear: both;
}
#riga_pulsanti_cancellazione .modification-buttons, .customer_data .modification-buttons-row .modification-buttons, .credit_card_data .modification-buttons-row .modification-buttons, #box-modifica-occupazione .modification-buttons-row .modification-buttons, #box-modifica-date .modification-buttons-row .modification-buttons {
  line-height: 40px !important;
  height: 40px !important;
  text-transform: uppercase;
  background: #022658;
}
#riga_pulsanti_cancellazione .modification-buttons:hover {
  background: #022658;
  color: #fff;
}
.box_riepi.modification {
  margin-top: 0 !important;
}
.box_riepi.modification .riga {
  border-top: 1px solid #ddd;
}
.box_riepi.modification .riga a {
  margin-top: 0;
  vertical-align: middle;
  line-height: 30px;
  display: block;
  width: auto;
}
.box_riepi.modification .riga a:hover {
  background: #cccccc;
}
.box_riepi.modification i {
  vertical-align: middle;
  font-size: 14px;
  background: #cccccc;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 50px;
  margin-right: 10px;
  width: 30px;
}
/* ----------- modifica prenotazione camera -------------- */
#box-modifica-occupazione .camera_sel {
  margin: 0;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  padding: 10px 0;
}
#box-modifica-occupazione .camera_sel .ncamera, #box-modifica-occupazione .row_camera.occupazione .num_camera {
  margin-left: 20px;
}
#box-modifica-occupazione .camera_sel .ncamera i {
  font-size: 14px;
}
.row_camera.occupazione .cancel i.fa {
  color: #dd3333;
}
.row_camera.occupazione .cancel i.fa:hover {
  color: #022658;
}
/* ======================================
 fine - CANCELLA/MODIFICA PRENOTAZIONE
====================================== */
.viaggio {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0;
  list-style: none;
}
.viaggio .cal {
  float: left;
  width: 140px;
  height: auto;
  margin: 0px;
}
.viaggio .freccia {
  float: left;
  width: 20px;
  line-height: 60px;
  margin: 0px;
  text-align: center;
  color: #ccc
}
.viaggio .eti {
  float: left;
  width: 80px;
  line-height: 20px;
  margin: 5px 0px 5px 10px;
  font-size: 0.8em
}
.viaggio .eti .sx {
  float: left;
  width: auto;
  line-height: 20px;
  text-transform: uppercase;
}
.viaggio .eti .sx i {
  margin-right: 3px;
}
.viaggio .eti .dx {
  float: right;
  width: 20px;
  line-height: 20px;
  text-transform: uppercase;
  background: #cccccc;
  text-align: center;
  font-weight: 700;
  font-size: 1em
}
.clock-block {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0;
  line-height: 1;
  text-align: center;
  border: 1px solid #9fa2ad;
  border-radius: 3px 3px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #cccccc;
  background-image: -webkit-linear-gradient(top, #fff, #cccccc);
  background-image: -moz-linear-gradient(top, #fff, #cccccc);
  background-image: -o-linear-gradient(top, #fff, #cccccc);
  background-image: linear-gradient(to bottom, #fff, #cccccc);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.clock-val {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 28px;
  font-weight: bold;
  color: #222;
}
.clock-val:before, .clock-val:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
}
.clock-val:after {
  top: 50%;
  border-top: 1px solid rgba(60, 62, 68, 0.4);
  border-radius: 0 0 2px 2px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 50%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 50%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 50%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.clock-unit {
  display: block;
  margin-top: 0px;
  font-size: 11px;
  font-weight: 200;
  color: #222;
  text-transform: capitalize;
}
.clock-day {
  display: block;
  margin: 4px 0px 0px 0px;
  font-size: 11px;
  font-weight: 200;
  color: #222;
}
.carrello .contenuto .tariffe_mese {
  float: left;
  width: 320px;
  padding: 10px;
  background: #fef9d9;
  text-align: center;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.box_camere {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px
}
.tipo_camera, .tipo_camera * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blocco_camera {
  float: left;
  width: 100%;
  height: auto;
  border: 1px solid #ddd
}
.blocco_camera-title {
  width: 100%;
  display: inline-block;
  float: left;
  overflow: hidden;
  transition: all linear 0.15s;
  line-height: 30px;
  height: 30px;
  background: #fff;
  color: #222;
  font-size: 1.2em;
  padding: 0;
}
.blocco_camera-title:hover {
  color: #222;
}
.blocco_camera-title.aa .freccia i, .blocco_camera-title:hover .freccia i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.blocco_camera-title.aa {
  background: #cccccc
}
.desc_camera {
  float: left;
  width: 100%;
  padding: 0px;
  display: none;
}
.tipo_camera .blocco_camera-title i {
  float: left;
  width: 30px;
  margin: 0;
  padding: 0;
  line-height: 30px;
  height: 30px;
  text-align: center;
}
.tipo_camera .blocco_camera-title .sx {
  float: left;
  padding: 0;
  line-height: 30px;
  height: 30px;
  margin: 0 5px;
  text-align: left;
}
.tipo_camera .blocco_camera-title .dx {
  float: left;
  padding: 0;
  line-height: 30px;
  height: 30px;
  margin: 0 5px;
}
.tipo_camera .blocco_camera-title .dx img {
  height: 26px;
}
.tipo_camera .blocco_camera-title .freccia i {
  float: right;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 7px;
  padding: 0;
  text-align: center;
  font-size: 0.7em
}
.tipo_camera .blocco_camera-title .dx i.fa.fa-user {
  font-size: 14px;
  padding-left: 4px;
  width: auto;
}
.box_prezzo {
  float: left;
  width: 100%;
  background: #f6f3ef;
}
.box_prezzo .riga {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
  line-height: 40px;
}
.box_prezzo .riga.riga_totali .label {
  float: left;
  width: 180px;
  /*text-transform: uppercase;*/
  margin: 0px 10px;
  font-size: 1.2em;
}
.box_prezzo .riga_penale_modifica .label {
  float: left;
  width: 180px;
  text-transform: uppercase;
  margin: 0px 10px;
  font-size: 1.2em;
}
.box_prezzo .riga.riga_totali .risultato {
  float: right;
  width: 110px;
  text-align: right;
  margin-right: 10px;
  font-size: 1.4em;
  color: #022658;
}
.box_prezzo .riga.riga_penale_modifica .risultato {
  float: right;
  width: 110px;
  text-align: right;
  margin-right: 10px;
  font-size: 1em;
  line-height: initial;
  padding: 10px 0;
  display: inline-block;
}
.box_concludi {
  float: left;
  width: 100%;
  background: #cccccc;
}
.box_concludi .riga {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
  line-height: 40px;
}
.box_concludi .riga .label {
  float: left;
  width: 80px;
  text-transform: uppercase;
  margin: 0px 5px;
}
.box_concludi .riga .risultato {
  float: left;
  width: 190px;
}
.box_concludi .riga .risultato .multi_riga {
  float: left;
  line-height: 20px;
  margin: 10px 0px;
}
.box_concludi .riga.riga_totali.definitivo {
  background: #022658;
  color: #fff;
}
.box_concludi .riga.riga_totali .label {
  float: left;
  width: 160px;
  text-transform: uppercase;
  margin: 0px 5px;
}
.box_concludi .riga.riga_totali .risultato {
  float: right;
  width: 90px;
  text-align: right;
  margin-right: 10px;
  font-size: 1.3em
}
.box_concludi .riga.condizioni .label {
  float: left;
  width: 100%;
  text-transform: uppercase;
  margin: 0px 5px;
  line-height: 20px;
  margin-top: 10px
}
.box_concludi .riga.condizioni .risultato {
  float: right;
  width: 100%;
  text-align: left;
  font-size: 0.8em;
  line-height: 14px;
  padding: 0 5px 10px 5px;
  box-sizing: border-box
}
/* ==========================================================================
   STILI CALENDARIO
   ========================================================================== */
#container_calendar {
  float: left;
  width: 320px;
  height: 100%;
}
#container_calendar.start {
  min-height: 420px;
}
#calendar {
  float: left;
  height: auto;
  width: 320px;
}
.seleziona_giorni {
  float: left;
  height: auto;
  width: 320px;
  display: none
}
.seleziona_giorni.seleziona_giorni_flexible {
  float: left;
  height: auto;
  width: 50%;
  display: none
}
.seleziona_giorni .checkin {
  float: left;
  width: 320px;
  margin: 0px;
  line-height: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.seleziona_giorni .checkin.attivo {
  background: #ddf5de !important;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.seleziona_giorni .checkin.attivo a {
  background: #cccccc;
}
.seleziona_giorni .checkin.attivo a:hover {
  background: #022658;
}
.seleziona_giorni .checkin span.sx {
  float: left;
  width: auto;
  height: 30px;
  line-height: 32px;
  margin-left: 5px;
  font-size: 0.9em;
}
.seleziona_giorni .checkin span.sx i {
  margin-right: 5px;
}
.seleziona_giorni .checkin span.sx span {
  margin-left: 10px;
  font-weight: 700
}
.seleziona_giorni .checkin span.dx {
  float: right;
  width: auto;
  text-align: right;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  font-size: 0.9em
}
.modifica {
  float: left;
  line-height: 20px;
  height: 20px;
  background: #cccccc;
  color: #222;
  padding: 0px 5px;
  font-size: 0.9em;
  margin: 5px 0px
}
.modifica:hover {
  background: #222222;
  color: #fff;
}
.seleziona_giorni ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
  font-size: 0.9em
}
.seleziona_giorni ul li {
  float: left;
  width: 310px;
  margin: 0;
  padding: 0px 5px;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #ddd;
}
.seleziona_giorni ul li:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.seleziona_giorni ul li.attivo {
  background: #ddf5de !important;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.seleziona_giorni ul li:last-child {
  border-bottom: none
}
.seleziona_giorni ul li.we {
  background: #efefef
}
.seleziona_giorni ul li .disp {
  float: left;
  width: 10px;
  line-height: 10px;
  margin: 9px 7px 9px 0px;
  border: 1px solid#ccc;
}
.seleziona_giorni ul li .disp.available {
  background: #c2fec5
}
.seleziona_giorni ul li .disp.no_available {
  background: #ff0000
}
.seleziona_giorni ul li .disp.min_stay {
  background: #e7ffe7
}
.seleziona_giorni ul li .notti {
  float: left;
  width: 60px;
}
.seleziona_giorni ul li .partenza {
  float: left;
  width: 100px;
  font-weight: 700;
}
.seleziona_giorni ul li .prezzo {
  float: left;
  width: 50px;
  font-weight: 700;
}
.seleziona_giorni ul li .prezzo.empty {
  height: 30px;
}
.seleziona_giorni ul li .vai {
  float: left;
  width: 77px;
  text-align: right;
  line-height: 20px;
  margin-top: 5px;
  font-size: 9.5px;
}
.seleziona_giorni ul li .vai a.seleziona {
  display: inline-block;
  background: #35598B;
  padding: 0px 5px;
  color: #fff;
  border-radius: 2px;
  font-size: 10.8px;
}
.seleziona_giorni ul li .vai a.seleziona:hover {
  background: #022658;
  color: #fff;
}
.seleziona_giorni ul li.riepi {
  background: #eee;
  border-bottom: none;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase
}
.seleziona_giorni ul li.riepi:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.seleziona_giorni ul li.riepi .disp {
  border: none
}
.seleziona_giorni ul li.riepi .partenza {
  font-weight: 700;
}
.seleziona_giorni ul li.riepi .notti {
  font-weight: 700;
}
.seleziona_giorni ul li.riepi .prezzo {
  width: 90px;
}
.seleziona_giorni ul li .ok {
  color: #022658;
  font-size: 1.4em;
}
.box_calendar_date_alternative, .didascalie_bottom {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.alternative_date_menu {
  margin: 0;
  text-align: center
}
.today {
  border: 1px solid #44525E !important
}
.pointer, a, .day_box.available, .day_box.available, .day_box.disp_min_stay {
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.month_selector .month_button, .month_selector .select_month {
  display: inline-block;
}
.month_selector .month_button.disabled, .month_selector .month_button.disabled:hover {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  cursor: initial;
  background-color: #022658;
}
.month_selector .month_button {
  background-color: #cccccc;
  margin: 0;
  height: 32px;
  vertical-align: middle;
}
.month_selector .month_button:hover {
  color: #fff;
  background-color: #222222
}
.month_selector .month_button a {
  color: #222;
}
.month_selector .month_button a:hover {
  color: #fff;
}
.month_selector .month_button .fa {
  display: block;
  vertical-align: middle;
  padding: 0;
  width: 30px;
  margin: 0;
  line-height: 30px;
}
.month_selector .select_month {
  border: 1px solid #ddd;
  margin: 0;
  height: 30px;
  vertical-align: middle;
  font-size: 13px;
  width: 210px
}
.flexible-dates .month_selector .select_month {
  line-height: 30px;
}
.month_selector {
  margin-bottom: 10px
}
.prev_month {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.custom_select select {
  padding: 0 0 0 3px;
  margin: 0;
  background: #FFFFFF;
  color: #222;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 190px;
  height: 30px;
}
.custom_select {
  position: relative
}
.custom_select:after {
  content: '>';
  font-size: 10px;
  color: #222;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 6px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
.custom_select:before {
  content: '';
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  position: absolute;
  pointer-events: none;
  display: block;
}
.search_tools {
  float: left;
  text-align: left;
  width: 100%;
  line-height: 40px
}
.search_tools .name_request {
  float: left;
  padding-bottom: 3px;
  width: 50%;
}
.search_tools .night_selector {
  float: left;
  text-align: right;
  width: 50%;
}
.chart_selector {
  display: none;
  float: right;
  font-size: 0;
}
.chart_selector a {
  text-decoration: none;
  color: #222;
  display: inline-block;
  padding: 3px 10px;
  font-size: 16px;
  border: 1px solid #022658;
  background: #EEE;
}
.chart_selector a:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.chart_selector a:last-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.chart_selector a:hover, .chart_selector a.active {
  color: #FFFFFF;
  background: #022658;
}
/*Calendar*/
#alternative_calendar {
  margin-top: 2px;
}
.calendar_row {
  font-size: 0;
}
.calendar_row .day_box {
  font-size: 12px;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 14.28%;
  border: 1px solid #dddCCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -1px;
  margin-top: -1px;
  vertical-align: middle;
}
.calendar_row.day_name .day_box {
  text-transform: uppercase;
  font-weight: normal;
  padding: 5px 0;
  font-size: 11px;
  border: 0;
  vertical-align: middle;
}
.calendar_row .day_box .day_number {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  width: 18px;
  line-height: 16px;
  font-size: 11px;
}
.calendar_row .day_box span.best_price {
  position: absolute;
  left: 0px;
  top: 18px;
  background: url(../img/best_price.png) no-repeat center top;
  background-size: cover;
  width: 12px;
  height: 12px;
  display: none;
  z-index: 2
}
.calendar_row .day_box .events {
  position: absolute;
  right: 2px;
  bottom: 0px;
}
.calendar_row .day_box .events .fa {
  font-size: 10px;
  margin-left: 3px;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.molto_alta {
  color: #880000;
}
.alta {
  color: #CC0000;
}
.media {
  color: #E99191;
}
.bassa {
  color: #F8DBDB;
}
.calendar_row .day_box .day_text {
  padding: 0px 2px;
  height: 46px;
  color: #222222;
}
.calendar_row .day_box .day_text .from {
  display: block;
  font-size: 9px;
  text-align: right;
  line-height: 18px
}
.calendar_row .day_box .day_text .prices {
  display: block;
  font-weight: bold;
  line-height: 12px
}
.calendar_row .day_box .day_text .prices i {
  font-style: normal;
  display: none;
}
.calendar_row .day_box .day_text .day_nights {
  display: block;
  font-size: 9px;
}
.calendar_row .day_box .day_text .min_nights {
  display: block;
  font-size: 9px;
  line-height: 10px
}
.calendar_row .day_box.no-disp .day_text .prices {
  font-weight: normal;
  font-size: 16px
}
.calendar_row .day_box .day_text .reserve_button {
  display: block;
  font-size: 0.9em;
  font-weight: 700
}
.calendar_row .day_box .day_text .reserve_button a {
  display: inline-block;
  background: #022658;
  font-size: 9px;
  padding: 0px 5px;
  color: #FFFFFF;
  text-decoration: none;
}
.calendar_row .day_box .day_text .reserve_button a:hover {
  background: #333333;
}
.day_box.past_date .day_number {
  color: #222;
  opacity: 0.6;
}
.day_box.past_date {
  background: #f7f7f7;
}
.day_box.past_date.weekend, .day_box.header.weekend {
  background: #f8f8f8;
}
.day_box.current_month, .day_box.other_month, .leg_available {
  background: #c2fec5;
}
.day_box.weekend {
  background: #c2e9c9;
}
.day_box.no-disp, .leg_unavailable {
  background: #FFDDDD;
}
.day_box.disp_min_stay, .leg_min_stay {
  background: #f9ffa8;
}
.day_box.disp_min_stay.weekend {
  background: #e8ef96;
}
.day_box.other_month {
  opacity: 0.6
}
.day_box.selected {
  border-color: #666666;
  z-index: 1;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.day_box.no-disp .day_text {
  color: #CC0000;
}
.day_box.available:hover {
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease 0s;
  border-color: #888;
}
.day_box.best_price span.best_price {
  display: block;
}
.day_box.best_price .day_text {
  background: #cceef6;
}
#legenda_calendario {
  float: left;
  width: 100%;
  font-size: 11px;
  clear: both;
}
#legenda_calendario span {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid #dddccc;
}
#legenda_calendario .voce_legenda {
  float: left;
  width: 45%;
  font-size: 0.9em;
  margin-bottom: 5px;
}
/*.day_box.no-disp .day_text{padding-top:20px;}*/
.value {
  display: none
}
.didascalia_top {
  float: left;
  line-height: 30px;
  text-align: right;
  width: 100%;
}
.dida_best_rates {
  float: right;
  text-align: right;
  width: 100%;
  line-height: 30px;
}
.dida_events {
  float: left;
}
.titolo_grafico {
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
}
#dida {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 30px;
  font-size: 0.8em;
}
#dida .dida_sx {
  float: left;
  width: 35%;
}
#dida .dida_dx {
  float: left;
  width: 62%;
  text-align: right;
}
.b_price {
  background: #cceef6;
}
/* ==========================================================================
   COLONNA DX
   ========================================================================== */
#nome_hotel {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #022658;
  color: #fff;
  font-size: 1.5em;
  text-align: center
}
#nome_hotel.nome {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #022658;
  color: #fff;
  font-size: 2em;
  text-align: center
}
/*#indirizzo {
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
	background: #222222;
	background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);
}*/
#scheda {
  float: left;
  width: 96%;
  height: auto;
  margin: 0 2% 2% 2%
}
.campo_scheda {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
#scheda .accordion {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  height: 40px;
  background: #cccccc;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd
}
#scheda .accordion .tit {
  float: left;
  line-height: 40px;
  font-size: 1.2em;
  margin-left: 5px;
}
#scheda .accordion-open {
  background: #022658;
  color: #fff;
}
#scheda .accordion-open .freccia {
  float: right;
  width: auto;
  height: 20px;
  padding: 0;
  margin: 10px;
  color: #fff !important;
  background: #022658;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#scheda .accordion-open .freccia i, .accordion-close .freccia i {
  float: left;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0;
  margin: 0px;
  text-align: center;
  color: #fff !important;
}
#scheda .accordion-open .freccia i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
#scheda .accordion-close .freccia {
  float: right;
  padding: 0;
  margin: 10px;
  width: auto;
  height: 20px;
  background: #022658;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.accordion.full.accordion-open {
  margin-bottom: 5px;
}
.container_scheda {
  float: left;
  width: 100%;
  padding: 10px;
  background: #cccccc;
  margin: 0px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd
}
#blocco_scheda {
  float: left;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  margin-bottom: 18px;
  display: block;
}
.tit i {
  display: inline-block;
  text-align: center;
  width: 24px;
  font-size: 0.8em
}
#calendario_date_flessibili {
  margin-bottom: 18px;
}
.flexible-dates-conteiner {
  float: left;
  width: 100%;
  padding: 10px 20px;
  height: auto;
  margin: 0;
  box-sizing: border-box;
}
.flexible-dates-conteiner .flexible-dates {
  float: left;
  width: 50%;
}
.flexible-dates .month_selector {
  width: 100%;
}
.no_soluzioni {
  float: left;
  width: 100%;
  padding: 20px;
  min-height: 70px;
  line-height: 25px;
  box-sizing: border-box;
}
.seleziona_camera {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  margin-bottom: 10px;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.seleziona_camera h2 {
  /*float: left;
	width: 100%;
	max-width: 320px;
	height: 30px;*/
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  font-size: 1.2em;
  background: #022658;
  /*background-image: -webkit-linear-gradient(top, #6E7C88, #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88, #44525E);
	background-image: -o-linear-gradient(top, #6E7C88, #44525E);
	background-image: linear-gradient(to bottom, #6E7C88, #44525E);*/
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}
.seleziona_camera h2 .tit {
  display: inline-block;
  width: auto;
  line-height: 20px;
}
.seleziona_camera h2 .val {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #cccccc;
  margin: 6px;
  color: #222;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.seleziona_camera .eti_lines {
  float: left;
  width: 100%;
}
.seleziona_camera .eti_lines .riga_riepilogo_date {
  float: left;
  width: 100%;
  line-height: 25px;
  padding: 0 10px;
}
.seleziona_camera .eti_lines .riga_riepilogo_date .label {
  display: block;
  float: left;
  width: 15%; /*text-transform: uppercase;*/
}
.seleziona_camera .eti_lines .riga_riepilogo_date .data_ricerca {
  display: block;
  float: left;
  width: 85%;
  box-sizing: border-box;
  /*text-transform: uppercase;*/
  color: #ff0000;
  text-align: left; /*font-size: 1.2em;*/
}
.seleziona_camera .eti_lines .riga_riepilogo_date .data_ricerca .ex {
  text-decoration: line-through;
  color: #222;
  padding: 0 5px;
}
.seleziona_camera span.n_ospiti {
  margin-left: 5px
}
.seleziona_camera span.n_ospiti i.fa {
  font-size: 14px;
  vertical-align: middle;
}
.pacchetto_selezionato h2 {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#details {
  width: /* 620px */ 100%;
  display: none;
}
span.singolo-accessorio {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: rgba(0, 0, 0, 0.05);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
span.singolo-accessorio:before {
  content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
#rate_details {
  width: 620px;
  display: none;
}
#rate_details h2 {
  margin-top: 15px;
}
#rate_details .foto img {
  width: 100%;
}
.fancybox-outer #rate_details {
  width: 100%;
}
.tabs_nav {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.tabs_nav li a {
  float: left;
  padding: 10px 15px;
  background: #cccccc;
  text-decoration: none;
  color: #222;
  opacity: 0.5
}
.tabs_nav li a:hover {
  opacity: 1
}
.tabs_nav li a.active {
  opacity: 1
}
.panels {
  float: left;
  width: 620px;
  background: #cccccc;
  padding: 10px;
  box-sizing: border-box
}
.panels_servizi {
  float: left;
  width: 100%;
  background: #fff;
  padding: 0px;
  box-sizing: border-box
}
.box_scheda {
  padding: 5px;
}
.tabs_nav_servizi {
  float: left;
  margin: 0px;
  padding: 0;
  list-style: none;
  width: 100%;
}
.tabs_nav_servizi li {
  float: left;
  width: 100%;
}
.tabs_nav_servizi li a {
  /*float: left;*/
  width: auto;
  padding: 0px;
  background: #cccccc;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 40px;
  color: #222;
  opacity: 0.5;
  font-size: 0.9em;
  text-align: center
}
.tabs_nav_servizi li a:hover {
  opacity: 1
}
.tabs_nav_servizi li a.active {
  opacity: 1
}
.tabs_nav_servizi ul.elenco {
  /*background: #FFFFFF;*/
}
section {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.campo {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  position: relative;
}
.campo:hover {
  -ms-transform: translate(5px, 0px); /* IE 9 */
  -webkit-transform: translate(5px, 0px); /* Safari */
  transform: translate(5px, 0px);
}
.campo .foto {
  position: relative;
  float: left;
  width: 240px;
  height: auto;
  padding: 10px;
  box-sizing: border-box
}
.campo .foto_camera img {
  float: left;
  width: 100%;
  min-height: 150px;
}
.campo .foto .lente {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 1.2em;
  color: #222 !important
}
.campo .foto .galleria {
  position: absolute;
  bottom: 10px;
  left: 34px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 0.9em;
  color: #222 !important
}
.campo .foto .lente:hover {
  background: rgba(255, 255, 255, 1)
}
.fancybox-outer .foto span.lente, .fancybox-outer .foto .chiudi_gallery, .fancybox-outer .foto span.lente, .fancybox-outer .foto .start1, .fancybox-outer .foto span.lente, .fancybox-outer .foto .pause1, .fancybox-outer .foto .nomecamera1 {
  display: none;
}
.campo .foto .galleria:hover {
  background: rgba(255, 255, 255, 1)
}
.targetta_offer {
  background: rgba(241, 19, 15, 0.7) !important;
  margin: 0;
  position: absolute;
  color: #fff;
  top: 15px;
  left: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.targetta_offer:after {
  content: "Special Offer";
}
/* --------- thanks page --------- */
.campo.thanks-page .tariffe li:first-child {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.campo.thanks-page .tariffe h2 {
  padding: 0;
  line-height: 20px;
  color: #333 !important;
  font-weight: normal !important;
}
.campo.thanks-page .tariffe h2 .nome_camera {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
}
.box_gallery {
  float: left;
  width: 100%;
  height: 300px;
  background: #ccc;
}
.full {
  float: left;
  width: 100% !important;
}
.chiudi_gallery {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 99999;
  background: rgba(240, 237, 232, 0.7);
  font-size: 0.8em;
  display: block;
  cursor: pointer;
}
.nomecamera1 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #fff;
  z-index: 99999;
  font-size: 1.6em;
  text-shadow: 0px 1px 1px #4d4d4d;
}
.pause1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 99999;
  background: rgba(240, 237, 232, 0.7);
  font-size: 0.8em;
}
.start1 {
  position: absolute;
  bottom: 10px;
  left: 45px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 99999;
  background: rgba(240, 237, 232, 0.7);
  font-size: 0.8em;
}
.prev1 {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  z-index: 99999;
  background: rgba(240, 237, 232, 0.7);
}
.next1 {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  z-index: 99999;
  background: rgba(240, 237, 232, 0.7);
}
.pause1:hover, .chiudi_gallery:hover, .start1:hover, .prev1:hover, .next1:hover {
  background: #cccccc;
  color: #022658;
}
.campo .tariffe {
  float: left;
  width: 320px;
  margin: 10px 5px 0px 0px;
  padding: 0; /*height: 110px;
	max-height: 110px;*/
}
#a_soluzioni_preventivo_mail span {
  margin-left: 4px;
}
.tariffe .notifyjs-bootstrap-base span {
  font-size: 12px;
}
.accordion {
  float: left;
  width: 325px;
  margin: 0 0 10px;
  padding: 0;
  line-height: 30px;
  min-height: 30px;
  background: #cccccc;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box
}
.accordion .tariffa {
  float: right;
  line-height: 30px;
  font-size: 1em
}
.accordion-open {
  background: #cccccc;
}
.accordion-open .freccia {
  float: right;
  width: auto;
  height: 20px;
  padding: 0;
  margin: 5px 10px;
  color: #fff !important;
  background: #022658;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.accordion-open .freccia i, .accordion-close .freccia i {
  /*float: left;*/ float: none;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0;
  margin: 0px;
  text-align: center;
  color: #fff !important;
  /**/ display: block;
}
.accordion-open .freccia i {
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}
.accordion-close .freccia {
  float: right;
  padding: 0;
  margin: 5px 10px;
  width: auto;
  height: 20px;
  background: #35598B;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  border-radius: 10px;
}
.accordion-open .select, .accordion-close .select {
  float: left;
  width: auto;
  padding: 0px 0px 0px 5px;
  line-height: 20px !important;
}
.tariffa .price {
  font-size: 1.4em;
  font-weight: bold;
}
.container_tipo {
  float: left;
  width: 100%;
  padding: 0px 10px 10px 10px;
  background: #cccccc;
  margin: 0px;
  box-sizing: border-box
}
.row_titolo {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #cccccc;
}
.row_titolo .sin {
  float: left;
  width: 338px;
  height: auto;
  padding: 0px 5px 0px 0px;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
}
.row_titolo .sin h2 {
  /*float: left;*/
  width: auto;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  display: inline;
}
.row_titolo .sin i {
  float: left;
  width: auto;
  font-size: 12px;
  line-height: 30px;
  padding: 0;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.row_titolo .sin p {
  float: left;
  width: 99%;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.row_titolo .sin p.secret_deal {
  background: #FFBF00;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 10px;
  width: 95%;
}
.row_titolo .sin img, .descri_pacchetto .name img, .riepilogo_promo .riga_promo img {
  vertical-align: text-bottom;
  max-width: 80px;
  height: auto;
  width: 100%;
}
.row_titolo .des {
  float: left;
  width: 180px;
  height: 100%;
  padding: 0px 0px 0px 5px;
  box-sizing: border-box;
  margin-left: 1%;
}
.row_titolo .des .cond {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 4px
}
.row_titolo .des .cond i {
  float: left;
  width: 24px;
}
.row_titolo .des .cond span {
  float: left;
  width: 151px;
  line-height: 15px;
  margin-top: 2px;
}
.row_titolo .des .cond span span {
  float: left;
  width: 100%;
  text-transform: uppercase;
}
.barrato {
  text-decoration: line-through
}
.blocco_tipo {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
}
.blocco_tipo ul {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blocco_tipo ul.offerta_blocco {
  border-bottom: 2px solid #ff0000;
  border-top: 2px solid #ff0000;
}
.blocco_tipo ul li {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 40px;
  position: relative;
}
.blocco_tipo ul li:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.blocco_tipo ul li .cont-nome_tariffa {
  float: left;
  width: 42%;
  padding: 0 5px 0 0;
  box-sizing: border-box;
  position: relative;
}
.blocco_tipo ul li .offer {
  float: right;
  width: 15%;
  padding: 0 5px;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #ff0000;
  text-align: right;
  font-size: 1.2em
}
.blocco_tipo ul li .number {
  float: right;
  width: 10%;
  padding: 0 5px;
  box-sizing: border-box
}
.blocco_tipo ul li .price_day {
  float: right;
  width: 13%;
  padding: 0;
  box-sizing: border-box;
}
.blocco_tipo ul li .price_day span {
  float: left;
  width: auto;
}
.blocco_tipo ul li .price_day span.flaticon-info34 {
  float: left;
  font-size: 0.8em;
  margin-left: 5px;
}
.blocco_tipo ul li .reserve {
  float: right;
  width: 20%;
  box-sizing: border-box;
  text-align: right
}
.blocco_tipo ul li .reserve a {
  display: inline-block;
  line-height: 28px;
  width: 96%;
  text-align: center;
  background: #35598B;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.blocco_tipo ul li .reserve a:hover {
  background: #022658;
  color: #fff
}
.blocco_tipo ul li .reserve a.unlock {
  background: #FFC200;
  color: #333;
}
.blocco_tipo ul li .reserve a.unlock:hover {
  background: #222222;
  color: #FFF;
}
.description {
  float: left;
  width: 303px;
}
.tariffe {
  float: left;
  width: 303px;
  height: auto;
  min-height: 110px;
  padding: 10px 10px 10px 0px;
  list-style: none;
  margin: 0;
}
.tariffe li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px dotted #222222;
}
.tariffe li:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.tariffe li h2 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tariffe li h2 .nome_camera {
  cursor: pointer;
  font-weight: 600;
  color: #022658;
  font-size: 1em;
}
.tariffe li p {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.tariffe li .riga {
  float: left;
  width: 100%;
  padding: 0;
  height: 35px;
  line-height: 35px;
  margin: 10px 0px
}
.offers i {
  float: left;
  width: 25px;
  height: 35px;
  line-height: 35px;
}
.offers {
  float: left;
  color: #ce3333;
}
.tariffe li .riga .prezzo {
  float: right;
  width: auto;
  height: 35px;
  line-height: 40px;
  text-align: right;
  margin-left: 20px;
  font-size: 1.3em;
}
.tariffe li .riga .prenota {
  float: right;
  width: auto;
  height: 35px;
  text-align: right;
  margin-left: 20px;
}
#banner {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
#first_page_banner {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.singola_promo {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
}
.box {
  height: 350px;
  width: 100%;
  display: block;
}
.box img {
  position: relative;
  height: 350px;
  width: auto;
  top: 0;
  left: 0;
  z-index: 0;
}
.inverse {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
ul.scheda_tabs {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.scheda_tabs li {
  float: left;
}
ul.scheda_tabs li a {
  float: left;
  width: auto;
  padding: 0px;
  line-height: 40px;
  background: #cccccc;
  text-decoration: none;
  color: #222;
  opacity: 0.5;
  font-size: 1em;
  text-align: center
}
ul.scheda_tabs li.active a {
  opacity: 1
}
ul.scheda_tabs li a:hover {
  opacity: 1
}
.contenitore_tabs {
  clear: both;
  min-height: 100px;
  height: auto !important;
  padding: 15px 20px;
  overflow: auto;
  text-align: justify;
  line-height: 1.5em;
}
#google_map {
  margin-top: 8px;
}
/*#riepilogo_viaggio .box_contenuto .risultato i.fa {
    font-size: 14px;
    padding-right: 4px;
    vertical-align: middle;
    line-height: 15px;
}*/
.campo.thanks-page .tariffe h2 .nome_camera i.fa {
  font-size: 14px;
  margin-left: 4px;
}
.conferma_inviata_msg {
  display: block;
  padding: 15px 10px;
  font-size: 1.2em;
  clear: both;
  background: #3fa943;
  color: #FFFFFF;
  text-align: center;
}
/* ==========================================================================
   SERVIZI
   ========================================================================== */
.campo_servizi {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.campo_servizi h2 {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #022658;
  color: #fff;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.campo_servizi .elenco {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: auto;
}
.campo_servizi .elenco li {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  background: #ffffff;
  padding-bottom: 5px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.campo_servizi .elenco li ul li {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.campo_servizi .elenco li:last-child {
  border-bottom: none
}
.campo_servizi .foto {
  float: left;
  width: 164px;
  height: 100px;
  padding: 10px;
}
.campo_servizi .foto img {
  float: left;
  width: 164px;
  height: 100px;
}
.campo_servizi .elenco li .blocco_servizio {
  float: left;
  width: 371px;
  height: auto;
  margin: 10px 0px;
}
.campo_servizi ul li .prezzo {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 5px;
  line-height: 30px;
  height: 30px;
  text-decoration: none;
  box-sizing: border-box
}
.campo_servizi .accordion {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 30px;
  background: #cccccc;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box
}
.campo_servizi .accordion .nome_servizio {
  float: left;
  font-size: 1.2em;
  padding: 10px;
  line-height: initial;
  width: calc(100% - 60px);
  display: block;
}
.campo_servizi .accordion-open {
  background: #cccccc;
  color: #333;
}
.campo_servizi .accordion-open .freccia {
  float: right;
  width: auto;
  height: 20px;
  padding: 0;
  margin: 10px;
  color: #fff !important;
  background: #022658;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.campo_servizi .accordion-open .freccia i, .accordion-close .freccia i {
  /*float: left;*/ float: none;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0;
  margin: 0px;
  text-align: center;
  color: #fff !important;
  /* */ display: block;
  /* -ms-transform: rotate(90deg); /* IE 9 */
  /* -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  /* transform: rotate(90deg);*/
}
.campo_servizi .accordion-open .freccia i {
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}
.campo_servizi .accordion-close .freccia {
  float: right;
  padding: 0;
  margin: 10px;
  width: auto;
  height: 20px;
  background: #022658;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.campo_servizi .descrizione_servizio {
  float: left;
  width: 100%;
  height: auto;
  padding: 0 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.campo_servizi .blocco_servizio .tariffa_servizio {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.titolo {
  font-weight: bold;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row {
  float: left;
  width: 100%;
  min-height: 40px;
  border-bottom: 1px solid #ddd;
  margin: 0;
  list-style: none;
  background: #fff;
  padding: 0 2%;
  box-sizing: border-box;
  cursor: pointer;
  display: table;
  vertical-align: middle;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.titolo {
  line-height: 20px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row div {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  padding-right: 3px;
}
/* --- modifica --- */
.campo_servizi .blocco_servizio .tariffa_servizio .row .prezzo span.barrato, .prezzo span.price {
  display: block;
  vertical-align: middle;
  line-height: 16px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .prezzo span.barrato {
  font-weight: normal;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .prezzo span.price {
  font-weight: bold;
  font-size: 1.1em;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.lista:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.last {
  border-bottom: none;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .camera {
  float: left;
  min-height: 40px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .giorno {
  float: left;
  min-height: 40px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .prezzo {
  float: left;
  min-height: 40px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta {
  float: left;
  min-height: 40px;
  text-align: right;
  margin: 0 1%;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .tot {
  float: left;
  min-height: 40px;
  text-align: right;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .remove {
  float: left;
  width: 4%;
  min-height: 40px;
  text-align: right;
}
.tariffa_servizio .row .remove a i.fa {
  background: #ffffff !important;
  display: block;
  opacity: 1;
}
.tariffa_servizio .row .remove a i.fa:hover, .desc_camera .box_riepi .riga.servizi.remove span.remove a i.fa {
  color: #dd3333 !important;
}
/** con il giorno, con la camera iniziale */
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .camera {
  width: 20%;
  font-weight: bold;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .camera .camera_name, .campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .camera .camera_occ {
  display: block;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .camera .camera_occ i.fa {
  padding: 0 1px;
  font-size: 14px;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .giorno {
  width: 18%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .prezzo {
  width: 18%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .qta {
  width: 20%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom .row .tot {
  width: 18%;
}
/** con il giorno, senza la camera iniziale */
.campo_servizi .blocco_servizio .tariffa_servizio.single_room .row .giorno {
  width: 22%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.single_room .row .prezzo {
  font-weight: bold;
  width: 27%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.single_room .row .qta {
  width: 23%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.single_room .row .tot {
  width: 22%;
}
/** senza il giorno, con la camera iniziale */
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom.no_giorno .row .camera {
  width: 27%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom.no_giorno .row .prezzo {
  width: 21%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom.no_giorno .row .qta {
  width: 24%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.multiroom.no_giorno .row .tot {
  width: 22%;
}
/** senza il giorno, senza la camera iniziale */
.campo_servizi .blocco_servizio .tariffa_servizio.single_room.no_giorno .row .prezzo {
  width: 32%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.single_room.no_giorno .row .qta {
  width: 40%;
}
.campo_servizi .blocco_servizio .tariffa_servizio.single_room.no_giorno .row .tot {
  width: 22%;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario {
  float: left;
  width: 100% !important;
  background: #cccccc;
  line-height: 20px;
  padding: 2px 5px;
  box-sizing: border-box;
  margin: 10px 0;
  text-align: center;
  display: table;
  vertical-align: middle;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario i {
  width: 10px;
  height: 20px;
  padding: 0;
  margin: 0px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario.active i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario:hover, .campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario.active {
  background: #022658;
  color: #fff;
}
/* fasce orarie */
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria {
  height: auto;
  display: none;
  background: #cccccc;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li {
  float: left;
  width: 100%;
  line-height: 20px;
  border-bottom: 1px solid #FFF;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  box-sizing: border-box;
  display: table;
  background: #cccccc;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li:last-child {
  border-bottom: none;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .orario {
  float: left;
  width: 50%;
  line-height: 40px;
  height: 40px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia {
  float: left;
  width: 50%;
  line-height: 40px;
  text-align: right;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia label {
  float: left;
  width: 100%;
  line-height: 25px;
  border-bottom: 1px solid #FFF;
  text-align: left;
  height: 25px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia label:last-child {
  border-bottom: none;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia label div:first-child {
  float: left;
  width: 40%;
  text-align: left;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia label div:last-child {
  float: left;
  width: 55%;
  text-align: right;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row.fascia_oraria ul li .fascia label div:last-child .qty {
  height: 20px;
}
.campo_servizi .blocco_servizio .campo_note_servizio {
  margin-bottom: 10px;
  padding: 5px 15px;
  float: left !important;
  width: auto !important;
  clear: both;
}
.campo_servizi .blocco_servizio .campo_note_servizio input {
  border: 2px solid #ddd;
  border-radius: 0;
  color: #222;
  /* display: block; */
  margin: 0 10px;
  /* width: 100%; */
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 5px;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .tot span.totale_servizio {
  font-weight: bold;
  font-size: 1.1em;
}
.riepilogo_servizi {
  float: left;
  width: 100%;
  text-align: right;
  font-size: 1.3em;
  height: 50px;
  padding: 0 15px;
  box-sizing: border-box;
  background: #cccccc;
  margin: 10px 0 0px;
}
.riepilogo_servizi .txt, .riepilogo_servizi .continua {
  display: inline-block;
  margin-left: 15px;
  line-height: 30px;
  height: 30px;
  margin: 10px 0px
}
.riepilogo_servizi .continua {
  padding: 0px 15px;
  background: #022658;
  color: #fff;
  margin-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.riepilogo_servizi .continua:hover {
  background: #022658;
  color: #fff;
}
.riepilogo_servizi span.totale_servizi_selezionati {
  font-weight: bold;
}
.nessun_servizio {
  float: left;
  width: 100%;
  text-align: right;
  font-size: 1.3em;
  line-height: 30px;
  height: 30px;
  padding: 0;
  box-sizing: border-box;
  margin: 10px 0px 15px 0px;
}
.nessun_servizio .continua {
  display: inline-block;
  margin: 0;
}
.nessun_servizio .continua {
  padding: 0px 10px;
  background: #022658;
  color: #fff;
  font-size: 0.8em
}
.nessun_servizio .continua:hover {
  background: #022658;
  color: #fff;
}
.campi_dati {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.campi_dati h2, #form_salvataggio_prenotazione .titolo_tabella {
  float: left;
  width: 100%;
  height: auto;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
  background: #022658;
  /*background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);*/
  font-weight: 400;
  box-sizing: border-box;
}
/* ==========================================================================
   RIEPILOGO
   ========================================================================== */
#social {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  margin: 0px 0px 5px 0px;
  padding-bottom: 15px;
}
#social h3 {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center
}
#social ul {
  margin: 0;
  list-style: none;
  padding: 20px;
  font-size: 1.2em;
}
#social ul li {
  float: left;
  width: 32%;
  height: 40px;
  box-sizing: border-box;
  margin-right: 2%;
}
#social ul li:last-child {
  margin-right: 0%
}
#social ul li a {
  float: left;
  width: 100%;
  height: 40px;
  text-align: center;
}
#social ul li a:hover {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
#social ul li a.facebook {
  background: #43609a;
  color: #fff;
}
#social ul li a.twitter {
  background: #5baeec;
  color: #fff;
}
#social ul li #linkedin a {
  background: #2888bb !important;
  color: #fff !important;
  height: 40px !important;
  font-size: 14.4px !important;
}
#social ul li #linkedin .IN-widget {
  display: block !important;
  height: 40px !important;
}
#social ul li #linkedin .IN-widget > span {
  display: block !important;
  width: 100%;
}
#social ul li a span {
  display: inline-block;
  width: auto;
  text-align: center;
  line-height: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
}
#social ul li a i {
  display: inline-block;
  width: auto;
  line-height: 40px;
  font-size: 1.2em;
  margin-right: 5px;
  padding: 0;
}
.dati_personali, #form_salvataggio_prenotazione {
  float: left;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.dati_personali label {
  float: left;
  width: 50%;
  padding: 0 5px;
  box-sizing: border-box
}
.dati_personali .table label {
  width: 20%;
}
.dati_personali label.lunga {
  float: left;
  width: 100%;
}
.dati_personali .row {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.dati_personali .row.full {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.dati_personali .row .label {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box
}
.dati_personali .row .fields {
  float: left;
  width: 100%;
}
.dati_personali .row .fields .field {
  float: left;
  width: 25%;
  margin-right: 10px;
}
.dati_personali .row .fields select {
  float: left;
  width: 25%;
  margin-right: 10px;
}
.dati_personali .privacy {
  float: left;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 10px;
  box-sizing: border-box
}
.dati_personali .privacy .text {
  float: left;
  width: 100%;
  height: 7.5em;
  overflow: auto;
  padding: 10px;
  border: 2px solid #ddd;
  box-sizing: border-box
}
.dati_personali textarea, .dati_personali input[type="text"], .dati_personali input[type="tel"], .dati_personali input[type="email"], .dati_personali input[type="date"] {
  border: 2px solid #ddd;
  border-radius: 0;
  color: #222;
  display: block;
  margin: 0;
  padding: 1em 1.25em;
  width: 100%;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box
}
.dati_personali select {
  text-transform: capitalize;
  border: 2px solid #ddd;
  border-radius: 0;
  display: block;
  margin: 0;
  padding: .9em 1.25em;
  width: 100%;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box
}
.dati_personali select:required:invalid {
  color: #AAA;
}
.dati_personali select option[value=""][disabled] {
  display: none;
}
.dati_personali select option {
  text-transform: capitalize;
  color: black;
}
.dati_personali .data_nascita label span {
  float: left;
  width: 25%;
}
.dati_personali .data_nascita label .campi {
  float: right;
  width: 24%;
  margin-left: 2px;
}
.dati_personali input[type="checkbox"] {
  height: 16px;
  width: 16px;
  vertical-align: bottom;
  margin-right: 3px;
}
.dati_personali textarea:focus, .dati_personali input:focus {
  border-color: #222222;
  color: #222;
  outline: none;
}
.dati_personali textarea {
  margin: 0;
  min-height: 7.5em;
  line-height: 1.5;
  overflow: auto;
  resize: vertical;
}
.dati_personali button, #richiesta_pulsante_cerca button {
  width: 98%;
  height: 40px;
  line-height: 40px;
  background: #022658;
  display: block;
  text-align: center;
  color: #fff;
  border: none;
  padding: 0;
  margin: 0px auto;
  font-size: 1.4em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.dati_personali button:hover, #richiesta_pulsante_cerca button:hover {
  background: #022658;
  color: #fff;
}
#contenitore_secure {
  float: left;
  width: 100%;
  min-height: 340px;
  display: none;
}
.contenitore_pulsanti {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.pulsante_stampa_conferma, #pulsante_pkpass_download, #pulsante_add_services {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  border-left: 0;
  border-right: 0;
}
.pulsante_stampa_conferma a, #pulsante_pkpass_download a, #pulsante_add_services a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  border: 0;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #022658;
}
.pulsante_stampa_conferma a i.fas, #pulsante_pkpass_download a i.fas, #pulsante_add_services a i.fas {
  padding-right: 5px;
  vertical-align: middle;
}
.button-icon, .button-label {
  display: table-cell;
  text-align: center;
}
/* ==========================================================================
   FORM OFFERTE BLOCCATE
   ========================================================================== */
.unlocker {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.unlocker h2 {
  float: left;
  width: 90%;
  /*height: 40px;*/
  line-height: 22px;
  text-align: center;
  color: #fff;
  margin: 0 0 20px 0px;
  padding: 15px 5%;
  text-transform: uppercase;
  background: #022658;
  /*background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);*/
  font-weight: 400;
}
.unlocker .blocco {
  float: left;
  width: 33.333%;
}
.unlocker .table {
  float: left;
  width: 100%;
}
.unlocker .row {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.unlocker .row.full {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.unlocker label {
  float: left;
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box
}
.unlocker .table label {
  width: 20%;
}
.unlocker input[type=text], .unlocker input[type=number], .unlocker textarea {
  border: 2px solid #ddd;
  border-radius: 0;
  color: #222;
  display: block;
  margin: 0;
  padding: 1em 1.25em;
  width: 100%;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box
}
.unlocker input[type="checkbox"] {
  height: 16px;
  width: 16px;
  vertical-align: bottom;
  margin-right: 3px;
}
.unlocker input:focus {
  border-color: #222222;
  color: #222;
  outline: none;
}
.unlocker button {
  width: 98%;
  height: 40px;
  line-height: 40px;
  background: #022658;
  display: block;
  text-align: center;
  color: #fff;
  border: none;
  padding: 0;
  margin: 0px auto;
  font-size: 1.4em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.unlocker button:hover {
  background: #022658;
  color: #fff;
}
.unlocker .privacy {
  float: left;
  width: 100%;
  padding: 0 5px;
  margin-top: 10px;
  box-sizing: border-box
}
.unlocker .privacy .text {
  float: left;
  width: 100%;
  height: 7.5em;
  overflow: auto;
  padding: 10px;
  border: 2px solid #ddd;
  box-sizing: border-box
}
.blocco_concludi {
  float: left;
  width: 100%;
  margin: 20px 0px;
}
.blocco_account {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none
}
.blocco_account li {
  float: left;
  width: 50%;
  text-align: center;
}
.blocco_account li a {
  display: block;
  line-height: 30px;
}
.blocco_account li a i {
  display: inline-block;
  font-size: 1.2em;
  margin-right: 10px;
  line-height: 30px;
}
.blocco_account li a span {
  display: inline-block;
  line-height: 30px;
}
/* ============================================================================
   CARTA DI CREDITO
   ============================================================================ */
#cc_form {
  min-height: 430px !important;
}
#form_salvataggio_prenotazione .table div {
  margin-bottom: 10px;
}
#form_salvataggio_prenotazione .table div input[type="text"] {
  border: 2px solid #ddd;
  border-radius: 0;
  color: #222;
  display: inline-block;
  margin: 0;
  padding: 1em 1.25em;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box;
}
#form_salvataggio_prenotazione .table div select {
  text-transform: capitalize;
  border: 2px solid #ddd;
  border-radius: 0;
  display: inline-block;
  margin: 0;
  padding: .9em 1.25em;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
  box-sizing: border-box;
}
#form_salvataggio_prenotazione {
  padding: 0;
}
#form_salvataggio_prenotazione .table {
  padding: 10px 20px;
  clear: both;
}
#form_salvataggio_prenotazione .titolo_tabella {
  font-size: 18px;
  margin-bottom: 20px;
}
#form_salvataggio_prenotazione .table div label {
  width: 20%;
  min-width: 100px;
  display: inline-block;
}
#form_salvataggio_prenotazione .table div select#ExpMon {
  margin-right: 3px;
}
@media screen and (max-width: 680px) {
  .box_gallery {
    height: 300px;
  }
  .unlocker .blocco {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .blocco_concludi {
    margin: 10px auto 20px;
  }
  .blocco_account li {
    float: left;
    width: 100%;
  }
  .blocco_account li:last-child {
    margin-bottom: 0px;
  }
  /* ============================================================================
   CARTA DI CREDITO
   ============================================================================ */
  #form_salvataggio_prenotazione .table {
    padding: 10px 0px;
  }
  #form_salvataggio_prenotazione .table div input[type="text"] {
    padding: 1em 0.50em;
  }
  #form_salvataggio_prenotazione .table div.cim-conteiner label {
    display: none;
  }
  #form_salvataggio_prenotazione .table div.cim-conteiner {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #cc_form {
    min-height: 550px !important;
  }
  #form_salvataggio_prenotazione .titolo_tabella {
    margin-bottom: 0;
  }
  #form_salvataggio_prenotazione .table div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  #form_salvataggio_prenotazione .table div label {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
  #form_salvataggio_prenotazione .table div.ch-conteiner input, #form_salvataggio_prenotazione .table div.ct-conteiner select {
    width: 100%;
  }
  .cim-conteiner {
    padding-top: 10px;
  }
}
/* ==========================================================================
   PACCHETTI
   ========================================================================== */
#pag_pacchetti .button {
  display: inline-block;
  padding: 15px 18px;
  background: #cccccc;
  border: none;
  color: #222;
  font-size: 1.2em;
  text-transform: uppercase;
  cursor: pointer;
}
#pag_pacchetti .button:hover {
  background-color: #fff;
}
#pag_pacchetti .button:active, #pag_pacchetti .button.is-checked {
  background-color: #fff; /*border-top: 3px solid #022658;*/
}
#pag_pacchetti .button-group:after {
  content: '';
  display: block;
  clear: both;
}
#pag_pacchetti .button-group .button {
  float: left;
  text-transform: none;
}
#pag_pacchetti .grid {
  float: left;
  width: 100%;
}
#pag_pacchetti .grid:after {
  content: '';
  display: block;
  clear: both;
}
#pag_pacchetti .element-item {
  position: relative;
  float: left;
  width: 433px;
  height: auto;
  margin: 10px 0px 0px 10px;
  padding: 10px;
  background: #fff;
  /*border: 1px solid #ddd;*/
  color: #222;
  cursor: pointer;
}
#pag_pacchetti .element-item:hover {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
}
#pag_pacchetti .element-item > * {
  margin: 0;
  padding: 0;
}
#pag_pacchetti .element-item .box_offerta .foto_pacchetto img {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/images/ImageNotAvailable.jpg);
}
#pag_pacchetti .element-item .box_offerta .descri_pacchetto h3.name {
  float: left;
  width: 100%;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  padding: 0 2% 0 0;
  line-height: 24px;
  box-sizing: border-box;
  /*font-weight: bold;*/
  color: #022658;
}
#pag_pacchetti .element-item .box_offerta .descri_pacchetto p {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 5px 0px 0px;
  box-sizing: border-box
}
#pag_pacchetti .element-item .box_offerta .descri_pacchetto {
  float: left;
  width: 72%;
  margin-bottom: 10px;
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto {
  float: left;
  width: 28%;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  border-left: 1px solid #ddd;
  padding: 2px 5px 5px 5px;
  box-sizing: border-box
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .start {
  float: left;
  width: 100%;
  font-size: 12px !important;
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .big {
  float: left;
  width: 100%;
  font-size: 1.8em;
  line-height: 28px;
  font-weight: bold;
  color: #022658;
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .big .pic {
  font-size: 0.7em
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .occupazione {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 15px
}
#pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .occupazione .ospiti {
  float: left;
  width: 100%;
  text-align: center;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .foto_pacchetto img {
  float: left;
  width: 30%;
  margin: 0 2% 2% 0;
  height: auto;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .descri_pacchetto {
  float: left;
  width: 68%;
  margin-bottom: 0px;
  min-height: 0
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .descri_pacchetto h3.name {
  float: left;
  width: 100%;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .descri_pacchetto p {
  float: left;
  width: 100%;
  padding: 0px;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto {
  float: right;
  width: 68%;
  font-size: 0.85em;
  text-align: left;
  margin-bottom: 10px;
  border-left: none;
  padding: 0px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  /*border-bottom: 1px solid #ccc;*/
  margin-top: 10px
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .start {
  float: left;
  width: auto;
  font-size: 1.5em;
  line-height: 30px;
  margin-right: 8px
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .big {
  float: left;
  width: auto;
  font-size: 1.5em;
  line-height: 30px;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .big .pic {
  font-size: 0.7em
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .occupazione {
  float: right;
  width: auto;
  line-height: 30px;
  text-align: right;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .occupazione .xroom {
  float: left;
  width: auto;
}
#pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto .occupazione .ospiti {
  float: left;
  width: auto;
  margin-left: 5px
}
#pag_pacchetti .element-item .box_offerta .row_puls {
  float: left;
  width: 100%;
}
#pag_pacchetti .element-item.filtro_benessere {
  border-bottom: 4px solid #F00;
}
#pag_pacchetti .element-item.filtro_benessere .prezzo_pacchetto .big {
  color: #F00;
}
#pag_pacchetti .element-item.filtro_pacchetti {
  border-bottom: 4px solid #F80;
}
#pag_pacchetti .element-item.filtro_pacchetti .prezzo_pacchetto .big {
  color: #F80;
}
#pag_pacchetti .element-item.filtro_offerte {
  border-bottom: 4px solid #006893;
}
#pag_pacchetti .element-item.filtro_offerte .prezzo_pacchetto .big {
  color: #006893;
}
#pag_pacchetti .element-item.filtro_servizi {
  border-bottom: 4px solid #f56893;
}
#pag_pacchetti .element-item.filtro_servizi .prezzo_pacchetto .big {
  color: #f56893;
}
#pag_pacchetti .element-item.filtro_durata {
  border-bottom: 4px solid #009737;
}
#pag_pacchetti .element-item.filtro_durata .prezzo_pacchetto .big {
  color: #009737;
}
#pag_pacchetti .box_offerta {
  float: left;
  width: 100%;
  height: auto;
}
#pag_pacchetti .desc_promo {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid#ccc;
}
#pag_pacchetti .promo {
  float: left;
  width: 48%;
  line-height: 30px;
  background: #cccccc;
  color: #222;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#pag_pacchetti .promo:hover {
  background: #022658;
  color: #fff;
}
#pag_pacchetti .promo.aa:hover {
  background: #022658;
  color: #fff;
}
#pag_pacchetti .promo.aa {
  background: #022658;
  color: #fff;
}
#pag_pacchetti .promo.aa .freccia i, .promo:hover .freccia i {
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
#pag_pacchetti .promo i {
  float: left;
  width: 30px;
  margin: 0;
  padding: 0;
  /*line-height: 30px;
	height: 30px;*/
  text-align: center;
}
#pag_pacchetti .promo .sx {
  float: left;
  width: auto;
  padding: 0;
  line-height: 40px;
  height: 40px;
  margin: 0 5px;
  text-align: left;
}
#pag_pacchetti .promo .freccia i {
  float: right;
  width: 16px;
  /*height: 16px;*/
  margin: 0 7px;
  padding: 0;
  text-align: center;
  font-size: 0.7em;
  line-height: 40px;
}
#pag_pacchetti .promo.sin {
  float: left;
}
#pag_pacchetti .promo.des {
  float: right;
}
#pag_pacchetti .what_blocco {
  float: left;
  width: 100%;
  height: auto;
  display: none;
  margin-bottom: 10px;
}
#pag_pacchetti .what_blocco .blocco_testo {
  float: left;
  width: 100%;
  min-height: 195px;
  background: #cccccc;
  padding: 10px 15px;
  box-sizing: border-box;
  overflow: auto;
  max-height: 195px;
}
#pag_pacchetti .what_blocco .blocco_testo h3 {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
#pag_pacchetti .what_blocco .blocco_testo p {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#pag_pacchetti .what_blocco .condividi {
  float: left;
  width: 100%;
  line-height: 30px;
  text-align: right; display:none;
}
#pag_pacchetti .what_blocco .condividi a {
  margin-left: 10px
}
#pag_pacchetti .blocco_filtri {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 10px 0px 10px;
  box-sizing: border-box;
}
#pag_pacchetti .blocco_filtri_mobile {
  display: none;
}
#pag_pacchetti .filtri {
  float: left;
  width: 100%;
  height: 40px;
  background: #fff;
  line-height: 40px;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
#pag_pacchetti .filtri li {
  float: left;
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
}
#pag_pacchetti .filtri li input[type="radio"] {
  margin-right: 5px;
  vertical-align: middle;
}
#pag_pacchetti .filtri li select {
  margin-left: 5px;
  border: 2px solid #ddd;
  padding: 5px;
  cursor: pointer;
}
#pag_pacchetti .blocco_filtri .back {
  float: left;
  width: 100%;
  height: 40px;
  background: #fff;
  line-height: 40px;
  list-style: none;
  margin: 0;
  padding: 0 20px;
  box-sizing: border-box
}
#pag_pacchetti .blocco_filtri .back a {
  float: left;
  width: auto;
  line-height: 40px;
}
#pag_pacchetti .riepilogo_promo {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
}
#pag_pacchetti .riepilogo_promo h3 {
  float: left;
  width: 100%;
  line-height: 24px;
  margin: 0px 0px 10px 0px;
  padding: 0;
  font-size: 1.5em
}
#pag_pacchetti .riepilogo_promo .foto_promo img {
  float: left;
  width: 40%;
  height: auto;
  margin: 0 3% 0px 0px
}
#pag_pacchetti .riepilogo_promo p {
  float: left;
  width: 57%;
  height: auto;
  margin: 5px 0
}
#pag_pacchetti .riepilogo_promo .riga_promo {
  float: left;
  width: 57%;
  line-height: 30px;
}
#pag_pacchetti .riepilogo_promo .riga_torna {
  float: left;
  width: 100%;
  line-height: 30px;
  text-align: right;
}
#scheda_pacchetto {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  padding: 10px 20px;
  box-sizing: border-box
}
#scheda_pacchetto .foto_pacchetto {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#scheda_pacchetto .foto_pacchetto img {
  float: left;
  width: 100%;
  height: auto;
}
#scheda_pacchetto .name {
  float: left;
  width: 100%;
  font-size: 1.6em;
  font-weight: normal;
  padding: 0;
  line-height: 26px;
  margin: 5px 0px
}
#scheda_pacchetto .descri_pacchetto {
  float: left;
  width: 73%;
  margin: 0px;
  min-height: 50px
}
#scheda_pacchetto .prezzo_pacchetto {
  float: right;
  width: 25%;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  border-left: 1px solid #ddd;
  padding: 2px 5px 5px 5px;
  box-sizing: border-box
}
#scheda_pacchetto .prezzo_pacchetto .big {
  font-size: 1.8em;
  line-height: 28px;
  font-weight: bold;
  color: #022658;
}
#scheda_pacchetto .prezzo_pacchetto .big .pic {
  font-size: 0.7em
}
#scheda_pacchetto .prezzo_pacchetto .occupazione {
  float: left;
  width: 100%;
  text-align: center;
}
#scheda_pacchetto .prezzo_pacchetto .occupazione .xroom {
  float: left;
  width: 100%;
}
#scheda_pacchetto .prezzo_pacchetto .occupazione .ospiti {
  float: left;
  width: 100%;
}
#scheda_pacchetto .cosa_include {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-top: 1px solid #ddd;
  /*border-bottom: 1px solid #ddd;*/
  padding: 0px
}
.cosa_include .cont_cosa_include {
  padding: 10px 0;
}
#scheda_pacchetto .cosa_include h3 {
  float: left;
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0;
  line-height: 30px;
  font-size: 1.3em
}
#scheda_pacchetto .condividi {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: right
}
#scheda_pacchetto .condividi a {
  margin-left: 20px;
  font-size: 1.2em
}
.scheda_pacchetti {
  display: none
}
/* ==========================================================================
   VANTAGGI
   ========================================================================== */
#vantaggi {
  float: left;
  width: 100%;
  height: auto;
}
.campo_vantaggi {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  margin-bottom: 20px;
}
.blocco_vantaggi {
  float: left;
  width: 100%;
  height: auto;
  padding: 0px;
}
.blocco_vantaggi h3 {
  float: left;
  width: 100%;
  text-transform: uppercase;
  background: #cccccc;
  padding: 10px 18px;
  margin: 0;
  font-size: 1.4em;
  box-sizing: border-box;
  text-align: center
}
.blocco_vantaggi h3 i {
  float: left;
  width: 100%;
  font-size: 1.5em;
  margin-bottom: 10px;
  display: none;
}
.blocco_vantaggi ul {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  padding: 10px 20px;
  margin: 0;
  box-sizing: border-box
}
.blocco_vantaggi ul li {
  float: left;
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #ddd;
  font-size: 1.1em;
}
.blocco_vantaggi ul li:last-child {
  border-bottom: none
}
.blocco_vantaggi ul.vantaggio li:before {
  content: "\f046";
  font-family: FontAwesome;
  color: #022658; /* or whatever color you prefer */
  margin-right: 6px;
}
.blocco_vantaggi ul.book li:before {
  content: "\f271";
  font-family: FontAwesome;
  color: #022658; /* or whatever color you prefer */
  margin-right: 6px;
}
.caricamento_contenitore.blocco_vantaggi a {
  float: right;
  color: #333;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.6);
  padding: 10px;
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  width: 24px !important;
  height: 24px !important;
  text-align: center;
}
.caricamento_contenitore.blocco_vantaggi a i.fa {
  font-size: 15px;
  color: #333333;
  z-index: 999;
  display: block;
  vertical-align: middle;
  margin: 0;
  line-height: 24px;
  right: 0;
  top: 0;
}
.tit_vantaggi {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
  margin-bottom: 10px;
  box-sizing: border-box;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.tit_vantaggi h2 {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  background: #022658;
  /*background-image: -webkit-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -moz-linear-gradient(top, #6E7C88 , #44525E);
	background-image: -o-linear-gradient(top, #6E7C88 , #44525E);
	background-image: linear-gradient(to bottom, #6E7C88 , #44525E);*/
  font-weight: 700;
}
.fix-bottom {
  margin-bottom: 15px;
}
.modification-buttons {
  width: 25%;
  height: 25px;
  line-height: 25px;
  background: #022658;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  padding: 0;
  margin: 5px 10px;
  font-size: 1.2em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.modification-buttons:hover {
  background: #022658;
  color: #fff;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: ''; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
									   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " ("attr(href) ")";
  }
  abbr[title]:after {
    content: " ("attr(title) ")";
  }
  /*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: '';
  }
  pre, blockquote {
    border: 1px solid #022658;
    page-break-inside: avoid;
  }
  /*
		 * Printing Tables:
		 * http://css-discuss.incutio.com/wiki/Printing_Tables
		 */
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
@media screen and (max-width: 960px) {
  .box_gallery {
    height: 400px;
  }
  #header {
    display: none;
  }
  #banner {
    display: none;
  }
  #header_mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 50px;
    background: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    display: table;
  }
  #header_mobile * {
    box-sizing: border-box;
  }
  #header_mobile a, #header_mobile a:hover {
    color: #222;
  }
  #box-risultati {
    padding-bottom: 160px;
    float: left;
    width: 100%;
  }
  #wrapper {
    float: left;
    margin-top: 65px;
    width: 100%;
  }
  #pulsante_menu {
    width: 30px;
    height: 30px;
    padding: 7px;
    border-right: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
  }
  #pulsante_menu i {
    height: 30px;
  }
  .pmenu {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .pmenu:focus {
    outline: none;
  }
  .pmenu span {
    display: block;
    position: absolute;
    top: 13px;
    left: 5px;
    right: 5px;
    height: 2px;
    background: #022658;
  }
  .pmenu span:before, .pmenu span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #022658;
    content: '';
  }
  .pmenu span:before {
    top: -6px;
  }
  .pmenu span:after {
    bottom: -6px;
  }
  .pulsante_menu_sx {
    background-color: transparent;
  }
  .pulsante_menu_sx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
  }
  .pulsante_menu_sx span:before, .pulsante_menu_sx span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
  }
  .pulsante_menu_sx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
  }
  .pulsante_menu_sx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
  }
  /* active state, i.e. menu open */
  .pulsante_menu_sx.is-active {
    background-color: transparent;
  }
  .pulsante_menu_sx.is-active span {
    background: none;
  }
  .pulsante_menu_sx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .pulsante_menu_sx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .pulsante_menu_sx.is-active span:before, .pulsante_menu_sx.is-active span:after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
  }
  #hotel_titolo {
    padding: 5px;
    display: table-cell;
  }
  #hotel_titolo .nome_hotel {
    float: left;
    width: 100%;
    line-height: 120%;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 0;
  }
  #hotel_titolo .indirizzo {
    float: left;
    width: 100%;
    line-height: 120%;
    font-size: 0.9em;
    padding: 5px 0 0;
  }
  #pulsante_carrello {
    float: right;
    width: 30px;
    margin: 15px;
  }
  #pulsante_carrello a i.fas.fa-shopping-cart.fa-2x {
    font-size: 1.6em !important;
  }
  #header_mobile_sx {
    position: fixed;
    top: 0;
    left: -363px;
    width: 90%;
    height: 100%;
    max-width: 360px;
    z-index: 98;
    background: #fff;
    padding: 80px 0px;
    box-sizing: border-box;
    display: block;
    -webkit-box-shadow: 3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    overflow-y: scroll
  }
  .menu {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
  }
  .menu li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
  }
  .menu li i {
    float: left;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.3em
  }
  .menu li span {
    float: left;
    width: auto;
    line-height: 40px;
    font-size: 1.2em
  }
  #header_mobile_dx {
    position: fixed;
    top: 0;
    right: -363px;
    width: 90%;
    height: 100%;
    max-width: 360px;
    z-index: 98;
    background: #fff;
    padding: 80px 10px 10px;
    box-sizing: border-box;
    display: block;
    -webkit-box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    overflow: scroll
  }
  .clock-block {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 2px;
  }
  .viaggio .cal {
    float: left;
    width: 50%;
    height: auto;
    margin: 0px;
  }
  .viaggio .clock_det {
    float: left;
    width: 50%;
    height: auto;
    margin: 0px;
  }
  .cal .freccia {
    display: none
  }
  .viaggio .eti {
    float: left;
    width: 46%;
    line-height: 20px;
    margin: 5px 2%;
    border-bottom: 1px solid#ccc;
  }
  .blocco_mobile {
    float: left;
    width: 100%;
    height: auto;
  }
  .tit_mob {
    float: left;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 1.3em
  }
  .tot_mob {
    float: left;
    width: 100%;
    line-height: 40px;
    border-top: 1px solid #ddd;
    font-size: 1.3em;
    margin-top: 10px;
  }
  .tot_mob span.sx {
    float: left;
    width: auto;
  }
  .tot_mob span.dx {
    float: right;
    width: auto;
    font-weight: bold;
    color: #022658;
  }
  #header_mobile_dx .riga h2 {
    float: left;
    width: 100%;
    text-align: left;
    color: #222;
    border-bottom: 1px solid #ddd;
    background: #FFF;
    margin-top: 10px;
    font-size: 1.3em;
  }
  .box_riepi .riga .risultato {
    display: table-cell;
  }
  .container {
    width: 100%;
    margin: 0;
  }
  #hp a {
    float: left;
    line-height: 40px;
    color: #022658;
    margin-left: 10px;
  }
  #logo {
    float: left;
    width: auto;
    margin-left: 10px;
  }
  #puls_servizio {
    float: right;
    width: auto;
    display: block
  }
  #puls_servizio a {
    float: left;
    color: #fff;
    margin-left: 40px;
    text-align: center;
    width: auto;
    min-width: 50px;
    margin-top: 10px
  }
  #puls_servizio a i {
    display: block;
    line-height: 40px;
  }
  #puls_servizio a span {
    display: block;
    line-height: 20px;
  }
  #valute a {
    line-height: 40px;
  }
  #valute a i {
    line-height: 40px;
  }
  .fix-bottom {
    margin-bottom: 15px;
  }
  #box_valute .elenco_valute li a {
    line-height: 40px;
  }
  #box_valute .elenco_valute li a img {
    margin: 12px 10px 0px 0px;
    line-height: 40px;
  }
  #box_valute .elenco_valute li a span {
    line-height: 40px;
  }
  #lang a {
    line-height: 40px;
  }
  #lang a i {
    line-height: 40px;
  }
  #box_lingue .elenco_lingue li a {
    line-height: 40px;
  }
  #box_lingue .elenco_lingue li a img {
    margin: 12px 10px 0px 0px;
    line-height: 40px;
  }
  #box_lingue .elenco_lingue li a span {
    line-height: 40px;
  }
  #blocco_scheda {
    min-height: 0 !important;
  }
  #scheda_link /*blocco_scheda*/ {
    display: none;
  }
  .box_concludi {
    float: left;
    width: 100%;
    background: #fff;
  }
  .box_concludi .riga {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
  }
  .box_concludi .riga .label {
    float: left;
    width: 80px;
    text-transform: uppercase;
    margin: 0px 5px;
  }
  .box_concludi .riga .risultato {
    float: left;
    width: 170px;
  }
  .box_concludi .riga .risultato .multi_riga {
    float: left;
    line-height: 20px;
    margin: 10px 0px;
  }
  .box_concludi .riga.riga_totali.definitivo {
    background: #022658;
    color: #fff;
  }
  .box_concludi .riga.riga_totali .label {
    float: left;
    width: 150px;
    text-transform: uppercase;
    margin: 0px 5px;
  }
  .box_concludi .riga.riga_totali .risultato {
    float: right;
    width: 90px;
    text-align: right;
    margin-right: 10px;
    font-size: 1.3em
  }
  .box_concludi .riga.condizioni .label {
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 0px 5px;
    line-height: 20px;
    margin-top: 10px
  }
  .box_concludi .riga.condizioni .risultato {
    float: right;
    width: 100%;
    text-align: left;
    font-size: 0.8em;
    line-height: 14px;
    padding: 0 5px 10px 5px;
    box-sizing: border-box
  }
  #a_soluzioni_preventivo_mail {
    margin-left: 15px;
  }
  /* ==========================================================================
	   STEP
	   ========================================================================== */
  #step .container, #wrapper .container {
    padding: 10px 0;
    margin-bottom: 50px;
  }
  #step {
    display: none;
  }
  #step_mobile {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
    display: block
  }
  #step_mobile .container ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #step_mobile .container ul li a {
    float: left;
    width: 100%;
    margin: 0px;
    line-height: 40px;
    background: #fff;
    color: #222;
    padding: 0px 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
  }
  #step_mobile .container ul li:last-child a {
    margin: 0px;
    border-bottom: none;
  }
  #step_mobile .container ul li a i {
    float: left;
    width: auto;
    line-height: 40px;
    margin-right: 10px;
  }
  #step_mobile .container ul li a span {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
  #step_mobile .container ul li a .dx {
    float: right;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
  #sx {
    display: none
  }
  #sx_pacchetti {
    display: none
  }
  #dx {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  #dx_pacchetti {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  #dx.alto {
    margin: 0px 0px 80px 0px;
  }
  #box_carrello {
    float: left;
    width: 360px;
    height: auto;
    margin: 0px 15px 0px 10px;
  }
  .carrello {
    float: left;
    width: 360px;
    height: auto;
    margin: 0px;
    padding: 10px 0px;
  }
  .carrello .contenuto {
    float: left;
    width: 340px;
    margin: 0px 10px;
    padding: 0px;
    box-sizing: border-box;
  }
  .carrello .contenuto .box_contenuto {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-sizing: border-box
  }
  .carrello .contenuto .box_contenuto .riga .pulsanti a {
    float: left;
    width: 100%;
    background: #cccccc;
    line-height: 30px;
    padding: 0px 5px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
  }
  .carrello .contenuto .box_contenuto .riga .pulsanti a:hover {
    background: #022658;
  }
  #vantaggi {
    float: left;
    width: calc(100% - 395px);
    height: auto;
  }
  #dx_cancel_modify #vantaggi {
    width: 100%;
  }
  #container_calendar {
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }
  #nav_tab_carrello {
    padding-bottom: 0;
  }
  #calendar {
    float: left;
    height: auto;
    width: 100%;
  }
  .seleziona_giorni .checkin {
    float: left;
    width: 100%;
    margin: 0px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  .seleziona_giorni, .seleziona_giorni {
    float: left;
    height: auto;
    width: 100%;
    display: none;
    font-size: 0.9em
  }
  .seleziona_giorni ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 5px;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box
  }
  .seleziona_giorni ul li .vai {
    float: right;
    width: 70px;
    text-align: right;
    line-height: 30px;
    margin-top: 5px;
  }
  .seleziona_giorni .checkin {
    float: left;
    width: 100%;
    margin: 0px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  .seleziona_giorni .checkin.attivo {
    background: #ddf5de !important;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  }
  .seleziona_giorni .checkin.attivo a {
    background: #cccccc;
  }
  .seleziona_giorni .checkin.attivo a:hover {
    background: #222222
  }
  .seleziona_giorni .checkin span.sx {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    font-size: /*0.9em*/ 1em;
  }
  .seleziona_giorni .checkin span.sx i {
    margin-right: 5px;
  }
  .seleziona_giorni .checkin span.sx span {
    margin-left: 10px;
    font-weight: 700
  }
  .seleziona_giorni .checkin span.dx {
    float: right;
    width: auto;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    font-size: 0.9em
  }
  .modifica {
    float: left;
    line-height: 30px;
    height: 30px;
    background: #cccccc;
    color: #222;
    padding: 0px 5px;
    font-size: 0.9em;
    margin: 5px 0px
  }
  .tab_carrello ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
  }
  .camera_sel {
    float: left;
    width: 100%;
    line-height: 30px;
    padding: 0;
    margin-top: 5px;
    border-bottom: 1px solid #ddd;
  }
  .camera_sel .ncamera {
    float: left;
    width: 30%;
    margin-left: 5px;
    font-size: 0.9em;
  }
  .camera_sel .ncamera i {
    display: inline-block;
    margin-right: 6px;
  }
  .camera_sel .eti {
    float: left;
    width: 30%;
    text-align: center;
    font-size: 0.9em
  }
  .camera_sel .eti i {
    display: inline-block;
    margin-right: 6px;
  }
  #camere {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #camere li {
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #ddd;
  }
  #camere li .row_camera {
    float: left;
    width: 100%;
    height: auto;
  }
  #camere li .row_camera .cancel {
    float: left;
    width: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
  }
  #camere li:first-child .row_camera .cancel i {
    display: none;
  }
  #camere li .row_camera .num_camera {
    float: left;
    width: 30%;
    margin-left: 5px;
    line-height: 40px;
    height: 40px;
  }
  #camere li .row_camera .seleziona {
    float: left;
    width: 30%;
    line-height: 40px;
    height: 40px;
    font-size: 0.9em;
    text-align: center
  }
  #camere li .row_camera .seleziona .valore {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .seleziona_giorni ul li .disp {
    float: left;
    width: 10px;
    line-height: 10px;
    margin: 13px 10px 13px 0px;
    border: 1px solid#ccc;
  }
  .carrello .contenuto .box_contenuto .riga .inserisci_sconto {
    display: block;
    width: 98%;
    margin: 10px auto;
    height: 30px;
    line-height: 30px;
    background: #ffe875;
    text-align: center;
    color: #222;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 1em;
  }

  .campo:hover {
    -ms-transform: translate(0px, 0px); /* IE 9 */
    -webkit-transform: translate(0px, 0px); /* Safari */
    transform: translate(0px, 0px);
  }
  .campo .tariffe {
    float: left;
    width: calc(100% - 250px);
    margin: 10px 5px 0px 0px;
    padding: 0;
    /*height: 110px;*/
    max-height: 110px;
  }
  .accordion {
    float: left;
    width: calc(100% - 250px);
    margin: 0;
    padding: 0;
    line-height: 30px;
    min-height: 30px;
    background: #cccccc;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .row_titolo .sin {
    float: left;
    width: 70%;
    height: auto;
    padding: 0px 5px 0px 0px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
  }
  .row_titolo .sin h2 {
    /*float: left;*/
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
  }
  .row_titolo .sin i {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 13px;
    /*height: 30px;
		line-height: 30px;*/
    margin-right: 5px;
  }
  .row_titolo .sin p {
    float: left;
    width: 99%;
    line-height: 20px;
    margin: 0;
    padding: 0;
  }
  .row_titolo .sin p.secret_deal {
    background: #FFBF00;
    color: #000000;
    border: 1px solid #000000;
  }
  .row_titolo .des {
    float: left;
    width: 28%;
    height: 100%;
    padding: 0px 0px 0px 5px;
    box-sizing: border-box;
    margin-left: 2%;
  }
  .row_titolo .des .cond {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 4px
  }
  .row_titolo .des .cond i {
    float: left;
    width: 24px;
  }
  .row_titolo .des .cond span {
    float: left;
    width: calc(100% - 24px);
    line-height: 15px;
    margin-top: 2px;
  }
  #details {
    width: 100%;
    display: none;
  }
  #rate_details {
    width: 100%;
    display: none;
  }
  #rate_details .foto img {
    width: 100%;
  }
  .dettagli_camera {
    /*float: left;*/
    width: 100%;
  }
  .dettagli_camera img {
    /*float: left;
		width: 600px;
		margin-bottom: 20px;*/
  }
  #carrello_mobile {
    display: block
  }
  .campo_servizi {
    float: left;
    width: 100%;
    height: auto;
    /*background: #fff;*/
    box-sizing: border-box;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
  }
  .campo_servizi .foto {
    float: left;
    width: 30%;
    height: auto;
    padding: 10px;
    box-sizing: border-box
  }
  .campo_servizi .foto img {
    float: left;
    width: 100%;
    height: auto;
  }
  .campo_servizi .elenco li .blocco_servizio {
    float: left;
    width: 69%;
    height: auto;
    margin: 10px 0px;
  }
  .campo_servizi ul li .prezzo {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 5px;
    line-height: 18px;
    height: 30px;
    text-decoration: none;
    box-sizing: border-box
  }
  .riepilogo_servizi {
    display: none
  }
  .nessun_servizio {
    display: none;
  }
  .campi_dati {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
  }
  .singola_promo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 380px;
  }
  .box {
    position: relative;
    height: 380px;
    width: 100%;
    display: block;
  }
  .box img {
    position: relative;
    width: 960px;
    height: auto;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #pag_pacchetti .element-item {
    position: relative;
    float: left;
    width: 48%;
    height: auto;
    margin: 15px 1% 0px 1%;
    padding: 10px;
    background: #fff;
    /*border: 1px solid #ddd;*/
    color: #222;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  }
  #cont_pacchetti {
    margin-top: 50px;
  }
  #pag_pacchetti .blocco_filtri {
    display: none
  }
  #pag_pacchetti .blocco_filtri_mobile {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
    display: inline
  }
  #pag_pacchetti .blocco_filtri_mobile .tipologie {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px 20px;
    box-sizing: border-box;
  }
  #pag_pacchetti .blocco_filtri_mobile span {
    float: left;
    margin-right: 10px
  }
  .pulsante_accordion a {
    float: left;
    width: 100%;
    margin: 0px;
    line-height: 40px;
    background: #fff;
    color: #222;
    padding: 0px 10px;
    box-sizing: border-box;
    /*border-top: 1px solid #ddd;*/
    font-size: 1.1em;
  }
  .pulsante_accordion a i {
    float: left;
    width: auto;
    line-height: 40px;
    margin-right: 10px;
  }
  .pulsante_accordion a span {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
  .pulsante_accordion a .dx {
    float: right;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
  #box_accordion {
    float: left;
    width: 100%;
    height: auto;
    /*margin-top: 10px;*/
    display: none
  }
  #pag_pacchetti .blocco_filtri_mobile button {
    float: left;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
    font-size: 0.9em;
    line-height: 40px;
  }
  #pag_pacchetti .filtri {
    border-top: 2px solid #ddd;
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    line-height: 40px;
    list-style: none;
    margin: 0px;
    padding: 0;
  }
  #pag_pacchetti .filtri li {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    box-sizing: border-box
  }
  #pag_pacchetti .filtri li input[type="radio"] {
    margin-right: 5px;
    vertical-align: middle;
  }
  #pag_pacchetti .filtri li select {
    margin-left: 5px;
  }
  #pag_pacchetti .element-item .box_offerta .descri_pacchetto {
    float: left;
    width: 70%;
    margin-bottom: 10px;
  }
  #pag_pacchetti .element-item .box_offerta .prezzo_pacchetto {
    float: left;
    width: 30%;
    font-size: 0.85em;
    text-align: center;
    margin-bottom: 10px;
    border-left: 1px solid #ddd;
    padding: 2px 5px 5px 5px;
    box-sizing: border-box
  }
  #pag_pacchetti .element-item .box_offerta .prezzo_pacchetto .big {
    float: left;
    width: 100%;
    font-size: 1.8em;
    line-height: 24px
  }
  #pag_pacchetti .promo {
    float: left;
    width: 100%;
    line-height: 35px;
    background: #cccccc;
    color: #222;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  #pag_pacchetti .promo, #pag_pacchetti .promo .sx, #pag_pacchetti .promo .freccia i {
    line-height: 35px;
    height: 35px;
  }
  #pag_pacchetti .promo .freccia i {
    margin: 0 7px;
  }
  #box_pacchetti {
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .scheda_pacchetti {
    display: block
  }
  #cont_pacchetti {
    margin-top: 0px;
  }
  #scheda_pacchetto {
    float: left;
    width: calc(100% - 410px);
    height: auto;
    background: #fff;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 0px 0px 0px
  }
  .riepilogo_promo_mobile {
    float: left;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 40px;
  }
  .riepilogo_promo_mobile span {
    float: left;
    width: auto;
    font-size: 1.4em;
    margin-right: 10px;
  }
  .tag_promo_mobile {
    float: left;
    width: auto;
  }
}
@media screen and (max-width: 680px) {
  #wrapper {
    float: left;
    margin-top: 80px;
    width: 100%;
  }
  #puls_servizio {
    float: right;
    width: auto;
  }
  #puls_servizio a {
    float: left;
    color: #fff;
    margin-left: 40px;
    text-align: center;
    width: auto;
    min-width: 50px;
    margin-top: 5px
  }
  #puls_servizio a i {
    display: block;
    line-height: 30px;
  }
  #puls_servizio a span {
    display: block;
    line-height: 10px;
    font-size: 0.7em
  }
  #vantaggi {
    display: none;
  }
  #dx_cancel_modify #vantaggi {
    display: block;
  }
  .fix-bottom {
    margin-bottom: 0px;
  }
  #box_carrello {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px
  }
  .carrello {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 10px 0px;
    box-sizing: border-box
  }
  .carrello .contenuto {
    float: none;
    width: 100%;
    max-width: 440px;
    margin: 0px auto;
    padding: 0px;
    box-sizing: border-box
  }
  .carrello .contenuto .box_contenuto {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-sizing: border-box
  }
  .seleziona_giorni ul li .partenza {
    float: left;
    width: 90px;
    font-weight: 700;
  }
  .seleziona_giorni ul li .prezzo {
    float: left;
    width: 40px;
    font-weight: 700;
  }
  .singola_promo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }
  .box {
    position: relative;
    height: 300px;
    width: 100%;
    display: block;
  }
  .box img {
    position: relative;
    width: 680px;
    height: auto;
    top: 0;
    left: 0;
    z-index: 0;
  }
  ul.scheda_tabs li a {
    font-size: 0.75em;
  }
  .campo .foto {
    position: relative;
    float: left;
    width: 40%;
    height: auto;
    padding: 10px;
    box-sizing: border-box
  }
  .campo .foto_camera img {
    float: left;
    width: 100%;
    min-height: 0px;
  }
  .campo:hover {
    -ms-transform: translate(0px, 0px); /* IE 9 */
    -webkit-transform: translate(0px, 0px); /* Safari */
    transform: translate(0px, 0px);
  }
  .campo .tariffe {
    float: left;
    width: 60%;
    margin: 0px 0px 0px 0px;
    height: auto;
    max-height: none;
    padding: 10px 10px 0px 0px;
    box-sizing: border-box
  }
  .accordion .tariffa {
    float: left;
    line-height: 30px;
    font-size: 1em;
    margin-left: 10px;
  }
  .accordion {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    padding: 0;
    line-height: 30px;
    min-height: 30px;
    background: #cccccc;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .accordion-open {
    background: #022658;
    color: #FFFFFF;
  }
  .accordion-open .freccia {
    background: #cccccc;
  }
  .accordion-open .freccia i {
    color: #44525E !important
  }
  .accordion-close .freccia {
    background: #35598B;
    color: #fff;
  }
  .container_tipo {
    float: left;
    width: 100%;
    padding: 0px /* 10px 10px 10px*/ ;
    background: #cccccc;
    margin-top: 0px;
    box-sizing: border-box
  }
  .row_titolo {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px /* 0px*/ ;
    box-sizing: border-box;
    background: #cccccc;
  }
  .row_titolo .sin {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px 5px 10px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    border-right: none;
  }
  .row_titolo .des {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    margin-left: 0;
  }
  .row_titolo .des .cond {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 4px
  }
  .row_titolo .des .cond i {
    float: left;
    width: 24px;
  }
  .row_titolo .des .cond span {
    float: left;
    width: calc(100% - 24px);
    line-height: 15px; /*margin-top: 5px;*/
  }
  .blocco_tipo ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .blocco_tipo ul.offerta_blocco {
    border-bottom: 2px solid #ff0000;
    border-top: 2px solid #ff0000;
  }
  .blocco_tipo ul li {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 30px;
  }
  .blocco_tipo ul li:hover {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  }
  .blocco_tipo ul li .nome_tariffa {
    float: left;
    width: 100%;
    padding: 0 5px 0 0;
    box-sizing: border-box;
    font-size: 1.2em
  }
  .blocco_tipo ul li .offer {
    float: right;
    width: 28%;
    padding: 0 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #ff0000;
    text-align: right;
    font-size: 1em;
  }
  .blocco_tipo ul li .number {
    float: left;
    width: 16%;
    padding: 0px;
    box-sizing: border-box;
  }
  .blocco_tipo ul li .number .icon-bambino {
    margin-bottom: 8px !important;
  }
  .blocco_tipo ul li .price_day {
    float: right;
    width: 30%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .blocco_tipo ul li .price_day span {
    float: left;
    width: auto;
  }
  .blocco_tipo ul li .price_day span.flaticon-info34 {
    float: left;
    font-size: 0.8em;
    margin-left: 5px;
  }
  .blocco_tipo ul li .reserve {
    float: right;
    width: 36%;
    box-sizing: border-box;
    text-align: right
  }
  .blocco_tipo ul li .reserve a {
    display: inline-block;
    line-height: 24px;
    width: 96%;
    text-align: center;
    background: #35598B;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .blocco_tipo ul li .reserve a:hover {
    background: #022658;
    color: #fff
  }
  .details {
    width: auto;
    display: none;
  }
  .dettagli_camera {
    /*float: left;*/
    width: 100%;
  }
  .dettagli_camera img {
    /*float: left;*/
    width: 100%;
  }
  #carrello_mobile {
    display: block;
    z-index: 2;
  }
  #carrello_mobile .totale_carrello {
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 5px;
  }
  #carrello_mobile .fa.fa-user {
    font-size: 1em;
  }
  .banner_comparativo .row_portale h2 {
    float: none;
    width: 100%;
    line-height: 20px;
    height: auto;
    margin: 5px 0px;
    padding: 0;
    font-size: 1.2em;
    color: #333;
    text-align: center;
  }
  .banner_comparativo .row_portale ul {
    width: 100%;
  }
  .campo_servizi {
    float: left;
    width: 100%;
    height: auto;
    /*background: #fff;*/
    box-sizing: border-box;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
  }
  .campo_servizi .foto {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
  }
  .campo_servizi .foto img {
    float: left;
    width: 100%;
    height: auto;
  }
  .campo_servizi .elenco li .blocco_servizio {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px;
  }
  /*.campo_servizi ul li .prezzo {
			float: left;
			width: 100%;
			margin: 0;
			padding: 0 5px;
			line-height: 30px;
			height: 30px;
			text-decoration: none;
			box-sizing: border-box
		}*/
  #social ul li a span {
    display: none;
  }
  #social ul li a i {
    display: inline-block;
    width: auto;
    line-height: 40px;
    font-size: 1.2em;
    margin-right: 0px;
    padding: 0;
  }
  .dati_personali, #form_salvataggio_prenotazione {
    float: left;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
  .dati_personali label {
    float: left;
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box
  }
  .dati_personali label.lunga {
    float: left;
    width: 100%;
  }
  .dati_personali .row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .dati_personali textarea, .dati_personali inputinput[type="text"] {
    border: 2px solid #ddd;
    border-radius: 0;
    color: #222;
    display: block;
    margin: 0;
    padding: 1em 1.25em;
    width: 100%;
    -webkit-transition: border-color 300ms, color 300ms;
    transition: border-color 300ms, color 300ms;
    -webkit-appearance: none;
    box-sizing: border-box
  }
  .dati_personali textarea:focus, .dati_personali input:focus {
    border-color: #222222;
    color: #222;
    outline: none;
  }
  .dati_personali textarea {
    margin: 0;
    min-height: 7.5em;
    line-height: 1.5;
    overflow: auto;
    resize: vertical;
  }
  .dati_personali button, #richiesta_pulsante_cerca button {
    width: 98%;
    height: 40px;
    line-height: 40px;
    background: #022658;
    display: block;
    text-align: center;
    color: #fff;
    border: none;
    padding: 0;
    margin: 0px auto;
    font-size: 1.4em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  .dati_personali button:hover, #richiesta_pulsante_cerca button:hover {
    background: #222222;
    color: #fff;
  }
  .campi_dati {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
  }
  #pag_pacchetti .element-item {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 15px 0% 0px 0%;
    padding: 10px;
    background: #fff;
    /*border: 1px solid #ddd;*/
    color: #222;
    box-sizing: border-box
  }
  #scheda_pacchetto {
    width: 100%;
  }
  #coupon {
    display: none;
    width: 100%;
    height: auto;
  }
  #coupon h2 {
    float: left;
    width: 100%;
    background: #022658;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: uppercase
  }
  #coupon ul {
    /*float: left;*/
    width: 100%;
    list-style: none;
    padding: 0;
  }
  #coupon ul li {
    float: left;
    width: 100%;
  }
  #coupon ul li:last-child {
    border-bottom: none;
  }
  #coupon ul li span {
    float: left;
    width: 100%;
    margin-right: 0px;
    line-height: 25px;
    text-transform: uppercase
  }
  /*#coupon ul li input {
			float: left;
			width: 50%;
			height: 28px;
			margin: 6px 5% 8px 0%;
			padding: 0;
			border: 1px solid#022658;
			line-height: 24px;
		}*/
  #coupon ul li a {
    line-height: 35px;
  }
  .flexible-dates-conteiner .flexible-dates, .flexible-dates-conteiner .seleziona_giorni.seleziona_giorni_flexible {
    float: none;
    width: 100%;
  }
  .flexible-dates-conteiner {
    float: none;
    width: 100%;
  }
  #coupon ul li .contenitore_1 {
    padding: 5px 0;
  }
  .contenitore_1 .cont_interno_2_2 {
    width: auto;
    padding: 0 0 0 20px;
  }
  #coupon ul li input {
    float: none;
    /* line-height: 24px; */
    padding: 10px 1.25em !important;
    width: auto;
  }
  #coupon ul li .contenitore_1, #coupon ul li .contenitore_2 {
    display: table-cell;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 480px) {
  .banner_comparativo .row_portale {
    height: auto;
  }
  .banner_comparativo .row_portale ul li {
    float: none;
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 0;
  }
  .banner_comparativo .row_portale ul li.ufficiale {
    width: 100%;
    border-bottom: 0;
  }
  .banner_comparativo .row_portale ul li .prezzo br {
    display: none;
  }
  .banner_comparativo .row_portale ul li .blocco {
    height: 24px;
  }
  .banner_comparativo .row_portale ul li .blocco .icona {
    font-size: 1.3em;
  }
  .banner_comparativo .row_portale ul li .blocco .prezzo .tariffa_comp {
    float: right;
  }
}
@media screen and (max-width: 330px) {
  .blocco_tipo ul li .reserve {
    float: none;
    width: 100%;
  }
  .blocco_tipo ul li .number {
    float: left;
    width: 25%;
  }
  .blocco_tipo ul li .offer {
    float: right;
    width: 30%;
  }
  .blocco_tipo ul li .price_day {
    float: right;
    width: 35%;
    text-align: left;
  }
}
@media screen and (min-width: 1140px) {
  .box_gallery {
    height: 465px;
  }
  .container {
    width: 1120px;
    margin: 0 auto;
  }
  #step .container, #wrapper .container {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    display: table;
    padding: 10px;
  }
  #dx {
    float: left;
    width: 745px;
    margin-bottom: 0px
  }
  #dx_pacchetti {
    float: left;
    width: 745px;
    margin: 10px 0px 0px 0px
  }
  .singola_promo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 465px;
  }
  .box {
    height: 465px;
    width: 100%;
    display: block;
  }
  .box img {
    position: relative;
    height: 465px;
    width: auto;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .campo .tariffe {
    float: left;
    width: 495px;
    margin: 10px 5px 0px 0px;
    padding: 0;
    /*height: 110px;*/
    max-height: 110px;
  }
  .accordion {
    float: left;
    width: 495px;
    margin: 0;
    padding: 0;
    line-height: 30px;
    background: #cccccc;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .row_titolo .sin {
    float: left;
    width: 495px;
    height: auto;
    padding: 0px 5px 0px 0px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
  }
  .row_titolo .des {
    float: left;
    width: 200px;
    height: 100%;
    padding: 0px 0px 0px 5px;
    box-sizing: border-box;
    margin-left: 1%;
  }
  .row_titolo .des .cond {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 4px
  }
  .row_titolo .des .cond i {
    float: left;
    width: 24px;
  }
  .row_titolo .des .cond span {
    float: left;
    width: 171px;
    line-height: 15px;
    margin-top: 2px;
  }
  .campo_servizi .foto {
    float: left;
    width: 194px;
    height: 130px;
    padding: 10px;
  }
  .campo_servizi .foto img {
    float: left;
    width: 194px;
    height: 130px;
  }
  .campo_servizi .elenco li .blocco_servizio {
    float: left;
    width: 521px;
    height: auto;
    margin: 10px 0px 0px;
  }
  .campo_servizi ul li .prezzo {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    box-sizing: border-box
  }
  #pag_pacchetti .element-item {
    position: relative;
    float: left;
    width: 523px;
    height: auto;
    margin: 10px 0px 0px 10px;
    padding: 10px;
    background: #fff;
    /*border: 1px solid #ddd;*/
    color: #222;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  }
  #pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .foto_pacchetto img {
    float: left;
    width: 48%;
    margin: 0 2% 2% 0;
    height: auto;
  }
  #pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .descri_pacchetto {
    float: left;
    width: 50%;
    margin-bottom: 0px;
    min-height: 0
  }
  #pag_pacchetti .element-item .box_offerta .box_offerta_blocco.piccola .prezzo_pacchetto {
    float: right;
    width: 50%;
    font-size: 0.85em;
    text-align: left;
    margin-bottom: 10px;
    border-left: none;
    padding: 0px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
    margin-top: 10px
  }
}
.flaticon-keyboard53:before {
  content: "\e011";
  font-size: 9px;
  /*margin-left: 3px;
    top: -2px;*/
  position: relative;
}
.abcRioButton {
  width: 100% !important;
}
/*------------------ FOOTER------------------- */
footer {
  width: 100%;
  z-index: 1;
}
footer #default-footer {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  padding: 15px 0;
  font-size: 12px;
  -webkit-box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.2);
}
footer #default-footer h1 {
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
footer #default-footer .fa {
  font-size: 15px;
  margin-right: 8px;
}
footer #default-footer .container .left-col, footer #default-footer .container .right-col {
  float: left;
  width: 40%;
}
.footer-link a {
  line-height: 22px;
}
#template_footer {
  clear: both;
}
@media only screen and (max-width: 980px) {
  footer {
    position: relative;
    bottom: 50px;
  }
  footer #default-footer .container .left-col, footer #default-footer .container .right-col {
    float: left;
    width: 96%;
    padding: 2%;
  }
  .nessun_servizio {
    padding: 0 10px;
  }
  #tab_servizi .tabs_nav_servizi li > a {
    padding: 10px !important;
  }
}
/*------------------END FOOTER------------------- */
/*---------------Modifiche tab Servizi --------------*/
#tab_servizi .tabs_nav_servizi li > a {
  float: none;
  line-height: 20px;
  opacity: 1;
  font-size: 1em;
  display: block;
  width: auto !important;
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#tab_servizi .tabs_nav_servizi li > a:hover {
  background: #cccccc;
}
#tab_servizi .tabs_nav_servizi li a.evidence {
  /*font-weight: bold;*/
}
#tab_servizi .tabs_nav_servizi li a.active, #tab_servizi .tabs_nav_servizi li a:hover {
  opacity: 1;
}
.tabs_nav_servizi li a i.fa.fa-trash-o {
  font-size: 1.2em;
  background: #fff;
}
.tabs-servizi-link span.freccia {
  float: right;
  padding: 0;
  margin: 0;
  width: auto;
  height: 20px;
  background: #022658;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.tabs-servizi-link span.freccia i {
  float: left;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0;
  margin: 0px;
  text-align: center;
  color: #fff !important;
  transform: rotate(90deg);
}
i.rotate {
  transform: rotate(270deg) !important;
}
/*----------Modifiche----------*/
/*NO colore best Price*/
.day_box.best_price .day_text {
  background: transparent;
}
#legenda_calendario .voce_legenda:first-child {
  display: none;
}
#legenda_calendario .voce_legenda {
  width: 32%;
}
#container_calendar.start {
  min-height: 390px;
}
/*Bordo grosso fine blocco tariffe*/
.blocco_tipo ul li.room-rate-list:last-of-type {
  border-bottom: /*2px solid #999999*/ 3px solid #022658;
}
/*NO righe rosse offerte*/
.blocco_tipo ul.offerta_blocco {
  border-bottom: initial;
  border-top: initial;
}
/*Nuovo Colore Messaggi Persuasivi*/
.carrello .contenuto .tariffe_mese, .message, .tip-yellow {
  background: #E4FAE6 !important;
}
/*.message.notifica-top.notifica-right.arrow:before{content:''; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #E4FAE6 !important; position:absolute; bottom:-9px; right:9px}*/
.message.notifica-top.notifica-left.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #E4FAE6 !important;
  position: absolute;
  bottom: -9px;
  left: 9px
}
.message.notifica-bottom.notifica-left.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E4FAE6 !important;
  position: absolute;
  top: -9px;
  left: 9px
}
.message.notifica-bottom.notifica-right.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E4FAE6 !important;
  position: absolute;
  top: -9px;
  right: 9px
}
.message.notifica-top.notifica-centrale.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #E4FAE6 !important;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -10px
}
.message.notifica-bottom.notifica-centrale.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E4FAE6 !important;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -10px
}
.notifyjs-bootstrap-base, .notifyjs-bootstrap-carrello, .notifyjs-bootstrap-booking, .notifyjs-bootstrap-lungo, .notifyjs-bootstrap-success, .notifyjs-bootstrap-personal, .notifyjs-bootstrap-warn, .notifyjs-bootstrap-info {
  background-color: #E4FAE6 !important;
  border: 1px solid #E4FAE6 !important;
}
.notifyjs-bootstrap-warn {}
.notifyjs-bootstrap-info {}
/*Evidenza Categorie Offerte*/
#pag_pacchetti .button {
  padding: 15px 17px;
  background: rgba(255, 255, 255, 0.6);
  margin: 0;
  transition: all 0.3s ease 0s;
  /*border-top: 3px solid rgba(84, 108, 136, 0.3);*/
  display: block;
}
#pag_pacchetti .button:hover, #pag_pacchetti button.is-checked {
  margin: 0;
  padding: 15px 17px;
}
.tab_carrello ul li a {
  background: #ffffff;
  opacity: 1;
}
.tab_carrello ul li.sel a {
  background: #cccccc;
  opacity: 1;
}
/*Offerte segrete*/
.blocco_tipo ul li .reserve a.unlock {
  background: #ed9803;
  color: #ffffff;
}
.row_titolo .sin p.secret_deal {
  background: #ed9803;
  color: #ffffff;
  border: 0px solid #000000;
}
/*---pulsante date alernative-----*/
a#link_date_flessibili {
  padding: 8px 0;
  /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
  margin-top: 10px;
  clear: both;
  background: #e2dcd4;
  width: 100%;
  display: block;
}
a#link_date_flessibili i.fa {
  margin-right: 4px;
}
img.room_amenities {
  width: 20px;
  margin: 0 5px;
}
span.singolo-accessorio:before {
  display: none;
}
div#intro_modifica_prenotazione {
  background: #FFFFFF;
  padding: 25px;
  margin-bottom: 20px;
  font-size: 16px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.img_premium_main img {
  width: 100%;
}
.first-page-messages {
  position: fixed;
  right: 10px !important;
  top: 10px !important;
  margin-top: 0 !important;
}
.riquadro_agenzia {
  padding: 10px;
  margin-bottom: 5px;
}
.commissione_agenzia, .riquadro_agenzia {
  background: #b8d4d8;
  text-align: center;
}
span.benvenuta_agenzia {
  font-weight: bold;
}
.commissione_agenzia {
  float: right;
  line-height: normal;
  font-size: 10px;
  clear: both;
  padding: 3px;
  margin-bottom: 5px;
  width: 100px;
  margin-left: 5px;
  text-align: center;
}
.tip-yellow .tip-arrow-top, .tip-yellow .tip-arrow-right, .tip-yellow .tip-arrow-bottom, .tip-yellow .tip-arrow-left {
  background: url(tip-green_arrows.png) !important;
}
div#welcome {
  padding: 10px;
  font-size: 18px;
  background: #ead324;
}
/*div.payment-options-box .campi_dati {
  padding: 20px;
}
div.payment-options-box .campi_dati > span {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
  display: block;
}*/
/* =================================================================
      			 		NUOVO CSS
================================================================= */
.overlay-box {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  text-align: center;
}
#persuasive-messages-general, #persuasive-messages-summary {
  position: fixed;
  bottom: 30px;
  left: 15px;
  z-index: 99;
  width: 320px;
}
#persuasive-messages-general .message, #persuasive-messages-summary .message {
  background: rgba(0, 0, 0, 0.9) !important;
  padding: 10px;
  border-radius: 0;
  border-left: 3px solid #022658;
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
}
.message.general-messages, .message.summary-messages { /* da rivedere */
  position: absolute;
  display: flex;
  bottom: 0;
}
#persuasive-messages-general .message p, #persuasive-messages-summary .message p {
  font-size: 13px;
  line-height: 18px;
}
.message i.fa.fa-times.close-icon.close-all-persuasive-msgs {
  top: -7px;
  background: #333;
  width: 14px;
  text-align: center;
  height: 14px;
  line-height: 14px;
  border-radius: 50px;
  color: #fff;
  right: -7px;
  position: absolute;
  font-size: 9px;
  vertical-align: middle;
  font-weight: lighter;
}
/* ---- per camera ---- */
#box-risultati ul.tariffe {
  position: relative !important;
}
.cont-decr-camera p:first-of-type {
  height: 50px;
  overflow: auto;
}
.persuasive-message.persuasive-message-room {
  position: absolute !important;
  width: auto;
  max-width: 320px;
  min-width: 240px;
  bottom: 20px;
  box-shadow: none !important;
  right: 0;
}
.persuasive-message-room .message {
  position: absolute;
  width: 100%;
  display: inline-block;
  background: #022658 !important;
  color: #fff;
  border-radius: 0;
  bottom: 0;
}
.persuasive-message-room .message:before, .persuasive-message-room .message:after {
  content: "";
  position: absolute;
  right: 100%;
  width: 25px;
  height: 100%;
  left: -15px;
}
.persuasive-message-room .message:before {
  top: 0px;
  background: linear-gradient(to bottom left, #022658 50%, transparent 51%);
}
.persuasive-message-room .message:after {
  bottom: 0px;
  background: linear-gradient(to top left, #022658 50%, transparent 51%);
}
.persuasive-message-room .message p {
  text-align: right;
}
/* ----- ----- */
.message p a.close {
  background: #333333;
}
.message p a.open {
  background: #222222 !important;
}
.message p a.open:hover {
  background: #022658 !important;
}
.message p a.close:hover {
  background: #000;
}
/* ---- alternative offer ---- */
.alternative-offer .message {
  background: #f5f5f5 !important;
  border: 1px solid #cacbcd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .25) !important;
  color: #5a5b5c !important;
  font-size: 14px !important;
}
.alternative-offer .alternative-offer-message {
  max-width: 350px !important;
  min-width: auto !important;
  top: 00px !important;
}

.room-rate-list-level1 .alternative-offer .alternative-offer-message {
  max-width: 350px !important;
  min-width: auto !important;
  top: auto !important;
  bottom: 0px;
}

.alternative-offer .message p, .alternative-offer .message div {
  text-align: center;
  float: none;
}
.alternative-offer .message p a {
  text-align: center;
  float: none;
  margin: 10px auto 5px;
}
.alternative-offer-message i.fa {
  top: -7px;
  background: #333;
  width: 14px;
  text-align: center;
  height: 14px;
  line-height: 14px;
  border-radius: 50px;
  color: #fff;
  right: -7px;
  position: absolute;
  font-size: 9px;
  vertical-align: middle;
  font-weight: lighter;
}
.message.notifica-top.notifica-right.arrow:before {
  content: "";
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  background: #f5f5f5;
  box-shadow: -1px -1px #cacbcd;
  bottom: -5px !important;
  right: 20% !important;
  margin-left: 0px;
  transform: rotate(225deg);
  border: 0 !important;
}
/* ----- x tariffa ----- */
.blocco_tipo ul li.room-rate-list:last-of-type {
  position: relative;
}
/*.persuasive-message.persuasive-message-rate {
		position: absolute !important;
		top: 19px;
		right: 15px;
	}*/
a.price_day.tooltip span {
  font-size: 1em;
}
.campo_servizi .blocco_servizio .tariffa_servizio .row .qta a.seleziona_orario {
  /* --- seleziona orario servizi --- */
  line-height: /*16px*/ 18px;
  padding: 5px;
}
/* ----- richiesta preventivo ----- */
#a_soluzioni_preventivo_mail {
  margin: 0 auto;
  text-align: center;
  padding: 15px 15%;
  background: #fff;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  display: table;
  color: #333333;
  font-size: 1.1em;
}
#a_soluzioni_preventivo_mail:hover {
  background: #cccccc;
}
#a_soluzioni_preventivo_mail i.fa {
  font-size: 0.8em;
}
.fancybox-inner #a_soluzioni_preventivo_mail {
  margin: 0 20%;
  text-align: center;
  background: #022658;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  display: table;
  color: #FFFFFF;
  font-size: 1.4em;
  max-width: 60%;
  padding: 0;
}
.fancybox-inner #a_soluzioni_preventivo_mail:hover {
  background: #022658;
}
.fancybox-inner #a_soluzioni_preventivo_mail i.fa {
  font-size: 0.8em;
}
.fancybox-inner div#message-recovery-strategy-ask {
  margin: 30px 0;
  max-height: 150px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  padding: 15px;
}
/* ---- box metodo di pagamento ---- */
.poshy_tip {
  background-color: #f5f5f5 !important;
  padding: 10px 12px !important;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.2);
}
/* ---- box informazioni ---- */
.fancybox-inner #rate_details h2 {
  font-size: 20px !important;
  margin: 0;
}
.fancybox-inner #rate_details .dettagli_camera {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.fancybox-inner #rate_details .dettagli_camera h2, .fancybox-inner #rate_details h2.rate-details-included-services {
  font-size: 17px !important;
}
.cont_desc_camera_top {
  margin: 0 auto;
}
.cont_desc_camera_top .text_camera h2 {
  margin: 0 auto 10px; /*padding-bottom: 15px;*/
}
.cont_camera_content {
  display: block;
  margin: 0 auto;
  text-align: left;
}
.cont_camera_content .text_camera h2 {
  margin-top: 0;
}
.cont_camera_content .cont_desc_camera_servizi {
  margin-top: 10px;
  border-top: 1px solid #ddd;
}
/* -- totale -- pagina finale -- */
.riga.riga_totali span.risultato {
  font-size: 1.5em !important;
  font-weight: bold;
}
/* ---- METODO DI PAGAMENTO ---- */
/*.payment-options-box .campi_dati {
  display: block;
  width: 100%;
}
.payment-options-box .campi_dati .summary_value {
  display: block;
  vertical-align: middle;
  width: 100%;
  padding: 5px 1%;
  border-bottom: 1px solid #ddd;
}
.payment-options-box .campi_dati .summary_value:last-child {
  border-bottom: 0;
}
.payment-options-box .campi_dati .summary_value input.choose-payment {
  float: left;
  margin: 2px 10px;
}
.payment-options-box .campi_dati .summary_value span {
  display: table-cell;
  vertical-align: text-top;
  padding: 0;
}
.payment-options-box .campi_dati {
  padding: 0;
}*/
.payment_box {
  display: table;
  width: 90%;
  margin: 0 auto;
  padding: 5%;
}
.payment_icon, .payment_text {
  display: table-cell;
  vertical-align: middle;
}
.payment_text {
  padding: 0;
}
.payment_icon {
  padding: 0 15px 0 0;
  width: 20px;
}
/*.payment-options-box .campi_dati .choose-payment {
  cursor: pointer;
}
.payment-options-box .campi_dati .choose-payment.selected_payment {
  background: #cccccc;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease 0s;
}*/
/* -----------------------------
	NO SOLUZIONI
----------------------------- */
/* ---- blocco descrizione hotel ---- */
#hotel-list .box-hotel-info {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
#hotel-list .box-hotel-info .col-img {
  margin: 0 auto;
  text-align: center;
  clear: both;
  width: 100%;
  padding: 0;
}
#hotel-list .box-hotel-info .col-img img {
  width: 100%;
  height: 150px;
  padding: 0;
  background-size: 100% auto !important;
}
#hotel-list .box-hotel-info .col-hotel {
  text-align: left;
  padding: 10px;
  margin-bottom: 10px;
  background: rgba(236, 231, 222, 0.7);
  position: relative;
}
.col-hotel .info-bar .reserve-button {
  text-align: center;
  margin-top: 10px;
}
.col-hotel .info-bar .reserve-button .myinput_seleziona {
  background: #022658;
  border: 0;
  padding: 10px 20px;
  text-align: center;
  color: #ffffff;
}
/*.payment-options-box .campi_dati .summary_value #hotel-list .col-hotel .intestazioneStruttura h1 a .stars {
  font-size: 12px;
  vertical-align: middle;
}*/
.col-hotel .characteristics-hotel {
  display: none;
}
#box-risultati .no_soluzioni {
  padding: 20px;
  min-height: auto;
}
#box-risultati .no_soluzioni #no_soluzioni_cross_selling {
  background: #cccccc;
  color: #000;
  opacity: 1;
}
#box-risultati .no_soluzioni #no_soluzioni_cross_selling:hover {
  opacity: 0.75;
}
#box-risultati .no_soluzioni #no_soluzioni_cross_selling a {
  padding: 10px 20px;
  display: block;
}
/* ---- box Gruppo - info date ---- */
#cross_selling #search-summary .nome-hotel {
  text-align: center;
  background: #cccccc;
  padding: 10px 0;
  margin: 0;
}
#cross_selling #search-summary .nome-hotel h1 {
  margin: 0;
  font-size: 1.5em;
  color: #022658;
}
#cross_selling #search-data-box {
  padding: 10px 20px;
  border: 1px solid #ddd;
  line-height: 22px;
}
#search-data-box .data-box .value-data {
  display: inline-block;
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 10px;
}
#search-data-box .data-box .value-data:last-child {
  padding-left: 0;
  margin-left: 0;
  border: 0;
}
/* ---- box tab ---- */
#cross_selling #tab-selction-group {
  margin: 20px auto 0;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}
#cross_selling #tab-selction-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  width: 100%;
}
#cross_selling #tab-selction-group ul li {
  display: table-cell;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.5px;
  bottom: -1px;
  line-height: 18px;
}
#cross_selling #tab-selction-group ul li.active a {
  border-top: 3px solid #022658;
  color: #022658;
  background: #ffffff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#cross_selling #tab-selction-group ul li.active a:hover {
  opacity: 1;
}
#cross_selling #tab-selction-group ul li a {
  padding: 14px 20px;
  display: block;
  background: #cccccc;
  border-top: 3px solid #fff;
}
#cross_selling #tab-selction-group ul li a:hover {
  opacity: 0.8;
}
#cross_selling #tab-selction-group ul li:last-child a {
  border-left: 0;
}
/* ---- risultato hotel ---- */
#cross_selling #results-list {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 0;
}
#cross_selling #results-list #hotel-list {
  padding: 15px 20px;
  margin: 0 auto;
  text-align: left;
}
#hotel-list .col-hotel .intestazioneStruttura h1 {
  font-size: 1.5em;
  color: #022658;
  margin: 0;
  padding: 0;
}
#hotel-list .col-hotel .intestazioneStruttura h1 a {
  color: #022658;
}
/* ---- risultati offerta hotel ---- */
#hotel-list .hotel-results-table {
  margin: 0 auto;
  text-align: left;
}
#hotel-list .hotel-results-table .rate-row {
  display: table;
  width: 100%;
  text-align: left;
}
.hotel-results-table .rate-row .room-col, .hotel-results-table .rate-row .room_occupancy_label, .hotel-results-table .rate-row .price-room {
  display: table-cell;
  text-align: left;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  line-height: 20px;
}
.hotel-results-table .rate-row .room_occupancy_label, .hotel-results-table .rate-row .price-room {
  padding: 5px 10px;
}
.hotel-results-table .rate-row .room-col .room-name, .hotel-results-table .rate-row .room-col .rate-name {
  padding: 0 10px;
}
.hotel-results-table .rate-row .room-col:last-child, .hotel-results-table .rate-row .room_occupancy_label:last-child {
  border-right: 0;
}
.hotel-results-table .rate-row .room-col:first-child, .hotel-results-table .rate-row .room_occupancy_label:last-child {
  border-left: 1px solid #ddd;
}
.hotel-results-table .rate-row .room-col {
  width: 50%;
}
.hotel-results-table .rate-row .room_occupancy_label, .hotel-results-table .rate-row .price-room {
  width: 25%;
}
.hotel-results-table .rate-row .room_occupancy_label, .hotel-results-table .rate-row .price-room {
  text-align: center;
}
.hotel-results-table .rate-row.rate-row-title {
  background: #cccccc;
}
.hotel-results-table .rate-row .room-col .room-name {
  font-weight: bold;
}
.hotel-results-table .rate-row .more-results {
  text-align: right;
  padding: 5px 10px;
  background: #cccccc;
  border: 1px solid #cccccc;
}
/* --- mappa --- */
#cross_selling #results-list.results-show-map #map-view {
  padding: 10px;
}
#cross_selling #results-list.results-show-map #map-view #map-view-content {
  width: 100%;
  height: 300px;
}
#hotel-list .box-hotel-info .min-price {
  background: #cccccc;
  color: #333;
  padding: 10px;
}
.box-hotel-info .min-price .price, .box-hotel-info .min-price .valuta {
  font-size: 16px;
  font-weight: bold;
}
/* --------- calendario --------- */
#box-modifica-date #container_calendar, #box-modifica-date #container_calendar #calendar, .seleziona_giorni.seleziona_giorni_extended {
  width: 100% !important;
}
.seleziona_giorni.seleziona_giorni_extended .checkin {
  margin: 10px 0;
  width: 100%;
}
.seleziona_giorni.seleziona_giorni_extended .sx, .seleziona_giorni.seleziona_giorni_extended .dx {
  padding: 0 20px;
  margin: 0 !important;
  font-size: 12px !important;
}
.seleziona_giorni.seleziona_giorni_extended .dx .modifica {
  padding: 5px 15px;
  margin: 0;
  vertical-align: middle;
}
#box-modifica-date #container_calendar .date_alternative {
  padding: 0 20px;
}
/* ----------- nuovo box trattamento ----------- */
.room-rate-occupations-box {
  margin: 0 auto;
  text-align: left;
  padding: 6px 15px;
  position: relative;
  display: block;
  clear: both;
  border-bottom: 3px solid #022658;
}
/* ---- box left ---- */
.room-rate-button-box-container .reserve select {
  border: 2px solid #ddd;
  padding: 5px;
  cursor: pointer;
}
.box-content-sx .room-rate-treatment-box {
  margin: 0 auto;
  text-align: left;
  clear: both;
}
.room-rate-treatment-box-item {
  font-size: 1.2em;
  font-weight: bold;
  clear: both;
  width: 100%;
  display: inline-block; /*margin-bottom: 5px;*/
}
.room-rate-treatment-box-item i.fas {
  font-size: 13px;
  margin-right: 4px;
  vertical-align: middle;
}
.room-rate-parsuasive-msg-box .persuasive-message {
  padding: 2px 0;
}
.persuasive-message-rate .message {
  position: relative;
  width: 100%;
  display: inline-block;
  border-radius: 0;
}
.persuasive-message-rate .message.visibile {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #022658 !important;
  max-width: 250px !important;
}
.persuasive-message-rate .message p {
  margin: 5px auto !important;
  padding: 0 !important;
  color: #ffffff !important;
  text-align: left;
}
.persuasive-message-rate .message:before, .persuasive-message-rate .message:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 100%;
  right: -15px;
}
.persuasive-message-rate .message:after {
  bottom: 0px;
  background: linear-gradient(to top right, #022658 50%, transparent 51%);
}
.persuasive-message-rate .message:before {
  top: 0px;
  background: linear-gradient(to bottom right, #022658 50%, transparent 51%);
}
/* ---- box right ---- */
.box-content-father {
  width: 100%;
  margin: 5px auto 0;
  position: relative;
  clear: both;
}
.box-content-children {
  width: 100%;
  display: table;
}
.box-content-middle, .box-content-dx {
  vertical-align: middle;
  display: table-cell;
}
.box-content-middle {
  text-align: left;
  padding: 0;
  width: 60%
}
.box-content-dx {
  text-align: right;
  padding: 0;
  width: 40%
}
.room-rate-general-box .room-rate-price-box {
  display: block;
  line-height: 18px
}
.room-rate-price-value-content, .room-rate-price-info-content {
  display: inline-block;
  vertical-align: top;
}
.room-rate-general-box .room-rate-price-value-content a, .room-rate-general-box .room-rate-price-value-content .offer {
  font-size: 15px;
  font-weight: bold;
}
.room-rate-general-box .room-rate-price-value-content a .barrato {
  font-size: 0.9em;
  font-weight: normal;
}
.room-rate-general-box .room-rate-price-value-content a i.fas {
  font-size: 13px;
}
.room-rate-general-box .room-rate-price-info-content {
  margin-left: 5px;
  font-weight: normal;
}
.room-rate-general-box .room-rate-occupancy-content.number {
  text-align: left;
}
.room-rate-button-box-item .reserve a {
  background: #022658;
  color: #ffffff;
  padding: 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width: 120px;
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.room-rate-button-box-item .reserve a:hover {
  background: #022658;
}
.room-rate-button-box-item .reserve a.select_room.unlock {
  background: #ed9803;
}
.room-rate-button-box-item .reserve a.select_room.unlock:hover {
  background: #333;
}
.room-rate-occupancy-content.number i.fa {
  vertical-align: text-bottom;
  line-height: 20px;
  margin: 0 !important;
  padding: 0;
}
/* ------------ box .fancybox-outer --------------- */
.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
  top: 30px;
  margin-bottom: 30px;
}
.fancybox-outer .fancybox-inner {
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
}
.fancybox-inner .seleziona_camera .eti_lines .riga_riepilogo_date {
  width: 95%;
  padding: 0 20px;
  display: block;
  clear: both;
}
.fancybox-inner .seleziona_camera .eti_lines {
  padding: 6px 0;
}
.fancybox-inner .seleziona_camera {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
}
.fancybox-skin .fancybox-close {
  position: absolute;
  top: -10px !important;
  right: -10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 8040;
  background: #333333;
  display: block;
  text-align: center;
  line-height: 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
}
.fancybox-skin a.fancybox-item.fancybox-close {
  background-image: none;
}
.fancybox-skin a.fancybox-item.fancybox-close:after {
  content: "";
  color: #FFFFFF;
  font: normal normal normal 14px/1 FontAwesome;
}
.room-rate-general-box {
  margin-right: 20px;
  padding: 2px 0;
}
.fancybox-inner #alternative-offers-details .campo {
  background: #cccccc;
}
.fancybox-inner #alternative-offers-details .campo {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.fancybox-inner #alternative-offers-details .campo:hover {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
}
.room-rate-list:first-child {
  border-top: none;
}
.room-rate-list {
  border-top: 1px solid #ddd;
}
@media only screen and (min-width: 460px) and (max-width: 619px), (min-width: 830px) and (max-width: 960px), (min-width: 1200px) {
  .box-content-sx .room-rate-treatment-box {
    margin: 0 auto;
    width: 100%;
    display: table;
  }
  .room-rate-parsuasive-msg-box, .room-rate-treatment-box-item {
    display: table-cell;
    vertical-align: middle;
  }
  .persuasive-message-rate .message:before, .persuasive-message-rate .message:after {
    content: "";
    position: absolute;
    right: 100%;
    width: 25px;
    height: 100%;
    left: -15px;
  }
  .persuasive-message-rate .message:after {
    bottom: 0px;
    background: linear-gradient(to top left, #022658 50%, transparent 51%);
  }
  .persuasive-message-rate .message:before {
    top: 0px;
    background: linear-gradient(to bottom left, #022658 50%, transparent 51%);
  }
  .persuasive-message-rate .message p {
    text-align: right;
  }
}
/* ------- resp_servizi ------- */
@media only screen and (max-width: 320px), (min-width: 960px) and (max-width: 1140px) {
  .campo_servizi .blocco_servizio .tariffa_servizio.single_room .row .qta label div {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
  }
}
/* ------- resp_servizi ------- */
@media only screen and (min-width: 960px) and (max-width: 1140px) {
  .month_selector .select_month {
    max-width: 160px;
    width: 100%;
  }
  .seleziona_giorni .checkin {
    max-width: 320px;
    width: 100%;
  }
  .seleziona_giorni ul li {
    max-width: 310px;
    width: 95%;
    display: flex;
  }
}
/* -----------------------------------
				520px
----------------------------------- */
@media only screen and (min-width: 520px) {
  .col-hotel .info-bar .reserve-button {
    text-align: right;
    position: absolute;
    right: 10px;
    top: 0;
  }
}
/* -----------------------------------
				620px
----------------------------------- */
@media only screen and (min-width: 620px) {
  #hotel-list .box-hotel-info {
    margin: 0 auto 10px;
    text-align: center;
    padding: 0;
    display: table;
    width: 100%;
  }
  #hotel-list .box-hotel-info .col-img, #hotel-list .box-hotel-info .col-hotel {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    background: #ffffff;
  }
  #hotel-list .box-hotel-info .col-hotel {
    padding: 0 0 0 10px;
  }
  #hotel-list .box-hotel-info .col-img {
    margin: 0 auto;
    text-align: center;
    clear: none;
    width: 30%;
    max-width: 240px;
    padding: 0;
  }
  #hotel-list .box-hotel-info .col-img img {
    width: 240px;
    height: 150px;
  }
  .col-hotel .info-bar .reserve-button {
    text-align: right;
    position: relative;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .dettagli_camera .cont_desc_camera_top {
    margin: 0 auto;
    display: table;
    width: 100%;
    padding-bottom: 20px;
  }
  .cont_desc_camera_top .foto, .cont_desc_camera_top .text_camera {
    vertical-align: top;
    display: table-cell;
  }
  .cont_desc_camera_top .foto {
    width: 30%
  }
  .cont_desc_camera_top .text_camera {
    width: 68%;
    padding: 0 0 0 2%;
  }
  /* =============================
	blocco camera / tariffa
============================= */
  .room-rate-list {
    margin: 0 auto;
    text-align: center;
    display: table;
    width: 100%;
  }
  .box-content-sx, .box-content-father {
    display: table-cell;
    vertical-align: middle;
  ;
  }
  .box-content-sx {
    width: 55%;
  }
  .box-content-father {
    width: 45%;
  }
  .box-content-middle, .room-rate-general-box .room-rate-occupancy-content.number {
    text-align: right;
  }
  .persuasive-message-rate .message.visibile {
    margin: 8px 0 0;
    display: inline-block;
    width: auto;
  }
  .room-rate-parsuasive-msg-box .persuasive-message {
    padding: 0;
  }
}
/* ----------------------------------
				680px
---------------------------------- */
@media only screen and (min-width: 680px) {
  .accordion {
    line-height: 40px;
  }
  #box-risultati .accordion {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .accordion .tariffa {
    line-height: 40px;
  }
  .accordion-close .freccia, .accordion-open .freccia, .campo_servizi .accordion-close .freccia, .campo_servizi .accordion-open .freccia {
    margin: 10px;
  }
  .definitivo.accordion {
    line-height: 30px;
    height: 30px;
  }
}
/* -----------------------------------
				724px
----------------------------------- */
@media only screen and (min-width: 724px) {
  /* ---- METODO DI PAGAMENTO ---- */
  /*.payment-options-box .campi_dati {
    display: table;
    width: 100%;
  }
  .payment-options-box .campi_dati .summary_value {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    padding: 10px 1%;
    border-left: 1px solid #ddd;
    border-bottom: 0;
  }
  .payment-options-box .campi_dati .summary_value:first-child {
    border-left: 0;
  }
  .payment-options-box .campi_dati .summary_value input.choose-payment {
    float: left;
    margin: 3px 10px;
  }
  .payment-options-box .campi_dati .summary_value span {
    display: table-cell;
    vertical-align: text-top;
    padding: 0 10px 0;
  }*/
}
/* ----------------------------------
				960px
---------------------------------- */
@media only screen and (min-width: 960px) {
  .box-content-sx {
    width: 50%
  }
  .box-content-father {
    width: 50%;
  }
  .select_valute .box_valute .elenco_valute li a, .select_lang .box_lingue .elenco_lingue li a {
    background: #cccccc;
  }
  .select_lang .box_lingue .elenco_lingue li a:hover {
    background: #022658;
    color: #fff;
  }
  .select_valute .box_valute .elenco_valute {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  }
}
/* ----------------------------------
				980px
---------------------------------- */
@media only screen and (min-width: 980px) {
  .seleziona_giorni.seleziona_giorni_extended ul li, .seleziona_giorni.seleziona_giorni_extended ul li.riepi {
    float: none;
    width: 100%;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    display: block;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li span.notti {
    width: 20%;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li span.partenza {
    width: 20%;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li span.prezzo {
    width: 25%;
    font-weight: 700;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li span.vai {
    width: 20%;
    margin: 5px 20px 0;
    text-align: right;
    float: right;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li .vai a.seleziona {
    padding: 5px 10px;
    color: #fff;
  }
  .seleziona_giorni.seleziona_giorni_extended ul li .disp {
    margin: 14px 20px;
  }
  .tariffa .price {
    color: #022658;
  }
}
/* -----------------------------------
				1140px
----------------------------------- */
@media only screen and (min-width: 1140px) {
  .col-hotel .characteristics-hotel {
    display: block;
  }
  .box-content-sx {
    width: 60%
  }
  .box-content-father {
    width: 40%;
  }
}
/* -----------------------------------
				1800px
----------------------------------- */
@media only screen and (min-width: 1800px) {
  #persuasive-messages-general, #persuasive-messages-summary {
    position: absolute;
    top: 152px;
    left: 70px;
  }
  .message.general-messages, .message.summary-messages { /*  da rivedere */
    top: 0;
    bottom: auto;
  }
  #persuasive-messages-general .message, #persuasive-messages-summary .message {
    background: rgba(0, 0, 0, 0.7) !important;
    border-right: 3px solid #022658;
    border-left: 0;
  }
  #persuasive-messages-general .message p, #persuasive-messages-summary .message p {
    font-size: 15px;
    line-height: 20px;
  }
  /* ---- per camera ---- */
  .persuasive-message.persuasive-message-room {
    bottom: 12px !important;
    position: absolute;
  }
}
@media only screen and (max-width: 724px) {}
@media only screen and (max-width: 680px) {
  .tariffe .cont-decr-camera {
    margin: 0 auto;
    text-align: left;
    padding: 0;
    display: inline-block;
  }
  .persuasive-message.persuasive-message-room {
    position: relative !important;
    width: auto;
    max-width: 320px;
    min-width: 240px;
    padding-bottom: 0;
    box-shadow: none !important;
    right: 0;
    left: auto;
    float: right;
    bottom: 0;
    padding: 0 0 20px 0;
    display: inline-block;
  }
  .visibile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .alternative-offer .alternative-offer-message {
    max-width: 220px !important;
    min-width: auto !important; /*top: -70px;*/
  }
  .alternative-offer .message p {
    text-align: center;
    float: none;
  }
  .alternative-offer-message i.fa {
    top: -7px;
    background: #333;
    width: 14px;
    text-align: center;
    height: 14px;
    line-height: 14px;
    border-radius: 50px;
    color: #fff;
    right: -7px;
    position: absolute;
    font-size: 9px;
    vertical-align: middle;
    font-weight: lighter;
  }
  .blocco_tipo ul li .cont-nome_tariffa {
    width: 100%;
    padding: 0;
    position: relative;
    clear: both;
    display: block;
  }
  .persuasive-message-rate .message {
    right: 0;
  }
  /*.persuasive-message.persuasive-message-rate { top: 5px; right: 0; }*/
  .accordion.full.accordion-open {
    margin-bottom: 0;
  }
  /* ------- comparatore ota ------ */
  .banner_comparativo .row_portale ul {
    display: block;
    margin: 0 auto;
  }
  .banner_comparativo .row_portale ul li {
    width: 100%;
    padding: 10px 0 !important;
    border-top: 1px solid #ccc;
    display: block;
    clear: both;
  }
  .banner_comparativo .row_portale ul li:first-child {
    border-top: none;
  }
  .banner_comparativo .row_portale ul li.score .blocco .prezzo, .banner_comparativo .row_portale ul li .blocco .prezzo {
    text-align: left;
    padding: 0 20px !important;
  }
  .banner_comparativo .row_portale ul li .blocco .icona i.far {
    font-size: 22px;
  }
  .banner_comparativo .row_portale ul li .blocco .prezzo .portale {
    padding-right: 15px;
  }
  .banner_comparativo .row_portale ul li .blocco .prezzo .tariffa_comp {
    display: inline-block;
    float: none;
  }
  .title_comparison_first, .title_comparison_second {
    display: block;
    width: 100%;
  }
  .pulsante_stampa_conferma, #pulsante_pkpass_download, #pulsante_add_services {
    font-size: 1em;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 400px) {
  .campo .foto {
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  .campo .tariffe {
    width: 100%;
    margin: 0;
    padding: 0 10px 10px;
  }
  .accordion {
    margin: 0;
  }
  .box_riepi.cancellation .riga .label {
    width: 35%;
    padding: 6px 20px;
    font-weight: 600;
  }
  .fancybox-inner .seleziona_camera .eti_lines .riga_riepilogo_date {
    float: left;
    width: 100%;
    line-height: 20px;
    padding: 0;
  }
  #box-risultati .contenitore_pulsanti .caricamento_contenitore, .contenitore_pulsanti .pulsante_stampa_conferma {
    width: 90%;
    margin: 10px auto;
    display: block;
  }
}
div#no_soluzioni_cross_selling {
  background: #FFFFFF;
  clear: both;
  padding: 10px;
  margin-bottom: 0;
}
.cross_selling_testo_personalizzato > table {
  width: 100% !important;
}
.cross_selling_testo_personalizzato {
  background: #FFFFFF;
  padding: 0 10px;
  margin-bottom: 10px;
}
#header-mobile-riepilogo {
  display: none;
  min-width: 100px;
  padding: 5px;
  background: #022658;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
}
@media screen and (max-width: 680px) {
  #header-mobile-riepilogo {
    display: table-cell;
  }
  .box_prezzo .riga.riga_totali {
    display: table;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .box_prezzo .riga.riga_totali .label {
    float: none;
    width: auto;
    display: table-cell;
  }
  .box_prezzo .riga.riga_totali .risultato {
    float: none;
    width: auto;
    display: table-cell;
  }
}
#credit-card-data .box_riepi .riga {
  padding: 10px 0;
  font-weight: bold;
}
#header-mobile-riepilogo i {
  color: #FFFFFF;
  font-size: 18px;
}
div#riepilogo-mobile {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  min-width: 80px;
}
div#riepilogo-mobile span {
  display: inline-block;
  line-height: 130%;
  padding: 0 5px
}
div#info-riepilogo-mobile {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 18px;
  width: 30px;
}
div#alternative-offers-details {
  display: none;
}
div#cross-selling-results {
  background: #ffffff;
}
#riepilogo_viaggio #chiudi_menu_dx {
  display: none;
}
.footer-link.codice_citr {
  padding-top: 5px;
}
/****Mirko 14/05/2020*/

.box_room_categories {
  clear: both;
  padding: 10px 0 7px;
  font-size: 14px;
}
.list_room_cat {
  padding: 3px 8px;
  margin-bottom: 3px;
  opacity: 0.8;
}
.list_room_cat.active, .list_room_cat:hover {
  background: rgba(0,0,0,0.08);
  opacity: 1;

}
.list_room_cat:hover {
  background: rgba(0,0,0,0.11);
  opacity: 1;
  cursor: pointer;

}
.check_room_cat, .label_room_cat{display:inline-block; vertical-align: middle;}
.check_room_cat{font-size:18px; margin-right: 8px;}
.label_room_cat span{margin-left:5px; opacity: 0.6}


/**** Aggiunte per gruppo ***/
#selects_gruppo .fal{
  color:#6d5934;
}

.group-page h2 .nome_struttura {
  color: #022658;
}

.link-mappa a:before {  color: #022658;}

span.stars i, .label .fa-star {
  color:#D9B336;
}
.filtro_lista ul li:hover {
  cursor: pointer;
  background: rgba(0,0,0,0.05)
}
.info-bar {
  background: #efefef;
}
.group-page  span.stelle_aggiuntive {
  color: #222222;
}
.col-hotel h2 a,  .col-hotel h2 a:hover{color: #022658;}

input.myinput_seleziona.booking_btn_sel {
  background: #022658;
}
input.myinput_seleziona.booking_btn_sel:hover { opacity: 0.9; }

.infowindow input {
  background: #022658;
}

.infowindow input:hover {
  background: #022658;
}
.content-box-no-soluzioni-hotel .no_soluzioni_dispo:hover, .content-box-no-soluzioni-hotel .trova_dispo_alternativa:hover, .content-box-no-soluzioni-hotel .no_soluzioni_dispo a:hover, .content-box-no-soluzioni-hotel .trova_dispo_alternativa a:hover {
  background: #022658;
}

.col-hotel .min-price span.price, .col-hotel .min-price span.valuta, .col-hotel .min-price span.prezzo_medio { color: #022658; }
.infowindow input {
  background: #022658;

}