/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* CSS Document */
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-light-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-medium-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-mediumitalic-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-bold-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-heavy-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-heavy-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('../themes/zenit-travel/assets/fonts/lato/lato-black-webfont.woff2') format('woff2'),
         url('../themes/zenit-travel/assets/fonts/lato/lato-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

@font-face {
  font-family: "myicons";
  src:url("../themes/zenit-travel/assets/fonts/myicons/myicons.eot");
  src:url("../themes/zenit-travel/assets/fonts/myicons/myicons.eot?#iefix") format("embedded-opentype"),
    url("../themes/zenit-travel/assets/fonts/myicons/myicons.woff") format("woff"),
    url("../themes/zenit-travel/assets/fonts/myicons/myicons.ttf") format("truetype"),
    url("../themes/zenit-travel/assets/fonts/myicons/myicons.svg#myicons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before,[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "myicons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {content: "\61";}
.icon-email:before {content: "\62";}
.icon-facebook:before {content: "\63";}
.icon-instagram:before {content: "\64";}
.icon-google:before {content: "\65";}
.icon-tripadvisor:before {content: "\66";}
.icon-calendar:before {content: "\67";}
.icon-phone:before {content: "\68";}
.icon-location:before {content: "\69";}
.icon-worlwide:before {content: "\6a";}
.icon-play:before {content: "\6b";}
.icon-araucarias:before {content: "\6c";}
.icon-shoe:before {content: "\6d";}
.icon-clava-simple:before {content: "\6e";}
.icon-thumbs-up:before {content: "\6f";}
.icon-arrow-follow:before {content: "\71";}
.icon-arrow-down:before {content: "\72";}
.icon-mountain:before {content: "\73";}
.icon-zorro:before {content: "\74";}
.icon-clava-mapuche:before {content: "\75";}
.icon-lotus:before {content: "\76";}
.icon-telescope:before {content: "\77";}
.icon-grapes:before {content: "\78";}
.icon-zenit-emblem:before {content: "\79";}
.icon-sent-mail:before {content: "\7a";}
.icon-levels:before {content: "\41";}
.icon-arrow-select:before {content: "\42";}
.icon-flag:before {content: "\43";}
.icon-hike:before {content: "\44";}
.icon-mountain-ascent:before {content: "\45";}
.icon-next:before {content: "\46";}
.icon-prev:before {content: "\47";}
.icon-nature:before {content: "\48";}
.icon-team:before {content: "\49";}
.icon-responsibility:before {content: "\4a";}
.icon-diversity:before {content: "\4b";}
.icon-zenit:before {content: "\4c";}
.icon-info:before {content: "\70";}
.icon-people:before {content: "\4d";}
.icon-duration:before {content: "\4e";}
.icon-location2:before {content: "\4f";}
.icon-tent:before {content: "\50";}
.icon-map:before {content: "\51";}
.icon-meter:before {content: "\52";}
.icon-snowflake:before {content: "\53";}
.icon-lotus-simple:before {content: "\54";}
.icon-aroma:before {content: "\55";}
.icon-kayak:before {content: "\56";}
.icon-telescope-simple:before {content: "\57";}
.icon-grapes-simple:before {content: "\58";}

*, *::before, *::after {
	margin: 0 auto;
	box-sizing: border-box;
	/*
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  */
}
html,body {
	padding: 0;
	font-family: "Lato", Verdana, Arial, sans-serif;
   font-size: 100%;
   font-weight: 400;
   line-height: 1.4;
   color: #898983;
   text-rendering: optimizeLegibility;
	background:#ffffff;}
html {
    overflow: scroll;
    overflow-x: hidden;
}


ul, ol {
	padding: 0;
	list-style: none;}
a, a::before {
	text-decoration:none;
	outline: 0;
   transition: color .3s, background .3s;}

h1, h2, h3, h4, h5 {
	margin:-.25em auto 0;
	font-weight: 800;
	color: #5b7141;
}

::selection{background:#A1D403;color:#fff;text-shadow:none}
::-moz-selection{background:#A1D403;color:#fff;text-shadow:none}
::-webkit-selection{background:#A1D403;color:#fff;text-shadow:none}
::placeholder {
    color: #828282;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #828282;
}
::-ms-input-placeholder {color: #828282;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,canvas,iframe,img,svg,video {vertical-align: middle;}

fieldset, legend {
    border: 0;
    margin: 0;
    padding: 0;}
input, textarea, button, select{
	color: inherit;
	/*font: inherit;*/
	margin: 0;
	background: transparent;
	outline: 0!important;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
	height: auto;
}
select::-ms-expand {display: none;}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;}
input::-ms-check{
    display:none;
	 width:0;
}
input:required {box-shadow:none;}
input:invalid {box-shadow:0 0 0 red;}
textarea {
    resize: none;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body::before {display:none; content: "desktop";}
.container {
	z-index: 1;
	position: relative;
	text-align: center;
	width: 93%;
	max-width: 101.3125em}

.combi {
	display: inline-block;
	vertical-align: top;}
section {
	z-index: 1;
	position: relative;
	padding:9.375em 0;}
section.intro {padding:8.75em 0; }
section .background, section .background-bottom {
  position: absolute;
  top:0; left:0; right:0;
  height: 100%;
  width:100%;
  background: fixed 50% 50% no-repeat;
  background-size: cover;}
section .background-bottom {top:auto; bottom:0;}
.text {
	max-width: 34em; /* or 35.9375em */
	margin:0;
	text-align: left;}
.solo {
	max-width: 60em;
	margin:0 auto;
	text-align: center;
	margin-bottom:4em;}
.text h1 {
	margin-bottom: .5em;
	font-size: 2.425em;
	font-weight: 600;
	line-height: 1.25;
}
.text h2, .text h3 {
	font-size:.95em;
	letter-spacing: .125em;
	text-transform: uppercase;
	color: #B7D800;}
.text hgroup h2 {margin-bottom: 1.5em; font-weight: 900;}
h1.no-margin-bottom {margin-bottom:0!important;}
h2.italic {
	font-size: 2em;
	font-weight: 500;
	text-transform: none;
	font-style:italic;
	letter-spacing: 0;
	color:#B7D800!important;}

.text p {
	font-size: 1.05em;
	line-height: 1.85;
	letter-spacing: .0125em;
}
.text p.top-spacing {margin-top:1em}
small.style {
	display: block;
	margin-top:1em;
}
a.follow-link {
	display: inline-block; 
	margin-top:2.5em;
	font-size: .9375em;
	font-weight:800;
	color:#5b7141!important;
	letter-spacing: .08em;
	text-transform:uppercase;}
a.follow-link i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: 5px; top:-2px;
	font-size:.85rem;
	-webkit-transition: -webkit-transform .3s, color .3s;
	-ms-transition: -ms-transform .3s, color .3s;
	transition: transform .3s, color .3s;
	}
a.follow-link:hover i {
	color:#B7D800;
	-webkit-transform: translate3d(5px,0,0);
	-ms-transform: translate3d(5px,0,0);
	transform: translate3d(5px,0,0);
}
a:hover, .show_info:hover i, #menu-overlay a:hover, .lime, .legal-links a:hover, .legal-links li.active a, a.active {color:#B7D800;}
#Experience .text a, .extra-trip-boxes a {font-weight:600; color:#B7D800}

section:nth-of-type(2n-1) {background:black;} /* correct later */
section:nth-of-type(2n-1) p {font-weight:300;}
.white h1,.white h2, .white h3, .white h4, .white p {color:#fff}

#hero .container {height:100%;}
#hero {
	position: relative;
	height:100vh;
	width:100%;
	min-height:40em;
	max-height: 52em;
	padding:0; /*reset the padding:7% 0*/
	background-color:#272727;
	overflow:hidden}
#hero.index {max-height: 57em; min-height:48em;}
#hero.legal {height: 52vh;}

#hero .background::before, .background-bottom::before {
	content:"";
	position: absolute;
	top:0; left:0; right:0;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,.3);
	background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.2), rgba(0,0,0,.3));
} /* dark overlay */
.background-bottom::before {background: rgba(0,0,0,.25);}
.has-borders::before, .has-borders::after, .has-top-border::before, .has-bottom-border::after{
	z-index: 20;
	content:"";
	position: absolute;
	top:-1px; left:0; right:0;
	height:25px;
	width:100%;
	background:url(../themes/zenit-travel/assets/img/borders/grunge-top.svg) 50% 0 repeat-x;
	background-size: 1920px 25px;}
.has-borders::after, .has-bottom-border::after {
	height:30px;
	top:auto; bottom:-2px;
	background:url(../themes/zenit-travel/assets/img/borders/grunge-bottom.svg) 0 100% repeat-x;
	background-size: 1920px 30px;
}
#hero::before {
	height:81px;
	background:url(../themes/zenit-travel/assets/img/borders/hero-grunge-top.svg) 50% 0 no-repeat;
	background-size: 2200px 81px;
}
#hero::after {box-shadow: 0 3px 2px #fff;
	bottom:-3px;
	height:64px;
	background: url(../themes/zenit-travel/assets/img/borders/hero-grunge-bottom.svg) 50% 100% repeat-x;
	background-size: 1920px 64px;
}

#hero .text {
	position: absolute;
	top:53%; left: 0; right:0;
	width: 100%;
	max-width: none;
	margin:0 auto;
	text-align: center;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
#hero.legal .text {top:55%;}
#hero h1 {
	margin-bottom: .75em;
	font-size: 3em;
	line-height: 1.275;
	font-weight: 900;
	max-width: 18em;
	color:#fff;
	letter-spacing: .1em;
	text-transform: uppercase;
}
#hero h2, .motivation h2 {
	max-width: 24em;
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: .03em;
	text-transform: none;
	color:#fff;
	width:100%;
}

#hero.index .links {margin-top:3em;}
.btn, .program a, .read_itinerary {
	display: inline-block;
	vertical-align: middle;
	width:100%;
	max-width: 18em;	
	padding: 1.25em;
	font-size: .9em;
	line-height: 1.4;
	text-align: center;
	color:#fff;
	letter-spacing: .08em;
	text-transform: uppercase;
	background-color: hsl(88,27%,26%);
	border:0.2em solid hsl(88,27%,26%);
	transition: color .3s, background-color .3s, border-color .3s, text-shadow .3s;
}
.btn:hover, .book_event:hover, .show-payments .book_event, #navbar.fixed .events:hover, .program a:hover {
	color:#fff;
	background-color:#A7C500;
	border-color: #A7C500;
}


button.video, .motivation .btn {
	position: relative;
	background:transparent;
	border-color: hsla(0,0%,100%,0.75);}
button.video {margin-left:1em;cursor:pointer}
button.video .icon-play{
	position: relative;
	top:10px;
	font-size:2.25em;
	line-height: 0;
	margin-right: .25em;}

.motivation {
	max-width:60em;
	margin-top:1em;
	text-align:center!important;
	text-shadow:0px 2px 5px hsla(0,0%,0%,.5);
}
.motivation h1 {
	margin:-.25em auto .75em;
	letter-spacing: .025em;
	font-size:2.825em;
	line-height: 1.3;
	font-weight: 500;
	color:#fff;}
.motivation h2 {
	max-width: none;
	font-size: 1.325em;
	margin-bottom:3em;}
.motivation .btn {
	max-width:19em;
	margin:0 auto;}
.motivation .btn:hover, #navbar .events:hover {
	color:#424242;
	background-color:#fff;
	border-color: #fff;
	text-shadow: none;}
.tooltip {
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	font-weight: 300;
	line-height: 1.6;
	text-align: center;
	letter-spacing: .03em;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-transform: translate3d(0,-5px,0);
   -ms-transform: translate3d(0,-5px,0);
   transform: translate3d(0,-5px,0);
   -webkit-transition: -webkit-transform .35s ease-in-out, opacity .35s ease-in-out, visibility .35s ease-in-out;
   -ms-transition: -ms-transform .35s ease-in-out, opacity .35s ease-in-out, visibility .35s ease-in-out;
   transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility .35s ease-in-out;
}

