body {
	/*font-family: "Oxygen","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;*/
	font-family: "Roboto", sans-serif;
	/* customize_body_background */background-color: #FFFFFF;/* customize_body_background */
	/* customize_body_text */color: #808080;/* customize_body_text */
	overflow-x: hidden;
}

.ff-wrapper a,
.ff-wrapper a:hover,
.ff-wrapper a:active,
.ff-wrapper a:focus {
	outline: none;
}
.ff-wrapper a {
	/* customize_link_text */color: #ff6633;/* customize_link_text */
	-webkit-transition:	all 0.6s ease;
	-moz-transition:	all 0.6s ease;
	transition:			all 0.6s ease;
}
.ff-wrapper a:hover {
	/* customize_link_text_hover */color: #000000;/* customize_link_text_hover */
}
.ff-wrapper .row,
.ff-wrapper .contain-to-grid .top-bar {
	max-width: 75rem;
}
.ff-wrapper .ff-search-form input[type=submit] {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.ff-wrapper .ff-search-form span.postfix {
	border: none;
}
.ff-wrapper .left-off-canvas-toggle,
.ff-wrapper .right-off-canvas-toggle {
	line-height: 45px;
	z-index: 100;
	width: auto;
	position: fixed;
	top: 0;
	width: 45px;
	height: 45px;
	background-color: #333333;
}
.ff-wrapper .left-off-canvas-toggle {
	left: 0;
	text-align: center;
}
.ff-wrapper .right-off-canvas-toggle {
	right: 0;
	text-align: center;
}
.ff-wrapper img {
	display: block;
}
.ff-wrapper .contain-to-grid,
.ff-wrapper .top-bar,
.ff-wrapper .top-bar-section li a:not(.button),
.ff-wrapper .top-bar-section ul {
	/* customize_top_bar_nav_background */background-color: #ffffff;/* customize_top_bar_nav_background */
}
.ff-wrapper .top-bar .name h1 a {
	/* customize_site_name_text */color: #000000;/* customize_site_name_text */
}
.ff-wrapper .top-bar .name h1 a:hover {
	/* customize_site_name_text_hover */color: #000000;/* customize_site_name_text_hover */
}
.ff-wrapper .top-bar-section li a:not(.button) {
	/* customize_top_bar_nav_text */color: #000000;/* customize_top_bar_nav_text */
	color: #8a8882;
}
.ff-wrapper nav.top-bar section.top-bar-section ul.right li.nav-selected a.nav-selected,
.ff-wrapper nav.top-bar section.top-bar-section ul.right li.nav-path-selected a.nav-path-selected {
	/* customize_top_bar_nav_selected_background */background-color: #000000;/* customize_top_bar_nav_selected_background */
	/* customize_top_bar_nav_selected_text */color: #FFFFFF;/* customize_top_bar_nav_selected_text */
	background-color: #ffffff;
	color: #000000;
}
.ff-wrapper .top-bar-section li a:hover:not(.button) {
	/* customize_top_bar_nav_hover_background */background-color: #8a8882;/* customize_top_bar_nav_hover_background */
	/* customize_top_bar_nav_hover_text */color: #FFFFFF;/* customize_top_bar_nav_hover_text */
	background-color: #ffffff;
	color: #000000;	
}
.ff-wrapper .top-bar-section > ul > .divider,
.ff-wrapper .top-bar-section > ul > [role="separator"] {
    border-right-width: 1px;
    border-right-style: solid;
    /* customize_top_bar_nav_divider */border-right-color: #8a8882;/* customize_top_bar_nav_divider */
}
.ff-wrapper .top-bar-section .divider,
.ff-wrapper .top-bar-section [role="separator"] {
    border-top-width: 1px;
    border-top-style: solid;
    /* customize_top_bar_sub_nav_divider */border-top-color: #1a1a1a;/* customize_top_bar_sub_nav_divider */    
}
.ff-wrapper #ff-page-meta-wrap {
	/* customize_page_meta_background */background-color: #000000;/* customize_page_meta_background */
	/*padding-top: 22px;*/
	/*padding-bottom: 22px;*/
}
.ff-wrapper #ff-page-meta h1 {
	/* customize_page_meta_text */color: #FFFFFF;/* customize_page_meta_text */
}
.ff-wrapper #ff-page-meta h4 {
	/* customize_page_meta_subtext */color: #CCCCCC;/* customize_page_meta_subtext */
}
.ff-wrapper #ff-banner-wrap {
	/* customize_banner_background */background-color: #000000;/* customize_banner_background */
	padding-top: 22px;
	padding-bottom: 22px;
}
.ff-wrapper #ff-banner-wrap img {
	margin-left: auto;
	margin-right: auto;
}
#ff-banner-wrap, #ff-banner-wrap h1, #ff-banner-wrap h2, #ff-banner-wrap h3, #ff-banner-wrap h4, #ff-banner-wrap h5, #ff-banner-wrap h6, #ff-banner-wrap p, #ff-banner-wrap a {
	color: #FFFFFF;
}
#ff-banner-wrap a {
	text-decoration: underline;
}
.ff-wrapper .ff-sidebar {
	/* customize_sidebar_background */background-color: #FAFAFA;/* customize_sidebar_background */
	padding: 32px 20px;
}
.ff-wrapper #ff-footer-top-wrap {
	color: rgb(152, 152, 152);
	/* customize_footer_top_background */background-color: rgb(204,229,255);/* customize_footer_top_background */
}
.ff-wrapper #ff-footer-bottom-wrap {
	/* customize_footer_bottom_text */color: #ffffff;/* customize_footer_bottom_text */
	/* customize_footer_bottom_background */background-color: rgb(73, 73, 73);/* customize_footer_bottom_background */
}
.ff-wrapper #ff-footer-signin {
	text-align: right;
}
/* Utility Classes */
.ff-wrapper .ff-pad-top-small {
	padding-top: 10px;
}
.ff-wrapper .ff-pad-top-medium {
	padding-top: 20px;
}
.ff-wrapper .ff-pad-top-large {
	padding-top: 50px;
}
.ff-wrapper .ff-pad-bottom-small {
	padding-bottom: 10px;
}
.ff-wrapper .ff-pad-bottom-medium {
	padding-bottom: 20px;
}
.ff-wrapper .ff-pad-bottom-large {
	padding-bottom: 50px;
}
.ff-wrapper .ff-pad-left-small {
	padding-left: 10px;
}
.ff-wrapper .ff-pad-left-medium {
	padding-left: 20px;
}
.ff-wrapper .ff-pad-left-large {
	padding-left: 50px;
}
.ff-wrapper .ff-pad-right-small {
	padding-right: 10px;
}
.ff-wrapper .ff-pad-left-medium {
	padding-right: 20px;
}
.ff-wrapper .ff-pad-left-large {
	padding-right: 50px;
}
.ff-wrapper .ff-mar-top-none {
	margin-top: 0;
}
.ff-wrapper .ff-mar-top-small {
	margin-top: 10px;
}
.ff-wrapper .ff-mar-top-medium {
	margin-top: 20px;
}
.ff-wrapper .ff-mar-top-large {
	margin-top: 50px;
}
.ff-wrapper .ff-mar-bottom-none {
	margin-bottom: 0;
}
.ff-wrapper .ff-mar-bottom-small {
	margin-bottom: 10px;
}
.ff-wrapper .ff-mar-bottom-medium {
	margin-bottom: 20px;
}
.ff-wrapper .ff-mar-bottom-large {
	margin-bottom: 50px;
}
.ff-wrapper .ff-mar-left-small {
	margin-left: 10px;
}
.ff-wrapper .ff-mar-left-medium {
	margin-left: 20px;
}
.ff-wrapper .ff-mar-left-large {
	margin-left: 50px;
}
.ff-wrapper .ff-mar-right-small {
	margin-right: 10px;
}
.ff-wrapper .ff-mar-right-medium {
	margin-right: 20px;
}
.ff-wrapper .ff-mar-right-large {
	margin-right: 50px;
}
.ff-wrapper .ff-bor-left {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.ff-wrapper .ff-bor-right {
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.ff-wrapper #ff-footer-top .ff-bor-right {
	border-right: 1px solid #FFFFFF;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.ff-wrapper .clear {
	clear: both;
}
.ff-wrapper .alpha {
	padding-left: 0;
}
.ff-wrapper .omega {
	padding-right: 0;
}
.ff-wrapper .ff-box-shadow {
	-moz-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.1);
}
.ff-wrapper .ff-box-hightlight {
	-moz-box-shadow: 3px 3px 6px 1px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: 3px 3px 6px 1px rgba(255, 255, 255, 0.1);
	box-shadow: 3px 3px 6px 1px rgba(255, 255, 255, 0.1);
}
.ff-wrapper .ff-box-border {
	-moz-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.25);
}
.ff-wrapper .ff-text-shadow {
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
.ff-wrapper .ff-text-highlight {
	text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.2);
}
.ff-wrapper .ff-outline {
	border: 1px solid #E8E8E8;
}
.ff-wrapper .ff-fill-white {
	background-color: #FFFFFF;
}
.ff-wrapper .ff-fill-grey {
	background-color: #F9F9F9;
}
.ff-wrapper .ff-noise {
	background-image: url(/themes/f5_custom/images/noise-bg.png);
	background-repeat: repeat;
}
.ff-wrapper .ff-full-width {
	width: 100%;
}
.ff-wrapper .ff-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: inline-block;
	float: none;
}
.ff-wrapper .ff-nowrap {
	white-space: nowrap;
}
/* Buttons */
	/* Primary */
	.ff-wrapper button,
	.ff-wrapper .button {
		/* customize_primary_button_background */background-color: #8a8882;/* customize_primary_button_background */
		/* customize_primary_button_text */color: #FFFFFF;/* customize_primary_button_text */
	}
	.ff-wrapper button:hover,
	.ff-wrapper button:focus,
	.ff-wrapper .button:hover,
	.ff-wrapper .button:focus {
		/* customize_primary_button_background_hover */background-color: #000000;/* customize_primary_button_background_hover */
		/* customize_primary_button_text_hover */color: #FFFFFF;/* customize_primary_button_text_hover */
	}
	/* Secondary */
	.ff-wrapper button.secondary,
	.ff-wrapper .button.secondary {
		/* customize_secondary_button_background */background-color: #e7e7e7;/* customize_secondary_button_background */
		/* customize_secondary_button_text */color: #333333;/* customize_secondary_button_text */
	}
	.ff-wrapper button.secondary:hover,
	.ff-wrapper button.secondary:focus,
	.ff-wrapper .button.secondary:hover,
	.ff-wrapper .button.secondary:focus {
		/* customize_secondary_button_background_hover */background-color: #dadada;/* customize_secondary_button_background_hover */
		/* customize_secondary_button_text_hover */color: #333333;/* customize_secondary_button_text_hover */
	}

