@charset "UTF-8";
/* CSS Document */
body {
	font-family: muli;
	font-style: normal;
	font-weight: 300;
}
body.is-os {
  background-attachment: scroll !important;
  background-size: cover !important;
}

.strongfont {
	font-size: 130%;
}
.st-title {
	text-align:center; 
	font-weight:bold;
	font-size: 2em;
	font-size: 4.5vw;
	line-height:140%;
}
#st-mobilemenu {
/*	display: none;*/
	max-height:0;
	opacity:0;
	white-space: normal;
	-webkit-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
/*	z-index: 10;*/
}

.st-transp1 {
	background-color: rgba(255,255,255,0.40);
	padding:.5em;
	margin:.5em;
}

.headerrow {
	background-color: rgba(0,0,0,1.00);
}
.herorow {
	background-image: url(../images/Sea-Trek-Blur2.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.carousel-caption h3 {
	background-color:rgba(0,0,0,0.45);
	padding:5px 0;
	font-size:1.8em;
	font-size:4.5vw;
}
.icondiv {
/*	height: 120px;*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 1em;
/*	padding-right:20px;*/
}
.addressdiv {
/*	height: 100px;*/
	margin-top: 1em;
	margin-bottom: 1em;
/*	padding-left: 20px;*/
	color: rgba(190,190,190,1.00);
	font-size: 0.9em;
	font-size: 2.5vw;
}
.row h1 {
	font-size: 2em;
	margin-top: 1em;
/*	margin-bottom: 1em;*/
}

.logo {
	margin: 0 auto;
	max-height: 150px;
}
.stnav, .stnav2 {
	background-color: #17488F;
	text-align: center;
	color: #E4E4E4;
	background: -webkit-linear-gradient(#17488F, #496C87); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#17488F, #496C87); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#17488F, #496C87); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#17488F, #496C87); /* Standard syntax */
}
.stnav ul, .stnav2 ul {
	margin: 0;
	padding: 0;
	width:100%;
	text-align: center;
}
.stnav li {
	display: inline-block;
	text-align: center;
	width: 20%;
}
.stnav2 li {
	display:block;
	text-align: center;
}
.stnav a, .stnav2 a {
/*	display:inline-block;*/
	display: block;
	color: #E4E4E4; 
	text-decoration: none;
	padding-top:.5em;
	padding-bottom: .5em;
	font-size: .8em;
	font-size: 3.7vw;
/*	width:100%;*/
}
.stnav a:hover, .stnav2 a:hover {
	background-color:#E2E2E2;
	color: #3A3A3A;
	text-decoration: none;
}
.st-one {
	background: -webkit-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63));
	/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63)); 
	/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63)); 
	/* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63));
	/* Standard syntax */
}
.st-two {
background-color:rgba(0,0,0,0.60);
	color:#ffffff;
}
.st-three {

	background: -webkit-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63));
	/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63)); 
	/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63)); 
	/* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.63));
	/* Standard syntax */
	
}
.st-four {
	background-color:#000000;
	color: rgba(213,213,213,1.00);
}
.st-row {
padding-bottom: 5em;
}

.st-row p {
	font-size: 2.2em;
	font-size: 5vw;
	margin: 1em 1em 0 1em;
	text-align: justify;
/*	font-weight: 800;*/
}
.st-row2 {
padding-bottom: 2em;
}

.st-row2 p {
	font-size: 2.2em;
	font-size: 5vw;
	margin: 1em 1em 0 1em;
	text-align: justify;		
}

.st-window {
	background-image: url(../images/Under-Ocean-BG2.jpg);
/*	background-position: 0 0;*/
	background-size: cover;
	background-repeat: no-repeat;
/*	background-attachment:fixed;*/
}
.st-window2 {
	height:200px;
}

.st-row3 {
padding-bottom: 5em;
}

.st-row3 p, ul {
	font-size: 2.2em;
	font-size: 5vw;
	margin: 1em 1em 0 1em;
	text-align: justify;		
}

.st-row4 {
	padding-bottom: 4em;
}

.st-row4 p {
	font-size: .8em;
	font-size: 1.8vw;
	margin: 2em 1em 1em 1em;
	text-align: justify;		
}

/*Style social icons*/
.navbar-text {
	margin-top: 1em;
	text-align: center;
}
.navbar-text > a {
	color: inherit;
	text-decoration: none; 
}
.st-voyage-text p, .st-voyage-text ul {
	padding-top: 1em;
/*	padding-bottom: 1em;*/
	font-size: 1.8em;
	font-size: 3.8vw;
	line-height: 1.3em;
	text-align: justify;
	color: #000000;
}
.st-voyage-bg {
	background-image: url(../images/Sea-Trek-Vertical-Opt.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.st-v-one {
background: -webkit-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.50));
	/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.50)); 
	/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.50)); 
	/* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(166,164,164,0.3), rgba(75,75,75,0.50));
	/* Standard syntax */
}
/*
.st-voyage-window {
	height: 200px;
}
*/
.st-voyage-image img {
	margin-top: 1em;
}
.st-contact-image img {
	
}
.signature a {
	color:#ff9900;
}
.signature a:hover {
	color:#FFFFFF;
}

