/***********
* GENERICI
***********/
body {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

label {
    font-weight: 400;
    font-size: 14px;
}
a.btn_1.big, .btn_1.big {
    font-size: 18px;
    padding: 15px 35px;
}

a.btn_1.grey, .btn_1.grey {
    background: #999;
}
.btn_full_outline, a.btn_full_outline {
    background: #F9F9F9;
    border: 2px solid #85c99d;
    border-radius: 3px;
    color: #85c99d;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}
ul.list_ok li {
    text-align: left;
}

.carousel-inner h2 span{
    color: #00a557;
}
.carousel-inner h4{
    line-height: 30px;
}
.carousel-inner {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ccc;
    left: -5px;
    transform: translateZ(0px);
    padding-bottom: 20px;
}
.carousel-control.left, .carousel-control.right {
    background-image: none;
}
.carousel-control .icon-angle-circled-left, .carousel-control .icon-angle-circled-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 30px;
    height: 30px;
    margin-top: -10px;
    width: 30px;
    color: #000;
}
.carousel-control .icon-angle-circled-left, .carousel-control .icon-angle-circled-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
}
.carousel-control .icon-angle-circled-left, .carousel-control .icon-prev {
    left: 5%;
}
.carousel-control .icon-angle-circled-right, .carousel-control .icon-next {
    right: 15%;
}
.cosa p{
    font-size: 16px;
    line-height: 30px;
}

/***********
* HEADER
************/
#logo {
    margin-bottom: 10px;
    margin-top: 0;
}
header #logo img.logo_normal, header #logo img.logo_sticky {
    height: auto;
}
.homepage header #logo img.logo_normal,.homepage header #logo img.logo_sticky {
    height: auto;
    margin: 0 auto;
}
#top_tools a {
    color: #fff;
}
#top_tools .dropdown-menu a {
    color: #333;
}
#top_tools .dropdown-menu a.btn_1 {
    color: #fff;
}
ul#top_tools {
    padding: 0;
    position: relative;
    right: 15px;
    top: 0;
    z-index: 999;
}
#ex1Slider{
    margin-top: 30px;
}
#ex1Slider .slider-selection {
    background: #BABABA;
}

/*********
* FOOTER
**********/
a#phone::before {
    content: "z";
}
footer img{
    display: inline!important;
}

/***********
* HOMEPAGE
************/
.short_info .price span {
    font-size: 16px;
    font-weight: normal;
}
#search .tab-content{
    border-radius: 0 10px 10px 10px;
    box-shadow: 1px 5px 10px #333;
}
#search_container {
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center 80px;
    background-color: #F9F9F9;
}
#search .btn_1.green{
    color: #FFF;
}
#search .nav-tabs > li > a {
    margin-right: 0;
    border-radius: 5px 5px 0 0 ;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}
#search .nav-tabs > li.active > a, #search .nav-tabs > li.active > a:hover, #search .nav-tabs > li.active > a:focus {
    background-color: #F7F7F7;
}
#search .nav-tabs {
    margin-left: 0;
}
#search .tab-content {
    background-color: #F7F7F7;
}
a.bt_camera [class^="icon-"]::before, a.bt_camera [class*=" icon-"]::before, .nr-persone [class^="icon-"]::before, .nr-persone [class*=" icon-"]::before{
     width: 0;
     margin-right: 5px;
     font-size: 20px;
}
.icon-person.small::before{
    font-size: 14px!important;
}
a.bt_camera {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333 !important;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
}
#nr-persone li {
    cursor: pointer;
}
.tour_container {
    box-shadow: 1px 5px 10px #999;
    border-radius: 10px;
}
.img_container {
    border-radius: 10px 10px 0 0;
}

#offerte_homepage {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 5px 10px #999;
    font-size: 14px;
}
#offerte_homepage h3 {
    margin-top: 0;
}
#offerte_homepage a {
    color: #565a5c;
}
#offerte_homepage .rating {
    font-size: 10px;
}
#offerte_homepage .icon-star::before,#offerte_homepage .icon-star-empty::before {
    margin-left: 0;
    margin-right: 0;
}
#offerte_homepage hr{
    margin-top: 0;
}