/* ProBlog */
#twee * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* Log In/Register Forms */

.ff-wrapper .ff-log-in-wrap,
.ff-wrapper .ff-register-wrap {
	margin-top: 50px;
	margin-bottom: 50px;
}

.system-errors ul {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.system-errors ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	color: #FFFFFF;
	font-size: 0.8125rem;
	font-weight: normal;
}

/* Media Queries */
@media only screen and (max-width: 768px) {
	.ff-wrapper .ff-bor-left {
		border-left: none;
	}
	.ff-wrapper .ff-bor-right {
		border-right: none;
	}
}
@media only screen and (max-width: 70em) {
	.ff-wrapper .left-off-canvas-toggle {
		left: 0;
		border-right: none;
		padding-right: 16px;
		top: 45px;
		width: 45px;
	}
	.ff-wrapper .right-off-canvas-toggle {
		right: 0;
		border-left: none;
		padding-left: 16px;
		top: 45px;
		width: 45px;
	}
}
@media only screen and (min-width: 40em) { /* Desktop */

	/* Navigation Search */
	
	.ff-wrapper .top-bar .ff-nav-search-form {
		margin-top: 5px;
		margin-left: 5px;
	}
	
	.ff-wrapper .top-bar .ff-nav-search-form input {
		top: auto;
	}
	
	.ff-wrapper .ff-nav-search-form input[type="text"],
	.ff-wrapper .ff-nav-search-form input[type="submit"],
	.ff-wrapper .ff-nav-search-form span.postfix {
		height: 35px;
		margin-bottom: 0;
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	
	.ff-wrapper .ff-nav-search-form input[type="submit"] {
		background-color: transparent;
		color: #FFFFFF;
	}
	
	
	.ff-wrapper .top-bar .ff-nav-search-form .button {
		top: auto;
		padding: 0;
		height: 100%;
		width: 100%;
	}
	
	/* Navigation Search Dropdown */
	
	.ff-wrapper .top-bar-section li a.ff-nav-search-dropdown {
		/* customize_nav_search_background */background-color: #F04124;/* customize_nav_search_background */
	}
	
	.ff-wrapper .top-bar-section li a.ff-nav-search-dropdown:hover,
	.ff-wrapper .top-bar-section li a.ff-nav-search-dropdown:active {
		/* customize_nav_search_background_hover */background-color: #CF280E;/* customize_nav_search_background_hover */
	}	
	
	.ff-wrapper #ff-dropdown-nav-search {
		width: 300px;
		max-width: 300px;
		padding: 5px;
		right: 0;
	}	
	
	.ff-nav-search-dropdown-form {
		
	}	
	.ff-wrapper .top-bar .ff-nav-search-dropdown-form input {
		top: auto;
	}
	
	.ff-wrapper .ff-nav-search-dropdown-form input[type="text"] {
		height: 35px;
		margin-bottom: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

	.ff-wrapper .ff-nav-search-dropdown-form input[type="submit"],
	.ff-wrapper .ff-nav-search-dropdown-form span.postfix {
		height: 35px;
		margin-bottom: 0;
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	
	.ff-wrapper .ff-nav-search-dropdown-form input[type="submit"] {
		background-color: transparent;
		color: #FFFFFF;
	}
	
	
	.ff-wrapper .top-bar .ff-nav-search-dropdown-form .button {
		top: auto;
		padding: 0;
		height: 100%;
		width: 100%;
	}
	
	
	/* Tall Top Bar */
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar,
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar .name,
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar-section ul,
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar-section li a:not(.button),
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar .name h1 {
		height: 100px;
		line-height: 100px;
	}	
	
	
	.ff-wrapper .top-bar-tall.fixed .top-bar .name,
	.ff-wrapper .top-bar-tall.fixed .top-bar-section ul,
	.ff-wrapper .top-bar-tall.fixed .top-bar-section li a:not(.button),
	.ff-wrapper .top-bar-tall.fixed .top-bar .name h1 {
		height: 45px;
		line-height: 45px;
	}

	.ff-wrapper .top-bar-tall img {
		max-height: 100px;
		width: auto;
	}	
	
	.ff-wrapper .top-bar-tall.fixed img {
		max-height: 45px;
		width: auto;
	}	
	
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar-section .has-dropdown > a:after {
		margin-top: -2.5px;
		top: 50px;
	}
	
	.ff-wrapper .top-bar-tall:not(.fixed) .top-bar-section .dropdown li a {
	    line-height: 1;
	    padding: 12px 15px;
	    white-space: nowrap;
	    height: auto;
	}
	/* Tall Top Bar */
	
}

@media only screen and (max-width: 40em) { /* Mobile */
	.ff-wrapper #ff-copyright {
		text-align: center;
	}
	.ff-wrapper #ff-footer-signin {
		text-align: center;
	}
	.ff-wrapper .contain-to-grid,
	.ff-wrapper .top-bar,
	.ff-wrapper .top-bar-section li a:not(.button) {
		/* customize_mobile_nav_background */background-color: #ffffff;/* customize_mobile_nav_background */
	}
	.ff-wrapper .top-bar li.top-bar-block {
		display: none;
	}

	.ff-wrapper .top-bar-tall img {
		max-height: 45px;
		width: auto;
	}	
}

