@charset "UTF-8";
/* CSS Document */

/* COLOR HEX ******
BLUE #185A7D
MED BLUE #6588A2
DK GRAY #414141
MED GRAY #808080
LT GRAY #D9D9D9
OFF WHITE #F0F0F0
CREAM #F4F2EB
ORANGE #FBB040
GREEN #6D7A5C
TEAL #00A099
GOLD #8A734B 
****************/



/****************************************************************************************************************************************************/
/****** NOTES / CORRECTIONS  *******

01. MAKE SURE INNER DIV IS POSITION:RELATIVE - ALSO, IF SWITCHING LAYOUTS AT BREAK, CHECK IF NON-BREAK INNER OR PARENT HAD
POSITIONING, TRANSFORMS, ETC. - FOR MAKING INNER DIV PUSH DOWN PARENT

02. Change all body text to 2 or three fixed breaks rather than VW scaling type / leave header text as scaling

03. DON'T NEED body-txt-01 SINCE ADDED DEFAULT BODY FONT  - FIND AND ERRADICATE ACROSS PAGES

04. CHECK width:max-content; IN SAFARI (MIGHT NEED WEBKIT) AND OTHERS - IF THERE'S A DIV SIZING PROBLEM, THIS COULD BE THE CULPRIT

05. REMOVE ALL UNUSED STYLES

06. ADD WEB-KITT WHERE NEEDED



/****************************************************************************************************************************************************/


