/* Minification failed. Returning unminified contents.
(132,1): run-time error CSS1019: Unexpected token, found '}'
(785,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */

/**************************************************************************************************************
[Style.css]
Questo CSS è utilizzato per definire gli stili del sito web
***************************************************************************************************************/

body {
   xoverflow-x: hidden;
}



/*#region pagine interne del sito*/
/*INTESTAZIONE DEL LAYOUT DELLE PAGINE INTERNE*/

.page-header-website {
   width: 100%;
   height: 100vh;
   background-position: center;
   background-size: cover;
   position: relative;
}

   .page-header-website:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.3);
      z-index: 0;
   }


.internal-page-section-info {
}

/*#endregion widget pannello ricerca*/
/*titoli pagine interne*/
.page-title {
   text-align: center;
   color: #fff;
   font-size: 40px;
   font-weight: 900;
   font-family: 'Montserrat', sans-serif;
}

.page-description {
   text-align: center;
   color: #fff;
   font-size: 12px;
   font-family: 'Open Sans', sans-serif;
}

/*#endregion widget pannello ricerca*/
/*#region Lista Blog*/
.categories-list {
}

   .categories-list .categories-title {
      background-color: #00AEEF;
      color: #fff;
      font-size: 1.3rem;
      text-align: center;
      padding: 0.5rem;
      margin-bottom: 20px;
      text-transform: uppercase;
   }

   .categories-list ul {
      list-style: none;
      margin: 0;
      padding: 0;
   }

      .categories-list ul li {
         padding: 6px 0;
         border-bottom: 1px solid #00AEEF;
      }

         .categories-list ul li:first-child {
            border-top: 1px solid #00AEEF;
         }


/* Categorie*/
.categories-list {
}

   .categories-list .categories-title {
      background-color: #00AEEF;
      color: #fff;
      font-size: 1.3rem;
      text-align: center;
      padding: 0.5rem;
      margin-bottom: 20px;
   }

   .categories-list ul {
      list-style: none;
      margin: 0;
   }

      .categories-list ul li {
         padding: 6px 0;
         border-bottom: 1px solid #00AEEF;
      }

         .categories-list ul li:first-child {
            border-top: 1px solid #00AEEF;
         }
/*#endregion Lista Blog*/

/*#region comuni ai widget*/

.widget-description {
   text-align: center;
   font-weight: 300;
   color: #727272;
   font-size: 0.85rem;
}

.widget-title {
   text-align: center;
   font-weight: 500;
   color: #003263;
   font-size: 28px;
   margin-bottom: 0 !important;
}

}


.parallax {
   /* Create the parallax scrolling effect */
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.bg-4 .widget-title,
.bg-4 .widget-description,
.bg-4 .line-after-title:after,
.bg-4 .line-after-title:before {
   color: #fff;
   text-shadow: 2px 2px 7px #000000;
}
/*#endregion comuni ai widget*/

/*#region Ultimi Articoli Blog*/
.blog-articles {
}

   .blog-articles article {
      min-height: 40vh;
   }


   .blog-articles .border-2 {
      border: 1px solid #ccc !important;
   }

   .blog-articles article header .article-image {
      max-height: 16vh;
      width: 100%;
   }

   .blog-articles article header .article-title {
      font-weight: bold;
      margin-bottom: 0;
   }

   .blog-articles article header .article-categories {
   }

      .blog-articles article header .article-categories .badge {
         color: #fff;
         background-color: #ccc;
         font-size: 0.7rem;
      }

   .blog-articles article header time {
      position: absolute;
      top: 1.75rem;
      left: 1.5rem;
      padding: 0.25rem;
      background: #fff;
      border-radius: 2px;
      padding: 1rem;
      width: 90px;
   }

      .blog-articles article header time .day {
         border-bottom: 1px solid #ccc;
         padding-bottom: 0.25rem;
         margin-bottom: 0.25rem;
      }
/*#endregion Ultimi Articoli Blog*/

/*#region slider grande homepage*/

.big-slider {
   min-height: 100vh;
   height: auto;
   background-size: cover;
   background-position: center;
   position: relative;
}

   .big-slider::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      z-index: 1;
   }

.section-info {
   position: relative;
   top: 25%;
   z-index: 3;
}

.big-slider-active.owl-theme .owl-nav {
   width: 98% !important;
   position: absolute;
   left: 1%;
   top: 50%;
}

.big-slider .title {
   text-align: center;
   color: #fff;
}

.big-slider .btn-outline-light {
   background-color: transparent !important;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 0px;
}

   .big-slider .btn-outline-light:hover {
      background-color: transparent !important;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 0px;
   }

.big-slider .description {
   font-size: 2.2rem;
   text-align: center;
   color: #fff;
   font-family: 'Open Sans', sans-serif;
}

