/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF Styles for the Department of Human Resources  */
/*  Developed by the GIC (Matt Campbell, Ben Kaminski & Julianne Solum)  */
/* ############################################################################################## */





/*  G E N E R A L   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    body {
    	padding-bottom:					350px;
		background-color: #f5fafa;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
    	padding-bottom:					160px;
		background-color: #f5fafa;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    body {
    	padding-bottom:					160px;
		background-color: #f5fafa;
}}

/* Large devices (tablets, desktops 768px and up) */
@media (min-width: 1200px) {
    body {
    	padding-bottom:					160px;
		background-color: #f5fafa;
}}

#main-content a, #main-content a:link, #main-content a:active, #main-content a:visited {
	color: 								#57b7e3;
	text-decoration: 					none;
	font-weight:						bold;
}

#main-content a:hover {
	color: 								#647c89;
	text-decoration: 					none;
}

/* For Name Anchors to offset the fixed header functionality */
.anchors { 
	margin-top:							-100px;  /* Size of fixed header */
	padding-bottom:						100px; 
	display:							block; 
}

.float-left {
	float: 								left;
	margin-right: 						10px;
}

.indent {
	padding-left:						25px;
}

.nodot-ul {
	list-style-type: 					none;
}

.agency_map {
	border: 							0px; 
	width: 								710px;
	height: 							600px;
	margin: 							0px;
}
/* ############################################################################################## */





/*  A G E N C Y   H E R O   I M A G E  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
#headerImage {
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative;
	padding-top: 40px;
	border-bottom: 2px solid #ccc;
}

.stateTitle {
	color: #0c3d67;
	background-color: #fff;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	line-height: 0.3;
	padding: 40px;
	margin-top: -50px;
	width: 270px;
}

.smallTitle {
	font-size: 11px;
	font-weight: 700;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#headerImage {
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative;
	padding-top: 40px;
	border-bottom: 2px solid #ccc;
}

.stateTitle {
	color: #0c3d67;
	background-color: #fff;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	line-height: 0.3;
	padding: 40px;
	margin-top: -50px;
	width: 270px;
}

.smallTitle {
	font-size: 11px;
	font-weight: 700;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#headerImage {
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative;
	padding-top: 40px;
	border-bottom: 2px solid #ccc;
}

.stateTitle {
	color: #0c3d67;
	background-color: #fff;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	line-height: 0.3;
	padding: 40px;
	margin-top: -50px;
	width: 270px;
}

.smallTitle {
	font-size: 11px;
	font-weight: 700;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#headerImage {
	height: 600px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative;
	padding-top: 50px;
	border-bottom: 2px solid #ccc;
}

.stateTitle {
	color: #0c3d67;
	background-color: #fff;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	line-height: 0.3;
	padding: 40px;
	margin-top: -50px;
	width: 270px;
}

.smallTitle {
	font-size: 11px;
	font-weight: 700;
}}
/* ############################################################################################## */





/*  W E L C O M E   M E S S A G E  */

#welcomeMessage h2 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 40px;
}

#welcomeMessage p {
	color: #fff;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
/* ############################################################################################## */





/*  W E L C O M E   M E S S A G E  */

#legislation h2 {
	color: #0c3d67;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 40px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#welcomeMessage {
	width: 100%;
	background-color: #0c3d67;
	position: relative;
	padding: 45px;
}}
/* ############################################################################################## */





/*  A G E N C Y   T O P   N A V   B A R   */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 							0;
	padding: 							0;
	border: 							0;
	list-style: 						none;
	line-height: 						1;
	display: 							block;
	position: 							relative;
	-webkit-box-sizing: 				border-box;
	-moz-box-sizing: 					border-box;
	box-sizing: 						border-box;
}

#cssmenuTop {
	width: 								auto;
	font-family: 						'Open Sans', sans-serif;
	line-height: 						1;
	background: 						#ffffff;
	box-shadow:	 						0 4px 2px -2px rgba(0, 0, 0, 0.3);
	position:							relative;
	z-index:							3000;
}

