.btn-social {
       width: 42px;
       height: 42px;
       font-size: $font-size-base;
       line-height: 42px;
       display: inline-block;
       border: 1px solid transparent;
       background: #ddd;
       color: $white;
       text-align: center;
       box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
       border-radius: .25rem;
       -o-transition: all .3s;
       -moz-transition: all .3s;
       -webkit-transition: all .3s;
       -ms-transition: all .3s;
       transition: all .3s;
     
       &:hover, &:focus, &:active {
         outline: 0;
         color: $white;
       }
     }
     
     .btn-social-text {
       font-size: 0.72rem;
       text-transform: uppercase;
       padding: 10px 20px;
       font-weight: 600;
       border: 1px solid transparent;
       display: inline-block;
       background: #ddd;
       color: $white;
       text-align: center;
       box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
       border-radius: $border-radius;
       -o-transition: all .3s;
       -moz-transition: all .3s;
       -webkit-transition: all .3s;
       -ms-transition: all .3s;
       transition: all .3s;
     
       i {
         font-size: .95rem;
         padding-right: 4px;
         vertical-align: middle;
         display: table-cell;
       }
     
       span {
         display: table-cell;
         vertical-align: middle;
       }
     
       &:hover {
         outline: 0;
         color: $white;
       }
     }
     
     .btn-social {
       &:focus, &:active {
         outline: 0;
         color: $white;
       }
     }
     
     .btn-social-circle {
       border-radius: 50%;
     }
     
     .btn-outline-facebook {
       box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
       color: #3b5998;
       background-color: $white;
       border-color: #3b5998;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
         color: $white;
         background-color: #3b5998;
       }
     }
     
     .btn-outline-twitter {
       box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
       color: #55acee;
       background-color: $white;
       border-color: #55acee;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
         background-color: #55acee;
         color: $white;
       }
     }
     
     .btn-outline-google-plus {
       box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
       color: #dd4b39;
       background-color: $white;
       border-color: #dd4b39;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
         background-color: #dd4b39;
         color: $white;
       }
     }
     
     .btn-outline-linkedin {
       box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
       background-color: $white;
       color: #0976b4;
       border-color: #0976b4;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
         background-color: #0976b4;
         color: $white;
       }
     }
     
     .btn-outline-pinterest {
       box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
       color: #cc2127;
       background-color: $white;
       border-color: #cc2127;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
         background-color: #cc2127;
         color: $white;
       }
     }
     
     .btn-outline-youtube {
       box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
       color: #e52d27;
       background-color: $white;
       border-color: #e52d27;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
         background-color: #e52d27;
         color: $white;
       }
     }
     
     .btn-outline-tumblr {
       box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
       color: #35465c;
       background-color: $white;
       border-color: #35465c;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
         background-color: #35465c;
         color: $white;
       }
     }
     
     .btn-outline-github {
       box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
       color: #333333;
       background-color: $white;
       border-color: #333333;
     
       &:hover {
         box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
         background-color: #333333;
         color: $white;
       }
     }
     
     .btn-github:focus {
       box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
       background-color: #333333;
       color: $white;
     }
     
     .btn-outline-behance {
       box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
       color: #1769ff;
       background-color: $white;
       border-color: #1769ff;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
         background-color: #1769ff;
         color: $white;
       }
     }
     
     .btn-outline-dribbble {
       box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
       color: #ea4c89;
       background-color: $white;
       border-color: #ea4c89;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
         background-color: #ea4c89;
         color: $white;
       }
     }
     
     .btn-outline-skype {
       box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
       color: #00aff0;
       background-color: $white;
       border-color: #00aff0;
     
       &:hover, &:focus {
         box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
         background-color: #00aff0;
         color: $white;
       }
     }
     
     .btn-facebook {
       box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
       background-color: #3b5998;
       border-color: #3b5998;
     }
     
     .btn-twitter {
       box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
       background-color: #55acee;
       border-color: #55acee;
     }
     
     .btn-google-plus {
       box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
       background-color: #dd4b39;
       border-color: #dd4b39;
     }
     
     .btn-linkedin {
       box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
       background-color: #0976b4;
       border-color: #0976b4;
     }
     
     .btn-pinterest {
       box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
       background-color: #cc2127;
       border-color: #cc2127;
     }
     
     .btn-youtube {
       box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
       background-color: #e52d27;
       border-color: #e52d27;
     }
     
     .btn-tumblr {
       box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
       background-color: #35465c;
       border-color: #35465c;
     }
     
     .btn-github {
       box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
       background-color: #333333;
       border-color: #333333;
     }
     
     .btn-behance {
       box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
       background-color: #1769ff;
       border-color: #1769ff;
     }
     
     .btn-dribbble {
       box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
       background-color: #ea4c89;
       border-color: #ea4c89;
     }
     
     .btn-skype {
       box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
       background-color: #00aff0;
       border-color: #00aff0;
     }