#offerte_homepage .carousel .item {
    /*margin: 0;*/
}

#offerte_homepage .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 10px 0 0 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
#offerte_homepage .carousel-indicators .active {
    background-color: #00A557;
}
#offerte_homepage .carousel-indicators li {
    border: 1px solid #00A557;
}

#voli select{
    width: 100%;
}
#voli select.eta_bambino{
    width: 37px;
}
#voli .op-delete-fly{
    cursor: pointer;
}
#voli hr {
    margin-bottom: 10px;
    margin-top: 10px;
}
#search .nav-tabs > li.tab-inevidenza > a {
  background: rgba(254, 117, 59, 1) none repeat scroll 0 0;
}
#room-type .dd-selected {
  padding: 0 0 0 10px !important;  
}
/*****************
* HOMEPAGE LOGIN
*****************/
#login {
    border-radius: 10px;
    box-shadow: 1px 5px 10px #333;
    background-color: #f7f7f7;
    margin: 130px 0 60px;
}
#hero.login {
    background: none;
}
.header-video {
  background: #00A557;
  max-height: 800px;
  margin-top: 90px;
}
#hero_video {
    text-transform:none;
}
#teaser-video{
    opacity: 0.5;
}
.homepage #social_footer {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.span-or {
    background-color: #f7f7f7;
}



/*************
* LISTING
**************/
.styled-select-filters select {
    width: 120%;
}
.tour_list_desc .rating {
    margin: 0px 0 3px -3px;
}
.add-follow{
    font-size: 22px;
    color: #E27D73;
    padding: 12px 0 0;
}
.add-wishlist{
    font-size: 22px;
    color: #E27D73;
    padding: 12px 0 0;
}

.add-wishlist:hover, .add-wishlist:focus{
    color: #e74c3c;
}
.add-follow:hover{
    color: #e74c3c;
}
.evidenza{
    box-shadow: 0 0 10px 0 rgba(0, 107, 179, 1);
}
.evidenza-box > div{
    color: #fff;
    font-size: 20px;
    padding: 5px;
    background: #006BB3;
}
#demo{
    height: auto;
}
.ribbon.offerta {
    background: rgba(0, 0, 0, 0) url("../img/ribbon_offerta.png") no-repeat scroll 0 0;
}
.tools-service{
    border-left: 1px solid #ccc
}
.score{
    float: left;
    font-size: 12px;
    margin-top: 5px;
}
.score span {
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    line-height: 32px;
    margin-left: 5px;
    text-align: center;
    width: 35px;
}
.img_list {
    min-height: 175px;
}
.price_list {
    /*height: 170px;*/
	height: 50px;
    padding: 5px 0 0;
}
.tour_list_desc {
   /* max-height: 170px;
    padding: 10px 20px 10px 0;*/
	    max-height: 185px;
    padding: 6px 9px 10px 0;
    overflow: hidden;
}

.special_price_list{
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    text-shadow: 2px 1px #ddd;
    font-weight: bold;
}
.price_list .normal_price_list{
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
}
.tools .tooltip-content{
    text-align: center;
    margin: 0 0 30px -150px;
}

.trattamenti p {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.trattamenti table{
    margin: 0;
    background-color: #efefef;
}
.trattamenti .special_price_list{
    font-size: 20px;
}
td.trattamento{
    width: 50%;
}
td.prezzo{
    width: 25%;
}
td.prenota{
    width: 25%;
}
.trattamento p{
    padding-top: 4px;
}
table#camere td {
    width: 19%
}
table#camere td.eta {
    width: 12%
}
table#camere td.camera {
    width: 13%
}
table#camere td.delete {
    width: 1%
}
table#camere thead{
    font-size: 13px;
}

