/*classe sovrascritta solo per la homepage*/
.Section-grey {
	padding-top:2%;
	padding-bottom:3%;
}

.Section-white {
	padding-top:2%;
	padding-bottom:1%;
}

section:nth-of-type(3){
	background-color:#EBEBEB;
}

/*classe aggiunta per allineare i contenuti alle tab*/
.col-12.tab-content {padding:0px;}

.panel-container{
	z-index:9999;
	max-width:1190px;
	padding-right:15px;
	padding-left:15px;
	margin-right: auto;
	margin-left: auto;
}


.home-search-panel {
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow:0 0 15px #666;
	box-shadow: 0 0 15px #666;
	margin-top:20px !important; 
	margin-bottom:10px;
	height:90px;
   }


.tab-content.panel-content {

    padding-left: 15px;
    padding-right: 15px;

}



.home-search-panel.on-focus {
   min-height: 540px;
   z-index:99;
}

.home-search-panel.on-focus .form-control {
   min-height: 540px;
  -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 90;
	}


@media(max-width: 991px) {
   .home-search-panel {
      min-height: 340px;
	  -moz-box-shadow: 0 0 15px #333333;
	-webkit-box-shadow:0 0 15px #333333;
	box-shadow: 0 0 15px #333333;
   }

      .home-search-panel.on-focus {
      }
	
}

@media(max-width: 767px) {
	
	.home-search-panel {
		width: 100% !important;
		height: 327px;
		-moz-box-shadow: 0 0 15px #333333;
	-webkit-box-shadow:0 0 15px #333333;
	box-shadow: 0 0 15px #333333;

	}

      .home-search-panel.on-focus {
         width: 100% !important;
         min-height: 640px;
      }

   .slide-title {
      margin-left: 0;
      width: 100% !important;
   }
}

/*======================================
   Popular Destination CSS
========================================*/
.img-circle {
   border-radius: 100%
   }

.NostriServizi {
   text-align: center;
   padding: 80px 0 120px;
}

   .NostriServizi .title-line {
      margin-bottom: 40px;
   }

   .NostriServizi .single-destination {
      position: relative;
      margin-top: 30px;
      overflow: hidden;
   }

      .NostriServizi .single-destination::before {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         opacity: 0.7;
         background: #000;
         opacity: 0;
         visibility: hidden;
         -webkit-transition: all 0.4s ease;
         -moz-transition: all 0.4s ease;
         transition: all 0.4s ease;
         content: "";
         z-index: 3;
      }

      .NostriServizi .single-destination:hover:before {
         opacity: 0.6;
         visibility: visible;
      }

      .NostriServizi .single-destination img {
         width: 100%;
      }

      .NostriServizi .single-destination:hover img {
         -webkit-transform: scale(1.5);
         -moz-transform: scale(1.5);
         transform: scale(1.5);
      }

   .NostriServizi .hover {
      position: absolute;
      top: 50%;
      width: 100%;
      color: #fff;
      font-size: 24px;
      text-transform: uppercase;
      margin-top: -38px;
      z-index: 4;
   }

      .NostriServizi .hover .price {
         font-size: 18px;
         color: #fff;
         font-weight: 700;
         opacity: 0;
         visibility: hidden;
         position: relative;
         -webkit-transform: translateY(-30px);
         -moz-transform: translateY(-30px);
         transform: translateY(-30px);
         -webkit-transition: all 0.4s ease;
         -moz-transition: all 0.4s ease;
         transition: all 0.4s ease;
      }

   .NostriServizi .single-destination:hover .price {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
   }

   .NostriServizi .hover .price span {
      color: #D75124;
   }

.p-destination .hover .name {
   color: #fff;
   font-size: 24px;
}

.NostriServizi .single-destination:hover .name {
   color: #D75124;
}

.p-destination .hover .location {
   font-size: 15px;
   color: #fff;
   opacity: 0;
   visibility: hidden;
   position: relative;
   -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
   transform: translateY(30px);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.NostriServizi .single-destination:hover .location {
   opacity: 1;
   visibility: visible;
   transform: translateY(0px);
}
/*======================================
   End Popular Destination CSS
========================================*/


/*======================================
CAROSELLO
========================================*/
.popular-trips.section.overlay-white {
   padding-top: 0px;
}


#home-page-slider-image .owl-prev {

    position: absolute;
    top: 25vh;
    left: 10px;
	background-color:#59C3F3 ;
	font-size:30px;
	padding:20px;
	

}