.big-slider-active.owl-theme .owl-nav .owl-prev {
   float: left;
   font-size: 50px;
   background: none;
   color: #fff;
   border-radius: 0px;
}

.big-slider-active.owl-theme .owl-nav .owl-next {
   float: right;
   font-size: 50px;
   background: none;
   color: #fff;
   border-radius: 0px;
}

/*#endregion slider grande*/

/*#region carosello offerte*/
.carousel-offer {
}

   .carousel-offer .offer-item {
      min-height: 40vh;
      position: relative
   }

   .carousel-offer .border-2 {
      border: 1px solid #ccc !important;
   }


   .carousel-offer .offer-item .item-image {
      max-height: 16vh;
      width: 100%;
   }

   .carousel-offer .offer-item .item-title {
      font-size: 1.1rem;
   }

   .carousel-offer .offer-item .item-description {
      font-size: 0.9rem;
   }

   .carousel-offer .offer-item .item-html {
      position: absolute;
      top: 1rem;
      right: 0;
      padding: 0.25rem 0.5rem;
      background-color: #00aeef;
      color: #fff;
      font-size: 0.9rem;
      font-weight: bold;
      border-radius: 4px 0 0 4px;
   }

   .carousel-offer .offer-item .item-footer {
      font-size: 0.9rem !important;
   }

      .carousel-offer .offer-item .item-footer .item-icon {
         color: #80B337;
      }

      .carousel-offer .offer-item .item-footer .item-link {
         background-color: #00AEEF;
      }

         .carousel-offer .offer-item .item-footer .item-link a {
            color: #fff;
         }

         .carousel-offer .offer-item .item-footer .item-link:hover {
            background-color: #80B337;
         }

         .carousel-offer .offer-item .item-footer .item-link:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-left: 20px solid #f5f5f5;
            border-bottom: 20px solid transparent;
         }
/*#endregion carosello offerte*/

/*#region carosello 2*/

/*CAROSELLO_2*/

.carousel_2 .dati {
   color: #666;
}

.carousel_2 .image {
   height: auto;
}

@media (max-width:767px) {
   .carousel_2 .image {
      height: auto !important;
   }
}

.carousel_2 .item-title {
}

.carousel_2 .item-descriprion {
}

.carousel_2 .item-html {
}

.carousel_2 .btn-1 {
   text-transform: uppercase;
   width: 70%;
   font-size: .9rem;
}

.carousel_2-active.owl-theme .owl-nav {
   position: absolute;
   top: 85%;
   left: -80px;
}

   .carousel_2-active.owl-theme .owl-nav .owl-prev {
      float: left;
      font-size: 2.0rem;
      background-color: transparent;
      color: #333;
      padding: 0;
   }

   .carousel_2-active.owl-theme .owl-nav .owl-next {
      float: right;
      font-size: 2.0rem;
      background-color: transparent;
      color: #333;
      padding: 0;
   }

.carousel_2-active.owl-theme .owl-dots {
   position: absolute;
   bottom: 3%;
   z-index: 2;
   width: 100%;
   text-align: center;
}


@media (max-width:767px) {
   .carousel_2-active.owl-theme .owl-nav {
      display: none
   }
}

/*FINE CAROSELLO_2*/
/*#endregion carosello 2*/

/*#region carosello 3*/
.carousel_3 {
   position: relative;
   background-size: cover;
   background-position: right;
   background-repeat: no-repeat;
}

   .carousel_3::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.75;
      background: #003363
   }

   .carousel_3 .offer-item {
      min-height: 15vh;
      border-left: 1px solid #fff;
      color: #fff;
      line-height: 1.5rem;
   }

      .carousel_3 .offer-item .item-title {
         font-size: 1.1rem;
         margin-bottom: 1rem;
      }

      .carousel_3 .offer-item .item-description {
         font-size: 0.9rem;
         margin-bottom: 1rem;
      }

   .carousel_3 .widget-title {
      font-weight: 300;
      color: #fff;
      margin-top: 2rem;
      font-size: 28px;
   }

   .carousel_3 .widget-description {
      font-weight: 300;
      color: #fff;
      margin-bottom: 2rem;
   }

   .carousel_3 .widget-content {
      font-weight: 300;
      color: #fff;
      margin-bottom: 2rem;
   }

   .carousel_3 .image-icon {
      margin-bottom: 1rem;
   }

   .carousel_3 .item-title {
      letter-spacing: .1rem;
      font-size: 1.0rem;
      margin-bottom: 1rem;
   }

   .carousel_3 .item-description {
      margin-bottom: 1rem;
   }
/*#endregion carosello_3*/

/*#region carosello 4*/