table#camere td .dd-option-image, table#camere td .dd-selected-image {
 display: none;
}
.tour_list_desc .rating {
    font-size: 12px;
}
.icon-star::before, .icon-star-empty::before {
    margin-left: 1px;
    margin-right: 1px;
}
.btn_mappa
{
    background: url('../img/generic_map_hotel.jpg');
    display: block;
    height: 78px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border:3px solid #fff;
    border-radius:5px;
}
.btn_mappa span
{
    position: absolute;
    bottom:0;
    left:0;
    padding: 3px 5px 1px 1px;
    background: #fff;
    display: inline-block;
    font-weight: bold;
    border-radius: 0 5px 0 0;
}
#filters_col .nav-submit-button {
    height: 30px;
    top: 5px;
}
#tools h4 {
    font-size: 14px;
}
#ex2Slider .slider-selection {
    background: #84D6FF;
}


/*******************
* SELECT DDSLICK
******************/
.dd-select label, .dd-options label {
    font-size: 12px;
}
.dd-select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.dd-option:hover {
    background: #efefef !important;
}
#fast-select .dd-option:hover {
    background: #FD753C !important;
}
#fast-select .dd-select{
    background-color: #FD753C;
}
.dd-select{
 background: #fff;
}

.camere .dd-select label, #voli .dd-select label, #attivita .dd-select label, #transfer .dd-select label, #box-modifica-ricerca .dd-select label, .ddslick .dd-select label{
    margin-top: 8px;
}
.camere .dd-option, #voli .dd-option, #attivita .dd-option, #transfer .dd-option, #box-modifica .dd-option, .ddslick .dd-option {
    padding: 3px 10px;
}
.camere .dd-options li .dd-option, #voli .dd-options li .dd-option, #attivita .dd-options li .dd-option, #transfer .dd-options li .dd-option, #box-modifica .dd-options li .dd-option, .ddslick .dd-options li .dd-option {
    height: 25px;
    line-height: 15px !important;
    margin-top: 3px;
}

/********************
* MAPPA GOOGLE
********************/
.overlay_map{
  display:block;
  text-align:center;
  color:#fff;
  font-size:14px;
  background:#FD753C;
  border:solid 3px #FD753C;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  padding:0 4px;
}
.overlay_arrow{
  left:50%;
  margin-left:-10px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-10px;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:16px solid #FD753C;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #ff5a5f;
}

/******************
* FILTRO COLONNA SX
********************/
.filter-collapse{
    cursor: pointer;
}
.filter_type h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 0 0;
}
.filter_type div h6 {
    border-top: none!important;
}
#filters_col{
   font-size: 16px;
}
.filtro_stelle .icon-star{
    font-size: 12px;
}
.filtro_stelle .icon-star.voted {
    color: #f90;
}
.filtro_stelle .icon-star::before{
    width: 5px;
}
.filtro_stelle .btn-group .btn {
    line-height: 0;
    width: 47px;
    height: 48px;
    padding: 5px 9px;
    text-align: center;
}
.filtro_stelle .btn-group span {
    font-size: 16px;
    font-weight: bold;
}
.filter_type .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0;
}
.panel {
    border: none;
    box-shadow: none;
}
.filter_type .panel-default > .panel-heading {
    background-color: #fff;
    color: #333;
}
.filter_type .panel-heading h6 {
    margin: 5px 0;
    padding: 0;
}
.poi{
    font-size: 12px;
}

/**********
* POST IT
**********/
.post-it {
    background: #fefabc;
    padding: 30px;

    box-shadow: 3px 8px 6px #bbb;
    -moz-box-shadow: 3px 8px 6px #bbb;
    -webkit-box-shadow: 3px 8px 6px #bbb;
}
.pin {
  background-color: #aaa;
  display: block;
  height: 20px;
  width: 2px;
  position: relative;
  left: 50%;
  top: -16px;
  z-index: 1;
}
.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              16px 12px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}
.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';
  height: 15px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 4px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}
