#menu-horizont { line-height: 1;  position: relative;  width: auto;  padding: 0px 0px;
		 margin:  0px 0px 0px 0px;  background-color: #222222;  z-index: 2000; }

#menu-horizont   ul { list-style: none;  line-height: 1;  padding: 0;  margin: 0; }
#menu-horizont > ul { position: relative;  display: block;  width: 100%;  z-index: 500;  text-align: center; }
#menu-horizont > ul > #menu-horizont-button { display: none; }

/* !!! main level !!! */

#menu-horizont > ul > li { display: inline-block;  position: relative;  margin: 0 15px 0 0;  padding: 0 0px;  text-align: left; 
  border-bottom: 4px solid transparent;
}
#menu-horizont ul li a   { display: block;  text-decoration: none;  font: 15px/22px 'robotobold', sans-serif; }
#menu-horizont > ul > li > a { color: #fff; } 	/* первый уровень */ 
#menu-horizont > ul > li:hover > a {  color: #007BFF; }
/*#menu-horizont > ul > li.has-sub > a { padding-right: 30px; }*/

#menu-horizont ul ul { border: 1px solid #F3F6FB  /*005AA9*/;  position: absolute;  left: -9999px;  top: 40px;  margin: 0px;  opacity: 0; z-index: 1000;
  -webkit-transition: opacity .3s ease, top .25s ease;  -moz-transition: opacity .3s ease, top .25s ease;  -ms-transition: opacity .3s ease, top .25s ease;  -o-transition: opacity .3s ease, top .25s ease;  transition: opacity .3s ease, top .25s ease;  
}

#menu-horizont ul ul { border-top: 0px solid #005AA9; }

#menu-horizont ul ul ul {  top: 40px;  padding-left: 15px;  margin: 0 0 0 -10px;  background-color: #ffffff; }
#menu-horizont ul ul li {  position: relative;}

#menu-horizont > ul > li:hover > ul {  left: auto;  top: 56px; opacity: 1; }
#menu-horizont ul ul li:hover > ul  {  left: 270px; top: 0;  opacity: 1; }
#menu-horizont ul ul li:last-child:hover > ul { left: 266px; top: 0;  opacity: 1; }


/* !!! sublevels !!! */

#menu-horizont ul ul li a {
  font: 14px/18px 'roboto', sans-serif;
  width: 260px;					
  border-bottom: 1px solid #F3F6FB;  padding: 10px 20px;
  color: #222222;  background: #FFFFFF;
  -webkit-transition: all .35s ease;  -moz-transition: all .35s ease;  -ms-transition: all .35s ease;  -o-transition: all .35s ease;  transition: all .35s ease;
}

#menu-horizont > ul  ul > li:hover > a {color: #999;}


/* !!! СТРЕЛКИ !!! */

/* !! стрелка главное меню */ /*
#menu-horizont li.has-sub::after {  display: block;  content: "";  position: absolute;  width: 0;  height: 0; }
#menu-horizont > ul > ul > li.has-sub::after { right: 12px;  top: 50%;  border: 4px solid transparent;  border-top-color: #424242; }
*/

/* !! стрелка под меню *//*
#menu-horizont > ul > li > ul::after { content: '';  border: 10px solid transparent; width: 0;  height: 0;  border-bottom-color: #005AA9;   position: absolute;  top: -20px;  left: 20px; }
*/

/* !! стрелка в право */
#menu-horizont ul ul li.has-sub::after { display: block;  position: absolute; right: 10px;  top: 12px;  z-index: 1000; 
					 content: "\f105";  font-family: "FontAwesome"; }
#menu-horizont ul ul li.has-sub:hover::after { color: #007BFF; }

/* active */
#menu-horizont > ul > li.active >    a { color: #007BFF; }
#menu-horizont > ul ul > li.active > a {  color: #007BFF; background-color: #FFF;  }
#menu-horizont > ul > li.active.has-sub::after { border-top-color: #007BFF !important; }
#menu-horizont > ul > li.has-sub > a.taphover:hover::after { border-top-color:#аааааа; }



.navbar-dark {
    background-color: #222 !important;
    border-color: #121f26 !important;
}

#menu-horizont > ul > li > a {
    color: #fff !important;
}

.navbar-dark li.im98:hover,
.navbar-dark li.im98:focus {
  border-bottom: 4px solid #007BFF !important; 
}

.navbar-dark li.im102:hover,
.navbar-dark li.im102:focus {
  border-bottom: 4px solid #34a853 !important;
}


.navbar-dark li.im70:hover,
.navbar-dark li.im70:focus {
  border-bottom: 4px solid #ff9800 !important;
}

.navbar-dark li.im25:hover,
.navbar-dark li.im25:focus {
  border-bottom: 4px solid #673ab7 !important;
}

.navbar-dark li.im2:hover,
.navbar-dark li.im2:focus {
  border-bottom: 4px solid #00aaad !important;
}

.navbar-dark li.im62:hover,
.navbar-dark li.im62:focus {
  border-bottom: 4px solid #ff9800 !important;
}

.navbar-dark li.im71:hover,
.navbar-dark li.im71:focus {
  border-bottom: 4px solid #4285f4 !important;
}

.navbar-dark li.im101:hover,
.navbar-dark li.im101:focus {
  border-bottom: 4px solid #34a853 !important;
}


#navbar ul ul a {
  font-family: "pt_sansregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
}



.soc-nav a > i {
 color: #fff;
 margin-right: 10px;
}



.im71.active,
.im98.active {
 border-bottom: 4px solid #007BFF !important;
}
.im101.active, .im102.active {
 border-bottom: 4px solid #34a853 !important;
}

.im62.active, .im70.active {
 border-bottom: 4px solid #ff9800 !important;
}

.im70.active {
 border-bottom: 4px solid #ff9800 !important;
}

.im25.active {
 border-bottom: 4px solid #673ab7 !important;
}

.im2.active {
 border-bottom: 4px solid #00aaad !important;
}


a#menu-106 { color: #00aaad !important; }
a#menu-29  { color: #dc3545 !important; }

a.blanktarget:after  { content: "\f08e";  font-family: "FontAwesome"; float: right; margin-top: 2px; font-size: 0.7em; color: #4285F4; }

