body { font-family: 'LotaGrotesqueAlt1-Regular'; }

body,
html {
  background-color: #f7f7f6;
  padding: 0;
  margin: 0;
  height: 100vh;
  color: #121212;
}

#pad { height: 50px; }

p strong { font-family: 'LotaGrotesqueAlt1-Black'; font-weight: 400; }

main a { color: #8dc6e8; }
main a:hover { color: #ffd100; }

.widdler { display: none; }
.reviewAbout { border: 1px solid #ccc; padding: 15px; margin: 2rem 0; }

.btn-link { color: #001689; }
.btn-link:hover { color: #8dc6e8; text-decoration: none; }

header { 
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
	}
	
header.dark { 
	 background-color: rgba(56,49,37,0.5);
	/*background: transparent; */
	}

.scrolled header.dark {
	background-color: rgba(56,49,37,0.8);
	}
	
header.clear { 
	background-color: transparent;
	}
@media (min-width: 767px) {
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 75px;
	z-index: 999 !important;
}
body.stuck { height: auto; }
}


a.jump { width: 100%; }
#jamieson { background: #ffd100; }
#jamieson blockquote { border-color: #fff; }
#altsection { background-color: #f7f7f6; }
#livedemo { background-color: #ffd100; width: 150px; height: 150px; border-radius: 50%; z-index: 500; position: absolute; right: 100px; display: flex; align-items: center; text-align: center; }
#livedemo h3 { padding: 20px; margin: 0; color: #001689; text-transform: uppercase; font-family: 'LotaGrotesqueAlt1-Black'; font-size: 18px; display: inline; }
._form_5 { margin-top: 100px; }

#logo { width: 200px; opacity: 1; }

.socialicons { margin-top: 30px; }
.aside-content svg { width: 32px; margin: 0 4px; }

#icon-facebook-icon-path,
#icon-linkedin-icon-path,
#icon-instagram-icon-path,
#icon-twitter-icon-path,
#icon-vimeo-icon-path { fill: #fff;  }

.socialicons a:hover #icon-facebook-icon-path,
.socialicons a:hover #icon-linkedin-icon-path,
.socialicons a:hover #icon-instagram-icon-path,
.socialicons a:hover #icon-twitter-icon-path,
.socialicons a:hover #icon-vimeo-icon-path { fill: #001689;  }


section { background: #fff; }
section.contact { background: #766e63; }
section#wfsu-audio { background: #fff url(/_img/work-wfsu-fader-icon.png) -15% 50% no-repeat; }

#cooper-backdrop { background: #fff url(/_img/work-cooper-snow.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; }


.card-header { background: none; padding-left: 0; }
.card { border: none; background: transparent; border-top: 1px solid #fff; border-radius: 0; }
.card-body { background: #fff; }

blockquote {
	font-size: 2rem;
	color: #001689;
	padding-top: 1rem;
	padding-bottom: 1rem; 
	border-top: 1px solid #ffd100;
	border-bottom: 1px solid #ffd100;
	}
	
p.intro, ul.intro li { font-size: 1.5rem; line-height: 2rem; }
ul.intro li { background: url("/_img/ilovearrows.png") 0 0 no-repeat; padding-left: 50px; list-style: none; }

.arrowpoints strong { font-weight: bold; font-size: 120%; }

.jumbotron { padding: 12rem 2rem 4rem 2rem; margin-top: 0; margin-bottom: 2rem; }
.jumbotron p, .jumbotron h1 { color: #fff; }
.jumbotron p.intro { color: #001689; font-size: 1.5rem; line-height: 2rem; }
.jumbotron .lead { font-size: 2rem; text-transform: uppercase; font-family: 'LotaGrotesqueAlt1-Black'; margin-bottom: 0; }
.jumbotron h1 { font-size: 5rem; font-family: 'LotaGrotesqueAlt1-Light'; line-height: 100%; }
.transit .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-starmetro.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.stateparks .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-stateparks.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.forestry .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-forestry.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.goodwill .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url(/_img/hero-goodwill.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.stahlmeyer .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/_img/hero-stahlmeyer.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px; padding-bottom: 0; }
  
.vw .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/_img/hero-wakulla.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.fitness .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-fitness.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.fhfc .jumbotron { background: linear-gradient(to right, rgba(137, 103, 159, 0.7), rgba(137, 103, 159, 0.7)), url(/_img/hero-fhfc.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.tourism .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/_img/hero-wakulla.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
#stadium { background: url(/_img/work-stahlmeyer-program.jpg) 10% 5% no-repeat; height: 500px; }
#smlabels { background: #fff url(/_img/work-stahlmeyer-packing.jpg) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 8rem 0; }
#smweb2 { margin-top: 150px; margin-left: -150px; }
#sof { background: url(/_img/work-sof-back.jpg) 10% 5% no-repeat; background-size: cover; }
#uber { background: #000; color: #fff; }
  
#michael { position: absolute; right: 10%; top: 318px; }
  
#parkshat { background: url(/_img/work-flparks-hat.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 6rem 0; }
#baywaysign { background: url(/_img/work-bayway-sign.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 6rem 0; }
#nyctophile { background: #001e1e url(/_img/work-deep-nyctophile.jpg) 50% 50% no-repeat; background-attachment: scroll; background-size: cover; }
#choosetlh { background: #fff url(/_img/work-choose-tlh.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 6rem 0; }
#fhfc-paper { background: #89679f url(/_img/work-fhfc-purple.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 6rem 0; }

#fhfc-paper blockquote { color: #fff; border: none; }
#baywaysign blockquote { color: #fff; }
#forestpasses blockquote { color: #fff; text-shadow: 0 0 5px #000; }

#cdblitz { background: url(/_img/work-cdblitz.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 6rem 0; }
#cdblitz blockquote { color: #fff; }

#greatidea { background: #fff url(/_img/work-great-idea.png) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 8rem 0; }
#callingyouout { background: #fff url(/_img/work-ffs-bridge.jpg) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 8rem 0; }
#forestpasses { background: #fff url(/_img/work-ffs-kayak.jpg) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 8rem 0; }
#forestvideo { background: #fff url(/_img/work-ffs-video.png) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 4rem 0; }
#lgbadge { width: 150px; }
#videomailer { background: #fff url(/_img/work-tekridge-mailer.jpg) 50% 50% no-repeat; background-size: 100%; background-attachment: scroll; padding: 16rem 0; }
#macleandata { background: #fff url(/_img/work-maclean-web.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: scroll; padding: 8rem 0; }
#ecucards { background: #fff url(/_img/work-ecu-cards.png) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 16rem 0; }

#sos { background: #8dc6e8; background-attachment: scroll; padding: 8rem 0; }
 
.luckygoat .jumbotron { background: #fff url(/_img/hero-luckygoat4.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
.luckygoat .jumbotron p { color: #ffd100; } 
.luckygoat .jumbotron h1 { color: #ffd100; }
  
.coopertire .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-cooper.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.wfsu .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/work-wfsu-fader.png); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.bayway .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-bayway.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.maclean .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/_img/hero-maclean.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.deep .jumbotron { background: #0c8b8e url(/_img/hero-deep-fish.png) 90% 50% no-repeat;
  background-size: cover;
  background-repeat: no-repeat; }
  
.envision .jumbotron { background: #59c9e7 url(/_img/hero-envision.jpg) 90% 50% no-repeat;
  background-size: cover;
  background-repeat: no-repeat; }
  
.tekridge .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/_img/hero-tekridge.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.goldsgym .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-gg.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; margin-bottom: 0; }
  
.about .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-havana.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.about .jumbotron.seventyfive { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-leyenda.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 75vh; }
  
.ffs .jumbotron { background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/_img/hero-ffs.jpg); background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  
.consumer .jumbotron { background: #0c8b8e url(/_img/hero-deep.jpg) 90% 50% no-repeat;
  background-size: cover;
  background-repeat: no-repeat; }
  
.creditunion .jumbotron { background: #0c8b8e url(/_img/hero-creditunion.jpg) 90% 50% no-repeat;
  background-size: cover;
  background-repeat: no-repeat; }
  
.creditunionthanks .jumbotron { background: #0c8b8e url(/_img/hero-creditunion-thanks.jpg) 90% 50% no-repeat;
  background-size: cover;
  background-repeat: no-repeat; }
  
.wordofsouth .jumbotron { 
	position: relative;
	height: 100vh;
	background: #E20280 url(/_img/wordofsouth/wos-hero.jpg) 50% 50% no-repeat;
	background-size:  cover;
	padding: 65vh 0 0 5%;
	width: 100%;
	margin: 0 auto;
}

.wordofsouth h2 { color: #E20280; }
.wordofsouth h3 { color: #350C41; }
.wordofsouth h4 { color: #350C41; }

.wordofsouth .stats h3 { font-family: 'LotaGrotesqueAlt1-Bold'; color: #E20280; font-weight: 900; font-size: 3rem; }
.wordofsouth .stats-white h3 { font-family: 'LotaGrotesqueAlt1-Bold'; color: #E20280; font-weight: 900; font-size: 3rem; text-align:center; }
.wordofsouth .stats h3 span { font-family: 'LotaGrotesqueAlt1-Light'; display: block; font-size: 1.1rem; text-transform: uppercase; color: #350C41; font-weight: 600; }
.wordofsouth .stats-white h3 span { font-family: 'LotaGrotesqueAlt1-Light'; display: block; font-size: 1.1rem; text-transform: uppercase; color: #350C41; font-weight: 600; }

.jumbointro { font-size: 1.5rem; text-shadow: 0 0 5px #000; }

.prlogo { width: 70% !important; }


/* 
  width: calc(1.778 * 100vh);
*/
  
.crewlink .jumbotron { background: #8dc6e8 url(/_img/talent-man.jpg) bottom right no-repeat; }
  
.finance .jumbotron { background: #ffd100; }
  
.workmain .jumbotron { background: #ffd100; }
.servicesmain .jumbotron { background: #ffd100; }
.mayday .jumbotron { background: #8dc6e8!important; }
#maydayhome .btn { background: #ffd100; }
#sos .btn { background: #ffd100; color: #fff; }

/*
#us  { background: #ffd100; padding: 4rem 0; margin-top: 80vh; }
#us h1 { color: #001689; }
*/

#us  { background: #efeeed; padding: 4rem 0;  }
#quick h1 { color: #001689; }

  
#legend { background: #8dc6e8 url(/_img/section-cuba.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: fixed; }


#card1, #card2 {
  -webkit-box-shadow: 0px 0px 15px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 15px 0px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 15px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
} 

#card2 { transform: rotate(-5deg); }
#nty { transform: rotate(10deg); width: 300px; left: 60%; margin-top: 100px; position: absolute;
  -webkit-box-shadow: 0px 0px 15px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 15px 0px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 15px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }
  
  h2 { font-family: 'LotaGrotesqueAlt1-ExLight'; font-size: 3rem; color: #001689; }

/* WFSU */


.wfsu-black #wfsulogo { fill: #312C2C; width: 200px; float: left; margin: 0 40px 20px 0; }
.wfsu-garnet #wfsulogo { fill: #782F40; width: 200px; float: left; margin: 0 20px 20px 0; }
.wfsu-gold #wfsulogo { fill: #E9C31E; width: 130px; float: left; margin: 0 20px 20px 0; }
.wfsu-orange #wfsulogo { fill: #B8584C; width: 130px; float: left; margin: 0 20px 20px 0; }
.wfsu-blue #wfsulogo { fill: #009BBA; width: 130px; float: left; margin: 0 20px 20px 0; }
.wfsu-green #wfsulogo { fill: #48A973; width: 130px; float: left; margin: 0 20px 20px 0; }
.wfsu-purple #wfsulogo { fill: #4E3261; width: 130px; float: left; margin: 0 20px 20px 0; }
.wfsu-darkgreen #wfsulogo { fill: #405927; width: 130px; float: left; margin: 0 20px 20px 0; }

/* Cooper */

#coopervideo { margin-top: -150px; }
#cooperquote { background: #f7f7f6 url(/_img/work-cooper-fire.jpg) 90% 10% no-repeat; padding: 20px 0; }
#cooperquote .over { background: #fff; padding: 10px; margin-top: 150px; }


#momphone { background: url(/_img/mom-phone.png) 50% 0% no-repeat;background-size: 268px;  height: 700px;  }
.scroller { margin: 80px auto 0; width: 228px; height: 393px; overflow: scroll; }


/* DEEP */

#deepphone { background: url(/_img/deep-canniversary/deep-phone.png) 50% 50% no-repeat;background-size: 268px;  height: 700px;  }
#deepphone .carousel-inner { margin: 220px 0px 0 95px; width: 227px; }

#deepsocial { background: #fff; margin-bottom: 0; }
#deepphone .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
#deepphone .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

/* tcafcu */

#tcafcuphone { background: url(/_img/tcafcu-phone.png) 165px 50% no-repeat;background-size: 334px;  height: 612px;  }
#tcafcuphone .carousel-inner { margin: 180px 0px 0 205px; width: 229px; }
#tcafcuphone .carousel-inner img { width: 229px; }
#tcafcuphone .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
#tcafcuphone .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }


/* social */

#socialphone { background: url(/_img/social-phone.png) 50% 50% no-repeat;background-size: 268px;  height: 700px;  }
#socialphone .carousel-inner { margin: 147px 0px 0 95px; width: 227px; }


#socialsocial { background: #fff; margin-bottom: 0; }
#socialphone .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
#socialphone .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }


/* 77 */

#beyond77 { background: #f7f7f6 url(/_img/work-77-poster.jpg) 90% 0% no-repeat; padding: 20px 0; }
#beyond77 .over { background: #fff; padding: 10px; margin-top: 150px; }
#beyond77a { background: #e4e2e0; padding: 20px 0; }

#maydayhome { background: #fff url(/_img/mayday-scene.png) 100% 50% no-repeat; }

.quoteme { font-size: 120%; line-height: 135%; font-style: italic; padding: 15px; border: 1px solid #ccc; }
#macleanhireme { padding: 3rem 0; }
#jamieson .quoteme { font-size: 120%; line-height: 135%; font-style: italic; padding: 15px 0; border: 0; }


.brandlogo { -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);  }
.brandlogo:hover { -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
         -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
            filter: grayscale(0%); }




footer { background: #8dc6e8; color: #fff; }

footer a { color: #001689; }
footer a:hover { color: #001689; text-decoration: underline; }
footer .socialicons svg { width: 32px; margin: 0 4px; }

footer .socialicons a:hover #icon-facebook-icon,
footer .socialicons a:hover #icon-linkedin-icon,
footer .socialicons a:hover #icon-instagram-icon,
footer .socialicons a:hover #icon-twitter-icon,
footer .socialicons a:hover #icon-vimeo-icon { fill: #001689; }
footer .socialicons a:hover { text-decoration: none;  }
footer .socialicons { margin-top: 0px; margin-bottom: 30px; }

.copyright { font-size: 80%; }



footer ul { list-style: none; margin: 0; padding: 0; }
footer li { margin: 0 0 5px 0; padding: 0; }

#flag-left { width: 50%; height: 5px; background: #ffd100; float: left; }
#flag-right { width: 50%; height: 5px; background: #001689; float: left; }

#thebull { border: 0; }
#bullonly { border: 0; }

.video-container-flex { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container-flex iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-container {
z-index: 10;
width:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
height: 80vh;
background: #000;
}

.video-container h1 { z-index: 300;
position: absolute;
top: 35vh;
color: #fff;
width: 100%;
text-align: center;
font-size: 4rem;
font-family: 'LotaGrotesqueAlt1-ExLight';
}


.video-container h2 {
  font-family: "Hurricane", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #ffd100;
  font-size: 8rem;
  z-index: 290;
  position: absolute;
  width: 100%;
  top: 43vh;
}

.finance2025 .video-container h1 { text-align: left; padding-left: 10%; }

.finance2025 .video-container h2 { text-align: left; padding-left: 10%; top: 24vh; font-size: 6rem; }


.video-container h2 a { text-decoration: none; color: #ffd100; }

.video-container:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  background:none;
  opacity:0.6;
}

.video-black:before {
	background:#313032 !important;
}

.video-vimeo {  padding-bottom: 56.25%; width: 100%; padding-top: 30px;  overflow: hidden;   }

    .video-vimeo iframe, 
    .video-vimeo object, 
    .video-vimeo embed { box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh; }

#play { width: 4%; position: absolute; left: 48%; top: 55vh; z-index: 450; }

.modal-dialog {
margin: 10rem auto !important;
}

.modal-content { background: #000; }

.ruled { position: relative; }

.ruled::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  background-color: #001689;
  left: 50%;
  right: 0px;
  height: 2px;
}

.ruled::before {
  border-radius: 3px;
  content: "";
  position: absolute;
  top: 2.5rem;
  background-color: #ffd100;
  left: 0rem;
  height: 2px;
  z-index: 1;
  width: 50%;
}

.ruled { margin-bottom: 1rem; }

.bordered { border: 1px solid #999; }



input { border: 1px solid #8dc6e8; padding: 5px; }
textarea { width: 100%; display: block; float: none; height: 150px; border: 1px solid #8dc6e8; }
label { display: block; margin-top: 15px; }
label.float { float: left; width: 200px; margin-top: 0; clear: left; }
label.floatwide { float: left; width: 300px; margin-top: 0; clear: left; }
.showme { display: inline !important; }
#Email { display: none; }
#submit { background: #ffd100; padding: 5px 15px; text-transform: uppercase; font-weight: bold; color: #001689; border: 0; }

.contact label { display: none; }
.contact input { border: 1px solid #fff; padding: 5px; margin-bottom: 15px; width: 100%; }
.contact textarea { width: 100%; display: block; float: none; height: 90px; border: 1px solid #fff; }

.contact h2 { color: #ffd100; }

.contactpage #submit { width: auto; }


section.webinar { background: #8dc6e8; background: #791ba3; }
.webinar label { display: none; }
.webinar input { border: 1px solid #fff; padding: 5px; margin-bottom: 15px; width: 100%; }
.webinar textarea { width: 100%; display: block; float: none; height: 90px; border: 1px solid #fff; }

.webinar h4 { color: #8dc6e8; }




@media (max-width: 1199px) {

#deepphone .carousel-inner { margin: 220px 0px 0 32px; width: 227px; }
#deepphone { background-size: 268px; }


#socialphone { background-size: 268px;  }
#socialphone .carousel-inner { margin: 147px 0px 0 32px; width: 227px; }


}

@media (max-width: 991px) {

#deepphone .carousel-inner { margin: 250px 0px 0 21px; width: 169px; }
#deepphone { background-size: 200px; }
#michael { position: absolute; right: 0%; top: 342px; }



#socialphone { background-size: 200px;  }
#socialphone .carousel-inner { margin: 200px 0px 0 21px; width: 169px; }
}

@media (max-width: 767px) {

#deepphone .carousel-inner { margin: 220px 0px 0 142px; width: 227px; }
#deepphone { background-size: 268px; }
#socialphone { background-size: 268px;  }
#socialphone .carousel-inner { margin: 147px 0px 0 142px; width: 227px; }

#tcafcuphone { background: url(/_img/tcafcu-phone.png) 95px 50% no-repeat;background-size: 334px;  height: 612px;  }
#tcafcuphone .carousel-inner { margin: 180px 0px 0 135px; }

#spearpressure { background: #111821 url(/_img/hero-deep-sp.jpg) 50% 50% no-repeat; background-size: 600px; background-attachment: scroll; height: 200px; }
#sos { background: #ffd100 url(/_img/sos-bag-tag-mobile.png) 50% 95% no-repeat; background-attachment: scroll; padding: 6rem 0 10rem; }
#nyctophile { background: #001e1e url(/_img/work-deep-nyctophile.jpg) 90% 50% no-repeat; background-attachment: scroll;   }
#beyond77 { background: #f7f7f6 url(/_img/work-77-poster.jpg) 50px 0% no-repeat; padding: 20px 0; background-size: 400px; }
#cooperquote { background: #f7f7f6 url(/_img/work-cooper-fire.jpg) 50px 10% no-repeat; padding: 20px 0; background-size: 400px; }

.crewlink .jumbotron { background: #8dc6e8 url(/_img/talent-man.jpg) 100px bottom no-repeat; }
.crewlink .jumbotron .intro { color: #fff; }

#michael { position: absolute; right: -30%; top: 318px; }
#maydayhome { background: #fff url(/_img/mayday-scene.png) 400px 50% no-repeat; }
.stahlmeyer .jumbotron { 	height: 400px; padding-bottom: 0; }

.rotated { transform: rotate(90deg); width: 70px !important; margin: 0 auto; }

a.jump { font-size: 14px; }

.wordofsouth .jumbotron { 
	height: 90vh;
	padding: 45vh 0 0 5%;
	}

.wordofsouth h2 { font-size: 2rem; }
.wordofsouth h3 { font-size: 1.3rem; }	

.wordofsouth .stats h3 { font-size: 1.5rem; }
.wordofsouth .stats h3 span { font-size: 0.9rem; }

.about .jumbotron.seventyfive { height: 45vh; }

}


@media (max-width: 575px) {

.aside-content svg { width: 48px; margin: 5px 10px 5px 0; }
footer { background: url(/_img/sea-chart.png) 50% 50% no-repeat; background-size: cover; }
.jumbotron { padding: 4rem 1rem 0rem 1rem; margin-top: 0; }
.jumbotron .lead { font-size: 1.5rem; }
.jumbotron h1 { font-size: 3.5rem; }

.video-container { height: 60vh; }
#play { left: 45%; width: 10%; top: 35vh; }
.video-container h1 { font-size: 2rem; }
.video-container h2 { font-size: 5rem; }
#us  { padding: 2rem 0; }
.socialicons { margin-left: -5px; }

.fhfc .jumbotron { background-position: 0 50%; background-size: 700px !important;}
.fhfc .jumbotron h1 { font-size: 2.5rem; }

h2 { font-size:2rem; }

section#wfsu-audio { background: #fff url(/_img/work-wfsu-fader-icon.png) 50% 130% no-repeat; }

#coopervideo { margin-top: 0; }

.luckygoat .jumbotron { background-position: -80px 0; }
.luckygoat .jumbotron h1 {padding-right: 40%; }

#parkshat { background-size: 1000px; background-attachment: scroll; }
#baywaysign { background-size: 1000px; background-attachment: scroll; }
#greatidea { background-size: 430px; background-attachment: scroll; padding: 2rem 0; }
#videomailer { background-size: 100%; background-attachment: scroll; padding: 6rem 0; }
#ecucards { background-size: 100%; background-attachment: scroll; padding: 6rem 0; }
#forestpasses blockquote { font-size: 1.3rem; }
#callingyouout { background-size: 600px;  padding: 2rem 0; }
#forestpasses { background-size: 600px;  padding: 2rem 0; }
#forestvideo { background-size: cover;padding: 2rem 0;  }

#macleandata { padding: 2rem 0; }
#macleandata blockquote { color: #fff; text-shadow: 0 0 5px #000; }
#promos { background: url(/_img/work-flparks-promos.jpg) 50% 50% no-repeat; background-size: cover; background-attachment: cover; height: 400px; }

#deepphone .carousel-inner { margin: 220px 0px 0 59px; width: 227px; }
#socialphone .carousel-inner { margin: 148px 0px 0 159px; width: 227px; }
#michael { position: absolute; right: -20%; top: 232px; width: 400px; }

#nty { left: 5%; top: 450px; width: 250px; }
#choosetlh { padding-bottom: 320px !important; background-size: 700px; background-position: 50% 100%; background-attachment: scroll; }
#maydayhome { background: #fff url(/_img/mayday-scene.png) 300px 50% no-repeat; }
#smweb2 { margin-top: -50px; margin-left: 0px; }
#smweb3 { margin-top: -100px; }
#sos { background-image: none; padding: 2rem 0 0rem; }

#sos p.intro { font-size: 0.9rem; line-height: 1rem; }
#upme { margin-top: -3rem; }
#upme blockquote { font-size: 1.5rem; }
}


#padform { background: #8dc6e8; padding: 15px; margin-top: -10rem; }
.creditunionintro { font-size: 120%; }
.creditunion .intro { width: 50%; }
.creditunion h1 { width: 60%; }
@media (max-width: 767px) {
	#padform { margin-top: 0rem; }
	.creditunion .intro { width: 80%; font-size: 1rem !important; }
	.creditunion h1 { width: 30%; }
	.creditunion .jumbotron { padding-top: 4rem; }
	}
	
	
#demoholder p {
color: #eec43b !important; 
    }
#demoholder { 
    background: #001689; 
    padding: 30px 10px 0 10px; 
    font-size: 2rem; 
    z-index: 900;
    Margin: 0;
    display: flex;
    text-align: center;
    overflow: hidden;
    flex-direction: center;
    }
    
#demoholder div {
	color: #8dc6e8; width: 50px;  border-right: 1px solid #8dc6e8; font-size: 1rem;
    font-weight: 300; padding-right: 1rem; float: left; margin-right: 1rem;
     }
     
#demoholder div.last { border:none;}
    
#demoholder div.longer { width: 300px; border: none; padding-top: 12px; font-size: 1.5rem }
    
#demoholder span {

display: inline-block; font-size: 2rem;
    font-weight: 900;
    color: #fff;

}

#demoholder span.short {
}

#demoholder span.years {
background: #fff; color: #0a1436; padding: 0 0.4rem;
}

#logom { display: none; }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#demoholder { 
    font-size: 1.5rem; 
    }		
	#demoholder span { width: 30px; }
	#demoholder div.longer { width: 100%; text-align: left; border: none; padding-top: 12px; font-size: 0.9rem }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	
#demoholder { 
    }	
    
    }
    
#maydayvote .entry { background: #fff; padding: 10px; font-weight: bold; }    
#maydayvote input[type="radio"] { display: block; font-size: 2rem; margin: 0 auto 10px; transform: scale(2);
    margin-bottom: 15px;   /* Apply some bottom margin */ }
    
#our-clients { padding: 5rem 0 ; }    
#our-clients h2 { font-size: 1.4rem; text-align: center; margin-bottom: 1.5rem; }
#our-clients img { width: 100%; }
@media (min-width: 1200px) {
#our-clients img { width: 70%; }
}

#us a span { display: none; }
#us a.btn { border: 1px solid #fff; color: #001689; padding: 8px 12px; border-radius: 0; }
#us a.btn:hover { background: #8dc6e8; border: 1px solid #8dc6e8; }
#us ul { list-style: none; padding: 0; margin: 1rem 0; }
#us li { display: inline; padding: 0 10px 0 0; margin: 0; text-transform: uppercase; }
#us li.final { padding-right: 0; }
#us li::after {
  content: "/";
  padding-left: 10px;
  }
#us li.final::after {
  content: "";
  padding-left: 0px;
  }
  
#first { margin-top: 80vh; }
@media (max-width: 767px) {
#first { margin-top: 60vh; }
}

#lets-talk { padding-bottom: 10rem; }
@media (max-width: 767px) {
#lets-talk { padding-bottom: 6rem; }
}
#lets-talk .col-md-1 { padding-top: 5rem; }
#lets-talk .col-8 { 
	padding: 3rem 2rem 6rem 2rem;
	background: #fff;
	margin-top: -3rem;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);
	}
#lets-talk a.btn { background: #ffd100; color: #001689; padding: 8px 12px; border-radius: 0; }
#lets-talk a.btn:hover { background: #8dc6e8; }
#lets-talk img { width: 100%; }

.vid { position: relative; }

.work__is-video {  padding-bottom: 56.25%;  padding-top: 30px;  overflow: hidden!important;   }

    .work__is-video iframe { box-sizing: border-box;
    position: absolute; }
 
 
 .snavy {   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2); }   
    
.vid h5 { z-index: 300;
position: absolute;
display: inline;
padding: 5px;
margin-top: -80px;
color: #ffd100;
background: #001689;
font-size: 1rem;
}

.vid h6 { z-index: 300;
position: absolute;
display: inline;
padding: 5px;
margin-top: -50px;
color: #001689;
background: #ffd100;
font-size: 1rem;
}


    
#homeshow h4 { z-index: 300;
position: absolute;
display: inline;
padding: 5px 10px;
margin-top: -80px;
color: #ffd100;
background: #001689;
font-size: 1.3rem;
}

#homeshow p { z-index: 300;
position: absolute;
display: inline;
padding: 5px 10px;
margin-top: -50px;
color: #001689;
background: #8dc6e8;
font-size: 1rem;
}

#homeshow .img-fluid { width: 100% !important; }

@media (max-width: 767px) {
	#homeshow h4 { font-size: 1rem; }
}


#wosmail { position: absolute; margin-top: -200px; height: 700px; }
@media (max-width: 767px) {
	#wosmail { height: 500px; margin-top: -60px; margin-left: -60px; }
}

h2.moremore { color: #001689!important; }
.moremore span { font-size: 1.3rem; }

.bigintro { font-size: 130%; line-height: 150%; color: #121212; font-family: 'LotaGrotesqueAlt1-Light'; }
#quick { padding: 4rem 0; margin: 0; }


#tekridgevideo { background: #fbfafa url('/_img/finance/tekridge-1.jpg') 0 0 no-repeat; background-size: 100%; }
#tekridgeplayer { background: url('/_img/finance/tekridge-2.png') 100% 0 no-repeat; padding: 80px 80px 0 0px; background-size: 300px; }
@media (max-width: 1200px) {
#tekridgeplayer { padding: 60px 60px 0 0px; background-size: 300px; }
}

@media (max-width: 991px) {
#tekridgeplayer { padding: 40px 40px 0 0px; background-size: 200px; }
}

@media (max-width: 767px) {
#tekridgevideo { background-size: 200%; background-position: top right; }
#tekridgeplayer { padding: 60px 60px 0 60px; background-size: 300px; }
}

#darkblue { background: #00334e; margin: 0; padding: 3rem 0; }
#darkblue blockquote { color: #fff; border: none; }

.diamonds p { font-weight: 400!important; font-size: 120%; line-height: 130%; margin-top: 1rem; color: #766e63; }
.diamonds img { width: 50%; }
.diamonds { padding: 4rem 0; }
@media (max-width: 767px) { .diamonds p { font-size: 80%;} }

#tcafcu { background: #e97024; padding: 4rem 0 5rem; }

@media (max-width: 767px) {

#tcafcu blockquote { font-size: 1.3rem; }
}

#tcafcu blockquote { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

h3.stat { font-size: 4rem; font-family: 'LotaGrotesqueAlt1-Light'; color: #766e63; }
h3.stat span { display: block; font-size: 1.5rem;  font-weight: 400; }

.seventyfive h3 {
  font-family: "Hurricane", serif;
  font-weight: 400;
  font-style: normal;
  color: #ffd100;
  font-size: 4rem;
  z-index: 290;
  position: absolute;
  width: 100%;
  top: 35vh;
}

@media (max-width: 767px) {
.seventyfive h3 {top: 20vh; }
}

#weather { height: 70vh; overflow: hidden; }

.video-container-inline {
z-index: 10;
width:100%;
position: absolute;
overflow:hidden;
height: 70vh;
background: #000;
}

.video-container-inline iframe, 
.video-container-inline object, 
.video-container-inline embed { box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh; }

@media (max-width: 767px) {
#weather { height: 40vh; }
.video-container-inline { height: 40vh; }
}



.osano-cm-widget {
        background-image: url(/_img/privacy.svg);
        background-size: contain;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        right: 1rem;
        bottom: 1rem;
        opacity: 0.9;
        transition-property: opacity, visibility, transform;
                        }
      .osano-cm-widget svg {
        display: none;
                        }
      .osano-cm-widget:focus,
      .osano-cm-widget:hover {
        opacity: 1;
        transform: none;
                        }
      .osano-cm-widget:active {
        transform: translateY(1px);
                        }