@charset "UTF-8";



@media all

{

	.jyaml-mobilenav {

		background:transparent; 

		color: #222;

		text-align: right;
		margin-top:30px;

	}

	.jyaml-mobilenav .mobilenav-title {

		background: transparent;
		color:#fff;
	



		padding: 5px 8px;

	}

	.jyaml-mobilenav .mobilenav-title {

		font-size: 16px;

		cursor: pointer;



  	overflow: hidden;

		text-overflow: ellipsis;

  	white-space: nowrap;

  	font-weight: bold;

	}

	.jyaml-mobilenav .mobilenav-active {

		font-weight: normal;

	}

	.jyaml-mobilenav .mobilenav-title .icon-list:before {
		

	  background: url(../images/navigation/icon-list.svg) 0 center no-repeat;

	  padding-left:1.6em;

	  text-align:center;

	  content:'';

	}

	.jyaml-mobilenav .mobilenav-menu ul,

	.jyaml-mobilenav .mobilenav-menu ul li,

	.jyaml-mobilenav .mobilenav-menu ul li a {
			text-align: left;

		display: block;

		overflow: hidden;

		background: #fff;

		width: 100%;

		padding: 0;

		margin: 0;

		border: 0;

	}

	.jyaml-mobilenav .mobilenav-menu {

		font-size: 20px;

		border-bottom: 3px solid #45484d;

	}

	.jyaml-mobilenav div.menuitem-content {

		background: #2b2726;

		border-bottom: 1px solid #45484d;

		padding: 5px;

		color: #333;

	}



	.jyaml-mobilenav .mobilenav-menu ul li a {

		border-bottom: 1px solid #45484d;

		color: #FFF;



		background: #2b2726;

		

	}

	.jyaml-mobilenav .mobilenav-menu ul li a:hover,

	.jyaml-mobilenav .mobilenav-menu ul li a:focus,

	.jyaml-mobilenav .mobilenav-menu ul li a:active {

		background: #2b2726;

	



		color: #fff;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a.current_link {

		background: #2b2726;

	
		color: #fff;

	}

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:hover,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:focus,

	.jyaml-mobilenav .mobilenav-menu ul>li>a.separator:active {

		background: #f6f6f6 ;

		color: #000;

		border-bottom: 0;

		cursor: default;

	}





	.jyaml-mobilenav .mobilenav-menu ul li a span {

		display: block;

		width: auto;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.item-title {

		padding: 5px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle {

		color: #666;

		font-size: 18px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a:hover span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a:focus span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a:active span.subtitle,

	.jyaml-mobilenav .mobilenav-menu ul li a.current_link span.subtitle{

		color: #eee;

	}

	.jyaml-mobilenav .mobilenav-menu ul li a span.subtitle-empty {

		display: none;

	}



	.jyaml-mobilenav .mobilenav-menu ul li li a span.item-title {

		padding-left: 20px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {

		padding-left: 40px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li a span.item-title {

		padding-left: 60px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {

		padding-left: 80px;

	}

	.jyaml-mobilenav .mobilenav-menu ul li li li li a span.item-title {

		padding-left: 100px;

	}



	/*

	 * Sometimes a menu has additional contents like title,

	 * but the mobilenav script cant hide it if its outer the ul container.

	 *

	 * For this you can use the class body.jyaml-mobilenav-active for further adjustments.

	 * For example:

	 */

  /*

	body.jyaml-mobilenav-active nav {

		dispay:none;

	}

	*/

}