@font-face {
  font-family: 'Life LT Std Roman';
  font-style: normal;
  src: 	local('Life LT Std Roman'),
  			local('Life-LT-Std-Roman'),
				url('../fnt/life-lt-std-roman.woff') format('woff'),
				url('../fnt/life-lt-std-roman.woff2') format('woff2'),
				url('../fnt/life-lt-std-roman.ttf') format('truetype'),
				url('../fnt/life-lt-std-roman.svg') format('svg');
}

@font-face {
  font-family: 'Trajan Pro Regular';
  font-style: normal;
  src: 	local('Trajan Pro'),
  			local('Trajan-Pro-Regular'),
				url('../fnt/trajan-pro-regular.woff') format('woff'),
				url('../fnt/trajan-pro-regular.ttf') format('truetype'),
				url('../fnt/trajan-pro-regular.svg') format('svg');
}

@font-face {
  font-family: 'Trajan Pro Bold';
  font-style: normal;
  src: 	local('Trajan Pro Bold'),
  			local('Trajan-Pro-Bold'),
				url('../fnt/trajan-pro-bold.woff') format('woff'),
				url('../fnt/trajan-pro-bold.ttf') format('truetype'),
				url('../fnt/trajan-pro-bold.svg') format('svg');
}

html, body { overflow-x: hidden; }

body { 
	color: #fff;
	background-color: #d9d9d9;
	font-family: 'Life LT Std Roman', 'Times New Roman', serif;
}

main { margin-top: -64px; }

nav { 
	background-color: transparent;
	box-shadow: none;
}

.navbar-fixed { height: 0; }

