/* Banner */

#banner.blue {
	background-image: -moz-linear-gradient(to top, rgba(50, 30, 81, 1), rgba(46, 57, 104, 1));
	background-image: -webkit-linear-gradient(to top, rgba(50, 30, 81, 1), rgba(46, 57, 104, 1));
	background-image: -ms-linear-gradient(to top, rgba(50, 30, 81, 1), rgba(46, 57, 104, 1));
	background-image: linear-gradient(to top, rgba(50, 30, 81, 1), rgba(46, 57, 104, 1));
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}

#banner.wartsila {
	background-image: -moz-linear-gradient(to top, rgb(18, 67, 106), rgb(18, 67, 106));
	background-image: -webkit-linear-gradient(to top, rgb(18, 67, 106), rgb(18, 67, 106));
	background-image: -ms-linear-gradient(to top, rgb(18, 67, 106), rgb(18, 67, 106));
	background-image: linear-gradient(to top, rgb(18, 67, 106) 0%, rgb(18, 67, 106) 100%);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}

#banner.navionics {
	background-image: -moz-linear-gradient(to top, rgb(16, 151, 254), rgb(16, 151, 254));
	background-image: -webkit-linear-gradient(to top, rgb(16, 151, 254), rgb(16, 151, 254));
	background-image: -ms-linear-gradient(to top, rgb(16, 151, 254), rgb(16, 151, 254));
	background-image: linear-gradient(to top, rgb(16, 151, 254), rgb(16, 151, 254));
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}

#banner.sob {
	background-image: -moz-linear-gradient(to top, rgb(95, 138, 238), rgb(16, 65, 199));
	background-image: -webkit-linear-gradient(to top, rgb(95, 138, 238), rgb(16, 65, 199));
	background-image: -ms-linear-gradient(to top, rgb(95, 138, 238), rgb(16, 65, 199));
	background-image: linear-gradient(to top, rgba(95, 138, 238,255), rgba(16, 65, 199,255));
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #ccc;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}

#banner.inavx {
	background-image: -moz-linear-gradient(to top, rgb(0, 39, 57), rgb(0, 39, 57));
	background-image: -webkit-linear-gradient(to top, rgb(0, 39, 57), rgb(0, 39, 57));
	background-image: -ms-linear-gradient(to top, rgb(0, 39, 57), rgb(0, 39, 57));
	background-image: linear-gradient(to top, rgb(0, 39, 57), rgb(0, 39, 57));
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}

#banner.iboating {
	background-image: -moz-linear-gradient(to top, rgb(65, 6, 10), rgb(149, 29, 35));
	background-image: -webkit-linear-gradient(to top, rgb(65, 6, 10), rgb(149, 29, 35));
	background-image: -ms-linear-gradient(to top, rgb(65, 6, 10), rgb(149, 29, 35));
	background-image: linear-gradient(to top,rgb(65, 6, 10), rgb(149, 29, 35));
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
	margin-top:3em;
}

#banner.iboating:after {
	background-color: rgb(155, 40, 46);
}


#banner.adHoc {

	background-image: -moz-linear-gradient(to top, rgba(155,247,254), rgb(5,7,30) 90%);
	background-image: -webkit-linear-gradient(to top, rgba(155,247,254), rgb(5,7,30) 90%);
	background-image: -ms-linear-gradient(to top, rgb(155,247,254), rgb(5,7,30) 90%);
	background-image: linear-gradient(to top, rgb(142, 221, 241), rgb(5,7,30) 90%);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	color: #fff;
	padding: 10em 3em;
	position: relative;
	text-align: center;
}



/* Header */

#header.blue {
	background: rgb(46, 57, 104);
}

#header.wartsila {
	background: rgb(18, 67, 106);
}

#header.navionics {
	background: rgb(16, 151, 254);
}

#header.sob {
	background: rgb(95, 138, 238);
}

#header.inavx {
	background: rgb(0, 39, 57);
}

#header.iboating {
	background: rgb(155, 40, 46);
}

#header.adHoc {
	background: rgb(5,7,30);
}


header.major.nounderline::after
{
	background-color: transparent;
}

header p.invert {
	color: #ccc;
	font-style: normal;
}

header>p.major {
	font-size: 1.1rem;
}

header>ul {
	margin-left: 1em;
}

/* Wrapper */

.wrapper.style1.invert strong, .wrapper.style1 b {
	color: #000;
}

section.wrapper.noangle:before {
	background-image: none;
}






/* Icons */

i.fa-check-circle {
	color: mediumseagreen;
}

i.fa-times-circle {
	color: #e44;
}

/* documentation */

.wrapper.style1.invert header.documentation {
	margin-bottom: 1em;
}

.wrapper.style1.invert header.documentation p {
	margin-bottom: 0.2rem;
}

.wrapper.style1.invert header.documentation h3 {
	margin-top: 1.8rem;
}

.wrapper.style1.invert header.documentation strong {
	color: #fff;
}

.wrapper.style2:before, .wrapper.style2:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 0,100 100,100' style='fill:%23006c8d%3B' /%3E%3C/svg%3E");
}

.wrapper.style2.grey:before, .wrapper.style2.grey:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 0,100 100,100' style='fill:%23eeeeee%3B' /%3E%3C/svg%3E");
}

.wrapper.style2.grey {
	padding-bottom: 6rem;
}
/* Timeline */

section.timeline section img {
	max-width: 20em;
}

/* Images`*/

.spotlight .image > img.roundedSmall {
	border-radius:2em;
}

/* External link`*/

a.externallink:after {
	font-family: "FontAwesome";
	vertical-align:baseline;
	content:'\f08e';
	display:inline-block;
	padding-left: 0.3em;
	margin-right: 0.5em;
	font-size: 0.9em;

}