.close {
	z-index:10;
	opacity: 0.5;
	position: absolute;
	top: 1.25em; right:1.25em;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: none;
	cursor: pointer;
	transition: opacity .3s ease-in-out;
}
.close:hover {opacity: 1;}
.close:before, .close:after {
  position: absolute;
  top:50%; left: 0; right:0;
  content: '';
  height: 24px;
  width: 2px;
  background-color: #6E6E6E;
}
.close:before {
  -webkit-transform: translate3d(0,-50%,0) rotate(45deg);
  -ms-transform: translate3d(0,-50%,0) rotate(45deg);
  transform: translate3d(0,-50%,0) rotate(45deg);
}
.close:after {
  -webkit-transform: translate3d(0,-50%,0) rotate(-45deg);
  -ms-transform: translate3d(0,-50%,0) rotate(-45deg);
  transform: translate3d(0,-50%,0) rotate(-45deg);
}



/* Home Page
 ========================================================================== */
 
#video-wrapper, iframe {
	z-index: 1000;
	position: fixed;
	top:0; left:0; right:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
#video-wrapper::after{
	opacity: 0;
   content: "";
   position: absolute;
   top: 50%; left: 50%;
   width: 650px;
   height: 650px;
   margin-left: -325px;
   margin-top: -325px;
   border-radius: 50%;
   background: hsla(91,25%,8%,1);
   z-index: 1;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	transition: opacity .75s ease;}

iframe {
	opacity: 0;
	z-index: 2;
	position: absolute;
   transition: opacity .5s ease;}
#video-wrapper.activate::after{
	opacity: 1;
	-webkit-transform: scale(4);
	-ms-transform: scale(4);
	transform: scale(4);
	-webkit-transition: -webkit-transform 1.5s ease;
	-ms-transition: -ms-transform 1.5s ease;
	transition: transform 1.5s ease;}
#video-wrapper.activate iframe {
	opacity: 1;
   transition: opacity .75s 1.25s ease;
}
#video-wrapper .close {
	visibility: hidden;
	opacity: 0;
	padding:1.25em;
	background-color:hsl(88,27%,17%);
	border-radius:50%;
	transition:opacity .35s ease, visibility .35s ease;}
#video-wrapper .close:hover {background-color:#A7C500}
#video-wrapper .close::before, #video-wrapper  .close::after{
	height: 16px;
	width: 2px;
	background-color: rgba(255,255,255,.75);}
#video-wrapper .close:hover::before, #video-wrapper  .close:hover::after{background-color:#fff}
#video-wrapper.activate .close {
	opacity: 1;
	visibility: visible;
	transition: opacity .5s 1s ease, visibility .5s 1s ease, background-color .35s ease;}

/* Natural Wonders
 --------------------------------------------------------------- */ 
#intro-slider {
	position: relative;
	height:725px;

	width:525px;
	text-align: center;
	margin-right: 8%;
	box-shadow: 0px 10px 30px hsla(0,0%,0%,.55);
	overflow: hidden;
}
.slide-images li {
	opacity: 0;
	position: absolute;
	left: 0; right: 0; top:0;
	height:100%;
	width: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	transition: opacity .5s;
}
.slide-images li.active {opacity:1;}
#intro-slider .caption {
	position: absolute;
	bottom: 0; left:0; right:0;
	width:100%;
	padding: 2.75em 18%;
	text-shadow: 1px 1px 15px #000;
}
#intro-slider h4 {
	text-transform: uppercase;
	font-size: .9375em;
	letter-spacing: .1em;}
#intro-slider p {
	font-size: .9125em;
	font-weight: 300;
}
#intro-slider .navigation {
	z-index: 3;
	position: absolute;
	bottom:0; left:0; right:0;
	padding:2.75em;	
	text-align: left;
}
#intro-slider button {
	height:42px;
	width:42px;
	font-size:18px;
	line-height:44px;
	color:rgba(255,255,255,.6);
	background-color:transparent;
	border:1px solid rgba(255,255,255,.5);
	cursor:pointer;
	transition: color .3s, border-color .3s;
}
#intro-slider button:hover {
	color:#fff;
	border:1px solid rgba(255,255,255,1);
}
#intro-slider .next {float:right;}

#NaturalWonders {padding-bottom:0;}
#NaturalWonders .text {
	margin-top:2.5%;
	max-width: 720px;
	width: calc(94% - 580px);
}
.wonders {margin-top:3em;}
.wonders li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:47%;
	max-width: 350px;
	padding-left:4em;
	margin-bottom:2em;
}
.wonders li:nth-child(2n-1){margin-right:4%;}
.wonders h3 {
	font-size: .9375em;
	font-weight: 900;
	color:#5b7141;
	margin: .625em 0 .625em;
}
.wonders p {
	font-size:.925em;
	line-height: 1.55;
	font-weight: 300;}

.wonders li::before {
	display: inline-block;
	font-family: "myicons";
	position: absolute;
	left:0; top:0;
	height:49px;
	width:49px;
	font-size:1.425rem;
	line-height: 46px;
	text-align: center;
	color: #5b7141;
	border:1px solid #cdcdcd;
	border-radius: 50%;}
.wonders li:first-child::before {
	content:"\6c";
	font-size:1.75rem;
	text-indent: 1px;
}
.wonders li:nth-child(2)::before {content:"\6d";}
.wonders li:nth-child(3)::before {
	content: "\6e";
	font-size:1.6rem;
	line-height: 49px;
	text-indent: 1px;}
.wonders li:nth-child(4)::before {content:"\6f";}

.scrolldown {
	margin: 6em auto calc(1em + 1.5%);
	width: 12em;
	text-align: center;
	color:#5b7141;
	cursor: pointer;}
.scrolldown img {
	height:auto;
	width:100%;
	margin-bottom:1.825em;}
.scrolldown i {
	display:block;
	font-size: 2em;
	transition: color .3s}
.scrolldown:hover i{color: #B7D800;}

/* Adventures
 --------------------------------------------------------------- */
#Adventures .experiences {max-width: 90em;}
#Adventures .experiences li {
	display: inline-block;
	vertical-align: top;
	position: relative;
   width: 16%;
   height: auto;
   margin-right: .75%;
   padding-bottom: 16%;
	background: hsla(67,0%,10%,.5);
	border:1px solid hsla(0,0%,100%,.25);
}
#Adventures .experiences li:last-child {margin-right:0;}
#Adventures .experiences a {
	position: absolute;
	display:block;
   height: 100%;
	width:100%;
	color:#fff;
}
#Adventures .content {
	position: absolute;
	top:50%; left:0; right:0;
	padding:1em;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
#Adventures .experiences i {
	position: relative; 
	font-size:3.625em;}
#Adventures .experiences li:first-child i {top:5px;}
#Adventures .experiences li:nth-child(3) i {top:-3px;}
#Adventures .experiences li:nth-child(5) i {top:-2px;}
#Adventures .experiences p {
	font-size:.85em;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform:uppercase;
}

#Adventures .hidden-backgrounds li{
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left:0; right:0; top:0;
	width:100%;
	height:100%;
	transition:opacity .5s, visibility .5s;}
#Adventures .hidden-backgrounds li::after {
	z-index: 1;
	position: absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	content:"";
	background:hsla(0,0%,0%,.25);
}
#Adventures .hidden-backgrounds li.visible {opacity: 1; visibility: visible}


/* Glimpse of the Outdoors
 --------------------------------------------------------------- */
 
#GlimpseOutdoors .stargazing {margin-top:11em;}
#GlimpseOutdoors .text {margin-top:4.5%;}

#GlimpseOutdoors figure {
	position: relative;
	height:700px;
	width:525px;
	margin-left:8%;
	background: no-repeat 50% 50%;
	background-size: cover;
	box-shadow: 0px 10px 30px hsla(0,0%,0%,.55)
}
#GlimpseOutdoors .stargazing figure{
	height:650px;
	margin:0;
	margin-right: 8%;}

#GlimpseOutdoors .naturebeyond, #GlimpseOutdoors .stargazing {max-width:75em;}
#GlimpseOutdoors .naturebeyond figure,
#GlimpseOutdoors .stargazing .text {float:right;}
#GlimpseOutdoors .naturebeyond .text,
#GlimpseOutdoors .stargazing figure {float:left;}


#GlimpseOutdoors figcaption {
	position: absolute;
	bottom:0; left:0;
	padding:.25em 0 .125em;
	padding-left: .825em;
	margin:1.325em 1.5em;
	text-align: left;
}
#GlimpseOutdoors figcaption::after {
	content:"";
	position: absolute;
	left:0; top:50%;
	height:100%;
	width:2px;
	background:hsla(0,100%,100%,.5);
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
#GlimpseOutdoors figcaption h3 {
	text-transform: uppercase;
	font-size: .875em;
	letter-spacing: .1em;
}
#GlimpseOutdoors figcaption p {
	font-size:.87em;
	font-weight: 300;
	letter-spacing: .03em
}

/* Fun Facts
 --------------------------------------------------------------- */
 
#FunFacts {padding-bottom:7.5em}
#FunFacts .container {max-width:75em;}
#FunFacts .facts li {
	width:21%;
	max-width: 12em;
	text-align: center;
}

#FunFacts .facts span {
	color:#fff;
	font-size:5.25em;
	font-weight: 500;}
#FunFacts .facts h3 {
	font-size: .9375em;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	margin: .825em auto}
#FunFacts .facts p {font-size:.9375em;}


/* Testimonials
 --------------------------------------------------------------- */
 
#Testimonials .container {max-width:75em}
#Testimonials .background {
	top:auto;bottom:0;
	background: scroll no-repeat 50% bottom;
	background-size: 100% auto;
}
#Testimonials .background::before {
	z-index: 1;
	content:"";
	position: absolute;
	top:0; left:0;
	width:100%;
	height:40em;
	background-color:#fff;
}

#Testimonials .text {
	display: inline-block;
	vertical-align: middle;
	margin-bottom:2.5em;
	width: calc(89% - 24.5em);}
	
.testimonial-wrapper {position: relative; min-height: 35em;}
#Testimonials .portraits {
	display: inline-block;
	vertical-align: middle;
	min-width:24.5em;
	margin-left: 10%;
	text-align: right;}
#Testimonials .portraits li {
	display: inline-block;
	margin-right: 7%;
	width:100px;
	height:100px;
	border-radius: 50%;
	background-size:cover;}
#Testimonials .portraits li:last-child {margin-right:3%;}
#testimonial-slider {
   position: absolute;
	top:0; left:0; right:0;
	width: 100%; 
 	padding:4em 12% 8em;
	min-height: 35em;
	text-align: center;
	background:#fff;
	box-shadow: 0 7px 30px hsla(0,0%,0%,.25);
}
#testimonial-slider .arrows {
	z-index: 3;
	position:absolute;
	top:13.5em; right:0; left:0;
	width:82%;
	max-width: 27em;
	text-align: left;
	}
#testimonial-slider .arrow {
   z-index: 99;
   display: inline-block;
	font-size:1.25em;
	width:1em;
   cursor: pointer;
	text-align: center;
	color:#5b7141;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
   -webkit-transition: -webkit-transform .3s, color .3s ease-in-out;    
   -ms-transition: -ms-transform .3s, -ms-color .3s ease-in-out; 
   transition: transform .3s,color .3s ease-in-out;
}
#testimonial-slider .arrow:hover {
	color: #B7D800;
	-webkit-transform: translate3d(5px,0,0);
	-ms-transform: translate3d(5px,0,0);
	transform: translate3d(5px,0,0);
}
#testimonial-slider .arrow.prev-testimonial:hover {
	-webkit-transform: translate3d(-5px,0,0);
	-ms-transform: translate3d(-5px,0,0);
	transform: translate3d(-5px,0,0);

}
#testimonial-slider .next-testimonial {float:right}
#testimonial-slider .testimonials {position: relative;}
#testimonial-slider .testimonials > li {
	z-index: 2;
	opacity: 0;
   position: absolute;
   top: 0; left: 0;
	margin:0 auto;
	width:100%;
	transition: opacity .3s ease-in-out}
