.menu4 {
  cursor: pointer;
  display: inline-block;
  font-size: 6px;
  height: 6em;
  margin: 2%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 6em;
  -webkit-tap-highlight-color: transparent;
}

.menu4 span {
  background: #222222;
  border-radius: 2em;
  height: 0.8em;
  position: absolute;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}





.menu4 span:nth-child(1) {
  border-radius: 2em 0 0 2em;
  left: 0;
  top: 1em;
}

.menu4 span:nth-child(2) {
  border-radius: 0 2em 2em 0;
  top: 1em;
  right: 0;
}

.menu4 span:nth-child(3) {
  left: 0;
  top: 2.6em;
  width: 100%;
}

.menu4 span:nth-child(4) {
  border-radius: 2em 0 0 2em;
  left: 0;
  top: 4.2em;
}

.menu4 span:nth-child(5) {
  border-radius: 0 2em 2em 0;
  right: 0;
  top: 4.2em;
}

.open.menu4 span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(0.8em);
  -ms-transform: rotate(45deg) translate(0.8em);
  transform: rotate(45deg) translate(0.8em);
}

.open.menu4 span:nth-child(2) {
  -webkit-transform: rotate(-45deg) translate(-0.9em);
  -ms-transform: rotate(-45deg) translate(-0.9em);
  transform: rotate(-45deg) translate(-0.9em);
}

.open.menu4 span:nth-child(3) { opacity: 0; }

.open.menu4 span:nth-child(4) {
  -webkit-transform: rotate(-45deg) translate(0.8em);
  -ms-transform: rotate(-45deg) translate(0.8em);
  transform: rotate(-45deg) translate(0.8em);
}

.open.menu4 span:nth-child(5) {
  -webkit-transform: rotate(45deg) translate(-0.9em);
  -ms-transform: rotate(45deg) translate(-0.9em);
  transform: rotate(45deg) translate(-0.9em);
}







/*
	custom nav-bar style
*/
.nav-bar
{
	max-width: 1000px
}
.nav-menu
{
	padding-top: 20px;
}
.nav-item-box
{
	float: right;
	text-align: center;
}

a.nav-item, a.nav-item:visited
{
	/* GothamBook */
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 400; 
	font-style: normal;
	/* --- */
	font-size: 14px;
	color: #9db2b1;
	border: solid 1px rgba(0, 0, 0, 0);
	padding: 5px 5px;
	text-decoration: none;
}

a.nav-item:hover
{
	/* GothamBold */
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 700; 
	font-style: normal;
	/* --- */
	font-size: 14px;
	color: #9db2b1;
	border: 1px solid #9db2b1;
	padding: 5px 5px;
	text-decoration: none;
}

a.nav-mobile, a.nav-mobile:visited
{
    /* GothamBook */
    font-family: 'Gotham SSm A', 'Gotham SSm B'; 
    font-weight: 400; 
    font-style: normal;
    /* --- */
    font-size: 20px; 
    color: rgba(0,0,0,0.84);
    text-decoration: none;
}



/* footer */

.footer-bottom-bar
{
	padding: 10px;
	background-color: #292929;
}

.footer-bottom-text
{
	/* GothamLight */
	font-family: 'Gotham SSm A', 'Gotham SSm B';    
	font-weight: 300; 
	font-style: normal;
	/* --- */
	font-size: 12px; 
	color: #FFFFFF;
}

a.footer-bottom-link, a.footer-bottom-link:visited, a.footer-bottom-link:hover
{
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	/* GothamMedium */
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 500;
	font-style: normal;
	/* --- */
}

.body-text
{
	/* GothamLight */
	font-family: 'Gotham SSm A', 'Gotham SSm B';    
	font-weight: 300; 
	font-style: normal;
	/* --- */
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
}
.body-text-mobile
{
	/* GothamLight */
	font-family: 'Gotham SSm A', 'Gotham SSm B';    
	font-weight: 300; 
	font-style: normal;
	/* --- */
	font-size: 14px; 
	color: white; 
	line-height: 16px;
}
.body-text-black
{
	/* GothamLight */
	font-family: 'Gotham SSm A', 'Gotham SSm B';    
	font-weight: 300; 
	font-style: normal;
	/* --- */
	font-size: 16px;
	color: #000000;
	line-height: 20px;
}
a.body-text-medium:link, a.body-text-medium:visited
{
	/* GothamMedium */
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 500;
	font-style: normal;
	/* --- */
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
}
.green-bar
{
	background-color: #98C23C;
}