#cssmenuTop.affix {
	position: 							fixed;
    top: 								0;
    width: 								100%;
    z-index:							3000;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
	#cssmenu {
		width: 							auto;
  		margin:							auto;
  		font-family: 					'Open Sans', sans-serif;
  		line-height: 					1;
  		background: 					#ffffff;
  		z-index:						3000;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
	#cssmenu {
  		width: 							750px;
  		margin:							auto;
  		font-family: 					'Open Sans', sans-serif;
  		line-height: 					1;
  		background: 					#ffffff;
  		z-index:						3000;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
	#cssmenu {
  		width: 							970px;
  		margin:							auto;
  		font-family: 					'Open Sans', sans-serif;
  		line-height: 					1;
  		background: 					#ffffff;
  		z-index:						3000;
		padding-top: 10px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	#cssmenu {
  		width: 							1170px;
  		margin:							auto;
  		font-family: 					'Open Sans', sans-serif;
  		line-height: 					1;
  		background: 					#ffffff;
  		z-index:						3000;
		padding-top: 10px;

}}

#cssmenu:after,
#cssmenu > ul:after {
	content: 							'.';
	display: 							block;
	clear: 								both;
	visibility:	 						hidden;
	line-height: 						0;
	height:		 						0;
}

#cssmenu #menu-button {
	display: 							none;
}

