@import url('../js/fancybox/jquery.fancybox.css');
@import url('../request-form/datepicker.css');
@import url('swiper.css');
@import url('../request-form/request-form.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&family=Teko:wght@300&display=swap');

@font-face { font-family: "Avenir"; src: url("Avenir.eot");}
@font-face { font-family: "Avenir"; src: url("Avenir.ttf");}
@font-face { font-family: "Avenir"; src: url("Avenir.woff2");}


html, body { margin:0px; padding:0px; font-size:1em; font-family:'Avenir';font-weight:400; color:#ccc; background-color:#fff;background-color: #aaa;min-width: 300px;
  width: 100vw;}

/*--common--*/
.h1 {font-size: 29px;font-weight: 100;}
.h2 {font-size: 21px;}
p, ul {font-size: 20px;line-height: 33px;letter-spacing: 2.5px;}
.sub_desc p, .sub_desc ul{font-size: inherit;line-height: inherit;letter-spacing:inherit;}
li {}
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:underline;}
.img_hidden_slide {width: 50px;top: -100px;position: absolute;}

.button {background-color: #2a4c56;padding: 11px 20px 8px;display: table;font-family: 'Teko', sans-serif;font-size: 27px;text-decoration: unset !important;border: solid 2px #2a4c56;}
.button:hover {background-color: transparent;border-color: #fff;}

.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.transition-2 { -webkit-transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; -o-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}

/*--menu--*/
.header {position: fixed;z-index: 4;width: 100%;height: 73px;width: 100vw;}

.menu_button { position:absolute; background-color:#fff4; color:#fff; display:none;     top: 0;left: 0;width: 70px;height: 70px;cursor: pointer;}
	.menu_button>span {position: absolute;left: 50%;transform: translateX(-50%);top: 5px;font-size: 14px;text-transform: uppercase;}
	.menu_button-lines { width:30px; height:18px; position:absolute; bottom:15px; left:50%;   display:none; transform: translateX(-50%);}
		.menu_button-lines span { background-color:#fff; width:100%; height:1px; position:absolute; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;left: 0;}
		.menu_button-lines span:nth-child(1) {top: 0;}
		.menu_button-lines span:nth-child(2) {top: 50%;}
		.menu_button-lines span:nth-child(3) {bottom: 0;}
		.header-open .menu_button-lines {transform: translateX(-50%) rotate(90deg);}
		.header-open .menu_button-lines span:nth-child(1) {transform: rotate(45deg);top: 48%;}
		.header-open .menu_button-lines span:nth-child(2) {opacity:0;}
		.header-open .menu_button-lines span:nth-child(3) {transform: rotate(-45deg);bottom: 46%;}

.navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;height: 100%;/*! border-bottom: solid 2px transparent; */}
	.nav-back {display:none;}
	.menu { margin:0px; padding:0px; display:block; text-align: left;position: absolute;z-index: 4;width: 70%;left: 15%;border-bottom: solid #fff 2px;box-sizing: border-box;padding: 7px 61px;}
		.menu a { padding:10px 13px;letter-spacing:2px;cursor: pointer; display: inline-table; position: relative;text-decoration:none;color: #fff;font-family: 'Teko', sans-serif;font-size: 27px;}
		.menu a:hover {color:#fff;}
		.menu a img {height: 18px;vertical-align: middle;margin-right: 10px;margin-bottom: 4px;}
		.menu a span {vertical-align: middle;box-sizing: border-box;border-bottom: 2px solid transparent;}
		.menu a:hover img {margin-right: 0px;margin-left: 10px;}
		.menu a:hover span {border-color: #ffffff65;}

.header-logo {position: absolute;top: 50px;left: 40px;z-index: 4;}
.header-logo img {width: 190px;}

.lang {position: absolute;width: auto;right: 30px;top: 52px;z-index: 4;color: #fff;font-family: 'Teko', sans-serif;font-size: 28px;text-transform: uppercase;}
  .lang-a {}
  .lang-a:hover {}
	.lang-a-sel {}
	.lang span {}
	.lang span:last-child {display: none;}


.header-y1 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 100%;background-color: #f6de0c;right: 105%;opacity: 0;}
.header-y2 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 100%;background-color: #f6de0c;left: 105%;opacity: 0;}

	.header-open {}
	#header.fixed , .no_slide #header{background-color: #2a4c56;}
	#header.fixed .header-logo, .no_slide #header .header-logo{top: 3px;}
	#header.fixed .header-logo img, .no_slide #header .header-logo img{width: 100px;width: 69px;}
	#header.fixed .lang , .no_slide #header .lang{top: 18px;color: #2a4c56;}
	#header.fixed .navigation {/*! border-bottom: solid 2px #fff; */}
	#header.fixed .menu , .no_slide #header .menu{border-color: transparent;}
	#header.fixed .menu a , .no_slide{}
	#header.fixed .header-y1, .no_slide #header .header-y1 {right: 88%;opacity: 0.8;}
	#header.fixed .header-y2, .no_slide #header .header-y2{left: 88%;opacity: 0.8;}
	#header.fixed.header-open {}

/*--Slide--*/
.slide {height:1000px;position:relative;height:calc(100vh);overflow:hidden;}
	.swiper-container {width:100%;height:calc(100vh);}
		.swiper-slide {position:relative;text-align: center;font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover;height:calc(100vh);}


.slide .swiper-container {animation: 15s ease-in-out 0s normal none infinite slide;}
@keyframes slide {
		0% {transform:scale(1.001) }
		50% {transform:scale(1.1) }
		100% {transform:scale(1.001) }
	}

			.swiper_sfondo {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform:scale(1); transition: all 4s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;}
			.pag-box { bottom:34px; left:0; display: table; width:100%; height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;}
						.pagination {display: inline-table;position: relative;vertical-align: middle;width: 200px;}
							.swiper-pagination-bullet { background:#fff; width:12px; height:12px; opacity:0.3; margin:0 15px; display:inline-table; vertical-align: middle;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;border: solid black 1px;border-radius: 50%;}
							.swiper-pagination-bullet-active { width:12px; height:12px; opacity:0.8; position: relative;border-width: 1.5px;}
.slide-grad-1 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));background: -moz-linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));opacity: 0.4;top: 0;left: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgba(0,0,0,0), rgb(0, 0, 0));background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {height: 60%;opacity: 1;}



/*start*/
.start {position: absolute;width: 100%;height: 100vh;left: 0;top: 0;z-index: 1;}
.start-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.s-o-y1 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 15%;background-color: #f6de0c;left: -20%;opacity: 0.8;width:0;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;}
.s-o-b1 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 45%;background-color: #1e404a;left: -5%;opacity: 0.8;width:0;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.2s;}
.s-o-b2 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 8%;background-color: #1e404a;left: 70%;opacity: 0.8;width:0;
-webkit-transition:all 0.3s ease 0.4s;
-moz-transition:all 0.3s ease 0.4s;
-o-transition:all 0.3s ease 0.4s;
transition:all 0.3s ease 0.4s;}
.s-o-b3 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 12%;background-color: #1e404a;left: 92%;opacity: 0.8;width:0;
-webkit-transition:all 0.3s ease 0.5s;
-moz-transition:all 0.3s ease 0.5s;
-o-transition:all 0.3s ease 0.5s;
transition:all 0.3s ease 0.5s;}
.s-o-b4 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 2%;background-color: #1e404a;left: 111%;opacity: 0.4;width:0;
-webkit-transition:all 0.3s ease 0.55s;
-moz-transition:all 0.3s ease 0.55s;
-o-transition:all 0.3s ease 0.55s;
transition:all 0.3s ease 0.55s;}
.start-overlay-open {}
.start-overlay-open .s-o-b1 {width: 45%;}
.start-overlay-open .s-o-b2 {width: 8%;}
.start-overlay-open .s-o-b3 {width: 12%;}
.start-overlay-open .s-o-b4 {width: 2%;}
.start-overlay-open .s-o-y1 {width: 15%;}


.start-slogan {color: #fff;text-transform: uppercase;font-family: 'Teko', sans-serif;font-size: 20vw;line-height: 16vw;position: absolute;bottom: 0;left: 2%;letter-spacing: 22px;}
.start-slogan-arrows {width: 110px;vertical-align: middle;margin-top: -33px;margin-left: 13px;}


/*start 2 */
.start.start2 { position: relative; background: url(../img/layout/biking_private_guide.jpg) no-repeat;background-size:cover; min-height: 70vh; height:auto; background-position: center top;padding:1px;}
.start2 .slide-grad-1, .start2 .slide-grad-2 { z-index:0;}
/* .start.start2::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: block;} */
.start2 .start-border { margin:2%;position:relative;border:3px solid #fff;height: calc(100% - 19%);margin-bottom: 10%;}
.start2 .start-slogan { position: relative; font-size: 14vw; line-height: 12vw; padding-top: 5%;left: 4%;font-weight: bold;text-transform: none;  letter-spacing: inherit;}
.start2 .start-text {font-family: 'Avenir';padding-top: 10%;left: 5%;color:#fff;font-size:4vw;position:relative;width: 60%;padding-bottom: 5%;}
.start-slogan-arrows.start-slogan-arrows2{ width: 4vw;  vertical-align: unset;margin-left:10px;transition:500ms;}
.start2 .start-text:hover .start-slogan-arrows2{ margin-left:20px;}
.start2 .start-text a:hover { text-decoration:none;}

.start2 .s-o-y1 { transform: skew(-22deg);}
.start2 .s-o-b1 { transform: skew(-22deg); left: 0%;}
.start2 .s-o-b3 { transform: skew(-22deg); }
.start2 .s-o-b2 { transform: skew(-22deg); }

.start2 .start-overlay-open .s-o-y1 { width: 20%;}
.start2 .start-overlay-open .s-o-b1 { width: 30%;}

.banner_guide img { width: 100%;  max-width: 600px;  display: block;  margin: 70px auto 10px;  transition: 0.3s;margin-top: 170px;}
.banner_guide{ padding-top: 140px;}
.banner_guide:hover img {  opacity: 0.8;}


/*blue-box*/
.blue-box {background-color: #1e404a;position: relative;width: 100%;box-sizing: border-box;color: #fff;padding-top: 80px;padding-bottom: 80px;overflow: hidden;}
.school_details .blue-box {background-color: #172333;}
.blue-box-back {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position: center;background-size: cover;opacity: 0.03;}
.blue-text-box {margin: 0 auto;width: 70%;max-width: 1100px;text-align: center;position: relative;}
.blue-text-title-line {margin: 0 auto 20px;}
.title-line {width: 90px;height: 9px;background-color: #f6de0c;opacity: 0.8;margin-bottom: 20px;}
.blue-text-sup-title {}
.sup-title {font-family: 'Teko', sans-serif;font-size: 50px;font-weight: 100;letter-spacing: 5px;}
.blue-text-title {}
.title {font-family: 'Teko', sans-serif;font-size: 100px;letter-spacing: 6px;text-transform: uppercase;line-height: 90px;margin-bottom: 63px;}
.blue-text-box p {}
/*offers*/
.offers {position: relative;background-color: #172333;margin-top: 0vw;z-index: 1;margin-bottom: -16vw;}
.offers-shape-1-con {position: absolute;width: 100%;height: 50%;overflow: hidden;top: -10vw;display:none;}
.offers-shape-1 {position: relative;width: 100%;}
.offers-shape-2-con {position: absolute;width: 100%;height: 50%;overflow: hidden;bottom: -10vw;display:none;}
.offers-shape-2 {position: absolute;width: 100%;bottom: 0;}
.pro-buttons-main {position: relative;text-align: center;}
.pro-buttons-inner {}
.pro-buttons {}
.pro-buttons form {}
.pro-button {}
.loc_btn {}
.pro-button option {}
.qr-box {}
.qr-date {}
.req-box_calendar {}
.qr-date-in {}
.date_delete {}
.hidden {}
.qr-box input {}
.pro-triangle {}
.pro-triangle img {}

/*.offer-box-container {position: relative;width: calc(80% - -25px);margin: 80px auto;max-width: 1200px;text-align: center;display: table;text-align: center;color: #fff;}
.offer-box {width: 33.33%;float: left;text-decoration: unset !important;cursor: pointer;margin-bottom: 52px;}*/

.offer-box-container { width: 100%; display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; box-sizing: border-box; }
.offer-box { flex: 1 1 calc(30% - 20px); box-sizing: border-box; text-decoration: unset !important;cursor: pointer; box-sizing: border-box; }
.offer-placeholder { pointer-events: none; background: none !important; border: none !important;display:none !important; }

.offer-box-img {position: relative;width: 100%;height: 23vw;max-height: 500px;margin: 0 auto 30px;overflow: hidden;}
.offer-box-back {position: absolute;width: 100%;height: 100%;background-position: center;background-size: cover;margin: 0 auto;}
.offer-box-g1 {position: absolute;height: calc(100% + 1px);transform: skew(-31.5deg);width: 15%;background-color: #585858;left: -5%;opacity: 1;mix-blend-mode:  saturation;}
.offer-box-g2 {position: absolute;height: calc(100% + 1px);transform: skew(-31.5deg);width: 100%;background-color: #585858;left: 62%;opacity: 1;mix-blend-mode: saturation;}
.offer-box-g {mix-blend-mode: unset;background-color: #3B3B3B;opacity: 0.55;}
.offer-box-y1 {position: absolute;height: calc(100% + 1px);transform: skew(-31.5deg);width: 100%;background-color: #f6de0c;right: 105%;opacity: 0.8;}
.offer-box-det {opacity: 0;pointer-events: none;position: absolute;}
.offer-box-arrows {position: absolute;bottom: 30px;right: 30px;width: 61px;}
.offer-box:hover .offer-box-back {transform: scale(1.02);}
.offer-box:hover .offer-box-g1 {width: 22%;left: 0%;}
.offer-box:hover .offer-box-g2 {left: 80%;width: 35%;}
.offer-box:hover .offer-box-y1 {right: 100%;}
.offer-box:hover .offer-box-det {}
.offer-box:hover .offer-box-arrows { right: 10px }

.offer-box-level { display: block; width: 30px; position: absolute; left: 5px; top: 5px; z-index: 2000;}
.offer-box-level img {width: 100%;}
.offer-box-info {display: block; color:#fff; padding-bottom: 20px; font-size: 16px;}
.offer-box-info span {color:#999; padding: 0px 5px 0px 5px;}


/*.offer-box-title {font-family: 'Roboto Condensed', sans-serif;font-size: 31px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;}*/
.offer-box-title { font-family: 'Roboto Condensed', sans-serif;
  font-size: 31px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 18px;
  color: #fff;
  display: block;
  width: 100%;
  padding: 0px 20px 0px 20px;
box-sizing: border-box;}
.offer-box-sub-title {font-family: 'Roboto Condensed', sans-serif; font-size: 16px;color: #fff;}
/*main*/
.main {position: relative;width: 100%;box-sizing: border-box;background-color: #000;padding: 8vw 0;overflow: hidden;}
.main-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center;background-size: cover;opacity: 0.3;}
.main-back-mask {opacity: 1;background-position: center;background-size: cover;mask: url('../img/layout/main-mask.svg');mask-repeat: no-repeat;mask-size: auto;mask-image: url("../img/layout/main-mask.svg");mask-size: contain;mask-repeat: no-repeat;mask-size: contain;mask-position: center left;-webkit-mask-image: url('../img/layout/main-mask.svg');-webkit-mask-repeat:  no-repeat;-webkit-mask-position:  center left;-webkit-mask-size: contain;}
.main-y1 {position: absolute;height: 100%;transform: skew(-31.5deg);width: 100%;background-color: #f6de0c;left: 105%;opacity: 0.8;bottom: 0;}
.main-text {color: #fff;position: relative;width: 39%;margin: 0 7% 0 auto;}
.main p {}

.tour_details .main-inside .main-back{opacity:0.1;}
.main-inside {}
.main-inside .main-back {background-attachment: fixed;}
.main-inside .main-back-mask {}
.main-inside .main-y1 {}
.main-inside .main-text {width: 70%;margin: 0 auto;}
.main-inside .main p {}
/*footer*/
.footer {position: relative;width: 100%;height: auto;box-sizing: border-box;background-color: #1e404a;text-align: center;padding: 110px 0;padding-bottom: 0;overflow: hidden;}
.footer-back {position: absolute;width: 100%;height: 100%;background-position: center;background-size: cover;top: 0;left: 0;opacity: 0.03;}
.footer-text {width: 80%;margin: 0 auto;color: #fff;position: relative;margin-bottom: 90px;}
.footer-text .title-line {margin-left: auto;margin-right: auto;}
.footer p {}
.footer a {}
.footer-bottom {background-color: #fff;color: #303030;padding: 29px;position: relative;}
.footer-bottom a {}




/* ---------- PROGRAM --------- */

.pro-main {background-color: #235966;position: relative;display: table;padding: 100px 0px;width: 100%;}
.pro-main-inner {position: relative; display: block;margin: 0 auto;max-width: 1800px;}
    .pro-left {position: relative;display: table-cell;width: 40%;vertical-align: middle;box-sizing: border-box;padding-left: 50px;}
      .pro-left p {color: #fff;}
    .pro-right {position: relative;display: table-cell;vertical-align: middle;width: 60%;}
         .pro-right img {width: 80%;display: block;position: relative;margin: 0 0 0 auto;padding-right: 50px;}


.pro-buttons-main {position: relative;display: block;width: 80%;margin: 0 auto;}
.pro-buttons-inner {position: relative; display: block; margin: 0 auto; max-width: 1800px;}
    .pro-buttons {position: relative;display: block; }
        .pro-button {cursor:pointer;position: relative;display: inline-block;color: #fff;background-color: #235966;padding:15px 25px;margin: 20px 3px;border: 2px solid #235966;font-size: 19px;text-transform: initial;font-weight: 300;
		width: 24%;line-height: 22px;
width: 24%;
display: inline-block;
box-sizing: border-box;
text-align: center;
min-width: 254px;
}
		.pro-button option { background: #fff !important; color: #000;}
		.sub_desc a.altri_tour{color: #235966;font-weight: bolder;}
		.sub_desc a.altri_tour:hover{text-decoration:underline;}
		.schools .pro-buttons {display:flex;padding:0 50px;}
         .pro-triangle {position: absolute;z-index: 2;bottom: -25px;right: 5vw;padding-right: 50px;}
            .pro-triangle img {width: 30px;}
.date_delete {  position: absolute;  right: 8px;  top: 8px;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center;  border-radius: 50%;  border: 1px solid #fff;  font-size: 10px;}
.date_delete.hidden { display:none;}
.diff {  display: inline-block;  width: 20px;  height: 20px;  background: #ddd;  border-radius: 50%;}
.desc .diff { width: 20px; height: 20px;}
.diff_1 {   background: #63cc57; }
.diff_2 {   background: #f9a334; }
.diff_3 {   background: #e42124; }


.dett_date{}
.dett_date_list{font-size:0.8em;line-height: 1.7em;}
.dett_disp_ok{background: #0ba838;padding: 1px 7px;color: #fff;font-size:0.8em;}
.dett_disp_no{background: #ce1212;padding: 1px 7px;color: #fff;font-size:0.8em;}
.ended{background: #ce1212;padding: 1px 7px;color: #fff;font-size:0.8em;}
.no_visible{display:none;}

.pro-button:hover {background-color: #fff; color: #235966;}




#FrmSearch .multiselect {cursor: pointer; position: relative; display: inline-block; color: #fff; background-color: #235966; padding: 12px 25px; margin: 16px 0px; border: 2px solid #235966; font-size: 19px; text-transform: initial;
  font-weight: 300; font-family: 'Roboto Condensed', sans-serif; width: 24%; min-width: 254px; display: inline-block; box-sizing: border-box; text-align: left;}
	#FrmSearch .multiselect-native-select{width: 20%;padding: 0 25px;width: 25%; display: inline-block;  height: 54px;vertical-align: middle;}

		#FrmSearch .multiselect {min-width:200px; border-radius: 0;  margin: 0;  box-sizing: ;  box-shadow: none;width: 100%;overflow: hidden;margin-top: -3px;text-transform: none;  font-weight: normal;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} 
		#FrmSearch .btn-group { width: 100%;position: absolute;  left: 0;} 
		#FrmSearch .btn .caret {position: absolute;  right: 0;  top: 50%;}
		#FrmSearch .open > .dropdown-menu{width: 100%;}
		.pro-button option { background: #fff !important; color: #000;}
		.sub_desc a.altri_tour{color: #999999;font-weight: bolder;}
		.sub_desc a.altri_tour:hover{text-decoration:underline;}
		.schools .pro-buttons {display:flex;padding:0 50px;}
         .pro-triangle {position: absolute;z-index: 2;bottom: -25px;right: 5vw;padding-right: 50px;}
            .pro-triangle img {width: 30px;}
			
@media (max-width: 1500px) {
 	/* .pro-button, #FrmSearch .multiselect-native-select {padding:10px 20px;margin: 15px 3px;font-size: 15px;} */
 	.pro-button, #FrmSearch .multiselect-native-select {/*padding:10px 20px;*/margin: 15px 5px;font-size: 15px;}
	  #FrmSearch .multiselect {font-size: 15px;margin-top: 0;}
	  .pro-buttons-main{width:calc(100% - 100px);}
 
}			
@media screen and (max-width: 950px) {
	html, body {overflow-x:hidden;}
  .pro-button, #FrmSearch .multiselect-native-select { width: 100%;   margin-left:0; }
  #FrmSearch .multiselect { text-align:center;}
}			
			
			








/* -- OFFERS -- */
h1.h1-offer { font-family: 'Teko', sans-serif;  font-size: 3em;margin-bottom: 0;}
h2.h2-offer {  margin-top: 0;}
.offers-main {position: relative;color: #fff;background-color: #235966;background-image: url("../img/layout/main-bg-2.png");padding: 100px 0px 60px;background-size: cover;background-repeat: no-repeat;font-family: 'Teko', sans-serif;}
    .offers-title {font-size: 40px;text-align: center;margin-bottom: 20px;}
    .offers-main-con {position: relative;display: table;width: 100%;max-width: 1300px;margin: 0 auto;}
        /*.offer-con {position: relative;display: block;width: calc(33.333333% - 40px);float: left;text-align: center;margin: 0px 19px 0px;border: 1px solid #fff;padding: 0px 0px 40px;background-color: #235966; margin-bottom: 40px; min-height: 560px;}*/
		.offer-con {position: relative;display: block;width: calc(33.333333% - 40px);text-align: center;margin: 0px 19px 0px;border: 1px solid rgba(255,255,255,0.7);padding: 0px 0px 40px;background-color: #235966; margin-bottom: 40px; min-height: 560px;}
		.offer-con:hover { border: 1px solid #fff; }
            .offer-image {position: relative;height: 250px;width: 100%;margin: 0 auto 20px;background-size: cover;background-repeat: no-repeat;}
            .offer-title {position: relative;display: block;font-size: 30px;margin-bottom: 10px;margin-top: 30px;padding: 0px 20px;box-sizing: border-box; height: 70px;}
            .offers-bt {color: #235966;padding: 5px 30px;border: 2px solid #fff;background-color: #fff;font-size: 30px;}
                .offers-bt:hover {color: #fff; background-color: #235966;}

.offer-bt-con {position: relative;display: block;padding: 50px 0px 50px;text-align: center;}
    .offer-in-bt {background-color: #235966;padding: 5px 30px;font-family: 'Teko', sans-serif;border: 2px solid #235966;font-size: 30px;color: #fff;}
        .offer-in-bt:hover {background-color: #fff; color: #235966;}

.offer-req {color: #235966; background-color: #f5dd0d; border: 2px solid #f5dd0d;}
.offer-req:hover {background-color: #fff;}

.desc {display: block;  margin: 0 auto ;text-align: center;}
.desc2 {text-align: left;margin-top: 50px;}
.sub_title { font-weight: normal; display: inline-block;  padding: 0 10px;   line-height: 40px;  margin-bottom: 10px;  color: #fff;font-family: 'Teko', sans-serif;padding-left: 50px;position: relative;font-size: 2.3em;}
.sub_title::before {  content: "";  width: 40px;  height: 9px;  background: #2a4c56;  left: 0;  top: calc(50% - 3px);  position: absolute;  display: block;}
.sub_desc {  padding: 10px;  margin-bottom: 30px;padding-left: 50px;}
.sub_desc a {
  color: inherit;text-decoration: underline;
}

.offer-date {margin-bottom: 30px;}

.dett_date_list table { margin: 20px 10px 10px;  border-collapse: collapse;}
.dett_date_list table td {  padding: 5px 30px 5px 10px;  border-bottom: 1px solid #888;transition:all 0.3s ease 0s;}
.dett_date_list tr {}
.dett_date_list table tr:first-child td {  border-top: 1px solid #888;}
.dett_date_list table tr:hover td {  background:#2a4c56;}
#totale {  float: right;  margin: 20px 0;  border: 1px solid #fff;  padding: 10px 10px;opacity:0;transition:all 0.3s ease 0s;}
#totale.visible {  opacity:1;}


.impressum { margin: 0 auto;}
.impressum *{font-size:16px;}
.impressum a {  color: #fff;display: unset;}            
        .impressum img {max-width: 170px;margin-top: 15px;max-height: 50px;}        
        .impressum_sides_top {position: relative;display: table;width: 100%;}        
        .impressum-sides {position: relative;display: block;width: 50%;float: left;margin-bottom: 50px;margin: 0px;padding: 40px;box-sizing: border-box;}



@media (min-width:1600px) {
.start-slogan {font-size: 330px;line-height: 270px;}
}
@media (max-width:1200px) {
 /*main*/
 .main {}
 .main-back {}
 .main-back-mask {opacity: 0.5;}
 .main-y1 {}
 .main-text {width: 55%;}
 .main p {}
 .main-inside {}
 .main-inside .main-back {}
 .main-inside .main-back-mask {}
 .main-inside .main-y1 {}
 .main-inside .main-text {}
 .main-inside .main p {}
}
@media (max-width:1000px) {
	/*.offer-box-title {font-size: 20px;}*/
}

@media (max-width:900px) {
	
.sub_title { padding-left: 20px;}
.sub_desc { padding-left: 20px;}
.sub_title::before {   width: 15px; }
.main-y1{display:none;}
.offer-in-bt{display: block;  margin: 5px;}
	
	

/*menu*/
	.menu_button { display:block; z-index:10;font-weight: 400;}
	.menu_button-lines { display:block; z-index:10;}
	.navigation { position: absolute;  margin:0 auto; text-align:right;opacity:0.001;pointer-events: none;height: 100vh;background-color: #1e404a;}
	.header-open .navigation {opacity:1;pointer-events: all;}
		.menu {top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; background-color: #f6de0ccc; box-sizing: border-box;border-bottom: 0;padding: 50px 10px;-webkit-clip-path: polygon(40% 0, 100% 0, 60% 100%, 0 100%);}
			.menu a { display:block; width: 100%;padding-left: 0;}
					.lang-text {background-color:#aaa;}
					.menu-other {position:relative;}
					.menu-other-href {padding: 0;text-align: left;background-color: #aaa;margin: 1px 0 0;}
					#s01 {position:relative;display: none;}
					#s02 {position:absolute;display: none;}
					.s0-open{position:relative !important;display:block !important;}

	#header.fixed {}

.tour_details .main-text {  left: 0;  width: calc(100% - 40px);}

/*--common--*/
.h1 {}
 .h2 {}
 p, ul {font-size: 18px;}
 li {}
 a {}
 a:hover {}
 .img_hidden_slide {}
 .button {}
 .button:hover {}
 .transition {}
 .transition-2 {}
 /*--menu--*/
.header {}
 .menu_button {right: 0;left: unset;font-family: 'Teko', sans-serif;background-color: transparent;color: #fff;}
 .menu_button>span {font-size: 24px;}
 .menu_button-lines {}
 .menu_button-lines span {}
 .menu_button-lines span:nth-child(1) {}
 .menu_button-lines span:nth-child(2) {}
 .menu_button-lines span:nth-child(3) {}
 .header-open .menu_button-lines {}
 .header-open .menu_button-lines span:nth-child(1) {}
 .header-open .menu_button-lines span:nth-child(2) {}
 .header-open .menu_button-lines span:nth-child(3) {}
 .navigation {}
	 .nav-back {display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;opacity: 0.1;}
 .menu {width: 150%;}
 .menu a {text-align: center;box-sizing: border-box;}
 .menu a:hover {}
 .menu a img {}
 .menu a span {}
 .menu a:hover img {}
 .menu a:hover span {}
 .header-logo {top: 10px;left: 10px;right: unset;}
 .header-logo img {width: 94px;}
 .lang {position: absolute;bottom: 20px;top: unset;right: 50%;transform: translateX(50%);}
 .lang-a {}
 .lang-a:hover {}
 .lang-a-sel {}
 .lang span {}
 .lang span:last-child {}
 .header-y1 {}
 .header-y2 {}
 .header-open {}
 #header.fixed {}
	#header.fixed .menu_button-lines span {background-color: #1e404a;}
 #header.fixed .menu_button {color: #1e404a;}
 #header.fixed .header-logo {}
 #header.fixed .header-logo img {}
 #header.fixed .lang {}
 #header.fixed .navigation {}
 #header.fixed .menu {}
 #header.fixed .menu a {}
 #header.fixed .header-y1 {right: 73%;}
 #header.fixed .header-y2 {left: 73%;}
 #header.fixed.header-open {}
 /*--Slide--*/
.slide {height: 40vh;}
 .swiper-container {}
 .swiper-slide {}
 .slide .swiper-container {height: 40vh;}
 .slide .swiper-slide {}
 .swiper_sfondo {height: 40vh;}
 .pag-box {}
 .pagination {}
 .swiper-pagination-bullet {}
 .swiper-pagination-bullet-active {}
 .slide-grad-1 {}
 .slide-grad-2 {}
 /*start*/
.start {height: 40vh;}
.start.start2{min-height: auto;}
 .start-overlay {}
 .s-o-y1 {}
 .s-o-b1 {}
 .s-o-b2 {}
 .s-o-b3 {}
 .s-o-b4 {}
 .start-overlay-open {}
 .start-overlay-open .s-o-b1 {}
 .start-overlay-open .s-o-b2 {}
 .start-overlay-open .s-o-b3 {}
 .start-overlay-open .s-o-b4 {}
 .start-overlay-open .s-o-y1 {}
 .start-slogan {font-size: 46px;letter-spacing: 9px;left: 5%;line-height: 50px;}
 .start-slogan-arrows {width: 40px;margin-top: -6px;}
 /*blue-box*/
.blue-box {}
 .blue-box-back {}
 .blue-text-box {width: 90%;}
 .blue-text-title-line {}
 .title-line {}
 .blue-text-sup-title {}
 .sup-title {font-size: 24px;}
 .blue-text-title {}
 .title {font-size: 70px;margin-bottom: 10px;}
 .blue-text-box p {}
 /*offers*/
.offers {margin-bottom: -21vw;}
 .offers-shape-1-con {}
 .offers-shape-1 {}
 .offers-shape-2-con {}
 .offers-shape-2 {}
 .pro-buttons-main {}
 .pro-buttons-inner {}
 .pro-buttons {}
 .pro-buttons form {}
 .pro-button {}
 .loc_btn {}
 .pro-button option {}
 .qr-box {}
 .qr-date {}
 .req-box_calendar {}
 .qr-date-in {}
 .date_delete {}
 .hidden {}
 .qr-box input {}
 .pro-triangle {}
 .pro-triangle img {}
 .offer-box-container {margin-top: 25px;}
 /*.offer-box {width: 100%;}*/
 .offer-box {flex: 1 1 calc(50% - 20px);}
 .offer-box-img {height: 50vw;}
 .offer-box-back {}
 .offer-box-g1 {}
 .offer-box-g2 {}
 .offer-box-g {}
 .offer-box-y1 {}
 .offer-box-det {}
 .offer-box-arrows {}
 .offer-box:hover .offer-box-back {}
 .offer-box:hover .offer-box-g1 {}
 .offer-box:hover .offer-box-g2 {}
 .offer-box:hover .offer-box-y1 {}
 .offer-box:hover .offer-box-det {}
 .offer-box:hover .offer-box-arrows {}
 .offer-box-title {font-size: 22px;}
 .offer-box-sub-title {}
 /*main*/
.main {}
 .main-back {}
 .main-back-mask {display: none;}
 .main-y1 {width: 30%;left: unset;right: -94%;}
 .main-text {width: 90%;left: 5%;margin: 0;}
 .main p {}
 .main-inside {}
 .main-inside .main-back {}
 .main-inside .main-back-mask {}
 .main-inside .main-y1 {}
 .main-inside .main-text {}
 .main-inside .main p {}
 /*footer*/
.footer {padding: 50px 0 0;}
 .footer-back {}
 .footer-text {margin-bottom: 40px;width: 90%;}
 .footer-text .title-line {}
 .footer p {font-size: 14px;}
 .footer a {}
 .footer-bottom {font-size: 13px;padding-left: 10px;padding-right: 10px;}
 .footer-bottom a {}
 /* ---------- PROGRAM --------- */
.pro-main {}
 .pro-main-inner {}
 .pro-left {}
 .pro-left p {}
 .pro-right {}
 .pro-right img {}
 .pro-buttons-main {}
 .pro-buttons-inner {}
 .pro-buttons {}
 .pro-button {width: 100%;margin: 10px 0;}
 .pro-button option {}
 .sub_desc a.altri_tour{}
 .sub_desc a.altri_tour:hover{}
 .schools .pro-buttons {}
 .pro-triangle {}
 .pro-triangle img {}
 .date_delete {}
 .date_delete.hidden {}
 .diff {}
 .desc .diff {}
 .diff_1 {}
 .diff_2 {}
 .diff_3 {}

.offer-placeholder { display: none;}


}


	
/*gallery */
.img { background: #fff; position:relative; display:table; margin:0 auto 0; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px;}
	.img a {position: relative;float: left;box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.333%;padding: 20px;}
	.img img { position:relative;   width:100%;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
	.img img:hover { opacity:0.8; }
@media (max-width:800px) {
	.img { padding:0; width:90%; margin:0 auto; margin-bottom:50px; }
	.img a { width:100%; margin:0 auto 3px; padding:0; }
}

.offers-shape-1-con img { display: none; }

.private.offer-con{background-color: #e5d62f; color:#2a4c56;font-weight:bold;}
.private.offer-con .offer-box-title{color:#2a4c56;font-weight:bold;}
.private.offer-con .offer-box-info{ color:#2a4c56;font-size:1.5em}