.topDest {
   margin: 10px 10px 10px 10px;
}

   .topDest .headings {
      text-align: center;
      color: #ff3d00;
      margin-bottom: 20px;
      font-weight: 600;
   }

   .topDest .destLinks {
      text-decoration: none;
      color: #000;
   }

   .topDest .destiBoxWrap {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid #d5e5ff;
      margin-bottom: 0px;
   }


      .topDest .destiBoxWrap .destiBox {
         text-align: center;
         padding: 20px 10px;
         background-color: #fff;
         width: 90%;
         height: 100%;
         position: absolute;
         left: 5%;
         top: 74%;
         transition: all ease 3s;
      }

         .topDest .destiBoxWrap .destiBox h4 {
            font-size: 1.2rem;
            font-weight: 600;
            margin-top: 5px;
            color: #012b72;
         }

         .topDest .destiBoxWrap .destiBox h5 {
            font-size: 18px;
            font-weight: 500;
         }

         .topDest .destiBoxWrap .destiBox span {
            line-height: 25px;
            color: #333;
         }


         .topDest .destiBoxWrap .destiBox .span {
            padding: 8px 20px;
         }

   .topDest .destLinks:hover .destiBox {
      top: 8%;
      transition: all ease 1s;
   }

   .topDest .icon {
      position: absolute;
      z-index: 3;
      top: -20px;
      left: 45%;
   }

.carousel_4 .owl-theme .owl-nav {
   width: 130% !important;
   position: absolute;
   top: 50%;
   left: -15%;
}

   .carousel_4 .owl-theme .owl-nav .owl-prev {
      float: left;
      background: #003363;
      font-size: 1.5rem;
      font-weight: 300;
   }

   .carousel_4 .owl-theme .owl-nav .owl-next {
      float: right;
      background: #003363;
      font-size: 1.5rem;
      font-weight: 300;
   }


@media (max-width: 767px) {
   .topDest .destiBoxWrap .destiBox {
      text-align: center;
      padding: 20px 10px;
      background-color: #fff;
      width: 90%;
      height: 100%;
      position: absolute;
      left: 5%;
      top: 85%;
      transition: all ease 3s;
   }

   .topDest .destLinks:hover .destiBox {
      top: 25%;
      transition: all ease 1s;
   }
}


/*#endregion carosello_4*/

/*#region carosello immagini tonde 1 elemento*/
.caroousel_5-bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   height: 50vh;
}

   .caroousel_5-bg::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
   }

.caroousel_5 .widget-title {
   color: #fff;
}


.caroousel_5 .item {
   border-left: none;
   margin: 0;
}

   .caroousel_5 .item .item-title {
      text-align: left;
      color: #fff;
      font-size: 1.2rem;
   }

   .caroousel_5 .item .item-description {
      text-align: left;
      color: #fff;
   }

   .caroousel_5 .item img {
      margin-bottom: 10px;
      width: 150px;
      height: 150px;
   }

   .caroousel_5 .item .btn {
      width: 80px;
   }

.carousel_5 .owl-theme .owl-nav {
   width: 110% !important;
   position: absolute;
   top: 30%;
   left: -5%;
}

   .carousel_5 .owl-theme .owl-nav .owl-prev {
      float: left;
      background: #003363;
      font-size: 1.5rem;
      font-weight: 300;
   }

   .carousel_5 .owl-theme .owl-nav .owl-next {
      float: right;
      background: #003363;
      font-size: 1.5rem;
      font-weight: 300;
   }

/**MEDIA QUERIES*/

/* Small devices */
@media (max-width: 768px) {

   .caroousel_5 .item .item-title {
      text-align: center;
      margin-top: 1rem;
   }

   .caroousel_5 .item .item-description {
      text-align: center;
   }

   .caroousel_5 .item img {
      margin: auto;
      width: 150px;
      height: 150px;
   }

   .caroousel_5 .item .btn {
      width: 80px;
      text-align: center;
      margin-top: 1rem;
      margin-left: 45%;
   }
}

/*#endregion carosello immagini tonde 1 elemento*/

/*#region carosello 6 cataloghi*/

