/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

/* indyvidual */
@media only screen and (max-width : 760px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
/*  aside menu  */

aside#left:after{
    background-color: #e9e9e9;
    content: "";
    display: block;
    height: 90%;
    right: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 10;
}

aside .navigation {
	font-size: large;
}

aside .category h3{
   background-color:#84a725;
   padding:14px 20px;
   margin:0px;
   display:none !important;
}

aside .header-navigation-ul li a{
  display: block;
}

aside .header-navigation-ul>li{
  position:relative;
}

aside .header-navigation-ul>li>a{
  /*  font-family:"Raleway Bold";  */
    font-family:"Droid Sans";
    font-weight:bold;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    text-align: left;
    width: 100%;
    padding-top:10px;
    padding-bottom:0px;
    padding-left:38px;
    padding-right:10px;
}
aside .header-navigation-ul>li>a:before{
    content: "\e252";
    font-family:"Glyphicons Halflings";
    font-size: 8px;
    height: 14px;
    left: 14px;
    padding: 1px;
    position: absolute;
    top: 12px;
    width: 14px;
    color:#a8a8a8;
    text-align:center;
   border-radius:12px;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
aside .header-navigation-ul>li>a:hover:before,
aside .header-navigation-ul>li.active>a:before{
   background-color:#ffbb00;
   color:#fff;
}

aside .header-navigation-ul li.active>a{
  color:#ffbb00;
}
/*
aside .header-navigation-ul>li>ul li a::before{
  content:'- ';
}
*/
aside .header-navigation-ul>li>ul li a{
  color: #1b1717;
  font-size: 13px;
  margin: 0px 38px;
}
aside .header-navigation-ul>li>ul li a:hover{
  color:#ffbb00;
}
aside .header-navigation-ul ul {
    margin-bottom: 0px;
}

aside .header-navigation-ul>li>ul>li>a{
  text-transform:uppercase;
}

aside .header-navigation-ul>li>ul>li>ul>li>a{
  padding-left: 8px;
  color:#636363;
}
/*
aside .header-navigation-ul>li>ul>li>ul>li>a:before{
   content:"-";
   margin-right:4px;
}
*/
/*  zwin menu  */

aside .header-navigation-ul li ul{
   display:none;
}
aside .header-navigation-ul li.active>ul{
  display:block;
}
/*
aside .header-navigation-ul a[href="/pl/o/k/materialy-formacyjne.html"]{
  width:50%;
}
*/