@font-face {
    font-family: 'Altitude-Bold';
    src: url('fonts/AltitudeBold.eot');
}

@font-face {
    font-family: 'Altitude-Bold';
    src: url('fonts/AltitudeBold.woff') format('woff'),
    url('fonts/AltitudeBold.svg#Altitude-Bold') format('svg');
}
@font-face {
    font-family: 'Altitude';
    src: url('fonts/AltitudeRegular.eot');
}

@font-face {
    font-family: 'Altitude';
    src: url('fonts/AltitudeRegular.woff') format('woff'),
    url('fonts/AltitudeRegular.svg#Altitude') format('svg');
}
@font-face {
    font-family: 'AltitudeMedium';
    src: url('fonts/AltitudeMedium.eot');
}

@font-face {
    font-family: 'AltitudeMedium';
    src: url('fonts/AltitudeMedium.woff') format('woff'),
    url('fonts/AltitudeMedium.svg#AltitudeMedium') format('svg');
}
@font-face {
    font-family: 'AltitudeLight';
    src: url('fonts/AltitudeLight.eot');
}

@font-face {
    font-family: 'AltitudeLight';
    src: url('fonts/AltitudeLight.woff') format('woff'),
    url('fonts/AltitudeLight.svg#AltitudeLight') format('svg');
}
h1 { font-family: "AltitudeMedium", serif; font-weight: normal; }

h2 { font-family: "AltitudeMedium", serif; font-weight: normal; }

h3 { font-family: "AltitudeMedium", serif; font-weight: normal; }

h4 { font-family: "AltitudeMedium", serif; font-weight: normal; }

h5 { font-family: "AltitudeMedium", serif; font-weight: normal; }

h6 { font-family: "AltitudeMedium", serif; font-weight: normal; }

body{
	margin: 0;
	color: #fff;
	font: 18px/25px "Altitude", Arial, Helvetica, sans-serif;
	background: #fff;
	font-weight: normal;
}
#loader {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #2f2f2f;
	z-index: 20000;
	border: 10px solid white;
	/* display: none; */
}
#progress-bar-flug {
	height: 20px;
	width: 100%;
	position: absolute;
	top: 50%;
	background-color: transparent;
}
#progress-bar-flugvel {
	width: 50px;
	height: 50px;
	background: transparent url('/images/plane_loader.png') no-repeat left center;
	display: block;
	position: absolute;
	top: 48%;
	left: 0;
}

#progress-vel.aniPos:after {
	left: 100%;
	-webkit-transition: left .7s; /* For Safari 3.1 to 6.0 */
    transition: left .7s;

}
#progress-bar {
	height: 2px;
	width: 10%;
	position: absolute;
	top: 55%;
	background-color: #959595;
	-webkit-transition: all 4s;
	transition: all 4s;
	-moz-transition: all 4s;
}
#progress-bar.sailing {
	width: 30%;
}
#progress-bar:after {
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	background: transparent url('/images/batur.svg') no-repeat left top;
	top: -40px;
	left: 101%;
}