@media screen and (min-width:650px){
	.icondiv {
	/*	height: 160px;*/
	margin-top: 1em;
	margin-bottom: 1em;
}
	.addressdiv {
/*	height: 160px;*/
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	font-size:2.5vw;
}
	.carousel-caption h3 {
	background-color:rgba(0,0,0,0.45);
	padding:5px 0;
	font-size:2.5em;
	font-size:3.5vw;
}
	.stnav a {
		font-size: 1em;
		font-size: 2.5vw;
	}
	.st-title {
	font-size: 1.6em;
	font-size: 3vw;
	line-height:140% 
}
	.st-row p {
	font-size: 1.9em;
	font-size: 3vw;
	}
	.st-row2 p {
	font-size: 1.2em;
	font-size: 2.5vw;
	}
	.st-window2 {
	height: 230px;
	}
	.st-row3 p, ul {
	font-size: 1.2em;
	font-size: 2.5vw;
	}
		.st-row4 p {
	font-size: .7em;
	font-size: 1.1vw;
	}
	/*Style social icons*/
	.navbar-text  {
		margin-top: 1.5em;
	}
	.st-voyage-text p, .st-voyage-text ul {
	padding-top: 1em;
/*	padding-bottom: 1em;*/
	font-size: 1.4em;
	font-size: 2.1vw;
	line-height: 1.3em;
	text-align: justify;
	color: #000000;
	}
}

@media screen and (min-width:960px){

.icondiv {
/*	height: 160px;*/
	margin-top: 1em;
	margin-bottom: 1em;
}
	.addressdiv {
/*	height: 160px;*/
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.7em;
	font-size:2.1vw;
}
	.logo {
	padding-top:2px
		
}
	.carousel-caption h3 {
	background-color:rgba(0,0,0,0.45);
	padding:5px 0;
	font-size:2.5em;
	font-size:3.5vw;

}
	.stnav a {
		font-size: 1em;
		font-size: 2vw;
	}

	.st-row p {
	font-size: 1.8em;
	font-size: 2.5vw;
	}
	.st-row2 p {
	font-size: 1.5em;
	font-size: 2vw;
	}
	.st-window2 {
	height:250px;
	}
	.st-title {
	font-size: 1.8em;
	font-size: 2.5vw;
	line-height:140%;
}
	.st-row3 p, ul {
	font-size: 1.5em;
	font-size: 2vw;
	}
	.st-row4 p {
	font-size: .8em;
	font-size: 1vw;
	}
	/*Style social icons*/
	.navbar-text  {
		margin-top: 1.5em;
	}
}


@media screen and (min-width:1200px){

.icondiv {
/*	height: 120px;*/
}
	.addressdiv {
	height: 120px;
	margin-top: 1.3em;
	font-size: 1.6em;
/*	font-size:1.9vw;*/
}
		.carousel-caption h3 {
	background-color:rgba(0,0,0,0.45);
	padding:5px 0;
	font-size:2.5em;
	font-size:2.5vw;

}
	.stnav a {
		font-size: 1.0em;
	}

	.st-row p {
	font-size: 1.8em;
/*	font-size: 2.7vw;*/
	}
	.st-row2 p {
	font-size: 1.6em;
/*	font-size: 2.7vw;*/
	}
	.st-window2 {
	height:260px;
	}
	.st-title {
	font-size: 1.9em;
	margin-left:0;
	margin-right:0;
	line-height:140%;
}
	.st-title2 {
	padding-left:0;
	padding-right:0;
	}
	.st-row3 p, ul {
	font-size: 1.6em;
/*	font-size: 2.7vw;*/
	}
	.st-row4 p {
	font-size: .7em;
/*	font-size: 2.7vw;*/
	}
	
	.st-voyage-text p, .st-voyage-text ul {
	padding-top: 1em;
/*	padding-bottom: 1em;*/
	font-size: 1.5em;
	font-size: 1.3vw;
	line-height: 1.4em;
	text-align: justify;
	color: #000000;
	}
	
/*	Column text Alignment 1200*/
	
	.col-left {
	margin:0;
	padding:0;
	}
	.col-left p {
	padding-right:1em;
	margin-left:0;
	}
	.col-left ul {
/*	margin-right:0;*/
	padding-right:1em;
	}
	.col-left img {
		width:95%;
/*	padding-right: 1em;*/
/*	border-radius: 4px;*/
	/*		margin-right:1em;*/
		
	}
	.col-right {
	margin:0;
	padding:0;
	}
	.col-right p {
	padding-left:1em;
	margin-right:0;
	margin-left:0;
	}
	.st-row3 .col-right p {
	padding-left: 0;
	}
	.col-right ul {
	margin-right:0;
	}
/*	End Column text Alignment 1200*/

	/*Style social icons*/
	.navbar-text  {
		margin-right:0;
		margin-top: 1.5em;
	}
}
.carousel .item {
  max-height: 600px;
/*	 min-height: 500px;*/
/* min-height:500px;*/
  min-width: auto;
/*	overflow:hidden;*/
}
.carousel .item img {
	width:100%;
/*  min-height: 500px;*/
/*	min-width:inherit;*/
/* min-height:500px;*/
/*  min-width: auto;*/
}