.over-content{ background-image: url(../../../images/bg-mobile-2.png); background-repeat: no-repeat; background-position:  right bottom; background-size: contain; }
.over-content .header-menu{ padding-top: 30px; padding-bottom: 10px;}
.over-content .smenu{ list-style: none; padding: 0; margin: 0; width: 240px; margin: auto; }
.over-content .smenu.level-2{ display: none;}

.over-content .smenu li{ margin-bottom: 12px;}

.over-content .smenu a{ text-decoration: none; color: inherit; display: block; box-sizing: border-box; position: relative;}
.over-content .smenu li.level-1 > a{ padding: 5px;     text-transform: uppercase; font-size: 15px   }

.over-content .smenu li.level-1.havechild > a{ padding-right: 30px;}
.over-content .smenu li.level-1.havechild > a:after{ position: absolute; display: block; content: ''; width: 12px; height: 12px;
    top:0; bottom: 0; right: 10px; margin: auto; background-image: url(../../../images/arrow-d.svg); background-position: center; background-size: contain; background-repeat: no-repeat;}

.over-content .smenu li.level-1.havechild.is-open > a:after{  background-image: url(../../../images/arrow-u.svg);}

.over-content .smenu.level-2{ padding: 15px 10px 5px 10px;}
.over-content .smenu.level-3{ display: none; padding: 10px; padding-left: 15px;}

.over-content .smenu li.level-2 > a{ border-bottom: 1px dashed #89a9cc; display: inline-block; padding-bottom: 3px; margin-bottom: 5px;}


.main-menu{ background-color: #087983; display: none }

.menu-wrapper{  height:40px; margin:auto;  max-width: 1170px;}

.menu-wrapper .header-menu { display:block; width:100%; height:100%;   margin: auto;}
.menu-wrapper .header-menu ul{width:100%; height:100%;
    display:-webkit-flex; display:flex;
    -webkit-align-items:center; align-items:center;
    -webkit-justify-content: center;  justify-content: center;
    list-style:none; margin:0  }
.menu-wrapper .header-menu ul li{}
.menu-wrapper .header-menu ul.level-1 > li:first-child{ padding-left: 0;}
.menu-wrapper .header-menu ul li a{ box-sizing: border-box; position: relative; font-size: 1em; font-weight: 300;
    display:-webkit-flex; display:flex;
    -webkit-align-items:center; align-items:center;
    -webkit-justify-content: center;  justify-content: center;
    width:100%; text-align:center;  text-transform:uppercase; color: #fff;}

.menu-wrapper ul.level-2 a{ text-transform: none !important; font-weight: 300}


.menu-wrapper ul.level-1 > li{ height: 100%; padding: 0 20px;}
.menu-wrapper ul.level-1 > li > a{ height: 100%; }
.menu-wrapper ul.level-1 > li:first-child { padding-left: 0;}
.menu-wrapper ul.level-1 > li > a:after{ content: ""; display: block; position: absolute; left: 0; width: 100%; bottom: 0; height: 0px;
    -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0;     background: #efcbbd;}
.menu-wrapper ul.level-1 > li > a:hover:after{ height:5px; opacity: 1 }

.menu-wrapper ul.level-1 li.catalog > a { background: #f47a37}


.menu-wrapper ul.level-1 li.havechild > a{ padding-right: 40px;}
.menu-wrapper ul.level-1 li.havechild > a:after{ position: absolute; display: block; content: ''; width: 14px; height: 14px;
    top:0; bottom: 0; right: 20px; margin: auto; background-image: url(../../../images/arrow-d-w-3.svg); background-position: center; background-size: contain; background-repeat: no-repeat;}
.menu-wrapper ul.level-2 li.havechild > a:after{background-image: url(../../../images/arrow-r-w-3.svg); right: 0}

 .menu-wrapper ul.level-2{   position: absolute; height: 0; overflow: hidden; padding: 0 ;  width: auto;  opacity: 0;  background: #ff9459;
    -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block;box-sizing: border-box; z-index: 30; box-shadow: 3px 2px 4px 0 rgba(0,0,0,0.2);}

.menu-wrapper ul.level-2 > li {min-width: 200px;}



.menu-wrapper  li.level-1:hover ul.level-2{ height: auto; opacity: 1; padding: 0; overflow: visible;    }

.menu-wrapper ul.level-2 a{ text-transform: none; padding:15px 0;  text-align: left !important;}
.menu-wrapper  ul.level-2 li{ width: 100%; display: block; box-sizing: border-box; padding: 0 20px;  box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.2); }
.menu-wrapper  ul.level-2 > li:hover{background: #fda677;   }
.menu-wrapper  ul.level-2 > li:hover a{ border-color:#ff9459}

.menu-wrapper ul.level-3{   position: absolute; height: auto; overflow: hidden; padding: 0;    width: 0;  opacity: 0;  background: #fda677;
    -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; min-height: 100%;
    box-sizing: border-box; z-index: 20;     top: 0;    left: 100%;}

.menu-wrapper ul.level-3 > li{  min-width: 200px;}
.menu-wrapper ul.level-3 > li:hover{ background: #ff9459}

.menu-wrapper  li.level-2:hover ul.level-3{ width: auto; opacity: 1;    }

/************************************/
.__blind .menu-wrapper{ height: 50px; border-bottom: 1px solid;}
/************************************/

@media only screen and (min-width: 1024px) {
    .main-menu{display:block;}
    .menu-wrapper ul.level-1 > li{ padding: 0 15px;}
    .menu-wrapper .header-menu ul li a{ font-size: 0.8em;}

    }
@media only screen and (min-width: 1240px) {
    .menu-wrapper{  height:50px; }

    .menu-wrapper ul.level-1 > li{ padding: 0 20px;}
    .menu-wrapper .header-menu ul li a{ font-size: 1em;}
   }