.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Up{
	display:none;
	position:fixed;
	z-index:100;
	bottom:20px;
	right:20px;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer;
	}
	
body {
	margin:0px;
	height:100%;
	}
body img, td img{
	max-width:100%;
	height: auto !important;
	}	

.searchbox{
	display:none;
	position:absolute;
	top:-8px;
	left:30px;
	width:290px;
	height:50px;
	z-index:0;
	transform-origin: top left;
	animation: searchbox 0.3s;
	-webkit-animation: searchbox 0.3s;
	-o-animation: searchbox 0.3s;
	-moz-animation: searchbox 0.3s;
	}
	
@keyframes searchbox {
    0% {transform: scale(0, 1);}
    100% {transform: scale(1, 1);}
 	} 
	
@-webkit-keyframes searchbox {
    0% {transform: scale(0, 1);}
    100% {transform: scale(1, 1);}
 	} 
	
@-o-keyframes searchbox {
    0% {transform: scale(0, 1);}
    100% {transform: scale(1, 1);}
 	} 
	
@-moz-keyframes searchbox {
    0% {transform: scale(0, 1);}
    100% {transform: scale(1, 1);}
 	}

	
.searchbox input[type=text]{
	background:#000;
	border:1px #000 solid;
	color:#fff;
	width:200px;
	font-size:12px;
	border-radius: 3px 0 0 3px;
	}
.searchbox input[type=submit]{
	background:#000;
	border:1px #000 solid;
	color:#fff;
	width:50px;
	font-size:12px;
	border-radius: 0 3px 3px 0;
	}
	
.searchbox .form{
	margin-top:7px;
	text-align:center;
	}	
	
.wrap{
	max-width:1300px;
	position:relative;
    margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	word-wrap: break-word;
}
.wrap img{
	max-width:100%;
	height: auto !important;
	}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



	
	

.scroll_menu{
	display:none;
	z-index:1;
	background:#004a8e;
	text-align:right;
	position:fixed;
	width:100%;
	height:40px;
	z-index:10;
	}
	
.show_scroll_menu{
	display:block;
	}
	
.scroll_menu .wrap .item{
	display:inline-block;
	padding: 10px 10px 10px 10px;
	
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	
	}
	
.scroll_menu .wrap .item:hover{
	color:#c5dff6;
	}
	
.scroll_menu .wrap .icons{
	position:absolute;
	
	}
	
.scroll_menu .wrap .icons .icon{
	display:inline-block;
	margin:6px;
	cursor:pointer;
	}
	
.scroll_menu .wrap .item.on{
	background:#fff;
	color:#000;
	}	
	
.scroll_menu .wrap .item .mobilmenu, .over .wrap .item .mobilmenu{
	display:none;
	}
	

.over{
	background:#fff;
	text-align:right;
	}
	
.over .wrap .item{
	display:inline-block;
	padding: 10px 10px 10px 10px;
	background:#fff;
	text-transform:uppercase;
	font-size:13px;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	}
	
.over .wrap .item:hover{
	color:#004a8e;
	}
	
	
.over .wrap .icons{
	position:absolute;
	
	}
	
.over .wrap .icons .icon{
	display:inline-block;
	margin:6px;
	cursor:pointer;
	}
	
.over .wrap .item.on{
	background:#fff;
	color:#000;
	}
	


header{
	text-align:right;
	background-image:url("/img/oceans.jpg");
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background:#111;
	height:600px;
	}

header .wrap .logo{
	position:relative;
	text-align:center;
	padding-top:5px;
	}
	
.logo img{
	cursor:pointer;
	}
	
header .wrap .logo.start{
	padding-top:100px;
	}

	
nav.mobile{
	display:none;
	}
	
header .wrap nav .item{
	display:inline-block;
	padding:20px 10px 20px 10px;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
	}
header .wrap nav .item:hover{
	color:#c7ecff;
	}
header .wrap nav .item.on{
	color:#c7ecff;
	text-decoration:underline;
	}
	

	
.button{
	padding:8px 25px 8px 25px;
	border:2px #004a8e solid;
	border-radius:20px;
	display:inline-block;
	text-transform: uppercase;
	font-size:13px;
	font-weight:bold;
	color:#004a8e;
	clear:both;
	cursor:pointer;
	clear:both;
	letter-spacing:1px;
	}
.button:hover{
	background:#004a8e;
	color:#fff;
	}
	
section.highlight{
	background:#f1f1f1;
	text-align:center;
	}
	
section.highlight .item, .turer .item{
	display:inline-block;
	width:300px;
	vertical-align:top;
	margin:-20px 10px 30px 10px;
	text-align:center;
	}
	
	
section.highlight .item .image, .turer .item .image{
	background-size:cover;
	background-position:center center;
	height:150px;

	border:10px #fff solid;
	border-radius:40px 0 0 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	
	}
	
.turer .item .image{
	border:10px #f1f4f7 solid;
	}
	
section.highlight .item .text, .turer .item .text{
	background:#fff;
	height:270px;
	border-radius:0 0 40px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	
	}
	
.turer .item .text{
	background:#f1f4f7;

	}
	
section.highlight .item .text .title, .turer .item .text .title{
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	padding:10px 0 0 0;
	}
	
section.highlight .item .text .content, .turer .item .text .content{
	font-size:13px;
	padding:0 10px 0px 10px;
	height:160px;
	overflow:hidden;
	}

section.slogan{
	background:#004a8e;
	color:#fff;
	padding: 100px 0 100px 0;
	margin-bottom:-50px;
	}
		
section.slogan .wrap .title{
	font-size:50px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:50px;
	}
	
section.slogan .wrap .collage{
	border:5px #fff solid;
	cursor:pointer;
	}
	
section.slogan .wrap .collage .item{
	width: -moz-calc(20% - 10px);
    width: -webkit-calc(20% - 10px);
    width: calc(20% - 10px);
    height:200px;
    border: 5px #fff solid;
    display:inline-block;
    float:left;
    background-size:cover;
    background-position:center center;
	}
	
section.news{
	background:#fff;
	text-align:center;
	padding:50px 0 50px 0;
	}

section.news .wrap .item{
	display:inline-block;
	width: -moz-calc(25% - 63px);
    width: -webkit-calc(25% - 63px);
    width: calc(25% - 63px);
    vertical-align:top;
    margin:30px;
	}
	
section.news .wrap .item .image{
	height:150px;
	background-size:cover;
	background-position:center center;
	}
section.news .wrap .item .title{
	font-size:17px;	
	font-weight:bold;
	margin-top:10px;
	}	
section.news .wrap .item .text{
	
	}
section.news .wrap .item .date{
	font-size:12px;
	margin-top:5px;
	}
	
section.main{
	padding:50px 0 50px 0;
	}
	


.footerlinks{
	min-height:250px;
	background:#222;
	color:#000;
	margin-top:50px;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	box-shadow:inset 0px 7px 7px #000;
	clear:both;
	}
	
.footerlinks h1, .footerlinks h2, .footerlinks h3{
	color:#a8c7e6;
	}
	
.footerlinks .cell{
	display:inline-block;
	vertical-align:top;
	padding:0px 50px 30px 0px;
	width:15%;
	}
	
.footerlinks .title a{
	font-weight:bold;
	color:#a8c7e6;
	font-size:22px;
	}
	
.footerlinks li a{
	color:#fff;
	}
	
	

footer{
	padding:20px 0 20px 0;
	background:#000;
	}
	
footer .wrap{
	color:#f1f1f1;
	font-size:12px;
	text-align:center;
	}