.zumilagtumawed *{
  margin: 0;
  padding: 0;
}
.zumilagtumawed ul,
.zumilagtumawed ol{
  list-style: none;
}
.zumilagtumawed > ul{
  display: flex;
  justify-content: center;
}
.zumilagtumawed > ul li{
  position: relative;
  border-right: 1px solid #8b8d90;
}
.zumilagtumawed > ul li:first-child{
  border-left: 1px solid #b2b6bd;
}
.zumilagtumawed > ul li:last-child{
  border-right: 1px solid #9a9da5;
}
.zumilagtumawed > ul li > a i.fa{
  position: absolute;
  top: 15px;
  left: 12px;
  font-size: 18px;
}

.zumilagtumawed li a {
  display: block;
  padding: 12px 20px 12px 25px;
  text-decoration: none;
  text-transform:uppercase;
  font-size: 13px;
  font-weight:normal;
  background: rgb(197, 200, 216);
  background: -moz-linear-gradient(top, rgba(224,225,229,1) 0%, rgb(53, 53, 56) 2%, rgba(69,69,71,1) 98%, rgb(202, 203, 208) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(224,225,229,1) 0%,rgba(69,69,71,1) 2%,rgba(69,69,71,1) 98%,rgb(192, 194, 202) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(150, 152, 160) 0%,rgba(69,69,71,1) 2%,rgba(69,69,71,1) 98%,rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e5', endColorstr='#e0e1e5',GradientType=0 ); /* IE6-9 */
  color: #EBEBEB;
	}
.zumilagtumawed > ul li a:hover{
  color: #000000;
  background: rgb(206, 193, 193);
  background: -moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(246,246,246,1) 2%, rgba(196,197,199,1) 98%, rgba(117,117,119,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(175, 174, 174) 0%,rgba(246,246,246,1) 2%,rgb(167, 169, 173) 98%,rgba(117,117,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(189, 182, 182) 0%,rgb(255, 255, 255) 2%,rgb(159, 162, 169) 98%,rgb(106, 106, 113) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#757577',GradientType=0 ); /* IE6-9 */
  /* text-shadow: 0 1px 0 #fffafa; */
}

/*sub menu*/
.zumilagtumawed li ul{
  position: absolute;
  min-width: 150px;
  display: none;
}
.zumilagtumawed li > ul li{
  border: 1px solid #c7c8ca;
}
.zumilagtumawed li > ul li a{
  padding: 10px;
  text-transform: none;
  background: #dcdce6;
}
.zumilagtumawed li > ul li ul{
  position: absolute;
  right: -150px;
  top: 0;
}
.zumilagtumawed li:hover > ul{
  display: block;
}

/*==== MEDIA ====*/
.zumilagtumawed [type="checkbox"],
.zumilagtumawed label.dastukolp_zakesan{
  display: none;
}
.zumilagtumawed label.kolasfuksa_nuvzamrug{

  background: rgb(201,201,201); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(246,246,246,1) 2%, rgba(196,197,199,1) 98%, rgba(117,117,119,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(196,197,199,1) 98%,rgba(117,117,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(196,197,199,1) 98%,rgba(117,117,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#757577',GradientType=0 ); /* IE6-9 */

  display: none;
  padding: 15px 40px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.zumilagtumawed label.kolasfuksa_nuvzamrug .fa{
  position: absolute;
  top: 15px;
  left: 12px;
  font-size: 18px;
}
@media all and (max-width: 800px){
  .zumilagtumawed{
  overflow: hidden;
  }
  .zumilagtumawed ul{
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
  }
  .zumilagtumawed li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
  }
  .zumilagtumawed label.kolasfuksa_nuvzamrug{
  display: block;
  }
  input.kolasfuksa_nuvzamrug:checked + label.kolasfuksa_nuvzamrug{
  background: #292727;
  color: #f5f2f2;
  }
  input.kolasfuksa_nuvzamrug:checked ~ ul,
  input.dastukolp_zakesan:checked ~ ul{
  display: block;
  position: relative;
  max-height: 5000px;
  transition: max-height 2s ease-in;
  }
  .zumilagtumawed label.dastukolp_zakesan{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  }
  input.dastukolp_zakesan:checked ~ a{
  background: #44444a;
  color: #f7eded;
  }
  .zumilagtumawed label.dastukolp_zakesan .fa:before{
  content: "\f0d7";
  color: #414146;
  }
  .zumilagtumawed label.dastukolp_zakesan .fa{
  position: absolute;
  top: 15px;
  right: 30px;
  }
  .zumilagtumawed input.dastukolp_zakesan:checked ~ label.dastukolp_zakesan .fa::before{
  content: "\f0d8";
  color: #f5ecec;
  }
}