/* =================================== */	
/* ! Georgia Power Navigation Styles   */	
/* =================================== */






	
/* Left side navigation */
#sidebar {
	width:200px;
	float:left;
	min-height: 600px;
/* 	position: relative; */
	padding-top:0; 
	background-color:#fff;
	z-index:10;
	/* border-right:solid 1px #dadada; */
/* 	box-shadow:4px 0 4px -2px #dadada; */
}

#sidebar .main a {
	font-size: 1em;
	color:#707070;
}

#sidebar .navigation {
	margin:0;padding:0;
/* 	margin-bottom:4em; */
/* 	font-size:0.875em; */
}
#sidebar .navigation ul {
	margin:0; padding:0;
	display: block;
}

#sidebar .navigation a {
	color:#636363;
	text-decoration:none;
	/*line-height:1.2em;*/
	line-height:1.4em; /* Fixed the bottom line issue in Safari*/

}

li.long-text a
{
/* 	width: 160px; */
	padding-right: 19px;
}

#sidebar .navigation a:hover {
	color:#C00;
}

#sidebar .navigation li {
	border-bottom:none;
	list-style-type: none;
	margin:0;
	letter-spacing:0px;
}

#sidebar .navigation > li {
	padding-left:20px;
	
}
#sidebar .navigation li {
/* 	line-height: 2.2em; */
/* 	font-size: .875em;	 */
	display:block;
	*display:block;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
#sidebar .navigation li.open { padding-top:6px; padding-bottom:0; }
#sidebar .navigation li.open > a {
	line-height:1.2em;
}
#sidebar .navigation li.open.long-text > a {
	line-height:1.2em;
}

#sidebar .navigation li li {
	padding-left:18px;
}

#sidebar .navigation li ul li {
	display:block;
	border:none;
/* 	line-height:10px; */
	
}
#sidebar .navigation li.back a {
	font-size:0.6875em;	
	line-height: 14px;
}

#sidebar .navigation .with-children {
	padding-left:0;
	margin-top: 5px;
    padding-top: 2px;
    
}

#sidebar .navigation li .with-children ul {
	padding-left:18px;

}

#sidebar #log-in-now .twirler {
	background:url(../images/white-nav-arrow.png) no-repeat 15px 5px;
	padding: 0 0 10px 10px;
	cursor:pointer;
	display:block;
}


#sidebar #log-in-now.open .twirler {
	background-position: 10px -70px;
}

/*
#sidebar .navigation .twirler {
	background:url(/img/side-nav-current-long.png) no-repeat 5px 0px;
}
*/
#sidebar .navigation .twirler {
	background:url(/img/nav-arrow.png) no-repeat 5px 0px;
	padding: 0 22px 0 18px;
/* 	font-weight:bold; */
	color:#707070;
/* 	font-size: .875em; */
	cursor:pointer;
	display:block;
}

#sidebar .navigation .twirler + ul li.with-children {
	margin-top:10px;	
}

#sidebar .open > .twirler {
	background-position:0 -75px;
}


#sidebar ul > li.active
/*
, 
#sidebar .navigation .open ul li.open {
*/
{
/*
	border-top: solid 1px #dadada;	
	border-bottom: solid 1px #dadada;
*/
	color: #000;
	position: relative;
	z-index: 10;
	width: 200px;	
	padding-right:20px;
	background: transparent url(/img/side-nav-current.png) -10px 0 no-repeat;
}

#sidebar ul > li.long-text.active {
 	/* background:transparent url(/img/side-nav-current-long.png) -10px 0 no-repeat; */    /* commented out in attempt to fix long-text issue ----  Sasha*/
	background:transparent url(/img/side-nav-current-long.png) -10px 2px no-repeat;
	min-height:38px;margin-top:5px;
	padding-top:2px;
	
}

#sidebar ul > li.back {
	background:transparent url(/img/back-to-arrow.jpg) 18px 9px no-repeat;
	padding-left:32px;
	
}

#sidebar ul ul { width:178px; margin-top:10px !important; }

#sidebar ul ul ul { width:160px; }
#sidebar .navigation ul ul ul li { padding:6px 10px; }