#testimonial-slider .testimonials > li.active {
   position: relative;
   opacity: 1;
}
#testimonial-slider .testimonials > li.inactive {opacity: .5;}

#testimonial-slider .portrait {
	opacity: 0;
	width:120px;
	height:120px;
	margin-bottom: 1.325em;
	border-radius: 50%;
	background: no-repeat 50% 50%;
	background-size: cover;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out,-ms-transform .5s ease-in-out;
	transition: opacity .5s ease-in-out,transform .5s ease-in-out;
}
#testimonial-slider .active .portrait {
	opacity: 1;
   -webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .5s ease-in-out,transform .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out,transform .5s ease-in-out;
	transition: opacity .5s ease-in-out,transform .5s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#testimonial-slider hgroup {letter-spacing: .03em;}
#testimonial-slider h2 {
    font-size: 1.325em;
	 font-weight: 600;
    margin-bottom: .25em;}
#testimonial-slider h3 {
    font-size: 1.025em;
	 font-weight: 300;
	 color:hsl(0,0%,65%)}
#testimonial-slider p {
	position: relative;
	max-width: 40em;
	margin-top:2.5em;
   font-size: 1.125em;
	font-weight: 300;
	line-height: 2;
   width: 100%;
}

#testimonial-slider hgroup, 
#testimonial-slider p {
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;}
#testimonial-slider .inactive hgroup, 
#testimonial-slider .inactive p {
	opacity:0; 
	-webkit-transform: translate3d(0,50%,0);
	-ms-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
#testimonial-slider .active hgroup,
#testimonial-slider .active p{
	opacity: 1; 
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#testimonial-slider .indicators {
    z-index: 99;
    position: absolute;
	 bottom:2.5em; left:0; right:0;
	 text-align: center;
    width: 100%;}
#testimonial-slider .indicators li {
	opacity: .25;
   display: inline-block;
   height: 27px;
   width: 27px;
   margin: 0 calc(.25% + .5em);
   border-radius: 50%;
	background: no-repeat 50% 50%;
	background-size: cover;
	cursor: pointer;
	-webkit-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7);
	-webkit-transition: opacity .3s ease-in-out, -webkit-transform .2s;
	-ms-transition: opacity .3s ease-in-out, -ms-transform .2s;
	transition: opacity .3s ease-in-out, transform .2s;
}
#testimonial-slider .indicators li.active,
#testimonial-slider .indicators li:hover {
	opacity: 1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

#Testimonials .motivation {margin:11em auto 2em;}


/* About Page
 ========================================================================== */
 
 #page_about .intro .text {
 	max-width: 40em;
	margin:0 auto;}

.motto hgroup h2 {margin-bottom:1em; }
 
section.philosophy {padding:0;} 
section.philosophy p {color:inherit; font-weight: 400;}

.division-level {
	display:table;
	position: relative;
	width:100%;}
.division-level .img {
	display: table-cell;
	position: relative;
	width: 50%;
	background: no-repeat 50% 50% transparent;
	background-size: cover;}
.division-level .img.appear {display:none}

.division-level .text-wrapper {
	display:table-cell;
	background: no-repeat 50% 50% transparent;
	background-size: cover;
}
.division02 .text-wrapper {text-align:right;}
.division-level .text {
	display: inline-block;
   width: 100%;
   max-width: 50em;
   padding: 7.5em 10%;
}

/* Core Values
 --------------------------------------------------------------- */
#CoreValues .container {max-width: 85em;}

.values figure {
 	 display: inline-block;
    position: relative;
    vertical-align: top;
    min-height: 21em;
    width: 18.5%;
	 margin-right: 1.875%;
    border: 1px solid hsl(75,25%,70%);
 }
.values figure:last-of-type {margin-right: 0;}

.values figcaption {padding:0 8%;}	
.values span{
	display: inline-block;
	width:100%;
	font-size:3.425em;
	color: #5b7141;
	margin:26% auto .425em;
}

.values h3 {
	font-size:1.25em;
	letter-spacing: .03em;
	margin-bottom:.5em;
}
.values p {
	font-size:.9375rem;
	font-weight: 300;}


/* Contact Page
 ========================================================================== */

#Contact .container {max-width:90em}
#Contact .combi {text-align:left;}

.contactform {	width:53%; max-width:45em;}
.contactform h2 {
	font-size:1.75em;
	font-weight: 600;
	margin-bottom: 1.25em;}
#Contact aside {width:40%; margin-right: 6%;}
#Contact aside .note {
	margin-top:1.75em
}
#Contact aside b, #Contact aside strong {font-weight: 600;}

.contact-info {
	margin-top:4em;
	line-height: 1.6;}
.contact-info li {
	margin-bottom:3.5em;
}
.contact-info li .email {
	text-decoration: underline;
	font-weight: 600;
}
.contact-info h3{
	margin-bottom:1em;
	text-transform: uppercase;
	font-size:.85rem;
	font-weight: 900;
	letter-spacing: .1em;
}


/* Contactform
 --------------------------------------------------------------- */
#contactForm legend {
 	margin-bottom:.75em;
 	font-size:1.35rem;
	font-weight: 600;
	color:#5B7242;
 }
#contactForm .sola {
	display: inline-block;
	color:#5B7242;
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: .625em;
}
#contactForm fieldset.top-spacing, .extra-trip-boxes .content h4:nth-of-type(2) {margin-top:1.5em}
#contactForm legend.with-text {margin-bottom:.5em}
#contactForm .fields p {margin-bottom:1.325em; line-height: 1.6;}
#contactForm .tooltip-container{position: relative; margin-left: .125em;cursor:help;}
#contactForm .tooltip-container::before {
	display: inline-block;
	position: relative;
	top:2px;left:0; right:0;
	font-family: "myicons";
	content:"\70";
	line-height: 0;
	color:#B7D800;
	font-size: 18px;
	font-style: normal;
}
#contactForm .tooltip {
	right: -30px; bottom: 38px;
	width: 280px;
	padding: 1.25em 1em;
	font-size: .825rem;
	font-style: normal;
	color: #ADCD49;
   background-color: hsla(91,25%,8%,.95);
}
#contactForm .tooltip::after {
	position: absolute;
	right:31px; bottom: -7px;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid hsla(91,25%,8%,.95);
}
#contactForm .tooltip-container:hover .tooltip, #contactForm .tooltip-container:focus .tooltip {
    opacity: 1;
	 visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#contactForm .input-wrap, #contactForm .select-wrap {
	position: relative;
	margin-bottom:1em;}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea, select {
    width: 100%;
    padding: .925em 1em;
	 font-size: .9375rem;
    font-weight: 300;
    text-overflow: ellipsis;
    color: #828282;
    border: 1px solid #d9d9d9;
    transition: color .3s, border-color .3s;}

.contact-method label, .select-wrap label, .select-wrap li{font-size:.9375rem}

#contactForm textarea {min-height:14em;}
#contactForm .divide {
 	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-right: 2%;
 }
#contactForm .divide:nth-of-type(2n) {margin-right:0;}

/* Placeholder */
#contactForm .placeholder {
	position: relative;
	width:100%;
	cursor:pointer;}
#select_request fieldset:first-of-type {
	position: relative;
}
#contactForm .placeholder::before, #contactForm .placeholder::after {
	z-index: 3;
	content:"";
	position: absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border: 1px solid #d9d9d9;}
#contactForm .select-wrap::before{display:none}
#contactForm .placeholder::after {
	width:5px;
	height:100%;
	background-color:#5b7141;
	border:none;
	transition:background-color .3s;}
#contactForm .placeholder .arrow {
	z-index: 5;
   position: absolute;
	right:0; top:0;
	height:100%;
	width:3em;
	text-align: center;
	pointer-events: none;}
#contactForm .placeholder .arrow span{
    position: absolute;
	 top:50%; left:0; right:0;
    width: 16px;
	 -webkit-transform:translate3d(0,-50%,0);
	 -ms-transform:translate3d(0,-50%,0);
	 transform:translate3d(0,-50%,0);
}
#contactForm .placeholder .arrow span::before, #contactForm .placeholder .arrow span::after {
	content:"";
	position: absolute;
 	height: 2px;
 	width: 10px;
 	background-color: #5b7141;
	-webkit-transition: -webkit-transform .2s, background-color .3s;
	-ms-transition: -ms-transform .2s, background-color .3s;
	transition: transform .2s, background-color .3s;
}
#contactForm .placeholder .arrow span::before {
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#contactForm .placeholder .arrow span::after {
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#contactForm .placeholder li {
	z-index: 2;
	opacity: 0;
	position: absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	padding: .9375em 1em;
	padding-left: calc(1em + 5px);
	font-weight: 600;
	color: #5b7141;
	background-color: #fff;
	transition: opacity .35s ease, color .35s;
}
#contactForm .placeholder:hover .arrow span:before, #contactForm .placeholder:hover .arrow span:after,#select_request.active .placeholder .arrow span:before,
#select_request.active .placeholder .arrow span:after {background-color:#B7D800}
#contactForm .placeholder li:first-of-type{
	opacity: 1;
	position: relative;
}
#select_request.active .placeholder .arrow span:before {
  -webkit-transform: rotate(-45deg);
  		-ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#select_request.active .placeholder .arrow span:after {
  -webkit-transform: rotate(45deg);
  		-ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Hidden type of message options */
#select_request .type_of_message, #filter-widget .difficulty {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top:0; left:0;
	overflow:hidden;
	height: 0;
	box-shadow: none;
	background-color:#fff;
	-webkit-transform: translate3d(0,-10%,0);
	-ms-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
	-webkit-transition: -webkit-transform .45s, opacity .35s, visibility .35s;
	-ms-transition: -ms-transform .45s, opacity .35s, visibility .35s;
	transition: transform .45s, opacity .35s, visibility .35s;
}

#select_request.active .type_of_message, .no-js #select_request .type_of_message,
#filter-widget.active .difficulty{
	z-index: 5;
	opacity: 1;
	visibility: visible;
	top:calc(100% + 1px);
	height:auto;
	width:100%;
	border:1px solid #d9d9d9;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#filter-widget.active .difficulty{top:3.825em; left:-1px;}

.no-js #select_request .type_of_message {
    position:relative;
    top:0;
}

.type_of_message label, .difficulty label{
	display: block;
	width:100%;
	height:100%;
	padding: .75em 1em;
	font-weight: 300;
	cursor: pointer;
	background-color:#fff;
	transition:color .3s,background-color .3s;}
	
#select_request.active .type_of_message label:hover {
	color:#5b7141;
	background-color: #f7f7f7;}

#general_question:checked ~ fieldset .placeholder .general_question, #trip_quotation:checked ~ fieldset .placeholder .trip_quotation, .contact-method input[type="radio"]:checked + label span::after {opacity:1;}
#select_request.active fieldset .placeholder .option {opacity: 0;}

#general_question:checked ~ fieldset .type_of_message label.general_question,
#trip_quotation:checked ~ fieldset .type_of_message label.trip_quotation{
	color:#C3C3C3;
	cursor:default;
	pointer-events: none;}

.display_fields {position: relative;}
.display_fields .fields {
	opacity:0;
	visibility: hidden;
	height:0;
}

#trip_quotation:checked ~ .display_fields .trip_quotation{
	opacity:1;
	visibility: visible;
	height:auto;
	margin-top:2.75em
}

/* image trip category checkboxes */
.adventures_checklist, .activity_checklist {margin-bottom:2.25em;}
.adventures_checklist label.image, .activity_checklist label {
	display: inline-block;
	cursor:pointer;
}

