/* ===================================
        inizio MODIFICHE
====================================== */
.loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: #a7151f;
    box-sizing: border-box;
    animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
    0% {
        box-shadow: -38px -6px, -14px 6px, 14px -6px;
    }

    33% {
        box-shadow: -38px 6px, -14px -6px, 14px 6px;
    }

    66% {
        box-shadow: -38px -6px, -14px 6px, 14px -6px;
    }

    100% {
        box-shadow: -38px 6px, -14px -6px, 14px 6px;
    }
}
.loading {
 z-index:2000;
    width:100%;
    height: 100%;
    padding: 10px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    cursor: pointer;
    transition: .2s linear;
    background-color:#fff;
    top:0px;
}


#feedback-slider .item {
    text-align: center; /* centra tutto */
    padding: 30px;
    /*max-width: 700px;*/
    margin: 0 auto;
}

#feedback-slider .stars i {
    color: #FFD700; /* giallo oro */
    margin-bottom: 15px;
    font-size: 22px;
}

#feedback-slider .feedback-text {
    position: relative;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    display: inline-block;
    /*max-width: 600px;*/
    margin: 0 auto;
    padding: 20px 30px; /* meno spazio perché le icone saranno piccole */
}

    #feedback-slider .feedback-text::before {
        font-family: FontAwesome; /* FA 4.6.1 */
        content: "\f10d"; /* fa-quote-left */
        position: absolute;
        left: 0;
        top: 0;
        font-size: 18px; /* più piccola */
        color: #999;
    }

    #feedback-slider .feedback-text::after {
        font-family: FontAwesome;
        content: "\f10e"; /* fa-quote-right */
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 18px; /* più piccola */
        color: #999;
    }