h1, h2, h3, h4, h5, h6 {
		/* customize_heading */color: #000000;/* customize_heading */
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
		/* customize_footer_heading */color: #ffffff;/* customize_footer_heading */
}
#ff-footer a {
		/* customize_footer_link */color: #ffffff;/* customize_footer_link */
}

.basic-float-right {
	float:right;
	margin-left:10px !important;
	margin-bottom:10px;
	margin-right:0px !important;
}

.basic-float-left {
	float:left;
	margin-right:10px !important;
	margin-bottom:10px;
	margin-left:0px !important;
}

.side-menu {
	background: #f7f7f7;
	position: fixed;
	height:100%;
	overflow-y: auto;
	border-right: 1px solid #cccccc;
	padding-bottom:30px;
}

.side-menu h3 {
	color: #5a5e5c;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #f2f2f2;
	font-family: 'Roboto';
	text-transform: uppercase;
}

.side-menu a {
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	font-family: 'Roboto';
	text-decoration: none;
	text-transform: uppercase;
	border-left: 5px solid #f7f7f7;
}

.side-menu a:hover {
	background: #ffffff;
}

.side-menu a:active {
	background: #afdefa;
	color: #47a3da;
}		
.side-menu-vertical {
	width: 330px;
	max-width:100%;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.side-menu-vertical a {
	border-bottom: 1px solid #cccccc;
	padding: 0.7em;
}
.side-menu-left {
	left: -330px;
}
.side-menu-left.side-menu-open {
	left: 0px;
}
.side-menu {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}







/**************************** Sticky Header and Navigation ****************************/

/*.ff-wrapper .fixed.editing {
	top:					50px;
}*/

.sticky-spacer {
	height:					120px;
}

.sticky-spacer.editing {
	height:					70px;
}

#sticky-global {
	background-color:		rgb(51, 51, 51);
	color:					#ffffff;
	padding:				0px;
	padding-left:			18px !important;
	padding-right:			18px !important;
	height:					32px;
}