label.image {
	position: relative;
	vertical-align: top;
	width:33%;
	margin-right: .5%;
	margin-top: .5%;
	padding-bottom:20%;
	text-align: center;
	background: no-repeat 50% 50%;
	background-size: cover;
}
label.image::after{
	content:"";
	position: absolute;
	left:0; right:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.15);
	transition:background-color .35s;
}
label.image::before {
	opacity: 0;
	z-index: 4;
	position: absolute;
	bottom:.25em; right:.5em;
	content: '✓';
	font-size: 2rem;
	color: #B6DD3F;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-ms-transition: -ms-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
}
label.image:nth-of-type(3n){margin-right:0;}
label.image:nth-of-type(1),label.image:nth-of-type(2),
label.image:nth-of-type(3){margin-top:0;}
label.hike {background-image: url(../themes/zenit-travel/assets/img/contactform/hike.jpg)}
label.nature {background-image:url(../themes/zenit-travel/assets/img/contactform/nature.jpg)}
label.ancestral {background-image:url(../themes/zenit-travel/assets/img/contactform/ancestral.jpg)}
label.yoga {background-image:url(../themes/zenit-travel/assets/img/contactform/yoga.jpg)}
label.star {background-image:url(../themes/zenit-travel/assets/img/contactform/star.jpg)}
label.wine {background-image:url(../themes/zenit-travel/assets/img/contactform/wine.jpg)}

label.image i {
	z-index: 2;
	position: absolute;
	top:50%; left:0; right:0;
	padding:12%;
	color:#fff;
	font-size: .85rem;
	font-style: normal;
	font-weight: 900;
	text-shadow: 0 0 10px rgba(0,0,0,.75);
	text-transform: uppercase;
	letter-spacing: .15em;
	-webkit-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	transition: opacity .3s;
}

.adventures_checklist input:checked + label.image::after, label.image:hover::after{	background-color:hsla(91,30%,10%,.75);}
.adventures_checklist input:checked + label::before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.adventures_checklist input:checked + label span {opacity:.35;}

/* activity checkboxes */
.activity_checklist label {
	padding:.5em 1em;
	color:#8B8B88;
	text-transform: uppercase;
	font-size: .725rem;
	font-weight: 800;
	letter-spacing: .08em;
	background-color: #F0F0F0;
	border-radius: 3px;
	margin-right: 1%;
	margin-bottom: 1%;
	transition: color .3s,background-color .3s;
}
.activity_checklist label:hover {
	color:#ffffff;
	background-color: #ADCD49;}
.activity_checklist input:checked + label {
	color:#fff;
	background-color:#5B7242}

#number_travelers {
	padding:.75em 1em;
}

/* Contact Method Phone or Email */
.contact-method {
	display: block;
	margin-top:1.75em;}
.contact-method li {
	display: inline-block;
	vertical-align: top;
}
.contact-method li:first-child {margin-right:.5em}
.contact-method label {
	display: inline-block;
	vertical-align: middle;
	padding:.825em 1.425em;
	padding-left: 1em;
	width:100%;
	font-weight: 300;
	text-align: center;
	cursor:pointer;
	background-color:transparent;
	border:1px solid #f0f0f0;
	transition: background-color .3s;
}
.contact-method label span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top:-2px; left:0;
	height:14px;
	width:14px;
	margin-right: .5em;
	border:1px solid #a3a3a3;
	border-radius: 50%;
}
.contact-method label span::after {
	opacity: 0;
	position: absolute;
	top:50%; left:0; right:0;
	height: 8px; width:8px;
	content:"";
	background-color:#5a7141;
	border-radius: 50%;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
	transition: opacity .3s;
}
.contact-method input[type="radio"]:checked + label {
	 cursor:default;
	 background-color:#f7f7f7
}

.notice {
	background-color: #f7f7f7;
	padding:6.5%;
	font-style: italic;
	box-shadow: 1px 1px 3px rgba(0,0,0,.25);
}
.notice h3 {
	margin-bottom:.75em;
	font-size:1.325rem;}

.notice p {
	font-size:.9375rem;
	font-weight: 400;
	line-height: 1.6;
	color:hsla(0,0%,40%,1.00);
	margin-bottom:0!important;
}
.notice em {
	display: block;
	margin-top:1.75em;
	font-size:1.125em;
	color:#5B7242;
	max-width:28em;
	margin-left: 0;
}



#contactForm .input-wrap{position:relative;}
.validate_icon {
	opacity: 0;
	visibility: hidden;
	content:"";
	position: absolute;
	right:1em; top:1em;
	width:14px;
	height:14px;
	background-color:#fff;
	pointer-events: none;
	transition: opacity .3s, visibility .3s;
}
.invalid + .validate_icon, .empty + .validate_icon {
	opacity: 1;
	visibility: visible;
	background:url(../themes/zenit-travel/assets/img/contactform/validation/error.svg) 50% 50% no-repeat;
	background-size:11px 11px;
	}
.valid + .validate_icon {
	opacity: 1;
	visibility: visible;
	background:url(../themes/zenit-travel/assets/img/contactform/validation/success.svg) 50% 50% no-repeat;
	background-size: cover;}


input + i + span, textarea + i + span, .warning{
	opacity:0;
	display:block;
	content:"";
	padding:0;
	font-size: .825em;
	line-height: 1;
	text-align: left;
	background: transparent;
	transition: opacity .3s ease, background-color .3s ease;
}
.empty + i + span, .invalid + i + span, .invalid .warning {
	display:block;
	opacity:1;
	width:100%;
	padding:.5em .125em;
	color: hsl(359,75%,65%);
}
.invalid span {
	margin-top:.25em;
	font-size:.85rem}

.empty + i + span::before, .empty + i + span::before{content:attr(data-empty)!important;}
.invalid + i + span::before, .invalid + i + span::before, .invalid .warning::before {content:attr(data-invalid);}


/* Submit Button */
#submit, .book_event {
    display: block;
	 min-height:4.25em;
	 min-width: 20em;
	 padding: 0 2.5em;
	 margin-top: 2.25em;
    font-size: .825rem;
    font-weight: 400;
	 text-transform: uppercase;
    letter-spacing: .08em;
	 color:#fff;
    background-color: #5a7141;
    transition: background-color .3s;
	 cursor:pointer;}
#submit:hover {background-color:#B7D800}
#submit::before {content:attr(data-prompt)}
#submit.success::before {content:attr(data-success);}
#submit.error::before {content:attr(data-error);}
#submit.error, #submit.success {padding: 0 2em;}
#submit.error {
	background-color: #B32E30;
	cursor: default;
	pointer-events: none;
}
#submit.success {
	background-color: hsl(105,85%,25%);
	cursor: default;}

/* Special Message
 --------------------------------------------------------------- */
 
.special-message .container {max-width:40em;}
.special-message h1 {
	display: inline-block;
	font-size:2rem;
	font-weight: 300;
	letter-spacing: .03em;
	padding:.5em 0 .25em;
}


/* Navigation
 ========================================================================== */
#navbar {
	z-index: 999;
	position: absolute;
	top:0; left:0; right:0;
	width:100%;
	min-height: 65px;
	background-color: transparent;
	box-shadow: none;
}
#navbar .trigger {
	opacity: .8;
	display: inline-block;
	position: relative;
	top: 2em; left: 3em;
	height: 50px;
	font-size: .9375rem;
	font-weight: 800;
	line-height: 50px;
	text-align: center;
	letter-spacing: .08em;
	color:#fff;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: opacity .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
#navbar .trigger:hover {opacity:1}
#navbar .trigger::after {
	opacity: 0;
	content:"";
	position: absolute;
	top:50%; right:0;
	text-indent:100%;
	width:1px;
	height:80%;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
	background-color:hsl(0,0%,90%) ;
}
#navbar .trigger span {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 10px;
  margin-right:.5em;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -ms-transition: -ms-transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#navbar .trigger span::before,#navbar .trigger span::after {
	display: block;
	content:"";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #FFF;
	transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition-delay: 0s;
}
#navbar .trigger span::before {
  -webkit-transform: translate3d(0,0,0) rotate(0deg);
  -ms-transform: translate3d(0,0,0) rotate(0deg);
  transform: translate3d(0,0,0) rotate(0deg);
}
#navbar .trigger span::after {
	width:60%;
  -webkit-transform: translate3d(0,8px,0) rotate(0deg);
  -ms-transform: translate3d(0,8px,0) rotate(0deg);
  transform: translate3d(0,8px,0) rotate(0deg);
  transition: width .25s;
}
#navbar .trigger:hover span::after {width:100%;}
#navbar .logo {
	opacity: 1;
	display: inline-block;
	position: absolute;
	top: 1.825em; left:0; right:0;
	width: 7.25em;
	height:7.75em;
	background: url(../themes/zenit-travel/assets/img/logo/full_logo.svg) no-repeat 50% 50%;
	background-size: 100% auto;
}
#navbar .right {
	position: absolute;
	top:2.5em; right:3em;}
#navbar a {opacity: .8; color:#fff;}


#navbar .phone {
	opacity: 0;
	visibility: hidden;
	position: relative;
	padding:0 1.5em;
	font-size:1rem;
	letter-spacing: .03em;
	font-weight: 800;
	color:#7A806F;
	pointer-events: none;
	transition: opacity .3s;}
#navbar.fixed .phone {
	opacity:1;
	visibility:visible}
#navbar .icon-phone {
	display:inline-block;
	vertical-align: middle;
	position: relative;
	top:1px;
	font-size:1.125rem;
	margin-right: .425em;
	color:#A7C500}
#navbar .events {
	display: inline-block;
	padding: 0 1.425em;
	font-size: .85rem;
	font-weight: 500;
	height: 58px;
	letter-spacing: .08em;
	color:#fff;
	background: transparent;
	border:2px solid rgba(255,255,255,.45);
	cursor:pointer;	
	transition: color .3s, background-color .3s, border-color .3s;
}
#navbar .events i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 24px;
	line-height: 0;
	margin-right: .425em;
}

/* Navigation Fixed Mode */
#navbar.fixed {
	position: fixed;
	height: 65px;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.08)
}
#navbar.fixed .trigger {
	opacity: 1;
	top:0; left:0;
	height:100%;
	width:140px;
	line-height: 66px;
	color:#5b7141;
}
#navbar.fixed .trigger::after {opacity: 1;}
#navbar.fixed .trigger span::before,
#navbar.fixed .trigger span::after {background:#B7D800;}
#navbar.fixed .logo {
	opacity: 1;
	top:47%;
	width:115px;
	height:100%;
	background-image: url(../themes/zenit-travel/assets/img/logo/logo-green.svg);
	background-size:100% auto;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}

#navbar.fixed .right {top:0; right:0;}
#navbar.fixed .events {
	height:65px;
	background: #435430;
	border-color:#435430;
}

/* Navigation Menu Opened */
#menu-overlay, #events-overlay{
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
   position: fixed;
   top: 0; left: 0;
   height: 100%;
   width: 100%;
	text-align: center;
	background: hsla(91,25%,8%,.98);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0.2s;
	-ms-transition: -ms-transform 0.2s, opacity 0.2s, visibility 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
}
#navbar.menu-open + #menu-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

#menu-overlay nav {height:100%; color:#E8E8E8}

#menu-overlay .close {
	position: fixed;
	right: 2.5em; top: 2.5em;
}
#menu-overlay .close:before, #menu-overlay .close:after {
  height: 28px;
  width: 1px;
	background-color: #fff;}

#menu-overlay a {color:#E8E8E8}

#menu-overlay .language {
    z-index:2;
	position: fixed;
	left:3em; top:2.25em;
	color: #B0B0B0}
#menu-overlay .language a {
	font-size:1rem;
	line-height: 32px;
	font-weight: 900;
	letter-spacing: .08em;}
#menu-overlay .language a.active {
	color:#B7D800;
	pointer-events: none;
	}

#menu-overlay hgroup {cursor:pointer}
#menu-overlay h1, #menu-overlay h2, #menu-overlay h3 {
	font-weight: 600;
	letter-spacing: .03em;
	color:#D7D7D7;
}
#menu-overlay h1 {
	display: inline-block;
	position: relative;
	margin-bottom: .25em;
	font-size: 1.9375em;
	transition:color .3s;
}
#menu-overlay .expand-menu h1 i {
	position: relative;
	top:-4px; right: -10px;
	display: inline-block;
	font-size:.9375rem;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform .3s, top .3s;
	-ms-transition: -ms-transform .3s, color .3s, top .3s;
	transition: transform .3s, top .3s;
}
#menu-overlay .expand-menu.open h1 i{
	top:-2px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
