@font-face {
  font-family: 'GilroyBold';
  src: url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.eot');
  src: url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.svg#gilroy-bold') format('svg'),
       url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.ttf') format('truetype'),
       url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.woff') format('woff'),
       url('/css/fonts/webfonts/gilroy-bold/gilroy-bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GilroyRegular';
  src: url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.eot');
  src: url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.svg#gilroy-regular') format('svg'),
       url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.ttf') format('truetype'),
       url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.woff') format('woff'),
       url('/css/fonts/webfonts/gilroy-regular/gilroy-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GilroySemiBold';
  src: url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.eot');
  src: url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.svg#gilroy-semiBold') format('svg'),
       url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.ttf') format('truetype'),
       url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.woff') format('woff'),
       url('/css/fonts/webfonts/gilroy-semibold/gilroy-semibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LuloCleanOneBold';
  src: url('/css/fonts/webfonts/lulocleanone-bold.eot');
  src: url('/css/fonts/webfonts/lulocleanone-bold.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/webfonts/lulocleanone-bold.svg#lulocleanone-bold') format('svg'),
       url('/css/fonts/webfonts/lulocleanone-bold.ttf') format('truetype'),
       url('/css/fonts/webfonts/lulocleanone-bold.woff') format('woff'),
       url('/css/fonts/webfonts/lulocleanone-bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LuloCleanOne';
  src: url('/css/fonts/webfonts/lulocleanone.eot');
  src: url('/css/fonts/webfonts/lulocleanone.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/webfonts/lulocleanone.svg#lulocleanone') format('svg'),
       url('/css/fonts/webfonts/lulocleanone.ttf') format('truetype'),
       url('/css/fonts/webfonts/lulocleanone.woff') format('woff'),
       url('/css/fonts/webfonts/lulocleanone.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
			font-family:"Avenir-Oblique";font-display:auto;src:url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.eot");src:url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.eot#iefix") format("embedded-opentype"),url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.woff2") format("woff2"),url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.woff") format("woff"),url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.ttf") format("truetype"),url("/css/fonts/webfonts/avenir/Avenir-Oblique-webfont.svg") format("svg");speak: none;font-style: italic;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;
		}
		@font-face {
			font-family:"Avenir-Medium";font-display:auto;src:url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.eot");src:url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.eot#iefix") format("embedded-opentype"),url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.woff2") format("woff2"),url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.woff") format("woff"),url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.ttf") format("truetype"),url("/css/fonts/webfonts/avenir-medium/avenir-medium-webfont.svg") format("svg");speak: none;font-style: italic;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;
		}

body { 
	padding-top: 0;
}

.topheader .top-nav { 
	position: relative;
}

.isDesktop-inline {
	display: inline-block !important;
}

.isMobile-inline {
    display: none !important;
}

input[type=text].error, input[type=email].error { margin-bottom: 0; }

.hero {
	background: #000000 url('/broward/working-pro/images/web-brw-32.png') left;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: right;
    display: table;
	color: #ffffff;
    min-height: 62vh;
    width: 95%;
	margin: 2% auto;
}

.hero .wrap {
	padding: 3em;
}

.hero .section {
	margin-bottom: 2em;
}

.hero .section:last-child {
	margin-bottom: 0;
}

.hero .section .title {
	font-family: "LuloCleanOneBold";
	font-size: 18pt;
	text-transform: uppercase;
	border-bottom: 2px solid #ffffff;
}

.hero .section .text {
	font-family: "GilroyRegular";
	font-size: 14pt;
	padding-top: 10px;
}

footer {
	background-color: #e7e7e8;
}

footer a {
	color: #818182;
}

.footer {
	width: 95%;
	margin: 0 auto;
	padding: 3em 0;
}

.footer .logo {
	line-height: 3;
}

.footer .logo img {
	width: 75px;
}

.footer .logo-text {
	font-family: "GilroySemiBold";
	font-size: 14pt;
	color: #818182;
	text-transform: uppercase;
	margin-left: 5px;
	letter-spacing: 0.1em;
}

.footer .social {
	text-align: center;
}

.footer .social .icon {
	display: inline-block;
	font-size: 24pt;
	margin-right: 0.6em;
}

.footer .social .icon:last-child {
	margin-right: 0;
}

.footer .social .icon .fa-facebook-f:hover { color: #7d96ff; }
.footer .social .icon .fa-twitter:hover { color: #00ffff; }
.footer .social .icon .fa-instagram:hover { color: #ff00ff; }
.footer .social .icon .fa-youtube:hover { color: #c00c00; }

.footer .footer-info {
	text-transform: uppercase;
	color: #818182;
	font-size: 12pt;
	margin-top: 1em;
}

.footer .footer-info .order-1 {
	font-family: "GilroyRegular";
	text-align: center;
}

.footer .footer-info .order-2 {
	font-family: "GilroyRegular";
	text-align: right;
}

.footer .footer-info .order-3 {
	font-family: "GilroyRegular";
	text-align: left;
	text-transform: none;
}

@media screen and (max-width: 992px) {
	.topheader { position: relative; }
	.isDesktop-inline { display: none !important; }
	.isMobile-inline { display: inline-block !important; }
	.hero .wrap { width: 90%;padding: 2.5em 0;margin: 0 auto; }
	.footer { padding: 1.5em 0;width: 90%; }
	.footer .logo { text-align: center; }
	.footer .logo-text { font-size: 12pt; }
	.footer .footer-info { margin-top: 1em;font-size: 11pt; }
	.footer .footer-info div[class*="order-"] { text-align: center; }
	.footer .footer-info .order-3 { margin-top: 1.5em; }
	.footer .footer-info .order-2 { margin-top: 5px; }
}

@media screen and (max-width: 640px) {
	.hero { margin: 4% 2%; }
	.hero .wrap { width: 90%;padding: 2.5em 0;margin: 0 auto; }
	.hero .section .title { font-size: 14pt; }
	.footer { padding: 1.5em 0;width: 90%; }
	.footer .logo { text-align: center; }
	.footer .logo-text { font-size: 12pt; }
	.footer .footer-info { margin-top: 1em;font-size: 11pt; }
	.footer .footer-info div[class*="order-"] { text-align: center; }
	.footer .footer-info .order-3 { margin-top: 1.5em; }
	.footer .footer-info .order-2 { margin-top: 5px; }
}

@media screen and (max-width: 420px) {
	.hero .wrap { width: 90%;padding: 2.5em 0;margin: 0 auto; }
	.hero .section .title { font-size: 12pt; }
	.hero .section .text { font-size: 12pt; }
	.footer { padding: 1.5em 0;width: 90%; }
	.footer .logo { text-align: center; }
	.footer .logo-text { font-size: 11pt; }
	.footer .footer-info { margin-top: 1em;font-size: 11pt; }
	.footer .footer-info div[class*="order-"] { text-align: center; }
	.footer .footer-info .order-3 { margin-top: 1.5em; }
	.footer .footer-info .order-2 { margin-top: 5px; }
	
}

@media screen and (max-width: 320px) {
	.hero .section .title { font-size: 11pt; }
	.hero .section .text { font-size: 1.8vh; }
	.footer .logo img { width: 50px; }
	.footer .logo-text { font-size: 10pt; }
	.footer .footer-info { font-size: 10pt; }
	.footer .social .icon { font-size: 22pt; }
}