img{border-style: none;}
a{text-decoration: none; color: #d1a21d;font-weight:normal; font-family: "AltitudeMedium", serif; }
a:hover{text-decoration: underline;}
input,
textarea,
select{
	font: 100% "Altitude", Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: none;
	cursor: pointer;
}
a:focus,
input:focus,
textarea:focus,
select:focus{outline: none;}
form,
fieldset{
	margin: 0;
	padding: 0;
	border-style: none;
}
q{quotes: none;}
q:before{content: ''}
q:after{content: ''}
article,
aside,
footer,
header,
nav,
section{display: block;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
.hideme {
	display: none;
}
.bg-left,
.bg-right{
	width:10px;
	top:0;
	left:0;
	bottom:0;
	background:#fff;
	position:fixed;
	z-index:2000;
}
.bg-right {
	left:auto;
	right:0;
}
.bg-top,
.bg-bottom {
	height:10px;
	top:0;
	left:0;
	right:0;
	background:#fff;
	position:fixed;
	z-index:2000;
}
.bg-bottom {
	top:auto;
	bottom:0;
}
#wrap .section {
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
  background-color: #f5f5f5;
}
#header {
	position:fixed;
	top:33px;
	left:55px;
	right:55px;
	z-index:600;
	padding:0 0 21px;
	border-bottom:1px solid #fff;
	overflow:hidden;
}
.logo {
	background: url(../images/logo.svg) no-repeat 50% 50%;
	width:186px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 5px;
	background-size:186px 42px;
}
.logo a {
	display:block;
	height:100%;
}
#header .link {
	float:left;
	border:1px solid #fff;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:34px;
	padding:0 15px;
	transition:all .3s;
	-webkit-transition:all .3s;
	margin:7px 30px 0 0;
	text-transform:uppercase;
}
#header .link.show-mobile {
	display: none;
}
#header .link:hover {
	color:#7687a3;
	text-decoration:none;
	background:#fff;
}
#header .right {float:right;}
.menu-opener {
	text-indent:-9999px;
	overflow:hidden;
	width:54px;
	float:left;
	margin:7px 0 0;
	font-size:0;
	line-height:0;
}
.menu-opener span {
	width:100%;
	background:#fff;
	height:7px;
	margin:7px 0 0;
	display:block;
}
.menu-opener span:first-child {margin:0;}
#main-nav {
	position:fixed;
	top:0;
	right:-440px;
	width:440px;
	padding:15px 0;
	background:#fff;
	z-index:1000;
	bottom:0;
	transition:right .5s;
	-webkit-transition:right .5s;
	display:table;
	height:100%;
}
#main-nav.gradient {
	background: #385474; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4NTQ3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzM4NTQ3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTQwNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #385474 0%, #385474 39%, #29405b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#385474), color-stop(39%,#385474), color-stop(100%,#29405b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #385474 0%,#385474 39%,#29405b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #385474 0%,#385474 39%,#29405b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #385474 0%,#385474 39%,#29405b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #385474 0%,#385474 39%,#29405b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385474', endColorstr='#29405b',GradientType=0 ); /* IE6-8 */
}
#main-nav.active {
	right:0 !important;
	box-shadow:-5px 0 15px rgba(22,22,22,0.1);
	-webkit-box-shadow:-5px 0 15px rgba(22,22,22,0.1);
}
.nav {
	margin:0;
	padding:0;
	list-style:none;
}
#main-nav .close {
	position:absolute;
	top:55px;
	right:55px;
	width:auto;
	color:#fff;
	font-size:50px;
	font-weight:600;
}
#main-nav .close:hover {
	color:#fff;
	opacity:0.85;
	text-decoration:none;
}
#main-nav .socials {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:43px;
	left:0;
}
.socials i {
	font-size: 17px;
	color: #fff;
	border: 1px #fff solid;
	height: 30px;
	width: 30px;
	border-radius: 18px;
	padding: 2px;
	vertical-align: middle;
	line-height: 25px;
	background-color: transparent;
}

.socials .twitter-av i:hover {
	background-color: #00b4ff;
	border: 1px #00b4ff solid;
}