.carousel_6-bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.carousel_6 .box-cataloghi {
   position: relative;
   transition: all .2s ease-out 0s;
   cursor: pointer;
}

   .carousel_6 .box-cataloghi .box-content, .box-cataloghi:after {
      position: absolute;
      left: 10px;
      right: 10px
   }

   .carousel_6 .box-cataloghi:after {
      content: "";
      display: block;
      background: #181751;
      top: 10px;
      bottom: 10px;
      opacity: 0;
      transition: all .4s ease-in-out 0s
   }

   .carousel_6 .box-cataloghi:hover:after {
      opacity: .9;
   }

   .carousel_6 .box-cataloghi img {
      width: 100%;
      height: auto;
      border: 2px solid #e2e2e2;
   }

   .carousel_6 .box-cataloghi .box-content {
      top: 45%;
      opacity: 0;
      z-index: 1;
      -webkit-transform: translate(0%,-30%);
      transition: all .2s ease-out 0s;
      padding: .5rem;
   }

   .carousel_6 .box-cataloghi:hover .box-content {
      opacity: 1;
      transition-delay: .2s
   }

   .carousel_6 .box-cataloghi .title {
      display: block;
      font-size: 1.2rem;
      font-weight: 700;
      color: #fff;
      margin: 0 0 10px
   }

   .carousel_6 .box-cataloghi .post {
      display: block;
      font-size: .8rem;
      color: #fff;
      margin-bottom: 20px;
      padding: 1rem;
   }

   .carousel_6 .box-cataloghi .link {
      padding: 0;
      margin: 0;
      list-style: none:
   }

      .carousel_6 .box-cataloghi .link li {
         display: inline-flex;
         justify-content: center;
         flex-wrap: wrap;
      }

         .carousel_6 .box-cataloghi .link li a {
            display: block;
            width: 35px;
            height: 35px;
            background: #f7f7b9;
            border-radius: 50%;
            font-size: 17px;
            color: rgb(38, 71, 152);
            line-height: 35px;
            margin-right: 5px;
            transition: all .4s ease-in-out 0s;
            text-align: center;
         }

            .carousel_6 .box-cataloghi .link li a:hover {
               color: #fff;
               background: rgb(38, 71, 152)
            }

/*#endregion carosello 6*/

/*#region carosello box quadrati*/
.carousel-box-quadrati {
   position: relative;
   background-size: cover;
   background-position: right;
   background-repeat: no-repeat;
}

   .carousel-box-quadrati::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.75;
      background: #003363
   }

   .carousel-box-quadrati .offer-item {
      min-height: 15vh;
      border-left: 1px solid #fff;
      color: #fff;
      line-height: 1.5rem;
   }

      .carousel-box-quadrati .offer-item .item-title {
         font-size: 1.1rem;
         margin-bottom: 1rem;
      }

      .carousel-box-quadrati .offer-item .item-description {
         font-size: 0.9rem;
         margin-bottom: 1rem;
      }

   .carousel-box-quadrati .widget-title {
      font-weight: 300;
      color: #fff;
      margin-top: 2rem;
      font-size: 28px;
   }

   .carousel-box-quadrati .widget-description {
      font-weight: 300;
      color: #fff;
      margin-bottom: 2rem;
   }

   .carousel-box-quadrati .widget-content {
      font-weight: 300;
      color: #fff;
      margin-bottom: 2rem;
   }

   .carousel-box-quadrati .image-icon {
      margin-bottom: 1rem;
   }

   .carousel-box-quadrati .item-title {
      letter-spacing: .1rem;
      font-size: 1.0rem;
      margin-bottom: 1rem;
   }

   .carousel-box-quadrati .item-description {
      margin-bottom: 1rem;
   }
/*#endregion carosello box quadrati*/


/*#region GRIGLIA 1 */
.griglia_1 .item-dati {
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 25%;
   width: 50%;
   text-align: center;
   color: #fff;
}

.griglia_1 .item-image img {
   max-width: 100%;
   height: auto;
}

.griglia_1 .offers-grid-btn {
   top: 50% !important;
}

.griglia_1 .btn-1 {
   text-transform: uppercase;
   min-width: 50%;
   font-size: .9rem;
}

.griglia_1-active.owl-theme .owl-nav {
   position: absolute;
   top: 85%;
   left: -80px;
}

   .griglia_1-active.owl-theme .owl-nav .owl-prev {
      float: left;
      font-size: 2.0rem;
      background-color: transparent;
      color: #333;
      padding: 0;
   }

   .griglia_1-active.owl-theme .owl-nav .owl-next {
      float: right;
      font-size: 2.0rem;
      background-color: transparent;
      color: #333;
      padding: 0;
   }

.griglia_1-active.owl-theme .owl-dots {
   position: absolute;
   bottom: 3%;
   z-index: 2;
   width: 100%;
   text-align: center;
}

@media (max-width:767px) {
   .griglia_1-active.owl-theme .owl-nav {
      display: none
   }
}
/*#endregion GRIGLIA 1*/

/********************************************************************************
  DA QUI INIZIANO LE OFFERTE E IL SUO CSS DA PRENDERE IN CONSIDERAZIONE
*********************************************************************************/
/*#region OFFERTE DI TIPO FOTO

/*OFFERTE TEMPLATE_TIPO FOTO + TESTO SOPRA CON ANIMAZIONE*/
.offerte_3 .thumbnail-title {
   font-size: 1.2rem;
   margin-top: 5px;
}