#menu-overlay h2 {
	opacity: 0;
	visibility: hidden;
	max-height:0;
	font-size:.85em;
	color:#B7D800;
	letter-spacing: .15em;
	text-transform: uppercase;
	transition:opacity .3s, visibility .3s, max-height .3s;
}
#menu-overlay h3 {
	margin: 1.75em auto .75em;
	font-size: 1.75em;
	color:#B7D800;
}
#menu-overlay .level1 > li:hover h2, #menu-overlay .expand-menu.open h2 {
	max-height: 1em;
	opacity: 1;
	visibility: visible;}


#menu-overlay .level1 {
	position: absolute;
	top:48%; left:0; right:0;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
	text-align:center;}
#menu-overlay .level1 > li{
	text-align: center;
	vertical-align: middle;
	width:auto;
	margin-right: 9.5%;
}
#menu-overlay .level1 > li:last-child {margin-right: 0;}

#menu-overlay .expand-menu .level2 {
	max-height:0;
	overflow: hidden;
	transition: max-height .75s;
}
#menu-overlay .expand-menu.open .level2 {max-height:500px;}
#menu-overlay .level2 li {
	display: block;
	margin-top:1.25em;
	width:100%;
}
#menu-overlay .level2 li:first-child {margin-top:2.5em;}

#menu-overlay .level2 a {font-size:1.125rem;font-weight: 300;}

#menu-overlay .bottom {
	position: absolute;
	bottom:3em; left:0; right:0;
}
#menu-overlay .social {
	position: absolute;
	bottom:0; right: 0;
}
#menu-overlay .social a {
	display: inline-block;
	vertical-align: top;
   margin-right: 1.25em;
   font-size: 1.325rem;
   line-height: 1;
   text-align: center;
}
#menu-overlay .social a.icon-instagram {margin-right:0;} /* temporarily until we enable tripadvisor */
#menu-overlay .social a.icon-tripadvisor {
	position: relative;
	font-size:1.5em;
	margin-right: 0;
}
#menu-overlay .legal {
	font-weight: 300;
	position: absolute;
	bottom:0; left: 0;
}
#menu-overlay .legal a {color:#B7D800}


/* Events Display & Overlay
 ========================================================================== */
#events-overlay {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	background-color:hsla(91,25%,8%,.45);
	transition: opacity .4s .2s ease, visibility .4s .2s ease;}
#navbar.events-open ~ #events-overlay {
	visibility: visible;
	opacity: 1;
	transition: opacity .5s ease, visibility .5s ease;}

/* close button */
#events-overlay .close {
	visibility: hidden;
	opacity: 0;
	top:1em; right:1em;
	padding:1.25em;
	width:auto;
	background:hsla(0,0%,100%,.75);
	transition: opacity .5s ease, visibility .5s ease;}

#navbar.events-open ~ #events-overlay .close {
	visibility: visible;
	opacity: 1;
	transition: opacity .5s .2s ease, visibility .5s .2s ease;
}
/* events display */
#events-display{
	position: relative;
	margin-right: 0;
	height:100%;
	width:100%;
	max-width:37em;
	padding:4em 0;
	text-align: left;
	background-color:white;
	overflow: auto;
	-webkit-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: -webkit-transform .4s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: -ms-transform .4s cubic-bezier(0.7, 0, 0.3, 1);
	transition: transform .4s cubic-bezier(0.7, 0, 0.3, 1);}
#navbar.events-open ~ #events-overlay #events-display {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color:white;
	-webkit-transition: -webkit-transform .4s .1s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: -ms-transform .4s .1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: transform .5s .1s cubic-bezier(0.7, 0, 0.3, 1);
}

#events-display .container {
	opacity: 0;
	visibility: hidden;
	text-align: left;
	max-width:30em;
   transition: opacity .5s .3s ease, visibility .5s .3s ease;
}
#navbar.events-open ~ #events-overlay #events-display .container {
   opacity: 1;
	visibility: visible;
}
#events-display h1 {
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: 600;
}

.event {
	margin-bottom: 5%;
	box-shadow: 0 0 10px rgba(0,0,0,.25);}
.sold-out, .old {pointer-events: none; box-shadow: none}

.event_image {
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-height:11em;
	width:100%;
	padding:2em 1.5em 1.25em;
	color:#fff;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.event_image::after, .sold-out .event_image::before, .sold-out .book_event::after,
.old .event_image::before, .old .book_event::after{
	content:"";
	position: absolute;
	top:0; left:0; right:0;
	height:100%;
	width:100%;
	background-color: hsla(0,0%,0%,.35);
}

.event_price  {
	z-index: 1;
	position: absolute;
	top:1.125em; right:1.325em;
	padding:.25em .5em;
	text-transform:uppercase;
	color:#5b7141;
	font-size:.85rem;
	letter-spacing: .05em;
	font-weight: 900;
	background-color:rgba(255,255,255,.95);
	border-radius: 2px;
}
.event_price::before {content:attr(data-price);}
.event_price.free::before {content:attr(data-free);}
.event_price.free {padding:.25em .825em;}
.event_image hgroup {
	z-index: 1;
	position: relative;
	max-width:19em;
	margin: 0 0 .5em;
	text-shadow: 0 0 5px rgba(0,0,0,.5);}
.event_image h2, .event_image h3{
	color:#fff;
	font-size: 1.325em;
	font-weight: 300;
	line-height: 1.3;
	text-align: left;}
.event_image h3 {
	margin-bottom: 1.25em;
	font-size: .825em;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	width: 60%;
	margin-left: 0;}
.date_location {
	z-index: 1;
	position: relative;
	font-size: .85rem;
	text-transform: capitalize}
button.show_info {
	z-index: 1;
	position: absolute;
	bottom:1.5em; right:1.5em;
	font-size: .8em;
	font-weight:900;
	padding: 0;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor:pointer;}
button.show_info i {
	display: inline-block;
	vertical-align: middle;
	font-size:10px;
	font-weight: 300;
	margin-left: .5em;
   -webkit-transform: translate3d(0,-3px,0) rotate(-90deg);
   -ms-transform: translate3d(0,-3px,0) rotate(-90deg);
   transform: translate3d(0,-3px,0) rotate(-90deg);
	-webkit-transition: -webkit-transform .3s, color .3s;
	-ms-transition: -ms-transform .3s, color .3s;
	transition: transform .3s, color .3s;
}
.show-description button.show_info i {
   -webkit-transform: translate3d(0,-2px,0) rotate(0deg);
   -ms-transform: translate3d(0,-2px,0) rotate(0deg);
   transform: translate3d(0,-2px,0) rotate(0deg);
}

.event_description, .payment_buttons {
	opacity: 0;
	visibility: hidden;
	width:0; height:0;
	padding:0;
	overflow: hidden;
	transition: opacity .3s;
	}
.show-description .event_description, .show-payments .payment_buttons {
	opacity: 1;
	visibility: visible;
	width:auto; height:auto;
	overflow: auto;
}

.show-description .event_description{font-style:italic;padding:1em;}

.payment_buttons > li {
	width:100%;
	padding:.825em;
	text-align: center;
}
.payment_buttons > li:last-child {padding:0;}
.payment_buttons > li:first-child {
	border-top:1px solid rgba(0,0,0,.1);
	border-bottom:1px solid rgba(0,0,0,.1);}
	
.payment_buttons .level2 {
	display: table;
	width:100%;}
.payment_buttons .level2 li {
	display: table-cell;
	width:50%;
	padding:1em 0;}
.payment_buttons h4 {
	margin-bottom:1em;
	font-size: .85em;
	font-weight: 900;
	text-transform:uppercase;
	letter-spacing: .125em;
	color:#5b5b5b;}
.payment_buttons .level2 li:first-child{border-right:1px solid rgba(0,0,0,.1);}

.webpay_button {
	display: inline-block;
	width:155px;
	height:32px;
	background:url(../themes/zenit-travel/assets/img/payment/webpay.png) #222222 no-repeat 50% 50%;
	background-size:auto 20px;
	border-radius: 3px
}

.sold-out .event_image::before, .sold-out .book_event::after,
.old .event_image::before, .old .book_event::after {
	z-index: 3;
	background:hsla(0,0%,100%,.5);}
.sold-out .event_price {
	padding:.25em .75em;
	background-color: hsl(359,90%,40%);}
.sold-out .event_price::before {
	content:attr(data-unavailable);
	font-size: .85em;
	letter-spacing: .08em;
	color: #fff}
.sold-out .book_event::before {
	content: attr(data-unavailable)
}
.book_event {
	position: relative;
	margin-top:0;
	min-height:4em;
	width:100%;
	min-width: 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 4em;
}
.book_event::before {content:attr(data-book)}
.show-payments .book_event::before {content:attr(data-close)}

/* Footer
 ========================================================================== */
footer {
	z-index: 1;
	position: relative;
	padding: 6em 0 0;
	font-weight: 300;
	color:#b2b2b2;
	background: #272727;
}

footer .bottom {background:#212121}
footer h1, footer h2, footer h3 {
	font-weight: 500;
	letter-spacing: .025em;
	margin-bottom: 1.325em;
	font-size:1.625rem;
	color:#fff}
footer h2 {
	margin-top:2em;
	margin-bottom: 1em;
	font-size:1.325rem;}
footer h3 {font-size:1.325rem; }
footer p {margin-bottom: 2.75em;line-height: 1.55}
footer ul {display:inline-block;}
footer li {display:block;	margin-bottom:.5em;}
footer a {color:#b2b2b2;}
footer .links a {font-size:1.05rem}

footer .company-info {max-width: 23em;}
footer .logo {
	height:67px;
	width:150px;
	margin:-.5em 0 2.5em;
	background: url(../themes/zenit-travel/assets/img/logo/logo.svg) no-repeat 0 center;
	background-size: 100% auto;
}
footer .phone-email li {
	position: relative;
	margin-bottom: 1em}
	
footer .phone-email li:last-child {margin-top:.5em;}
footer .phone-email a {
	display: inline-block;
	color:#fff;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: .03em
}
footer .phone-email i{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right:.625em;
	font-size: 1.05em;
	color:#fff;
	transition:color .3s;
	}
footer .phone-email li:hover i {color:#B7D800}

footer .tollPhone span {
	font-size: 1rem;
	font-weight: 600;
	color:#566f2f}
footer .email i {
	font-size: 1.375em;
	content:"\62";
	top:2px
}


footer .language a {
	font-weight:900;
	letter-spacing: .08em;}

footer .mailinglist {max-width: 23em;}
footer .mailinglist p {margin-bottom:2.5em;}
footer .mailinglist a {
	display: inline-block;
	vertical-align: top;
	height: 46px;
	width: 46px;
	margin-right: .5em;
	font-size: 1.275rem;
	line-height: 50px;
	text-align: center;
	border:1px solid #868686;
	transition: color .3s, background-color .3s, border-color .3s;
	}
footer .mailinglist a:nth-of-type(3), footer .mailinglist a:nth-of-type(4) {font-size: 1.5rem}

footer .mailinglist a:hover {color:#fff}
footer a.icon-facebook:hover{
	background:#4359ac;
	border-color:#4359ac;
}
footer a.icon-instagram:hover {
	background:hsl(327,75%,60%);
	border-color:hsl(327,75%,60%);
}
footer a.icon-tripadvisor:hover{
	background:#8ec560;
	border-color:#8ec560;
}
footer a.icon-google:hover{
	background:#e94235;
	border-color:#e94235;
}


#subscribeForm {
    position: relative;
    width: 100%;
    margin: 2.75em 0 2.5em;
}
#subscribeForm input {
	 position: relative;
    width: 100%;
    font-size: .9375rem;
    padding: .9375em 3.5em .9375em 1em;
    color: #878787;
    background: #303030;
    text-overflow: ellipsis;}

#subscribeForm button {
	display: block;
	position: absolute;
   top:56%; right: .325em;
   color: #e9e9e9;
   text-align: center;
   font-size: 1.5rem;
	background: transparent;
 	cursor:pointer;
	-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);
}
#subscribeForm button::before {
	font-family: "myicons";
   content: "\7a";
	line-height: 0;
}
#subscribeForm .invalid ~ button {
	color:hsla(359,60%,35%,1.00);
	cursor:default;
}
#subscribeForm .tooltip {
	right: 0; top: -4em;
	max-width: 18em;
	height: auto;
	font-size: .85rem;
	color: #F04E53;
	padding: .825em 1.25em;
   background-color: hsla(91,25%,8%,.95);
}
#subscribeForm .tooltip::before {
    z-index: 2;
    position: relative;
    content: attr(data-invalid);
}
#subscribeForm .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 1.5em;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: hsla(91,25%,8%,.95) transparent transparent transparent;
}
#subscribeForm input.invalid:focus ~ .tooltip {
    opacity: 1;
	 visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