.socials .linkedin-av i:hover {
	background-color: #1488bd;
	border: 1px #1488bd solid;
}
.socials .youtube-av i:hover {
	background-color: #ff3132;
	border: 1px #ff3132 solid;
}
.socials .gplus-av i:hover {
	background-color: #dd4b39;
	border: 1px #dd4b39 solid;
}
.socials i:before {
	vertical-align: middle;
}
#main-nav .socials li {
	display:inline-block;
	padding:0 5px;
}
#main-nav .socials li a {
	display:block;
	overflow:hidden;
	cursor:pointer;
	width:37px;
	height:37px;
	opacity:.8;
	transition:all .3s;
	-webkit-transition:all .3s;
}
#main-nav .socials li a.youtube {background-position:-47px 0;}
#main-nav .socials li a.gplus {background-position:100% 0;}
#main-nav .socials li a:hover {opacity:1;}
.nav {
	margin:0;
	padding:0;
	list-style:none;
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
.nav li {
	width:100%;
	padding:0 0 18px;
	text-align:center;
	position:relative;
}
.nav li a {
	width:242px;
	display:block;
	border:1px solid #fff;
	color:#fff;
	margin:0 auto;
	opacity:.8;
	transition:all .3s;
	-webkit-transition:all .3s;
	font-weight:normal;
	font-size:20px;
	padding:4px 6px 10px;
}
.nav li.special {color:#fff;padding-top:5px;}
.nav li.special a {
	border:0;
	color:#d1a31e;
	display:inline;
	opacity:1;
	font-size:15px;
	padding:0;
}
.nav li a:hover {
	text-decoration:none;
	opacity:1;
}
/* .nav li.active a:after, */
.nav li a:hover:after
 {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 16px 0;
	border-color: transparent #385474 transparent transparent;
	position:absolute;
	left:-16px;
	top:50%;
	margin:-16px 0 0;
}
.nav li.special a:hover {opacity:0.9;}
.nav li.special a:hover:after {display:none;}
.nav li a .img {
	display:block;
	border-bottom:1px solid #fff;
	height:55px;
	width:106px;
	margin:0 auto 15px;
	padding:7px 0;
}
.nav li a .img img {
	display:block;
	height:100%;
	width:auto;
	margin:0 auto;
}
.to-bottom {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:0 0 22px;
}
.to-bottom .line {
	border-top:1px solid #fff;
	margin:0 auto;
	max-width:320px;
	position:absolute;
	top:0;
	left:50px;
	right:50px;
	z-index:9999;
	width:69%;
}
.to-bottom .line:before {
	content:'';
	position:absolute;
	left:50%;
	top:-5px;
	margin:0 0 0 -5px;
	border:2px solid #e0e0e0;
	width:6px;
	height:6px;
	background:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.to-bottom a {
	background: url(../images/plane.png) no-repeat 0 0;
	width:42px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:22px auto 0;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.to-bottom a:hover {opacity:0.7;}
.to-top a {background-position:0 100%;}
#promo {text-align:center;}
#promo .pp-tableCell {overflow:hidden;position:relative;}
#promo video,
.inner video {
	position: absolute;
	z-index: -100;
	top:0;
	left:0;
}
#promo .pp-tableCell {vertical-align:bottom;}
#promo .text {
	max-width:710px;
	padding:0 35px 250px;
	margin:0 auto;
	text-align:center;
}
#promo h1 {
	font: 50px/52px "AltitudeMedium", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#fffdfd;
	margin:0 0 20px;
}
#promo h1 span {color:#d1a31e;}
#promo p {margin:0 0 25px;}
#video-section {overflow:hidden;}
#video-section .col {
	width:33.3%;
	height:100%;
	float:left;
	position:relative;
    overflow: hidden;
    cursor: pointer;
}
#video-section .col a{
	/* width:33.3%; */
	width: 100%;
	height:100%;
	display: inline-block;
}
#video-section .col video {
	position: absolute;
}
#video-section .col .holder {display:table;height:100%;width:100%;}
#video-section .col .frame {
	display:table-cell;
	vertical-align:middle;
}
#video-section h2 {
	text-transform:uppercase;
	font-size:20px;
	text-align:center;
	margin:0;
	position:relative;
}
#video-section h2:before {
	display:block;
	content:' ';
	width:185px;
	height:185px;
	border:3px solid #fff;
	border-radius:50%;
	margin:0 auto 25px;
}
#video-section h2.fish:before {background: url(../images/fiskur.svg) no-repeat 50% 50%; background-size: 80% 80%;}
#video-section h2.berry:before {background: url(../images/ber.svg) no-repeat 50% 50%; background-size: 75% 75%;}
#video-section h2.horse:before {background: url(../images/hestur.svg) no-repeat 30% 50%; background-size: 75% 75%}
#video-section .dyr-video video{
	left: -1000px;
}
.horse.last-slide {
	background: url(../images/hestar06.jpg) center center;
	background-size: cover;
}
#contact {
	background: url(../images/img-03.jpg) no-repeat 50%;
	background-size:cover;
}
#contact h2 {
	color:#fff;
	font-size:20px;
	margin:0 0 37px;
	text-transform: uppercase;
}
.contact-form {
	max-width:880px;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}
