/*!
 * Socializer - CSS library for social media buttons
 * Copyright (c) 2021 Aakash Chakravarthy - www.aakashweb.com
 * MIT license
 */
.socializer {
    padding: 0;
    margin: 0;
    display: inline-block
}

.socializer>* {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative
}

.socializer a {
    font-family: sans-serif!important;
    display: inline-block;
    border: 0;
    text-align: center;
    text-decoration: none;
    width: 16px;
    height: 16px;
    line-height: 18px;
    font-size: 8px;
    border-style: solid;
    box-sizing: content-box;
    transition: all .5s;
    -webkit-transition: all .2s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out
}

.socializer a>* {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

.socializer:after {
    content: '';
    clear: both;
    display: block
}

.sr-32px {
    min-height: 32px
}

.sr-32px a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px
}

.sr-32px.sr-font-sm a {
    font-size: 10.6666666667px
}

.sr-32px.sr-font-lg a {
    font-size: 21.3333333333px
}

.sr-40px {
    min-height: 40px
}

.sr-40px a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.sr-40px.sr-font-sm a {
    font-size: 13.3333333333px
}

.sr-40px.sr-font-lg a {
    font-size: 26.6666666667px
}

.sr-48px {
    min-height: 48px
}

.sr-48px a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px
}

.sr-48px.sr-font-sm a {
    font-size: 16px
}

.sr-48px.sr-font-lg a {
    font-size: 32px
}

.sr-64px {
    min-height: 64px
}

.sr-64px a {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 32px
}

.sr-64px.sr-font-sm a {
    font-size: 21.3333333333px
}

.sr-64px.sr-font-lg a {
    font-size: 42.6666666667px
}

.socializer .sr-addtofavorites a,.socializer .sr-addtofavorites a:visited {
    color: #f9a600;
    border-color: #f9a600;
    background-color: #f9a600
}

.socializer .sr-behance a,.socializer .sr-behance a:visited {
    color: #1769ff;
    border-color: #1769ff;
    background-color: #1769ff
}

.socializer .sr-bitbucket a,.socializer .sr-bitbucket a:visited {
    color: #205081;
    border-color: #205081;
    background-color: #205081
}

.socializer .sr-blogger a,.socializer .sr-blogger a:visited {
    color: #ff6501;
    border-color: #ff6501;
    background-color: #ff6501
}

.socializer .sr-codepen a,.socializer .sr-codepen a:visited {
    color: #000;
    border-color: #000;
    background-color: #000
}

.socializer .sr-comments a,.socializer .sr-comments a:visited {
    color: #333;
    border-color: #333;
    background-color: #333
}

.socializer .sr-delicious a,.socializer .sr-delicious a:visited {
    color: #3274d1;
    border-color: #3274d1;
    background-color: #3274d1
}

.socializer .sr-deviantart a,.socializer .sr-deviantart a:visited {
    color: #475c4d;
    border-color: #475c4d;
    background-color: #475c4d
}

.socializer .sr-digg a,.socializer .sr-digg a:visited {
    color: #000;
    border-color: #000;
    background-color: #000
}

.socializer .sr-discord a,.socializer .sr-discord a:visited {
    color: #7289da;
    border-color: #7289da;
    background-color: #7289da
}

.socializer .sr-dribbble a,.socializer .sr-dribbble a:visited {
    color: #ea4c89;
    border-color: #ea4c89;
    background-color: #ea4c89
}

.socializer .sr-email a,.socializer .sr-email a:visited {
    color: #000;
    border-color: #000;
    background-color: #000
}

.socializer .sr-etsy a,.socializer .sr-etsy a:visited {
    color: #f1641e;
    border-color: #f1641e;
    background-color: #f1641e
}

.socializer .sr-facebook a,.socializer .sr-facebook a:visited {
    color: #1977f3;
    border-color: #1977f3;
    background-color: #1977f3
}

.socializer .sr-fbmessenger a,.socializer .sr-fbmessenger a:visited {
    color: #2998ff;
    border-color: #2998ff;
    background-color: #2998ff
}

.socializer .sr-flickr a,.socializer .sr-flickr a:visited {
    color: #1c9be9;
    border-color: #1c9be9;
    background-color: #1c9be9
}

