/* Reset CSS */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset CSS */

/* CLearfix */

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* End CLearfix */

/* General Styles */

div.full-width {
	width: 100%;
	position: relative;
}

div.content-wrapper {
	width: 80%;
	margin: 0 auto;
}

h1 {
	font-family: 'Josefin Slab', serif;
	font-weight: 700;
	font-size: 7.25em; /* 116px / 16px */
	text-shadow: 1px 1px 8px #555555;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
}
/*
  animation:title 10s;
  -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
  -moz-animation:title 10s infinite;
	-webkit-animation:title 10s infinite;
}
@-moz-keyframes title
    {
    0%   {color:#FFFFFF;}
    25%  {color:#FDD900;}
    50%  {color:#0852A5;}
    75%  {color:#FD1800;}
    100% {color:#FFFFFF;}
    }

 @-webkit-keyframes title
    {
    0%   {color:#FFFFFF;}
    25%  {color:#FDD900;}
    50%  {color:#0852A5;}
    75%  {color:#FD1800;}
    100% {color:#FFFFFF;}
    }


 @keyframes title
    {
    0%   {color:#FFFFFF;}
    25%  {color:#FDD900;}
    50%  {color:#0852A5;}
    75%  {color:#FD1800;}
    100% {color:#FFFFFF;}
    }
    */

hr {
	/*opacity: 0.5;*/
	width: 90%;
}

hr.blue {
	border-color: #0852A5;
}

hr.yellow {
	border-color: #FDD900;
}

hr.red {
	border-color: #FD1800;
}

.hidden {
	display: none;
}

span.blue {
	color: #0852A5;
	text-shadow: none;
}

span.yellow {
	color: #FDD900;
	text-shadow: none;
}

span.red {
	color: #FD1800;
	text-shadow: none;
}

span.main-quote {
	font-family: 'Josefin Slab', serif;
	font-weight: 400;
	font-size: 2em; /* 32px / 16px */
	text-shadow: 1px 1px 2px #222222;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: center;
	padding-top: 80px;
	display: inline-block;
}

div.gallery-wrapper {
	width: 80%;
	margin: 0 auto;
	padding-top: 4em;
	padding-bottom: 2em;
}

a.fancybox {
	text-decoration: none;
}

a.fancybox img {
	width: 15%;
	margin-right: 1.4%;
	margin-left: 1.4%;
	margin-bottom: 2.8%;
	background-color: rgba(255, 255, 255, 0.85);
	border: 1px solid #cccccc;
	padding: 0.7%;
}

/* End General Styles */

/* Header styles */

header.full-width {
	background-color: #0852A5;
}

.top-nav {
	float: right;
	font-family: 'Josefin Slab', serif;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 1.6em;
}

.top-nav li {
	float: left;
}

.top-nav li a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 2em;
	letter-spacing: .08em;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.top-nav li a:hover {
	color: #FDD900;
}

.logo {
	display: inline-block;
	width: 3em;
	margin: 1em;
}

.mobile-nav-icon {
	display: none;
}

.mobile-nav-icon:hover {
	cursor: pointer;
}

.mobile-menu {
	padding-bottom: 0.5em;
	display: none;
}

.mobile-top-nav {
	font-family: 'Josefin Slab', serif;
	font-size: 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 1em;
	text-align: right;
	letter-spacing: 0.1em;
}

.mobile-top-nav li {
	margin-bottom: 0.5em;
}