#sidebar li.long-text.active {
	width:140px;
}


#sidebar ul ul ul li.long-text.active {
	width:140px;
}



#sidebar .navigation li li.active {
	/* background-position:-30px 0; */
	background-position:-30px 2px;
	padding-right:10px;	
}
#sidebar .navigation ul li.active , #sidebar .navigation li.active {
	/* width:166px; */
	width:165px;
	padding-right:35px;	
}
#sidebar .navigation ul ul ul li.active {
	width:130px;
	background-position:-65px 0 !important;
}

#sidebar li.with-children.open li.active {
	background-position:-48px 2px; 
}

#sidebar .related {
	background-color: #f5f5f5;
	padding: 20px;
	margin-top: 30px;
	background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(245,245,245,1) 3%, rgba(245,245,245,1) 97%, rgba(191,191,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(3%,rgba(245,245,245,1)), color-stop(97%,rgba(245,245,245,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(245,245,245,1) 3%,rgba(245,245,245,1) 97%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(245,245,245,1) 3%,rgba(245,245,245,1) 97%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(245,245,245,1) 3%,rgba(245,245,245,1) 97%,rgba(191,191,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(245,245,245,1) 3%,rgba(245,245,245,1) 97%,rgba(191,191,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */


}

#sidebar .related h4 {
	margin: 0px;
	
}

#sidebar .related ul li {
	padding-left: 18px;
	display: block;
}



/* Breadcrumbs */

#content-header ul#breadcrumb {
	width:744px;
	font-size: 11px; line-height: 18px; position: absolute; top: -1em;  color: #fff; z-index: 1; padding: 2px 0 0 16px; height: 20px;
	left:0;
	background: #363636; /* Old browsers */
	background: -moz-linear-gradient(top,  #363636 0%, #363636 5%, #5b5b5b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(5%,#363636), color-stop(100%,#5b5b5b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #363636 0%,#363636 5%,#5b5b5b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #363636 0%,#363636 5%,#5b5b5b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #363636 0%,#363636 5%,#5b5b5b 100%); /* IE10+ */
	background: linear-gradient(top,  #363636 0%,#363636 5%,#5b5b5b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */
	
}

#content-header ul#breadcrumb span {
	font-weight:normal !important;
	padding: 0 3px;
}

#content-header ul#breadcrumb li {display: inline;  }
#content-header ul#breadcrumb li.last {letter-spacing:-.25px;}

#content-header ul#breadcrumb li a {cursor: pointer; color: #fff; padding-right: .2em;}

#content-header ul#breadcrumb li a:hover {color: #C00;}

#breadcrumb { font-weight: 700; 
	background-image:url(/images/breadcrumb-bg.gif);
	background-repeat:repeat-x;
}
#breadcrumb a { font-weight:normal; }
/*
#breadcrumb a:after {
	content:': '
}
*/

/* A-Z navigation */

ol.navigation-by-letter {
	list-style:none; margin:0 0 1em 0;
	padding:0;
}

ol.navigation-by-letter li {
	display:inline;
	margin-right:0.5em;
}
ol.navigation-by-letter li.active a,ol.navigation-by-letter li.active a:hover {
	color:#000; font-weight:bold;
	text-decoration:none;
}

/* in header */
#content-header ol.navigation-by-letter { margin-top:1em; }









/*------------ Added left nav ----------------*/
#sidebar #log-in-now {
box-shadow: 0px 2px 5px #262626;
}

#sidebar #log-in-now h2 {
color:#fff;
font-weight:bold;
letter-spacing:-1px;
text-align: center;
width: 210px;
margin-left: -10px;
*margin-top:8px;
}

#sidebar #log-in-now a.button {
display:inline;
line-height:1em;
margin-right: 10px;
}


#sidebar #log-in-now a.register-now {
display:inline;
text-decoration:underline;
font-weight:100;
font-size:12px;
}

#log-in-now {
padding:2px 0 30px 0;
}

#report-outage {
	background:url(/images/home-nav-divider.png) no-repeat 0 0;
	padding-top:20px;
	/* width:210px; */
	/* margin-left:-10px; */
	width:170px; text-align:left;
	margin-top:20px;
	/* text-align:center; */
	padding-left:0;
