/*!
 * 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>* {
  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: 1vw;
}

.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: #333;
  box-shadow: 0 1px 4px -2px;
  padding: 10px
}

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