#sticky-global.editing {
	top:					50px;
}

.sticky-global ul {
	list-style-type:		none;
	float:					right;
	height:					32px;
	margin-bottom:			0px !important;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	padding:				0px;
	transition:				all 0.5s ease;
}

.sticky-global li {
	height:					100%;
	margin:					0px 13px;
	float:					left;	
}

#sticky-global a {
	height:					32px;
	color:					#ffffff;
	font-size:				15px;
	line-height:			32px;
}

#sticky-global a:hover {
	transition:				all 0.5s ease;
	color:					#ff6633;
	border-bottom:			2px solid #ff6633;
}

#sticky-header {
	background-color:		#ffffff;
	padding:				0px 50px;
	transition:				all 0.5s ease;
	padding-left:			18px !important;
	padding-right:			18px !important;
	top:					32px;
	box-shadow:				0 0.13889vw 0.55556vw 0 rgba(17,17,17,0.1);
}

#sticky-header {
	height:					88px;
}
#sticky-header.stuck {
	height:					60px;
}

#sticky-header.fixed.editing {
	top:					82px;
}

.sticky-header ul {
	list-style-type:		none;
	float:					right;
	height:					88px;
	margin-bottom:			0px !important;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	padding:				29px 0px 19px;
	transition:				all 0.5s ease;
}