/* 	text-decoration:underline;  */font-size:11px;
	font-weight:100;
}
#report-outage img { 
	position:relative; top:8px; left:-5px;
}

#sidebar #log-in-now #report-outage a.button {
	text-decoration:none;
/* background-color: #EE432E; */
	border: none;
	line-height: 1em;
	margin:0 0 20px 0 ;
	padding: 8px 10px 5px 10px;
	position:relative;
	text-align: center;
	text-shadow:none;


	background: rgb(255,255,255); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZTc5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWRlNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,195,1) 50%, rgba(235,231,145,1) 50%, rgba(229,222,112,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,195,1)), color-stop(50%,rgba(235,231,145,1)), color-stop(100%,rgba(229,222,112,1))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,195,1) 50%,rgba(235,231,145,1) 50%,rgba(229,222,112,1) 100%); 
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,195,1) 50%,rgba(235,231,145,1) 50%,rgba(229,222,112,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,195,1) 50%,rgba(235,231,145,1) 50%,rgba(229,222,112,1) 100%); 
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,195,1) 50%,rgba(235,231,145,1) 50%,rgba(229,222,112,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5de70',GradientType=0 ); 
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	
	
        -webkit-box-shadow: inset 0px 0px 0px 1px #E5DE70, 0 1px 3px #333333;
        -moz-box-shadow:inset 0px 0px 0px 1px #E5DE70, 0 1px 3px #333333;
        box-shadow: inset 0px 0px 0px 1px #E5DE70, 0 1px 3px #333333;
        
	
	color: #464646;
}

#sidebar #log-in-now #report-outage a.button:hover {
min-height:24px;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VhZThiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmRmYTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,222,1) 50%, rgba(234,232,185,1) 50%, rgba(226,223,167,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(242,242,222,1)), color-stop(50%,rgba(234,232,185,1)), color-stop(100%,rgba(226,223,167,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,222,1) 50%,rgba(234,232,185,1) 50%,rgba(226,223,167,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,222,1) 50%,rgba(234,232,185,1) 50%,rgba(226,223,167,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,222,1) 50%,rgba(234,232,185,1) 50%,rgba(226,223,167,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,222,1) 50%,rgba(234,232,185,1) 50%,rgba(226,223,167,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2dfa7',GradientType=0 ); /* IE6-8 */

}

#sidebar #log-in-now #report-outage a.button img {
position: relative;
top: 6px;
left: -7px;
}