nav .sidenav-trigger { margin-right: 0; }
.sidenav li > a { color: #fff; }
.sidenav li > a:hover { background-color: #ed1c24; }

section { 
	position: relative;
	min-height: 600px;
}

.background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
}
.backgroundO { z-index: -3; }
.backgroundT { z-index: -2; }
.backgroundH { z-index: -1; }

.backgroundCL { 
	background-image: url('../img/cl-l.jpg');
	background-position: center center;
	background-size: cover;
}
.backgroundBoats { 
	background-image: url('../img/boats-l.jpg');
	background-position: center bottom;
	background-size: cover;
}
.backgroundContact { 
	background-image: url('../img/contact.jpg');
	background-position: center center;
	background-size: cover;
}
.backgroundGG { 
	background-image: url('../img/gray-gradient.jpg');
	background-position: center center;
	background-size: cover;
}
.backgroundLG { background-color: #2a2a2a; }
.backgroundMG { background-color: #9f9f9f; }
.backgroundDG { background-color: #2a2a2a; }

.fragmentsWLO {
	background-image: url('../img/fragments-wlo.png');
	background-position: left center;
	background-size: 60%;
}
.fragmentsWLT {
	background-image: url('../img/fragments-wlt.png');
	background-position: left top;
	background-size: 60%;
}
.fragmentsRTO {
	background-image: url('../img/fragments-rto.png');
	background-position: right top;
	background-size: 60%;
}
.fragmentsRTT {
	background-image: url('../img/fragments-rtt.png');
	background-position: right top;
	background-size: 60%;
}
.fragmentsRR {
	background-image: url('../img/fragments-rr.png');
	background-position: right top;
	background-size: 60%;
}
.fragmentsRB {
	background-image: url('../img/fragments-rb.png');
	background-position: left bottom;
	background-size: 60%;
}
.fragmentsWR {
	background-image: url('../img/fragments-wr.png');
	background-position: right top;
	background-size: 60%;
}

body:not(.sub) h1, .h1 { 
	font-size: 6.65rem;
	line-height: 110%;
	font-weight: 400;
}
h3, .sub h1 { font-family: 'Trajan Pro Bold', 'Times New Roman', serif; }

h1, h3, .h1 { 
	margin: 0;
	text-transform: uppercase;
}

.text a, .text a:hover, .text a:focus, .text a:visited { color: inherit; text-decoration: underline; }

.btn {
	display: inline-block;
	height: 40px;
	margin-top: 10px;
	min-width: 180px;
  background-color: #ed1c24;
  padding: 4px 20px;
  border-radius: 10px;
  box-shadow: none;
  font-family: 'Life LT Std Roman', 'Times New Roman', serif;
  font-size: 15px;
  text-align: left;
  text-transform: none;
}
.btn:hover, .btn:focus { background-color: #ed1c24; }

.row { margin-bottom: 0; }

.z-depth-5 { border-radius: 10px; }

/* forms */

label { 
	color: #2a2a2a;
	font-size: inherit;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
	height: 25px;
	margin-bottom: 20px;
	border-color: #2a2a2a;
	font-family: 'Life LT Std Roman', 'Times New Roman', serif;
	font-size: 15px; 
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-color: #2a2a2a;
	box-shadow: none;
}

textarea {
	height: 100px;
	border: none;
	border-bottom: 1px solid #2a2a2a;
	font-family: 'Life LT Std Roman', 'Times New Roman', serif;
	font-size: 15px;
}

/* sectionO */

.sectionO { height: 1000px; }
.sectionO .content { 
	float: right; 
	width: 470px;
	padding-top: 140px;
}
.sectionO .text {
	margin-top: 20px;
	text-align: right;
}
.sectionO .actions { text-align: right; }

/* sectionT */

.sectionT .content {
	position: relative;
	height: 525px;
	margin: 140px 20px 140px;
	padding: 50px 50px 120px;
	background-color: #2a2a2a;
}

/* sectionH */

.sectionH { min-height: 800px; }
.sectionH .content {
	position: relative;
	width: 750px;
	margin: 100px 20px 140px;
	padding: 0 50px;
}
.sectionH .text { margin-top: 10px; }
.sectionH .actions { margin-top: 20px; }

/* sectionF */

.sectionF .container { position: relative; }
.sectionF .content {
	position: relative;
	padding: 50px;
	background-color: #2a2a2a;
}
.sectionF .container > .image {
	position: absolute;
	top: 95px;
	left: -1740px;
}
.sectionF .contentO { background-color: transparent; }
.sectionF .contentO, .sectionF .contentT { margin: 140px 20px 40px; }
.sectionF .contentH, .sectionF .contentF { margin: 40px 20px 140px; }
.sectionF .contentO .text { width: 315px; }
.sectionF .contentH .text { margin-top: 35px; }
.sectionF .contentF .text { margin: 35px 0 130px; }
.sectionF .contentO .image { height: 135px; }
.sectionF .contentT .image { margin: 20px; }
.sectionF .contentH .image { 
	margin: 40px;
	text-align: center;
}
.sectionF .contentF .image { 
	position: absolute;
	right: 50px;
	bottom: 50px;
}
.sectionF .actions { margin-top: 20px; }

/* sectionS */

.sectionS { min-height: 1000px; }
.sectionS .content {
	position: relative; 
	margin-bottom: 140px;
	padding-top: 140px;
}
.sectionS .content .text { margin-top: 40px; }
.sectionS .content .text h3 { margin-top: 40px; }

/* footer */

footer section { min-height: 800px; }
footer .content {
	position: relative;
	margin: 120px 0 60px;
}
footer .container .image { margin-top: 85px; }
footer .container .image img { margin-left: -300px; }
footer .content .text { margin-top: 10px; }

@media screen and (max-width: 600px) {
	
	body { font-size: 14px; }
	
	body:not(.sub) h1, .h1 { font-size: 4.65rem; }		
	h3, .sub h1 {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	.backgroundCL { 
		background-image: url('../img/cl-m.jpg');
		background-position: center bottom;
	}
	.backgroundBoats { background-image: url('../img/boats-m.jpg');	}
	
	.sectionO .content {
		width: inherit;
		float: none;
	}
	.sectionO .text, .sectionO .actions { text-align: left; }
	
	.sectionT .content {
		height: inherit;
		margin: 30px 0 0;
		padding: 25px;
	}
	.sectionT .contentT { margin-bottom: 30px; }
	.sectionT .text { position: relative; }
	.sectionT .image { position: relative; }
	
	.sectionH { min-height: 1000px; }
	.sectionH .content {
		width: inherit;
		margin: 70px 0 70px;
	}
	
	.sectionF .container > .image { 
		top: -45px;
		left: -1765px;
	}
	.sectionF .content { 
		padding: 25px;
		margin: 30px 0 0;
	}
	.sectionF .contentF { margin: 30px 0 30px; }
	.sectionF .contentO .text { 
		width: inherit;
		max-width: 355px;
	}
	.sectionF .contentF .text { margin: 0; }
	.sectionF .contentF .image {
		position: relative;
		right: inherit;
		bottom: inherit;
		text-align: right;
	}
	
}

@media screen and (min-width: 601px) and (max-width: 992px) {
	
	body { font-size: 15px; }
	
	.container { max-width: 960px; }
			
	h3, .sub h1 {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	.backgroundCL { 
		background-image: url('../img/cl-m.jpg');
		background-position: center bottom;
	}
	.backgroundBoats { background-image: url('../img/boats-m.jpg');	}
	
	.sectionO .content {
		width: inherit; 
		float: none;
	}
	.sectionO .text, .sectionO .actions { text-align: left; }
	
	.sectionT .content {
		height: inherit;
		margin: 70px 20px 0;
		padding: 50px;
	}
	.sectionT .contentT { margin-bottom: 70px; }
	.sectionT .text { position: relative; }
	.sectionT .image { position: relative; }
	
	.sectionH { min-height: 800px; }
	.sectionH .content {
		width: inherit;
		margin: 70px 0 70px;
	}
	
	.sectionF .container > .image { top: 20px; }
	.sectionF .contentO, .sectionF .contentT, .sectionF .contentH { margin: 70px 20px 0; }	
	.sectionF .contentF { margin: 70px 20px 70px; }
	.sectionF .contentF .text { margin: 0; }
	.sectionF .contentF .image {
		position: relative;
		right: inherit;
		bottom: inherit;
		text-align: right;
	}
	
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	
	body { font-size: 15px; }
	
	nav a.sidenav-trigger { display: inherit; }
	
	.container { width: 960px; }
		
	h3, .sub h1 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	
	.sectionT .text { 
		position: absolute;
		right: 50px;
		bottom: 105px;
		left: 50px;
	}
	.sectionT .actions { 
		position: absolute;
		bottom: 50px;
		left: 50px;
	}
	
	.sectionF .container > .image { top: 25px; }
	.sectionF .contentO, .sectionF .contentT { margin: 70px 20px 40px; }
	.sectionF .contentH, .sectionF .contentF { margin: 40px 20px 70px; }
	
	.sectionS .actions {
		position: absolute;
		right: -320px;
		bottom: 0;	
	}
	
	footer .container .image img { margin-left: -400px; }
		
}

@media screen and (min-width: 1201px) {
	
	body { font-size: 15px; }
	
	nav a.sidenav-trigger { display: inherit; }
	
	.container { width: 1140px; }
	
	h3, .sub h1 {
		font-size: 1.6rem;
		line-height: 1.85rem;
	}
	
	.sectionT .text { 
		position: absolute;
		right: 50px;
		bottom: 105px;
		left: 50px;
	}
	.sectionT .actions { 
		position: absolute;
		bottom: 50px;
		left: 50px;
	}
		
	.sectionS .actions {
		position: absolute;
		right: -380px;
		bottom: 0;	
	}
		
}

.cleaner	{ border: none; clear: both; height: 0; font-size: 0; background: none; overflow: hidden; padding: 0; line-height: 0; }
.oos	{ position: absolute; left: -9999px; top: -9999px; }

.mD		{ margin: 20px; }
.mDD	{ margin: 40px; }
.mTD	{ margin-top: 20px; }
.mBW	{ margin-bottom: 70px; }

.cO 	{ color: #ed1c24; }
.cW 	{ color: #fff; }
.cDG	{ color: #2a2a2a; }
.bcO	{ background-color: #ed1c24; }

.fT		{ font-family: 'Trajan Pro Bold', 'Times New Roman', serif; }

.fs24	{ font-size: 24px; line-height: 28px; }
.fs60	{ font-size: 60px; line-height: 70px; }

.tdZ	{ text-decoration: none !important; }

.speechBubble {
	position: relative;
	padding: 20px 30px 15px;
	margin: 40px 0 90px;
	background: #3a3a3a;
	border-radius: 10px; 
	font-style: italic;
}
.speechBubble .author {
	position: absolute;
	bottom: -65px;
	left: 110px;
}
.speechBubble:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -60px;
	margin-left: 30px;
	border-top: 0 solid transparent;
	border-right: 40px solid #3a3a3a;
	border-bottom: 60px solid transparent;
}