.socializer .sr-github a,.socializer .sr-github a:visited {
    color: #333;
    border-color: #333;
    background-color: #333
}

.socializer .sr-google a,.socializer .sr-google a:visited {
    color: #3a7cec;
    border-color: #3a7cec;
    background-color: #3a7cec
}

.socializer .sr-googleplus a,.socializer .sr-googleplus a:visited {
    color: #db483b;
    border-color: #db483b;
    background-color: #db483b
}

.socializer .sr-hackernews a,.socializer .sr-hackernews a:visited {
    color: #ff6500;
    border-color: #ff6500;
    background-color: #ff6500
}

.socializer .sr-houzz a,.socializer .sr-houzz a:visited {
    color: #4dbc15;
    border-color: #4dbc15;
    background-color: #4dbc15
}

.socializer .sr-instagram a,.socializer .sr-instagram a:visited {
    color: #e23367;
    border-color: #e23367;
    background-color: #e23367
}

.socializer .sr-line a,.socializer .sr-line a:visited {
    color: #00c300;
    border-color: #00c300;
    background-color: #00c300
}

.socializer .sr-linkedin a,.socializer .sr-linkedin a:visited {
    color: #0274b3;
    border-color: #0274b3;
    background-color: #0274b3
}

.socializer .sr-medium a,.socializer .sr-medium a:visited {
    color: #02b875;
    border-color: #02b875;
    background-color: #02b875
}

.socializer .sr-mix a,.socializer .sr-mix a:visited {
    color: #ff8226;
    border-color: #ff8226;
    background-color: #ff8226
}

.socializer .sr-odnoklassniki a,.socializer .sr-odnoklassniki a:visited {
    color: #f2720c;
    border-color: #f2720c;
    background-color: #f2720c
}

.socializer .sr-patreon a,.socializer .sr-patreon a:visited {
    color: #e85b46;
    border-color: #e85b46;
    background-color: #e85b46
}

.socializer .sr-paypal a,.socializer .sr-paypal a:visited {
    color: #0070ba;
    border-color: #0070ba;
    background-color: #0070ba
}

.socializer .sr-pdf a,.socializer .sr-pdf a:visited {
    color: #e61b2e;
    border-color: #e61b2e;
    background-color: #e61b2e
}

.socializer .sr-phone a,.socializer .sr-phone a:visited {
    color: #1a73e8;
    border-color: #1a73e8;
    background-color: #1a73e8
}

.socializer .sr-pinterest a,.socializer .sr-pinterest a:visited {
    color: #cb2027;
    border-color: #cb2027;
    background-color: #cb2027
}

.socializer .sr-pocket a,.socializer .sr-pocket a:visited {
    color: #ef4056;
    border-color: #ef4056;
    background-color: #ef4056
}

.socializer .sr-print a,.socializer .sr-print a:visited {
    color: #6d9f00;
    border-color: #6d9f00;
    background-color: #6d9f00
}

.socializer .sr-reddit a,.socializer .sr-reddit a:visited {
    color: #ff5600;
    border-color: #ff5600;
    background-color: #ff5600
}

.socializer .sr-renren a,.socializer .sr-renren a:visited {
    color: #005eac;
    border-color: #005eac;
    background-color: #005eac
}

.socializer .sr-rss a,.socializer .sr-rss a:visited {
    color: #ff7b0a;
    border-color: #ff7b0a;
    background-color: #ff7b0a
}

.socializer .sr-shortlink a,.socializer .sr-shortlink a:visited {
    color: #333;
    border-color: #333;
    background-color: #333
}

.socializer .sr-skype a,.socializer .sr-skype a:visited {
    color: #00aff0;
    border-color: #00aff0;
    background-color: #00aff0
}

.socializer .sr-snapchat a,.socializer .sr-snapchat a:visited {
    color: #fffc00;
    border-color: #fffc00;
    background-color: #fffc00
}

.socializer .sr-soundcloud a,.socializer .sr-soundcloud a:visited {
    color: #f50;
    border-color: #f50;
    background-color: #f50
}