.mobile-top-nav li a {
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.mobile-top-nav li a:hover {
	color: #FDD900;
}

hr.line-top {
	width: 100%;
	margin-bottom: 1em;
}

hr.line-bottom {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* End Header styles */

/* Intro Styles */

div.intro {
	background: url("../images/fjords-51.jpg") no-repeat center;
	background-position: fixed;
}

div.intro-content {
	padding-top: 5.25em;
	padding-bottom: 3.5em;
	/*background-color: rgba(0, 0, 0, 0.45);*/
}

div.intro-content h2 {
	padding-top: 25px;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Josefin Slab', serif;
	font-weight: 400;
	font-size: 3.2em;
	text-shadow: 1px 1px 2px #222222;
	line-height: 1.2em;
}

div.main-image-wrapper{	
	margin-top: 30px;
	text-align: center;
}

div.main-image-wrapper img {
	display: inline-block;
	width: 40%;
	height: 40%;
	border: 10px solid rgba(255, 255, 255, 0.25);
}

div.journal {
	background-color: #FFF9E5;
}

/* End Intro Styles */

div.secondary-image {
	margin-top: 4em;
	margin-bottom: 4em;
}

div.secondary-image img {
	height: 40%;
	width: 40%;
}

/* Chapter 1 Styles */

div.chapter-1 {
	background: url("../images/background-yellow.jpg") repeat-x;
	position: relative;
}

img.map {
	padding-top: 90px;
	width: 100%;
}

div.airport {
	color: #FFFFFF;
	font-family: 'Source Sans Pro', sans-serif;
}

div.airport span {
	display: block;
	line-height: 1em;
	text-align: center;
}

div.airport-depart {
	position: absolute;
	top: 180px;
	left: 250px;
}

div.airport-arrive {
	position: absolute;
	right: 325px;
	top: 40px;
}

span.map-1 {
	font-size: 1.5em;
}

span.map-2 {
	font-size: 5em;
}

/* End Chapter 1 Styles */

/* Chapter 2 Styles */

div.chapter-2 {
	background: url("../images/stockholm-01.jpg") no-repeat center;
	background-position: fixed;
}

div.chapter-2-content {
	padding-top: 6.25em;
}

div.chapter-2-details {
	background-color: #FFF9E5;
}

/* End Chapter 2 Styles */

/* Chapter 3 Styles */

div.chapter-3 {
	background: url("../images/background-red.jpg") repeat-x;
	position: relative;
}

img.map-image-2 {
	padding-top: 40px;
	width: 100%;
}

div.airport-depart-2 {
	position: absolute;
	right: 415px;
	/*color: #999999;*/
	top: 90px;
}

div.airport-arrive-2 {
	position: absolute;
	left: 330px;
	top: 90px;
}

/* End Chapter 3 Styles */

/* Chapter 4 Styles */

div.chapter-4 {
	background: url("../images/bergen-04.jpg") no-repeat center;
	background-position: fixed;
}

div.chapter-4-content {
	padding-top: 6.25em;
}

div.chapter-4-details {
	background-color: #FFF9E5;
}

/* End Chapter 4 Styles */


/* Chapter 5 Styles */

div.chapter-5 {
	background: url("../images/background-blue.jpg") repeat-x;
	position: relative;
}

img.map-image-3 {
	padding-top: 40px;
	width: 100%;
}

div.airport-depart-3 {
	position: absolute;
	top: 220px;
	left: 260px;
}

div.airport-arrive-3 {
	position: absolute;
	right: 410px;
	top: 130px;
}

/* End Chapter 5 Styles */

/* Chapter 6 Styles */

div.chapter-6 {
	background: url("../images/fjords-02.jpg") no-repeat bottom;
	background-position: fixed;
}

div.chapter-6-content {
	padding-top: 6.25em;
}

div.chapter-6-details {
	background-color: #FFF9E5;
}

/* End Chapter 6 Styles */

/* Chapter 7 Styles */

div.chapter-7 {
	background: url("../images/background-yellow.jpg") repeat-x;
	position: relative;
}

img.map-image-4 {
	padding-top: 0px;
	width: 100%;
}

div.airport-depart-4 {
	position: absolute;
	left: 270px;
	top: 160px;
}

div.airport-arrive-4 {
	position: absolute;
	left: 890px;
	top: 120px;
}

/* End Chapter 7 Styles */

/* Chapter 8 Styles */

div.chapter-8 {
	background: url("../images/oslo-04.jpg") no-repeat center;
	background-position: fixed;
}

div.chapter-8-content {
	padding-top: 6.25em;
}

div.chapter-8-details {
	background-color: #FFF9E5;
}

/* End Chapter 8 Styles */

/* Chapter 9 Styles */

div.chapter-9 {
	background: url("../images/background-red.jpg") repeat-x;
	position: relative;
}

/* End Chapter 9 Styles */

/* Footer Styles */

footer.full-width {
	background-color: #0852A5;
}

footer.full-width img {
	padding: 2em 0;
}

footer.full-width span {
	display: inline-block;
	float: right;
	font-family: 'Josefin Slab', serif;
	font-size: 1.8em;
	color: #FFFFFF;
	margin-top: 1.8em;
}

footer.full-width span a {
	color: #FDD900;
	text-decoration: none;
}

footer.full-width span a:hover {
	border-bottom: 1px solid #FDD900;
}

/* End Footer Styles */

/* Fancybox adjustments */

.fancybox-skin {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.fancybox-close {
	top: -12px;
	right: -12px;
}

.fancybox-skin {
	background: #FD1800;
}

/* End Fancybox adjustments */

/* responsive Carousel */

.sampleClass {float:left;}
@media only screen and (max-width: 800px){
	.sampleClass {float:none;}
}

div.carousel-wrapper {
	width: 60%;
	margin: 0 auto;
	padding: 4em 0;
}

figure.crsl-item img {
	width: 100%;
}

div#NAV-ID {
	margin-top: 2em;
}

div#NAV-ID a {
	font-family: 'Josefin Slab', serif;
	font-weight: 700;
	color: #0852A5;
	font-size: 2em;
	margin-top: 1em;
	text-decoration: none;
}

div#NAV-ID a:hover {
	text-decoration: underline;
}