footer .center-elements {
	position: relative;
	padding:2em 0 1em;
}
footer .payment {	
	width:100%;
	text-align: right;}
footer .payment h3 {
	font-size: 1.25rem;
	margin-bottom:.75em;
	font-weight: 600;}
footer .payMethods {display: block;}
footer .payMethods li {
	display: inline-block;
	vertical-align: middle;
	margin:0;
	margin-left: .825em;}
figure.paypal {
	width:120px;
	height:36px;
	background:url(../themes/zenit-travel/assets/img/payment/paypal.svg) no-repeat;
	background-size: 100% auto;
}
figure.webpay {
	width:100px;
	height:28px;
	background:url(../themes/zenit-travel/assets/img/payment/webpay.svg) no-repeat;
	background-size: 100% auto;
}

.sponsors {
	text-align: center;
    height: 70px;
    margin-bottom: 20px;
}

img.sercotec {
	height: auto;
	width:5.5em;
	top:45%; left:0;
}

img.travel-life {
	height: auto;
	width:8.5em;
	top:45%; left:0;
}

img.atta {
	height: auto;
	width:12.5em;
	top:45%; left:0;
}

footer .coordinates {
	display: block;
	padding:1.5em 0 2em;
	text-align: center;}
footer .coordinates i {
	position: relative;
	top:3px;
	font-size:4.825rem;
	line-height: 1;
	color:#5d5d5d;
}
footer .coordinates p {
	font-size:.9rem;
	font-weight: 600;
	margin-bottom: 0;
}
footer .copyright {
	padding: 1em 0;
	font-size: 1.125rem;
	line-height: 1.3;
	text-align: center;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.invisible {
    visibility: hidden;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}

.noselect, .sold-out hgroup, .sold-out .date_location, .old hgroup, .old .date_location  {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.align-box {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines}
.align-box:after {
    display: inline-block;
    width: 100%;
    content: "";
    font-size: 0;
    line-height: 0}
.align-obj {
	display: inline-block;
   vertical-align: top;
	text-align: left;
   *zoom: 1;}

.center-text {text-align:center}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media (max-width: 1264px) and (min-width: 800px) {
	.sponsors {
	    text-align: right !important;
	    height: 70px !important;
	    margin-bottom: 40px !important;
	}
}


@media (max-width: 365px) {
	.sponsors {
	    height: 100px !important;
	}
}


@media (max-width: 90rem) {
	#navbar .events {
		font-size: .8625rem;
		height: 54px;}
	#navbar .phone {padding:0 1.25em}

	#menu-overlay hgroup, .text hgroup, #FunFacts .facts, #hero hgroup, .motivation hgroup {font-size:.9rem}
	#navbar .trigger, #navbar .logo, .scrolldown, #Adventures .experiences .content, #hero .links, .motivation a.btn, .extra-trip-boxes .content {font-size:.925rem;}

	#navbar {min-height:60px;}
	#navbar.fixed, #navbar.fixed .events {height: 60px;}
	#navbar.fixed .trigger {
		width:130px;
		line-height: 60px;}
	#navbar.fixed .logo {width:110px;}
	

	#menu-overlay h3 {
		font-size:1.625rem;
		margin-top: 1.5em	}
	
	#hero { max-height: 45em;}
	#hero.index {min-height:42em;}
	#hero .text{top:54%;}
	
	#video-wrapper::after{
		width: 500px;
		height: 500px;
		margin-left: -250px;
		margin-top: -250px;}
	#video-wrapper.activate::after{
		-webkit-transform: scale(3.25);
		-ms-transform: scale(3.25);
		transform: scale(3.25);
		-webkit-transition: -webkit-transform 1.35s ease;
		-ms-transition: -ms-transform 1.35s ease;
		transition: transform 1.35s ease;}

	
	section {padding: calc(4em + 5%) 0}
	section.intro {padding:calc(3.5em + 5%) 0;}
	
	#Experience .intro h3 {font-size:1.325rem;}
	.contactform h2 {font-size:1.5rem}
	#hero::after {height:44px;background-size: 1620px 44px;}

	#Experience .intro h1, #Experience .trip_programs h1 {font-size:2.2rem}
	#Experience .intro h2 {font-size:1.25rem}
	
	
	.text p {font-size: 1rem;}
	.wonders h3, .wonders p {font-size:.9125rem; line-height:1.55}
	a.follow-link {margin-top:2em; font-size:.9125rem;}
	a.follow-link i {top:-1px; font-size:.825rem;}
	
	#NaturalWonders .slider {margin-right: 6%;}
	#NaturalWonders .text {
		width: calc(97.5% - 580px);
		max-width: 40em}
	
	#GlimpseOutdoors .text {
		width: calc(92% - 475px);
		max-width: 525px;}
	#GlimpseOutdoors figure {
		height:625px;
		width:475px;}
	#GlimpseOutdoors .stargazing {margin-top: calc(6.5em + 5%)}
	#GlimpseOutdoors .stargazing figure {height:35.9375em;}	
	
	#FunFacts .container {max-width:63em;}
	#FunFacts {padding-bottom: calc(2.5em + 5%)}
	
	#Testimonials .background {background-size:1440px auto;}
	#Testimonials .motivation {margin: 15% auto 1em}
	
	.division-level .text {padding:6.25em 10%}
	
	.values figure {
		width: 18%;
		margin-right: 1.25%;	}
	.values span {margin-top:23%}
	
	#Experience .intro .container {max-width: 74em}
	#Experience .intro .text {
		width: calc(94% - 500px);
		max-width:36em}
	#Experience .intro-image {
		height:700px; 
		width:500px;
		margin-left:6%;}
	.trip_programs .text {width: 41%;}
	#Experience .trip_programs .text.fullwidth {width: 100%;max-width: 35em;}
	.trip_content, .trip_overview {padding:2.75em 2em 2em!important;}
	.trip_overview {width:18.5em;}
	.trip_content {width:calc(66% - 18.5em);}
	.trip_content hgroup h2, #trip_modal h2 { font-size: 1.5rem;}
	.extra-trip-boxes {border-spacing:15px 0}
	.extra-trip-boxes .content, #trip_modal {padding:3em 2.5em;}

	footer {padding: 5.5em 0 0}
	footer .company-info {
		margin-right:6%;
		width: 25.5%;}
	footer .adventures {
		margin-right:5%;
		width: 16%;
		min-width:180px;}
	footer .navigate {
		margin-right:2%;
		width: 17%; 
		min-width: 165px;}
	footer .mailinglist {
		margin-right: 0;
		width: 25.5%;}
	footer h1, footer h2 {font-size:1.425rem;margin-bottom: 1em}
	footer h2 {font-size:1.25rem; margin: 1.75em 0 .75em}
	footer p {font-size: .9375rem;}
	footer .phone-email a {font-size:1rem;}
	
	footer .links a {font-size:1rem;}
	footer .coordinates i {top:0;font-size:4.5rem}
	footer .coordinates p {font-size:.825rem;}
}
@media (max-width: 79rem) {
body::before {content: "laptop";}
#navbar .phone span{font-size:.9375rem;}
#navbar .icon-phone {font-size:1rem;}


#menu-overlay hgroup, #FunFacts .facts {font-size:.85rem}
#NaturalWonders .container, #Adventures .container, #Experience .intro .container {max-width: 50em;}
#FunFacts .container {max-width:58em;}
#NaturalWonders .combi, #Experience .intro .combi {
	display: block;
	width:100%;
}
#intro-slider, #Experience .intro-image {
	margin: 0!important;
	float:none;
	width:100%;
	height: 50%;
	min-height: 14em;
	padding-bottom: 50%;
	box-shadow: 0px 10px 30px hsla(0,0%,0%,.25);
}
#Experience .intro .text {float:none}

#Experience h1.with-indent {
    margin-left: 0;
    text-indent: 0;
}
#Experience .intro h1 {margin-bottom: .5em;}
#Experience .intro h1.solo-title {margin-bottom: 1em;}
#Experience .intro h2{ margin-left:0;}
#Experience .trip_programs .text.fullwidth {max-width:38em}

#NaturalWonders .text, #Experience .intro .text {
	margin:10% auto 0;
	max-width: 45em;}
.scrolldown {margin: 4em auto 2.5em;}

#Adventures .experiences li {
    width: 32.333%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    padding-bottom: 32.333%;
}
#Adventures .experiences li:nth-child(3n) { margin-right: 0;}
#Adventures .experiences i {font-size: 3.5rem;}
#Adventures .text, #Adventures .experiences {
	display: block;
	vertical-align:middle;
	max-width:none;
	width:100%;}
#GlimpseOutdoors .naturebeyond {max-width: 69em;}

.values {max-width: 60em;}
.values figure {
	width: 31.66%;
	margin-right: 2.5%;
}
.values figure:nth-child(3) {margin-right:0;}
.values figure:nth-child(4), .values figure:nth-child(5) {margin-top:2.5%}
.values span {margin-top:23%}

.special-boxes .container {width:93%}
.extra-trip-boxes {display: block;}
.extra-trip-boxes li {
	display:inline-block;
	vertical-align: top;
	min-height: 30em;
	width:calc(50% - 1em);}
.extra-trip-boxes li:nth-child(2) {margin-left:2em;}
.extra-trip-boxes li:last-of-type {
	margin-top:2em;
	margin-right:0;
	min-height:0;
	width:100%;
}
.extra-trip-boxes .content h3 {margin-bottom:1.25em;}

.trip_programs .align-box {max-width:50em; text-align:center}
.trip_programs .align-box::after {display:none}
.trip_programs .text, #filter-widget {
	display: block;
	width: auto;}
.trip_programs .text {
	text-align: center;
	margin:0 auto;
	margin-bottom:2.5em}

#filter-widget {display: inline-block;}
.select-difficulty .trigger {line-height:3.25em;}
#filter-widget.active .difficulty {top:3.625em;}

.program {
	display: inline-block;
	vertical-align: top;
	width:49%;
	margin-bottom: 2%;}
.program:not(.with-itinerary):nth-child(2n - 1) {margin-right: 2%}


.trip_image, .trip_content, .trip_overview {width:100%;}
.trip_image {
	height:0;
	min-height:18em;
	padding-bottom:50%;
}

.trip_overview {height:auto;}
.trip_overview .details li {padding: .75em 0;}

.with-itinerary {
	width:100%;
	max-width: 60em;
}
.with-itinerary .trip_image, .with-itinerary .trip_content {
	display: block;
	height:auto;
	width:100%;
}
.with-itinerary .trip_image {padding-bottom: 40%;}
footer .container {max-width: 65em;}
footer .logo {
    height: 60px;
    width: 135px;
    margin: -.5em 0 2em;}
footer .company-info {
	width:37%;
	max-width: 22.5em;
	margin-right:.5%;}
footer .adventures {
	width: 20%;
	margin-right:.5%;}
footer .navigate {
	margin-right:0;
	width: 10%; 
}
footer .mailinglist {
	width: 50%;
	max-width: 22.5em;
	margin-top:3.5em;
	margin-right:0;}
