// FOOTER
#contacto {
    padding: 70px 0;
    .title {
        color: $white;
    }
    form {
        margin: 0 0 0px 0;
    }
    address {
        margin: 0;
        a {
            color: $white;
            &:hover {
                text-decoration: none;
                color: $white;
            }
        }
        ul {
            list-style: none;
            padding: 20px 0;
            margin: 0;
            color: $white;
            font-family: $vbold;
            font-size: 25px;
        }
        li {
            position: relative;
            padding-left: 70px;
            &:before {
                position: absolute;
                left: 0;
                content: "";
            }
            &.tel {
                margin: 0 0 20px 0;
                &:before {
                    background: url(../../img/phone-icon.png) no-repeat center center;
                    background-size: cover;
                    width: 25px;
                    height: 55px;
                    top: 12px;
                    left: 7px;
                }
            }
            &.dire {
                &:before {
                    background: url(../../img/address-icon.png);
                    background-size: cover;
                    width: 40px;
                    height: 50px;
                    top: -10px;
                }
            }
        }
    }
}


footer {
    background: $light-gray;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
    padding: 40px 0 0 0;
    border: 1px solid #c6c6c6;
    
    h6 {
        color: $black;
        font-size: 20px;
        font-family: $vbold;
        margin: 0 0 20px 0;
    }
    
    .social {
        list-style: none;
        padding: 0;
        margin: 0;
        li {
            font-family: $vbold;
            font-size: 18px;
            margin: 10px 0;
            position: relative;
            padding-left: 45px;
            &.facebook {
                &:before {
                    position: absolute;
                    //font-family: 'FontAwesome';
                    //content: "\f09a";
                    content: "";
                    left: 0;
                    top: 15px;
                    font-size: 33px;
                    color: $black;
                    background: url(../../img/facebook-icon.png) no-repeat center center;
                    background-size: 40px;
                    width: 30px;
                    height: 40px;
                }
            }
            &.instagram {
                &:before {
                    position: absolute;
                    //font-family: 'FontAwesome';
                    //content: "\f16d";
                    content: "";
                    left: 0;
                    font-size: 33px;
                    color: $black;
                    top: -10px;
                    background: url(../../img/instagram-icon.png) no-repeat center center;
                    background-size: 40px;
                    width: 30px;
                    height: 40px;
                }
            }
            
        }
        a {
            color: $gray;
            transition: 0.3s;
            &:hover {
                text-decoration: none;
                color: $black;
            }
        }
        @include media-xs {
            margin-bottom: 30px;
        }
    }
    
    p {
        font-family: $vbook;
        color: $gray;
        font-size: 17px;
    }
    
}

#copyright {
    background: $white;
    padding: 15px 0;
    color: $gray;
    font-family: $vbook;
    font-size: 16px;
    margin: 40px 0 0 0;
    a {
        color: $gray;
    }
    @include media-xs {
        text-align: center !important;
        .text-right {
            text-align: center;
        }
    }
}