@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }







html {
margin:0px;
padding:0px;
border:0px;
}




#svc-nav-outer	{
	position:fixed;
	top:0px;
	z-index:1999;
	width:100%;
	min-width:1100px;
	height:80px;
	margin:0px;
	padding:0px;	
}

#svc-nav-bg	{
	width:100%;
	min-width:1100px;
	height:80px;	
	margin:0px;
	padding:0px;
	background:url(../img/svc-nav-bg.png) repeat;
	box-shadow:1px 1px #101B25;
}

#svc-nav-inner	{
	position:relative;
	width:1100px;
	height:80px;
	margin:0 auto;
	padding:0px;
		
}


#svc-logo	{
	position:absolute;
	top:10px;
	left:25px;
	height:60px;
	width:auto;	
}





#small-nav	{
	position:absolute;
	top:0px;
	right:25px !important;
	width:810px;
	height:80px;
	margin:0px;
	padding:0px;
	list-style-type:none;
		
}


#small-nav li	{
	display:inline;	
	line-height:1.2;
}


.navbuttonS:link, .navbuttonS:visited {
	text-transform:uppercase;
	float:left;
	clear:none;
	margin:0px;
	width:auto;
	height:auto;
	color: #10171F;
	text-decoration: none;
	padding: 23px 28px 21px 28px;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	margin-left:20px;
	text-shadow:1px 1px #ffffff;
 
	-webkit-transition: color .5s linear, background-color .75s ease-in-out;
	-moz-transition: color .5s linear, background-color .75s ease-in-out;
	-o-transition: color .5s linear, background-color .75s ease-in-out;
	transition: color .5s linear, background-color .75s ease-in-out;
}
.navbuttonS:hover {
	background-color: #10171F;
	color:#ffffff;
	text-shadow:1px 1px #000000;
 
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}






#ship-services-box-bg	{
	width:100%;
	min-width:1100px;
	height:1000px;
	margin:0px;
	padding:0px;
	background:url(../img/Fotolia_52922952_Subscription_Monthly_M.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1000;

}








.shape-bg	{
	position:relative;
	top:-240px;
	left:0px;
	width:100%;	
	margin:0px;
	min-width:1100px;
	height:370px;
	background:url(../img/shape-bg2.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1001;


}



.agency-services-title	{
	position:relative;
	width:1100px;
	min-width:1100px;
	height:100px;
	margin:0 auto;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:77px;
	letter-spacing:-1px;
	color:#ffffff;
	text-shadow:2px 2px #333333;
	opacity:.9;
	text-align:center;
	text-transform:uppercase;
	}








#svc-menu-holder	{
	position:relative;
	top:0px;
	width:1100px;
	min-width:1100px;
	height:850px;
	margin:0 auto;
	padding:0px;
	z-index:1002;	
}









.about-title	{
	position:absolute;
	top:-315px;
	left:31px;
	width:auto;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:26px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	letter-spacing:-1px;
	text-align:left;
	padding:0px;
	margin:0px;
}



.about-content	{
	position:absolute;
	top:-260px;
	left:31px;
	width:490px;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#10171F;
	text-transform:none;
	text-shadow:1px 1px #ffffff;
	text-align:justify;
	padding:0px 0px 0px 15px;
	border-left:1px #10171F solid;
	margin:0px;
}







.forte-title	{
	position:absolute;
	top:-315px;
	left:609px;
	width:auto;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:26px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	letter-spacing:-1px;
	text-align:left;
	padding:0px;
	margin:0px;
}



.forte-content	{
	position:absolute;
	top:-260px;
	right:50px;
	width:440px;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#10171F;
	text-transform:none;
	text-shadow:1px 1px #ffffff;
	text-align:justify;
	padding:0px 0px 0px 15px;
	border-left:1px #10171F solid;
	margin:0px;
}