.sticky-header li {
	float:					left;
	height:					36px;
	font-size:				17px;
	letter-spacing:			1px;
	font-family:			"Roboto", sans-serif;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	border:					none;	
	margin:					0px 13px;
	transition:				all 0.5s ease;
}

.sticky-header li:hover {
	border-bottom:			3px solid #ff6633;	
}

.sticky-header ul li a {
	color:					#333333;
	line-height:			36px;
}
.sticky-header ul li a:hover, .sticky-header ul li a.nav-selected {
	color:					#ff6633;
}

#sticky-logo {
	margin-top:				20px;
	max-height:				52px;
	transition:				all 0.5s ease;
}

#hamburger-column {
	padding-top:			32px;
	transition:				all 0.5s ease;
}

#hamburger {
	color:					#808080;
	cursor:					pointer;
	font-size:				40px;
	transition:				all 0.5s ease;
}

#sticky-header.stuck {
	height:					60px;
	padding:				0px 50px;
}

#sticky-header.stuck #sticky-logo {
	margin-top:				10px;
	max-height:				40px;
}

#sticky-header.stuck #hamburger {
	font-size:				32px;
}

#sticky-header.stuck ul {
	padding-top:			15px;
}

#sticky-header.stuck ul li {
}

#sticky-header.stuck ul a {
	line-height:			30px;
	height:					30px;
}






#sticky-header.stuck #hamburger-column {
	padding-top:		16px;
}


@media only screen and (min-width: 40.063em) {
	#sticky-header, #sticky-global {
		padding-left:		28px !important;
		padding-right:		28px !important;		
	}
	#hamburger-column {
		padding-top:		32px;
	}
}

@media only screen and (min-width: 64.063em) {
	#hamburger-column {
		padding-top:		32px;
	}
}














#sticky-header.stuck #hamburger-column {
	color:			#808080;
}

#sticky-header.stuck #hamburger {
	color:			#808080;
}


.cbp-spmenu {
	/*background: #2ac4ea;*/
	background-color:	#000000;
	position: fixed;
}


.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 36px;
	font-family:	"Roboto";
	opacity: 0.7;
	font-weight: bold;
	line-height: 38px;
	margin-right: 20px;
}

.cbp-spmenu a:hover {
	color: #fff;
	opacity: 1.0;
}

.cbp-spmenu a:active {
	color: #fff;
	opacity: 1.0;
}

.cbp-spmenu-vertical {
	width: 300px;
	height: 100%;
	top: 0;
	z-index: 1000;
	padding:	33px;
}

.cbp-spmenu-vertical a {
}

.cbp-spmenu-right {
	right: -300px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 300px;
}

.cbp-spmenu-push-toleft {
	left: -300px;
	position: absolute;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

#close-slide-menu {
	float:		right;
	color:		#ffffff;
	cursor:		pointer;
	font-size:	30px;
	opacity:	0.7;
}
#close-slide-menu:hover {
	color:		#ffffff;
	opacity:	1.0;
}

#dark-overlay {
	position:	fixed;
	width:		100%;
	height:		100%;
	top:		0;
	left:		0;
	z-index:	-50px;
	background-color:		rgba(0,0,0,0.0);
	display:	none;
	-webkit-transition:	all 0.6s linear;
	-moz-transition:	all 0.6s linear;
	transition:			all 0.6s linear;
}
#dark-overlay.shown {
	z-index:	50px;
	background-color:		rgba(0,0,0,0.85);
	display: block;
}




/***************** Buttons *********************/

