body {
}

.social-icons > ul {
    overflow: hidden;
    margin: 0;
    line-height: 0;
}

    .social-icons > ul > li {
        position: relative;
        list-style: none;
        padding: 0;
        overflow: hidden;
        
          backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    }

        .social-icons > ul > li .socicon {
            font-size: 11px;
            margin: 0;
        }

        .social-icons > ul > li a,
        .social-icons ul.social-icons-list > li a {
            -webkit-transition: all 0s linear;
            -moz-transition: all 0s linear;
            -ms-transition: all 0s linear;
            -o-transition: all 0s linear;
            transition: all 0s linear;
        }

        .social-icons > ul > li .socicon {
            line-height: 13px;
            -webkit-transition: color 0.3s ease, border 0.3s linear;
            transition: color 0.3s ease, border 0.3s linear;
            will-change: color, border;
        }

            .social-icons > ul > li .socicon:before {
            
            }

.social-icons > ul > li .socicon {
    color: #000;
}

.socicon-wrp {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}


    .socicon-wrp a {
        position: relative;
        padding: 8px 8px;
        width: 33px;
        height: 33px;
        text-align: center;
        display: block;
    }

    .socicon-wrp .icon-mask-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        display: none;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    }

    .socicon-wrp:hover .icon-mask-background {
        display: block;
    }

    .socicon-wrp:hover .socicon {
        color: #fff;
    }

    /* Blog Share - Home */
    .socicon-wrp .sec-icon a {
        position: relative;
        padding: 0;
        line-height: 13px;
        display: inline-block;
    }

/* Align Center */
.social-icons.text-center > ul > li {
    text-align: center;
}

/* Align Right */
.social-icons.text-right > ul > li {
    text-align: right;
}

/* Align Left */
.social-icons.text-left > ul > li {
    text-align: left;
}

/* No Border */
.social-icons.no-border > ul > li {
    border-radius: 0;
    border: none;
    width: auto;
    height: auto;
    margin-right: 5px;
}

    .social-icons.no-border > ul > li a {
        display: inline-block;
        text-align: left;
        padding: 3px 6px;
        height: auto;
        width: auto;
    }

/* No Mask Background */
.social-icons.no-border > ul > li .icon-mask-background,
.social-icons.no-border > ul > li:hover .icon-mask-background {
    display: none;
}

/* Theme Color */
.social-icons.theme-color > ul > li:hover .socicon {
    color: #000;
}

/* Icon and Title Style */
.social-icons.style-iconandtitle > ul {
    margin-left: -15px;
    margin-top: -10px;
}

.social-icons.style-iconandtitle > ul > li {
    margin: 10px 0 0 15px;
}

.social-icons.style-iconandtitle > ul > li:last-child {
}

.social-icons.style-iconandtitle > ul > li a {
    display: table;
    width: 100%;
    padding: 0;
}

    .social-icons.style-iconandtitle > ul > li a .socicon {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid rgba(0, 0, 0, 0.05);
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 5px;
    }

        .social-icons.style-iconandtitle > ul > li a .socicon {
            font-size: 10px;
            line-height: 1;
        }

    .social-icons.style-iconandtitle > ul > li a .title {
        display: table-cell;
        vertical-align: middle;
        padding-left: 8px;
        line-height: 1;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
    }


/* Icon With Circled Border Style */
.social-icons.style-iconcircledborder > ul {
    position: static;
    margin-left: -5px;
}

    .social-icons.style-iconcircledborder > ul,
    .social-icons.style-iconcircledborder > ul > li {
        overflow: visible;
    }

        .social-icons.style-iconcircledborder > ul > li {
            background-color: #fff;
            border-width: 0px;
            border-style: solid;
            border-color: rgba(0, 0, 0, 0.1);
            width: 40px;
            height: 40px;
            border-radius: 5px;
            margin: 5px 0 0 5px;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
            will-change: box-shadow, background-color;
            transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .social-icons.style-iconcircledborder > ul > li:hover {
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
        }

        .social-icons.style-iconcircledborder > ul > li a {
            padding: 0;
            line-height: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }

    .social-icons.style-iconcircledborder > ul > li a .socicon {
        float: none;
        line-height: 30px;
    }

        .social-icons.style-iconcircledborder > ul > li a .socicon {
            font-size: 11px;
            margin: 0;
        }

            .social-icons.style-iconcircledborder li:hover a .socicon {
                color: #000;
            }

    .social-icons.style-iconcircledborder > ul > li a .title {
        display: none;        
    }


/* Icon With Squared Border Style */
.social-icons.style-iconsquaredborder ul.social-icons-list {
    position: static;
    margin-left: -5px;
}

    .social-icons.style-iconsquaredborder ul.social-icons-list > li {
        padding: 0;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.05);
        width: 35px;
        height: 35px;
        margin: 5px 0 0 5px;
        border-radius: 5px;
        overflow: hidden;
    }

        .social-icons.style-iconsquaredborder ul.social-icons-list > li:hover {
            border-color: #000;
        }