.offerte_3 .img-thumb-bg {
   padding: 0;
   overflow: hidden;
   min-height: 380px;
   position: relative;
   border-radius: 3px;
   background-position: center;
   background-color: transparent;
   background-position: middle center;
   background-size: cover;
   background-repeat: no-repeat;
}

   .offerte_3 .img-thumb-bg p {
      color: #fff;
      margin-bottom: 0;
      line-height: 16px;
   }

   .offerte_3 .img-thumb-bg .thumb-overlay {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      transition: all 0.3s ease-in-out;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+56,0.65+100 */
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0.30) 56%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 56%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 56%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
   }

   /*setta la posizone iniziale del blocco dei contenuti nascondendo una parte del resto del testo*/
   .offerte_3 .img-thumb-bg .caption {
      top: 240px;
      /*height: 125px;*/
      font-size: 12px;
      position: absolute;
      padding: 1rem;
      transition: all 0.3s ease-in-out;
   }

.offerte_3 .card-star {
   color: #f3c200
}

.offerte_3 .template_3_oldprice {
   background: #61d0bf;
   position: absolute;
   top: 3.5rem;
   right: 1rem;
   z-index: 1;
   color: #666;
   padding: .2rem;
   width: 80px;
   text-align: center;
}

.offerte_3 .template_3_price {
   background: linear-gradient(to right, rgba(80,185,166,1) 0%,rgba(38,71,152,1) 100%);
   position: absolute;
   top: 1rem;
   right: 1rem;
   z-index: 1;
   color: #fff;
   padding: 0.5rem;
   width: 80px;
   text-align: center;
   font-size: 1.0rem;
   font-weight: bold;
}


.offerte_3 .img-thumb-bg .caption .title {
   margin-top: 5px;
   font-size: 18px;
   line-height: 20px;
   text-transform: uppercase;
}

   .offerte_3 .img-thumb-bg .caption .title a {
      color: #fff;
   }

      .offerte_3 .img-thumb-bg .caption .title a:hover {
         color: #fff;
         text-decoration: underline;
         cursor: pointer;
      }

.offerte_3 .destination {
   font-size: 1rem;
   margin-top: 5px;
   color: #fff;
   position: absolute;
   left: 1rem;
   top: 1rem;
   font-weight: bold;
}

.offerte_3 .img-thumb-bg .caption .meta-data {
   color: #777;
   font-size: 12px;
   line-height: 12px;
   margin-bottom: 15px;
}

   .offerte_3 .img-thumb-bg .caption .meta-data a {
      color: #777;
   }

      .offerte_3 .img-thumb-bg .caption .meta-data a .fa {
         color: #2980B9;
      }

      .offerte_3 .img-thumb-bg .caption .meta-data a:hover {
         color: #2980B9;
      }

.offerte_3 .img-thumb-bg .caption .content {
   display: none;
}

.offerte_3 .img-thumb-bg:hover .overlay {
   background: rgba(46, 49, 58, 0.8);
}

/*cambia la posizione al onmouseover spostando il blocco dei contenuti*/
.offerte_3 .img-thumb-bg:hover .caption {
   top: 150px;
}

   .offerte_3 .img-thumb-bg:hover .caption .content {
      display: block;
   }

/*#endregion */


/*OFFERTE TEMPLATE_TIPO 7 FOTO + TESTO SOPRA SENZA ANIMAZIONE*/
.offerte_7 {
   padding: 2rem;
}

   .offerte_7 .section-info {
      text-align: center;
      padding: 20px;
      color: #fff;
   }

      .offerte_7 .section-info .pre-title {
         color: #fff;
         font-size: 14px;
         font-family: 'Open Sans', sans-serif;
         text-transform: uppercase;
      }


      .offerte_7 .section-info .title {
         color: #fff;
         font-size: 24px;
         font-family: 'Montserrat', sans-serif;
         font-weight: 900;
      }


.img-bg {
   padding: 0;
   overflow: hidden;
   min-height: 300px;
   width: 100%;
   height: auto;
   position: relative;
   background-position: center;
   background-position: middle center;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #d7021e;
   position: relative;
}

   .img-bg:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      z-index: 0
   }

   .img-bg:hover {
      background: red !important;
      -moz-transition: all 1s ease-in;
      /* WebKit */
      -webkit-transition: all 1s ease-in;
      /* Opera */
      -o-transition: all 1s ease-in;
      /* Standard */
      transition: all 1s ease-in;
   }

/*#endregion */



/*#region OFFERTE DI TIPO CATEGORIA*/
.category_offer_1 {
   min-height: 280px;
   height: auto;
   position: relative;
   z-index: 0;
}

   .category_offer_1::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      z-index: 0;
   }

.text-container {
   position: relative;
   z-index: 1;
}

.category_offer_1_nav {
   margin-bottom: 1rem;
}

   .category_offer_1_nav li .active {
      background: #003263 !important;
      color: #fff !important;
   }

      .category_offer_1_nav li .active:hover {
         background: #003263 !important;
         color: #fff !important;
      }

   .category_offer_1_nav li a {
      background: #ECF1F5 !important;
      color: #727272 !important;
   }

      .category_offer_1_nav li a:hover {
         background: #ECF1F5;
         color: #003263 !important;
      }