/**************************
* LINGUETTA LATERALE
***************************/
.btn-lateral {
    color:#ffffff;
    -webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width:330px;
    height:auto;
    position:fixed;
    right:-280px;
    transition:all 0.4s ease;
    cursor:pointer;
    z-index:1000;
}
.btn-lateral:hover { right:0!important; }
.btn-lateral div.label { float:left; width:50px; height:60px; padding:0; margin: auto 0; background-color:#FD753C; border-radius: 5px 0 0 5px}
.btn-lateral div.label img { float:left; margin: 15px 0 0 15px; }
.btn-lateral div { float:left; width:280px; padding:0; height:60px; }

.btn-lateral div h3 { padding:0; margin:7px 0 0 0; color: #fff; }
.btn-lateral div h4 { padding:0; color: #fff; }
.btn-lateral div p { float:left;  padding:0; margin:5px 0 0 23px; font-size:1em; font-weight:300; line-height:120%;}

.btn-lateral1{top:264px;}
.btn-lateral2{top:335px;}
.btn-lateral1 div,.btn-lateral2 div { background-color:#d26b03; }

.btn-lateral div.icon-label {width: 50px; margin-top: 15px; height: 45px; color: #fff; background: none;}
.btn-lateral div.icon-label [class*="icon-"]::before{font-size: 30px;}
.btn-lateral div.text-label {width: 250px; padding-left: 10px;}

/************
* DETTAGLIO
*************/
#price_single_main span {
    color: #e74c3c;
    font-size: 48px;
}
#detail ul.list_ok li {
    font-size: 14px;
}
#detail #description {
    font-size: 14px;
}
#detail h3 {
    font-size:20px;
    margin-top:5px;
}
#detail ul.list_icons {
    font-size: 14px;
}
#detail .table > thead > tr > th,#detail .table > tbody > tr > th,#detail .table > tfoot > tr > th,#detail .table > thead > tr > td,#detail .table > tbody > tr > td,#detail .table > tfoot > tr > td {
    vertical-align: middle;
    font-size: 14px;
    padding: 10px 15px;
}
#detail .panel-default {
    border-color: #bbb;
}
#detail .panel-default > .panel-heading {
    background-color: #ddd;
    border-color: #bbb;
}
#detail .table > thead {
    background-color: #f5f5f5;
}
#detail .price{
    font-size: 20px;
    font-weight: bold;
    color: #e74c3c;
}
#detail .price-big{
    font-size: 30px;
    font-weight: bold;
    color: #e74c3c;
}
h3 a {
    color: #000;
}

/*************
* PRENOTAZIONE
**************/
h2 span.rating, h3 span.rating, h4 span.rating, h5 span.rating, h6 span.rating {
    color: #565a5c;
}
.form-group{
    font-size: 14px;
}
.form-control[type="checkbox"], .form-control[type="radio"] {
    height: auto;
    width: auto;
    display: inline-block;
}
.table.table_summary td.text {
    width: 60%;
}
.table.table_summary td.totale {
    width: 20%;
}
.table.table_summary td.special_price_list {
    width: 80%;
    font-size: 18px;
}
#riepilogo_hotel{
    background: #efefef;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.has-error .form-control[type="checkbox"] {
    outline: 2px solid #a94442;
}
.table.table_summary tr.total {
    font-size: 14px;
}

/******************
* LOADER SPINNER
*******************/
#frase_loader {
    font-size: 40px;
    font-weight: bold;
    color: #00A557;
    /*text-shadow: -1px 0 #00A557, 0 1px #00A557, 1px 0 #00A557, 0 -1px #00A557;*/
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
}
#preloader {
    line-height: normal;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient( #fff, #eee, #999); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#fff, #eee,  #999); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#fff, #eee,  #999); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#fff, #eee,  #999); /* Standard syntax */
}
.cssload-container {
    width: 157px;
    margin: 68px auto;
    font-size: 0;
    position: relative;
    transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
    animation: cssload-clockwise 6.9s linear infinite;
        -o-animation: cssload-clockwise 6.9s linear infinite;
        -ms-animation: cssload-clockwise 6.9s linear infinite;
        -webkit-animation: cssload-clockwise 6.9s linear infinite;
        -moz-animation: cssload-clockwise 6.9s linear infinite;
}
.cssload-container:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 85px;
    height: 85px;
    border: 13px solid rgb(229,229,229);
    border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
}
.cssload-container:after {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    border: 13px solid rgb(237,237,237);
    border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
}

