/*ov*/
.over-container{position:fixed;  top:0px;   left:0; bottom:0; right:0;     z-index:7000; display:none;   overflow:hidden;
    background-color:#fff; opacity: inherit; height: 100vh;  }
.over-content{ height: 100%; width: 100%;   overflow:auto; box-shadow: -4px 0px 6px -2px rgba(0 0 0 / 16%); }
.over-container.filter{ background-color:rgba(1, 1, 1, 0); background-image:none;}
.overheight-close{ display:none;  width:20px; height:22px; position:absolute; top:20px; right:20px; z-index:10100}
.overheight-close:before,
.overheight-close:after{ content:""; position:absolute; display:block; height:100%; width:5px; background:#fff;}
.overheight-close:before{-webkit-transform: skewX(45deg);transform: skewX(45deg);}
.overheight-close:after{-webkit-transform: skewX(-45deg);transform: skewX(-45deg);}
.over-container .overheight_close_button{ width:20px; height:22px; position:fixed; top:12px; right:12px;}
.over-container .overheight_close_button:before,
.over-container .overheight_close_button:after{
    content:""; position:absolute; display:block; height: 3px; background: #DF1E34;  width: 100%;
    position: absolute;  top: 0;    bottom: 0;    left: 0;    right: 0;  margin: auto; }
.over-container .overheight_close_button:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.over-container .overheight_close_button:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.over-container{-webkit-transition: all .3s ease; transition: all 0.3s ease; background: rgba(0 0 0 / 0%)  }
.over-container.is_show{ }
.over-container .over-content{ background: #fff;    -webkit-transition: all .3s ease; transition: all 0.3s ease;  transform: translateX(100%);}
.over-container.is_show .over-content{  transform: translateX(0);}
.over-content .header-menu-content{display: block; padding: 30px; padding-top: 100px; max-width: 400px; margin: auto;}
.over-content ul { display: block; margin: 15px 0}
.over-content ul li{ display: block; margin: 15px 0}
.over-content ul li a{ font-size: 20px;}
/* endov */



@media only screen and (min-width: 768px) {

    .over-container.is_show .over-content{  transform: translateX(50%);}

}