.logo_fade {
	position:							absolute;
	margin-left:						-50px;
	margin-top:							-50px;
	opacity:							0;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
	.delaware_fade {
		position:						absolute;
		margin-left:					58px;
		margin-top:						-45px;
		opacity:						0;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
	.delaware_fade {
		position:						absolute;
		margin-left:					58px;
		margin-top:						-100px;
		opacity:						0;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
	.delaware_fade {
		position:						absolute;
		margin-left:					58px;
		margin-top:						-100px;
		opacity:						0;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.delaware_fade {
		position:						absolute;
		margin-left:					58px;
		margin-top:						-100px;
		opacity:						0;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
	.menu_text {
		position:						absolute;
		margin-left:					60px;
		margin-top:						-44px;
		opacity:						1;
		font-size:						20px;
		font-weight:					bold;
		color:							#0c3d67;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
	.menu_text {
		position:						absolute;
		margin-left:					60px;
		margin-top:						-70px;
		opacity:						0;
		font-size:						20px;
		font-weight:					bold;
		color:							#0c3d67;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
	.menu_text {
		position:						absolute;
		margin-left:					60px;
		margin-top:						-70px;
		opacity:						0;
		font-size:						20px;
		font-weight:					bold;
		color:							#0c3d67;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.menu_text {
		position:						absolute;
		margin-left:					60px;
		margin-top:						-70px;
		opacity:						0;
		font-size:						20px;
		font-weight:					bold;
		color:							#0c3d67;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
	.nav_logo {
		width: 							25px;
		height 							25px;
		margin-top: 					-5px;
		display:						none;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
	.nav_logo {
		width: 							25px;
		height 							25px;
		margin-top: 					-5px;
		display:						inherit;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
	.nav_logo {
		width: 							25px;
		height 							25px;
		margin-top: 					-5px;
		display:						inherit;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.nav_logo {
		width: 							25px;
		height 							25px;
		margin-top: 					-5px;
		display:						inherit;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
	.nav_home {
		display:						inherit;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
	.nav_home {
		display:						none;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
	.nav_home {
		display:						none;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.nav_home {
		display:						none;
}}


.facebook {
	color: 								#3c599f;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.facebook a:hover {
	color: 								#177cb2;
	text-decoration:					none !important;
}

.twitter {
	color: 								#60d2f6;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.twitter:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.googleplus {
	color: 								#da4835;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.googleplus:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.flickr {
	color: 								#ff0084;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.flickr:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.youtube {
	color: 								#c8312b;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.youtube:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.instagram {
	color: 								#a27359;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.instagram:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.linkedin {
	color: 								#007bb6;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.linkedin:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

.pinterest {
	color: 								#ca2128;
	-webkit-transition: 				0.5s ease-in-out;
	-moz-transition: 					0.5s ease-in-out;
	-o-transition: 						0.5s ease-in-out;
	transition: 						0.5s ease-in-out;
}

.pinterest:hover {
	color: 								#0c3d67;
	text-decoration:					none !important;
}

#menu-line {
	position: 							absolute;
	top: 								0;
	left: 								0;
	height: 							3px;
	background: 						#0c3d67;
	-webkit-transition: 				all 0.25s ease-out;
	-moz-transition: 					all 0.25s ease-out;
	-ms-transition: 					all 0.25s ease-out;
	-o-transition: 						all 0.25s ease-out;
	transition: 						all 0.25s ease-out;
}

#cssmenu > ul > li {
	float: 								left;
}

#cssmenu.align-center > ul {
	font-size: 							0;
	text-align: 						center;
}

#cssmenu.align-center > ul > li {
	display: 							inline-block;
	float: 								none;
}

#cssmenu.align-center ul ul {
	text-align: 						left;
}

#cssmenu.align-right > ul > li {
	float: 								right;
}

#cssmenu.align-right ul ul {
	text-align: 						right;
}

#cssmenu > ul > li > a {
	padding: 							20px 10px;
	font-size: 							14px;
	text-decoration: 					none;
	text-transform: 					uppercase;
	color: 								#000000;
	-webkit-transition: 				color .2s ease;
	-moz-transition: 					color .2s ease;
	-ms-transition: 					color .2s ease;
	-o-transition: 						color .2s ease;
	transition: 						color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
	color: 								#0c3d67;
}

#cssmenu > ul > li.has-sub > a {
	padding-right: 						25px;
}

#cssmenu > ul > li.has-sub > a::after {
	position: 							absolute;
	top: 								21px;
	right: 								10px;
	width: 								4px;
	height: 							4px;
	border-bottom: 						1px solid #000000;
	border-right: 						1px solid #000000;
	content: 							'';
	-webkit-transform: 					rotate(45deg);
	-moz-transform: 					rotate(45deg);
	-ms-transform: 						rotate(45deg);
	-o-transform:						rotate(45deg);
	transform: 							rotate(45deg);
	-webkit-transition: 				border-color 0.2s ease;
	-moz-transition: 					border-color 0.2s ease;
	-ms-transition: 					border-color 0.2s ease;
	-o-transition: 						border-color 0.2s ease;
	transition: 						border-color 0.2s ease;
}

#cssmenu > ul > li.has-sub:hover > a::after {
	border-color: 						#7795be;
}

#cssmenu ul ul {
	position: 							absolute;
	left: 								-9999px;
	border-top:							0px solid #fff;
}

#cssmenu li:hover > ul {
	left: 								auto;
}

#cssmenu.align-right li:hover > ul {
	right: 								0;
}

#cssmenu ul ul ul {
	margin-left: 						100%;
	top: 								0;
}

#cssmenu.align-right ul ul ul {
	margin-left: 						0;
	margin-right: 						100%;
}

#cssmenu ul ul li {
	height: 							0;
	-webkit-transition: 				height .2s ease;
	-moz-transition: 					height .2s ease;
	-ms-transition: 					height .2s ease;
	-o-transition: 						height .2s ease;
	transition: 						height .2s ease;
	padding-top: 						6px;
	background: 						#6d929b;
}

#cssmenu ul ul li:last-child {
	padding-bottom: 					10px;
}

#cssmenu ul li:hover > ul > li {
	height: 							100%;
}

#cssmenu ul ul li a {
	padding: 							5px 18px;
	width: 								250px;
	font-size: 							13px;
	font-weight: 						bold;
	background: 						#6d929b;
	text-decoration:					none;
	color: 								#dddddd;
	-webkit-transition: 				color .2s ease;
	-moz-transition: 					color .2s ease;
	-ms-transition: 					color .2s ease;
	-o-transition: 						color .2s ease;
	transition: 						color .2s ease;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: 								#ffffff;
}