a.ghost-button {
	-webkit-transition:	all 0.6s ease;
	-moz-transition:	all 0.6s ease;
	transition:			all 0.6s ease;
	color:				white;
	border:				1px solid white;
	background-color:	transparent;
	padding:			10px 16px;
	font-family:		"Roboto";
}
a.ghost-button:hover {
	color:				black;
	background-color:	white;
}

a.orange-button, input.orange-button {
	-webkit-transition:	all 0.6s ease;
	-moz-transition:	all 0.6s ease;
	transition:			all 0.6s ease;
	color:				white;
	border:				1px solid white;
	background-color:	#ff6633;
	padding:			10px 16px;
	font-family:		"Roboto";	
	/*box-shadow:				0px 5px rgba(17,17,17,0.3);*/
}
a.orange-button:hover, input.orange-button:hover {
	background-color:	#23517a;
	color:				white;
	box-shadow:			1px 3px rgba(17,17,17,0.1);
}







#ff-copyright a {
	color:				#ccc;
}

#ff-copyright a:hover, #ff-copyright a:active {
	color:				#2ac4ea;
}

#table {
	max-width:			800px;
	margin:				auto;
}

#table label {
	margin-bottom:		0px;
	font-size:			16px;
	text-align:			left;
}
#table input, #table select {
	padding:			16px !important;
	height:				56px;
	font-size:			16px;
}
#table textarea {
	min-height:			240px;
	padding:			16px;
	font-size:			16px;
}
#table input:focus, #table textarea:focus, #table select:focus {
	background-color:	#ffffff !important;
	box-shadow:			none	!important;
}


#table div {
	text-align:			center;
}
#table input[type="submit"] {
	width:				140px;
	max-width:			100%;
}

#msg {
	max-width:			800px !important;
	margin:				0px auto 20px !important;
	background-color:	#ffffff !important;
	border:				1px solid rgb(42, 196, 234) !important;
}


a.blue-button, .blue-button, a.gold-button, .gold-button {
	-webkit-transition:	all 0.6s ease;
	-moz-transition:	all 0.6s ease;
	transition:			all 0.6s ease;
	color:				#473a2e;
	border:				1px solid #ff6633;
	background-color:	#ff6633;
	padding:			10px 16px;
	font-family:		"Roboto";
	/*font-style:			italic;*/
}
a.blue-button:hover, .blue-button:hover, a.gold-button:hover, .gold-button:hover {
	color:				#473a2e;
	background-color:	#ff6633;	
}


p {
	font-size:		20px !important;
	line-height:	32px !important;
	/*color:			rgb(103,103,103) !important;*/
	/*text-align:		justify;*/
}
.ff-wrapper ul, .ff-wrapper ol {
	font-size:		20px;
	line-height:	32px;
}

.divided-section-wrapper p {
	text-align:		center;
}


*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.video-headline {

}
.video-headline h2 {
	margin:		8px !important;
	font-size:		16px;
	letter-spacing:	1.0em;
	font-family:	'Roboto', sans-serif;
}

.video-headline-box {
	background-color:	rgba(0,0,0,0.3);
	width:				90%;
	margin:				auto !important;
	text-align:			center;
	padding-top:		5px !important;
	padding-bottom:		5px !important;
}

.video-headline h2 {
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	padding: 5px;
	/*margin:auto;*/
	color:	white !important;
	width: auto;
	display: inline;
	/*font-style: italic;*/
}

.video-headline > h2 {
	background-color:	rgba(0,0,0,0.3);
}

.video-headline .video-headline-box h2 {
	background-color:	rgba(0,0,0,0.0);
}

@media only screen and (min-width: 1150px) {
	#headline-home {
	/*.video-headline-box {*/
		background-color:	rgba(0,0,0,0.0);
	}
	/*.video-headline .video-headline-box h2 {*/
	#headline-home h2 {
		background-color:	rgba(0,0,0,0.3);
	}
}

@media only screen and (min-width: 1220px) {
	#headline-services {
	/*.video-headline-box {*/
		background-color:	rgba(0,0,0,0.0);
	}
	/*.video-headline .video-headline-box h2 {*/
	#headline-services h2 {
		background-color:	rgba(0,0,0,0.3);
	}
}


@media only screen and (min-width: 64.063em) {
	.video-headline h2 {
		margin:		8px !important;
		font-size:		34px;
		letter-spacing:	.25em;
	}
	/*.video-headline h1, .video-headline h2, .video-headline h3, .video-headline h4, .video-headline h5 {	
		background-color:	rgba(0,0,0,0.3);
	}*/
}