.member-title	{
	position:absolute;
	top:-65px;
	left:31px;
	width:auto;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:26px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	letter-spacing:-1px;
	text-align:left;
	padding:0px;
	margin:0px;
}



.member-border	{
	position:absolute;
	top:-10px;
	left:31px;
	width:10px;
	height:125px;
	padding:0px 0px 0px 15px;
	border-left:1px #10171F solid;
}

.member-logos	{
	position:absolute;
	top:10px;
	left:45px;
	width:490px;
	height:auto;	
}







.values-title	{
	position:absolute;
	top:185px;
	left:31px;
	width:auto;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:26px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	letter-spacing:-1px;
	text-align:left;
	padding:0px;
	margin:0px;
}



.values-content	{
	position:absolute;
	top:240px;
	left:31px;
	width:1019px;
	height:auto;	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#10171F;
	text-transform:none;
	text-shadow:1px 1px #ffffff;
	text-align:justify;
	padding:0px 0px 0px 15px;
	border-left:1px #10171F solid;
	margin:0px;
}






.value-1	{
	position:absolute;
	top:400px;
	left:31px;
	width:316px;
	height:448px;
	margin:0px;
	padding:0px;
	border:none;
	background:url(../img/val-1-bg.png);
	background-size:cover;
	z-index:4;	
}


.value-2	{
	position:absolute;
	top:400px;
	left:386px;
	width:316px;
	height:448px;
	margin:0px;
	padding:0px;
	border:none;
	background:url(../img/val-2-bg.png);
	background-size:cover;
	z-index:4;	
}


.value-3	{
	position:absolute;
	top:400px;
	right:42px;
	width:316px;
	height:448px;
	margin:0px;
	padding:0px;
	border:none;
	background:url(../img/val-3-bg.png);
	background-size:cover;	
	z-index:4;	
}




.value-title-1	{
	position:absolute;
	top:364px;
	left:31px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	text-align:left;
	z-index:6;	
		
}


.value-title-2	{
	position:absolute;
	top:364px;
	left:386px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	text-align:left;
	z-index:6;	
}

.value-title-3	{
	position:absolute;
	top:364px;
	right:42px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#10171F;
	text-transform:uppercase;
	text-shadow:1px 1px #ffffff;
	text-align:left;
	z-index:6;	
}













.value-txt-1	{
	position:absolute;
	top:750px;
	left:31px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#10171F;
	text-shadow:1px 2px #ffffff;
	text-align:justify;
	z-index:6;	
		
}


.value-txt-2	{
	position:absolute;
	top:750px;
	left:386px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#10171F;
	text-shadow:1px 2px #ffffff;
	text-align:justify;
	z-index:6;	
}

.value-txt-3	{
	position:absolute;
	top:750px;
	right:42px;
	width:316px;
	height:auto;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:18px;
	color:#10171F;
	text-shadow:1px 2px #ffffff;
	text-align:justify;
	z-index:6;	
}
















#copy-out	{
	position:relative;
	top:80px;
	width:100%;
	height:380px;
	background:url(../img/tormar-Diagonal-lines-white-pattern.png) repeat;	
	margin:0px;
	padding:0px;
	z-index:1400;
}



#footer-top-border	{
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:8px;
	background-color:#ffffff;
	opacity:.7;	
	z-index:1;
}


#regulation-bg	{
	position:absolute;
	top:380px;
	margin:0px;
	padding:10px 0px 0px 0px;
	width:100%;
	min-width:1100px;
	height:35px;
	background-color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5f5f5f5;
	text-shadow:1px 1px #ffffff;
	text-align:center;
	opacity:1;	
	z-index:5;
}


#footer-top-border2	{
	position:absolute;
	top:294px;
	margin:0px;
	padding:0px;
	width:100%;
	height:2px;
	background-color:#333333;
	opacity:.4;	
	z-index:1;
}



#footer-whitespace	{
	position:absolute;
	bottom:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:85px;
	background-color:#ffffff;
	opacity:.9;
	z-index:1;

}