footer .center-elements {
width: 50%;
padding:0;
position: absolute;
bottom: 0; right: 0;}

.sponsors img {
    margin-bottom: 10px;
}

img.sercotec {
	width:5.5em;
 	/*position: absolute;*/
 	top: auto; 
 	right: 0; 
	/*bottom: -9em; */
	left: auto;}

}


.sponsors {
    text-align: center;
    height: 70px;
    margin-bottom: 40px;
}



@media (max-width: 63.9375rem) {
body::before {content: "tablet";}
#hero br, #navbar .trigger b, #menu-overlay .align-box::after, .division-level .img:last-of-type {display: none;}
#navbar, #navbar.fixed {
	position: fixed;
	height: 54px;
	min-height: 54px;
	background-color: rgb(255,255,255);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.08);
}
#navbar .trigger, #navbar.fixed .trigger {
	opacity: 1;
	top:0; left:0;
	height:100%;
	width:auto;
	padding:0 1.25em;
	font-size:.85rem;
	line-height: 54px;
	color:#435430;
}
#navbar .trigger::after {opacity: 1;}
#navbar .trigger span {margin:0}
#navbar .trigger span::before,
#navbar .trigger span::after {background:#A7C500;}
#navbar .logo, #navbar.fixed .logo {
	top:50%;
	width:93px;
	height:100%;
	background-image: url(../themes/zenit-travel/assets/img/logo/logo-green.svg);
	-webkit-transform:translate3d(0,-52%,0);
	-ms-transform:translate3d(0,-52%,0);
	transform:translate3d(0,-52%,0);
}
#navbar .right {top:0; right:0;}
#navbar .events, #navbar.fixed .events {
	height:54px;
	padding:0 1em;
	background: #435430;
	border-color:#435430;}
#navbar .events:hover {
	color:#fff;
	background-color:#A7C500;
	border-color: #A7C500;
}
#navbar.fixed .phone, #navbar .phone {
	opacity: 1;
	visibility: visible;
	display:inline-block;
	padding:.5em 1em;}
	
#menu-overlay .close:before, #menu-overlay .close:after {height:24px;}
#menu-overlay .bottom {bottom:2.5em;}

#menu-overlay .level1 > li {margin-right:8%}
#menu-overlay .level1 > li:first-child {margin-right:5%}
#menu-overlay .level1 > li:last-child {margin-right:2%;}
#menu-overlay h1 {font-size:1.825em;}
#menu-overlay h3 {
	font-size:1.425rem;
	margin-bottom:.5em}
#menu-overlay .expand-menu h1 i {font-size:.85rem; top: -3px; right: -8px;}
#menu-overlay .social a {font-size: 1.125rem;}

section, .trip_programs {padding: 7em 0}
section.intro {padding: 6.5em 0}
.solo {margin-bottom: 3.5em;}

#hero, #hero.index {min-height:30em; max-height: 50em}
#hero .links, .motivation hgroup, .motivation a.btn {font-size: .9rem;}

#video-wrapper::after{
   width: 400px;
   height: 400px;
   margin-left: -200px;
   margin-top: -200px;}
#video-wrapper.activate::after{
	-webkit-transform: scale(3);
	-ms-transform: scale(3);
	transform: scale(3);
	-webkit-transition: -webkit-transform 1.25s ease;
	-ms-transition: -ms-transform 1.25s ease;
	transition: transform 1.25s ease;}


#intro-slider .caption {padding: 5% 15%;}
#intro-slider .navigation {padding:5% 6.5%;}
#intro-slider button {
	height:40px;
	width:40px;
	font-size:16px;
	line-height:42px;
}

#GlimpseOutdoors .container {max-width:50em}
#GlimpseOutdoors .combi {
	display: block;
	width:100%;}
#GlimpseOutdoors .text {
	max-width: 47em;
	margin: 4em auto 0;
	padding:0 .25em}
#GlimpseOutdoors .naturebeyond figure, #GlimpseOutdoors .naturebeyond .text,
#GlimpseOutdoors .stargazing figure, #GlimpseOutdoors .stargazing .text {float:none}
#GlimpseOutdoors figure {
	margin: 0 auto;
	height: 45%!important;
	width:100%;
	min-height: 14em;
	padding-bottom: 45%;
	box-shadow: 0px 10px 30px hsla(0,0%,0%,.25)
}
#GlimpseOutdoors .stargazing { margin-top: calc(4em + 5%);}

#FunFacts .facts span {font-size: 4.75em;}
#FunFacts .facts p {max-width:12em;}
#FunFacts {padding-bottom:calc(2.75em + 5%);}

#Testimonials .motivation {margin: 9em auto 2em}
#Testimonials .text {width: calc(94% - 22em); margin-bottom:2.5em}
#Testimonials .portraits {
	min-width:22em;
	margin-left: 5%;}
#Testimonials .portraits li {
	height:96px;
	width:96px;
	margin-right: 4%;}

#testimonial-slider {padding:3.5em 10% 8em;}

.motivation h2 {margin-bottom: calc(2.5% + 1.5em)}

.division-level .img, .division-level .img.appear {
	display: block;
	width: 100%;
	height: 20%;
	min-height: 14em;
	padding-bottom: 30%;}
.division-level .text-wrapper {
	display: block;
	text-align: center;}
.division-level .text {
    display: inline-block;
    width: 100%;
    padding: 6em 7%;
    max-width: 50em;

}

.extra-trip-boxes li,.extra-trip-boxes li:nth-child(2) {
	display:block;
	min-height: 0;
	width:100%;
	margin:0;
	margin-bottom:2em}
.extra-trip-boxes li:last-of-type {margin-bottom:0;}

.program {
	display: block;
	width:100%;
	max-width:50em;
	margin-bottom:2em;}
.program:not(.with-itinerary):nth-child(2n - 1) {margin-right: auto}
.trip_image {padding-bottom:0;}
.trip_content {height:auto;}
.trip_content p {height:14em;}

.trip_overview {text-align:center}
.trip_overview h4 {margin-bottom:1.5em;}
.trip_overview .details li{
	display: inline-block;
	vertical-align: top;
	width:32.5%;
	padding: 0 5%;}
.trip_overview .details li:nth-child(1){
	width:35%;
	padding-left:0;}
.trip_overview .details li:last-child {padding-right:0;}
.trip_overview .details li.line {
	border-bottom: 0;
	border-right: 1px solid #dadada
}
.trip_overview a {
	margin:0 auto;
	margin-top:2.5em;
}

.itinerary {
	top:0;
	height:100%;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;}

#trip_modal {padding: 3em 1.5em}

#Contact .container {max-width:45em;}

#Contact aside {width:100%;margin-right: 0;}
#Contact aside .text {margin:0;max-width: 40em;}
#Contact aside .note {margin-top: 1.25em;}

.contact-info {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	 margin-bottom: 2.5em}
.contact-info::after {
    display: inline-block;
    width: 100%;
    content: "";
    font-size: 0;
    line-height: 0
}
.contact-info h3 {margin-bottom:.75em}
.contact-info p {font-size:.9375rem;}
.contact-info li {
	display: inline-block;
   vertical-align: top;
	width:30%;
	margin-bottom:3em;
	margin-right: 1%;
   *zoom: 1;
	text-align: left;
}
.contact-info li:first-child {max-width:12em}
.contact-info li:last-child {margin-bottom: 0;}
.contact-info li:nth-child(3){margin-right: 0;}
.contactform {width:100%;}
.contactform h2 {margin-bottom:1em;}

.special-message h1 {font-size:1.75rem;}


footer.sponsors {
    text-align: center;
}

}

@media (max-width: 50rem) {
#navbar span, #Testimonials .portraits, #Testimonials .align-box::after,
#FunFacts .align-box::after{display: none}

#hero hgroup, .motivation hgroup, .text hgroup {font-size:.8em;}
#Experience .intro h1, #Experience .trip_programs h1 {font-size:1.9375rem}
#Experience .intro h2 {font-size:1.125rem; margin-bottom: 1.625em}

#hero.index .links {margin-top: calc(2.5% + 1.5em);}
#hero.index .btn {
	width:49%;
	max-width: 18em;}
button.video {margin-left:1%;}

#navbar .phone, #navbar.fixed .phone {padding:.5em .75em;margin-left:.25em}
#navbar .icon-phone {font-size:1.185rem;margin: 0;}
#navbar .events i {font-size: 1.625rem; margin:0; right: -2px;}

#menu-overlay .close {top: 1.25em;right:1.25em;}
#menu-overlay .close::before, #menu-overlay .close::after {height: 22px;}
#menu-overlay .language {top: 1em;left:1.5em;}
#menu-overlay .language a, #menu-overlay .legal {font-size:.85rem}
#menu-overlay nav {
	width:auto;
	overflow: auto}
#menu-overlay h2 {font-size: .85em!important; max-height:1.5em!important}
#menu-overlay h3 {margin:.825em auto 0;}

#menu-overlay .level1 {
	position: relative;
	top:0;
	margin: calc(5em + 6.5%) auto 1em;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;}
#menu-overlay .level1 > li{
	display: block;
	margin-bottom:2.25em;}
#menu-overlay .level1 > li, #menu-overlay .level1 > li:first-child,
#menu-overlay .level1 > li:last-child {margin-right:0;}
#menu-overlay .level1 > li:last-child {margin-bottom:0;}
#menu-overlay .level1 > li a {font-size:1rem}
#menu-overlay .level1 hgroup {font-size:.8rem;}

#menu-overlay .level2 {margin-top:.5em}
#menu-overlay .level2 li {
	display:inline-block;
	width:32%;
	line-height: 2.75em;
	margin-top: 0;}
#menu-overlay .level2 li:first-child {margin-top:1em;}

#menu-overlay .bottom {
	position:relative;
	bottom:0;
	padding: 3.5em 1em 2.5em}
#menu-overlay .bottom ul {
	position: relative;
	display:block;
	width:100%;}
#menu-overlay .social {margin-bottom:2em;}

#Testimonials .container {text-align:left;}
#Testimonials .text {width: 100%; margin-bottom: 3.5em}
#testimonial-slider {padding-top: 3em;}
#testimonial-slider .arrows {top:12.5em;}
#testimonial-slider hgroup {font-size:.9375rem}
#testimonial-slider p {font-size: 1.025rem; line-height: 1.85}

#FunFacts .container {max-width:30em}
#FunFacts {padding: 7em 0}
#FunFacts .facts {text-align:center;}
#FunFacts .facts li {
	width:49.5%;
	max-width:none;}
#FunFacts .facts span {font-size: 4.25em;}
#FunFacts .facts li:nth-child(3),#FunFacts .facts li:nth-child(4){margin-top:9%}

.values figure {
	min-height: 20em;
	width: 46%;
	margin:0 auto;
	margin-bottom: 3%}
.values figcaption {max-width:30em}
.values figure:nth-child(4), .values figure:nth-child(5) {margin-top:0%}
.values figure:nth-child(2n - 1) {margin-right: 3%}
.values figure:last-child {
	min-height: 17em;
	width:95%;
	margin-right: 0;
	margin-bottom: 0;}
.values figure:last-child span {margin-top:.75em;}
.values span {margin-top:20%}

.accordion h4.open:last-of-type + .tab_content {padding-bottom: 3em;}
#trip_modal {
	padding: 3em 1.25em;
	padding-right:2em;
	overflow-y:auto;}
#trip_modal p {max-height:none}

footer h2 {margin: 1.325em 0 .75em;}
footer .top.container {max-width: 40em;}
footer .company-info{width:55%;}
footer .adventures{
	width:24%;
	min-width: 178px;}
footer .navigate{	
	margin-top: 3.5em;
	min-width: 180px;
}
footer .mailinglist {
	margin-top: 3.5em;
	width:55%;
	max-width:19em
}
footer .center-elements{
	position:relative;
	display: block;
	width:100%;
	bottom:0;
	margin:3em 0 2em;
	/*text-align: left*/
}
footer .payment {
	display:inline-block;
	width:auto;
	text-align: left;}
