.menu{
    margin:0;
    width:100%;
    padding-left:10px;
    position: fixed;
    bottom: 3.0em;
}
.menu input,.menu button{
    margin:0;
    vertical-align:middle;
    height:40px;
}
.menu input[type="text"]{
    border-radius:5px 0px 0px 5px;
	width:70%;
	border:none;
    padding-left:5px;
}
.menu li{
    list-style:none;
    float:left;
    padding:7px;
}
.menu form{
    text-align:left;
    clear:both;
}

.menu input{
    font-size:20px;
    text-align: left;
    background: rgba(256,256,256,0.9);
    color:black;
}

.menu button{
    cursor:pointer;
    border:none;
    width:20%;
    color:white;
    border-radius:0px 5px 5px 0px;
}

.menu button, .menu button i{
    transition:0.3s;
    font-size:20px;
}
.menu button:hover{
    background:rgba(37, 136, 238,0.8);
}
.menu button:hover i{
    color:white;
}
.menu i{
    color: rgba(37, 136, 238,0.8);
}
  
.menu .fa-line,.menu .fa-twitter,.menu .fa-envelope{
    font-size: 30px;
}

.menu .fa-line{
    color:rgba(90, 230, 40, 0.8);        
    font-weight: 400;
}
.menu .fa-twitter{
    color:rgba(0, 172, 237, 0.8);
}
.menu .fa-envelope{
    color:rgba(219, 74, 57, 0.8);
}

.tab ul li{
    border:1px solid #555;
	background-color: rgba(55,55,55,0.2);
}
.toplink a{
    border: 1px solid white;
    transition: 0.3s;
}

.toplink a:hover{
    background: rgba(255,255,255,0.5);
    color:  white;
    transition: 0.3s;
}

.pager{
    width: 90%;
    font-size: 40px;
    margin: auto;
}
.pager a{
    display: inline-block;
    width: 30%;
}

.pager span{
}
.pager a:hover *{
    transition: 0.3s;
}
.wrapper .pager:first-child{
    padding-top: 30px;
}

.nopage{
    visibility: hidden;
}


.mobile-footer{
    box-shadow:0px -6px 7px -5px black;
    background:white;
    height:calc(3.0em + 1.0vw);
    display: none;
}

.mobile-footer i{
    font-size:25px;
}
.mobile-footer div{
    float:left;
}

.mobile-footer *{
    color: rgba(37, 136, 238,0.8);
}

.mobile-footer a{
    display: inline-block;
}

.mobile-footer a,.mobile-footer .share{
    padding: calc(0.7em + 1.0vw) 0;
    width:20%;
    cursor:pointer;
}

.mobile-footer a:hover *,.fa-share-alt:hover{
    color:black;
    transition: 0.3s;
}

.com_form{
    margin-top:15px;
    font-size: 0;
    height:40px;
}
.com_form .post{
    vertical-align: middle;
    display: inline-block;
}
.com_form .post i{
    font-size: 30px;
    padding: 0px 10px;
    color: white;
}
.com_form .post a:hover i{
    color: #aaaaaa;
}
.com_form input,.com_form button{
    vertical-align: middle;
    font-size: 20px;
    height:100%;
    border:none;
}
.com_form input{
    padding: 0.2em;
    width: 70%;
    text-align: left;
    color: black !important;
}
.com_form button{
    width: 20%;
    padding: 0.1em 1em;
    border: none;
    cursor: pointer;
    color:black;
    background:#aaaaaa;
    transition: 0.3s;
}


@media screen and (max-width: 480px){
    .com_form{
        display: none;
    }
    .pager{
        display: none;
    }

    .mobile-footer{
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .com_form input{
        width: 60%;
        height: 30px;
        margin: 0;
        padding: 0.2em;
    }
    .com_form .post{
        margin: 0;
    }

    .com_form button{
        padding: 0;
        margin: 0;
        height: 50px;
        width: 20%;
        border: 1px solid black;
    }
}