/*
    Mobile Menu Core Style
*/


.btnSearchMobile
{
    display:none;
}
 
.slicknav_menu {
	display:none;
}

@media screen and (max-width:990px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
	}
    .filter,.search-course-box
    {
        display:none;
    }
    .h1-title
    {
        font-size:2.5em;
    }
    .btnSearchMobile
    {
        display: block;
  position: fixed;
  top: 14px;
  right: 62px;
  z-index: 90000000000;
  color: #fff !important;
    }
    .modal-dialog
    {
        margin-top:50px !important;
    }
}

 


.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding:5px; padding-right: 10px; 
line-height:20px; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height:20px; float: left; }

.slicknav_menu .slicknav_icon { 
    
float: left; 
margin: 4px 0 0 0.438em; 
background:none; padding: 10px; 
text-indent: 100%;
color: #f7941d;
float: right;
 
}
.slicknav_menu .slicknav_no-text { margin: 0 }

.slicknav_menu .slicknav_icon-bar { display: block;
/*    width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; */

}


/*.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }*/
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; margin: 15px auto; }
.slicknav_nav .slicknav_arrow { font-size: 16px; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
.slicknav_nav ul{  margin: 0; padding: 0; background: #fff;  }
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 8px ;	
	text-decoration:none;	
 	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;  
	 
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #fff;
	font-weight: 700;	
    font-size: 14px;
 }
/* Button Lines */
/*
.slicknav_menu .slicknav_icon-bar {
  background-color: #f7941d;
    font-size: 24px;
}
*/


.slicknav_menu {
margin: 0; padding: 0;
background-color: rgba( 0, 0, 0 , .5 );
    position: relative;
    z-index: 99999;
    margin-bottom: -50px;
}

.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
position: absolute;
top: 50px;
width: 100%;
    border-bottom: 2px solid #ddd;
    
    
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
 }
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#666;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;	
}
.slicknav_nav a:hover{
	color:#f7941d;
    
}

 .slicknav_nav .slicknav_item a:hover {
 	color:#222;
	background:none;
 }

 .slicknav_nav .slicknav_item:hover  a {
 	color:#222;
	background:none;
 }


.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}












 
.bars {
 
top: 0px;
right: 15px;
width: 24px;
height: 24px;
cursor: pointer;
 }
  
  .bars .bar-1 {
margin: -9px 0 0 -15px;
}
.bars .bar {
position: absolute;
top: 50%;
left: 50%;
width: 28px;
height: 2px;
background: #fff;
border-radius: 1px;
-webkit-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
}
  
  .bars .bar-2 {
margin: -1px 0 0 -15px;
}
  
  
  
  .bars .bar-3 {
margin: 7px 0 0 -15px;
}
  
  
  .slicknav_open .bars .bar-1 {
-webkit-transform: translate3d(0,8px,0) rotate(135deg);
transform: translate3d(0,8px,0) rotate(135deg);
}
  
  
  
 .slicknav_open .bars  .bar-2 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
  
  
 .slicknav_open .bars  .bar-3 {
-webkit-transform: translate3d(0,-8px,0) rotate(135deg);
transform: translate3d(0,-8px,0) rotate(135deg);
}