/* vertical menu */
.navigation {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation ul {
    position: relative;
    z-index: 9999;
    float: left;
    top: 0px;
    background: #f6f5f5;
}
.navigation ul li {
  float: left;

  vertical-align: middle;
  position: relative;
}

.navigation ul li.hover,
.navigation ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}

.navigation ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 520;
  width: 100%;
}

.navigation ul ul li { float: none; }

.navigation ul ul ul {
  top: 0;
  right: 0;
}

.navigation ul li:hover > ul { visibility: visible; }

.navigation ul ul {
  top: 0;
  left: 99%;
}

.navigation ul li {
    float: none;

    
}
.navigation {
  width: 100%;
  background: transparent;
  font-family: 'roboto', Tahoma, Arial, sans-serif;
  zoom: 1;
}

.navigation:before {
  content: '';
  display: block;
}

.navigation:after {
  content: '';
  display: table;
  clear: both;
}

.navigation a {
  display: block;
    padding: 0.58em 0em;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.navigation > ul {
    width: 100%;
}

.navigation ul ul { width: 100%; }

.navigation > ul > li > a {
  position: unset;
    font-size: 13px;
    color: #1f1f1f;
    margin-left: 10px;
    text-decoration: none;
    text-transform: none;
    padding:10px 0;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #fff;
    font-weight: bold;
    padding-bottom: 7px;
}
.navigation > ul > li {
    position: unset!important;
}
.navigation ul li:hover a:before {
    color: #fff!important;
}
.navigation ul ul li a:before {
    color: #f00!important;
}
.navigation > ul > li:last-child > a{
  border-bottom: none
}
/*.navigation > ul > li > a:hover { color: #ffffff;background: #f00 }*/

.navigation > ul > li:hover,
.navigation > ul > li:hover { background-color:transparent; }

.navigation li { position: relative; }

/*.navigation ul li.dropdown > a:after {
  content:'»';
  position: absolute;
  right: 1em;
}*/

.navigation ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.navigation ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}

.navigation ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.navigation ul ul {
    background: #f6f5f5;
    min-height: 336px;
    padding: 0px 10px;
    border: 1px solid #e5c01a;
}
.navigation ul ul a { color: #303030;text-transform: none; width: 100%;display: inline-block;}

/*.navigation ul ul a:hover { color: #ffffff; }*/

.navigation ul ul li { border-bottom: 1px solid #ddd; }

.navigation ul ul li:hover > a {
  background:transparent;
}

.navigation.align-right > ul > li > a {
  border-left: 0.3em solid #007e44;
  border-right: none;
}

.navigation.align-right { float: right; }

.navigation.align-right li { text-align: right; }

.navigation.align-right ul li.dropdown > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}

.navigation.align-right ul li.dropdown > a:after { content: none; }

.navigation.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}
.vertical-menu ul li:hover .dropdown-menu {display: block!important}
.navigation.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

.navigation.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}

.navigation.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.navigation .dropdown-menu>li>a{

    font-size: 13px;
    color: #1f1f1f;
    margin-left:0px;
    text-decoration: none;
    text-transform: none;
    padding: 4px 0;
    padding-bottom: 5px;
    font-weight: bold;
 
}
.navigation .fa-angle-down {
    display: none;
}
/*end vertical menu */


.head-left:hover .menu-left{
  display: block!important;
    cursor: pointer!important;
    visibility: visible!important;

}
.menu1{
  background: url(../images/menu1.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu2{
  background: url(../images/menu2.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu3{
  background: url(../images/menu3.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu4{
  background: url(../images/menu4.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu5{
  background: url(../images/menu5.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu6{
  background: url(../images/menu6.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu7{
  background: url(../images/menu7.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu8{
  background: url(../images/menu8.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu9{
  background: url(../images/menu9.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu10{
  background: url(../images/menu10.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu11{
  background: url(../images/menu11.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu12{
  background: url(../images/menu12.png) 10px center no-repeat #fff;
  background-size: contain;
}
.menu13{
  background: url(../images/menu13.png) 10px center no-repeat #fff;
  background-size: contain;
}