footer .payMethods li {
	margin-left:0;
	margin-right: 1em;
}
footer figure {margin:0;}
figure.paypal {
	width:110px;
	height:32px;
}
figure.webpay {
	width:85px;
	height:24px;
}


footer.sponsors {
    text-align: center;
}

img.sercotec {
	/*top:50%; */
	right:0;
	/*-webkit-transform:translate3d(0,-50%,0);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0);*/
}

footer .coordinates {padding: 1.5em 0}
footer .coordinates i {font-size:4rem}
footer .coordinates p {font-size: .8rem}


}

@media (max-width: 47.9375rem) {
#navbar .phone {pointer-events: auto;}

#hero {min-height: 24em; max-height: 30em}
#hero.index {min-height:28em; max-height: 46em}
section .background, section .background-bottom {background-attachment: scroll}

section, .trip_programs {padding: 6em 0}
section.intro {padding: 5.5em 0}
	
#Adventures .experiences i {font-size: 3.25rem;}
#GlimpseOutdoors .text {margin-top:3.5em}
#Testimonials .motivation { margin: 7em auto 1.5em;}


#filter-widget {padding: .25em 3.5% 0;}
#filter-widget.active .difficulty {top: 3.25em;}
.select-difficulty {text-align:center;}
.select-difficulty, .filter-options {display: block;}
.select-difficulty .trigger {width:100%;}	
.select-difficulty .trigger::after {display:none}
.filter-options {padding: .75em 0;}

#trip_modal {height:100%;}
#trip_modal .close, .itinerary .close {position: fixed;}
#trip_modal p {padding-bottom:3em;}

.trip_content hgroup h2, #trip_modal h2 {font-size: 1.425rem;}

.special-message h1 {font-size:1.625rem; max-width:18em;}
.legal-text, .legal-links {width:100%;}
.legal-links {margin-bottom:2.5em;}

footer.sponsors {
    text-align: center;
}

}

@media (max-width: 40em) {
body::before {content: "mobile";}
.motivation a.btn, #GlimpseOutdoors figcaption {font-size: .85rem;}
.motivation h1 {font-size:2.75em}
.text > p {font-size: 1em; line-height: 1.75}

#hero {min-height: 22em;}

#menu-overlay .level2 li {
	display:inline-block;
	width:50%;
	max-width: 14em; 
	line-height: 2.75em;}
#menu-overlay .level1 > li {
	margin-bottom:1.5em;
}

.event {font-size: .9375rem;}
#events-display {
	padding:4em .25em;
	max-width: none;}
#events-display h1 {text-align: center;}
.event_image hgroup {margin-bottom:1.5em}
.event_price {font-size: .825rem;}

#hero::after {height:35px; background-size: 1200px 35px;}
section, .trip_programs, .special-boxes {padding: 5.5em 0}
section.intro {padding: 5em 0}


#video-wrapper::after{
   width: 300px;
   height: 300px;
   margin-left: -150px;
   margin-top: -150px;}

#intro-slider .caption {font-size:.9375rem;}
#intro-slider .navigation {padding:5% 0%;}

#NaturalWonders .text, #GlimpseOutdoors .text, #Experience .intro .text {margin-top:3em;}
.wonders li:nth-child(2n-1), .wonders li {
	margin:0 0 2em;
	display: block;
	width:100%;
	max-width: none;
}
.wonders li:last-child {margin-bottom: 0;}
.wonders h3 {padding-top:.5em;}

.scrolldown {
	font-size: .85rem;
	margin: 4.5em auto 2em}
.scrolldown img {margin-bottom:1.625em;}

#Adventures .experiences li {
    width: 48.5%;
    margin: 0;
	 margin-bottom: 3%;
    padding-bottom: 48.5%;
}
#Adventures .experiences li:nth-child(2n - 1) {margin-right:3%;}
#Adventures .experiences .content {font-size:1rem;}

.testimonial-wrapper {min-height:35em;}
#testimonial-slider {min-height:34em}
#Testimonials .motivation { margin: 6em auto 1em;}


.division-level .text {padding: 5em 7%;}
.values figure, .values figure:last-child {
	width: 100%!important;
	min-height: 16em;
	margin-bottom: 1.5em;
	margin-right:0!important;}
.values figure:last-child {margin-bottom:0;}	
.values figcaption {max-width:30em;padding-bottom:3em}
.values span {margin:.825em auto .25em!important}

.trip_image {
	padding-bottom:45%;
	min-height:13em;
	height:0;
}
button.read_more {bottom:2.75em}

.trip_overview .details li{
	display: block;
	width:100%;
	padding: .625em 0;}
.trip_overview .details li:nth-child(1){
	padding-top: 0;
	width:100%;}
.trip_overview .details li.line {
	border-bottom: 1px solid #dadada;
	border-right: none }
.trip_overview a {
	margin:0 auto;
	margin-top:1.25em;}

.tab_content h3 {display:inline-block;}

#trip_modal {
	padding: 3em 1em;
	padding-right: 2em}
.itinerary {padding:3em 1.5em}

.tab_drawer span {display: none}
.tab_content h4 {display:block;}
.with-itinerary a, button.read_itinerary {
	display: inline-block; 
	margin:3em auto 0;
	width:100%;
	max-width:18em;
	max-width: none;}
button.read_itinerary {margin-top:1em;}

.contact-info {
	margin:0;
	margin-top:3em;
	max-width:26em;}
.contact-info.wider {max-width:29em}
.contact-info li,.contact-info li:nth-child(3){
    width: auto;
	 margin-right: 2.5%;
}
.contact-info li:first-child {max-width: none;}
.contact-info li:nth-child(2n) {margin-right:0;}

#contactForm .input-wrap, #contactForm .select-wrap{margin-bottom:1em}
#contactForm .divide{
	width:100%;
	margin-right:0;}
#contactForm legend {margin-bottom:.75em;}

.contact-method li:first-child{width:calc(49.5% - 0.25em);}
.contact-method li{
	width:calc(50.5% - 0.25em);
	min-width: 0;
	max-width: 15.5em}
.contact-method label {padding:.825em 1em; padding-left:.75em}

label.image {
	width:49.75%;
	padding-bottom:25%;
	margin-top:.5%;
	margin-right: 0;
}
label.image:nth-of-type(3){margin-top:.5%}
label.image:nth-of-type(1),label.image:nth-of-type(2){margin-top:0}
label.image:nth-of-type(odd) {margin-right: .5%;}

#submit {width:100%;}



footer {	padding: 4.5em 0 0;}
footer .top.container { max-width: 34em;}
footer h1, footer h2 {font-size:1.325rem;margin-bottom: .75em}
footer h2 {font-size:1.1375rem; margin: 1.5em 0 .5em}

footer .section:nth-child(1){
	width:100%;
	max-width: none;
	margin-right: 0;
}
footer .phone-email {width:100%}
footer .phone-email li {
	display: inline-block;
	max-width: 16em;
	margin:0;
	margin-right: 5%;
	margin-bottom:1em;}
footer .phone-email li:last-child, footer li.language {margin-top:0;margin-bottom:0;}

footer .adventures, footer .navigate{
	margin-top:2em;
	width:49%;
	max-width:14em;
	margin-right: 0;}
footer .mailinglist {
	width:100%;
	max-width:24em;
	margin-top: 3em
}

footer.sponsors {
    text-align: center;
}
}


@media (max-width: 30em) {
#navbar, #navbar.fixed {
	height: 50px;
	min-height: 50px;}
#navbar .trigger, #navbar.fixed .trigger {line-height:50px;}
#navbar .logo, #navbar.fixed .logo {width: 87px;}
#navbar .events, #navbar.fixed .events {
	height:50px;
	padding: 0 .825em;
}
#navbar .phone, #navbar.fixed .phone {padding: 0 .5em}

section.intro {padding: 4em 0}
.special-message h1 {font-size: 1.5rem;}

#contactForm .tooltip::after {display: none;}
#menu-overlay .menu-wrapper {
	position: absolute;
   top: 53%; left: 0; right: 0;
   -webkit-transform: translate3d(0,-50%,0);
   -ms-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);}
#menu-overlay .level1 {margin: 3.25em auto 0;}
#menu-overlay .level2 li {
	display:block;
	width:100%;
	max-width: none; 
	line-height: 2.5em;}

button.show_info {
	position: relative;
	bottom: 0; right:0;
	margin-top: 2em;}
.event_price {top: 1em; right:1.125em;}
.payment_buttons .level2 li {
	display:block;
	width:100%;}
.payment_buttons .level2 li:first-child {
	border-right:none;
	border-bottom: 1px solid rgba(0,0,0,.1);}


#hero {min-height:30em; max-height:40em}
#hero.index {min-height:38em;}
#hero.index .btn {
	display: block;
	margin:0 auto .75em;
	width:100%;
	max-width: 22em;
	padding: 1.325em 2em;
}

#NaturalWonders .text, #GlimpseOutdoors .text, #Experience .intro .text{margin-top:3em}

#FunFacts .facts {font-size: .9375rem;}
#FunFacts .facts li {width:100%;}
#FunFacts .facts li {margin-top:9%;}
#FunFacts .facts li:first-child {margin-top:0;}
#FunFacts .facts h3 {margin: .625em 0}

#filter-widget {padding: .25em 2.5% 0;}
.filter-options {padding:0 0 .5em;}
.filter-options label {
	text-align: left;
	margin-bottom: .5em;}
.filter-options label:last-child {margin:0}
.filter-options label {margin-right: .25em; margin-top:.5em; font-size: .7325em;}
.filter-options span {padding:0 .5em 0 .25em;}
.filter-options i {height:25px; width:25px; line-height:28px}
.filter-options .icon-flag, .filter-options .icon-kayak {line-height:30px}
.filter-options .icon-hike {line-height:27px}
.filter-options .icon-kayak {font-size:14px;}
.filter-options .icon-snowflake {font-size: 17px; line-height: 29px;}
.filter-options .icon-tent {
	font-size:15px;
	line-height: 27px;
	}
.filter-options .icon-aroma {font-size: 14px; line-height: 28px;}

.trip_content, .trip_overview {padding: 2em 1.25em 1.5em!important;}
.trip_content hgroup h2, #trip_modal h2 {font-size: 1.425rem;}
.trip_content .details li {font-size:.825rem}
.trip_content .details i {font-size:18px}

.trip_overview h4 {margin-bottom:1.25em;}

.contact-info::after {display: none}
.contact-info h3 {margin-bottom:.5em}
.contact-info {margin-bottom: 3em}
.contact-info li {
    width: 100%;
	 max-width:none;
	 margin-right: 0;
	 margin-bottom: 2.5em}
.contact-info li:nth-child(2) {}
#contactForm .sola {display: inline-block}
#contactForm .tooltip{
	display: block;
	position: fixed;
	width:100%; left:0; right:0;
	bottom: 0;
	border-radius: none}
.notice, .extra-trip-boxes li .content {padding:calc(5.5% + 1.5em) 8.5%}
#submit {font-size:.825rem;padding:0 1.5em}
label.image, label.image:nth-of-type(2), label.image:nth-of-type(3) {
	width:100%;
	padding-bottom:35%;
	margin-top: 2%;
}
label.image:nth-of-type(2n - 1) {margin-right: 0;}

.contact-method li, .contact-method li:first-child{width:100%;margin:0;}
.contact-method li:first-child {margin-bottom:.5em;}

footer .adventures, footer .navigate{
	margin-top:3.5em;
	width:100%;
	max-width:none;
	min-width: 0;
	margin-right: 0;}
footer .payment {
	display:block;
	margin-bottom: 2em;}
img.sercotec {
	position: relative;
	margin: 0 auto;
	bottom:0; top:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}

footer.sponsors {
    text-align: center;
}

}

@media (max-width: 22.5em) {
#hero h1 {font-size: 2.125rem}

#Adventures .experiences li {
	 width: 100%;
	 padding-bottom: 55%;	}
#Adventures .experiences li:nth-child(2n - 1) {	margin-right:0;}
#Adventures .content {top:47%}
	
footer.sponsors {
    text-align: center;
}


}