#cssmenu ul ul li.has-sub > a::after {
  	position: 							absolute;
  	top: 								13px;
  	right:								10px;
  	width: 								4px;
  	height:								4px;
  	border-bottom: 						1px solid #dddddd;
  	border-right: 						1px solid #dddddd;
  	content: 							'';
  	-webkit-transform: 					rotate(-45deg);
  	-moz-transform: 					rotate(-45deg);
  	-ms-transform: 						rotate(-45deg);
  	-o-transform: 						rotate(-45deg);
  	transform: 							rotate(-45deg);
  	-webkit-transition: 				border-color 0.2s ease;
  	-moz-transition: 					border-color 0.2s ease;
  	-ms-transition: 					border-color 0.2s ease;
  	-o-transition: 						border-color 0.2s ease;
  	transition: 						border-color 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
  	right: 								auto;
  	left: 								10px;
  	border-bottom: 						0;
  	border-right: 						0;
  	border-top: 						1px solid #dddddd;
  	border-left: 						1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
	border-color: 						#ffffff;
}

@media all and (max-width: 874px) {
	#cssmenu {
    	width: 							100%;
  	}
  
  	#cssmenu ul {
    	width: 							100%;
    	display: 						none;
	}
  
	#cssmenu.align-center > ul,
  	#cssmenu.align-right ul ul {
    	text-align: 					left;
  	}
  
  	#cssmenu ul li,
  	#cssmenu ul ul li,
  	#cssmenu ul li:hover > ul > li {
   		width: 							100%;
    	height: 						auto;
    	border-top: 					1px solid rgba(120, 120, 120, 0.15);
    	background:						#fff;
  	}
  
  	#cssmenu ul li a,
  	#cssmenu ul ul li a {
    	width: 							100%;
  	}
  
  	#cssmenu > ul > li,
  	#cssmenu.align-center > ul > li,
  	#cssmenu.align-right > ul > li {
    	float: 							none;
    	display: 						block;
  	}
  
  	#cssmenu ul ul li a {
    	padding: 						20px 20px 20px 30px;
    	font-size: 						12px;
    	color: 							#000000;
    	background: 					none;
  	}
  
  	#cssmenu ul ul li:hover > a,
  	#cssmenu ul ul li a:hover {
    	color: 							#000000;
  	}
  
  	#cssmenu ul ul ul li a {
    	padding-left: 					40px;
  	}
  
  	#cssmenu ul ul,
  	#cssmenu ul ul ul {
    	position: 						relative;
    	left: 							0;
    	right: 							auto;
    	width: 							100%;
    	margin: 						0;
    	height: 						auto;
    	max-height: 					200px;
    	overflow-x: 					hidden;
  	}
  
  	#cssmenu > ul > li.has-sub > a::after,
  	#cssmenu ul ul li.has-sub > a::after {
    	display: 						none;
  	}
  
  	#menu-line {
    	display: 						none;
  	}
  
  	#cssmenu #menu-button {
    	display: 						block;
    	padding: 						20px;
    	color: 							#0c3d67;
    	cursor:							pointer;
    	font-size: 						16px;
    	text-transform: 				uppercase;
    	text-align:						right;
    	width:							60px;
  	}

  	#nav-icon-hamburger {
    	width: 							30px;
    	height: 						25px;
		margin-top:						-20px;
    	position: 						relative;
    	-webkit-transform: 				rotate(0deg);
    	-moz-transform: 				rotate(0deg);
		-o-transform: 					rotate(0deg);
    	transform: 						rotate(0deg);
    	-webkit-transition: 			.5s ease-in-out;
    	-moz-transition: 				.5s ease-in-out;
		-o-transition: 					.5s ease-in-out;
    	transition: 					.5s ease-in-out;
		cursor: 						pointer;
  	}

  	#nav-icon-hamburger span {
		display: 						block;
   		position: 						absolute;
    	height: 						3px;
    	width: 							50%;
    	background: 					#0c3d67;
    	opacity: 						1;
    	-webkit-transform: 				rotate(0deg);
    	-moz-transform: 				rotate(0deg);
    	-o-transform: 					rotate(0deg);
    	transform: 						rotate(0deg);
    	-webkit-transition: 			.25s ease-in-out;
    	-moz-transition: 				.25s ease-in-out;
    	-o-transition: 					.25s ease-in-out;
		transition: 					.25s ease-in-out;
  	}

  	#nav-icon-hamburger span:nth-child(even) {
		left: 							50%;
		border-radius: 					0 9px 9px 0;
  	}

  	#nav-icon-hamburger span:nth-child(odd) {
		left:							0px;
		border-radius: 					9px 0 0 9px;
  	}

  	#nav-icon-hamburger span:nth-child(1), #nav-icon-hamburger span:nth-child(2) {
    	top: 							0px;
  	}

  	#nav-icon-hamburger span:nth-child(3), #nav-icon-hamburger span:nth-child(4) {
    	top: 							10px;
  	}

  	#nav-icon-hamburger span:nth-child(5), #nav-icon-hamburger span:nth-child(6) {
    	top: 							20px;
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(1),#nav-icon-hamburger.menu-opened span:nth-child(6) {
    	-webkit-transform: 				rotate(45deg);
    	-moz-transform: 				rotate(45deg);
    	-o-transform: 					rotate(45deg);
    	transform: 						rotate(45deg);
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(2),#nav-icon-hamburger.menu-opened span:nth-child(5) {
    	-webkit-transform: 				rotate(-45deg);
    	-moz-transform: 				rotate(-45deg);
    	-o-transform: 					rotate(-45deg);
    	transform: 						rotate(-45deg);
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(1) {
    	left: 							5px;
    	top: 							7px;
  	}
  
  	#nav-icon-hamburger.menu-opened span:nth-child(2) {
    	left: 							calc(50% - 5px);
    	top: 							7px;
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(3) {
    	left: 							-50%;
    	opacity: 						0;
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(4) {
    	left: 							100%;
    	opacity: 						0;
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(5) {
    	left: 							5px;
    	top: 							12px;
  	}

  	#nav-icon-hamburger.menu-opened span:nth-child(6) {
    	left: 							calc(50% - 5px);
    	top: 							12px;
  	}

	/* OPERA ONLY */
	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(1) {
    	left: 							3px;
    	top: 							2px;
  	}
  
	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(2) {
    	left: 							calc(50% - 4px);
    	top: 							2px;
  	}

	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(3) {
    	left: 							-50%;
    	opacity: 						0;
  	}

	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(4) {
    	left: 							100%;
    	opacity: 						0;
  	}

	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(5) {
    	left: 							3px;
    	top: 							13px;
  	}

	x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(6) {
    	left: 							calc(50% - 4px);
    	top: 							13px;
  	}

  	#cssmenu .submenu-button {
    	position: 						absolute;
   		z-index: 						10;
    	right: 							0;
    	top: 							0;
    	display: 						block;
    	border-left: 					1px solid rgba(120, 120, 120, 0.15);
    	height: 						55px;
    	width: 							55px;
    	cursor: 						pointer;
  	}

  	#cssmenu .submenu-button.submenu-opened {
		height: 						60px;
  	}

  	#cssmenu .submenu-button::after {
    	content: 						'';
    	position: 						absolute;
    	top:							21px;
    	left: 							26px;
    	display: 						block;
    	width: 							1px;
    	height: 						11px;
    	background: 					#000000;
    	z-index: 						99;
    	opacity:						1
    	-webkit-transition: 			.3s all ease-out;
  		transition: 					.3s all ease-out;
    	-webkit-transform: 				rotate(0deg);
  		transform: 						rotate(0deg);
  	}
  
	#cssmenu .submenu-button::before {
    	content: 						'';
    	position: 						absolute;
    	left: 							21px;
    	top: 							26px;
    	display: 						block;
    	width: 							11px;
    	height: 						1px;
    	background: 					#000000;
    	z-index: 						99;
    	opacity:						1
    	-webkit-transition: 			.3s all ease-out;
  		transition: 					.3s all ease-out;
    	-webkit-transform: 				rotate(0deg);
  		transform: 						rotate(0deg);
  	}
  
  	#cssmenu .submenu-button.submenu-opened:after {
		opacity:						0
    	-webkit-transform: 				rotate(90deg);
  		transform: 						rotate(90deg);
}}
/* ############################################################################################## */





