/*
Последнее обновление:19.09.2016
Автор: Alex_Top
*/

/* ul.sf-vertical, .sf-menu li, .sf-vertical li, .sf-menu a, .sf-menu span {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box;} */
.sf-menu img {/* float:left; */ margin:-3px 5px -3px 0; /* vertical-align:middle; */}

/*** ESSENTIAL STYLES ***/
.hidden-links li,
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.hidden-links a, .hidden-links span,
.sf-menu a, .sf-menu span, .sf-menu.sf-vertical  span, .sf-menu li:hover>ul,.sf-menu li.sfHover>ul {display:block;}
ul.sf-vertical, .sf-menu li, .sf-menu a, .sf-menu span, .sf-menu.sf-vertical  span {position:relative;}
/* 
.sf-menu a:before {display:block; position:absolute; content:''; left:0; bottom:12px; height:1px;
    max-width:0; width:100%; transition:max-width 200ms linear 0s; background-color:#EB3336;}
.sf-menu a:hover:before {max-width:100%;}
 */

.sf-menu ul {display:none; position: absolute; top:100%; left:0; z-index:99;}
.sf-menu>li {float:left;}
.sf-menu ul ul {top:0; left:100%;}

/*** DEMO SKIN ***/

 nav.greedy .sf-menu {margin:0;}
.hidden-links li:before,
.sf-menu li:before {background:transparent;}
.sf-menu {/*float:left;margin-bottom:0;*/display:inline-block;  /* margin:0 auto -4px; */}
.sf-menu.sf-vertical {margin:0;}


.sf-menu ul {box-shadow:2px 2px 2px rgba(0,0,0,.4);
	/* allow long menu items to determine submenu width 
	min-width:auto;*/
	*width:12em; /* no auto sub width for IE7, see white-space comment below */
}
 /*.sf-menu  li>a, .sf-menu  li>span {text-transform:uppercase; }*/
.hidden-links a, .hidden-links span,
.sf-menu a, .sf-menu span {padding:20px 14px;
font-family:PTSansNarrow,Arial,Helvetica,sans-serif;
/*  font-family:Arial,Helvetica,sans-serif;  */font-size:18px; font-weight:300;
/*	font-family:leaguegothicregular,Georgia,sans-serif;
	font-size:20px;
	font-weight:lighter;*/ 
	text-align:center; line-height:120%;  text-decoration:none; /*
	text-transform:uppercase; 
	border-left:1px solid #fff;
	border-left:1px solid rgba(255,255,255,.8);
	border-top:1px solid #dFeEFF; fallback colour must use full shorthand
	border-top:1px solid rgba(255,255,255,.8); */
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	zoom:1; /* IE7 */}


/* Дополнительные опции  Lvl-1> */
.sf-menu ul li a {/*font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-transform:none; font-size:12px;*//*text-align:left;*/}
.sf-menu ul li a, .sf-menu>li a:hover, .sf-menu span:hover, .sf-menu .sfHover span {text-decoration:none;} 

/* -----------------Text, No link------------------------ */
.hidden-links span,
.sf-menu span, .sf-menu.sf-vertical  span {cursor:pointer; z-index:1;}

/*Default background*/
.hidden-links li, /* .menu_btn, */
.sf-menu>li {background:#005E70;/*rgba(255,255,255, 0.5)transparent */
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space:normal; /* ...unless you support IE7 (let it wrap) */

-webkit-transition:-webkit-transform .5s ease-in 0s;
-moz-transition:-moz-transform .5s ease-in 0s;
transition:background .5s ease 0s;
}
.sf-menu>li {margin-right:1px;}

.hidden-links li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu ul ul ul li {white-space: nowrap;}

/*background LVL-0 Hover*/
.hidden-links li:hover, /* .menu_btn:hover, */
.sf-menu li:hover, 
.sf-menu li.sfHover {/*FISHKA alex TESTING- no_link_menu*/
background:#4C4C4C;/* rgba(8,150,223,0.3) */
-webkit-transition: none; transition: none;}

/*плавность тени на 0-Lvl
.sf-menu.sf-vertical>li {-webkit-transition: all .2s ease-in-out; transition:  all .2s ease-in-out;}
*/
/*дополнительный эффект на 0-Lvl

.sf-menu >li:before {position:absolute; top:0; left:0; content:""; height:0; width:100%; z-index:0;
background:rgba(0, 0,0, 1.0);
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .3s ease-in-out;
}	
.sf-menu li:hover:before {height:100%;}
.sf-menu.sf-vertical  li:hover:before {height:0;}*/	
/*справа налево
.sf-menu >li:before {position:absolute; bottom:0; content:""; height:100%; width:0; right:0; z-index:0;background:rgba(0,0,0, .8);}	
.sf-menu li:hover:before {width:100%;}
*/
/*слева направо
.sf-menu>li:before {position:absolute; top:-0px; left:0; content:""; height:100%; width:0; z-index:0;background:rgba(228, 57, 53, 1.0); transition:all .5s ease-in-out;}	
.sf-menu li:hover:before {width:100%;}
**/


