body {
    background: #eee;
    font-family: 'Open Sans', sans-serif;
    color: #646464
}
.ad-container {
    background: #646464
}
.ad {
    width: 728px;
    height: 90px;
    background: #eee;
    margin: 0 auto;
    color: #aaa;
    font-weight: 700;
    line-height: 90px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px
}
.container {
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    overflow: hidden
}
.build-container {
    background: #f7f7f7;
    padding: 30px 30px 30px 50px;
    width: 610px;
    top: 90px;
    bottom: 30px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.use-container {
    background: #eee;
    position: absolute;
    left: 610px;
    right: 0;
    bottom: 0;
    top: 90px
}
.icons-container {
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 140px;
    padding: 3px 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.usage-container {
    padding: 40px;
    position: absolute;
    bottom: 30px;
    top: 140px;
    overflow-y: auto;
    width: 100%
}
.footer {
    background: #646464;
    height: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ddd;
    font-size: .85em;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}
h1 {
    font-weight: 300;
    font-size: 3.5em;
    margin: 10px 0
}
h2 {
    font-weight: 300;
    font-size: 2em;
    margin: 10px 0 20px
}
h3 {
    font-size: 1em;
    font-weight: 400;
    overflow: hidden;
    padding: 15px 0 10px
}
h3 span.usage-number {
    text-align: center;
    line-height: 23px;
    width: 25px;
    border: 1px solid #646464;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    float: left;
    margin: 0 10px 0 0
}
h3 span.usage-step {
    line-height: 23px
}
.download {
    display: block;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #646464;
    text-decoration: none;
    text-align: center;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 30px;
    color: #646464;
    width: 120px;
    margin: 0 0 0 35px
}
.download:hover {
    text-decoration: none;
    color: #f6f6f6;
    background: #646464
}
.build-container p {
    margin: 0 0 35px
}
.footer a {
    color: #ddd;
    text-decoration: underline
}
.footer .addthis_toolbox {
    float: right;
    padding: 6px 0 0;
    width: 400px
}
.code {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: pre;
    word-wrap: normal;
    margin: 0 0 0 35px
}
.generated-html {
    margin-bottom: 30px
}
.reset,
.reset:hover {
    font-size: .9em;
    color: #999;
    cursor: pointer;
    text-decoration: none
}
#social-icons {
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    height: 140px
}
#social-icons .soc {
    overflow: visible
}
#social-builder {
    max-width: 550px
}
#social-builder input {
    box-shadow: none;
    border: 1px solid #ccc;
    line-height: 16px;
    padding: 5px;
    font-size: 16px;
    color: #555;
    font-weight: 300
}
#social-builder label {
    display: block;
    font-weight: 300;
    font-size: 18px;
    padding: 0 0 5px
}
#social-builder .color-field {
    width: 75px
}
#social-builder .color-container {
    text-align: left
}
.slider-track {}.slider.slider-horizontal .slider-track,
.slider.slider-horizontal .slider-selection {
    background: #aaa;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 5px
}
.slider.slider-horizontal .slider-selection {
    background: #ddd
}
.slider.slider-horizontal .slider-handle {
    margin-left: -8px
}
.slider-handle {
    background: #646464;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    width: 15px;
    height: 15px
}
#social-list {
    width: 550px;
    padding: 30px 0 0;
    list-style: none
}
#social-list li {
    display: block;
    padding: 6px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 30px;
    font-weight: 300;
    font-size: 18px
}
#social-list li i.fa-sort {
    display: block;
    float: left;
    color: #646464;
    width: 35px;
    line-height: 30px;
    cursor: ns-resize
}
#social-list li a {
    display: block;
    float: left;
    cursor: pointer
}
#social-list li a i {
    display: block;
    float: left;
    color: #646464;
    line-height: 30px;
    margin: 0 0 0 20px
}
#social-list li span {
    display: block;
    float: left;
    line-height: 35px
}
#social-list li span.list-icon-title {
    width: 150px;
    text-align: left
}
#social-list li input {
    display: block;
    float: left;
    line-height: 30px;
    box-shadow: none;
    border: 1px solid #ccc;
    line-height: 16px;
    padding: 5px;
    font-size: 16px;
    color: #555;
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 290px
}
#social-add {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #646464;
    text-decoration: none;
    font-weight: 300;
    font-size: 1.2em;
    text-align: center;
    margin: 30px 0 0;
    display: block;
    line-height: 30px;
    border: 1px solid #646464;
    width: 510px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#social-add-container {
    position: relative
}
.down-arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #646464;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px
}
#social-available-icon-container {
    display: none;
    background: #646464;
    width: 455px;
    height: 370px;
    margin: 0 auto;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    top: -400px;
    left: 255px;
    margin-left: -225px;

}
#social-available-icons-shadow-bottom {
  -moz-box-shadow: inset 0 -20px 20px -10px #646464;
  -webkit-box-shadow: inset 0 -20px 20px -10px #646464;
  box-shadow: inset 0 -20px 20px -10px #646464;
  height: 20px;
  position: absolute;
  z-index: 3;
  bottom: 0px;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#social-available-icons-shadow-top {
  -moz-box-shadow: inset 0 20px 20px -10px #646464;
  -webkit-box-shadow: inset 0 20px 20px -10px #646464;
  box-shadow: inset 0 20px 20px -10px #646464;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 0px;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#social-available-icons {
    padding: 25px;
    height: 370px;
    overflow-y: auto;
}
#social-available-icons a {
    display: block;
    background: 0 0;
    text-align: center;
    width: 45px;
    height: 45px;
    padding: 5px;
    border: 4px solid #646464;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    font-family: si!important;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#social-available-icons a:hover {
    text-decoration: none;
    background: #555
}
.colorpicker {
    padding: 5px;
    min-width: 130px
}
@font-face {
    font-family: si;
    src: url(font/socicon.eot);
    src: url(font/socicon.eot?#iefix) format("embedded-opentype"), url(font/socicon.woff) format("woff"), url(font/socicon.ttf) format("truetype"), url(font/socicon.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: si;
        src: url(font/bee358e6.socicon.svg) format("svg")
    }
}
.soc {
    overflow: hidden
}
.soc a {
    font-family: si!important;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: .1s;
    -ms-transition: .1s;
    -moz-transition: .1s;
    -webkit-transition: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .1s;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    z-index: 1
}
.soc a:hover {
    z-index: 2
}
.soc a.soc-icon-last {
    margin: 0!important
}
.soc a span {
    position: absolute;
    left: -999px
}
.soc-line:before {
  content: "\e09b";
}
.soc-modelmayhem:before {
  content: "\e000";
}
.soc-mixcloud:before {
  content: "\e001";
}
.soc-drupal:before {
  content: "\e002";
}
.soc-swarm:before {
  content: "\e003";
}
.soc-istock:before {
  content: "\e004";
}
.soc-yammer:before {
  content: "\e005";
}
.soc-ello:before {
  content: "\e006";
}
.soc-stackoverflow:before {
  content: "\e007";
}
.soc-persona:before {
  content: "\e008";
}
.soc-triplej:before {
  content: "\e009";
}
.soc-houzz:before {
  content: "\e00a";
}
.soc-rss:before {
  content: "\e00b";
}
.soc-paypal:before {
  content: "\e00c";
}
.soc-odnoklassniki:before {
  content: "\e00d";
}
.soc-airbnb:before {
  content: "\e00e";
}
.soc-periscope:before {
  content: "\e00f";
}
.soc-outlook:before {
  content: "\e010";
}
.soc-coderwall:before {
  content: "\e011";
}
.soc-tripadvisor:before {
  content: "\e012";
}
.soc-appnet:before {
  content: "\e013";
}
.soc-goodreads:before {
  content: "\e014";
}
.soc-tripit:before {
  content: "\e015";
}
.soc-lanyrd:before {
  content: "\e016";
}
.soc-slideshare:before {
  content: "\e017";
}
.soc-buffer:before {
  content: "\e018";
}
.soc-disqus:before {
  content: "\e019";
}
.soc-vkontakte:before {
  content: "\e01a";
}
.soc-whatsapp:before {
  content: "\e01b";
}
.soc-patreon:before {
  content: "\e01c";
}
.soc-storehouse:before {
  content: "\e01d";
}
.soc-pocket:before {
  content: "\e01e";
}
.soc-mail:before {
  content: "\e01f";
}
.soc-blogger:before {
  content: "\e020";
}
.soc-technorati:before {
  content: "\e021";
}
.soc-reddit:before {
  content: "\e022";
}
.soc-dribbble:before {
  content: "\e023";
}
.soc-stumbleupon:before {
  content: "\e024";
}
.soc-digg:before {
  content: "\e025";
}
.soc-envato:before {
  content: "\e026";
}
.soc-behance:before {
  content: "\e027";
}
.soc-delicious:before {
  content: "\e028";
}
.soc-deviantart:before {
  content: "\e029";
}
.soc-forrst:before {
  content: "\e02a";
}
.soc-play:before {
  content: "\e02b";
}
.soc-zerply:before {
  content: "\e02c";
}
.soc-wikipedia:before {
  content: "\e02d";
}
.soc-apple:before {
  content: "\e02e";
}
.soc-flattr:before {
  content: "\e02f";
}
.soc-github:before {
  content: "\e030";
}
.soc-renren:before {
  content: "\e031";
}
.soc-friendfeed:before {
  content: "\e032";
}
.soc-newsvine:before {
  content: "\e033";
}
.soc-identica:before {
  content: "\e034";
}
.soc-bebo:before {
  content: "\e035";
}
.soc-zynga:before {
  content: "\e036";
}
.soc-steam:before {
  content: "\e037";
}
.soc-xbox:before {
  content: "\e038";
}
.soc-windows:before {
  content: "\e039";
}
.soc-qq:before {
  content: "\e03a";
}
.soc-douban:before {
  content: "\e03b";
}
.soc-meetup:before {
  content: "\e03c";
}
.soc-playstation:before {
  content: "\e03d";
}
.soc-android:before {
  content: "\e03e";
}
.soc-snapchat:before {
  content: "\e03f";
}
.soc-twitter:before {
  content: "\e040";
}
.soc-facebook:before {
  content: "\e041";
}
.soc-googleplus:before {
  content: "\e042";
}
.soc-pinterest:before {
  content: "\e043";
}
.soc-foursquare:before {
  content: "\e044";
}
.soc-yahoo:before {
  content: "\e045";
}
.soc-skype:before {
  content: "\e046";
}
.soc-yelp:before {
  content: "\e047";
}
.soc-feedburner:before {
  content: "\e048";
}
.soc-linkedin:before {
  content: "\e049";
}
.soc-viadeo:before {
  content: "\e04a";
}
.soc-xing:before {
  content: "\e04b";
}
.soc-myspace:before {
  content: "\e04c";
}
.soc-soundcloud:before {
  content: "\e04d";
}
.soc-spotify:before {
  content: "\e04e";
}
.soc-grooveshark:before {
  content: "\e04f";
}
.soc-lastfm:before {
  content: "\e050";
}
.soc-youtube:before {
  content: "\e051";
}
.soc-vimeo:before {
  content: "\e052";
}
.soc-dailymotion:before {
  content: "\e053";
}
.soc-vine:before {
  content: "\e054";
}
.soc-flickr:before {
  content: "\e055";
}
.soc-500px:before {
  content: "\e056";
}
.soc-wordpress:before {
  content: "\e058";
}
.soc-tumblr:before {
  content: "\e059";
}
.soc-twitch:before {
  content: "\e05a";
}
.soc-8tracks:before {
  content: "\e05b";
}
.soc-amazon:before {
  content: "\e05c";
}
.soc-icq:before {
  content: "\e05d";
}
.soc-smugmug:before {
  content: "\e05e";
}
.soc-ravelry:before {
  content: "\e05f";
}
.soc-weibo:before {
  content: "\e060";
}
.soc-baidu:before {
  content: "\e061";
}
.soc-angellist:before {
  content: "\e062";
}
.soc-ebay:before {
  content: "\e063";
}
.soc-imdb:before {
  content: "\e064";
}
.soc-stayfriends:before {
  content: "\e065";
}
.soc-residentadvisor:before {
  content: "\e066";
}
.soc-google:before {
  content: "\e067";
}
.soc-yandex:before {
  content: "\e068";
}
.soc-sharethis:before {
  content: "\e069";
}
.soc-bandcamp:before {
  content: "\e06a";
}
.soc-itunes:before {
  content: "\e06b";
}
.soc-deezer:before {
  content: "\e06c";
}
.soc-telegram:before {
  content: "\e06e";
}
.soc-openid:before {
  content: "\e06f";
}
.soc-amplement:before {
  content: "\e070";
}
.soc-viber:before {
  content: "\e071";
}
.soc-zomato:before {
  content: "\e072";
}
.soc-quora:before {
  content: "\e073";
}
.soc-draugiem:before {
  content: "\e074";
}
.soc-endomodo:before {
  content: "\e075";
}
.soc-filmweb:before {
  content: "\e076";
}
.soc-stackexchange:before {
  content: "\e077";
}
.soc-wykop:before {
  content: "\e078";
}
.soc-teamspeak:before {
  content: "\e079";
}
.soc-teamviewer:before {
  content: "\e07a";
}
.soc-ventrilo:before {
  content: "\e07b";
}
.soc-younow:before {
  content: "\e07c";
}
.soc-raidcall:before {
  content: "\e07d";
}
.soc-mumble:before {
  content: "\e07e";
}
.soc-medium:before {
  content: "\e06d";
}
.soc-bebee:before {
  content: "\e07f";
}
.soc-hitbox:before {
  content: "\e080";
}
.soc-reverbnation:before {
  content: "\e081";
}
.soc-formulr:before {
  content: "\e082";
}
.soc-instagram:before {
  content: "\e057";
}
.soc-line {
  background-color: #00B901
}
.soc-modelmayhem {
  background-color: #000000
}
.soc-mixcloud {
  background-color: #000000
}
.soc-drupal {
  background-color: #00598e
}
.soc-swarm {
  background-color: #FC9D3C
}
.soc-istock {
  background-color: #000000
}
.soc-yammer {
  background-color: #1175C4
}
.soc-ello {
  background-color: #000000
}
.soc-stackoverflow {
  background-color: #FD9827
}
.soc-persona {
  background-color: #e6753d
}
.soc-triplej {
  background-color: #E53531
}
.soc-houzz {
  background-color: #7CC04B
}
.soc-rss {
  background-color: #f26109
}
.soc-paypal {
  background-color: #009cde
}
.soc-odnoklassniki {
  background-color: #f48420
}
.soc-airbnb {
  background-color: #ff5a5f
}
.soc-periscope {
  background-color: #3AA4C6
}
.soc-outlook {
  background-color: #0072C6
}
.soc-coderwall {
  background-color: #3E8DCC
}
.soc-tripadvisor {
  background-color: #4B7E37
}
.soc-appnet {
  background-color: #494949
}
.soc-goodreads {
  background-color: #463020
}
.soc-tripit {
  background-color: #1982C3
}
.soc-lanyrd {
  background-color: #3c80c9
}
.soc-slideshare {
  background-color: #4ba3a6
}
.soc-buffer {
  background-color: #000000
}
.soc-disqus {
  background-color: #2e9fff
}
.soc-vkontakte {
  background-color: #5a7fa6
}
.soc-whatsapp {
  background-color: #20B038
}
.soc-patreon {
  background-color: #E44727
}
.soc-storehouse {
  background-color: #25B0E6
}
.soc-pocket {
  background-color: #ED4055
}
.soc-mail {
  background-color: #000000
}
.soc-blogger {
  background-color: #ec661c
}
.soc-technorati {
  background-color: #5cb030
}
.soc-reddit {
  background-color: #e74a1e
}
.soc-dribbble {
  background-color: #e84d88
}
.soc-stumbleupon {
  background-color: #e64011
}
.soc-digg {
  background-color: #1d1d1b
}
.soc-envato {
  background-color: #597c3a
}
.soc-behance {
  background-color: #000000
}
.soc-delicious {
  background-color: #020202
}
.soc-deviantart {
  background-color: #c5d200
}
.soc-forrst {
  background-color: #5B9A68
}
.soc-play {
  background-color: #000000
}
.soc-zerply {
  background-color: #9DBC7A
}
.soc-wikipedia {
  background-color: #000000
}
.soc-apple {
  background-color: #B9BFC1
}
.soc-flattr {
  background-color: #F67C1A
}
.soc-github {
  background-color: #221e1b
}
.soc-renren {
  background-color: #2266b0
}
.soc-friendfeed {
  background-color: #2F72C4
}
.soc-newsvine {
  background-color: #075B2F
}
.soc-identica {
  background-color: #000000
}
.soc-bebo {
  background-color: #EF1011
}
.soc-zynga {
  background-color: #DC0606
}
.soc-steam {
  background-color: #171a21
}
.soc-xbox {
  background-color: #92C83E
}
.soc-windows {
  background-color: #00BDF6
}
.soc-qq {
  background-color: #4297d3
}
.soc-douban {
  background-color: #3ca353
}
.soc-meetup {
  background-color: #e2373c
}
.soc-playstation {
  background-color: #000000
}
.soc-android {
  background-color: #8ec047
}
.soc-snapchat {
  background-color: #fffa37
}
.soc-twitter {
  background-color: #4da7de
}
.soc-facebook {
  background-color: #3e5b98
}
.soc-googleplus {
  background-color: #dd4b39
}
.soc-pinterest {
  background-color: #c92619
}
.soc-foursquare {
  background-color: #f94877
}
.soc-yahoo {
  background-color: #6e2a85
}
.soc-skype {
  background-color: #28abe3
}
.soc-yelp {
  background-color: #c83218
}
.soc-feedburner {
  background-color: #ffcc00
}
.soc-linkedin {
  background-color: #3371b7
}
.soc-viadeo {
  background-color: #e4a000
}
.soc-xing {
  background-color: #005a60
}
.soc-myspace {
  background-color: #323232
}
.soc-soundcloud {
  background-color: #fe3801
}
.soc-spotify {
  background-color: #7bb342
}
.soc-grooveshark {
  background-color: #000000
}
.soc-lastfm {
  background-color: #d41316
}
.soc-youtube {
  background-color: #e02a20
}
.soc-vimeo {
  background-color: #51b5e7
}
.soc-dailymotion {
  background-color: #004e72
}
.soc-vine {
  background-color: #00b389
}
.soc-flickr {
  background-color: #1e1e1b
}
.soc-500px {
  background-color: #58a9de
}
.soc-wordpress {
  background-color: #464646
}
.soc-tumblr {
  background-color: #45556c
}
.soc-twitch {
  background-color: #6441a5
}
.soc-8tracks {
  background-color: #122c4b
}
.soc-amazon {
  background-color: #ff9900
}
.soc-icq {
  background-color: #7EBD00
}
.soc-smugmug {
  background-color: #ACFD32
}
.soc-ravelry {
  background-color: #B6014C
}
.soc-weibo {
  background-color: #e31c34
}
.soc-baidu {
  background-color: #2629d9
}
.soc-angellist {
  background-color: #000000
}
.soc-ebay {
  background-color: #333333
}
.soc-imdb {
  background-color: #E8BA00
}
.soc-stayfriends {
  background-color: #F08A1C
}
.soc-residentadvisor {
  background-color: #B3BE1B
}
.soc-google {
  background-color: #4285f4
}
.soc-yandex {
  background-color: #FF0000
}
.soc-sharethis {
  background-color: #01bf01
}
.soc-bandcamp {
  background-color: #619aa9
}
.soc-itunes {
  background-color: #ff5e51
}
.soc-deezer {
  background-color: #32323d
}
.soc-telegram {
  background-color: #0088cc
}
.soc-openid {
  background-color: #f78c40
}
.soc-amplement {
  background-color: #0996c3
}
.soc-viber {
  background-color: #7b519d
}
.soc-zomato {
  background-color: #cb202d
}
.soc-quora {
  background-color: #cb202d
}
.soc-draugiem {
  background-color: #ffa32b
}
.soc-endomodo {
  background-color: #86ad00
}
.soc-filmweb {
  background-color: #ffc404
}
.soc-stackexchange {
  background-color: #2f2f2f
}
.soc-wykop {
  background-color: #328efe
}
.soc-teamspeak {
  background-color: #465674
}
.soc-teamviewer {
  background-color: #168EF4
}
.soc-ventrilo {
  background-color: #77808A
}
.soc-younow {
  background-color: #61C03E
}
.soc-raidcall {
  background-color: #073558
}
.soc-mumble {
  background-color: #5AB5D1
}
.soc-medium {
  background-color: #000000
}
.soc-bebee {
  background-color: #f28f16
}
.soc-hitbox {
  background-color: #99CC00
}
.soc-reverbnation {
  background-color: #000000
}
.soc-formulr {
  background-color: #ff5a60
}
.soc-instagram {
  background-color: #405de6
}