/* MOBILE NAVIGATION */
.sidr { position: absolute; position: fixed; top: 68px; height: 100%; z-index: 999999; width: 100%; overflow-x: none; overflow-y: auto;
	font-size: 18px; background: rgba(240,240,240,0.9); color:#fff; box-shadow:	inset 0 0 5px 5px #222; box-shadow: 5px 0px 2px 0px rgba(0,0,0,0.1); 
	display: none; z-index: 200000; }
.sidr .mobileNaviTrigger { position: absolute; right: 15px; top: 50%; margin-top: -21px; }
.sidr .mobileNaviTrigger:before {  color:#000; font-weight: 900; font-family: 'Line Awesome Free'; content: '\f0fe'; font-size: 22px; }
.sidr span.triggerActive:before { color:#000; font-family: 'Line Awesome Free'; content: '\f146'; }
.sidr .current-menu-parent span.triggerActive:before { color: #fff; }

.sidr .sidr-inner { padding: 0 0 15px; }
.sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px; }
.sidr .sidr-inner [class*="col_"] { width: 100%; margin: 0 auto; padding: 0; }
.sidr.right { left: auto; right: -1024px; }
.sidr.left { left: -1024px; right: auto; }
.sidr>p { margin-left: 15px; margin-right: 15px; }
.sidr ul { display:	block; margin: 0 0 15px; padding: 0; }
.sidr ul li { display: block; line-height: 45px; }
.sidr ul li ul { visibility: visible; opacity: 1; position: static; width: 100%; }

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.current-menu-item,
.sidr ul li.current_page_ancestor { border-top: none; line-height: 45px; }

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.current-menu-item>a,
.sidr ul li.current-menu-item>span,
.sidr ul li.current_page_ancestor>a,
.sidr ul li.current_page_ancestor>span { background: var(--wwm_color1); color: #ffffff; transition: none; }

.sidr ul li span { display:	block; text-decoration:none; color:	#000; }	
.sidr ul li a { padding: 0 0 0 15px; display: block; text-decoration:none; color:#000; position: relative; display: block; text-align: left; }
.sidr ul li ul { border-bottom:	none; margin: 0; visibility: visible; opacity: 1; position: static; float: none; }
.sidr ul li ul li {	line-height: 40px; font-size: 15px; }
.sidr ul li ul li:last-child { border-bottom: none; }

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.current-menu-item,
.sidr ul li ul li.current_page_ancestor { border-top: none; line-height: 40px; background: var(--wwm_color1); color: #ffffff; }

/*
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.current-menu-item>a,
.sidr ul li ul li.current-menu-item>span,
.sidr ul li ul li.current_page_ancestor>a,
.sidr ul li ul li.current_page_ancestor>span { }
*/

.sidr ul li ul li a { padding-left: 30px; }
.sidr ul li:hover ul li a { background: rgba(255,255,255,0.05); border-bottom: none; }
.sidr ul li ul li ul li a { padding-left: 50px; }
.sidr form { margin:0 15px }
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],
.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],
.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select
{ width:100%; font-size:13px; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 10px; -webkit-border-radius:2px;
-moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:none; background:rgba(0,0,0,0.1); color:rgba(255,255,255,0.6); display:block; clear:both }
.sidr input[type=checkbox] { display:inline; clear:none }
.sidr input[type=button],.sidr input[type=submit] { color:#333; background:#fff }
.sidr input[type=button]:hover,.sidr input[type=submit]:hover { background:rgba(255,255,255,0.9) }

#mobile-header { display: none; padding: 20px 50px 40px 40px; position: fixed; top: 0; left: 0; z-index: 100000; background: var(--wwm_color1); transition: all .4s; }
#mobile-header:hover { background: var(--wwm_color2); }
#mobile-overlay { background: rgba(0,0,0,0.5); position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 1500; }
/*.mainOut { transition: all .3s; opacity: 0.4; transform: rotate(-45deg); }
.mainIn { transition: all .3s; opacity: 1; transform: rotate(0deg); } */

#mobile-button { text-decoration: none; height: 32px; width: 38px; margin: 10%; position: absolute; top: 5px; right: 20%; display: inline-block;
	vertical-align: middle; z-index: 20; }
#mobile-button span { display: block; background: #fff; width: 100%; height: 4px; margin-top: -2px; position: absolute; left: 0; top: 50%; }
#mobile-button:before, #mobile-button:after { content: ""; display: block; background: #fff; width: 100%; height: 4px; 
	position: absolute; left: 0; transform-origin: center center; transform: rotate(0deg); transition: all 0.3s ease; }
#mobile-button:before { top: 2px; margin-top: -2px; }
#mobile-button:after { bottom: 2px; margin-bottom: -2px; }
.mobile-open #mobile-header { background: var(--wwm_color1); }
.mobile-open #mobile-button span { background: transparent; }
.mobile-open #mobile-button:before { top: 50%; transform: rotate(45deg); }
.mobile-open #mobile-button:after { bottom: 50%; transform: rotate(-45deg); }

#sidebar-mobile, #sidebar-mobile-close { display: none; }
.sidebar-mobile-content { padding: 0 15px 0 15px; font-size: 15px !important; }
.sidebar-mobile-content ul li:hover > a { background: transparent; }
.sidebar-mobile-content a, .sidebar-mobile-content a:hover { color:#000 !important; background: transparent !important; }
.sidr .menu-footernavigation-container { padding: 20px 0 0 0; border-top: 1px solid #444444; }
.sidr .menu-footernavigation-container a { padding: 0 !important; }
.sidr .menu-footernavigation-container ul li { line-height: 25px !important; }

.sidr .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none !important; color: #ffffff;
	transition:	all .3s; background: var(--wwm_color1); border: 0; }
.sidr button.fullwidth { width: 100%; text-align: left; padding: 16px 25px 16px 15px; }

@media only screen and (max-width: 1524px)
{
	#mobile-header { display: block; }
}

@media only screen and (max-width: 564px)
{
	.sidr.right { right: -455px; }
	.sidr.left { left: -455px; }
}