.social-icons.style-iconsquaredborder.no-border ul.social-icons-list > li {
    border: none;
}


        .social-icons.style-iconsquaredborder ul.social-icons-list > li a {
            display: table;
            width: 100%;
            height: 100%;
            padding: 0;
            line-height: 0;
            vertical-align: middle;
            text-align: center;
        }

            .social-icons.style-iconsquaredborder ul.social-icons-list > li a .socicon {
                display: table-cell;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                float: none;
                line-height: 10px;
            }

                .social-icons.style-iconsquaredborder ul.social-icons-list > li a .socicon {
                    font-size: 11px;
                    margin: 0;
                }

            .social-icons.style-iconsquaredborder ul.social-icons-list > li a .title {
                display: none;
            }

/* Post Share Icons */
.social-icons.colored-background .oxb-icon-wrp .meta-box-icon .socicon {
    color: #fff;
}

.social-icons.colored-background .oxb-icon-wrp .meta-box-icon:hover .socicon {
    color: #fff;
}

.social-icons.colored-background .oxb-icon-wrp .meta-box-icon {
    opacity: 0.8;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.social-icons.colored-background .oxb-icon-wrp .meta-box-icon:hover {
    opacity: 1;
}


.social-icons.colored-background .facebook-socicon-wrp .meta-box-icon {
    background-color: #3B5998;
}

.social-icons.colored-background .twitter-socicon-wrp .meta-box-icon {
    background-color: #00ACED;
}

.social-icons.colored-background .googleplus-socicon-wrp .meta-box-icon {
    background-color: #D14836;
}

.social-icons.colored-background .pinterest-socicon-wrp .meta-box-icon {
    background-color: #CB2027;
}
.social-icons.colored-background .linkedin-socicon-wrp .meta-box-icon {
    background-color: #007FB1;
}
.social-icons.colored-background .stumbleupon-socicon-wrp .meta-box-icon {
    background-color: #EB4924;
}
.social-icons.colored-background .vkontakte-socicon-wrp .meta-box-icon {
    background-color: #4f7195;
}
.social-icons.colored-background .blogger-socicon-wrp .meta-box-icon {
    background-color: #F57D00;
}

.social-icons.colored-background .reddit-socicon-wrp .meta-box-icon {
    background-color: #FF4500;
}
.social-icons.colored-background .digg-socicon-wrp .meta-box-icon {
    background-color: #14589E;
}
.social-icons.colored-background .mail-socicon-wrp .meta-box-icon {
    background-color: #444;
}


/* Icons */
.bloglovin-socicon-wrp .icon-mask-background{
    background-color: #429bff;
}
.snapchat-socicon-wrp .icon-mask-background{
    background-color: #ffdd00;
}

.facebook-socicon-wrp .icon-mask-background {
    background-color: #3B5998;
}

.twitter-socicon-wrp .icon-mask-background {
    background-color: #00ACED;
}

.googleplus-socicon-wrp .icon-mask-background {
    background-color: #D14836;
}

.pinterest-socicon-wrp .icon-mask-background {
    background-color: #CB2027;
}

.youtube-socicon-wrp .icon-mask-background {
    background-color: #CD332D;
}

.linkedin-socicon-wrp .icon-mask-background {
    background-color: #007FB1;
}

.rss-socicon-wrp .icon-mask-background {
    background-color: #FF8300;
}

.skype-socicon-wrp .icon-mask-background {
    background-color: #00AFF0;
}

.wordpress-socicon-wrp .icon-mask-background {
    background-color: #21759B;
}

.dribble-socicon-wrp .icon-mask-background {
    background-color: #EA4C89;
}

.instagram-socicon-wrp .icon-mask-background {
    background-color: #3F729B;
}

.picasa-socicon-wrp .icon-mask-background {
    background-color: #4B5D5F;
}

.vimeo-socicon-wrp .icon-mask-background {
    background-color: #44BBFF;
}

.envato-socicon-wrp .icon-mask-background {
    background-color: #528036;
}

.myspace-socicon-wrp .icon-mask-background {
    background-color: #008DDE;
}

.github-circled-socicon-wrp .icon-mask-background {
    background-color: #4183C4;
}

.outlook-socicon-wrp .icon-mask-background {
    background-color: #0072C6;
}

.behance-socicon-wrp .icon-mask-background {
    background-color: #1769FF;
}

.flattr-socicon-wrp .icon-mask-background {
    background-color: #F67C1A;
}

.google-socicon-wrp .icon-mask-background {
    background-color: #245DC1;
}

.blogger-socicon-wrp .icon-mask-background {
    background-color: #F57D00;
}

.reddit-socicon-wrp .icon-mask-background {
    background-color: #FF4500;
}

.tumblr-socicon-wrp .icon-mask-background {
    background-color: #2C4762;
}

.evernote-socicon-wrp .icon-mask-background {
    background-color: #3B5998;
}

.apple-socicon-wrp .icon-mask-background {
    background-color: #B9BFC1;
}

.lastfm-socicon-wrp .icon-mask-background {
    background-color: #D51007;
}

.stumbleupon-socicon-wrp .icon-mask-background {
    background-color: #EB4924;
}

.mediatemple-socicon-wrp .icon-mask-background {
    background-color: #000;
}

/* Part Two */
.digg-socicon-wrp .icon-mask-background {
    background-color: #14589E;
}

.flickr-socicon-wrp .icon-mask-background {
    background-color: #0063DB;
}

.mail-socicon-wrp .icon-mask-background {
    background-color: #333;
}

.website-socicon-wrp .icon-mask-background {
    background-color: #F30;
}

.delicious-socicon-wrp .icon-mask-background {
    background-color: #3274D1;
}

.aboutme-socicon-wrp .icon-mask-background {
    background-color: #00405D;
}

.bebo-socicon-wrp .icon-mask-background {
    background-color: #EE1010;
}

.fivehundredpx-socicon-wrp .icon-mask-background {
    background-color: #444444;
}

.alistapart-socicon-wrp .icon-mask-background {
    background-color: #222222;
}

.amazon-socicon-wrp .icon-mask-background {
    background-color: #FF9900;
}

.android-socicon-wrp .icon-mask-background {
    background-color: #A4C639;
}

.deviantart-socicon-wrp .icon-mask-background {
    background-color: #4B5D50;
}

.angellist-socicon-wrp .icon-mask-background {
    background-color: #000000;
}

.forrst-socicon-wrp .icon-mask-background {
    background-color: #5B9A68;
}

.soundcloud-socicon-wrp .icon-mask-background {
    background-color: #FF6600;
}

.appdotnet-socicon-wrp .icon-mask-background {
    background-color: #898D90;
}

.orkut-socicon-wrp .icon-mask-background {
    background-color: #ED2590;
}

.pinboard-socicon-wrp .icon-mask-background {
    background-color: #0000FF;
}

.newsvine-socicon-wrp .icon-mask-background {
    background-color: #075B2F;
}

.rdio-socicon-wrp .icon-mask-background {
    background-color: #006ED2;
}

.skydrive-socicon-wrp .icon-mask-background {
    background-color: #094AB1;
}

.stackexchange-socicon-wrp .icon-mask-background {
    background-color: #1F5196;
}

.twitch-socicon-wrp .icon-mask-background {
    background-color: #6441A5;
}

.viadeo-socicon-wrp .icon-mask-background {
    background-color: #F4982B;
}

.yahoo-socicon-wrp .icon-mask-background {
    background-color: #731A8B;
}

.yelp-socicon-wrp .icon-mask-background {
    background-color: #C93C27;
}

.drupal-socicon-wrp .icon-mask-background {
    background-color: #0077C0;
}

.ebay-socicon-wrp .icon-mask-background {
    background-color: #0064D2;
}

.exfm-socicon-wrp .icon-mask-background {
    background-color: #0097F8;
}

.geeklist-socicon-wrp .icon-mask-background {
    background-color: #8CC63E;
}

.heroku-socicon-wrp .icon-mask-background {
    background-color: #6762A6;
}

.imdb-socicon-wrp .icon-mask-background {
    background-color: #F3CE00;
}

.jsfiddle-socicon-wrp .icon-mask-background {
    background-color: #4679A4;
}

.dropbox-socicon-wrp .icon-mask-background {
    background-color: #2281CF;
}

.odnoklassniki-socicon-wrp .icon-mask-background {
    background-color: #f58220;
}

.vkontakte-socicon-wrp .icon-mask-background {
    background-color: #4f7195;
}