/* Menu Styles */



.colors{
   background-image: url('538.svg');
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}


.colors:hover,.colors_active{
   background-image: url('539.svg');
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}


.new{
   background-image: url('536.svg');
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}

.new:hover,.new_active{
   background-image: url('537.svg');
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}



.woman{
   background-image: url('381.svg');
    background-size: 33px;
    background-repeat: no-repeat;
    background-position: center 6px; 
}


.woman:hover,.woman_active{
   background-image: url('391.svg');
    background-size: 33px;
    background-repeat: no-repeat;
    background-position: center 6px; 
}



.man{
      background-image: url('382.svg');
   background-size: 38px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}


.man:hover,.man_active{
      background-image: url('392.svg');
   background-size: 38px;
    background-repeat: no-repeat;
    background-position: center 12px; 
}




.partner{
      background-image: url('383.svg');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center 12px; 
   
}


.partner:hover,.partner_active{
      background-image: url('393.svg');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center 12px; 
   
}


.magazin{
      background-image: url('627.svg');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center 12px; 
   
}


.magazin:hover,.magazin_active{
      background-image: url('628.svg');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center 12px; 
   
}



.deluxx{
      background-image: url('384.svg');
   background-size: 47px;
    background-repeat: no-repeat;
    background-position: center 11px; 
  
}


.deluxx:hover,.deluxx_active{
      background-image: url('394.svg');
   background-size: 47px;
    background-repeat: no-repeat;
    background-position: center 11px; 
  
}


.shop{
      background-image: url('385.svg');
   background-size: 43px;
    background-repeat: no-repeat;
    background-position: center 14px; 
  
}




.shop:hover,.shop_active{
      background-image: url('395.svg');
   background-size: 43px;
    background-repeat: no-repeat;
    background-position: center 14px; 
  
}



.third-level-menu
{
    position: absolute;
    top: 0;
    right: -100%;
     width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}


.third-level-menu > li
{
    height: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
    background: #e3e5e9;
margin-bottom:1px;
margin-left:1px;

}

.third-level-menu > li:hover {  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}


.second-level-menu
{
    position: absolute;
    top: 80px;
    left: 0;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:9999;
}

.second-level-menu > li
{
    position: relative;
    height: 26px;
    background-color: #e1e1e1;
   /*
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
   opacity: 0.8;
   */
border-top:1px solid #fff;
   text-align:left;
margin:0;
         white-space: nowrap;

}


.second-level-menu > li:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
   background-color: #ffffd7;

}



.second-level-menu > li.active { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
      background-color: #ffffd7;
}




.top-level-menu
{
    list-style: none;
    padding: 0;
   margin: 0;
   float:left;
   height:80px;
margin-left:35px;

}

.top-level-menu > li
{
    position: relative;
    float: left;
   height:80px;
   margin-bottom:0px;
   text-align:center;
   padding:0 40px 0 40px;
   margin-right:1px;

}

.top-level-menu > li:hover { 
  background-color: #ffffd7;

}

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
    padding: 57px 0px 0px 0px;
   height:45px;
   font-size: 14px;
line-height:18px;
   font-size:0.875rem; 
   line-height:1.25rem; 

    /* Make the link cover the entire list item-container */
   display: block;
   margin:0px;
}

.top-level-menu a:hover { }


.second-level-menu a /* Apply to all links inside the multi-level menu */
{
   padding: 4px 20px 0px 10px;
   height:25px;
display:block;
   font-size: 14px;
line-height:18px;
   font-size:0.875rem; 
   line-height:1.25rem; 
}









@media screen and (max-width:1280px) {
.top-level-menu > li{
   padding:0 35px 0 35px;
}

}




@media screen and (max-width:1200px) {
  .top-level-menu > li{
   padding:0 35px 0 35px;
}
   
}




@media screen and (max-width:1160px) {
  .top-level-menu > li{
   padding:0 35px 0 35px;
}
   
 
}




@media screen and (max-width:1070px) {
  .top-level-menu > li{
   padding:0 30px 0 30px;
}
   
}




@media screen and (max-width:1000px) {
  .top-level-menu > li{
   padding:0 25px 0 25px;
}
   
}




@media screen and (max-width:940px) {
  .top-level-menu > li{
   padding:0 22px 0 22px;
   }
   
.top-level-menu{margin-left:25px;}

   
}



@media screen and (max-width:880px) {
  .top-level-menu > li{
   padding:0 16px 0 16px;
   }
   
.top-level-menu{margin-left:15px;}

   
}


@media screen and (max-width:840px) {
  .top-level-menu > li{
   padding:0 15px 0 15px;
   }
   


   
}