#home-page-slider-image .owl-next {

    position: absolute;
    top: 25vh;
    right: 10px;
	background-color:#59C3F3 ;
	font-size:30px;
	padding:20px;
	

}

/*======================================
   End Popular Trips CSS
========================================*/

/*======================================
Trip Single CSS
========================================*/
.trip-single {
   padding: 70px 0 100px;
}

   .trip-single .trip-details {
      margin-top: 30px;
   }

   .trip-single .gallery-slider,
   .trip-single .single-slider {
      height: 450px;
   }

      .trip-single .single-slider img {
         width: 100%;
         height: 100%;
      }

   .trip-single .owl-controls {
   }

      .trip-single .owl-controls .owl-nav {
      }

         .trip-single .owl-controls .owl-nav div {
            position: absolute;
            top: 50%;
            background: transparent;
            font-size: 40px;
            margin: 0;
            margin-top: -30px;
            width: 40px;
            height: 40px;
            padding: 0;
            line-height: 60px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
         }

            .trip-single .owl-controls .owl-nav div:hover {
               background: #D75124;
               height: 60px;
            }

            .trip-single .owl-controls .owl-nav div.owl-prev {
               left: 0;
            }

            .trip-single .owl-controls .owl-nav div.owl-next {
               right: 0;
            }

   .trip-single .trip-content {
      margin-top: 40px;
   }

   .trip-single .trip-head {
      margin-bottom: 40px;
   }

      .trip-single .trip-head h2 {
         color: #42464d;
         margin-bottom: 20px;
         padding-bottom: 20px;
         position: relative;
         display: inline-block;
      }

         .trip-single .trip-head h2:before {
            position: absolute;
            left: 0;
            width: 46px;
            height: 2px;
            background: #D75124;
            bottom: -1px;
            content: "";
         }

      .trip-single .trip-head p {
         font-size: 20px;
         color: #000000;
         font-weight: 400;
      }

         .trip-single .trip-head p span {
            color: #D75124;
            font-weight: 700;
         }

      .trip-single .trip-head .price {
         font-size: 32px;
      }

   .trip-single .trip-content p {
      font-size: 16px;
      font-weight: 300;
   }

   .trip-single .trip-tab {
      margin-top: 60px;
   }

   .trip-single .trip-tab-inner {
      margin-top: 60px;
   }

   .trip-single .nav-tabs {
   }

      .trip-single .nav-tabs li {
         margin-right: 40px;
      }

         .trip-single .nav-tabs li a {
            background: transparent;
            border-bottom: 4px solid transparent;
            border-top: none;
            border-right: none;
            border-left: none;
            color: #000000;
            text-transform: uppercase;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
         }

            .trip-single .nav-tabs li a.active, .trip-single .nav-tabs li a:hover {
               color: #D75124;
               border-bottom-color: #D75124;
            }

   .trip-single .tab-content .tab-pane {
   }

      .trip-single .tab-content .tab-pane p {
         margin-top: 20px;
         font-weight: 300;
         font-size: 16px;
      }
/*======================================
    End Trip Single CSS
========================================*/



/*======================================
   Blog CSS
========================================*/
.blog-area .single-blog {
   margin-top: 30px;
   position: relative;
   border: 1px solid #F2F2F2;
   -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06);
   -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06);
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
}


   .blog-area .single-blog:hover {
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
   }

.blog-area .blog-head {
   display: flex;
   height: 245px;
   overflow: hidden;
   align-items: center;
   justify-content: center;
}


   .blog-area .blog-head img {
      align-self: center;
   }

.blog-area .blog-content {
   padding: 30px 20px;
}

   .blog-area .blog-content span {
      font-weight: 500;
      color: #D75124;
      margin-bottom: 10px;
      display: inline-block;
   }

   .blog-area .blog-content h4 {
      font-size: 18px;
      line-height: 28px;
   }

      .blog-area .blog-content h4 a {
         text-transform: initial;
         color: #424646;
      }

      .blog-area .blog-content h4:hover a {
         color: #D75124;
      }

   .blog-area .blog-content .btn.primary:hover {
      color: #D75124;
   }

   .blog-area .blog-content .btn.primary {
      margin-top: 25px;
      background: transparent;
      padding: 0;
      color: #6E6E6E;
      border-bottom: 2px solid;
      padding-bottom: 5px;
      border-radius: 0px;
   }