.socializer .sr-stackoverflow a,.socializer .sr-stackoverflow a:visited {
    color: #f48024;
    border-color: #f48024;
    background-color: #f48024
}

.socializer .sr-stumbleupon a,.socializer .sr-stumbleupon a:visited {
    color: #eb4823;
    border-color: #eb4823;
    background-color: #eb4823
}

.socializer .sr-quora a,.socializer .sr-quora a:visited {
    color: #b92b27;
    border-color: #b92b27;
    background-color: #b92b27
}

.socializer .sr-telegram a,.socializer .sr-telegram a:visited {
    color: #179cde;
    border-color: #179cde;
    background-color: #179cde
}

.socializer .sr-tiktok a,.socializer .sr-tiktok a:visited {
    color: #010101;
    border-color: #010101;
    background-color: #010101
}

.socializer .sr-tumblr a,.socializer .sr-tumblr a:visited {
    color: #314358;
    border-color: #314358;
    background-color: #314358
}

.socializer .sr-twitch a,.socializer .sr-twitch a:visited {
    color: #4b367c;
    border-color: #4b367c;
    background-color: #4b367c
}

.socializer .sr-twitter a,.socializer .sr-twitter a:visited {
    color: #1da1f2;
    border-color: #1da1f2;
    background-color: #1da1f2
}

.socializer .sr-viber a,.socializer .sr-viber a:visited {
    color: #574e92;
    border-color: #574e92;
    background-color: #574e92
}

.socializer .sr-vimeo a,.socializer .sr-vimeo a:visited {
    color: #00adef;
    border-color: #00adef;
    background-color: #00adef
}

.socializer .sr-vkontakte a,.socializer .sr-vkontakte a:visited {
    color: #4c75a3;
    border-color: #4c75a3;
    background-color: #4c75a3
}

.socializer .sr-wechat a,.socializer .sr-wechat a:visited {
    color: #7bb32e;
    border-color: #7bb32e;
    background-color: #7bb32e
}

.socializer .sr-weibo a,.socializer .sr-weibo a:visited {
    color: #e6162d;
    border-color: #e6162d;
    background-color: #e6162d
}

.socializer .sr-whatsapp a,.socializer .sr-whatsapp a:visited {
    color: #60b82d;
    border-color: #60b82d;
    background-color: #60b82d
}

.socializer .sr-xing a,.socializer .sr-xing a:visited {
    color: #006567;
    border-color: #006567;
    background-color: #006567
}

.socializer .sr-yahoomail a,.socializer .sr-yahoomail a:visited {
    color: #4a00a1;
    border-color: #4a00a1;
    background-color: #4a00a1
}

.socializer .sr-youtube a,.socializer .sr-youtube a:visited {
    color: red;
    border-color: red;
    background-color: red
}

.socializer .sr-more>a,.socializer .sr-more>a:visited {
    color: green;
    border-color: green;
    background-color: green
}

.sr-text-in a {
    width: auto;
    padding: 0 1em;
    overflow: hidden
}

.sr-text-in a>* {
    padding-right: .5em
}

.sr-text-in a>:last-child {
    padding-right: 0
}

.sr-text-out a {
    vertical-align: middle
}

.sr-text-out .text {
    font-size: 12px;
    margin-left: .5em;
    vertical-align: middle
}

.sr-text-below {
    text-align: center
}

.sr-text-below .text {
    display: block;
    font-size: 12px;
    margin-top: .5em
}

.sr-text-hover .text {
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 12px;
    width: 100px;
    top: -3em;
    border-radius: 5px;
    text-align: center;
    line-height: 2em;
    margin-left: -25%;
    z-index: 9999
}

.sr-text-hover .text:before {
    position: absolute;
    content: '';
    border: .5em solid red;
    bottom: -1em;
    left: 1em;
    width: 0;
    height: 0;
    border-color: #000 transparent transparent transparent
}

.sr-text-hover:hover>.text {
    display: block
}

.sr-bdr-sm.socializer a {
    border-width: 1px
}

.sr-bdr-md.socializer a {
    border-width: 2px
}

.sr-bdr-lg.socializer a {
    border-width: 3px
}

.sr-bdr-none.socializer a {
    border-width: 0
}