section{padding:60px 0}
.slider-title-big6{line-height:100px}
.bg-yellow{ background: #d7a528 !important; }
.bg-bordeaux{background-color:#A7151F !important}

.textRight{text-align:right}
a{color:#A7151F}

select option{min-height:21px;}
input, textarea, select{text-transform:none}
.ui-datepicker select{padding:0}
.ui-datepicker {z-index:2!important}

.overflow-x{overflow-x:auto}

.validationError, .validationError:focus, .validationError:hover {
    background-color: #fe7878 !important;
    color: #a00101 !important;
}
.gruppo1, .gruppo3, .gruppo5, .gruppo7, .gruppo9 {
    background-color: #f6f6f6 !important;
}
.inner-box-destinazioni{
    border:1px solid #f1f1f1;
    background-color:#fff;
    padding:20px
}
.scrollToTop {
    top: 78%
}
.destinazioni-slider {
    min-height: 650px;
    position: relative;
    z-index: 1;
}
.travel-booking{padding-bottom:20px;}
.tab-content .btn.btn-medium {margin-top: 33px; padding: 5px 22px;}
.cover-destinazioni {
    min-height: 315px;
}
.sticky-nav {
    padding-top: 20px
}

.nav > li{margin:10px 8px}
.navbar-toggle{ margin-right:0}
.navbar-nav.navbar-right:last-child {margin-right:0}
.navbar-nav > li:last-child {margin-right:0}

.shrink-nav {padding-top:0}
.sticky-nav .navbar-collapse {margin-top: 0; }
.shrink-nav .logo-light {display: table-cell; opacity: 1}
.shrink-nav .logo-light img {height:47px}

.navbar-nav li.active{border-bottom:2px solid}
.nav-white.sticky-nav .navbar-nav li.active { border-bottom-color: #fff}
.nav-white.shrink-nav .navbar-nav li.active { border-bottom-color: #000}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:none; }

.select-style select{color:#000}
.ui-datepicker-trigger{margin-left:-30px; cursor:pointer}

.destinations-offer{z-index:1}
.best-hotels-img .destinations-offer.black-text {height:auto;top:0px}

#accordion{margin-right:45px;}
#flag{position:absolute;top:14px ;right:15px; z-index:2;}

.owl-carousel .owl-bg-img{cursor: url("../images/icon-move-light.png"), move;}

.border-box-fixHeight{height:377px; border:5px solid #000; padding-top:90px}
.best-hotels-img .black-text {
    height: 70px;
    line-height: 19px;
    /*overflow:hidden*/
}
.fixed-height45{height:45px}

section.bg-gray .containerImage{height:272px}
section.bg-gray .containerImage img{max-width:initial; display:none}

.features-box-style1 .fa{color:#A7151F}
.features-box-style1 h5{font-size: 16px; line-height: 20px; font-weight: 700;}

#testimonial-slider img{max-width:40%}
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

section.bg-yellow .col-md-1 i{font-size:50px; line-height:70px}

.footer-top i.fa{font-size:30px}
.text-small p span:last-child { display:none; }

.bg-dark-gray a{color:#888}

#content-cookie {background-color:#fff;border-top:1px solid #f1f1f1;padding:0.5% 0.5% 42px; width:100%; position:fixed; bottom:0; z-index:100}

#content-cookie p {font-family:Arial;font-size:11px;margin:0;text-align:center;}

#content-cookie p a {text-decoration:underline}

.stileform{padding:8px 15px; border:1px solid rgb(223, 223, 223)}
.stileform p{margin:0;overflow:auto;height:45px;font-size:11px;line-height:14px;}

/*pagina interna*/
.page-title-medium {padding:40px 0}
.page-title-medium h1{font-size:26px; line-height:30px; letter-spacing:4px}
.content-top-margin{margin-top:130px}

/*elenco offerte*/
.subheader h1{font-size:13px; line-height:20px; letter-spacing:1px}
.portfolio-short-description-bg{background-repeat:no-repeat; background-position:top center}
.portfolio-short-description figure{padding:30px; }
.portfolio-short-description .blog-listing figure{width: 100%;}
.portfolio-short-description figure h3{margin-bottom:10px; line-height:20px; height:40px; overflow:hidden}
.pagination a.activecat {border-bottom: 1px solid #000;color: #000;font-weight: 600;}
.pagination .disable{color:#ccc}

.stick {position:fixed;top:170px;}

/*dettaglio offerta*/
.share{float:left; margin-right:20px}
#condividi{overflow:hidden}
#photos{overflow:hidden; clear:both}

#photos li{float:left; width:10%; height:50px; overflow:hidden; margin:15px 15px 0 0}
.offerta-info{position:relative;}
.descriptionOfferta{position:absolute; top:0; right:0; background:#fff}

.accordion-style2 .panel-heading .black-text i{color:#000}

.portfolio-short-description .button-reveal-black:hover{background-color:#fff}
.portfolio-short-description .button-reveal span {padding: 0 20px; display: block; line-height:40px}
.portfolio-short-description .button-reveal:hover span{ padding: 0 0 0 40px; color:#000; }
.portfolio-short-description .button-reveal:hover i{ color:#000; }

#DataDiPartenzaCalendario,#DataDiPartenza,#DataDiArrivoStruttura,#DataDiPartenzaStruttura{width:auto;}

table.bordered { border-collapse: collapse; margin: 0; width: 100%;}
table.bordered th, table.bordered td { background-color: #ffffff;border: 1px solid #acacac;padding: 3px 5px; }
table.bordered td { vertical-align:top}
#pax th{ background-color: #d7a528 !important; color:#fff }
#pax input[type="checkbox"],#pax input[type="radio"]{margin:0 5px 0 0; vertical-align:middle}
.oldPrice{text-decoration:line-through; font-size:12px !important;}
.totale{font-weight:bold;}
table.bordered td.cellDiscount{background-color:#A7151F; color:#fff; font-weight:bold}

/*colonna laterale*/
.col-md-3 .offerta{margin-bottom:20px}
.col-md-3 .offerta .description{background-color:rgba(27, 22, 28, 0.9); padding:10px;}
.col-md-3 .offerta .description p,.col-md-3 .offerta .description p a{ color:#b7b7b7}
.col-md-3 .offerta .description p{line-height:14px;margin:0;}
.col-md-3 .offerta .description .prezzo{color:#fff; margin-top:5px;}

/*account*/
.barDivider{overflow:hidden;}
.barDivider li{ float:left; margin: 0 10px 0 0; padding: 0 15px 0 0;position:relative; text-transform:uppercase; font-weight:600}
.barDivider li:after {content: "|";position: absolute;right: 0; top: 0; color:#999}
.barDivider li.last:after{content: ""}
.barDivider li.active{color:#A7151F}
.barDivider li a{color:#999}

.data-table {border-collapse: collapse;width: 100%; margin-bottom:20px;}
.data-table thead th { background-color: #D7A528;border: 1px solid #dddddd;font-weight: bold;padding: 9px; color:#fff}
.data-table td {border: 1px solid #dddddd;padding: 15px;vertical-align: top;}


/*prenota*/
#PanelPrenotazione .barDivider li:after {content: ">";}
#PanelPrenotazione .barDivider li.last:after {content: "";}

/*news*/
.blog-date span{font-size:11px}
.widget-posts a{color:#000}
.blog-post .post-details {margin-top:20px;}
.blog-post .post-details .post-author{font-size:11px;}
.blog-post .post-details .post-title{margin-top:0;}
.blog-title a{margin:15px 0 10px}
.blog-title a span{font-weight:bold; font-size:14px;}
.blog-short-description span{font-size:13px; }

.widget-posts-details a{text-transform:uppercase; font-weight:bold}

/*social laterali*/
.socialLaterali{position: fixed; top: 125px; z-index: 10;  right: -14px;}
.socialLaterali:hover{right: -4px;}
.socialLaterali a{background-color: rgba(50, 50, 50, 0.8); border-radius: 4px; padding: 8px 24px 8px 14px;}
.socialLaterali a i{color: #fff;}

.travelagencyoffer .title{height:30px; overflow:hidden;margin-bottom:20px}
.travelagencyoffer p{margin:5px 0}

.pagination-out{padding-bottom:30px}
.pagination-out .owl-pagination{bottom:0px}
.button-red {
    background-color: #A7151F;
    border: 2px solid #A7151F;
}
.button-red:hover, .button-red:hover span, .button-red:hover i {
    color: #A7151F !important;
}
.travel-adventure  {
    border: 1px solid #000;
}
.img-right-destinazioni{

    float: left;
    margin-right: 110px;
    width: 400px;
}
#flagMobile {
    display: none
}

.highlight-button-red {
    border: 2px solid #AE2221;
    display: inline-block;
    padding: 8px 20px 9px;
    font-size: 12px;
    color: #fff;
    background-color: #AE2221;
}

    .highlight-button-red:hover {
        background-color: transparent;
        border: 2px solid #AE2221;
        color: #AE2221
    }

    .highlight-button-red i {
        color: #fff
    }

    .highlight-button-red:hover i {
        color: #AE2221
    }
@media (max-width: 1199px) {
    .nav > li{margin-left:10px;margin-right:10px}
    .tab-content figcaption h3{height:30px; overflow:hidden}
}
@media (max-width: 991px)
{
    #flag {display:none}
    #flagMobile{display:inline-block!important;padding-top:15px;float:inline-end;padding-right:10px}
    #accordion {margin-right:0!important}
}
@media (max-width: 768px)
{
    .best-hotels-img .black-text{height:auto;}
    .tab-content figcaption h3{height:auto;}
}

@media (max-width: 540px) {
    #PanelInvioPreventivo .button-reveal.button-reveal-black{display:block; margin:0 0 20px}
    .travelagencyoffer .title{height:auto; }
}

@media (max-width: 390px)
{
   #PanelInvioPreventivo .light-gray-text.pull-left, #PanelInvioPreventivo .light-gray-text.pull-right{float: none !important;margin-top: 20px !important;}
   #lblDataRitorno{clear: left; display: block; margin-bottom:20px}
}