/*------------ NEW RIGHT PORTION DROP-DOWN ----------------*/
nav li .drop-right {
	margin:0px;
	position: absolute; 
	left: -999em;
	padding: 0;
	border: solid 1px #dadada;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: : 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-radius:0 8px 8px 8;
	background: #ffffff; /* Old browsers */

	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, -moz-linear-gradient(-45deg,  #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */
	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, -webkit-linear-gradient(-45deg,  #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, -o-linear-gradient(-45deg,  #ffffff 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, -ms-linear-gradient(-45deg,  #ffffff 0%,#dfdfdf 100%); /* IE10+ */
	background: url(/images/drop-nav-bg.gif) 570px 0 repeat-y, linear-gradient(-45deg,  #ffffff 0%,#dfdfdf 100%); /* W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=1 ); */ /* IE6-9 fallback on horizontal gradient - hidden because breaks overflow*/
	behavior:url(/PIE.htc);
	width:500px;
	overflow:visible;
	z-index:4;
 	box-shadow:2px 2px 5px #959595; 
 	background-size:100% 100%;	
}

nav li:hover .drop-right{  
	left: -1px;
	top: auto;
	position:absolute;
}


nav li .drop-right ul {  
	margin-top:0;
	border-right: solid 1px #dadada;
}

nav li .drop-right .drop-ad ul {  
	margin-top:0;
	border-right: none;
}

/* EDIT to avoid conflict with Top Menu*/
/* Original */
/* nav li:hover ul */
nav ul.navigation li:hover ul{  
	left: -1px;
	top: auto;
	float:left;
}

.drop-right .drop-ad {
width:228px;
padding-left:20px;
padding-right:20px;
float:right;
border-left: solid 1px #dadada;
position: relative;
left:-1px;
margin-top:10px;
z-index: 1;
}

nav a.button { display:block; }
.drop-right .drop-ad a.button {
margin-bottom:10px; color:#fff !important;
}
.drop-right .drop-ad a:hover {
color:#fff;
}

.drop-right .drop-ad img {
float:right;
}

.drop-right .drop-ad h2 {
font-size:16px;
font-weight:bold;
color:#000;
}

.drop-ad li.ad-box {
	border: 1px solid #ccc;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	*padding-bottom: 10px;
}

.drop-ad li.ad-box a {
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 18px;
}

.drop-ad li.ad-box a:hover {
	color: #CC0000;
}

.drop-right ul li {
position:relative;
z-index:5;
}

.drop-right ul li.last a {
border-bottom:none;
}

.drop-right ul li ul {
position:absolute;
top:-1px;
/* background-color: red; */
}

.drop-right > ul > li.with-arrow:hover{
background-color:#fff;
}

.drop-right ul li ul li a {
padding-left:20px;
}

.drop-right ul li ul li.with-arrow {
background: url(/images/with-arrow.png)no-repeat left;
background-size: 11px 100%;
position:relative;
left:-2px;
}

nav ul ul > li > a.last{
border-bottom:none;
}

#container nav h1, #container nav h2, #container nav h3, #container nav h4 {
	font-family:"Open Sans",arial, sans-serif;	
}
#container nav h2, .drop-ad li.ad-box h2 { font-size:1em; letter-spacing:-1px; white-space:nowrap; clear:left; margin-bottom:0;}




/* Social Media Icons */

.social-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-links a {
	cursor: pointer;
}

.social-links li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

.twitter, .facebook, .youtube {
	background: url(../images/social-icons.png) 0 0 no-repeat;
	width: 21px;
	height: 21px;
}

.essAcc {
	background: url(../images/icon-ess-acc.png) 0 0 no-repeat;
	width: 61px;
	height: 21px;
}

.twitter:hover {
	background-position: 0px 0px;
}

.twitter:hover {
	background-position: -25px 0px;
}

.facebook {
	background-position: 0px -21px;
}

.facebook:hover {
	background-position: -25px -21px;
}

.youtube {
	background-position: 0px -42px;
}

.youtube:hover {
	background-position: -25px -42px;
}

.twitter a, .facebook a {
	display: block;
}

/* Absolute positioning for the header */
#banner .social-links {
	position: absolute;
    right: 410px;
    top: 10px;
}
.ad-box img{
	*display: block;
	*width: 70px;
}
.ad-box h2 {
	*width: 50%;
}

/***** MOBILE NAVIGATION *****/

.mobile-bar {
	position: fixed;
	top: 0px;
	background: transparent;
	height: 40px;
	width: 100%;
	z-index: 99997;
	display: none;
	transition: background 200ms ease;
}

.mobile-nav-handle {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	background: #605452;
	cursor: pointer;
	z-index: 99999;
	display: none;
}

.mobile-nav-handle .bar {
	position: absolute;
	left: 5px;
	width: 30px;
	height: 4px;
	background: #FFFFFF;
	transition: all 300ms ease;
}

.mobile-nav-handle .bar:nth-child(1) { top: 8px; }
.mobile-nav-handle .bar:nth-child(2) { top: 18px; }
.mobile-nav-handle .bar:nth-child(3) { top: 28px; }

.mobile-nav-handle .bar:nth-child(2)::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 4px;
	background: #FFFFFF;
	transition: all 300ms ease;
}

.mobile-nav-handle.active .bar:nth-child(1),
.mobile-nav-handle.active .bar:nth-child(3) {
	width: 0;
}
		
.mobile-nav-handle.active .bar:nth-child(2) {
	transform: rotate(-45deg);
}

.mobile-nav-handle.active .bar:nth-child(2)::after {
	transform: rotate(-90deg);
}