.cssload-lt, .cssload-rt, .cssload-lb, .cssload-rb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 85px;
    height: 43px;
    opacity: 1;
}
.cssload-lt:before, .cssload-rt:before, .cssload-lb:before, .cssload-rb:before {
    position: absolute;
    content: '';
    width: 85px;
    height: 85px;
    border-top: 13px solid rgb(0,165,87);
    border-right: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent;
    border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-lt {
    margin-right: -13px;
    animation: cssload-lt 2.3s linear -2300ms infinite;
        -o-animation: cssload-lt 2.3s linear -2300ms infinite;
        -ms-animation: cssload-lt 2.3s linear -2300ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
        -moz-animation: cssload-lt 2.3s linear -2300ms infinite;
}
.cssload-lt:before {
    top: 0;
    left: 0;
    animation: cssload-not-clockwise 1.15s linear infinite;
        -o-animation: cssload-not-clockwise 1.15s linear infinite;
        -ms-animation: cssload-not-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
        -moz-animation: cssload-not-clockwise 1.15s linear infinite;
}

.cssload-rt {
    animation: cssload-lt 2.3s linear -1150ms infinite;
        -o-animation: cssload-lt 2.3s linear -1150ms infinite;
        -ms-animation: cssload-lt 2.3s linear -1150ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
        -moz-animation: cssload-lt 2.3s linear -1150ms infinite;
}
.cssload-rt:before {
    top: 0;
    right: 0;
    animation: cssload-clockwise 1.15s linear infinite;
        -o-animation: cssload-clockwise 1.15s linear infinite;
        -ms-animation: cssload-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-clockwise 1.15s linear infinite;
        -moz-animation: cssload-clockwise 1.15s linear infinite;
}

.cssload-lb {
    margin-right: -13px;
    animation: cssload-lt 2.3s linear -1725ms infinite;
        -o-animation: cssload-lt 2.3s linear -1725ms infinite;
        -ms-animation: cssload-lt 2.3s linear -1725ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
        -moz-animation: cssload-lt 2.3s linear -1725ms infinite;
}
.cssload-lb:before {
    bottom: 0;
    left: 0;
    animation: cssload-not-clockwise 1.15s linear infinite;
        -o-animation: cssload-not-clockwise 1.15s linear infinite;
        -ms-animation: cssload-not-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
        -moz-animation: cssload-not-clockwise 1.15s linear infinite;
}

.cssload-rb {
    animation: cssload-lt 2.3s linear -575ms infinite;
        -o-animation: cssload-lt 2.3s linear -575ms infinite;
        -ms-animation: cssload-lt 2.3s linear -575ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -575ms infinite;
        -moz-animation: cssload-lt 2.3s linear -575ms infinite;
}
.cssload-rb:before {
    bottom: 0;
    right: 0;
    animation: cssload-clockwise 1.15s linear infinite;
        -o-animation: cssload-clockwise 1.15s linear infinite;
        -ms-animation: cssload-clockwise 1.15s linear infinite;
        -webkit-animation: cssload-clockwise 1.15s linear infinite;
        -moz-animation: cssload-clockwise 1.15s linear infinite;
}

@keyframes cssload-clockwise {
    0% {transform: rotate(-45deg);}
    100% {transform: rotate(315deg);}
}

@-o-keyframes cssload-clockwise {
    0% {-o-transform: rotate(-45deg);}
    100% {-o-transform: rotate(315deg);}
}

@-ms-keyframes cssload-clockwise {
    0% {-ms-transform: rotate(-45deg);}
    100% {-ms-transform: rotate(315deg);}
}

@-webkit-keyframes cssload-clockwise {
    0% {
        -webkit-transform: rotate(-45deg);
    }
    100% {
        -webkit-transform: rotate(315deg);
    }
}

@-moz-keyframes cssload-clockwise {
    0% {
        -moz-transform: rotate(-45deg);
    }
    100% {
        -moz-transform: rotate(315deg);
    }
}

@keyframes cssload-not-clockwise {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(-315deg);
    }
}