div#NAV-ID a.next {
	float: right;
	margin-top: 0;
}

/* End responsive Carousel */

/* Media Queries */

@media (max-width: 73.75em) {
  span.map-2 {
		font-size: 4em;
	}
	div.airport-depart {
		top: 150px;
		left: 230px;
	}
	div.airport-depart-2 {
		right: 385px;
	}
	div.airport-arrive-4 {
		left: 840px;
		top: 130px;
	}
}


@media (max-width: 70.625em) {
	div.airport-depart-2 {
		right: 375px;
	}
	div.airport-arrive-3 {
		right: 380px;
	}
	div.airport-arrive-4 {
		left: 760px;
		top: 120px;
	}
}

@media (max-width: 64.25em) {
  h1 {
  	font-size:6.25em;
  }
  div.intro-content h2 {
  	font-size: 2.8em;
  }
  span.map-1 {
		font-size: 1em;
	}
  span.map-2 {
		font-size: 3em;
	}
	div.airport-arrive {
		right: 265px;
		top: 70px;
	}
	div.airport-depart-2 {
		right: 355px;
	}
	div.airport-arrive-3 {
		right: 360px;
	}
	div.airport-arrive-4 {
		left: 790px;
	}
}

@media (max-width: 61.25em) {
  div.airport-depart-2 {
		right: 335px;
	}
	div.airport-depart-3 {
		top: 210px;
		left: 235px;
	}
	div.airport-arrive-3 {
		right: 340px;
	}
	div.airport-depart-4 {
		left: 240px;
		top: 120px;
	}
	div.airport-arrive-4 {
		left: 760px;
		top: 150px;
	}
}

@media (max-width: 59.375em) {
  div.airport-depart {
		top: 150px;
		left: 216px;
	}
	div.airport-arrive-2 {
		left: 240px;
	}
	div.airport-depart-2 {
		right: 325px;
	}
	div.airport-arrive-4 {
		left: 720px;
	}
	footer.full-width span {
		font-size: 1.4em;
		margin-top: 2.5em;
	}
}

@media (max-width: 56.25em) {
	div.airport-depart-2 {
		right: 305px;
	}
	div.airport-depart-3 {
		top: 180px;
		left: 205px;
	}
	div.airport-arrive-3 {
		right: 305px;
	}
	div.airport-depart-4 {
		left: 210px;
		top: 90px;
	}
	div.airport-arrive-4 {
		left: 680px;
		top: 120px;
	}
}


@media (max-width: 54.375em) {
  h1 {
  	font-size:5.25em;
  }
  div.intro-content h2 {
  	font-size: 2.2em;
  }
  .logo {
  	width: 2em;
  }
  .top-nav {
		font-size: 1.1em;
		margin-top: 1.5em;
	}
}