/* Blog Style Two */
.blog-area.style2 .single-blog {
   border: 1px solid #e5e5e5;
}

   .blog-area.style2 .single-blog::before {
      background: #D75124;
      opacity: 0;
      visibility: hidden;
   }

   .blog-area.style2 .single-blog img {
      opacity: 0;
      visibility: hidden;
   }

   .blog-area.style2 .single-blog.active img {
      opacity: 1;
      visibility: visible;
   }

.blog-area.style2 .blog-content {
   position: absolute;
   top: 0;
   padding: 45px;
   width: 100%;
   height: 100%;
   margin: 0;
   border: none;
}

   .blog-area.style2 .blog-content span {
      font-weight: 400;
      color: #555555;
      font-size: 16px;
      margin-bottom: 30px;
      display: inline-block;
      text-transform: capitalize;
   }

   .blog-area.style2 .blog-content h4 {
      font-size: 32px;
      font-weight: 400;
      line-height: 38px;
   }

   .blog-area.style2 .blog-content p {
      padding-top: 160px;
      color: #555555;
      display: block;
   }

      .blog-area.style2 .blog-content p a {
         color: #757575;
      }

.blog-area.style2 .single-blog.active {
}

   .blog-area.style2 .single-blog.active:before {
      opacity: 0.7;
      visibility: visible;
   }

   .blog-area.style2 .single-blog.active .blog-content span,
   .blog-area.style2 .single-blog.active .blog-content h4 a,
   .blog-area.style2 .single-blog.active .blog-content p,
   .blog-area.style2 .single-blog.active .blog-content p a {
      color: #fff;
   }

/* Blog Archive */
.blog-area.archive {
   padding: 90px 0 120px;
}

   .blog-area.archive .blog-content .btn.primary {
      background: #D75124;
      padding: 12px 25px;
      color: #fff;
      border: none;
      border-radius: 0px;
      border: 1px solid transparent;
   }

      .blog-area.archive .blog-content .btn.primary:before {
         border-radius: 0px;
      }

      .blog-area.archive .blog-content .btn.primary:hover {
         border-color: #e5e5e5;
         color: #D75124;
      }

   .blog-area.archive .blog-content span {
      color: #6e6e6e;
      font-weight: 400;
   }

   .blog-area.archive .blog-content h4 {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 15px;
   }

   .blog-area.archive .blog-content .meta {
      font-weight: 500;
   }

   .blog-area.archive.classic {
      padding: 50px 0 100px;
   }

      .blog-area.archive.classic .single-blog,
      .blog-area.archive.classic .sidebar-main {
         margin-top: 50px;
      }

      .blog-area.archive.classic .blog-content {
         border: none;
         padding: 0;
         margin-top: 50px;
      }

         .blog-area.archive.classic .blog-content h4 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 30px;
            padding-bottom: 30px;
            position: relative;
         }

            .blog-area.archive.classic .blog-content h4:before {
               position: absolute;
               left: 0;
               width: 48px;
               height: 2px;
               background: #D75124;
               content: "";
               bottom: -1px;
            }

         .blog-area.archive.classic .blog-content .meta {
            font-weight: 600;
         }

      .blog-area.archive.classic .single-blog {
         border: none;
         box-shadow: none;
      }
/* Pagination */
.blog-area .pagination {
   margin-top: 50px;
}

.blog-area.archive .pagination li {
   display: inline-block;
   margin-right: 10px;
}

   .blog-area.archive .pagination li a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #EDEDED;
      display: block;
      text-align: center;
      color: #424646;
      font-weight: 700;
      border-radius: 3px;
      font-size: 16px;
   }

   .blog-area.archive .pagination li.active a,
   .blog-area.archive .pagination li:hover a {
      background: #D75124;
      color: #fff;
   }

   .blog-area.archive .pagination li.next {
   }

      .blog-area.archive .pagination li.next a {
         width: auto;
         height: auto;
         padding: 0px 22px;
      }

/*======================================
	End Blog CSS
========================================*/

/*======================================
	Newsletter Section
========================================*/
#newsletter-bg {
	background-image: url('https://www.gtoursvacanze.it/media/1030/bg_newsletter.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/*======================================
	End Newsletter Section
========================================*/