@-o-keyframes cssload-not-clockwise {
    0% {
        -o-transform: rotate(45deg);
    }
    100% {
        -o-transform: rotate(-315deg);
    }
}

@-ms-keyframes cssload-not-clockwise {
    0% {
        -ms-transform: rotate(45deg);
    }
    100% {
        -ms-transform: rotate(-315deg);
    }
}

@-webkit-keyframes cssload-not-clockwise {
    0% {
        -webkit-transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(-315deg);
    }
}

@-moz-keyframes cssload-not-clockwise {
    0% {
        -moz-transform: rotate(45deg);
    }
    100% {
        -moz-transform: rotate(-315deg);
    }
}

@keyframes cssload-lt {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes cssload-lt {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes cssload-lt {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssload-lt {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes cssload-lt {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


/******************
* MEDIA QUERY
********************/

    /* XS */
    @media (max-width: 768px) {
        #search {
            padding-top: 180px;
        }
        #search_container {
            background-size: initial;
            background-repeat: no-repeat;
            background-color: #f00;
        }
        #accesso-agenzia{
            margin-bottom: 15px;
            margin-top: 0;
            text-align: center;
        }
        #area-riservata{
            text-align: center;
        }
        #search .nav-tabs > li > a {
            font-size: 11px;
        }
        .sticky #area-riservata {
            margin: 0 0 15px 0;
        }
        #listing, #listing_voli{
            padding-top: 180px;
        }
        .tools-service{
            border-left: none;
        }
        .price_list {
            height: 210px;
        }
        .price_list-box{
            margin-top: 20px;
        }
        .tour_list_desc{
            padding: 10px;
        }
        p.trattamento {
            font-size: 11px;
        }

        #login {
            margin: 20px 0 20px;
        }
        .header-video {
          margin-top: 70px;
          height: 490px;
        }

        #preloader img {
            width: 150px;
        }
        #frase_loader{
            font-size: 30px;
        }
        #hotels .eta_bambino {
            text-align: left;
        }

    }
    /* SM */
    @media (min-width: 768px) {
        #search {
            padding: 150px 0 0;
            margin: 0 12%;
        }
        #top_tools{
            margin-top: 0;
        }
        #accesso-agenzia{
             margin-top: 15px;
        }
        #area-riservata{
             margin-top: 25px;
        }
        .sticky #area-riservata {
            /*margin-top: 25px;*/
            margin-top: 0;
        }
        #ex2Slider, #ex3Slider, #ex4Slider, #ex5Slider, #ex6Slider , #ex2Slider_durtot {
			margin: 0 0 0 10px;
			display: block;
		}
		#ex10Slider, #ex11Slider, #ex12Slider, #ex13Slider, #ex14Slider , #ex15Slider {
			margin: 0 0 0 10px;
			display: block;
		}
        .price_list {
            margin-top: 10px;
        }
        .camere-left {
            margin-bottom: 0;
        }
        #listing, #listing_voli{
            padding-top: 100px;
        }
        .tools-service{
            border-left: none;
        }
        #riepilogo_hotel h5{
            margin-top: 10px;
        }

        #login {
            margin: 20px 0 20px;
        }
        .header-video {
          margin-top: 85px;
          height: 490px;
          background: #00A557;
        }
        #preloader img {
            width: 250px;
        }
        #frase_loader{
            font-size: 30px;
        }

    }
    /* MD */
    @media (min-width: 992px) {
        #search {
            padding: 150px 0 0;
            margin: 0 17%;
        }
        .sticky #logo {
            margin-top: 10px;
        }
        #accesso-agenzia, #area-riservata{
            text-align: right !important;
            margin-top: 20px;
        }
        .sticky #accesso-agenzia {
            margin-top: 15px;
        }
        .sticky #area-riservata {
            margin-top: 10px;
        }
        #box-cliente{
            margin-top: 10px;
        }
        .sticky #box-cliente{
            margin-top: 0;
        }
        .price_list {
            margin-top: 0;
        }
        .slider.slider-horizontal {
            width: 90%;
        }
        #filters_col {
            font-size: 14px;
        }
        .filtro_stelle .btn-group .btn {
            height: 48px;
            padding: 5px;
            width: 37px;
        }

        #riepilogo_hotel h5{
            margin: 0;
        }

        #login {
            margin: 20px 0;
        }
        .header-video {
          background: #4d536d;
          max-height: 800px;
          margin-top: 75px;
        }
        .homepage footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            left:0;
        }
        #frase_loader{
            font-size: 40px;
        }

        #hotels .eta_bambino {
            text-align: right;
        }
        #aggiungi_camera{
            margin-top: 45px;
        }

        .select_adulti{
            padding-left: 0;
        }
    }
    /* LG */
    @media (min-width: 1200px) {
        #search {
            padding: 150px 0 0;
            margin: 0 17%;
        }
        .sticky #logo {
            margin-top: 10px;
        }
        #accesso-agenzia, #area-riservata{
            margin-top: 35px;
        }
        #box-cliente{
            margin-top: 20px;
        }
        .sticky #box-cliente{
            margin-top: 0;
        }
        .sticky #accesso-agenzia, .sticky #area-riservata {
            /*margin-top: 15px;*/
            margin-top: 5px;
        }
        .tools-service{
            border-left: 1px solid #ccc
        }

        #login {
            margin: 40px 0 0;
        }
        .homepage footer {
            position: relative;
        }
        .filtro_stelle .btn-group .btn {
            width: 47px;
        }
    }
    /* LG - v1 */
    @media (min-width: 1440px) {
        .homepage footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            left:0;
        }
    }
    /* XL */
    @media (min-width: 1600px) {
        #search {
            padding: 150px 0 0;
            margin: 0 27%;
        }
        #accesso-agenzia, #area-riservata{
            margin-top: 35px;
        }
        #box-cliente{
            margin-top: 20px;
        }
        .sticky #box-cliente{
            margin-top: 0;
        }
        .sticky #accesso-agenzia, .sticky #area-riservata {
            margin-top: 15px;
        }
        #listing, #listing_voli{
            padding-top: 100px;
        }

    }