@media (max-width: 52.875em) {
  div.airport-depart {
		top: 140px;
		left: 176px;
	}
	div.airport-arrive {
		right: 225px;
		top: 60px;
	}
	div.airport-depart-2 {
		right: 255px;
		top: 50px;
	}
	div.airport-arrive-2 {
		left: 190px;
		top: 80px;
	}
	div.airport-depart-3 {
		top: 170px;
		left: 185px;
	}
	div.airport-arrive-3 {
		right: 255px;
	}
	div.airport-depart-4 {
		left: 190px;
		top: 80px;
	}
	div.airport-arrive-4 {
		left: 640px;
		top: 110px;
	}
}

@media (max-width: 50.25em) {
  a.fancybox img {
  	padding:0.6%;
  }
  div.airport-depart-2 {
		right: 225px;
		top: 30px;
	}
	div.airport-depart-3 {
		top: 160px;
		left: 165px;
	}
	div.airport-depart-4 {
		left: 160px;
	}
	div.airport-arrive-4 {
		left: 605px;
	}
}

/* Tablet break */

@media (max-width: 48em) {
	a.fancybox img {
		width: 20%;
		margin-right: 1.2%;
		margin-left: 1.2%;
		margin-bottom: 2.4%;
		border: 1px solid #cccccc;
		padding: 0.7%;
	}
	footer.full-width img {
		padding: 1em 0;
	}
	footer.full-width span {
		font-size: 1.2em;
		margin-top: 2.1em;
	}
	div.carousel-wrapper {
		width: 80%;
	}
}

@media (max-width: 45.875em) {
  h1 {
  	font-size:4.25em;
  }
  div.intro-content h2 {
  	font-size: 1.9em;
  }
  div.airport-depart {
		top: 120px;
		left: 155px;
	}
	div.airport-arrive {
		right: 195px;
		top: 55px;
	}
	div.airport-depart-2 {
		right: 205px;
		top: 20px;
	}
	div.airport-arrive-2 {
		left: 160px;
		top: 75px;
	}
	div.airport-depart-3 {
		top: 150px;
		left: 135px;
	}
	div.airport-arrive-3 {
		right: 225px;
		top: 110px;
	}
	.logo {
		margin: 0.5em;
	}
	.top-nav {
		font-size: 0.9em;
		margin-top: 1.4em;
	}
	.top-nav li a {
		margin-left: 1.4em;
	}
}

@media (max-width: 44.375em) {
	div.airport-depart-2 {
		right: 190px;
	}
	div.airport-arrive-4 {
		left: 525px;
		top: 80px;
	}
}

@media (max-width: 42.25em) {
	div.airport-depart-2 {
		right: 175px;
	}
	div.airport-arrive-2 {
		left: 120px;
		top: 80px;
	}
	div.airport-arrive-3 {
		right: 205px;
		top: 100px;
	}
	div.airport-depart-4 {
		left: 130px;
		top: 60px;
	}
	div.airport-arrive-4 {
		left: 505px;
		top: 70px;
	}
}

@media (max-width: 40.625em) {
  div.airport-depart {
		top: 110px;
		left: 135px;
	}
	div.airport-arrive {
		right: 175px;
		top: 50px;
	}
	div.airport-depart-2 {
		right: 170px;
		top: 15px;
	}
	div.airport-arrive-2 {
		left: 110px;
		top: 70px;
	}
	div.airport-depart-3 {
		top: 124px;
		left: 110px;
	}
	div.airport-arrive-3 {
		right: 185px;
	}
	div.airport-depart-4 {
		left: 120px;
	}
	div.airport-arrive-4 {
		left: 490px;
	}
	footer.full-width img {
		padding: 0.75em 0;
		height: 3em;
	}
	footer.full-width span {
		font-size: 1em;
		margin-top: 2em;
	}
}

@media (max-width: 39.125em) {
  div.airport-depart-2 {
		right: 160px;
		top: 12px;
	}
	div.airport-arrive-4 {
		left: 470px;
	}
	div.airport-arrive {
		right: 160px;
	}
}

