/* minimal styles for that navi */
.multi {margin: 0 auto;}
/* .multi ul {margin: 0; padding:0; list-style: none; position: relative; } */
.multi ul:after {content: ""; clear: both; display: block;}
.multi ul li {display:inline-block; position:relative;}
.multi ul > li > a{display:block; color:#fff;}
.multi ul > li > a:hover{color:#fa9a25;}
.multi ul li:hover {}
.multi ul li:hover > ul {display: block;}
.multi ul li:hover a{color: #fa9a25;; z-index:999;}
.multi ul li a {color: #fff; display: block; text-decoration: none;}
.multi ul ul {display: none; margin:0; padding: 0; position: absolute; top: 100%;}
.multi ul ul li {display:inline-block; position: relative; text-align:left; width:100%;}
.multi ul ul li a{color: #fff;}
.multi ul ul li a:hover {background: #202020;}
.multi ul ul ul {position: absolute; left: 100%; top:0; width: 100%;}

/* mobile menu header button */
.multi-toggled {width: 100%; background-color:#363636; min-height: 51px; margin: 0 auto; display: none;}
.multi-closed ~ .multi-mobile {
}
ul.custom-container.multi-menu.multi-mobile {
  display: none;
}

.multi-toggled-controls{width: 100%;}
.multi-toggled-title{width: 60%; float: left; font-size: 27px; color: #fff; display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; text-align: left; padding-left: 35px;}
.multi-toggled-button{ float: left; margin-top: 3px;
	display:block;
	width:36px; height:35px;
	padding:0 !important;
	margin:8px 15px 0 0;

	border-radius:3px;
	float: right;
}
.multi-toggled-button span{float: left; display:block; margin: 4px 0px; height: 3px; background:white; width:100%;}

/* normalny back button visible only on mobiles  */
.multi .multi-back{display: none; font-size: 12px;}
.multi .multi-back:after {display: none;}

.multi-mobile .multi-back{display: block;}

/* mobile menu list */
.multi-mobile{width: 100%;}
.multi-mobile .multi-dropdown:hover ~ ul, .multi-mobile .multi-dropdown:hover > ul ,.multi-mobile .multi-dropdown:hover + ul {/*display: none!important;*/}
.multi-mobile ul{width: 100%; position: inherit!important;}
.multi-mobile li{width: 100%; }

/* mobile menu js action */
.multi-dropdown{display: block!important;}
.multi-mobile .multi-subview{display: block!important; width: 100%;}
.multi-mobile .multi-subover-hidden{display: none!important;}
.multi-mobile .multi-subover-visible{display: block;}
.multi-mobile .multi-subover-header{display: none!important; padding: 0; margin: 0;}

/* mobile menu content */
.multi-mobile .multi-submenu{position: relative; left: 0px;}

.multi .multi-mobile li:hover > ul {display: none;}

/* arrow down for wide screen */
.multi.multi-style {text-align: left; font-family: Tahoma;}
/* .multi.multi-style ul { text-align:center; width:auto; margin:0 auto; display:table; } */
.multi.multi-style ul li {text-align:left;}
.multi.multi-style ul li:hover {}
.multi.multi-style > div > ul > li:hover > a {color:#fa9a25;}
   
.multi.multi-style ul ul {display: none; margin:0; background:#fff; padding: 7px 0; border-radius: 0px; padding: 0; position: absolute; min-width:199px; width:auto; z-index:9; /*padding:8px 0*/;
 box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 6px; left:-2px;}
.multi.multi-style ul li a { font-weight:600; display: block; text-decoration: none; font-size:16px; padding: 21px 20px; text-transform:uppercase;  }
.multi.multi-style ul ul li {}
.multi.multi-style ul ul li span a{padding: 6px 15px 6px 18px; color:#0067a7; text-transform: uppercase;  display: block; font-size: 18px;   font-family: "Myriad Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 23px;}
.multi.multi-style ul ul li a {padding:5px 15px 5px 18px; display:block; font-size: 15px; color:#000;  text-transform: uppercase; }
.multi.multi-style ul ul li a:hover { color:#fff; background: #0067a7;}
.multi.multi-style ul ul ul{margin-top:-8px; left:100%;  box-shadow: rgba(0, 0, 0, 0.8) 0px -1px 8px;}




/* arrow left for wide screen submenus  */
.multi.multi-style ul ul li > a:not(:only-child):after {}

/* mobile style */
.multi.multi-style .multi-mobile li > a:not(:only-child):after {}
.multi.multi-style .multi-mobile li{background:#fa9a25; border-bottom: 1px solid #fff !important; border-top: 0!important; }




/*
 like mobile view style
.multi.multi-style2 {text-align: left; font-family: Tahoma;}
.multi.multi-style2 ul {box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); background:#990; text-transform: uppercase; display: inline-table; text-align:left; width: 100%;}
.multi.multi-style2 ul li {float: none;}
.multi.multi-style2 ul li:hover {background: #4b545f;}
.multi.multi-style2 ul ul {display: none; margin:0; background: #5f6975; border-radius: 0px; padding: 0; position: relative;}
.multi.multi-style2 ul li a {color: #fff; font-weight:600; display: block; padding: 15px 35px; text-decoration: none; font-weight:600; }
.multi.multi-style2 ul ul li {border-bottom: 1px solid #575F6A; border-top: 1px solid #6B727C;}
.multi.multi-style2 ul ul li a {padding: 12px 35px; color: #fff; }
.multi.multi-style2 ul ul li a:hover {background: #4b545f;}
.multi.multi-style2 ul ul ul {left: 0;}
*/