.category_offer_1 .card-star {
   color: yellow;
   position: absolute;
   z-index: 3;
   bottom: 3.5rem;
   left: 1rem;
   font-size: .7rem;
}

.category_offer_1 .card-title {
   color: #fff;
   position: absolute;
   z-index: 3;
   bottom: 5rem;
   left: 1rem;
   font-weight: bold;
}

.category_offer_1 .destination {
   color: #fff;
   position: absolute;
   z-index: 3;
   bottom: 3.5rem;
   left: 1rem;
}

.category_offer_1 .btn-1 {
   color: #fff;
   position: absolute;
   z-index: 3;
   bottom: 1rem;
   left: 1rem;
}

/*.offer-category-tab .offers-grid-btn {
   display:none;
}*/
/*#endregion OFFERTE DI TIPO CATEGORIA*/
/*#endregion */
/*#region  OFFERTE DI TIPO CARD
/* OFFERTE DI TIPO CARD*/
.card-img-top {
   min-height: 200px;
}

/*varia 'altezza della foto in mobile*/
@media (max-width: 767px) {
   .card-img-top {
      min-height: 250px;
      height: auto;
   }
}

.card.card-offer {
   border: 1px solid #f0f0f0;
   border-radius: 0px !important;
   box-shadow: 0 2px 3px rgba(0,0,0,.09);
   width: 100%;
}

.card-offer .card-title {
   font-weight: bold;
   color: #38383A;
   font-size: 14px;
   text-transform: uppercase
}

   .card-offer .card-title:hover {
      font-weight: bold;
      color: #61D0BF;
      font-size: 14px;
      text-transform: uppercase
   }

.card-offer .card-price {
   font-weight: bold;
   color: #003263;
   font-size: 24px;
}

.card-offer .old-price {
   font-size: 20px;
   color: #a51e36;
}


.card-offer .card-text {
   font-weight: 300;
   color: #666;
   font-size: 14px;
}

.card-offer .card-star {
   font-weight: bold;
   color: #FFA11A;
   font-size: 0.8rem;
}

.card-offer .Field1 {
   font-size: .8rem;
   color: #EF7C0A;
   font-weight: 600;
}
/**campi di liberi field per il box offerta di tipo card-offer*/
.card-offer .Field2 {
}

.card-offer .Field3 {
}

.card-offer .Field4 {
}
/***** FINE TEMPLATE DI TIPO CARD*/
/*#endregion */


/*#region carosello offerte 
/*SETTA LA CLASSE DELLE FRECCE NEI BOX DI TIPO OFFESRTE CAROSELLO*/

.owl-carosello-offerte .owl-stage {
   display: flex;
}

.owl-carosello-offerte .owl-nav {
   position: absolute;
   top: 50%;
   width: 104%;
   left: -2%;
   height: 20px;
}

.owl-carosello-offerte .owl-prev {
   position: absolute;
   display: block;
   background: #003363;
   padding: .25rem .5rem;
   color: #fff;
   left: -2%;
   font-size: 1.5rem;
}


.owl-carosello-offerte .owl-next {
   position: absolute;
   right: -2%;
   display: block;
   background: #003363;
   padding: .25rem .5rem;
   color: #fff;
   font-size: 1.5rem;
}

/*#endregion */

/*#region PARTE DELLE MEDIA QUERIES DA RIVEDERE */


@media all and (max-width: 3000px) {
   .big-slider {
      min-height: 100vh;
      height: auto;
      background-size: cover;
      background-position: center;
      position: relative;
   }

   [dg-role="search-panel"] {
      position: absolute;
      z-index: 3;
      width: 100%;
      xleft: 15vh;
      top: 75vh;
   }

   .section-info {
   }
}


@media all and (max-width: 1280px) {

   .big-slider {
      min-height: 100vh;
      height: auto;
      background-size: cover;
      background-position: center;
      position: relative;
   }


   [dg-role="search-panel"] {
      position: absolute;
      z-index: 3;
      width: 100%;
      xleft: 25vh;
      top: 75vh;
   }
}

@media all and (max-width: 980px) {

   .big-slider {
      min-height: 100vh;
      height: auto;
      background-size: cover;
      background-position: center;
      position: relative;
   }

   .section-info {
      display: none;
   }

   [dg-role="search-panel"] {
      position: absolute;
      z-index: 3;
      width: 100%;
      xleft: 2%;
      top: 75vh;
      margin: auto;
   }
}