.mobile-nav {
	position: fixed;
	left: -300px;
	top: 0px;
	width: 300px;
	height: 100%;
	background: #3F3F3F;
	z-index: 99999;
	color: #FFFFFF;
	overflow: hidden;
	display: none;
}

.mobile-nav .nav-container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.mobile-nav .nav-container.prev {
	left: -100%;
}

.mobile-nav .nav-container.next {
	left: 100%;
}

.mobile-nav .mobile-nav-bar {
	width: 100%;
	height: 40px;
	background: #959595;
	cursor: pointer;
}

.mobile-nav .mobile-nav-bar.no-parent {
	cursor: auto;
}

.mobile-nav .mobile-nav-bar .mobile-nav-back {
	position: absolute;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNEYyMjI2NUQ2NTMxMUU0ODQxNkQ5MzE4NjIwMkMyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNEYyMjI2NkQ2NTMxMUU0ODQxNkQ5MzE4NjIwMkMyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0RjIyMjYzRDY1MzExRTQ4NDE2RDkzMTg2MjAyQzJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0RjIyMjY0RDY1MzExRTQ4NDE2RDkzMTg2MjAyQzJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dppUnwAAANZJREFUeNpi/Pr1KwMWwAjEs4F4HxAvY2HADtqAOBmIE4CYiwmLgmIgroCymYHYHl1RNBB3I/E3AXESsiJvIJ4HdQ8InATiSCD+DVNkDsSrgJgNyr8MxD5A/A3EASnSAuLNIAdCFTwBYi8gfgOzAqRoLhCLIllbAFXIgKwoBYhfI4lNAGIZdEVXgdgXZj9UwTYgFkJWBPNJGBD/gvJ1oQq5kBWBwFZQmADxfyQfLwdiVvTAXArEZUh8P1DYYYuWHiDugLL/AvFBXBFcBcQSQLwHZDpAgAEAwrwmR7QSHWcAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: center;
}

.mobile-nav .mobile-nav-bar.no-parent .mobile-nav-back {
	background: none;
}

.mobile-nav .mobile-nav-bar .mobile-nav-title {
	line-height: 32px;
	padding: 5px;
	text-align: center;
}

.mobile-nav ul {
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.mobile-nav ul li a:not(.button) {
	display: block;
	padding: 10px;
	color: inherit;
	background: #525252;
	margin-top: 5px;
	font-weight: 300;
	text-align: center;
	border-bottom: 2px solid #525252;
}

.mobile-nav ul li a.active {
	font-weight: 500;
	border-bottom: 2px solid #E4212F;
}

.mobile-nav ul li a.children {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNEYyMjI2OUQ2NTMxMUU0ODQxNkQ5MzE4NjIwMkMyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNEYyMjI2QUQ2NTMxMUU0ODQxNkQ5MzE4NjIwMkMyQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0RjIyMjY3RDY1MzExRTQ4NDE2RDkzMTg2MjAyQzJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0RjIyMjY4RDY1MzExRTQ4NDE2RDkzMTg2MjAyQzJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ODa2hwAAANFJREFUeNpi/Pr1KwMQRAFxEBCHA/FfBjTABMS5QLwEiIOBeDIDFgBSpAnEjFB+JhBX4TJpFZJYK1QxiiKQG2KBeB+SOMhaP2RFIPAL6vDLUD4zEC8HYgtkRSDwEYi9gPgulM8FxDuAWJcJzY1PgDgbic8PxLPQFUkB8RQ009OY0HSBjFeB8r8BsQfInTBFbEC8DmQ/lA/ycSQQn4A5HOSTBUDshGQqKOw2IQfBZKguGKgG4unogXkDiP9D+SDJNvRoYQHiSUD8BhqYudgiGCDAAP/HJjQSsoD3AAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.mobile-nav ul li a.button {
	float: none;
	margin: 10px auto;
	width: 60%;
}

header #menu-top-nav {
	position: relative;
	z-index: 99998;
}

@media (max-width: 760px) {
	body {
		padding-top: 40px;
	}

	.mobile-bar,
	.mobile-nav-handle {
		display: block;
	}

	.mobile-nav {
		display: block;
	}

	nav {
		display: none!important;
	}
}