@import url("//gcore.jsdelivr.net/gh/nolecode/Nole/dh.css");
@media screen and (min-width:767px){#mobile-footer{display:none}}
#mobile-footer{height:50px; background: rgba(255,255,255,0.85) ;opacity: 0.8 ;position:fixed;bottom:0;left:0;border-top:0;width:100%;z-index:9999999}
#mobile-menu{display:block}
#mobile-menu:after{content:'';display:block;height:0;clear:both}
#mobile-menu>li{width:20%;float:left;border-top:1px solid #e6e6eb;height:100%}
#mobile-menu>li>a:hover{color:#000;}
#mobile-menu>li>.active{color:#000;}
#mobile-menu>li>a{text-align:center;color:#33ccff;display:block;line-height:12px;height:100%}
#mobile-menu>li>a>span{font-size:20px;display:block;line-height:30px}

.pp-block{display: flex;justify-content:center;background:repeating-linear-gradient(145deg, var(--classB), var(--classB) 15px, var(--background) 0, var(--background) 30px);padding:15px 0;margin-bottom:18px;}
.pp-info{position: relative;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden;}
.pp-block .pp-info .icon{position:absolute;top:50%;transform:translateY(-50%);left:15px;align:center;}
.pp-block .pp-info .input{width:250px;height:40px;border:none;color:var(--routine);padding-left:50px;background:rgba(255,255,255,0.5);border-radius:20px;}
.pp-block .pp-info .submit{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:var(--main);border:none;background:none;}

.i-exlink {
    display: inline-block;
    background-image: url('../img/exlink.svg');
    width: 13px;
    height: 13px;
    vertical-align: -1px;
    margin-left: 2px;
    fill:#409EFF;
}