.soc-footer {
    font-size: 18px;
    height: 60px;
    background-color: #bdbdbd;
    width: 100%;
    position: absolute;
    z-index: 2;
}
.soc-header-mobile {
    font-size: 20px;
    height: 57px;
    background-color: #fff;
    /*margin-left: -20px;*/
    width: 100%;
    padding-left: 20px;
    margin-bottom: 12px;
}
.soc-header-mobile ul li a{
    margin-left: 20px;
}
.footer-push {
    height: 57px;
}

.soc-footer span {
    margin-right: 10px;
}


.soc-footer .green {
    color: #588932;
}

.soc-footer:before {
    display: inline-block;
    content: "";
    height: 57px;
    width: 20px;
    background-color: #bdbdbd;
    position: relative;
    float: left;
    transform: skew(-15deg);
    left: -10px;
}

.soc-footer ul, .soc-header-mobile ul {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    display: block;
    line-height: 40px;
}

.soc-footer ul li, .soc-header-mobile ul li {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 18px;
}

.soc-footer .left-menu {
    /*font-size: 10pt;*/
    font-size: 12pt;
}

.soc-footer .right-menu {
    float: right;
    /*font-size: 10pt;*/
    font-size: 12pt;
}

.soc-footer > .eauth span{
    margin-right: 5px !important;
}

.soc-footer > .eauth > li{
    margin-right: 0 !important;
    /*font-size: 10pt;*/
    font-size: 12pt;
}

@media (max-width: 1360px) {
    .soc-footer .left-menu {
        font-size: 11pt;
    }

    .soc-footer .right-menu {
        font-size: 11pt;
    }

    .soc-footer > .eauth > li{
        margin-right: 0 !important;
        font-size: 11pt;
    }
}

.footer-counter {
    margin-right: 4px !important;
}

.footer-counter img{
    width: 0px;
    height: 0px;
}

.soc-footer > .eauth > li:nth-child(1){
    padding-right: 5px;
}

.firstFootLi > a{
    color: #588932;
}