.black-panel
{
	background-color: #1B1D1D;
}

.footer-links a, .footer-links a:visited, .footer-links a:active
{
	/* GothamMedium */
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 500;
	font-style: normal;
	/* --- */
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	text-decoration: none;
}


/*
	logo
*/
#logo-green {
	color: #bad636 !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 3em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	border: none;
}
#logo-green:focus, #logo-green:active { 
	color: #bad636 !important;
	border: none !important;
	outline: none !important;
}

#logo-white {
	color: white !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 3em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	border: none;
}
#logo-white:focus, #logo-white:active { 
	color: white !important;
	border: none !important;
	outline: none !important;
}


h1 {
	padding: 0;
	margin: 0;
	font-size: 3em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 400;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 1.7em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 400;
}

h3 {
	padding: 0;
	margin: 0;
	font-size: 1.15em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 400;
}

h4 {
	font-size: 1em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 400;
}

h5 {
	font-size: 1em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
}

h6 {
	font-size: 0.8em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	letter-spacing: 2px; 
}

p {
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-size: 1.15em;
	line-height: 1.7em;
}

/*
	image cover caption
*/
#pane-services-cover { 

}

.no-left-gutter { 
	padding-left: 0px !important;
}
.no-right-gutter { 
	padding-right: 0px !important;
}

#services-hero-text { 
	padding-top: 130px;
	padding-bottom: 50px;
	background-color: #e6e7e8;
	height: 100%;
	text-align: center;
}

#services-hero-text-body { 
	padding: 0px 10px;
	max-width: 450px;
	margin: 0px auto;
	text-align: left;
}

.parent-overlay {
	position: absolute;
	top: 0;
	left: 50%;
	color: white;
	text-align: center;
}

#IncBadge { 
	max-width: 220px;
	max-height: 220px;
}

.hero-text { 
	text-shadow: 0px 0px 6px #6d6e71;
}

#container-home-hero-text,
#container-job-hero-text { 
	background-color: #bad636;
}

#inside-pane-home-hero-text,
#inside-pane-job-hero-text { 
	padding: 3.75em 0em 3em 0em;
}

#inside-pane-home-hero-text:after,
#inside-pane-job-hero-text:after { 
	content: ' ';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -22px;
	width: 0;
	height: 0;
	border: 22px solid transparent;
	border-top-color: #bad636;
}

h1.home-hero-text,
h1.job-hero-text { 
	font-size: 2em;
	color: #ffffff;
	text-align: center;
	font-family: 'Merriweather';
}

#careerListingHero { 
	min-height: 80px;
}

#contact-heading { 
	margin-bottom: 20px;
	color: #b1b3b5;
}

#container-home-cta-top { 
	background-color: #bad636;
	text-align: center;
	padding: 1.3em 0em;
	margin: 50px 0px 80px 0px;
}

#container-home-cta { 
	background-color: #bad636;
	text-align: center;
	padding: 1.3em 0em;
	margin: 50px 0px 0px 0px;
}

#learn-more-button, #services-hero-button, #careers-hero-button
{
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	padding-top: 5px;
	width: 250px;
	height: 50px;
	color: white;
	background-color: #bad636;
	font-size: 2em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
}

#contact-us-button
{
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	padding-top: 5px;
	width: 250px;
	height: 50px;
	color: white;
	background-color: #bad636;
	font-size: 2em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
}

#home-cta-button, #home-cta-button-top
{
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	padding-top: .5em;
	width: 250px;
	height: 40px;
	color: white;
	background-color: #e95d25;
	font-size: 1.14em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	text-align: center;
}


/* HubSpot Form Elements */
#pane-form .hs-input, #pane-form .textarea-hs-input,
#pane-LandingForm .hs-input, #pane-LandingForm .textarea-hs-input { 
	width: 100%;
	height: 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	margin-bottom: 18px;
	border: 1px solid #6d6e71;
	background: rgba(255,255,255,0.1);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	
}

#pane-positions .hs-input { 
	width: 90%;
	height: 35px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	margin-bottom: 18px;
	border: 1px solid #b1b3b5;
}

 #pane-positions textarea.hs-input { 
	width: 90%;
	height: 150px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	margin-bottom: 18px;
	border: 1px solid #b1b3b5;
}

#pane-form textarea.hs-input,
#pane-LandingForm textarea.hs-input { 
	height: 100px;
}