@media (max-width: 37.125em) {
  h1 {
  	font-size:3.25em;
  }
  div.intro-content h2 {
  	font-size: 1.5em;
  }
  div.airport-depart-2 {
		right: 148px;
	}
	div.airport-arrive-2 {
		top: 50px;
	}
	div.airport-depart-3 {
		top: 110px;
		left: 100px;
	}
	div.airport-arrive-3 {
		right: 155px;
	}
	div.airport-depart-4 {
		left: 100px;
	}
	div.airport-arrive-4 {
		left: 440px;
		top: 50px;
	}
}

/* Mobile Break */

@media (max-width: 34.375em) {
  a.fancybox img {
		width: 40%;
		border: none;
		margin-right: 3%;
		margin-left: 3%;
		padding: 1.5%;
  }
  div.airport-depart {
		top: 80px;
		left: 95px;
	}
	div.airport-arrive {
		right: 145px;
	}
	div.airport-depart-2 {
		right: 20px;
		top: 70px;
	}
	div.airport-arrive-2 {
		top: 40px;
		left: 90px;
	}
	div.airport-depart-3 {
		top: 100px;
		left: 80px;
	}
	div.airport-arrive-3 {
		right: 145px;
		top: 80px;
	}
	div.airport-depart-4 {
		left: 70px;
	}
	div.airport-arrive-4 {
		left: 385px;
		top: 30px;
	}
	.top-nav {
		display: none;
	}
	.mobile-nav-icon{
		display: block;
		width: 1.5em;
		float: right;
		margin-top: 0.8em;
	}
	footer.full-width span {
		font-size: 1em;
		float: none;
	}
	footer.full-width img {
		display: block;
		margin: 0 auto;
		padding-top: 2em;
		height: 4em;
	}
	footer.full-width {
		text-align: center;
	}
	footer.full-width span {
		margin-top: 1.5em;
		margin-bottom: 3em;
		line-height: 1.5em;
	}
	div.carousel-wrapper {
		width: 100%;
	}
}

@media (max-width: 31.25em) {
  div.airport-depart {
		top: 75px;
		left: 80px;
	}
	div.airport-arrive {
		right: 115px;
		top: 30px;
	}
	img.map-image-2 {
		width: 90%;
	}
	div.airport-depart-2 {
		right: 30px;
		top: 40px;
	}
	div.airport-arrive-2 {
		top: 20px;
	}
	div.airport-depart-3 {
		top: 90px;
		left: 50px;
	}
	div.airport-arrive-3 {
		right: 105px;
		top: 70px;
	}
	div.airport-depart-4 {
		left: 60px;
		top: 40px;
	}
	div.airport-arrive-4 {
		left: 340px;
		top: 20px;
	}
}

@media (max-width: 29.125em) {
  h1 {
  	font-size:2.25em;
  }
  div.intro-content h2 {
  	font-size: 1.5em;
  }
}

@media (max-width: 26.25em) {
	div.airport-arrive {
		right: 90px;
		top: 25px;
	}
  div.airport-arrive-2 {
		left: 50px;
	}
	div.airport-depart-2 {
		right: 10px;
		top: 20px;
	}
	div.airport-depart-3 {
		top: 85px;
		left: 25px;
	}
	div.airport-arrive-3 {
		right: 75px;
		top: 50px;
	}
	div.airport-depart-4 {
		left: 40px;
		top: 40px;
	}
	div.airport-arrive-4 {
		left: 280px;
		top: 15px;
	}
}

@media (max-width: 25em) {
	div.airport-depart-4 {
		left: 20px;
		top: 30px;
	}
	div.airport-arrive-4 {
		left: 205px;
		top: 10px;
	}
	div.airport-depart {
		top: 60px;
		left: 40px;
	}
	div.airport-arrive {
		right: 50px;
		top: 20px;
	}
	div.airport-depart-3 {
		top: 65px;
		left: 15px;
	}
	div.airport-arrive-3 {
		right: 35px;
		top: 40px;
	}
	div.airport-arrive-2 {
		left: 18px;
		top: 14px;
	}
	div.airport-depart-2 {
		right: 10px;
		top: 10px;
	}
}

/* End Media Queries */