/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; width: 100%; } 
td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.oceanlandinv-header {
	position: relative; z-index: 1004; 
	display: flex; flex-direction: column; align-items: stretch; 
}

.topheader-div {
	position: relative; width: 100%; padding: 10px max(25px, calc(50vw - 735px)) 10px max(15px, calc(50vw - 735px)); background: #eac319; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; column-gap: 46px; 
}
.topheader-side {
	display: flex; flex-direction: row; align-items: center; column-gap: 20px; 
}
.topheader-left { justify-content: flex-start; }
.topheader-right { justify-content: flex-end; }

.header-main-div {
	position: relative; width: 100%; height: 100px; 
	display: flex; flex-direction: row; align-items: stretch; 
}
.header-logo-div {
	position: relative; width: 28%; padding: 10px 15px 10px max(15px, calc(50vw - 735px)); background: #000; 
	display: flex; flex-direction: row; justify-content: center; align-items: center; 
}
.header-logo img { 
	width: auto; max-width: 100%; height: 59px; object-fit: contain; object-position: center; 
}
.header-main-right {
	position: relative; width: 72%; padding: 10px max(23px, calc(50vw - 735px)) 10px 15px; background: #fff; 
	display: flex; flex-direction: row; align-items: center; column-gap: 32px; 
}
.nav-div {
	position: relative; width: calc(100% - 240px); 
	display: flex; flex-direction: row; justify-content: center; align-items: center; 
}
.header-main-right-right {
	width: 208px; 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; 
}

/*---BODY--------------------------------*/
/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p {
	font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 400; text-align: left; color: #000; 
}

.txtw-500 { font-weight: 500!important; }

.title {
	font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 700; text-align: left; color: #000; 
}

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 18px 36px; border-radius: 3px; background: #eac319; 
	background-image: linear-gradient(0deg, #000 0%, #000 100%); 
	background-size: 0% 100%; background-position: 0% 50%; background-repeat: no-repeat; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; line-height: 1; 
	text-transform: uppercase; color: #fff; text-align: center; 
	transition: .3s all; 
}
.btnclass:hover { color: #eac319; background-size: 100% 100%; }

.icon-link {
	width: 50px; height: 50px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 25px; text-align: center; 
	transition: .2s ease-out all; 
}
a.icon-link:hover { opacity: .9; cursor: pointer; }

.topheader-link, .topheader-link-uline, .topheader-link-scale, .invisilink {
	font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; 
	color: #151515; display: inline; word-break: break-word; 
}
.topheader-link i, .topheader-link-uline i, .topheader-link-scale i, .invisilink i {
	font-size: 14px; text-align: center; margin-right: 7px; color: #151515; 
}

.topheader-link-uline, .topheader-link.topheader-link-uline {
	border-bottom: 1px solid transparent; transition: .2s ease-in-out all; 
}
.topheader-link-uline:hover, .topheader-link.topheader-link-uline:hover {
	border-bottom: 1px solid #000; transition: .2s ease-in-out all; 
}

.topheader-link-scale, .topheader-link.topheader-link-scale {
	transform: none; transition: .3s ease-in-out all; 
}
.topheader-link-scale:hover, .topheader-link.topheader-link-scale:hover {
	transform: scale(1.1); transition: .3s ease-in-out all; 
}

/* sections */
.content-sect {
	position: relative; width: 100%; padding: 180px 5%;  
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 24px; 
}
.content-sect.center-style { align-items: center; justify-content: center; }

.content-sect.center-style .title, .content-sect.center-style p { text-align: center; }

/* recommended styles */

/* forced styles */

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.oceanlandinv-footer {
	position: relative; width: 100%; padding: 60px max(10px, calc(50vw - 735px)) 45px; background: #000; 
	display: flex; flex-direction: row; align-items: flex-start; 
}
.foot-logo-div {
	width: 25%; padding: 10px 15px; /*29.125px*/ 
	display: flex; flex-direction: row; justify-content: center; align-items: flex-start; 
}
.foot-logo-div img { 
	width: 100%; max-width: 220px; height: auto; object-fit: contain; object-position: center; 
}
.foot-inf {
	width: 55%; padding: 10px 15px; margin-right: auto; 
	display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; 
}
.oceanlandinv-footer .title, .oceanlandinv-footer .icon-link { color: #eac319; }
.oceanlandinv-footer .title { margin-bottom: 12px; }
.oceanlandinv-footer p, .oceanlandinv-footer p a { color: #fff!important; }
.oceanlandinv-footer p a:hover { color: #eac319!important; }
.foot-right {
	width: 19.664%; padding: 10px 15px; margin-left: auto; margin-top: auto; 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; 
}
.foot-right .btnclass { margin-bottom: 20px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 90px; background: #000; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1214px) {
	.header-main-div { height: unset; }
	.header-logo-div, .header-main-right { padding-bottom: 6px; }
}

@media only screen and (max-width: 1174px) {
	.header-main-right { column-gap: 20px; }
	.nav-div { width: 70%; }
	.header-main-right-right { width: calc(30% - 20px); }
}

@media only screen and (max-width: 1129px) {
	.topheader-left { flex-direction: column; align-items: flex-start; }
}

/* switch to mobile nav */
@media screen and (max-width: 1024px) {
	.header-main-div { height: 100px; }
	.header-main-right { padding-right: 191px; }
	.nav-div { width: 100%; justify-content: flex-end; }
	.header-main-right-right { display: none!important; }
}

@media only screen and (min-width: 781px) {
	.show780 { display: none!important; }
}

@media only screen and (max-width: 767px) {
	.hide767 { display: none!important; }
	
	.topheader-div { align-items: flex-start; height: 62px; padding-right: 15px; }
	.topheader-left { width: 100%; flex-direction: row; justify-content: center; }
	.topheader-right { display: none!important; }
	.header-logo-div { width: 80%; }
	.header-main-right { width: 20%; padding-right: 15px; }
	
	.topheader-link, .topheader-link-uline { text-align: center; }
	
	.oceanlandinv-footer { flex-direction: column; align-items: center; }
	.oceanlandinv-footer .title, .oceanlandinv-footer p { text-align: center; }
	.foot-logo-div, .foot-inf, .foot-right { width: 100%; }
	.foot-inf { align-items: center; margin-right: 0; }
	.foot-right { align-items: center; margin-left: 0; }
}

@media only screen and (max-width: 570px) {
	.topheader-div { height: 84px; }
	.topheader-left { flex-direction: column; align-items: center; }
}

@media only screen and (min-width: 398px) {
	.show397 { display: none!important; }
}

@media only screen and (max-width: 397px) {
	.topheader-div { height: 105px; }
}