/*Дополнительные цвета lvl-0
.sf-menu>li:nth-child(1) {background:#e42600;}
.sf-menu>li:nth-child(1):hover, .sf-vertical>li.sfHover:nth-child(1) {background:#ce2200;}
.sf-menu>li:nth-child(2) {background:#fe9838;}
.sf-menu>li:nth-child(2):hover, .sf-vertical>li.sfHover:nth-child(2) {background:#fe8d22;}
.sf-menu>li:nth-child(3) {background:#ffc400;}
.sf-menu>li:nth-child(3):hover, .sf-vertical>li.sfHover:nth-child(3) {background:#f7be00;}
.sf-menu>li:nth-child(4) {background:#5fa82c;}
.sf-menu>li:nth-child(4):hover, .sf-vertical>li.sfHover:nth-child(4) {background:#5a9431;}
.sf-menu>li:nth-child(5) {background:#0492bb;}
.sf-menu>li:nth-child(5):hover, .sf-vertical>li.sfHover:nth-child(5) {background:#008cb5;}
.sf-menu>li:nth-child(6) {background:#b200d2;}
.sf-menu>li:nth-child(6):hover, .sf-vertical>li.sfHover:nth-child(6) {background:#a306bf;}
*/
/* ----------------- default menu ----------------- */

/*Color default*/
.sf-menu a, .sf-menu li span {color:#FFF;/*border-bottom:2px solid #fff;*/}
/*.sf-menu a:first-letter,.sf-menu span:first-letter{color: #FF6600;}*/

.sf-menu ul li a,.sf-menu ul li.current >a,
.sf-menu ul li li a,.sf-menu ul li li.current >a,	
.sf-menu ul li li li a,.sf-menu ul li li li.current >a{color:#737373;}

/*Color current*/
.sf-menu li.current >a{color:#FFF;/*border-bottom:2px solid #00FF33;*/}
	.sf-menu li.current >a:hover{color:#FFF;/*border-bottom:2px solid #00FF33;*/}
.sf-menu ul li.current > a,
.sf-menu ul ul li.current > a,
.sf-menu ul ul ul li.current > a{color:#4c4c4c;} 

/*Color hover#A35084;*/		
.sf-menu .sfHover span, /*** FISHKA alex TESTING- no_link_menu HOVER lvl-0***/ 
.sf-menu li>a:hover, .sf-menu li.sfHover>a, .sf-menu li>span:hover {color:#FFF;/*border-bottom:2px solid #ff0000;*/}
.sf-menu ul li a:hover, .sf-menu .sfHover ul li.sfHover>a, 
.sf-menu .sfHover ul li.sfHover>span, .sf-menu .sfHover ul li>span:hover {color:#000;}

.sf-menu li.sfHover ul li span {color:#737373;}


/*  Выбираем единственный дочерний элемент */
.sf-menu li.sfHover ul li span:only-child {color:red; cursor:default;}
.hidden-links span:only-child:after,
.sf-menu span:only-child:after {border:0 solid transparent;	}
/*  Исключаем применение hover для фона */
.sf-menu ul li:hover span:only-child {background:#F5F5F5;}

/*Current color hover*/
.sf-menu  ul li.current >a:hover,.sf-menu .sfHover ul li.current.sfHover >a{color:#000;}
	
/*Background submenu*/
.sf-menu ul li,.sf-menu ul ul li {background:#F5F5F5;}
.sf-menu ul li:hover, .sf-menu ul li.sfHover {background:#d7d9dc; -webkit-transition:none; transition:none; /*#b290a5 only transition out, not in */}

/*Current background*/
.sf-menu li.current{background:#2d2d2d;/*url(./images/bgm.png) repeat-x left 0  rgba(255,255,255, 0.2);*/}
.sf-menu ul li.current,
.sf-menu ul ul li.current,
.sf-menu ul ul ul li.current{background:#F5F5F5;}

/*Current background hover*/
.sf-menu li.current:hover {background:#72746A/*#0c54a0;url(./images/bgm.png) repeat-x left 0  rgba(12, 84, 160, 0.8)*/;}
.sf-menu ul li.current:hover,
.sf-menu ul ul li.current:hover,
.sf-menu ul ul ul li.current:hover 
{background:#D7D9DC;}
	
/*** -----------------------------------------------arrows (for all except IE7) -------------------------------------------- **/
 /* .hidden-links .sf-with-ul,  нереализовано - проблема в display:none ! important */
.sf-arrows .sf-with-ul {
	padding-right:30px;/*    Отступ для стрелок слева */
	*padding-right:1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
/* .hidden-links .sf-with-ul:after, */
.sf-arrows .sf-with-ul:after {width:0; height:0; position:absolute; content:'';
	top:50%;
	right:10px; /* Отступ для стрелок  справа*/
	margin-top:-3px;
/* order of following 3 rules important for fallbacks to work */
	border:5px solid transparent;
	border-top-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color:rgba(255, 255, 255,.4);
}
/*Default. No background hover*/
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color:rgba(255, 255, 255,1.0); /* IE8 fallback colour */		/*Default. No background-Hover*/
}	
/* Стрелки подменю Позиция */
.sf-arrows ul .sf-with-ul:after {
	margin-top:-5px;
	margin-right:-3px;
	border-color:transparent;
}
.sf-arrows ul .sf-with-ul:after {
/*Default. submenu*/
border-left-color:#dFeEFF; 
border-left-color:rgba(33, 33, 33, 0.2);
}
/*Default. submenu-Hover*/
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:rgba(33, 33, 33, 1.0);
}
/*Default submenu-Current*/	
.sf-arrows ul li.current>.sf-with-ul:after {border-left-color:red;}
/*Default submenu Current-Hover*/	
.sf-arrows ul li.current>.sf-with-ul:focus:after,.sf-arrows ul li.current:hover > .sf-with-ul:after,.sf-arrows ul .current.sfHover > .sf-with-ul:after {border-left-color:rgba(255, 255, 255, 1.0);}