.sr-bdr-white.socializer a,.sr-bdr-white.socializer a:visited {
    border-color: #fff
}

.sr-bdr-dark.socializer a,.sr-bdr-dark.socializer a:visited {
    border-color: #000
}

.sr-bdr-grey.socializer a,.sr-bdr-grey.socializer a:visited {
    border-color: #ccc
}

.sr-bg-white.socializer a,.sr-bg-white.socializer a:visited {
    background-color: #fff
}

.sr-bg-dark.socializer a,.sr-bg-dark.socializer a:visited {
    background-color: #333
}

.sr-bg-grey.socializer a,.sr-bg-grey.socializer a:visited {
    background-color: #ccc
}

.sr-bg-none.socializer a,.sr-bg-none.socializer a:visited {
    background-color: transparent
}

.sr-icon-white.socializer a,.sr-icon-white.socializer a:visited {
    color: #fff
}

.sr-icon-dark.socializer a,.sr-icon-dark.socializer a:visited {
    color: #333
}

.sr-icon-grey.socializer a,.sr-icon-grey.socializer a:visited {
    color: #ccc
}

.sr-sw-1.socializer a {
    box-shadow: 0 0 .2em rgba(0,0,0,.3)
}

.sr-sw-2.socializer a {
    box-shadow: inset 0 -.1em .1em rgba(0,0,0,.3)
}

.sr-sw-3.socializer a {
    box-shadow: 0 -.1em .1em rgba(0,0,0,.3)
}