/* GLOBAL RULES */		
html, body, div, span, p, em, font, img, table, a, ul, li {margin:0; padding:0; border:0;}
html, body {height:100%;}
h1, h2, h3, h4, h5, h6	{font-size:inherit; font-weight:inherit; margin:0;}
body {background-color:#FFFFFF; font-family: ff-good-web-pro, sans-serif; font-weight:400; font-size:1.4vw; line-height:2.4vw;}
img {max-width:100%; height:auto; border:0; -webkit-transform:scale(1); transform:scale(1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}

#wrapper {width:100%; height:100%; position:relative; overflow-x:hidden; overflow-y:auto; perspective:1px; -webkit-perspective:1px; transform-style:preserve-3d; -webkit-transform-style: preserve-3d;}


/* UNIVERSAL STYLES AND CONTAINERS */
.clear {clear:both; margin:0 !important;}
.underline {text-decoration:underline !important;}
.horz-dashed-line {border-bottom: dashed 1px;}
.vert-dashed-line {border-left: dashed 2px;}
.dash-circle {border:dashed 0.2vw; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; display:inline-block;}
.solid-circle {-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; display:inline-block;}
.vert {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); transform: rotate(-90deg);}

.bricks-fullwidth-top-outside {width:100%; height:1.5vw; position:absolute; z-index:100; top:-1.5vw;}
.bricks-fullwidth-bottom-outside {width:100%; height:1.5vw; position:absolute; z-index:100; bottom:-1.5vw;}

.wave-fullwidth-bottom-outside {width:100%; height:1.25vw; position:absolute; z-index:100; bottom:-1.25; background:url("images/wave-divider-wt-500.png") repeat-x left top;}

.bricks-fullwidth-top-inside {width:100%; height:1.5vw; position:absolute; z-index:100; top:0;}
.bricks-fullwidth-bottom-inside {width:100%; height:1.5vw; position:absolute; z-index:100; bottom:0;}
.bricks-blue {background:repeating-linear-gradient(-55deg,rgb(255,255,255,0) 0%,#185A7D 0% 1vw,rgb(255,255,255,0) 0% 2vw); background-repeat: repeat-y;}
.bricks-white {background:repeating-linear-gradient(-55deg,rgb(255,255,255,0) 0%,#FFFFFF 0% 1vw,rgb(255,255,255,0) 0% 2vw);}

.hero-wrapper {width:100%; height:100vh; /*height:calc(0.53 * 100vw);*/ min-height:10vh; max-height:calc(100vh - 4.5vw); position:relative; top:9vw; background-color:#414141; overflow:hidden; background-size:100%; box-sizing:border-box; transform-origin:center 60vh; transform-style:preserve-3d; transform:translateZ(-1px) scale(2.3);}
/* 6/6/25 When Top-Nav added - changed scale from 2.2 to 2.3 to fix disappearing wrapper issue */
.hero-txt {width:85%; margin:0 auto; position:absolute; top:52%; left:0; right:0; overflow:visible; transform-style: preserve-3d; transform: translateZ(0.25px) translateY(-50%) scale(0.88);}
	.hero-txt h1 {font-family: termina, sans-serif; font-weight:600; font-size:1.8vw; letter-spacing:0.25vw; color:#FFFFFF; text-transform:uppercase; text-align:left; line-height:1.5vw; margin-bottom:1.2vw; }
	.hero-txt h2 {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:11.5vw; color:#FFFFFF; margin-top:1vw; line-height:10vw; text-align:left;}

.fullwidth-wrapper {width:100%; position:relative; overflow:visible;}
.fullwidth-wrapper-white {width:100%; position:relative; background-color:#FFFFFF; overflow:visible;}
.fullwidth-wrapper-blue {width:100%; position:relative; background-color:#185A7D; overflow:visible;}
.fullwidth-wrapper-gray {width:100%; position:relative; background-color:#414141; overflow:visible;}
.fullwidth-inner {width:80%; margin:0 auto; position:relative; /*top:50%; transform:translateY(-50%); left:0; right:0;*/}
	.fullwidth-inner hr {border-bottom:1px dashed #D9D9D9; margin:2vw auto;}
	.fullwidth-inner p {margin-bottom:30px;}
.fullwidth-inner-2 {width:100%; margin:0 auto; position:relative; left:0; right:0;}
.half-inner-left {width:50%; margin-right:-1%; padding-right:4%; position:relative; display:inline-block; vertical-align:top; box-sizing:border-box;}
.half-inner-right {width:50%; padding-left:4%;  position:relative; display:inline-block; vertical-align:top; box-sizing:border-box;}
.three-col-inner {width:33.3%; margin-right:-1%; position:relative; display:inline-block; vertical-align:top; padding-right:6%; box-sizing:border-box; text-align:left;}

.fill-blue {background-color:#185A7D;}
.fill-cream {background-color:#F4F2EB;}
.fill-gray {background-color:#414141; color:#FFFFFF;}
.fill-gray-svg {fill:#414141;}
.fill-white {background-color:#FFFFFF; color:#414141;}
.fill-white-svg {fill:#FFFFFF;}

.scroll-pointer {display:block; width:20vw; max-width:500px; height:auto; position:absolute; left:0; right:0; bottom:4vw; margin:0 auto; z-index:200; text-align:center; font-family: termina, sans-serif; font-weight:600; font-size:0.70vw; letter-spacing:0.35vw; color:#FFFFFF; text-transform:uppercase; padding:14px 0 7px 0;}
.scroll-pointer-arrow {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #FFFFFF; margin:5px auto 0 auto;}

.vert-cntr {position:absolute !important; top:50%; transform:translateY(-50%); left:0; right:0;}
.fullwidth-vertpadding {padding:10vw 0;}
.fullwidth-wrapper-wTopPhoto {top:-10vw; margin-bottom:-10vw; padding:15vw 0 10vw 0;}
.inner-body-top-margin {margin-top:5vw;}
.inner-body-btm-margin {margin-bottom:5vw;}
.inner-body-hdr-btm-margin {margin-bottom:3vw;}
.fullwidth-spacer-10vw {width:100%; height:10vw; position:relative; background-color:#FFFFFF;}
.txt-invert {color:#ffffff;}

.hdr-01 {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:6.5vw; color:#185A7D; line-height:6vw; text-align:left; margin-left:5vw; display:block;}
.hdr-01::before {width:1vw; height:100%; background-color:#8A734B; content: ""; display:block; position:absolute; left:0; top:0;}
.hdr-01-invert {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:6.5vw; color:#FFFFFF; line-height:6vw; text-align:left; margin-left:5vw; display:block;}
.hdr-01-invert::before {width:1vw; height:100%; background-color:#8A734B; content: ""; display:block; position:absolute; left:0; top:0;}

.subhdr-01 {font-family: termina, sans-serif; font-weight:600; color:#8A734B; font-size:1.8vw; font-size:1.6vw; line-height:2.8vw; letter-spacing:0.3vw; margin-bottom:1vw; text-transform:uppercase; display:block;}
.subhdr-01-invert {font-family: termina, sans-serif; font-weight:600; color:#FFFFFF; font-size:1.8vw; font-size:1.6vw; line-height:2.8vw; letter-spacing:0.3vw; margin-bottom:1vw; text-transform:uppercase; display:block;}
.subhdr-01-b {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#8A734B; font-size:2vw; line-height:2vw; letter-spacing:0.2vw; margin-bottom:1vw; text-transform:uppercase; display:block;}
.subhdr-01-b-invert {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#FFFFFF; font-size:2vw; line-height:3.2vw; letter-spacing:0.2vw; margin-bottom:1vw; text-transform:uppercase; display:block;}
.subhdr-02 {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#8A734B; font-size:1.4vw; line-height:2.1vw; letter-spacing:0.2vw; margin-bottom:1vw; text-transform:uppercase; display:block;}

.photo-wrapper {width:80%; margin:0 auto; background-color:#FFFFFF; position:absolute; overflow:visible; z-index:1; top:50%; transform:translateY(-50%); left:0; right:0;}
	.photo-wrapper::after {width:90%; height:90%; background-color:#8A734B; content:""; display:block; position:absolute; right:-2vw; top:-2vw; z-index:-1;}
	.photo-wrapper img:hover {-webkit-transform:scale(1.05); transform:scale(1.05);}
.photo-cntr-wrapper {width:60%; margin:0 auto; position:relative; overflow:visible; z-index:1;}
	.photo-cntr-wrapper::after {width:90%; height:90%; background-color:#8A734B; /*background:repeating-linear-gradient(-45deg, #8A734B, #8A734B 0.5vw, rgba(255,255,255,0) 0.5vw, rgba(255,255,255,0) 1vw);*/ content:""; display:block; position:absolute; right:-2vw; top:-2vw; z-index:-1;}
	.photo-cntr-wrapper img:hover {-webkit-transform:scale(1.05); transform:scale(1.05);}
.photo-cntr-01 {overflow:hidden;}

.pointer {display:block; width:20vw; max-width:300px; position:absolute; left:50%; transform:translateX(-50%) translateY(-35%); z-index:150;}
.pointer-txt {width:100%; height:50%; display:block; margin:0 auto; text-align:center; font-family:termina, sans-serif; font-weight:600; font-size:0.75vw; letter-spacing:0.15vw; text-transform:uppercase; position:absolute; top:45%; transform:translateY(-50%); left:0; right:0; z-index:200; white-space:nowrap; overflow:visible;}
	.pointer-txt svg {width:1vw; height:0.5vw; display:block; margin:0vw auto 0 auto;}


	
/* HEADER */
#hdr {width:100%; height:4.5vw; background-color:#414141; min-height:45px; position:relative; top:0; z-index:100;}
#logo-spacer {display:inline-block; width:25vw; max-width:400px;}
#logo-hdr {width:18vw; max-width:300px; min-width:190px; height:5.5vw; position:absolute; left:50%; transform:translateX(-50%); z-index:200;}
.logo-block {display:block; width:100%;}
	.logo-block a {width:80%; display:block; margin:0 auto; position:absolute; top:35%; left:0; right:0; z-index:200;}
	.logo-block svg {fill:#185A7D;}

/* NAV */
#nav {font-family: bebas-neue-pro, sans-serif; font-weight:400 !important; text-transform:uppercase; letter-spacing:0.1vw; list-style:none;}
	#nav a {color:#FFFFFF; text-decoration:none; font-size:1.5vw;}
	#nav a:hover {color:#FBB040; text-decoration:none;}

#top-nav {width:100%; height:3.5vw; background-color:#6588A2; min-height:45px; position:relative; top:0; z-index:100;}
#top-nav-inner {font-family: bebas-neue-pro, sans-serif; font-weight:400 !important; text-transform:uppercase; letter-spacing:0.1vw; list-style:none;}
	#top-nav-inner a {color:#FFFFFF; text-decoration:none; font-size:1.3vw;}
	#top-nav-inner a:hover {color:#FBB040; text-decoration:none;}
#top-nav-social img {}
	#top-nav-social a {}

#top-nav-mobile {display:none;}


/* HOME - HERO */
#home-hero-wrapper {width:100%; height:calc(0.53 * 100vw); min-height:10vh; max-height:100vh; position:relative; /*top:2vw;*/ top:calc(0.5 * 15vw); background-color:#414141; background:linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 65%), url("../home/images/hero-220424_6220-2500px.jpg") left -2.5vw no-repeat; overflow:hidden; background-size:120%; transform-style:preserve-3d; transform:translateZ(-1px) scale(2.1); /*padding-top:calc(0.62 * 100vw);*/ /*transform-origin:50% 50%;*/ box-sizing:border-box; transform-origin:center 50vh; /* <-- finally figured out calculating height and top from image ratio + most important... TRANSFORM ORIGIN TO 50% OF SCREEN HEIGHT - not the default which is 50% of image */}

.home-hero-txt {width:86%; height:calc(100vh - 8vw); margin:0 auto; position:absolute; top:12vw; left:0; right:0; overflow:visible; transform-style: preserve-3d; transform: translateZ(0.25px) scale(0.97);}
	.home-hero-txt h1 {font-family: termina, sans-serif; font-weight:600; font-size:2vw; letter-spacing:0.25vw; color:#535353; text-transform:uppercase; text-align:left; line-height:1.5vw; margin-bottom:1.5vw; }
	.home-hero-txt h2 {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:12.5vw; color:#185A7D; margin-top:1vw; line-height:9vw; text-align:left;}
	.home-hero-txt h3 {font-family: termina, sans-serif; font-weight:600; font-size:1.4vw; letter-spacing:0.25vw; color:#535353; text-transform:uppercase; position:relative; text-align:left; margin-top:9vw;}

.home-hero-stamp {width:12vw; height:12vw; position:absolute; top:10.75vw; left:34vw; transform-origin:center;}
	.home-hero-stamp img {width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.home-hero-stamp-tx-corr {left:0.2vw !important; top:0.15vw !important;}

/* HOME HERO RESPONSIBLY RAISED STAMP ANIMATION */
@-webkit-keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate {-webkit-animation: rotating 45s linear infinite; animation: rotating 45s linear infinite;}

@-webkit-keyframes down-arrow {0% { transform: translateY(0);} 100% { transform: translateY(-1.5vw);}}
.down-arrow {width:1.5vw; fill:#535353; position:relative; top:4vw; left:23vw; transform-origin:top; -webkit-animation: down-arrow 1s linear infinite alternate; animation: down-arrow 1s linear infinite alternate;}


/* HOME - DISCOVER */
#discover-wrapper {width:100%; margin:0 auto; position:relative; background-color:#6588A2; background:url("../home/images/discover-220424_6098-1920px.jpg") left top no-repeat; background-size:cover; color:#185A7D; text-align:center; border-top:3px solid #ffffff; background-attachment:fixed; overflow:visible; padding:0.1vw 0;}
.discover-bricks {display:none !important;}
.discover-subhd {margin:8vw auto 2vw auto; font-family: termina, sans-serif; font-weight:600; font-size:1.5vw; color:#FFFFFF; letter-spacing:0.25vw; text-transform:uppercase; text-align:center; }
.discover-hdr {display:block; font-family: bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:8vw; color:#FFFFFF; margin:0 auto 4vw auto; line-height:7vw;}
.discover-reg-txt {width:100%; margin:0 auto 6vw auto; font-family: ff-good-web-pro, sans-serif; font-weight:400; font-style: normal; color:#FFFFFF; font-size:1.8vw; line-height:3vw}
.discover-horz-line {border-color:#FFFFFF;}
.discovery-btn {width:100%; margin:0 auto 8vw auto; display:block; font-family: bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:2.9vw; color:#ffffff; letter-spacing:0.2vw; text-decoration:none; position:relative;}
	.discovery-btn:hover{text-decoration:underline;}
.discovery-arrow {padding:1vw; border-color:#ffffff; margin-left:2vw; position:absolute; top:50%; transform:translateY(-50%);}
	.discovery-arrow svg {width:2vw; height:2vw; fill:#ffffff;}


/* HOME - GLANCE */
#glance-wrapper {width:100%; margin:0 auto; position:relative; background-color:#6588A2; background:url("../home/images/prod-220426_8163-2500.jpg") left top no-repeat; padding:8% 0; border-top:3px solid #ffffff; background-attachment:fixed;}
#glance-inner {display:table; margin:0 auto; width:90%;} 
.glance-hdr {display:block; font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:4.2vw; color:#FFFFFF; margin:0 auto; letter-spacing:0.2vw; text-align:center; line-height:4vw;}
.glance-stat-box {width:33%; display:inline-block; margin-top:3.5vw; padding:3vw; box-sizing:border-box;} 
.glance-stat {display:block; font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:11vw; color:#FFFFFF; text-align:center; letter-spacing:2px; line-height:8.5vw; overflow:hidden;}
.glance-stat-div {display:block; width:100%; margin:2vw auto; border-top:0.2vw dotted #ffffff;}
.glance-stat-name {display:block; font-family: ff-good-web-pro, sans-serif; font-weight:600; text-transform:uppercase; font-size:1.5vw; color:#FFFFFF; text-align:center; letter-spacing:0.3vw;}
.glance-arrow-up {display:block; width:1.4vw; height:1.4vw; fill:#FFFFFF; /*border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 10px solid #ffffff;*/ margin:0 auto;}
.glance-arrow-down {display:block; width:1.4vw; height:1.4vw; fill:#FFFFFF; /*border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #ffffff;*/ margin:0.1vw auto 0 auto;}
.glance-circle {padding:2vw; width:2vw; height:2vw; background-color:#185A7D; position:absolute; left:50%; transform:translateX(-50%) translateY(-50%); z-index:150;}


/* HOME - PRODUCTS */
.home-prod-wrapper {height:auto; position:relative; overflow:hidden; background-color:#FFFFFF;}
	.home-prod-wrapper b{font-weight:600; text-transform:uppercase; color:#185A7D;}
	.home-prod-wrapper a{color:#185A7D; font-weight:600; text-transform:uppercase; text-decoration:none;}
	.home-prod-wrapper a:hover{text-decoration:underline;}
.home-prod-inner {margin:6vw 0; position:relative; box-sizing:border-box; display:inline-block; vertical-align:top;}

.home-prod-column-r {width:38%; vertical-align:middle; display:inline-block; overflow:visible; position:relative;}
	.home-prod-column-r-photo {width:80%; margin:0; text-align:center; position:relative; left:43%; transform:translateX(-50%); vertical-align:middle; display:block;}
	.home-prod-column-r-photo::after {width:90%; height:90%; background-color:#8A734B; content:""; display:block; position:absolute; right:-2vw; top:-2vw; z-index:-1;}
.home-prod-column-l {width:59%; vertical-align: middle; display:inline-block;}


/* HOMR PRODUCTS > CAROUSEL */
#home-carousel-wrapper {width:100%; height:35vw; margin:0 auto; position:relative; background-color:#185A7D;}
#home-carousel-inner {width:95%; height:75%; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
.home-carousel-col {width:49%; height:100%; display:inline-block; position:relative; box-sizing:border-box; z-index:10;}
.home-carousel-pointer {width:100%; height:50%; display:block; margin:0 auto; text-align:center; font-family:termina, sans-serif; font-weight:600; font-size:0.80vw; letter-spacing:0.2vw; text-transform:uppercase; position:absolute; top:-2.5vw; left:0; right:0;}
	.home-carousel-pointer svg {width:1vw; height:0.5vw; display:block; margin:0.3vw auto 0 auto;}
.home-carousel-arrow {width:1.75vw !important; height:6vw !important; position: absolute; top:50%; transform: translateY(-50%); fill:#FFFFFF; z-index:20;}
	.home-carousel-arrow:hover{fill:#FBB040;}
	.home-carousel-arrow svg {width:100% !important; height:100% !important;}
.home-carousel-arrow-left {left:0;}
.home-carousel-arrow-right {right:0;}

.home-carousel-logo {width:60%; position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; margin:0 auto; overflow:visible;}
.home-carousel-div-dash {border-left:dotted 3px #FFFFFF; height:75%; width:1%; position:absolute; left:50%; top:50%; transform: translateY(-50%); z-index:5;}
.home-carousel-text {width:70%; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; text-align:left; margin:0 auto; /*font-size:1.8vw;*/ color:#FFFFFF; line-height:inherit;}
.home-carousel-hdr {display:block; text-align:left;family: ff-good-web-pro, sans-serif; font-weight:600; font-size:3vw; color:#FFFFFF; letter-spacing:0.25vw; text-transform:uppercase; margin-bottom:2vw;}

.home-carousel-btn {display:block; text-align:left; font-family: bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:2vw; color:#FFFFFF; margin-top:2vw; line-height:2vw; letter-spacing:1.5px; position:relative; text-decoration:none;}
	.home-carousel-btn svg {fill:#FFFFFF; height:2vw; margin-left:1vw; position:absolute; top:50%; transform:translateY(-50%);}
	.home-carousel-btn:hover {color:#FBB040;}
	.home-carousel-btn:hover svg {fill:#FBB040;}

#home-carousel-circles {width:100%; margin:0 auto 0 auto; text-align:center;}
.carousel-circle-outline {display:inline-block; width:0.5vw; height:0.5vw; border:#ffffff 2px solid; margin:0 1vw;}
.carousel-circle-solid {display:inline-block; width:0.5vw; height:0.5vw; border:#ffffff 2px solid; background-color:#ffffff; margin:0 1vw;}

#striped-bass {display:none;}
#catfish {display:none;}
#redfish {display:block;}
#shrimp {display:none;}


/* HOME - SUSTAINABILITY */
.home-sustainability-wrapper {height:auto; position:relative; overflow:hidden; background-color:#FFFFFF;}
	.home-sustainability-wrapper a{color:#185A7D; font-weight:600; text-transform:uppercase; text-decoration:none;}
	.home-sustainability-wrapper a:hover{text-decoration:underline;}
.home-sustainability-inner {margin:6vw 0; position:relative; box-sizing:border-box; display:inline-block; vertical-align:top;}

.home-sustainability-column-l {width:38%; vertical-align:middle; display:inline-block; overflow:visible; position:relative;}
	.home-sustainability-column-l-photo {width:60%; margin:0; text-align:center; position:relative; left:57%; transform:translateX(-50%); vertical-align:middle; display:block;}
	.home-sustainability-column-l-photo::after {width:90%; height:90%; background-color:#8A734B; content:""; display:block; position:absolute; right:-2vw; top:-2vw; z-index:-1;}
.home-sustainability-column-r {width:59%; vertical-align: middle; display:inline-block;}




/* WHO WE ARE (ABOUT) */
#who-we-are-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../who-we-are/images/about-220424_6098-1920.jpg") left center no-repeat; background-size:cover;}

.about-people-wrapper {width:100%; display:flex; background-color:#185A7D; overflow:visible; position:relative;}
#about-people-photo {width:34%; margin:0; position:relative; background:url("../who-we-are/images/about-220425_7422-1000.jpg") left top no-repeat; background-size:cover; vertical-align:top; overflow:hidden;}

#about-people-txt {width:65%; background-color:#185A7D; vertical-align:top; position:relative;}
#about-people-txt-inner {width:80%; height:100%; margin:10vw auto; position:relative; color:#FFFFFF; vertical-align:top;} 
	#about-people-txt-inner h3  {display:block; font-family: termina, sans-serif; font-weight:600; font-size:1.6vw; color:#FFFFFF; letter-spacing:5px; text-transform:uppercase; margin-bottom:20px;}
	#about-people-txt-inner a {display:block; margin-top:5vw; font-family: bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:1.9vw; color:#FFFFFF; letter-spacing:0.3vw; text-decoration:none;}
		#about-people-txt-inner a:hover {color:#FBB040;}
	#about-people-txt-inner svg {width:1.5vw; margin-left:2vw; fill:#ffffff; position:relative;}
	#about-people-txt-inner:hover svg {fill:#FBB040;}

#about-people-raised-tx {width:11vw; height:auto; position:absolute; right:7vw; top:-2vw; z-index:30; transform:rotate(-10deg);}
.about-people-bricks {width:1.5vw; height:100%; position:absolute; top:0; right:0; z-index:150;}


#about-place-wrapper {width:100%; /*height:50vw;*/ position:relative; background:url("../who-we-are/images/about-place-bg-9200517_ark__12148_btv1b53209989m-2500.jpg") left top no-repeat; background-size:cover; background-attachment:fixed; padding:10vw 0;}

.about-place-inner {position:relative;} 
#about-place-mappoint {width:3.5vw; margin-left:1vw; fill:#185A7D;}


#our-story-txt {}
	#our-story-txt p{width:28%; min-height:20vw; display:inline-block; box-sizing:border-box; margin:2%; vertical-align:top; padding:3%; background-color:#FFFFFF;}
	#our-story-txt b{font-weight:600; color:#185A7D; display:block !important; font-size:1.8vw;}


.giving-back-photo {display:block; width:85%; position:absolute; top:120%; transform:rotate(-3deg); box-shadow: 0.5vw 0.5vw 1vw #000000;}



/* OUR PEOPLE */
#our-people-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../our-people/images/people-hero-bg-220426_9050-1950.jpg") center -3vw no-repeat; background-size:cover}
.our-people-hero-txt-adjust {top:55% !important;}
#people-cards-wrapper {width:95%; margin:0 auto; position:relative; top:0; vertical-align:top; display:block; background-color:#FFFFFF; padding-top:2vw;}
	#people-cards-wrapper h3 {width:97%; padding-bottom:1vw; margin:2vw auto; font-weight:600; color:#185A7D; font-size:2vw; letter-spacing:0.2vw; text-transform:uppercase; display:block; border-bottom:solid 2px #8A734B;} /* made from subhdr-01-b - can match scales for media queries */


/* OUR PEOPLE - FLIP CARDS */

/* FLIP CARD -- STYLES */
.card-container {display:inline-block; width:21%; padding-bottom:21%; margin:1.75%; perspective:900px; box-sizing:border-box;}
.card {position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.6s ease; transform-style:preserve-3d;}
	.card hr {width:100%; height:1px; border:none; border-bottom:1px #FFFFFF dotted; margin:15px 0;}
.card-name {display:block; font-weight:600; font-size:22px; line-height:25px; /*font-size:1.4vw; line-height:1.5vw;*/ margin-bottom:0.6vw;}
.card-title {display:block; font-weight:400; font-size:20px; line-height:22px; /*font-size:1.2vw; line-height:1.1vw;*/}
.front, .back {position: absolute; background: #185A7D; top: 0; left: 0; color:#FFFFFF; backface-visibility: hidden;}
.front {width:100%; height:100%; padding:0; display:flex; align-items:center; justify-content:center;}
.back {width:100%; height:100%; padding:0; text-transform:uppercase; text-align:left; font-family: ff-good-web-pro, sans-serif; font-weight:400; font-size:16px !important; line-height:22px !important; /*font-size:1vw; line-height:1.8vw;*/}
.back-inner {margin:10%;}
.card-container:hover .card {transform: rotateY(180deg);}
.back {transform: rotateY(180deg);}



/* CORE VALUES */
#core-values-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-values/images/stripedbass-220424_6279-2-1950.jpg") center center no-repeat; background-size:cover;}
.core-cntr-photo {top:-100%;}



/* OUR FACILITES */
#our-facilities-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-farms/images/our-farms-220209_3252-1950.jpg") center center no-repeat; background-size:cover;}
#our-facilities-mid {width:100%; height:40vw; background:url("../our-farms/images/Bowers-shrimp-farm-aerial-02.jpg") center center no-repeat; background-size:cover; /*background-size:auto calc(100vw / (1632px / 1088px));*/ /*100vw / (org width /  org height)*/ background-attachment:fixed;}

#facilities-grid {width:80%; margin:5vw auto; background-color:#FFFFFF;}
.facilities-grid-element {width:100%; margin:5vw auto; display:block; overflow:hidden; position:relative; padding:4vw; box-sizing:border-box; background-color:#FFFFFF; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
	.facilities-grid-element div {width:100%; display:block; overflow:hidden; margin-top:2vw; margin-bottom:-1vw;}	/* < div contains only the IMG */
	.facilities-grid-element div img {width:22%; display:inline-block; margin:0.5vw 1%; box-sizing:border-box;}
		.facilities-grid-element div img:hover {-webkit-transform:scale(1.05); transform:scale(1.05);}
	.facilities-grid-element span {width:100%; display:block; margin:0 auto 2vw auto; font-weight:400; color:#414141; text-align:left;}
	.facilities-grid-element span h4 {font-weight:600; color:#185A7D; font-size:2.75vw; letter-spacing:0.2vw; margin-bottom:0.8vw; text-transform:uppercase; display:block;}
	.facilities-grid-element span h5 {display:block; font-weight:600; text-transform:uppercase; font-size:1.8vw; letter-spacing:0.1vw; color:#185A7D; margin-bottom:0.75vw;}
	.facilities-grid-element span h6 {font-size:1.5vw; font-weight:600; display:block; margin-bottom:1vw;}
	.facilities-grid-element span hr {width:100%; height:0.1vw; border:none; border-top:0.1vw #6588A2 dotted; margin:1vw auto;}
	.facilities-grid-element a {font-weight:600; color:#185A7D; text-decoration:none;}
	.facilities-grid-element a:hover {text-decoration:underline;}
		
.facilities-grid-mappoint {width:1.1vw; margin-right:0.2vw; fill:#185A7D; position:relative; top:0;}


#facilities-map {width:100%; height:30vw; margin:0 auto; position:relative; background-color:#185A7D; overflow:hidden;}
	#facilities-map span {width:30vw; position:absolute; top:45%; transform:translateY(-50%); left:10vw; font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:7vw; color:#FFFFFF; line-height:6.5vw; text-align:left;}
	#facilities-map span::before {width:1vw; height:100%; background-color:#8A734B; content:""; display:block; position:absolute; left:-4vw; top:0;}
#facilities-map-hover-mssg {color:#FFFFFF; font-size:0.8vw; text-transform:uppercase; margin:0 auto; position:absolute; bottom:3vw; left:10.25vw; letter-spacing:0.1vw;}


.map-point-container {width:2vw; height:3vw; position:absolute; text-transform:uppercase; font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#FFFFFF; line-height:1vw;}
	.map-point-container:hover {}
	.map-point-container a {font-size:0vw; white-space:nowrap; overflow:hidden;  width:0; -webkit-transition: 0.1s ease-out; transition: 0.1s ease-out;}
	.map-point-container:hover a {display:block; width:8vw; padding-right:1vw; font-size:1vw;}
.map-point {fill:#ffffff;}
.map-point:hover {fill:#8A734B;}

.map-point-collegeport {top:16.8vw; left:53.2vw;}
	.map-point-collegeport a{position:absolute; top:0; left:2.5vw; text-align:left;}

.map-point-bocachica {top:17.4vw; left:48vw;}
	.map-point-bocachica a{position:absolute; top:0; right:1.7vw; text-align:right;}
.map-point-palacios-1 {top:17vw; left:51.8vw;} /*hatchery*/
	.map-point-palacios-1 a{position:absolute; top:3.3vw;; left:0; text-align:left;}
.map-point-palacios-2 {top:14.5vw; left:52.4vw;}
	.map-point-palacios-2 a{position:absolute; top:0; right:1.5vw; text-align:right;}
.map-point-markham {top:8.9vw; left:55.8vw;}
	.map-point-markham a{position:absolute; top:0; left:2.6vw; text-align:left}
.map-point-danevang {top:6.9vw; left:52.8vw;}
	.map-point-danevang a{position:absolute; top:0; left:2.6vw; text-align:left}
.map-point-fishplant {top:14.5vw; left:53.8vw;}
	.map-point-fishplant a{position:absolute; top:0; left:2.6vw; text-align:left}
.map-point-kubecka {top:16.3vw; left:50.9vw;} /*hatchery*/
	.map-point-kubecka a{position:absolute; top:3.3vw;; left:0; text-align:left;}


/* OUR PRODUCTS */
#our-products-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../our-products/images/our-products-bass-220210_3400-1950.jpg") left center no-repeat; background-size:cover;}

.products-grid {height:auto; position:relative; overflow:hidden; border-bottom:2px #414141 dotted;}
.products-column {position:relative; box-sizing:border-box; display:inline-block; vertical-align:middle; overflow:visible;}
.products-column-l {width:50%; margin-right:-1vw;} /* photo */
.products-column-r {width:50%; margin:10vw 0;}
.products-column-r img {display:block; text-align:left; margin-bottom:40px;}
	

/* OPTIONAL --- USE COLOR LOGO AND SHIFT TO GRAY WITH COLOR MOUSEOVER
	.products-column-r img {display:block; text-align:left; margin:0 0 3vw 0; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);}
	.products-column-r img:hover {-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); cursor:pointer;} */

.products-logo-size-01 {width:60%; min-width:300px;}
.products-logo-size-02 {width:40%; min-width:250px;}
.products-column-photo {width:70%;}
.products-pdf-link {font-size:1.3vw; letter-spacing:0.15vw; font-weight:600; padding:8px 24px; margin-top:30px; background-color:#414141; color:#ffffff; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:table; text-transform:uppercase; }
.products-pdf-link:hover {background-color:#8A734B;}
.products-sf-link {font-size:1.3vw; letter-spacing:0.15vw; font-weight:600; margin-top:30px; color:#8A734B; text-decoration:none; display:block; text-transform:uppercase;}
.products-sf-link:hover {text-decoration:underline;}

#product-photo-whitebass {width:40vw; height:40vw; background:url("../our-products/images/stripedbass-220424_6249.jpg") top center no-repeat; background-size:cover; background-position:0 0;}
#product-photo-catfish {width:40vw; height:40vw; background:url("../our-products/images/catfish-getty-866313416.jpg") center center no-repeat; background-size:cover;}
#product-photo-redfish {width:40vw; height:40vw; background:url("../our-products/images/redfish-220426_8424.jpg") no-repeat; background-size:cover; background-position:-22vw 0; background-color: aqua}
#product-photo-shrimp {width:40vw; height:40vw; background:url("../our-products/images/shrimp-220425_7415.jpg") center center no-repeat; background-size:cover;}

.products-tx-raised-badge {display:inline-block; vertical-align:middle; width:24%; margin-right:8%; max-width:400px; box-sizing:border-box; transform:rotate(-10deg);}
.products-tx-raised-badge-bullets {display:inline-block; vertical-align:middle; width:60%; padding-left:8%; border-left:4px solid #ffffff; box-sizing:border-box;}



/* CONTACT */
#contact-hero {background:url("../contact/images/sunset-bg-220426_7766-1920.jpg") center center no-repeat; background-size:cover;}
.contact-cols {position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; text-align:left;}

.facilities-col {width:23%; margin-right:4%;}
.sales-col	{width:37%; margin-right:4%;}
.form-col {width:30%;}

.contact-social-icons {display:block; margin:0; padding-top:3vw; margin-bottom:5vw; border-top:1px solid #D9D9D9;}
	.contact-social-icons img {height:30px; display:inline-block; margin-right:20px;}

.contact-block {margin-bottom:3vw; font-family: ff-good-web-pro, sans-serif; font-weight:400; color:#414141; display:block; line-height:2vw;}
.contact-hdr {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:2.5vw; color:#414141; text-align:left; padding-bottom:1.5vw; margin-bottom:3vw; border-bottom:1px solid #D9D9D9;}
.contact-subhdr {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#185A7D; font-size:1.2vw; text-transform:uppercase; letter-spacing:0.25vw; margin-bottom:0.5vw;}
.contact-name {display:block; font-weight:600; color:#185A7D; margin-bottom:0.5vw;}


input, textarea {width:100%; border:1px solid #CCC; background-color:#EAEAEA; padding:1.25vw; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:left; font-family: ff-good-web-pro, sans-serif; font-weight:400; font-size:inherit; vertical-align:middle; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:hover, textarea:hover, select:hover {background-color:#D2D2D2;}
#ct_btn {width:100%; background-color:#185A7D; font-size:1.1em; font-weight:600; letter-spacing:1px; color:#fff; padding:18px; border:none; margin:15px auto 0 auto; display:block; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#ct_btn:hover {background-color:#414141;}
.ct_reg_field {margin-bottom:1.5vw;}
.required {font-size:1.2vw;}
#message {height:125px;}
.thankyou {font-weight:600; color:#e64b37;}
.err {color:#e64b37; font-weight:600;}


/* NEWS */
#news-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../news/images/220424_6192-1950.jpg") center center no-repeat; background-size:cover;}

.news-hdr-1 {font-family:bebas-kai, sans-serif; font-weight:400; text-transform:uppercase; font-size:4vw; color:#185A7D; line-height:4vw; text-align:left; display:block;}

.news-block {margin-bottom:60px; padding:30px; background-color:#F0F0F0; border-radius:8px;}
.news-block i {font-style:normal; display:block; font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#185A7D; font-size:17px; text-transform:uppercase; text-decoration:none;}
.news-subhdr-1 {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#8A734B; font-size:24px; line-height:26px; text-transform:uppercase; display:block;}
.news-link {font-family: ff-good-web-pro, sans-serif; font-weight:600; color:#ffffff; font-size:17px; margin:12px 0 0 0; text-transform:uppercase; display:table; text-decoration:none; padding:0 12px; border-radius:6px; background-color:#6588A2;}
.news-link:hover {background-color:#185A7D;}



/* KITCHEN */
/* MOST KITCHEN STYLES ARE IN KITCHEN CONTENT PAGE */
#kitchen-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../the-kitchen/images/FriedwEtouffee0040.jpg") center center no-repeat; background-size:cover;}
.kitchen-toggle-link {font-family: ff-good-web-pro, sans-serif; font-weight:600; font-size:17px; text-transform:uppercase; text-decoration:none; float:right !important;}
.kitchen-toggle-recipe {color:#6588A2;}
	.kitchen-toggle-recipe:hover {color:#8A734B;}
.kitchen-toggle-essentials {color:#ffffff;}
	.kitchen-toggle-essentials:hover {color:#8A734B;}


/* FOOTER */
#ftr {display:block; width:100%; background-color:#414141; position:relative; margin:0; text-align:left; padding:3vw 0;}
#logo-ftr {width:14vw; max-width:300px; min-width:190px; height:4vw; position:absolute; top:-1.6vw; left:8vw; z-index:250; padding-bottom:0.6vw;}

/*.logo-ftr-box {width:100%; height:100%; background-color:#185A7D; display:block; margin:0 auto; text-align:center;}
	.logo-ftr-box img {width:75%; margin:1.3vw auto 0 auto; text-align:center;}
.logo-ftr-box-btm {width:0; height:0; border-left: 7vw solid transparent; border-right: 7vw solid transparent; border-top: 1vw solid #185A7D;}*/

.ftr-copyright {display:inline-block; margin:7vw 0 0 8vw; font-family: ff-good-web-pro, sans-serif; font-weight:400; color:#808080; font-size:1.25vw;}
.ftr-social-icons {display:block; width:100px; margin:0 auto 20px auto;}
	.ftr-social-icons img {height:20px; display:inline-block; margin-right:20px;}
.ftr-inner {display:inline-block; margin-left:10vw; font-family: ff-good-web-pro, sans-serif; font-weight:400; color:#FFFFFF; font-size:1.2vw; line-height:1.6vw;}
	.ftr-inner p {margin-bottom:5px;}
.ftr-inner-hdr {display:block; margin-bottom:10px; font-family: bebas-neue-pro, sans-serif; font-weight:400; text-transform:uppercase; font-size:1.6vw; color:#808080; letter-spacing:2px; text-decoration:none;}
#ftr-phone {color:#fff; text-decoration:none;}




/* MEDIA QUERIES */


/* Turn off transitions for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fadeup{opacity:1; transform: translate(0, 0);}
  .fadedown{opacity:1; transform: translate(0, 0);}
  .fadein{opacity:1; transform: translate(0, 0);}
  .fadeleft{opacity:1; transform: translate(0, 0);}
  .faderight{opacity:1; transform: translate(0, 0);}
}

/* MODS FOR SAFARI 7+ */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	
	/* Turn off transitions for Safari 7+ 
  .fadeup{opacity:1; transform: translate(0, 0);}
  .fadedown{opacity:1; transform: translate(0, 0);}
  .fadein{opacity:1; transform: translate(0, 0);}
  .fadeleft{opacity:1; transform: translate(0, 0);}
  .faderight{opacity:1; transform: translate(0, 0);}

  #discover-wrapper {background-attachment:scroll;}
  #discover-wrapper {background-color:#6588A2; background-image:none; background-size:100% 100%;}*/
}


@media screen and (min-width: 1450px) {
	#nav a {margin:0 40px; font-size:24px;}
	#top-nav-inner a {margin:0 40px; font-size:24px;}
    .logo-box-btm {border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 30px solid #185A7D;}
}

@media screen and (max-width: 1280px) {
	body {font-size:1.7vw; line-height:3vw;}	
	#nav {letter-spacing:0.125vw;}
	#nav a {font-size:1.6vw;}
	#top-nav-inner {letter-spacing:0.125vw;}
	#top-nav-inner a {font-size:1.6vw;}
	#logo-spacer {width:24vw;}
	
	.products-pdf-link {font-size:1.5vw; letter-spacing:0.2vw;}
    .products-sf-link {font-size:1.5vw; letter-spacing:0.2vw;}
}


@media screen and (min-width: 1101px) {
	#nav {margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; text-align:center;}
        #nav li {display:inline-block;}
        #nav a {margin:0 1.8vw;}
    #nav-mbl-spacer {display:none; width:0; height:0;}
	
	#top-nav-inner {margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:50px; text-align:right;}
        #top-nav-inner li {display:inline-block;}
        #top-nav-inner a {margin:0 1.8vw;}
		
	#top-nav-social img {height:1.25vw; max-height:16px;}
	#top-nav-social a {margin:0 0 0 18px !important;}
	
	#mn_btn {display:none;}
}



/* MEDIUM DEVICES - LANDSCAPE TABLETS, ETC. */
@media screen and (max-width: 1100px) {
    body {font-size:2vw; line-height:3vw;}
	
	
	
	/* HERO IMAGES SIZE MEDIUM */
	
	#who-we-are-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../who-we-are/images/about-220424_6098-1000.jpg") left center no-repeat; background-size:cover;}
	#core-values-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-values/images/stripedbass-220424_6279-2-1000.jpg") center center no-repeat; background-size:cover;}
	#our-products-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../our-products/images/our-products-bass-220210_3400-1000.jpg") left center no-repeat; background-size:cover;}
	#our-people-hero {background:linear-gradient(0deg, rgba(1,1,1,0.2) 0%, rgba(1,1,1,0.2) 100%), url("../our-people/images/people-hero-bg-220426_9050-1000.jpg") center -3vw no-repeat; background-size:cover}
	#contact-hero {background:url("../contact/images/sunset-bg-220426_7766-1000.jpg") center center no-repeat; background-size:cover;}
	#our-facilities-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-farms/images/our-farms-220209_3252-1000.jpg") right center no-repeat; background-size:cover;}
	
		
		
		
	#hdr {background-color:transparent; overflow:visible;}
	#logo-hdr {width:20vw;}	
	.hero-wrapper {top:11vw; height:100vh; /*height:calc(0.53 * 100vw);*/ margin-bottom:0;}
	
    #facilities-grid {width:85%;}
	
        .facilities-grid-element span h5 {font-size:1.7vw;}
        .facilities-grid-element span h6 {font-size:1.7vw;}
        .facilities-grid-mappoint {width:1vw; margin-right:0.2vw; top:0.1vw;}
	
	#our-story-txt p{width:45%;}
	#our-story-txt b{font-size:2.3vw;}

    .contact-block {font-size:2vw; line-height:3vw;}
    .contact-hdr {font-size:3vw;}
    .contact-subhdr {font-size:1.5vw;}
	.three-col-inner {width:50%; position:relative; display:inline-block; vertical-align:top; padding-right:6%; box-sizing:border-box; text-align:left;}
	.facilities-col {width:35%; margin-right:0;}
	.sales-col	{width:60%; margin-right:4%;}
	.form-col {width:100%;}

	
	.card-container {width:28%; padding-bottom:28%; margin:1.75%;}
/*    .card-name {font-size:2vw; line-height:1.7vw; margin-bottom:0.4vw;}*/
/*    .card-title {font-size:1.8vw; line-height:1.6vw;}*/
	.back {font-size:1.6vw; line-height:2.4vw;}

	
	/* MOBILE NAV */
   #nav {display:none; height:100%; width:100%; position:fixed; left:0; top:0; background-color:#185A7D; overflow-x:hidden; text-align:left; margin:0; letter-spacing:1.5px; z-index:150;}
        #nav li {display:block; margin:50px 0 0 10%;}
        #nav a {font-size:30px; -webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
    #logo-spacer {display:none;}
    #nav-mbl-spacer {display:block; width:100%; height:30px;}
	
	#top-nav {display:none;}
	#top-nav-mobile {display:block;}
	
	.logo-block a {/*min-width:160px;*/ top:21px;}

    /* MOBILE MENU BTN */
    #mn_btn {width:35px; height:auto; top:50%; /*transform:translateY(-50%);*/ left:5%; position:absolute; z-index:200;}
    .bar1, .bar2, .bar3 {width:35px; height:3px; margin:6px 0; transition:0.4s; background-color:#414141; cursor:pointer;}
	
    .change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 8px) ; transform: rotate(-45deg) translate(-9px, 8px);}
    .change .bar2 {opacity:0;}
    .change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -5px); transform: rotate(45deg) translate(-6px, -5px);}
    #closebtn {margin:75px 0 0 11% !important; font-size:50px !important; display:block;}
	
	
	#home-hero-wrapper {top:-4vw; height:calc(0.60 * 100vw); background-color:#414141; background:linear-gradient(80deg,rgba(255,255,255,0.80) 35%, rgba(255,255,255,0) 70%), url("../home/images/hero-220424_6220-1800px.jpg") left top no-repeat; background-size:115%; margin-bottom:-4vw;}
	
	.home-hero-txt {top:18vw; left:-2vw;}
	.home-hero-txt h1 {font-size:2.25vw; letter-spacing:0.35vw;}
	.home-hero-txt h2 {font-size:13.75vw; margin-top:1.25vw; line-height:10vw;}
	.home-hero-txt h3 {font-size:1.55vw; letter-spacing:0.35vw; margin-top:6vw;}
	.home-hero-stamp {display:none;}
	
	.pointer{display:none;}
	
	.ftr-inner {font-size:1rem;}
    .ftr-inner-hdr {font-size:inherit;}
	.ftr-copyright {font-size:0.9rem;}
	
}



@media screen and (max-width: 1000px) {

	.hero-wrapper {top:11vw; height:100vh; /*margin-bottom:calc(-1 * 5vw);*/} /*53 out of 500 0.106 10.6 more height as screen width gets less*/
	
	/*.hero-wrapper {width:100%; height:calc(0.53 * 100vw); min-height:10vh; max-height:calc(100vh - 4.5vw); position:relative; top:9vw; background-color:#414141; overflow:hidden; background-size:100%; box-sizing:border-box; transform-origin:center 60vh; transform-style:preserve-3d; transform:translateZ(-1px) scale(2.2);}*/
}



@media screen and (max-width: 900px) {

	#about-people-raised-tx {width:13vw; top:-2.5vw;}
}



/* 786 - SMALL DEVICES - PORTRAIT TABLETS, PHONES, ETC. */
@media screen and (max-width: 786px) {
		
	body {font-size:21px; line-height:35px;}
	
    .half-inner-left {width:100%; margin:0 auto 10vw auto; display:block; margin-right:0; padding-right:0;}
    .half-inner-right {width:100%; margin:0 auto; display:block; padding-left:0;}
	.three-col-inner {width:100%; display:block; padding-right:0; margin-bottom:10vw;}
	
	.fullwidth-vertpadding {padding:15vw 0;}
	.inner-body-top-margin {margin-top:10vw;}
	
	.photo-wrapper::after {width:95%; height:95%; right:-3vw; top:-3vw;}
	.photo-cntr-wrapper {width:75%; margin:0 auto; background-color:#FFFFFF; position:relative; overflow:visible; z-index:1;}
	.photo-cntr-wrapper::after {width:95%; height:95%; right:-3vw; top:-3vw;}
	
	.bricks-fullwidth-top-outside {height:2vw; top:-2vw;}
    .bricks-fullwidth-bottom-outside {height:2vw; top:-2vw;}
    .bricks-fullwidth-top-inside {height:2vw;}
    .bricks-fullwidth-bottom-inside {height:2vw;}
    .bricks-blue {background:repeating-linear-gradient(-55deg,rgb(255,255,255,0) 0%,#185A7D 0% 2vw,rgb(255,255,255,0) 0% 3.5vw);}
    .bricks-white {background:repeating-linear-gradient(-55deg,rgb(255,255,255,0) 0%,#FFFFFF 0% 2vw,rgb(255,255,255,0) 0% 3.5vw);}
	
	
	#home-hero-wrapper {top:-4vw; height:calc(0.60 * 100vw); background-color:#414141; background:linear-gradient(80deg,rgba(255,255,255,0.80) 35%, rgba(255,255,255,0) 70%), url("../home/images/hero-220424_6220-1800px.jpg") left top no-repeat; background-size:115%; margin-bottom:-6vw;}
	
	.home-hero-txt {top:15vw;}
        .home-hero-txt br {display:none;}
        .home-hero-txt {top:21vw;}
        .home-hero-txt h1 {font-size:2.7vw; letter-spacing:0.35vw; color:#414141 !important; /*text-shadow: 0.25vw 0.25vw 1vw #808080;*/}
        .home-hero-txt h2 {font-size:15.5vw; margin-top:1.75vw; line-height:11vw; color:#185A7D !important; /*text-shadow: 0.25vw 0.25vw 6vw #ffffff;*/}
	  	.home-hero-txt h3 {display:none;}
		
	
	.scroll-pointer {display:none;}	
	.down-arrow {display:none;}
	.pointer {display:none;}
	

	#discover-wrapper {background:#185A7D; background:linear-gradient(180deg,rgba(24,90,125,1) 10%, rgba(101,136,162,1) 100%); min-height:0; border-top:none;}
    .discover-bricks {display:block !important;}
	.discover-subhd {margin:10vw auto 2vw auto; font-size:2.7vw; color:#FFFFFF; letter-spacing:0.45vw;}
    .discover-hdr {font-size:9vw; color:#FFFFFF; line-height:9vw;}
    .discover-reg-txt {width:100%; font-size:3.5vw; line-height:5.5vw}
    .discovery-btn {width:100%; font-size:4.5vw; letter-spacing:0.4vw; margin-bottom:10vw;}
    .discovery-arrow {padding:2vw; border-color:#ffffff; margin-left:2vw; position:absolute; top:50%; transform:translateY(-50%);}
        .discovery-arrow svg {width:2.5vw; height:2.5vw; fill:#ffffff;}
	.dash-circle {border:dashed 0.4vw;}
	
	.glance-arrow-up {display:block; width:2.5vw; height:2.5vw; fill:#FFFFFF;}
    .glance-arrow-down {display:block; width:2.5vw; height:2.5vw; fill:#FFFFFF; margin:0.1vw auto 0 auto;}
    .glance-circle {padding:3vw; width:3vw; height:3vw; background-color:#185A7D;}
	#glance-inner {display:table; margin:0 auto; width:85%;}
	.glance-stat {text-align:center;}
	.glance-stat-name {font-size:2.5vw; letter-spacing:0.2vw; line-height:2.5vw; text-align:center;}
	.glance-stat-div {margin:3vw auto; border-top:0.4vw dotted #ffffff;}

	
	.home-prod-wrapper {padding:0; margin:0; top:0;}
    .home-prod-inner {margin:8vw auto; display:block;}
	.home-prod-column {width:100%; height:100%;}
    .home-prod-column-l {width:100%; display:block; padding:3vw 0; margin-bottom:3vw; vertical-align:top;}
    .home-prod-column-r {width:100%; display:block; margin:0 auto;}
    .home-prod-column-photo {margin:0 auto; transform:translateY(2vw) translateX(-4vw)!important;}
	.home-prod-column-r-photo {width:60%; margin:0 auto; left:0; transform:translateX(0);}
    .home-prod-column-r-photo::after {width:95%; height:95%; right:-3vw; top:-3vw;}
	
	
    .fullwidth-inner {width:80%;}
    
	.hdr-01 {font-size:10vw; line-height:9vw;}
	.hdr-01-invert {font-size:10vw; line-height:9vw; margin-bottom:10vw; margin-top:10vw;}

	.subhdr-01 {font-size:25px; line-height:35px;}
    .subhdr-01-invert {font-size:25px; line-height:35px;}
    .subhdr-01-b {font-size:25px; line-height:28px; margin-bottom:10px;}
    .subhdr-01-b-invert {font-size:25px; line-height:28px; margin-bottom:10px;}
    .subhdr-02 {font-size:25px; line-height:35px;}
	    
	.photo-wrapper {width:80%; margin:0 auto; top:0; left:0; right:0;}

	
	#home-carousel-wrapper {height:80vw;}
	#home-carousel-inner {width:90%; height:70%; top:53%;}
	.home-carousel-col {width:100%; height:50%;}
	.home-carousel-pointer {font-size:2vw; letter-spacing:0.6vw; top:-6vw;}
    	.home-carousel-pointer svg {display:none;}
    .home-carousel-hdr {display:none;}
    .home-carousel-logo {width:65%; position:relative; display:block;}
	.home-carousel-logo-tall {width:45% !important;}
    .home-carousel-div-dash {display:none;}
    .home-carousel-text {width:70%; color:#FFFFFF; line-height:inherit; text-align:center;}
    .home-carousel-arrow {width:2.75vw !important; height:8vw !important;}
    .home-carousel-arrow-left {left:2vw;}
    .home-carousel-arrow-right {right:2vw;}
    .home-carousel-btn {font-size:4vw; margin-top:8.5vw; line-height:2vw; letter-spacing:0.4vw; text-align:center;}
        .home-carousel-btn svg {height:4vw;}
	#home-carousel-circles {display:none;}
    .carousel-circle-outline {display:inline-block; width:1vw; height:1vw; border:#ffffff 2px solid; margin:0 1vw;}
    .carousel-circle-solid {display:inline-block; width:1vw; height:1vw; border:#ffffff 2px solid; background-color:#ffffff; margin:0 1.5vw;}
	
	
	.home-sustainability-wrapper {padding:0; margin:0; top:0;}
    .home-sustainability-inner {margin:8vw auto; display:block;}
	.home-sustainability-column {width:100%; height:100%;}
    .home-sustainability-column-l {width:100%; display:block; margin:0 auto; padding:4vw 0; margin-bottom:7vw; vertical-align:top;}
    .home-sustainability-column-r {width:100%; display:block; margin:0 auto;}
    .home-sustainability-column-photo {margin:0 auto;}
	.home-sustainability-column-l-photo {width:60%; margin:0 auto; left:0; transform:translateX(0);}
	.home-sustainability-column-l-photo::after {width:95%; height:95%; right:-3vw; top:-3vw;}
	
	
	#our-facilities-mid {height:55vw;}
	#facilities-map {-webkit-transform:scale(2.75) translateX(5%); transform:scale(2.75) translateX(5%); height:26vw; margin-top:25vw; transform-origin:bottom;}
	#facilities-map span {width:30vw; top:9%; left:25%; transform:translateY(0) scale(0.6);}
	#facilities-grid {width:85%;}
	#facilities-map-hover-mssg {display:none;}
	


	.about-people-wrapper {width:100%; height:auto; display:block; background-color:#185A7D; overflow:hidden; position:relative;}
    #about-people-photo {width:100%; height:35vw; background-position:0 -35vw;}
	#about-people-txt-inner {width:80%; height:auto; margin:10vw auto;} 
	#about-people-txt {width:100%;}
        #about-people-txt-inner a {font-size:3.5vw; letter-spacing:0.4vw;}
        #about-people-txt-inner svg {width:2.5vw; margin-left:2vw; fill:#ffffff; position:relative;}

    #about-people-raised-tx {width:18vw; right:10vw; top:-15vw;}
    .about-people-bricks {display:none; /*width:100%; height:2vw; position:absolute; top:33.5vw; left:0; z-index:150;*/}
	.about-giving-hdr-margin {margin-top:0 !important; margin-bottom:5vw !important;}
	.giving-back-photo {display:block; width:85%; position:relative; top:0; margin:0 auto;}
	#about-place-wrapper {background:none; background-color:#FFFFFF;}
	
	
	#our-story-txt p{width:100%; min-height:0; display:block; margin:0; vertical-align:top; padding:6%; background-color:#FFFFFF; border-bottom:2px dotted #185A7D;}
	#our-story-txt b{font-size:21px; line-height:35px;}
	
	
	.products-column {display:block; vertical-align:top;}
	.products-column-l {width:60%; margin:10vw auto; display:none;}
	.products-column-r {width:100%; margin:10vw 0;}
	
	.products-tx-raised-badge {display:block; vertical-align:top; width:50%; margin:0 auto 7vw auto;}
	.products-tx-raised-badge-bullets {display:block; vertical-align:top; width:100%; padding-left:0; border-left:none;}
	
	.products-pdf-link {font-size:2.5vw; letter-spacing:0.4vw;}
    .products-sf-link {font-size:3vw; letter-spacing:0.3vw;}


	#facilities-grid {width:85%; margin:0 auto; background-color:#FFFFFF;}
	.facilities-grid-element {width:100%; height:auto; min-height:40vw; margin:6vw auto; padding:6vw;}
        .facilities-grid-element span h4 {/*font-size:3.6vw;*/ font-size:calc(12px + 3vw); margin-bottom:1vw;}
		.facilities-grid-element span h5 {font-size:3vw;}
        .facilities-grid-element span h6 {font-size:3vw;}
		.facilities-grid-element span hr {margin:3vw auto;}
		.facilities-grid-element b {margin-bottom:3vw;}
		.facilities-grid-element div {margin-top:4vw;}	/* < div contains only the IMG */
		.facilities-grid-element div img {width:47%;}
		
	.facilities-grid-mappoint {width:1.5vw; margin-right:0.2vw; top:0.1vw;}


	.products-stripedbass-position {transform:translateY(22%);} /* move down striped bass pic and correct scale animate on hover*/
	.products-stripedbass-position:hover {-webkit-transform:scale(1.05) translateY(22%) !important; transform:scale(1.05) translateY(22%) !important;}

    #product-photo-whitebass {width:100%; height:50vw; background-position:0 -5vw;}
    #product-photo-catfish {width:100%; height:50vw;}
    #product-photo-redfish {width:100%; height:50vw; background-position:0 -5vw;}
    #product-photo-shrimp {width:100%; height:50vw;}
	
	#people-cards-wrapper h3 {font-size:25px; line-height:28px;}
	.card-container {width:42%; padding-bottom:42%; margin:1.75%;}
/*	.card-name {font-size:2.6vw; line-height:2.3vw; margin-bottom:0.4vw;}*/
/*    .card-title {font-size:2.4vw; line-height:2.2vw;}*/
	.back {font-size:2.2vw; line-height:3vw;}
	
	.news-hdr-1 {font-size:36px; line-height:38px;}

	.contact-cols {display:block;}
	.facilities-col {width:100%; margin-right:0; margin-top:15vw;}
	.contact-social-icons {padding-top:5vw; margin-bottom:5vw;}
	.sales-col	{width:100%; margin-right:0;}
	.form-col {width:100%; margin-top:15vw;}
	input, textarea {padding:2.5vw; font-size:inherit; vertical-align:middle; box-sizing:border-box;}
	.ct_reg_field {margin-bottom:2.5vw;}
	.contact-block {font-size:inherit; line-height:inherit; margin-bottom:5vw;}
    .contact-hdr {font-size:25px;}
    .contact-subhdr {font-size:2.5vw;}
	.required {font-size:16px;}
	
	
	#ftr {display:block; width:100%; background-color:#414141; position:relative; margin:0; text-align:left;}
    #logo-ftr {display:none;}
    
    .ftr-copyright {display:block; margin:8vw auto 0 auto; width:max-content; font-size:16px;}
    .ftr-inner {display:block; margin:5vw auto 10vw auto; width:max-content; text-align:center; font-size:19px; line-height:24px;}
		.ftr-inner p {margin-bottom:2.5vw;}
    .ftr-inner-hdr {display:block; margin-bottom:3vw; letter-spacing:2.2px; font-size:19px;}
	.ftr-location {display:none;}
	
	
	
}


@media screen and (max-width:750px) {
	#home-carousel-wrapper {height:100vw;}
}




@media screen and (max-width:680px) {
	.hero-wrapper {top:11vw; height:100vh; /*height:calc(0.53 * 100vw);*/ margin-bottom:0;}
	.hero-txt {width:85%;}
	   .hero-txt h1 {font-size:3.5vw; letter-spacing:1vw;}
	   .hero-txt h2 {font-size:16vw; line-height:14vw;}

	#home-hero-wrapper {margin-bottom:-10vw; transform:translateZ(-1px) scale(2.2); height:calc(0.65 * 100vw);}
	.home-hero-txt {top:25vw; left:2vw;}
}


@media screen and (max-width:600px) {
	
	.subhdr-01 {font-size:20px; line-height:25px;}
	
	#home-hero-wrapper {top:-8vw;}
	
	#people-cards-wrapper {width:80%;}
	.card-container {width:100%; padding-bottom:100%; margin:3vw auto;}
	.card-container hr {margin:4vw 0;}
/*	.card-name {font-size:30px; line-height:33px; margin-bottom:0.4vw;}*/
/*    .card-title {font-size:26px; line-height:30px;}*/
	.back {font-size:20px; line-height:30px;}
	
	.facilities-grid-element span h4 {font-size:7vw; margin-bottom:2.5vw;}
        .facilities-grid-element span h5 {font-size:5vw;}
        .facilities-grid-element span h6 {font-size:5vw;}
		.facilities-grid-element span hr {margin:5.5vw auto; height:0.3vw; border-top-width:0.3vw;}
		.facilities-grid-element b {font-size:3vw; margin-bottom:3.5vw;}
        
	.facilities-grid-mappoint {width:2.5vw; margin-right:0.5vw;}
	
	#our-facilities-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-farms/images/our-farms-220209_3252-1000.jpg") -120vw center no-repeat; background-size:cover;}
	#news-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../news/images/220424_6192-1000.jpg") center center no-repeat; background-size:cover;}

	
	.products-pdf-link {font-size:3.25vw;}
    .products-sf-link {font-size:3.1vw;}
	
}

@media screen and (max-width:525px) {
	#logo-hdr {min-width:165px;}
	
	#home-hero-wrapper {top:0; height:calc(0.65 * 100vw); background-color:#414141; background:linear-gradient(55deg,rgba(255,255,255,0.75) 40%, rgba(255,255,255,0) 72%), url("../home/images/hero-220424_6220-1800px.jpg") left top no-repeat; background-size:115%; margin-bottom:-6vw;}
	
	#glance-wrapper {background:none; background-color:#8A734B;}
	#home-carousel-wrapper {height:120vw;}
	.home-carousel-pointer {font-size:3vw; letter-spacing:0.7vw;}
	.home-carousel-btn {font-size:5vw;}
	
	#our-facilities-hero {background:linear-gradient(0deg, rgba(1,1,1,0.3) 0%, rgba(1,1,1,0.3) 100%), url("../our-farms/images/our-farms-220209_3252-1000.jpg") 70% center no-repeat; background-size:cover;}
	#our-facilities-mid {display:none;}
	#facilities-map {margin-top:40vw;}
}

@media screen and (max-width:450px) {
	#home-hero-wrapper {top:5vw; height:calc(0.60 * 100vw); background-color:#414141; background:linear-gradient(55deg,rgba(255,255,255,0.75) 40%, rgba(255,255,255,0) 72%), url("../home/images/hero-220424_6220-1800px.jpg") left top no-repeat; background-size:115%; margin-bottom:-7vw;}
	.home-hero-txt {top:22vw;}
	#home-carousel-wrapper {height:140vw;}
}