/*

//.........................
//.VVVV....VVVVV....4444...
//.VVVV....VVVV....44444...
//.VVVV....VVVV...444444...
//.VVVVV..VVVV....444444...
//..VVVV..VVVV...4444444...
//..VVVV..VVVV..44444444...
//..VVVVVVVVV...444.4444...
//...VVVVVVVV..V444.4444...
//...VVVVVVVV..V444444444..
//...VVVVVVV...V444444444..
//....VVVVVV........4444...
//....VVVVVV........4444...
//....VVVVV.........4444...
//.........................

V4

	TABLE OF CONTENTS
	----------------------------------------------------------------
	TABLE OF CONTENTS
	----------------------------------------------------------------
	*. footer .................................................
	----------------------------------------------------------------
*/




.footer {
	z-index: 1020;
	line-height: 20px;
    border-top: 1px solid #393939;
    width: 100%;
    padding: 20px 0;
    margin: 4px 0 0 0
}


#footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #000;
    z-index: 4
}

#footer>div {
    position: relative
}

.footerCont {
    display: none
}

.footerCont>.wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #c7c7c7;
    padding: 40px 0
}

.footerCont .right {
    padding: 4px
}

.footerCont .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    white-space: nowrap
}

.footerCont .right a:active,.footerCont .right a:visited {
    color: #aaa
}

.footerCont .right a:hover {
    text-decoration: underline
}

.footerCont .right a img {
    height: 30px;
    margin-right: 4px
}

#btnFooter {
    position: absolute;
    top: -20px;
    width: 60px;
    height: 20px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#footer.sh .icon-arrow-up {
    display: none
}

#footer.sh .icon-arrow-down {
    display: block
}

#btnFooter .icon-arrow-down {
    color: #f8eba1
}

#btnFooter .icon-arrow-down {
    display: none
}

#footer.sh #btnFooter {
    top: -20px
}




.footer_logos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.footer_logos ul li {
    background: url(/image/v4_grit/footer/footer_logos.png?v=03) no-repeat;
    width: 110px;
    height: 40px;
    display: inline-block;
    transition: .1s;
    margin: 10px;
    opacity:0.2;
}

.footer_logos ul li:hover{opacity: 1;}

.copyright {
    text-align: center;
    padding: 10px 0 0;
    color: #999;
    font-size: 12px
}