.contact-form .left-col {
	float:left;
	width:485px;
}
.contact-form .right-col {
	float:right;
	width:350px;
}
.contact-form .left-col h2 {padding:0 0 12px;}
.contact-form p {
	margin:0 0 25px;
	line-height:25px;
	font-size:16px;
	font-weight:normal;
}
.contact-form input,
.contact-form textarea,
.contact-form select {
	background:rgba(255,255,255,0.5);
	border:0;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:12px 5px;
	color:#fff;
	font-size:16px;
	border-radius:3px;
	-webkit-border-radius:3px;
	display:block;
	margin:0 0 21px;
	max-width:100%;
	min-width:100%;
}
.contact-form textarea {
	overflow:auto;
	height:181px;
}

select#inp-03 {
height: 42px;
}
.contact-form input[type="submit"]{
	background:#d1a21d;
	color:#fff;
	font-size:16px;
	line-height:50px;
	width:147px;
	padding:0;
	margin:0;
	border-radius:2px;
	-webkit-border-radius:2px;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.contact-form input[type="submit"]:hover {opacity:0.8;}
.contact-form label {
	display:block;
	font-size:12px;
	margin:0 0 4px;
}
.contact-form .row {
	width:100%;
	overflow:hidden;
}
.contact-form .row .col {
	float:right;
	width:49.5%;
}
.contact-form .row .col:first-child {float:left;}
.contact-form label.error {display:none !important;}
.contact-form input.error,
.contact-form textarea.error {border:1px solid #da1212;}
.inner .box {
	width:700px;
	margin:0 0 0 88px;
	overflow:hidden;
	position: relative;
}
.inner .box .meta {
	float:left;
	width:103px;
	padding:10px 11px 0 0;
}
.inner .box .meta .ico {
	width:100px;
	height:100px;
	border:2px solid #fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	background-size:80%;
	margin:0 0 10px;
}
.inner .box .meta .time {
	color:#d8a61d;
	font: 20px/20px "AltitudeMedium", Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	display:block;
}
.fish .ico {background: url(../images/fiskur.svg) no-repeat 50%; background-size: 80% 80%;}
.horse .ico {background: url(../images/horse.png) no-repeat 50%;}
.berry .ico {background: url(../images/ber.svg) no-repeat 50%; background-size: 75% 75%;}
.inner .box .text {
	overflow:hidden;
	padding:30px 0 50px 17px;
	/*border-left:1px solid #fff;*/
	font-size:18px;
	line-height:25px;
}
.inner .box .text h1,
.inner .box .text h2 {
	font-size:40px;
	line-height:36px;
	margin:0 0 9px;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
}
.inner .box .text h1 span,
.inner .box .text h2 span {
	color:#d8a61d;
}
.inner .box .text p {margin:0 0 25px;}
.inner .pp-tableCell {overflow:hidden;position:relative;}
.align-r .pp-tableCell .box {
	float:right;
	padding-right:50px;
}
.inner .centered-image img {
	display:block;
	margin:0 auto;
	width:80%;
	max-width:100%;
}
.inner .box-steps {
	list-style: none;
	margin: 0 -10px 0 2px;
	padding: 35px 0 6px;
	float: left;
	position: relative;
	width: 19px;
	text-align: left;
	overflow: hidden;
}
.inner .box-steps:before,
.inner .box-steps:after,
.inner .box-steps > li:after {
	content:'';
	width: 1px;
	background: #827f7f;
	background: rgba(255,253,253,0.5);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.inner .box-steps:before {
	height: 25px;
	top: 10px;
}
.inner .box-steps:after {
	height: 6px;
	bottom: 0;
}
.inner .box-steps > li {
	text-indent: -9999px;
	height: 15px;
	margin: 0 0 16px;
	position: relative;
	background: url('../images/bg-steps.png') no-repeat;
}
.inner .box-steps > li.active {background-position: -29px 0;}
.inner .box-steps > li:after {
	top: 100%;
	height: 16px;
}
/* cols */
.cols {
	width: 80%;
	margin: 0 auto;
	font-size: 20px;
	line-height: 26px;
	word-break: break-all;
}
.cols:after {
	content:'';
	clear: both;
	display: block;
}
.cols > .col {
	float: left;
	width: 33.33%;
	padding: 0 1% 0 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cols .img-dekor {
	float: left;
	max-width: 30%;
	height: auto;
	margin: 0 35px 0 0;
}
.cols .descr {
	overflow: hidden;
	padding: 42px 0 0;
	font: 18px/25px "Altitude", Arial, Helvetica, sans-serif;
	word-break: normal;
}
.cols .name {
	display: block;
	text-transform: uppercase;
	font: 40px/36px 'AltitudeMedium', Arial, Helvetica, sans-serif;
	margin: 0 0 6px;

}
.cols p {margin: 0 0 10px;}
.cols a {color: #fff;}
#wrap .section.inner .pp-tableCell {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
}



@media only screen and (max-height: 1040px) {
	#video-section .dyr-video video{
	   left: calc(-100vh * 0.6);
	}
}


@media only screen and (max-width: 950px) {
	.contact-form .left-col,
	.contact-form .right-col {
		float:none;
		width:100%;
	}
	.contact-form .right-col {
		text-align:center;
		padding:20px 0 0;
	}
	#contact h2 {margin:0 0 15px;}
	.inner .box {width:auto;padding:0 50px;margin:0;}
	.cols > .col {
		width: 100%;
		clear: both;
	}
	.cols > .col + .col {padding-top: 20px;}
	#video-section .dyr-video video{
	left: -600px;
	}
}
@media only screen and (max-width: 600px) {
	#header {
		left:25px;
		right:25px;
		top:25px;
		padding:0 0 8px;
	}
	#header .logo {
		display:block;
		float:left;
		margin:0 auto 10px;
		width:134px;
		height:30px;
		background-size:134px 30px;

	}
	#header .right {float:right; margin-right: 40px;}
	#header .link {
		display:none;
	}
	#header .link.show-mobile {
		display: block;
		margin:0 auto;
		line-height:20px;
		padding:3px 6px;
		margin-top: 3px;
	}
	.menu-opener {
		position:fixed;
		width:24px;
		top:25px;
		right:25px;
	}
	.menu-opener span {
		height:4px;
		margin-top:4px;
	}
	#promo .pp-tableCell {vertical-align:middle;}
	#promo h1 {font-size:25px; line-height:30px;margin:0 0 10px;}
	#promo p {font-size:12px; line-height:14px;margin:0 0 14px;}
	#promo .text {padding-bottom:0;}
	.contact-form input, .contact-form textarea {
		margin:0 0 10px;
		padding:5px;
		font-size:12px;
	}
	.contact-form input[type="submit"]  {
		font-size:14px;
		line-height:26px;
		display:block;
		width:100%;
	}
	.contact-form p {
		font-size:12px;
		line-height:14px;
	}
	#video-section h2 {
		font-size:15px;
		position:relative;
	}
	#video-section h2.fish:before,
	#video-section h2.berry:before,
	#video-section h2.horse:before {
		width:80px;
		height:80px;
		background-size:80%;
	}
	/* cols */
	.cols {
		width: 90%;
		font-size: 12px;
		line-height: 15px;
	}
	.cols .img-dekor {
		max-width: 25%;
		margin-right: 20px;
	}
	.cols .descr {padding-top: 5px;}
	.cols .name {
		font-size: 18px;
		line-height: 21px;
	}
}
@media only screen and (max-width: 500px) {
	#contact h2 {margin:0 0 5px;font-size:16px;line-height:22px;padding:0;}
	.contact-form label {line-height:14px;}
	.contact-form .row .col {
		float:none;
		width:100%;
	}
	.contact-form textarea {height:70px;}
	.contact-form .right-col {display:none;}
	.contact-form p {
		font-size:10px;
		line-height:12px;
	}
	#video-section h2 {
    font-size: 11px;
    line-height: 16px;
  }
	.inner .box,
	.align-r .pp-tableCell .box {padding:15px;}
	.inner .box .text h1, .inner .box .text h2 {
		font-size:20px;
		line-height:24px;
	}
	.inner .box  .text {
		font-size:12px;
		line-height:15px;
		padding:10px;
	}
	.inner .box  .meta {
		width:60px;
		padding-right:5px;
	}
	.inner .box  .meta .ico {
		width:60px;
		height:60px;
		margin:0 0 2px;
	}
	.inner .box  .meta .time {font-size:15px;}
	.inner .box-steps {margin-right: -4px;}
}