.sr-sw-icon-1.socializer a i {
    text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

.sr-count-1 span.ctext {
    background: #ff5722;
    position: absolute;
    top: -.6em;
    right: -.6em;
    border-radius: 1em;
    font-size: .6em;
    line-height: 1;
    padding: .3em .5em;
    z-index: 99;
    color: #fff;
    box-shadow: 0 1px 3px -1px #000
}

.sr-count-2 span.ctext {
    font-size: .8em;
    margin: 0;
    padding: .5em;
    font-weight: 700;
    line-height: .8em;
    background: rgba(0,0,0,.3);
    border-radius: 1em
}

.sr-count-3 span.ctext {
    font-size: .8em;
    margin: 0;
    font-weight: 700;
    line-height: .8em;
    border-left: 1px solid;
    padding: 0 0 0 .8em
}

.sr-vertical.sr-count-2 a {
    height: auto
}

.sr-vertical.sr-count-2 span.ctext {
    display: block;
    font-size: .6em;
    border-radius: 0;
    padding: .5em
}

.sr-vertical.sr-count-3 a {
    height: auto
}

.sr-vertical.sr-count-3 span.ctext {
    display: block;
    font-size: .6em;
    border-radius: 0;
    border-top: 1px solid;
    padding: .5em;
    border-left: 0
}

.sr-bb-1 .sr-text-in {
    margin-right: 3.5em
}

.sr-bb-1 a {
    position: relative;
    overflow: visible
}

.sr-bb-1 span.ctext {
    font-size: .8em;
    font-weight: 700;
    background: #fff;
    border-radius: 3px;
    color: #333;
    position: absolute;
    width: 3em;
    top: 0;
    bottom: 0;
    padding: 0;
    right: -3.5em;
    border: 1px solid #dfdfdf
}

.sr-vertical.sr-bb-1 span.ctext {
    display: block;
    position: static;
    width: 100%;
    margin: 0;
    font-size: .7em;
    line-height: 1;
    padding: .3em 0;
    margin-top: -.3em
}

.sr-circle a {
    border-radius: 50%
}

.sr-circle .sr-text-in a,.sr-circle.sr-text-in a {
    border-radius: 1em
}

.sr-squircle .sr-text-in a,.sr-squircle a,.sr-squircle.sr-text-in a {
    border-radius: .5em
}

.sr-squircle-2 .sr-text-in a,.sr-squircle-2 a,.sr-squircle-2.sr-text-in a {
    border-radius: 0 .5em 0 .5em
}

.sr-diamond a {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sr-diamond a>* {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sr-drop a {
    border-radius: 50% 50% 0 50%
}

.sr-ribbon a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent;
    border-width: 0 1em .5em 1em
}

.sr-fluid {
    display: flex;
    width: 100%
}

.sr-fluid>* {
    float: none;
    width: 100%
}

.sr-fluid a {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 .5em
}

.sr-fluid.sr-pad {
    border-spacing: .25em
}

.sr-fluid .sr-text-in a>*,.sr-fluid.sr-text-in a>* {
    margin-right: .5em
}

.sr-fluid .sr-text-in a>:last-child,.sr-fluid.sr-text-in a>:last-child {
    margin-right: 0
}

.sr-fluid .sr-text-in a:last-child,.sr-fluid.sr-text-in a:last-child {
    margin: 0
}

.sr-fluid.sr-squircle a {
    border-radius: .5em
}

.sr-fluid.sr-squircle-2 a {
    border-radius: 0 .5em 0 .5em
}

.sr-fluid .sr-more li {
    display: block;
    width: 100%
}

.sr-vertical {
    width: 16px
}

.sr-vertical.sr-32px {
    width: 32px
}

.sr-vertical.sr-32px>* {
    width: 32px
}

.sr-vertical.sr-40px {
    width: 40px
}

.sr-vertical.sr-40px>* {
    width: 40px
}

.sr-vertical.sr-48px {
    width: 48px
}

.sr-vertical.sr-48px>* {
    width: 48px
}

.sr-vertical.sr-64px {
    width: 64px
}

.sr-vertical.sr-64px>* {
    width: 64px
}

.sr-vertical.sr-pad>* {
    margin: 0 0 .5em 0
}

.sr-vertical .sr-text-in {
    line-height: 1
}

.sr-vertical .sr-text-in a {
    padding: 0;
    width: inherit
}

.sr-vertical .sr-text-in a>* {
    padding: 0
}

.sr-vertical .sr-text-in .text {
    display: none
}

.sr-opacity a:hover {
    opacity: .5
}

.sr-opacity a:active {
    opacity: .8
}

.sr-rotate a:hover {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.sr-rotate a:active {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sr-zoom a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 9999
}

.sr-zoom a:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.sr-shrink a:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.sr-shrink a:active {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.sr-float a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.sr-float a:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sr-sink a:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.sr-sink a:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sr-fade-white a:hover {
    color: #000;
    background-color: #fff
}

.sr-fade-white a:active {
    opacity: .2
}

.sr-fade-black a:hover {
    color: #fff;
    background-color: #000
}

.sr-fade-black a:active {
    opacity: .2
}

.sr-pad>* {
    margin-right: .5em
}

.sr-multiline>* {
    margin-bottom: .5em
}

.sr-no-icon i {
    display: none
}

.socializer.sr-pad>:last-child {
    margin: 0
}

.sr-more .socializer {
    background: #fff;
    padding: .5em;
    position: absolute;
    display: none;
    box-shadow: 0 2px 6px -2px;
    z-index: 9999
}

.sr-more .socializer:before {
    content: '';
    display: inline-block;
    position: absolute;
    border: .25em solid;
    border-color: transparent transparent #fff transparent;
    top: -.5em;
    left: .5em
}

.sr-more .socializer:after {
    content: '';
    clear: both;
    display: block
}

.sr-more .socializer>* {
    margin: 0 0 .5em 0
}

.sr-more .socializer>:last-child {
    margin-bottom: 0
}

.sr-more:hover .socializer {
    display: block
}

.sr-sharebar {
    position: fixed;
    z-index: 9999
}

.sr-sb-vl {
    top: 50%;
    transform: translateY(-50%)
}

.sr-sb-left {
    left: 30px
}

.sr-sb-right {
    right: 30px
}

.sr-sb-hl {
    left: 50%;
    transform: translateX(-50%)
}

.sr-sb-top {
    top: 30px
}

.sr-sb-bottom {
    bottom: 30px
}

.sr-sb-white {
    background: #fff;
    box-shadow: 0 1px 4px -2px;
    padding: 10px
}

.sr-sb-dark {
    background: #008c16;
    box-shadow: 0 1px 4px -2px;
    padding: 10px
}

.sr-sb-dark .text {
    color: #fff
}