@media (max-width: 575px) {
	#breadcrumb-container {
		display:		none;
	}
}

#breadcrumb-container {
	padding:			12px 44px;
	background-color:	#f1f2f5;
}
#breadcrumb-container a, #breadcrumb-container span {
	font-size:			19px;
}
#breadcrumb-container .current-page {
	color:				#464950;
}
#breadcrumb-container a {
	color:				#989ba1;
}
#breadcrumb-container a:hover {
	color:				#ff6633;
}




.home-video {
	background-color:	rgba(0, 0, 0, 0.0);
	margin-top:			-400px;
	z-index:			400px;
	position:			absolute;
	top:				320px;
	width:				100%;
}
.home-video h1 {
	color:				#ffffff;
	text-align:			center;
	width:				90%;
	font-size:			64px;
	font-weight:		bold;
	max-width:			900px;
	margin:				auto;
	font-family:		'Archivo Black', 'Roboto', sans-serif;
	text-transform:		uppercase;
}
.home-video-overlay {
	background-color:	rgba(0, 0, 0, 0.4);
	position:			absolute;
	top:				0px;
	bottom:				0px;
	left:				0px;
	right:				0px;
	z-index:			200px;
}



/********************** Blue Background Title Bar ***********************/

.blue-bar {
	background-color:	#23517a;
	padding-top:		40px !important;
	padding-bottom:		40px !important;
}
.blue-bar h1, .blue-bar h2, .blue-bar h3, .blue-bar h4, .blue-bar h5, .blue-bar h6, .blue-bar p {
	color:				#ffffff;
}
.blue-bar.larger {
	padding-top:		80px !important;
	padding-bottom:		80px !important;
}




/*************** Pages with serif font titles ****************/
.serif-title h1, .serif-title h2 {
	font-family:		"Glegoo", serif !important;
}
.serif-title h1 {
	margin-bottom:		20px !important;
}
.serif-title ul, .serif-title ol {
	padding-left:		40px !important;
}
.serif-title li {
	margin-bottom:		15px !important;
}





/*************** Table Styles for Legal Page *****************/
.legal-table {
	margin-top:			40px !important;
	margin-bottom:		50px !important;
	font-size:			19px !important;
}
.legal-table .medium-7 {
	margin-bottom:		18px !important;
}
table {
	background-color:	inherit !important;
	margin-bottom:		0px !important;
}



/*************** Footer Super Navigation *********************/

#ff-footer-top h1, #ff-footer-top h2, #ff-footer-top h3, #ff-footer-top h4, #ff-footer-top h5, #ff-footer-top h6 {
	color:				rgb(51, 51, 51) !important;
	text-transform:		uppercase;
}

#ff-footer-top h5 {
	font-size:			18px;
}

#ff-footer-top h5 a {
	color:				rgb(51, 51, 51) !important;
	transition:			all 0.4s ease;
}
#ff-footer-top h5 a:hover {
	text-decoration:	underline;
}

#ff-footer-top p {
	color:				rgb(152, 152, 152) !important;
	text-align:			left !important;
	font-size:			17px !important;
	margin-bottom:		4px !important;
}
#ff-footer-top p a {
	color:				rgb(152, 152, 152) !important;	
	transition:			all 0.4s ease;
}
#ff-footer-top p a:hover {
	color:				rgb(51, 51, 51) !important;	
}


/************************** Footer Solutions Dropdown ************************/

.trigger-footer-solutions {
	background-color:		#ff6633;
	padding:				18px 24px !important;
	line-height:			11px;
	font-size:				11px;
	color:					#ffffff;
	text-transform:			uppercase;
	cursor:					pointer;
	-webkit-transition:		all .4s linear;
	-moz-transition:		all .4s linear;
	-ms-transition:			all .4s linear;
	-o-transition:			all .4s linear;
	transition:				all .4s linear;
}

.trigger-footer-solutions:hover, .trigger-footer-solutions.selected {
	background-color:	#23517a;
}

.trigger-footer-solutions em {
	float:				right;
	padding-top:		1px !important;
}
.nav-footer-solutions {
	position:				relative;
	height:					0px;
	visibility:				hidden;
	display:				none;
	opacity:				0.0;
	-webkit-transition:		all .4s linear;
	-moz-transition:		all .4s linear;
	-ms-transition:			all .4s linear;
	-o-transition:			all .4s linear;
	transition:				all .4s linear;
}

.nav-footer-solutions.displayed {
	height:					auto;
	visibility:				visible;
	opacity:				1.0;
	display:				block;
}

.nav-footer-solutions ul {
	list-style-type:	none;
	margin:				0px !important;
	background-color:	#ffffff;
}

