﻿ul.networks {
    margin: 5px 0;
    padding: 5px 0;
    font-size: 0;
}

    ul.networks li {
        display: inline-block;
        margin: 4px;
    }

        ul.networks li a {
            display: block;
            font-size: 0;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }

    ul.networks.large li a {
        width: 61px;
        height: 61px;
        background-size: auto 60px !important;
    }

    ul.networks.medium li a {
        width: 45px;
        height: 45px;
        background-size: auto 44px !important;
    }

    ul.networks.small li a {
        width: 31px;
        height: 31px;
        background-size: auto 30px !important;
    }

    ul.networks.style1 li a {
        background: url('../images/Social-Networks-1.png') no-repeat;
    }

    ul.networks.style2 li a {
        background: url('../images/Social-Networks-2.png') no-repeat;
    }

    ul.networks.style2withbg li a {
        background: url('../images/Social-Networks-2-B.png') no-repeat;
    }

    ul.networks.style3 li a {
        background: url('../images/Social-Networks-3.png') no-repeat;
    }

    ul.networks.style4 li a {
        background: url('../images/Social-Networks-4.png') no-repeat;
    }

    ul.networks.style4withbg li a {
        background: url('../images/Social-Networks-4-B.png') no-repeat;
    }

    ul.networks.style5 li a {
        background: url('../images/Social-Networks-5.png') no-repeat;
    }

    ul.networks.style5withbg li a {
        background: url('../images/Social-Networks-5-B.png') no-repeat;
    }

    ul.networks.style6 li a {
        background: url('../images/Social-Networks-6.png') no-repeat;
    }

    ul.networks.style7 li a {
        background: url('../images/Social-Networks-7.png') no-repeat;
    }

    ul.networks.style8 li a {
        background: url('../images/Social-Networks-8.png') no-repeat;
    }

    ul.networks.style8gray li a {
        background: url('../images/Social-Networks-8-g.png') no-repeat;
    }

    /*HOVER STYLES START*/
    ul.networks.hover-style1 li:hover > a {
        background: url('../images/Social-Networks-1.png') no-repeat;
    }

    ul.networks.hover-style2 li:hover > a {
        background: url('../images/Social-Networks-2.png') no-repeat;
    }

    ul.networks.hover-style2withbg li:hover > a {
        background: url('../images/Social-Networks-2-B.png') no-repeat;
    }

    ul.networks.hover-style3 li:hover > a {
        background: url('../images/Social-Networks-3.png') no-repeat;
    }

    ul.networks.hover-style4 li:hover > a {
        background: url('../images/Social-Networks-4.png') no-repeat;
    }

    ul.networks.hover-style4withbg li:hover > a {
        background: url('../images/Social-Networks-4-B.png') no-repeat;
    }

    ul.networks.hover-style5 li:hover > a {
        background: url('../images/Social-Networks-5.png') no-repeat;
    }

    ul.networks.hover-style5withbg li:hover > a {
        background: url('../images/Social-Networks-5-B.png') no-repeat;
    }

    ul.networks.hover-style6 li:hover > a {
        background: url('../images/Social-Networks-6.png') no-repeat;
    }

    ul.networks.hover-style7 li:hover > a {
        background: url('../images/Social-Networks-7.png') no-repeat;
    }

    ul.networks.hover-style8 li:hover > a {
        background: url('../images/Social-Networks-8.png') no-repeat;
    }

    ul.networks.hover-style8gray li:hover > a {
        background: url('../images/Social-Networks-8-g.png') no-repeat;
    }

    ul.networks.hover-desaturate li a {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }

    ul.networks.hover-desaturate li:hover > a {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    ul.networks.hover-saturate li a {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    ul.networks.hover-saturate li:hover > a {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }

    ul.networks.hover-larger1 li:hover > a {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    ul.networks.hover-larger2 li:hover > a {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
        -o-transform: scale(1.10);
        transform: scale(1.10);
    }

    ul.networks.hover-larger3 li:hover > a {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

    ul.networks.hover-smaller1 li:hover > a {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    ul.networks.hover-smaller2 li:hover > a {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    ul.networks.hover-smaller3 li:hover > a {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    ul.networks.hover-rotatec li:hover > a {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    ul.networks.hover-rotatecc li:hover > a {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    /*HOVER STYLES END*/

    /*LARGE ICONS START*/
    ul.networks.large li.google-plus a {
        background-position: 0 0;
    }

    ul.networks.large li.facebook a {
        background-position: -63px 0;
    }

    ul.networks.large li.aparat a {
        background-position: -126px 0;
    }

    ul.networks.large li.linkedin a {
        background-position: -187px 0;
    }

    ul.networks.large li.twitter a {
        background-position: -251px 0;
    }

    ul.networks.large li.youtube a {
        background-position: -312px 0;
    }

    ul.networks.large li.telegram a {
        background-position: -376px 0;
    }

    ul.networks.large li.telegrambot a {
        background-position: -438px 0;
    }

    ul.networks.large li.rss a {
        background-position: -500.5px 0;
    }

    ul.networks.large li.dropbox a {
        background-position: -564px 0;
    }

    ul.networks.large li.googledrive a {
        background-position: -626.5px 0;
    }

    ul.networks.large li.onedrive a {
        background-position: -688.5px 0;
    }

    ul.networks.large li.whatsapp a {
        background-position: -751px 0;
    }

    ul.networks.large li.viber a {
        background-position: -813px 0;
    }

    ul.networks.large li.skype a {
        background-position: -876.5px 0;
    }

    ul.networks.large li.instagram a {
        background-position: -938px 0;
    }
    /*LARGE ICONS END*/

    /*MEDIUM ICONS START*/
    ul.networks.medium li.google-plus a {
        background-position: 0.5px 0;
    }

    ul.networks.medium li.facebook a {
        background-position: -46px 0;
    }

    ul.networks.medium li.aparat a {
        background-position: -92px 0;
    }

    ul.networks.medium li.linkedin a {
        background-position: -138px 0;
    }

    ul.networks.medium li.twitter a {
        background-position: -183px 0;
    }

    ul.networks.medium li.youtube a {
        background-position: -228.5px 0;
    }

    ul.networks.medium li.telegram a {
        background-position: -275.5px 0;
    }

    ul.networks.medium li.telegrambot a {
        background-position: -321px 0;
    }

    ul.networks.medium li.rss a {
        background-position: -366.5px 0;
    }

    ul.networks.medium li.dropbox a {
        background-position: -412.5px 0;
    }

    ul.networks.medium li.googledrive a {
        background-position: -459px 0;
    }

    ul.networks.medium li.onedrive a {
        background-position: -504.5px 0;
    }

    ul.networks.medium li.whatsapp a {
        background-position: -550.5px 0;
    }

    ul.networks.medium li.viber a {
        background-position: -596.5px 0;
    }

    ul.networks.medium li.skype a {
        background-position: -642.5px 0;
    }

    ul.networks.medium li.instagram a {
        background-position: -688.5px 0;
    }
    /*MEDIUM ICONS END*/

    /*SMALL ICONS START*/
    ul.networks.small li.google-plus a {
        background-position: 0 0;
    }

    ul.networks.small li.facebook a {
        background-position: -31px 0;
    }

    ul.networks.small li.aparat a {
        background-position: -62.5px 0;
    }

    ul.networks.small li.linkedin a {
        background-position: -93px 0;
    }

    ul.networks.small li.twitter a {
        background-position: -125px 0;
    }

    ul.networks.small li.youtube a {
        background-position: -156px 0;
    }

    ul.networks.small li.telegram a {
        background-position: -188px 0;
    }

    ul.networks.small li.telegrambot a {
        background-position: -219px 0;
    }

    ul.networks.small li.rss a {
        background-position: -251px 0;
    }

    ul.networks.small li.dropbox a {
        background-position: -281.5px 0;
    }

    ul.networks.small li.googledrive a {
        background-position: -312.5px 0;
    }

    ul.networks.small li.onedrive a {
        background-position: -344px 0;
    }

    ul.networks.small li.whatsapp a {
        background-position: -376px 0;
    }

    ul.networks.small li.viber a {
        background-position: -407px 0;
    }

    ul.networks.small li.skype a {
        background-position: -438.5px 0;
    }

    ul.networks.small li.instagram a {
        background-position: -469px 0;
    }
    /*SMALL ICONS END*/
