@font-face{ font-family: "EncodeSansNarrow"; src: url( ../font/encodesansnarrow-100-thin-webfont.woff ); font-weight:100; } 			/* thin */
@font-face{ font-family: "EncodeSansNarrow"; src: url( ../font/encodesansnarrow-300-light-webfont.woff ); font-weight:300; }			/* normal */
@font-face{ font-family: "EncodeSansNarrow"; src: url( ../font/encodesansnarrow-500-medium-webfont.woff ); font-weight:500; }		/* medium */
@font-face{ font-family: "EncodeSansNarrow"; src: url( ../font/encodesansnarrow-600-semibold-webfont.woff ); font-weight:600; }		/* bold */


html{
	margin: 0; padding: 0;
}
body{
	margin: 0; padding: 0;
	font-family: 'EncodeSansNarrow', sans-serif; font-weight: 300; font-size: 18px; line-height: auto; color: #333;
	background-color: #000;
	overflow-x: hidden;
}

a, a:hover, a:active, a:focus{ text-decoration: none; }
*{ transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

#main{ width: 100%; height: auto; right: 0; position: absolute; z-index: 100; text-align: center; background-color: #fff; }
img{ image-rendering: -webkit-optimize-contrast; }


/* NAVIGATION */
#nav{ width: 250px; height: 100%; right: -250px; left: auto; position: fixed; background-color: #000000; z-index: 200; overflow-y: auto; pointer-events: visible; pointer-events: none; }
#nav *{ pointer-events: auto; }
#nav-icon{ display: block; width: 55px; height: 50px; position: absolute; right:0; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); pointer-events: all; }
#nav-icon span{ display: block; position: absolute; width: 20px; height: 2px; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
#nav-icon span:nth-child(1){ top: 18px; left:18px; }
#nav-icon span:nth-child(2){ top: 24px; left:18px; }
#nav-icon span:nth-child(3){ top: 30px; left:18px; }
#nav-icon.open span:nth-child(1){ top: 24px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon.open span:nth-child(2){ opacity: 0; left: 0px; }
#nav-icon.open span:nth-child(3){ top: 24px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

#nav ul.main{ position: relative; margin: 0 0 0 0; padding: 0; list-style: none; }
#nav ul.main li{ float: none; }
#nav ul.main a{ color:#fff; font-size: 15px; line-height: 50px; font-weight: 300; display: block; padding: 0 20px 0 20px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.2); }
#nav ul.main a:hover{  opacity: 0.5; }

#nav ul.sub{ position: relative; list-style: none; margin: 0; padding: 0; }
#nav ul.sub li{ float: none; }
#nav ul.sub a{ color:#fff; font-size: 16px; line-height: 50px;font-weight: 300; display: block; padding: 0 20px 0 20px; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.2); }
#nav ul.sub a:hover{ opacity: 0.5; }

@media( min-width:480px ){}
@media( min-width:768px ){}
@media( min-width:992px ){}
@media( min-width:1200px ){
	#nav{ width: 100%; height: 140px; right: auto; left: 0; position: fixed; background-color: transparent; z-index: 200; overflow-y: auto; }
	#nav-icon{ display: none; }

	#nav ul.main{ position: absolute; right: 0; margin: 60px 0 0 0; }
	#nav ul.main li{ float: left; }
	#nav ul.main a{ color:#fff; font-size: 16px; line-height: 50px; font-weight: bold; display: block; padding: 0 20px 0 12px; border-bottom: none; }

	#nav ul.sub{ position: absolute; right: 0; margin: 0px 0 0 0; }
	#nav ul.sub li{ float: left; }
	#nav ul.sub a{ color:#fff; font-size: 14px; line-height: 50px; display: block; padding: 0 20px 0 20px; text-transform: none; border-bottom: none; }
}


/* TOP BAR */
#topbar{ width:100%; height:50px; right: 0; position: fixed; border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 199; }
#topbar .social{ margin-left: 3px; }
#topbar .social a{ opacity:1; color:#fff; font-size: 14px; display:flex; align-items:center; float:left; cursor: pointer; }
#topbar .social a:hover{ opacity: 0.6; }
#topbar span{ margin-right: 17px; }
#topbar .social .phone{ display: none; cursor: auto; }
#topbar .social .phone:hover{ opacity: 1; }
#topbar .social .email{ display: none; cursor: auto; }
#topbar .social .email:hover{ opacity: 1; }
#topbar .social img{ width: 50px; height: 50px; }

@media( min-width:768px ){
	#topbar .social .phone{ display: flex; }
	#topbar .social .email{ display: flex; }
}


/* LOGO */
#logo{ width: 100%; position: fixed; top: 50px; right: 0; z-index: 198; }
#logo a{ display: block; float: left; color: #fff; font-size: 24px; font-weight: bold; padding: 10px 0 0 20px; }
#logo a:hover{ opacity: 0.6; }
#logo span{ font-weight: 100; }

@media( min-width:1200px ){
	#logo a{ font-size: 28px; padding: 15px 0 0 20px; }
}


/* HEADER BACKGROUND */
#headerbackground{ width: 100%; height: 100px; position: fixed; z-index: 150; opacity: 1; background: linear-gradient( to bottom, rgba(36,36,36,1), rgba(36,36,36,0) ); }
#headerbackground .solid-color{ width: 100%; height:100%; background: linear-gradient( to bottom, rgba(36,36,36,1), rgba(36,36,36,1) ); opacity: 0; }
@media( min-width:1200px ){
	#headerbackground{ height: 120px; }
}


/* SLIDER */
#slider{ width: 100%; height: 100%; background-color: #242424; position: relative; }
#slider .slide{ position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0; transition: opacity 2.5s;}
#slider .slide-wrap{ padding: 20px; box-sizing: border-box; max-width: 1400px; }
#slider .arrow-left{ position: absolute; right: 60px; bottom: 0; transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; z-index: 500; }
#slider .arrow-left img{ width: 100%; height: 100%; }
#slider .arrow-right{ position: absolute; right: 10px; bottom: 0; transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; z-index: 501; }
#slider .arrow-right img{ width: 100%; height: 100%; }
#slider .loader{ width: 56px; height: 56px; margin: -36px 0 0 -36px; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #fff; border-bottom-color: #fff; border-radius: 50%; animation: slider-loader-animation 1s linear infinite; opacity: 0; }
@keyframes slider-loader-animation{
	0%{ transform: rotate(0); }
  	100%{ transform: rotate(360deg); }
}
@media( min-width:768px ){
	#slider .slide-wrap{ padding: 100px; box-sizing: border-box; max-width: 1400px; }
	#slider .arrow-left{ left: 0; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; }
	#slider .arrow-right{ right: 0; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; }
}

/* SOCIAL POPUP */
#socialpopup{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 3000; background-color: rgba(0, 0, 0, 0.85); display: flex; align-items: flex-start; justify-content: center; transition: all 0.01s ease-in-out; -webkit-transition: all 0.01s ease-in-out; -moz-transition: all 0.01s ease-in-out; -o-transition: all 0.01s ease-in-out; }
#socialpopup .wrapper{ max-width: 260px; background-color: #fff; box-sizing: border-box; padding: 30px; margin-top: 70px; position: relative; }
#socialpopup .title{ font-size: 21px; color: #242424; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; }
#socialpopup .text{ font-size: 14px; color: #242424; font-weight: 300; margin-bottom: 20px; }
#socialpopup a{ display: flex; align-items: center; text-decoration: none; color: #fff; font-size: 14px; font-weight: 700; padding: 0px; margin: 10px 0 0 0; }
#socialpopup a img{ width: 50px; height: 50px; }
#socialpopup .facebook{ background-color: #38559c; }
#socialpopup .facebook:hover{ background-color: #334c8c; }
#socialpopup .twitter{ background-color: #00aaf3; }
#socialpopup .twitter:hover{ background-color: #0098da; }
#socialpopup .googleplus{ background-color: #e14929; }
#socialpopup .googleplus:hover{ background-color: #ca4124; }
.socialpopup-closed{ transform: scale(0); }
.socialpopup-opened{ transform: scale(1); }
#socialclosebutton{ position: absolute; top: 0; right: 0; cursor: pointer; background-color: #eee; width: 40px; height: 40px; }
#socialclosebutton:hover{ opacity: 0.5; }
#socialclosebutton img{ width: 40px; height: 40px; }


/* FOOTER */
#footer{ background-color: #242424; color: #eee; padding: 34px 0 84px 0; margin: 50px 0 0 0; }
#footer .title{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 0 20px 34px 20px; text-align: left; }
#footer .info{ border-bottom: 1px solid rgba(255,255,255,0.1); display:block; padding: 20px 0 20px 0; }
#footer .info a{ opacity:1; color:#fff; font-size: 14px; display:flex; align-items:center; padding: 0 30px 0 5px; border-left: none; }
#footer .info a:first-child{ border: none; }
#footer .info img{ width: 50px; height: 50px; }
#footer .copyright{ font-size: 15px; padding: 30px 20px 0px 20px; color: #ccc; text-align: left; line-height: 32px; }
#footer .copyright a{ color:#ccc; }
#footer .copyright a:hover{ color:#fff; text-decoration: underline; }
#footer .partners-small{ border-bottom: 1px solid rgba(255,255,255,0.1); display: none; }
#footer .partners-small-wrap{ max-width: 1200px; margin: 0 auto; padding: 40px 0 40px 0; }
#footer .partners-small-wrap img{ height: 55px; }
#footer .partners-small-wrap a{ opacity: 1; }
#footer .partners-small-wrap a:hover{ opacity: 0.6; }
#footer .tripadvisor{ margin:-63px 0 16px 10px; text-align: left; }
#footer .tripadvisor a{ display: inline-block; }
#footer .tripadvisor a:hover{ margin: -5px 0 5px 0; }
@media( min-width:768px ){
	#footer .title{ text-align: center; }
	#footer .partners-small{ display: block; }
	#footer .info{ border-bottom: 1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content: center; padding: 20px 0 20px 0; }
	#footer .info a{ padding: 0 30px 0 10px; border-left: 1px solid rgba(255,255,255,0.1); }
	#footer .copyright{ text-align: center; }
	#footer .tripadvisor{ text-align: center; }
}
@media( min-width:1200px ){
	#footer{ padding: 34px 0 34px 0; }
}



/********* HOME **********/
.home-slider{ width: 100%; height: 450px; }
.home-slider .title{ font-size: 20px; line-height: 24px; font-weight: bold; text-transform: none; color: #fff; margin-top: 30px; text-align: left; text-shadow: 0px 0px 8px rgba(0,0,0,0.7); }
.home-slider .text{ font-size: 14px; line-height: 18px; font-weight: 300; color: #fff; margin-top: 16px; text-align: left; text-shadow: 0px 0px 8px rgba(0,0,0,0.8); }
.home-slider .buttons{ display: flex; justify-content: flex-start; margin-top: 20px; }
.home-slider .button-view{ color: #fff; background-color: #242424; line-height: 36px; display: flex; padding: 0 20px 0 3px; font-weight: 300; font-size: 14px; }
.home-slider .button-view:hover{ background-color: #000; }
.slider-booknow .loading-turitop a{ color: #242424; background-color: #fff; line-height: 36px; display: flex; padding: 0 15px 0 15px; text-transform: uppercase; font-weight: bold; font-size: 16px; cursor: pointer; }
.slider-booknow .loading-turitop a:hover{ background-color: #b6db00; color: #000; }
.home-slider .lastminute{ display: flex; justify-content: flex-start; }
.home-slider .patch{ display: flex; background-color: rgba(168,30,17,0.95); line-height: 31px; padding: 0 12px 0 12px; font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; }

.home-anchor{ margin: -36px 0 10px 20px; width: 200px; position: relative; box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.3); }
.home-anchor h1{ display: block; text-align: center; color:#333; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 13px 0 13px 0; background-color: #fff; }
.home-anchor h1:after{ content: ""; display: block; pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; width: 18px; height: 18px; margin: 2px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.home-banner{ background-color: #f2f2f2; padding: 80px 0 80px 0; }
.home-banner .info{ width: 100%; float: none; box-sizing: border-box; padding: 20px; }
.home-banner .title{ color: #242424; font-size: 17px; font-weight: bold; margin: 0 0 24px 0; }
.home-banner .separator{ width: 100%; height: 3px; vertical-align: middle; line-height: 0px; }
.home-banner .separator:before{ width: 100%; height:1px; background-color: #95b300; content: ""; display: block; }
.home-banner .separator:after{ width: 40%; height:3px; background-color: #95b300; content: ""; display: block; float: left; margin-top: -2px; }
.home-banner .text{ width: 100%; color: #242424; font-size: 14px; font-weight: 100; line-height: 21px; margin: 24px 0 24px 0; }
.home-banner .image{ width: 100%; float: none; box-sizing: border-box; padding: 0 100px 0 10px; }
.home-banner .image img{ max-width: 100%; }
.home-banner-wrap{ max-width: 950px; margin: 0 auto; text-align: left; }
.home-banner-wrap:after{ clear: both; content: ""; display: block; }
.home-button{ margin: 30px 0 40px 0; }

@media( min-width:768px ){
	.home-slider{ width: 100%; height: 600px; }
	.home-slider .title{ font-size: 30px; line-height: 32px; text-align: center; }
	.home-slider .text{ font-size: 18px; line-height: 21px; text-align: center; }
	.home-slider .buttons{ display: flex; justify-content: center; margin-top: 20px; }
	.home-slider .button-view{ color: #fff; background-color: #242424; line-height: 38px; display: flex; padding: 0 20px 0 3px; font-weight: 300; font-size: 14px; }
	.home-slider .button-book{ color: #242424; background-color: #fff; line-height: 38px; display: flex; padding: 0 20px 0 20px; text-transform: uppercase; font-weight: ffo; font-size: 16px; }	
	.home-slider .lastminute{ display: flex; justify-content: center; }
	.home-anchor{ margin: -40px 0 20px 0; width: 250px; left: 50%; transform: translateX(-50%); }
	.home-anchor h1{ font-size: 21px; }
	.home-banner .info{ width: 50%; float: left; }
	.home-banner .title{ font-size: 25px; }
	.home-banner .text{ font-size: 17px; line-height: 24px; }
	.home-banner .image{ width: 50%; float: right; padding: 0 10px 0 10px; }
}
@media( min-width:1200px ){
	.home-slider .title{ font-size: 36px; line-height: 40px; }
	.home-slider .text{ font-size: 21px; line-height: 24px; }
	.home-anchor{ margin: -48px 0 20px 0; width: 320px; }
	.home-anchor h1{ font-size: 27px; }
	.home-slider{ width: 100%; height: 800px; }
	.home-text{ font-size: 18px; padding: 20px 20px 60px 20px; }
}


/********* GLOBAL **********/

/* PAGE */
.page-text{ max-width: 950px; text-align: center; font-size: 16px; line-height: 24px; margin: 0 auto; padding: 30px 20px 30px 20px; text-align: left; font-weight: 300; }
.page-customtext{ max-width: 950px; text-align: left; font-size: 16px; line-height: 24px; margin: 0 auto; padding: 30px 20px 30px 20px; text-align: left; font-weight: 100; }
.page-title{ color: #333; font-size: 27px; font-weight: 300; line-height: 100px; text-transform: uppercase; text-align: left; box-sizing: border-box; padding: 0 20px 0 20px; }
.page-separator{ width: 100%; height: 3px; margin: 0 auto; vertical-align: middle; box-sizing: border-box; padding: 0 20px 0 20px; }
.page-separator:before{ width: 100%; height:1px; background-color: #95b300; content: ""; display: block; }
.page-separator:after{ width: 40%; height:3px; background-color: #95b300; margin: 0 auto; content: ""; display: block; float: left; margin-top: -2px; }
.page-offset{ height: 100px; }

.button-green{ display:inline-flex; align-items:center; width: auto; background-color: #95b300; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 12px 10px 20px; }
.button-green:hover{ background-color: #242424; }
.button-green img{ border-left: 1px solid rgba(255,255,255,0.3); margin-left: 20px; padding-left: 10px; }

@media( min-width:768px ){
	.page-text{ font-size: 16px; padding: 30px 20px 40px 20px; text-align: center; line-height: 24px; }
	.page-title{ text-align: center; }
	.page-separator{ width: 500px; }
	.page-separator:after{ float: none; }
}
@media( min-width:1200px ){
	.page-text{ font-size: 16px; padding: 30px 20px 40px 20px; line-height: 28px; }
	.page-offset{ height: 120px; }
}


/* TOUR THUMB */
.tour-thumb-wrap{ box-sizing: border-box; overflow:auto; }
.tour-thumb{ width: 100%; height: 350px; position: relative; padding: 0px 0px 8px 0px; }
.tour-thumb .image{ width: 100%; height: 274px; position: relative; background-size: cover; background-position: center center; }
.tour-thumb .info{ background: linear-gradient( to bottom, rgba(36,36,36,0.4), rgba(36,36,36,0.9) ); position: absolute; bottom: 0; width: 100%; color: #fff; padding: 15px 20px 0 20px; box-sizing: border-box; }
.tour-thumb .info *{ pointer-events: none; }
.tour-thumb .info-wrap{ position: relative; min-height: 0px; display: flex; padding-bottom: 15px; }
.tour-thumb .info-title{ font-size: 14px; font-weight: 500; text-align: left; line-height: 16px; align-self: flex-end; flex: 1; }
.tour-thumb .info-price{ font-size: 14px; height: 33px; text-align: right; flex: 0 0 150px; align-self: flex-end; }
.tour-thumb .info-price span{ font-size: 37px; line-height: 31px; color: #b6db00; }
.tour-thumb .info-price div{ display: inline-block; font-size: 16px; color: rgba(255,255,255,0.7); font-weight: 500; position: relative; }
.tour-thumb .info-price div::after{ content: ''; border-bottom: 1px solid #f00; width: 100%; position: absolute; right: 0; top: 48%; 
	-webkit-transform: translate(-2px,-1px) rotate(-30deg);
	-moz-transform: translate(-2px,-1px) rotate(-30deg);
	-o-transform: translate(-2px,-1px) rotate(-30deg);
	transform: translate(-2px,-1px) rotate(-30deg); }
.tour-thumb .info-text{ font-size: 13px; text-align: left; overflow: hidden; max-height: 0; border-top: none; }
.tour-thumb .info:hover .info-text{ max-height: 120px; padding: 15px 0 15px 0; border-top:1px solid rgba(255,255,255,0.2); }
.tour-thumb .bar{ width: 100%; height: 76px; background-color: #242424; }
.tour-thumb .patch{ position: absolute; top: 20px; left: 20px; background-color: rgba(255,255,255,0.95); line-height: 29px; padding: 0 12px 0 12px; font-size: 14px; color: #242424; text-transform: inherit; font-weight: 500; }
.tour-thumb .lastminute{ position: absolute; top: 49px; left: 20px; background-color: rgba(168,30,17,0.95); line-height: 29px; padding: 0 12px 0 12px; font-size: 12px; color: #fff; font-weight: bold;  text-transform: uppercase;}
.tour-thumb .button-view{ display: block; float: left; color: #fff; background-color: transparent; line-height: 36px; margin: 20px 0px 20px 0; padding: 0 20px 0 12px; font-weight: 300; display: flex; align-items: center; font-size: 14px; }
.tour-thumb .button-view:hover{ opacity: 0.7; }
.thumb-booknow .loading-turitop a{ display: block; float: right; color: #242424; background-color: #fff; line-height: 36px; margin: 20px; padding: 0 20px 0 20px; text-transform: uppercase; font-weight: bold; font-size: 16px; cursor: pointer; }
.thumb-booknow .loading-turitop a:hover{ background-color: #b6db00; color: #000; }
@media( min-width:768px ){
	.tour-thumb{ height: 400px }
	.tour-thumb .image{ height: 324px; }
	.tour-thumb .info{ padding: 20px 20px 0px 20px; }
	.tour-thumb .info-wrap{ padding-bottom: 20px; }
	.tour-thumb .info-title{ font-size: 17px; line-height: 18px; }
	.tour-thumb .info:hover .info-text{ padding: 20px 0 20px 0; }
}
@media( min-width:1200px ){
	.tour-thumb{ height: 450px }
	.tour-thumb .image{ height: 374px; }
}


/* COLUMNS */
.col3{ width: 100%; float: left; padding: 0px; box-sizing: border-box; }
@media( min-width:768px ) and ( max-width:1199px ){
	.col3{ width: 50%; padding: 0 4px 0 4px; box-sizing: border-box; }
	.col3:nth-child(2n+1){ padding-left: 0px; }
	.col3:nth-child(2n){ padding-right: 0px; }
}
@media( min-width:1200px ){
	.col3{ width: 33.3333333%; padding: 0 4px 0 4px; box-sizing: border-box; }
	.col3:nth-child(3n+1){ padding-left: 0px; }
	.col3:nth-child(3n){ padding-right: 0px; }
}

/* TOUR DETAIL */
.tour-slider{ width: 100%; height: 298px; position: relative; }
.tour-title{ text-align: left; font-size: 24px; font-weight: 500; line-height: 32px; color: #fff; padding: 40px 120px 80px 20px; border-bottom: 1px solid #444; background: linear-gradient( to bottom, rgba(34,34,34,0.0), rgba(34,34,34,1) ); bottom: 0; position: absolute; z-index: 222; width: 100%; box-sizing: border-box; }
.tour-h1{ position: absolute; bottom: 0; color: #fff; z-index: 9999; padding: 0 0 40px 20px;}
.tour-h1 h1{ font-size: 14px; font-weight: 300; margin: 0; }

.tour-details{ color: #242424; font-size: 15px; display: block; padding: 22px 0 20px 20px; background-color: #fff; border-bottom: 1px solid #ccc; text-align: left; font-size: 14px; }
.tour-details div{ padding: 0 20px 5px 0px; border-left: none; }
.tour-details div:first-child{ padding-right: 0 5px 10px 0; border: 0; }

.tour-information{ display: block; text-align: left; }
.tour-information > div{ flex: 1; border-left: none; margin: 50px 0 50px 0px; padding: 0 20px 0 20px; font-size: 16px; line-height: 24px; }
.tour-information > div:first-child{ border: none; }
.tour-information > div .title{ font-size: 32px; line-height: 32px; padding: 0 0 30px 0; }
.tour-information > div .title-fixed{ position: fixed; visibility: hidden; left: 0; right: 0; font-size: 18px; font-weight: 500; line-height: 40px; padding: 0 0 0 20px; background: #fff; width: 100%; z-index: 900; box-sizing: border-box; cursor: pointer; transition: right 0.2s ease-in-out; -webkit-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; }
.tour-information > div .text > ul{ line-height: 30px; margin: 10px 0 10px 0; }
.tour-information a{ color: #95b300; font-weight: 500; border-bottom: 1px dotted #95b300; }
.tour-information a:hover{ color: #242424; border-bottom: 1px dotted #242424; }

.details-booknow a{ width: 100%; margin-left: 0px; text-align: left; position: fixed; left: 0; right:0; bottom: 0; display: block; background-color: #95b300; color: #fff; padding: 10px 20px 10px 20px; font-size: 21px; font-weight: bold; z-index: 950; box-sizing: border-box; cursor: pointer; }

@media( min-width:768px ){
	.tour-slider{ height: 520px; }
	.tour-title{ font-size: 32px; line-height: 40px; padding: 40px 100px 80px 40px; }
	.tour-h1{padding: 0 0 40px 40px;}
	.tour-h1 h1{ font-size: 16px; font-weight: 300; margin: 0; }

	.tour-details{ display: flex; padding: 38px 0 40px 20px; font-size: 16px; }
	.tour-details div{ padding: 0 20px 0 20px; border-left: 1px solid #ccc; }
	.tour-details div:first-child{ padding-right: 0 20px 10px 0; border: 0; }
	.tour-information > div{ margin: 50px 0 50px 0px; padding: 0 40px 0 40px; }
	.tour-information > div .title{ font-size: 32px; line-height: 32px; padding: 0 0 40px 0; }
	.tour-information > div .title-fixed{ padding: 0 0 0 40px; }

	.details-booknow a{ padding: 10px 20px 10px 40px; }
}
@media( min-width:1200px ){
	.tour-slider{ height: 720px; }
	.tour-title{ font-size: 40px; line-height: 50px; padding: 40px 100px 80px 40px; }
	.tour-h1 h1{ font-size: 18px; font-weight: 300; margin: 0; }
	.tour-information{ display: flex; text-align: left; }
	.tour-information > div{ border-left: 1px solid #ccc; }

	.details-booknow a{ width: auto; left: auto; right:auto; bottom: 0; padding: 10px 20px 10px 20px; font-size: 21px; margin-left: 40px; }
}
@media( min-width:1600px ){
	.tour-slider{ height: 820px; }
}

/* PARTNERS */

.partners{ max-width: 1200px; margin: 0 auto; }
.partners-container{ box-sizing: border-box; margin-top: -20px; margin-left:-4px; margin-right:-4px; }
.partners-container::after{ content: ""; display: block; clear: both; }
.partners-logo{ display:block; background-color: #fff; height: auto; box-sizing: border-box; padding: 10px 20px 0 20px; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.1); color: #242424; margin: 0; }
.partners-logo:hover{ color: #95b300; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2); }
.partners-logo img{ display: block; width: 100%; border-bottom: 1px solid rgb(223, 223, 223); }
.partners-logo div{ font-size: 12px; line-height: 14px; padding: 13px 0 13px 0; }

.col5{ width: 50%; float: left; padding: 4px 4px 4px 4px; box-sizing: border-box; }
@media( min-width:480px ) and ( max-width:767px ){
	.col5{ width: 50%; box-sizing: border-box; }
}
@media( min-width:768px ) and ( max-width:999px ){
	.col5{ width: 33.3333333333%; box-sizing: border-box; }
}
@media( min-width:1000px ) and ( max-width:1199px ){
	.col5{ width: 25%; box-sizing: border-box; }
}
@media( min-width:1200px ){
	.col5{ width: 20%; box-sizing: border-box; }
}

.nopage{ background: #242424; }
.nopage img{ max-width:100%; max-height:100%; }

.terms{ text-align: left; }
.terms a{ color:#95b300; border-bottom: 1px solid #95b300; }
.terms div{ font-weight: 600 }

.box-cookie{
	/*display:none;*/
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.2);
	
	position:fixed;
	bottom:0px; right:0px;
	background:#fff;
	padding:0;
	z-index:9999;
	font-size:15px;
}
.box-cookie-container{
	width:100%;
	padding: 20px;
	box-sizing: border-box;
}
.box-cookie-link{
	display: block;
	color: #95b300;
}
.box-cookie-button{
	display: block;
	background:#95b300;
	padding:10px;
	box-sizing: border-box;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	color: #fff;
}
.box-cookie-button:hover{
	background:#242424;
}
@media( min-width:512px ){
	.box-cookie{ width:260px; bottom:20px; right:20px; }
}


/* SIMPLE TOUR THUMB  15.12.2019. */
/* COLUMNS */
.tour-thumb-simple-container{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 8px; max-width: 950px; justify-items: center; }
.tour-thumb-simple-wrap{ display: block }

.tour-thumb-simple-info-wrap{ position: relative; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 8px; }
.tour-thumb-simple-info-title{ font-size: 16px; line-height: 20px; font-weight: 500; text-align: left; color:#fff; align-self: end; }
.tour-thumb-simple-info-price{ font-size: 14px; height: 33px; text-align: right; color:#fff; align-self: end; }
.tour-thumb-simple-info-price span{ font-size: 37px; line-height: 31px; color: #b6db00; }
.tour-thumb-simple-info-price div{ display: inline-block; font-size: 16px; color: rgba(255,255,255,0.7); font-weight: 500; position: relative; }
.tour-thumb-simple-info-price div::after{ content: ''; border-bottom: 1px solid #f00; width: 100%; position: absolute; right: 0; top: 48%; 
	-webkit-transform: translate(-2px,-1px) rotate(-30deg);
	-moz-transform: translate(-2px,-1px) rotate(-30deg);
	-o-transform: translate(-2px,-1px) rotate(-30deg);
	transform: translate(-2px,-1px) rotate(-30deg); }

.tour-thumb-simple{ width: 100%; height: 100%; position: relative; background-color: #242424; display: block; }
.tour-thumb-simple:hover{ background-color: #333;}
.tour-thumb-simple .image{ width: 100%; height: 274px; position: relative; background-size: cover; background-position: center center; }
.tour-thumb-simple .info{ background: linear-gradient( to bottom, rgba(36,36,36,0.4), rgba(36,36,36,0.9) ); position: absolute; bottom: 0; width: 100%; color: #fff; padding: 15px 20px 0 20px; box-sizing: border-box; }
.tour-thumb-simple .info-title{ font-size: 14px; font-weight: 500; text-align: left; line-height: 16px; color:#fff; }
.tour-thumb-simple .info-text{ font-size: 14px; line-height: 20px; text-align: left; border-top: 1px solid rgba(255,255,255,0.1); color:#fff; padding-top: 18px; margin-top: 18px;  }
.tour-thumb-simple .bar{ width: 100%; padding: 20px; box-sizing: border-box;  }
.tour-thumb-simple .lastminute{ position: absolute; top: 49px; left: 20px; background-color: rgba(168,30,17,0.95); line-height: 29px; padding: 0 12px 0 12px; font-size: 12px; color: #fff; font-weight: bold;  text-transform: uppercase;}
@media( min-width:768px ){
	.tour-thumb-simple-container{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 8px; }
	.tour-thumb-simple .image{ height: 300px; }
	.tour-thumb-simple .info{ padding: 20px 20px 0px 20px; }
	.tour-thumb-simple .info-title{ font-size: 17px; line-height: 18px; }
}
@media( min-width:1200px ){
	.tour-thumb-simple-container{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 8px; }
	.tour-thumb-simple .image{ height: 300px; }
}

/**** SEASONAL OFFER ****/
.seasonal-offer span{
	font-weight: 600;
}
.seasonal-offer a{ color: #95b300; font-weight: 500; border-bottom: 1px dotted #95b300; }
.seasonal-offer a:hover{ color: #242424; border-bottom: 1px dotted #242424; }