.hs-input:focus, .textarea-hs-input:focus { 
	border: 1px solid #bad636;
}

.hs-form-required { 
	color: red;
}

.hs-button.primary.large { 
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 80px;
	height: 35px;
	color: white;
	text-align: center;
	background-color: #bad636;
	background-image: none;
	border: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 1px 6px 1px 6px;
	text-shadow: none;
}

.hs-button.primary.large:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

.hbspt-form label, .hs-form label, ..hs-form-field label { 
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: bold;
	font-size: 0.9em;
	color: #6d6e71;
}

#pane-contact-hero { 
	background-image: url('../images/contact-hero2@2x.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}



#pane-form { 
	padding-top: 250px;
	padding-bottom: 100px;
}

#pane-LandingForm { 
	padding-top:50px;
	padding-bottom: 50px;
}

#pane-personas { 
	padding-bottom: 50px;
	
}

#pane-home-connect { 
	margin-bottom: 80px;
}

#connect-blog, #connect-news { 
	max-height: 360px;
}

#blog-content, #news-content { 
	background-color: #f5f4f0;
	height: 100%;
	max-height: 360px;
}


#blog-content-text, #news-content { 
	padding: 3em 1.5em;
}

#blog-highlight { 
	float: right;
	 max-height: 360px;
}

#contact-form { 
	background: rgba(255,255,255,0.8);
	padding: 10px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#pane-product, #pane-perks, #services-hero-text { 
	position: relative;
}

#pane-product:after { 
	content: ' ';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -22px;
	width: 0;
	height: 0;
	border: 22px solid transparent;
	border-top-color: #ffffff;
}

#pane-product { 
	padding-top: 100px; 
	padding-bottom: 100px;
}

.service-blurb { 
	padding-bottom: 30px;
}

#pane-career { 
	padding-top: 50px;
	padding-bottom: 50px;
}

#inside-pane-perks { 
	padding-top: 50px; 
	padding-bottom: 50px;
}

#inside-pane-perks:after, #services-hero-text:after { 
	content: ' ';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -22px;
	width: 0;
	height: 0;
	border: 22px solid transparent;
	border-top-color: #e6e7e8;
}

#container-perks { 
	background-color: #e6e7e8;
}

#pane-services { 
	background-color: #e6e7e8;
}


#pane-perks { 
	background-color: #e6e7e8;
}


.service-block { 
	display: inline-block;
	min-height: 108px;
	margin-bottom: 50px;
}

.bold-slate
{
	color: #6d6e71;
	font-weight: bold;
}

.normal-slate
{
	color: #6d6e71;
}

.bold-green { 
	color: #bad636;
	font-weight: bold;
}

.normal-shadow
{
	color: #b1b3b5;
}

.bold-shadow { 
	color: #b1b3b5;
	font-weight: bold;
}

.bold-blue
{
	color: #24418e;
	font-weight: bold;
}

.normal-white { 
	color: #ffffff;
}

a.green, a.green:visited
{
	color: #bad636;
	text-decoration: none;
	font-size: 1em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 	
}

a.green:hover { 
	text-decoration: underline;
}

a.orange, a.orange:visited { 
	color: #e95d25;
	text-decoration: none;
	font-size: 1em;
	font-family:'Gotham SSm A', 'Gotham SSm B';
}
a.orange:hover { 
	text-decoration: underline;
}

a.blue, a.blue:visited { 
	color: #24418e;
	text-decoration: none;
	font-size: 1em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 	
}
a.blue:hover { 
	text-decoration: underline;
}

a.big-green, a.big-green:visited
{
	color: #bad636;
	text-decoration: none;
	font-size: 1.2em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 	
}

a.panel:hover
{
	text-decoration: none;
	background-color:#f8f8f8;
}

#container-footer { 
	background-color: #6d6e71;
	color: #ffffff;
}

#connect-bar { 
	padding-top: 40px;
	padding-bottom:40px;
	color: #ffffff;
	font-weight: 400;
}

.connect-group { 
	vertical-align: middle;
}

.connect-group-right { 
	text-align: right;
}

.connect-group-middle { 
	text-align: center;
}

.connect-label { 
	display: inline-block;
}

#footer-address, #footer-copyright, #footer-responsibility { 
	display: inline-block;
}
#footer-copyright { 
	float: right;
}

#footer-responsibility { margin: auto; min-width: 160px; text-align: center; margin-left: 12%; }

#footer-responsibility a, #footer-responsibility a:visited { 
	color: #ffffff;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-style: normal;
}

