@charset "utf-8";
/* CSS Document */
/*Accounting for device browser viewport and IE10's snap mode*/
@viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
header {
	position: fixed;
	top: 0;
	margin: 0;
	height: 10vw;
	width: 100vw;
	font-size: 1em;
	text-align: center;
	background: #b6dcf5 url("../img/yourchoicetravel_globe.png") no-repeat scroll 5% 0%;
	transition: all 0.4s ease;
}
header h1 {
	color: #0C0;
	margin: 0 0 4vw 0;
}
.sticky {
	height: 5vw;
	text-align: left;
	font-size: 0.7em;
	background: #b6dcf5 url("../img/yourchoicetravel_globe_small.png") no-repeat scroll 2% 0%;
}
header.sticky h1 {
	font-size: 1.5em;
	padding-left: 6vw;
	margin: 1vw 0 0 0;
}
.home {
	position: fixed;
	width: 21vw;
	height: 5vw;
}
button {
	display: none;
	color: #0C0;
	font-size: .8em;
}
header.sticky button {
	display: inline-block;
}
nav {
	position: relative;
	top: -3.7vw;
	margin: 0;
	padding: 0 0 0 8vw;
	width: 100%;
	height: 5vw;
}
header.sticky nav {
	padding: 0 0 0 18vw;
}
nav li{
	display: inline-block;
	text-align: center;
	width: 15vw;
}
nav li img {
	max-width: 50px;
}
nav a {
	display: block;
	padding: 1vw 0;
	text-decoration: none;
	color: #9C9C9C;
}
body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	width: auto;
	height: auto;
}
.group {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.container.short {
	height: 30vw;
}
.col {
	display: block;
	float:left;
	margin: 1vw 0 1vw 2vw;
}
.span_1_of_1 {
	width: 100%;
}
.span_1_of_2, .span_2_of_2 {
	width: 45%;
	margin-left: 2.5vw;}
.span_1_of_3, .span_2_of_3, .span_3_of_3 {
	width: 30%;
	margin-left: 2.5vw;
}
.span_2and3_of_3 {
	width: 60%;
}
.span_1_of_4 {
	width: 20%;
	margin-left: 2.5vw;
}
.green {
	color: green;
}
.anchor:before {
	content: "";
	margin: -4em 0 0 ;
	height: 4vw;
}
/* ============================================================
  PRIMARY STRUCTURE FOR PARALLAX
============================================================ */
.container {
 	max-width: 100vw;
  	height: 68vw;
  	margin: 0 auto;
}
.container.green {
	background-color:#CDE2D0;
	height: 50vw;
	text-align: center;
}
.container p {
  margin-left: 2vw;
}
/* ============================================================
  PARALLAX SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  font-size: 2em;
  text-align: center;
}
section.module p {
  margin-bottom: 40px;
  font-size: 1.2em;
  font-weight: 300;
}
section.module.parallax p {
  color: rgba(255, 255, 255, 0.8);
  text-align: right;
  font-size: 0.7em;
  margin: 10vw 5vw 5vw 10vw;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0 0;
}
section.module.content ul {
	list-style: none;
}
section.module.parallax {
  height: 60vw;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(204, 255, 204, 1);
  line-height: 45vw;
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
section.module.parallax-1 {
  background-image:url("../img/magens.jpg");
}
section.module.parallax-2 {
  background-image:url("../img/maasai.jpg");
}
section.module.parallax-3 {
  background-image:url("../img/nepal.jpg");
}
section.module.parallax-4 {
  background-image:url("../img/rest.jpg");
}
section.module.parallax-5 {
  background-image:url("../img/lost.jpg");
}
#earth {
  position: relative;
  z-index: -1;
  width: 10vw;
  height: 10vw;
  margin: 3em auto;
  background: url("../img/earthmap.jpg") 0 0 repeat;
  border-radius: 50%;
  background-size: 22vw;
  animation: rotate 5.5s linear infinite;
  transition: transform 200ms linear;
  transform-style: preserve-3d;
  box-shadow: inset 20px 0 80px 6px rgba(0, 0, 0, 1);
  color: #000;
}
#earth:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#earth:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  background: radial-gradient(circle at 100px 100px, #fff, #000);
}
@keyframes rotate {
  0% {background-position: 0 0;}
  100% {background-position: 630px 0;}
}
#community img {
	width: 10vw;
	height: auto;
	margin: 2vw 0 0 10vw;
}
.check ul{
	list-style-type: none;
}
.check ul li {
	background-image: url("../img/checkmark.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 3vw;
	font-size: 1.5em;
}
@media screen and (max-width: 1050px) and (min-width: 732px) {
  .container {min-height: 85vw;}
}
@media (max-height: 560px) and (max-width: 520px){
  nav li {display: block; width: 60vw;}
  nav li:first-child {width: 10vw;}
  button {font-size: 0.75em; margin: left 15%;}
  section.module.parallax h1 {font-size: 1.5em;}
  section.module.parallax {height: 145vw; background-attachment: scroll; background-position: 25% 50%;}
  section.module h2 {font-size: 1em;}
  section.module p, li, .check ul li {font-size: 0.75em;}
  section.module.content ul {margin: 0; padding: 0;}
  .container {height: 145vw;}
  .span_1_of_1 {width: 65%; }
  .span_1_of_3, .span_2_of_3, .span_3_of_3, .span_1_of_2, .span_2_of_2, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4  { width: 100%; }
  nav li img, .container img, #earth {display: none;}
  .check ul li {padding: 10vw;}
}
@media (max-device-width: 520px) and (orientation: landscape) {
  nav li {display: none;}
}

/*@media screen and (max-width: 732px) and (max-device-width: 640px) {}*/