#copy-in	{
	position:relative;
	width:1100px;
	height:380px;
	margin:0 auto;
	padding:0px;	
}




.social-network-links	{
	position:absolute;
	width:245px;
	height:65px;
	right:36px;
	bottom:0px;
	z-index:2;	
}



.footer-copy	{
	position:absolute;
	width:700px;
	height:75px;
	bottom:0px;
	left:40px;
	margin:0px;
	padding:0px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:13px;
	color:#222222;
	text-shadow:1px 1px 1px #ffffff;
	text-align:left;
	z-index:5;
}





.contact-title	{
	position:absolute;
	top:38px;
	left:40px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}


.on-call-img	{
	position:absolute;
	top:95px;
	left:76px;
	width:170px;
	height:auto;
	z-index:5;	
}




.vessels-serviced-title	{
	position:absolute;
	top:38px;
	right:64px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}






.ports-serviced-title	{
	position:absolute;
	top:38px;
	left:424px;
	width:auto;
	height:auto;
	z-index:5;	
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0px;
	text-transform:uppercase;
	opacity:.8;
}




.ports-img	{
	position:absolute;
	top:94px;
	left:484px;
	width:110px;
	height:auto;
	z-index:5;	
}


#vessel-footer-slider	{
	position:absolute;
	top:45px;
	right:49px;
	width:260px;
	height:252px;
	padding:0px;
	margin:0px;
	z-index:8;	
}


.agency-svc-subtitle-link	{
	position:absolute;
	top:80px;
	right:64px;
	width:auto;
	height:auto;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#D7E4EC;
	text-align:center;
	letter-spacing:9px;
	z-index:8;
}

.agency-svc-subtitle-link:visited	{
	color:#D7E4EC;
}

.agency-svc-subtitle-link:hover	{
	color:#cccccc;
	text-decoration:none;
}



.phone-txt	{
	position:absolute;
	top:197px;
	left:50px;
	width:auto;
	height:auto;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:30px;
	color:#D7E4EC;
	text-transform:uppercase;
	text-align:left;
	z-index:8;
	letter-spacing:1px;
}


.footer-contact-button	{
	position:absolute;
	top:249px;
	left:105px;
	width:84px;
	height:auto;
	border:none;
	outline:none;
	z-index:11;	
}


.coordinates-link	{
	position:absolute;
	top:213px;
	left:407px;
	width:auto;
	height:auto;
	text-align:center;	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	color:#F4FCFF;
	font-size:20px;
	text-decoration:none !important;
	z-index:12;
}

.coordinates-link:visited	{
	color:#F4FCFF;	
}


.coordinates-link:hover	{
	color:#D7E4EC;	
}


/* SOCIAL IMAGE HOVER */

.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.image-hover 
{
position:relative;display:inline-block;overflow:hidden;background:none;border:0;
}

.image-hover img {display:block}
.image-hover a {text-decoration:none}

.image-pos {width:60px;height:60px}
.image-pos img {margin:-100px 0px 0px -100px}

/*** effect zoom in ***/

.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}




/* ==== 3) Intro ==== */

#intro {
	height:480px;
	min-height: 480px;
	background:transparent url("../img/intro_bg.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	z-index:999;
}


.scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	text-align: center;
	opacity: .75;
}

.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 50px;
	height: 75px;
	margin: 0 auto 40px;
	border: 2px solid #fff;
	border-radius: 23px;
}

.scroll-btn .mouse span {
	position: absolute;
	display: block;
	top: 25%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: scroll 2s linear infinite;
	-moz-animation: scroll 2s linear infinite;
	animation: scroll 2s linear infinite;
}

@-webkit-keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}

@-moz-keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}

@keyframes scroll {
	0% {opacity: 1; top: 25%;}
	33% {opacity: 1; top: 40%;}
	66% {opacity: 0; top: 40%;}
	100% {opacity: 0; top: 25%;}
}