@media all and (max-width: 767px) {

   .big-slider {
      min-height: 600px;
      height: auto;
      background-size: cover;
      background-position: center;
      position: relative;
   }


   [dg-role="search-panel"] {
      position: absolute;
      z-index: 3;
      width: 100%;
      xleft: 2%;
      top: 200px;
      margin: auto;
   }

   .panel-navs {
      width: 100%
   }
}



/*#endregion PARTE DELLE MEDIA QUERIES DA RIVEDERE */



/*#region GRIGLIA PER MAMBERTO */

.gridywrap div[class*=gridy] {
   background: #023b72;
   padding: 0;
   float: left;
   position: relative;
   width: 100%;
}

.gridywrap .gridy-1 {
   width: 350px;
   overflow: hidden;
}

.gridywrap .gridy-1 {
   width: 100%;
}


.gridywrap .gridyhe-1 {
   height: 400px;
}



@media screen and (min-width: 640px) {
   .gridywrap .gridyhe-1 {
      height: 350px;
   }

   .gridywrap {
      width: 100%;
   }

      .gridywrap .gridy-1 {
         width: 50%;
      }
}

@media screen and (min-width: 1024px) {
   .gridywrap .gridy-1 {
      width: 33.3%;
   }

   .gridywrap .gridyhe-1 {
      height: 400px;
   }
}

/*styling*/
.gridywrap .gridimg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   background-position: center center;
   background-size: cover;
}

   .gridywrap .gridimg img {
      width: 100%;
      position: relative
   }

   .gridywrap .gridimg::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
   }

.gridywrap .gridinfo {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: none;
   text-align: center;
   transition: all 0.8s;
   padding: 1rem;
   color: white;
}

   .gridywrap .gridinfo h3 {
      font-size: 24px;
      color: #fff;
      font-weight: 900;
      margin: 180px 0 20px;
      position: relative;
      font-family: 'Montserrat', sans-serif;
   }

      .gridywrap .gridinfo h3:after {
         content: '';
         width: 25px;
         display: block;
         xmargin: 0 auto;
         margin-top: 20px;
      }


   .gridywrap .gridinfo .gridmeta {
      transition-delay: 0.25s;
   }

      .gridywrap .gridinfo .gridmeta p {
         display: inline-block;
         font-size: 13px;
         color: #fff;
         margin-bottom: 15px;
      }

         .gridywrap .gridinfo .gridmeta p i {
            margin-right: 5px;
         }

         .gridywrap .gridinfo .gridmeta p.gridwho {
            margin-left: 25px;
         }

   .gridywrap .gridinfo p.gridexerpt {
      width: 100%;
      margin: 0 auto;
      line-height: 22px;
      margin-bottom: 25px;
      color: #fff;
      transition-delay: 0.5s;
   }

.gridinfo:first-child {
   text-align: left;
}

.gridywrap .gridinfo * {
   opacity: 0;
   transition: all 0.8s;
}

.gridywrap .gridinfo h3 {
   opacity: 1;
}

.gridywrap .gridinfo a.offerlink {
   opacity: 1;
   color: #fff;
   font-family: 'Montserrat', sans-serif;
}

.gridywrap .description {
   opacity: 1;
}

.description span {
   font-size: 12px;
}

.gridywrap .gridinfo .grid-btn {
   color: #fff;
   text-decoration: none;
   line-height: 35px;
   display: block;
   overflow: hidden;
   text-align: center;
   font-weight: bold;
   display: flex;
   justify-content: center;
   margin: auto;
}

   /*.gridywrap .gridinfo .grid-btn:hover {
         margin:auto
      }*/

   .gridywrap .gridinfo .grid-btn span {
      opacity: .5;
      display: inline;
   }

   .gridywrap .gridinfo .grid-btn:hover span {
      opacity: 1;
      display: inline;
   }

   .gridywrap .gridinfo .grid-btn:hover i {
      opacity: 0;
      display: none;
   }

.gridywrap .gridinfo:hover * {
   opacity: 1;
}

.gridywrap .gridinfo:hover p {
   opacity: 1;
}

.gridywrap .gridinfo:hover:first-child {
   background: none;
}

.gridywrap .gridinfo:hover {
   background: #d7021e;
}

   .gridywrap .gridinfo:hover h3 {
      margin-top: 70px;
      opacity: 1;
   }

.intro {
   text-align: center;
   padding: 25px;
   background: #111;
   color: #ddd;
}

h1 {
   font-size: 48px;
   font-weight: 300;
   padding: 15px 0;
}

.intro p {
   opacity: 0.5;
   font-size: 12px;
}

   .intro p a {
      color: #FA8CD3;
   }

/*#endregion GRIGLIA PER MAMBERTO */


