.social{
        color: #fff;
          &.btn-sm {
            padding: 0 10px 0 0;
            font-size: 0.875rem;
            line-height: 1.5;
            border-radius: 0;
          }
          &.btn-lg {

            border-radius: 0;
          }
          &.btn{
            border-radius: 0;
          }
          i{
              width: 1.8125rem;
              line-height: 2;
          }

          &.facebook{
            background: #3b5998;
            &:hover {
              background: #344e86;
            }
          }
          [class*="-facebook"] {
            background: #2d4373;
          }

          &.twitter{
            background: #00aced;
            &:hover {
              background: #0099d4;
            }
          }
          [class*="-twitter"] {
            background: #0087ba;
          }

          &.linkedin{
            background: #4875b4;
            &:hover {
              background: #4169a2;
            }
          }
          [class*="-linkedin"] {
            background: #395d90;
          }

          &.flickr{
            background: #ff0084;
            &:hover {
              background: #e60077;
            }
          }
          [class*="-flickr"] {
            background: #cc006a;
          }

          &.tumblr{
            background: #32506d;
            &:hover {
              background: #2a435c;
            }
          }
          [class*="-tumblr"] {
            background: #22364a;
          }

          &.xing{
            background: #026466;
            &:hover {
              background: #024b4d;
            }
          }
          [class*="-xing"] {
            background: #013334;
          }

          &.github{
            background: #4183c4;
            &:hover {
              background: #3876b4;
            }
          }
          [class*="-github"] {
            background: #3269a0;
          }

          &.html5{
            background: #e34f26;
            &:hover {
              background: #d4431b;
            }
          }
          [class*="-html5"] {
            background: #be3c18;
          }

          &.openid{
            background: #f78c40;
            &:hover {
              background: #f67d28;
            }
          }
          [class*="-openid"] {
            background: #f56f0f;
          }

          &.stack-overflow{
            background: #fe7a15;
            &:hover {
              background: #f86c01;
            }
          }
          [class*="-stack-overflow"] {
            background: #df6101;
          }

          &.css3{
            background: #0170ba;
            &:hover {
              background: #0161a1;
            }
          }
          [class*="-css3"] {
            background: #015187;
          }

          &.youtube{
            background: #b00;
            &:hover {
              background: #a20000;
            }
          }
          [class*="-youtube"] {
            background: #880000;
          }

          &.dribbble{
            background: #ea4c89;
            &:hover {
              background: #e7357a;
            }
          }
          [class*="-dribbble"] {
            background: #e51e6b;
          }

          &.dropbox{
            background: #007ee5;
            &:hover {
              background: #0070cc;
            }
          }
          [class*="-dropbox"] {
            background: #0070cc;
          }

          &.google-plus{
            background: #d34836;
            &:hover {
              background: #c43d2b;
            }
          }
          [class*="-google-plus"] {
            background: #b03626;
          }

          &.instagram{
            background: #517fa4;
            &:hover {
              background: #497293;
            }
          }
          [class*="-instagram"] {
            background: #406582;
          }

          &.pinterest{
            background: #cb2027;
            &:hover {
              background: #b51d23;
            }
          }
          [class*="-pinterest"] {
            background: #9f191f;
          }

          &.vk{
            background: #45668e;
            &:hover {
              background: #3d5a7d;
            }
          }
          [class*="-vk"] {
            background: #344d6c;
          }

          &.yahoo{
            background: #400191;
            &:hover {
              background: #350178;
            }
          }
          [class*="-yahoo"] {
            background: #2a015e;
          }

          &.behance{
            background: #1769ff;
            &:hover {
              background: #0059fd;
            }
          }
          [class*="-behance"] {
            background: #0050e3;
          }

          &.reddit{
            background: #ff4500;
            &:hover {
              background: #e63e00;
            }
          }
          [class*="-reddit"] {
            background: #cc3700;
          }

          &.spotify{
            background: #7ab800;
            &:hover {
              background: #699f00;
            }
          }
          [class*="-spotify"] {
            background: #588500;
          }

          &.vine{
            background: #00bf8f;
            &:hover {
              background: #00a67c;
            }
          }
          [class*="-vine"] {
            background: #008c69;
          }

          &.foursquare{
            background: #1073af;
            &:hover {
              background: #0e6498;
            }
          }
          [class*="-foursquare"] {
            background: #0c5480;
          }

          &.vimeo{
            background: #aad450;
            &:hover {
              background: #a0cf3c;
            }
          }
          [class*="-vimeo"] {
            background: #93c130;
          }


     }