/** INCREMENT BUTTONS **/
.userincr-btn-dec, .userincr-btn-inc {
    cursor: pointer;
    height: 40px;
    position: absolute;
    text-indent: -9999px;
    width: 33px;
    z-index: 9;
}

.userincr-btn-inc {
    background: #fff url("../img/plus.png") no-repeat scroll center center;
    border: 1px solid #cccccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    right: 0;
    top: 0;
}

.userincr-btn-dec {
    background: #fff url("../img/minus.png") no-repeat scroll center center;
    border: 1px solid #cccccc;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    left: 0;
    top: 0;
}

/** OTHER OPTIONS **/
#camere > .tbody > .row{
    margin-top: 10px;
    margin-bottom: 10px;
}

#camere .datarow{
    position: relative;
}

#camere .datarow .delete{
    position: absolute;
    top: 10%;
    right: 10px;
}

#camere .camera h5{
    border-bottom: 2px solid #00a557;
    color: #00a557;
    padding-bottom: 2px;
    font-weight: bold;
}


#map-search-box {
	background-color: #fff;
	border: 2px solid #00A557;
	font-weight: 500;
	font-size: 1.3em;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 350px;
	height: 40px;
	margin: 10px;

  }
  .fare-rule-body{
	  max-height: 100vh;
    overflow-y: auto;
  }
  body.modal-open{
	      overflow: hidden!important;
  }
   body.modal-open div.modal{
	      z-index:11111111!important;
  }