/*#region MAMBERTO HOTELS */
.mamberto-hotels {
   font-size: .8rem;
   text-align: justify;
}

   .mamberto-hotels .title {
      color: #d7021e;
      font-size: 1.5rem;
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
   }

   .mamberto-hotels .btn-icon {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      font-family: FontAwesome;
      background-image: url(https://freeiconshop.com/wp-content/uploads/edd/youtube-flat.png;);
      background-size: contain;
      padding: 20px;
   }
/*#endregion MAMBERTO HOTELS */

/*#region carosello claim */
.newsletter__claims {
   min-height: 237px;
   height: auto;
   color: #fff;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}


   .newsletter__claims .title {
      font-size: .8rem;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-weight: 600;
      text-align: center;
   }

   .newsletter__claims .description {
      font-size: 30px;
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
   }

   .newsletter__claims .button {
      margin: auto !important;
      text-align: center !important;
   }


   .newsletter__claims .btn-outline-light {
      margin: auto !important;
      text-align: center !important;
      background-color: none;
      border: 1px solid #fff;
      background-color: transparent !important;
      border-radius: 0px;
      color: #fff;
   }

   .newsletter__claims .owl-nav {
      top: 30% !important;
      width: 98%;
      position: absolute;
   }

   .newsletter__claims .owl-prev {
      float: left;
      background: transparent !important;
      font-size: 40px !important;
   }

   .newsletter__claims .owl-next {
      float: right;
      background: transparent !important;
      font-size: 40px !important;
   }

.newsletter__title {
   font-size: 1.5rem;
   color: #fff;
}

.newsletter__send-button {
   margin: auto !important;
   text-align: center !important;
   background-color: none;
   border: 1px solid #fff;
   background-color: #333;
   border-radius: 0px;
   color: #fff;
   padding: .5rem;
}
/*#endregion carosello claim */

/*#region cataloghi griglia */

.catalog-title {
   font-size: 1.8rem;
   font-family: 'Montserrat', sans-serif;
   font-weight: 900;
   color: #d7021e;
}

.catalog-sub-title {
   color: #707070;
   font-size: 12px;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 3rem;
   margin-top: .5rem;
   text-transform: uppercase;
   text-align: center;
}

.catalogo-item:first-child {
   background-color: #2671aa;
}

.catalogo-item {
   background-color: #023b72;
}

.catalogo-title {
   font-size: 1rem;
   color: #fff;
}

.link-vedi-tutti .btn-icon {
   font-weight: bold;
   color: #d7021e;
}

.box-cataloghi ul {
   list-style-type: none;
}

.box-cataloghi a {
   color: #fff;
   font-weight: bold;
}
/*#endregion cataloghi griglia */
.grid-2-item-title {
   color: #d7021e;
   font-size: 32px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 900;
}

.grid-2-item-description {
   color: #707070;
   font-size: 12px;
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
}

/*#regionofferte 7 */
.offerte-7-title {
   font-size: 32px;
   color: #fff;
   font-family: 'Montserrat', sans-serif;
   font-weight: 900;
}

.offerte-7-sub-title {
   color: #fff;
   font-size: 12px;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 3rem;
   text-transform: uppercase;
}


.offerte-7-card-offer {
   min-height: 500px;
   height: auto;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   padding-left: 2rem;
   padding-right: 2rem;
   padding-bottom: 4rem !important;
   max-width: 400px;
   width: auto;
}

.offerte-7-card-title {
   color: #d7021e;
   font-size: 24px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 900;
   /*margin-bottom: 1rem;*/
   text-transform: uppercase;
}

   .offerte-7-card-title:hover {
      color: #d7021e;
      font-size: 24px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
   }

.offerte-7-card-text {
}


.offerte-7-Field1 {
   margin-top: 1rem;
   color: #666;
   font-size: 14px;
   /*margin-bottom: .5rem;*/
   text-transform: uppercase;
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
   margin-top: 0;
}

.offerte-7-card-price {
   color: #333;
   font-size: 40px;
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   margin-top: 5px;
   ;
}

   .offerte-7-card-price small {
      color: #666;
      font-size: 16px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 300;
   }

.offerte-7-section-info {
   position: relative;
   top: 20px;
   /*transition: all 0.8s ease;*/
   transition: all 1s ease-in-out;
   display: flex;
   flex-direction: column;
   min-height: 100%;
   height: auto;
}

   .offerte-7-section-info:hover {
      top: 0px;
   }

.offerte-7.btn.btn-1 {
   /*position: absolute;
   bottom: 1rem;*/
   background-color: #d7021e !important;
   border-radius: 0px;
   margin-top: auto;
   width: 50%;
}


.carosello-offerte-7-active .owl-nav {
   width: 98% !important;
   position: absolute;
   left: 1%;
   top: 50%;
   font-size: 50px;
   color: #fff;
}

.carosello-offerte-7-active .owl-prev {
   float: left;
}

.carosello-offerte-7-active .owl-next {
   float: right;
}

/*#endregionofferte 7 */