/*  A G E N C Y   F O O T E R   S T Y L E S  */


/* Xtra-Small Portrait devices (phones, up to 440px) */
@media (max-width: 440px) {
	#agencyFooter {
    	background-color: 				#c1dad6;
    	color:							#6d929b;
		font-size: 						12px;
    	font-weight:                    normal;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					20px solid #147BB1;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height: 						430px;
  		z-index:						1029;
  		border-top: 					1px solid #6d929b;
	}
}


/* Xtra-Small Portrait devices (phones, 441px and up) */
@media (min-width: 441px) {
	#agencyFooter {
    	background-color: 				#c1dad6;
    	color:							#6d929b;
		font-size: 						.75em;
    	font-weight:                    normal;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					22px solid #147BB1;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height: 						306px;
  		z-index:						1029;
  		border-top: 					1px solid #6d929b;
	}
	/* Opera Only */
	x:-o-prefocus, #agencyFooter {
		height: 						500px;
}

#agencyFooter .site-footer-nav {
    margin: 0px 40px 0px 0px;
}

#agencyFooter .site-footer-nav li {
    display: block;
    margin: 1em;
}

#agencyFooter ul li {
    display: block;
    line-height: 2em;
    float: none;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#agencyFooter {
    	background-color: 				#c1dad6;
    	color:							#6d929b;
		font-size: 						.75em;
    	font-weight:                    normal;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					22px solid #147BB1;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height: 						306px;
  		z-index:						1029;
  		border-top: 					1px solid #6d929b;
	}