.nav-footer-solutions ul li {
	margin:				0px !important;
	padding:			15px 24px !important;
	border-top:			1px solid #23517a;
	line-height:		14px;
	font-size:			14px;
	cursor:				pointer;
}

.nav-footer-solutions ul li:hover a {
	color:				#ffffff !important;	
}


.nav-footer-solutions a {
	display:			block;
	width:				100%;
	color:				#23517a !important;
}

.nav-footer-solutions a:hover, .nav-footer-solutions a:focus {
	color:				#ffffff !important;
}

.nav-footer-solutions ul li:hover {
	background-color:	#23517a;
}




.custom-callout {
	background-color:	#ffffff;
	padding:			20px 40px !important;
	box-shadow:			1px 3px rgba(17, 17, 17, 0.1);
	margin-top:			30px !important;	
	margin-bottom:		30px !important;	
}
.custom-callout h4 {
	margin-bottom:		16px !important;
}
.custom-callout p {
	margin-bottom:		18px !important;
	font-size:			16px !important;
}



/****************** Hutman News Styles *********************/

.news-sidebar {
	display:		none;
}

.news-title {
	font-family:	"Glegoo", serif !important;
	color:			#ff6633;
	margin-top:		30px !important;
	margin-bottom:	10px !important;
}

.news-byline {
	margin-bottom:	10px !important;
}

.news-byline + .date {
	margin-bottom:	30px;
}

.news-item {
	margin-bottom:	40px !important;
}




















/************************ Overlap Title Styles **************************************/
body {
  background-color: #f0f1f5;
}
.overlap-frame {
  position: relative;
  background-color: #f0f1f5;
  background-color: inherit;
}
.overlap-frame > img {
  text-align: center;
  margin: auto;
  width: 150%;
  z-index: -10;
  border-bottom: 4px solid;
}
@media (min-width: 768px) {
  .overlap-frame > img {
    width: 100%;
  }
}
.overlap-frame .overlap-color {
  background-color: #ff6633;
  height: 100px;
}
@media (min-width: 576px) {
  .overlap-frame .overlap-color {
    height: 120px;
  }
}
@media (min-width: 768px) {
  .overlap-frame .overlap-color {
    height: 220px;
  }
}
.overlap-frame .overlap-content {
  position: relative;
  z-index: 50 !important;
  width: 900px !important;
  max-width: 90% !important;
  margin: -80px auto 30px !important;
  background-color: #ffffff !important;
  padding: 30px;
  text-align: center;
  box-shadow: 1px 3px rgba(17, 17, 17, 0.1);
}
.overlap-frame .overlap-content h1 {
  font-size: 24px;
  font-weight: bold;
  font-family: "Glegoo", sans-serif;
}
.overlap-frame .overlap-content h3 {
  color: #cdced2;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}
.overlap-frame .overlap-content h5 {
  color: #989b81;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}
.overlap-frame .overlap-content p {
  text-align: center !important;
}
@media (min-width: 576px) {
  .overlap-frame .overlap-content h1 {
    font-size: 40px;
  }
  .overlap-frame .overlap-content h3 {
    font-size: 25px;
  }
  .overlap-frame .overlap-content h5 {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .overlap-frame .overlap-content {
    padding: 40px 75px;
  }
  .overlap-frame .overlap-content h1 {
    font-size: 35px;
    line-height: 44px;
  }
  .overlap-frame .overlap-content h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .overlap-frame .overlap-content h5 {
    font-size: 25px;
    line-height: 37px;
  }
}
@media (min-width: 992px) {
  .overlap-frame .overlap-content {
    padding: 53px 87px;
  }
  .overlap-frame .overlap-content h1 {
    font-size: 43px;
    line-height: 51px;
  }
  .overlap-frame .overlap-content h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .overlap-frame .overlap-content h5 {
    font-size: 30px;
    line-height: 44px;
  }
}






#ff-main {
	padding-top:		0px !important;
	padding-bottom:		0px !important;
}











form.sf {
	padding-left:		10px !important;
	padding-right:		10px !important;
	padding-top:		30px !important;
	margin:				auto !important;
	margin-bottom:		40px !important;
	max-width:			400px;
	text-align:			center;
}

form.sf input {
	width:				100%;
}

form.sf label {
	text-align:			left;
	font-size:			18px !important;
	margin-bottom:		4px !important;
}

form.sf input, form.sf select, form.sf textarea {
	font-size:			18px !important;
	height:				auto !important;
	padding:			12px !important;
	margin-bottom:		0px !important;
}

form.sf .g-recaptcha, form.sf .g-recaptcha > div {
	margin:				auto;
}