#footer-responsibility a:hover { 
	text-decoration: underline;
}

.modal-body p, .modal-body li { font-size: 1em; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; }

.bottom-contact
{
	vertical-align: middle;
	display: inline-block;
	color: #ffffff;
	height: 2.1em; 
	line-height: 2.1em;
	margin-top: -10px;

}

.bottom-contact a, .bottom-contact a:hover, .bottom-contact a:visited { 
	color: #ffffff;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 500; 
	font-style: normal;
}

.bottom-social-group { 
	display: inline-block;
	margin-left: 8px;
}

.bottom-link a, .bottom-link a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 	
}

.bottom-link
{
	padding-top: 5px;
}

.bottom-bar
{
	padding-top: 10px;
	min-height: 30px;
	color: white;
	background-color: #6d6e71;
	font-size: 0.8em;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	border-top: 1px solid #ffffff;
}


.arrow {
	cursor: pointer;
	padding-top: 150px;
	font-size: 10em;
	color: #bad636;
}

#tab-bar div {
	border: 2px solid #bad636;
	cursor: pointer;
	text-decoration: none;
	padding-top: 15px;
	background-color: #bad636;
	color: white;
	font-size: 1.2em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: bold;
	height: 60px;
}

#tab-bar div.active  {

	background-color: white;
	color: #6d6e71;
}

.socialcircle, .socialcircle:visited { 
	color: #bad636;
	font-size: 2em;
	margin-right: 20px;
}

.socialcircle:hover { 
	color: #bad636;
	text-decoration: none;
}

#connect-bar .socialcircle, #connect-bar .socialcircle:visited { 
	color: #ffffff;
	font-size: 1.6em;
	padding-top: 10px;
	margin-right: 8px;
}

#connect-bar .socialcircle:hover { 
	text-decoration: none;
	color: #ffffff;
}

#connect-bar .socialcircle.end { 
	margin-right: 0px;
}

/* Careers List Items */


.positionsList { list-style: none !important; position: relative; margin: 20px 0px; padding: 0px 10px 0px 0px; clear: both; }
.positionsList li {  padding: 0px; border-top: 1px solid #e6e7e8; border-top: 1px; }
.positionsList li:hover { background-color: #ffffff; }
.panelListLabel:hover { background-color: #e6e7e8;  }
.panelListLabel { width: 120px; text-align: left; display: inline-block; }
.positionTitle { width: 100%; height: 40px; line-height: 2.5em; border-top: 1px solid #e6e7e8; cursor: pointer; }
.listingPositionTitle { width: 100%; height: 40px; line-height: 2.5em; }
.expandIcon { float: right; font-size: 1em; font-family: 'Gotham SSm A', 'Gotham SSm B';  }
.positionDetails { display: none; padding: 10px 10px 10px 0px; }
.listingPositionDetails { padding: 10px 10px 10px 0px; }
.descriptionList { margin: 10px 0px; padding-left: 20px; font-family: 'Gotham SSm A', 'Gotham SSm B';  }
.descriptionList li { list-style: disc; border: none; padding: 0px; margin-bottom:0px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 1.15em; line-height: 1.7em; }
.descriptionSubList  { margin: 5px 0px; padding-left: 40px; font-family: 'Gotham SSm A', 'Gotham SSm B';  }
.descriptionSubList li { list-style: disc; border: none; padding: 0px; margin-bottom:0px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 1em; line-height: 1.5em; }
.positionLink, .positionLink:visited { height: 35px; font-size: 1.3em; line-height: 1.3em; width: 140px; text-align: center; background: #bad636; color: #fff; display: inline-block; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; margin: 20px 0px; font-family: 'Gotham SSm A', 'Gotham SSm B';  }
.positionLink:hover { color:#ffffff; text-decoration: none; }
.hideDescriptionLink { color: #f4be01; float: right; }
.cancelFormLink { float: right; margin-top: -30px; }
.positionForm { display: none; margin-top: 15px; padding: 20px; }

#jobListing { font-family: 'Gotham SSm A', 'Gotham SSm B'; line-height: 14px; background-color: rgba(255, 255, 255, 0); padding: 10px 30px; -moz-border-radius: 5px; border-radius: 5px; }
#sharingButtons { height: 30px; vertical-align: middle; }
#sharingButtonsLabel { display: inline-block; line-height: 30px; margin-right: 10px; }
.addthis_sharing_toolbox { display: inline-block !important; vertical-align: middle; }