#agencyFooter .site-footer-nav {
    margin: 10px auto;
}

#agencyFooter .site-footer-nav li {
    display: inline-block;
    margin: 1em;
}

#agencyFooter ul li {
    display: inline-block;
    line-height: 2em;
    float: none;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#agencyFooter {
    	background-color: 				#c1dad6;
    	color:							#6d929b;
		font-size: 						.75em;
    	font-weight:                    normal;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					22px solid #147BB1;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height: 						306px;
  		z-index:						1029;
  		border-top: 					10px solid #6d929b;
	}

#agencyFooter .site-footer-nav {
    margin: 10px auto;
}

#agencyFooter .site-footer-nav li {
    display: inline-block;
    margin: 1em;
}

#agencyFooter ul li {
    display: inline-block;
    line-height: 2em;
    float: none;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#agencyFooter {
    	background-color: 				#c1dad6;
    	color:							#6d929b;
    	font-size: 						.75em;
    	font-weight:                    normal;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					20px solid #147BB1;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height: 						306px;
  		z-index:						1029;
  		border-top: 					10px solid #6d929b;
}

#agencyFooter .site-footer-nav {
    margin: 10px auto;
}

#agencyFooter .site-footer-nav li {
    display: inline-block;
    margin: 1em;
}

#agencyFooter ul li {
    display: inline-block;
    line-height: 2em;
    float: none;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 440px) {
	@-moz-document url-prefix() { 
		#agencyFooter {
			height: 					430px;
  	}}}
	
/* Xtra-Small Portrait devices (phones, 441px and up) */
@media (min-width: 441px) {
	@-moz-document url-prefix() { 
		#agencyFooter {
			height: 					306px;
  	}}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					306px;
  	}}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					306px;
  	}}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
			height: 					306px;
  	}}}

#agencyFooter a, #agencyFooter a:link, #agencyFooter a:active, #agencyFooter a:visited {
	color: 								#2581bc;
	text-decoration: 					none;
}

#agencyFooter a:hover {
	color: 								#2581bc;
	text-decoration: 					underline;
}

.agencyFooter_logo {
	width: 								180px;
	height: 							100px;
	border: 							none;
	text-align: 						center;
}
/* ############################################################################################## */