.siteFooter{
    .preFooter{
        background: #fff;
        padding: 40px 0;
        .socialIcons{
            margin-top: 10px;
            margin-bottom: 20px;
            li{
                display: inline-block;
                margin: 0 3px;
                a{
                    color: #fff;
                    display: inline-block;
                    border: 1px solid #828080;
                    width: 35px;
                    height: 35px;
                    font-size: 14px;
                    color: #fff;
                    padding-top: 4px;
                    text-align: center;
                    border-radius: 2px;
                    &.facebook{
                        background: #3b5999;
                        border: 1px solid #3b5999;
                    }
                    &.google{
                        background: #DD4B39;
                        border: 1px solid #DD4B39;
                    }
                    &.twitter{
                        background: #55ACEE;
                        border: 1px solid #55ACEE;
                    }
                    &.linkedin{
                        background: #0077B5;
                        border: 1px solid #0077B5;
                    }
                    &.youtube{
                        background: #CD201F;
                        border: 1px solid #CD201F;
                    }
                }
            }
        }
        p{
            margin-top: 15px;
            font-size: 16px;
            margin-bottom: 20px;
        }
        h3{
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 20px;
            position: relative;
            &:before{
                position: absolute;
                content: '';
                bottom:-6px;
                left: 0;
                width: 75px;
                height: 2px;
                background: $themePrimaryClr;
            }
            @media screen and (max-width:767px){
               margin-top: 20px;
            }
        }
        .pageLinks{
            li{
                line-height: 30px;
                border-bottom: 1px dotted rgba(0,0,0,.2);
                a{
                    display: block;
                    padding: 3px 0;
                    position: relative;
                    &:hover{
                        color: $themePrimaryClr;
                    }
                    @media screen and (max-width:767px){
                        margin: 2px 0;
                    }
                }
                &:last-child{
                    border-bottom: 0;
                    padding-bottom: 0;
                }
            }
        }
    }
    .copyright{
        padding: 5px 0;
        background: #000;
        p{
            line-height: 36px;
            color: #fff;
            @media screen and (max-width:767px){
                font-size: 11px;
                text-align: center;
            }
        }
        .copyrightLinks{
            text-align: right;
            @media screen and (max-width:767px){
                text-align: center;
                font-size: 11px;
            }
            li{
                display: inline-block;
                margin-right: 8px;
                line-height: 36px;
                a{
                    color: #fff;
                    &:hover{
                        color: $themePrimaryClr;
                    }
                }
                &:last-child{
                    margin-right: 0;
                }
            }
        }
    }
}