.btn-facebook {
    background-color: #3b5998 ! important;
    color: #ffffff ! important;
}
.btn-twitter {
    background-color: #00aced ! important;
    color: #ffffff ! important;
}
.btn-linkedin {
    background-color: #007bb6 ! important;
    color: #ffffff ! important;
}
.btn-dribbble {
    background-color: #ea4c89 ! important;
    color: #ffffff ! important;
}
.btn-googleplus {
    background-color: #dd4b39 ! important;
    color: #ffffff ! important;
}
.btn-instagram {
    background-color: #517fa4 ! important;
    color: #ffffff ! important;
}
.btn-pinterest {
    background-color: #cb2027 ! important;
    color: #ffffff ! important;
}
.btn-dropbox {
    background-color: #007ee5 ! important;
    color: #ffffff ! important;
}
.btn-flickr {
    background-color: #ff0084 ! important;
    color: #ffffff ! important;
}
.btn-tumblr {
    background-color: #32506d ! important;
    color: #ffffff ! important;
}
.btn-skype {
    background-color: #00aff0 ! important;
    color: #ffffff ! important;
}
.btn-youtube {
    background-color: #bb0000 ! important;
    color: #ffffff ! important;
}
.btn-github {
    background-color: #171515 ! important;
    color: #ffffff ! important;
}

.button + .button,
.btn + .btn {
    margin-right: 8px;
    margin-bottom: 12px;
}
.btn-group .btn {
    margin-right: 0px;
}
.button {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 100%;
    margin: 10px 0;
    outline: 0 none;
    padding: 18px 36px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #ccc;
}
a.button:hover {
    opacity: 0.8;
}
button:focus {
    outline: 0;
}
.button.effect:hover {
    opacity: 1;
}
.btn-send-icon {
    padding: 13px 6px 12px 14px;
}
.button-light {
    background-color: #fff;
    border: 1px solid #eee;
}
.button-light,
.button-light span {
    color: #111 !important;
}
.button-dark {
    background-color: #111;
    color: #fff;
}
.button-dark:hover {
    background-color: #333;
    color: #fff;
}

/*Colored*/

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
    color: #fff;
    border: 0;
}
.social-icons.social-icons-colored .social-rss a,
.social-icons.social-icons-colored-hover .social-rss a:hover {
    background-color: #faa33d;
}
.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
    background-color: #5d82d1;
}
.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
    background-color: #40bff5;
}
.social-icons.social-icons-colored .social-vimeo a,
.social-icons.social-icons-colored-hover .social-vimeo a:hover {
    background-color: #35c6ea;
}
.social-icons.social-icons-colored .social-myspace a,
.social-icons.social-icons-colored-hover .social-myspace a:hover {
    background-color: #008dde;
}
.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
    background-color: #ef4e41;
}
.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
    background-color: #548bb6;
}
.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
    background-color: #d68400;
}
.social-icons.social-icons-colored .social-stumbleupon a,
.social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
    background-color: #ff5c30;
}
.social-icons.social-icons-colored .social-lastfm a,
.social-icons.social-icons-colored-hover .social-lastfm a:hover {
    background-color: #f34320;
}
.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
    background-color: #e13138;
}
.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
    background-color: #eb5e4c;
}
.social-icons.social-icons-colored .social-evernote a,
.social-icons.social-icons-colored-hover .social-evernote a:hover {
    background-color: #9acf4f;
}
.social-icons.social-icons-colored .social-dribbble a,
.social-icons.social-icons-colored-hover .social-dribbble a:hover {
    background-color: #f7659c;
}
.social-icons.social-icons-colored .social-skype a,
.social-icons.social-icons-colored-hover .social-skype a:hover {
    background-color: #13c1f3;
}
.social-icons.social-icons-colored .social-forrst a,
.social-icons.social-icons-colored-hover .social-forrst a:hover {
    background-color: #45ad76;
}
.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
    background-color: #238cc8;
}
.social-icons.social-icons-colored .social-wordpress a,
.social-icons.social-icons-colored-hover .social-wordpress a:hover {
    background-color: #2592c3;
}
.social-icons.social-icons-colored .social-grooveshark a,
.social-icons.social-icons-colored-hover .social-grooveshark a:hover {
    background-color: #ffb21d;
}
.social-icons.social-icons-colored .social-delicious a,
.social-icons.social-icons-colored-hover .social-delicious a:hover {
    background-color: #377bda;
}
.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
    background-color: #1879fd;
}
.social-icons.social-icons-colored .social-dropbox a,
.social-icons.social-icons-colored-hover .social-dropbox a:hover {
    background-color: #17a3eb;
}
.social-icons.social-icons-colored .social-soundcloud a,
.social-icons.social-icons-colored-hover .social-soundcloud a:hover {
    background-color: #ff7e30;
}
.social-icons.social-icons-colored .social-deviantart a,
.social-icons.social-icons-colored-hover .social-deviantart a:hover {
    background-color: #6a8a7b;
}
.social-icons.social-icons-colored .social-yahoo a,
.social-icons.social-icons-colored-hover .social-yahoo a:hover {
    background-color: #ab47ac;
}
.social-icons.social-icons-colored .social-flickr a,
.social-icons.social-icons-colored-hover .social-flickr a:hover {
    background-color: #ff48a3;
}
.social-icons.social-icons-colored .social-digg a,
.social-icons.social-icons-colored-hover .social-digg a:hover {
    background-color: #75788d;
}
.social-icons.social-icons-colored .social-blogger a,
.social-icons.social-icons-colored-hover .social-blogger a:hover {
    background-color: #ff9233;
}
.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
    background-color: #426d9b;
}
.social-icons.social-icons-colored .social-quora a,
.social-icons.social-icons-colored-hover .social-quora a:hover {
    background-color: #ea3d23;
}
.social-icons.social-icons-colored .social-github a,
.social-icons.social-icons-colored-hover .social-github a:hover {
    background-color: #3f91cb;
}
.social-icons.social-icons-colored .social-amazon a,
.social-icons.social-icons-colored-hover .social-amazon a:hover {
    background-color: #ff8e2e;
}
.social-icons.social-icons-colored .social-xing a,
.social-icons.social-icons-colored-hover .social-xing a:hover {
    background-color: #1a8e8c;
}
.social-icons.social-icons-colored .social-wikipedia a,
.social-icons.social-icons-colored-hover .social-wikipedia a:hover {
    background-color: #b3b5b8;
}

/* Border */

.social-icons.social-icons-border li a {
    border: 1px solid #eee;
    background: transparent;
    color: #333;
}

/* Dark */

.social-icons.social-icons-dark li a {
    background: #888;
    color: #fff;
}

/* Light */

.social-icons.social-icons-light li a {
    background: #fff;
    color: #333;
    border: 1px solid #eee;
}

/* Rounded */

.social-icons.social-icons-rounded li a {
    border-radius: 50%;
}

/* Medium Size */

.social-icons.social-icons-medium li a {
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 18px;
    margin: 0 10px 10px 0;
}

/* Large Size */

.social-icons.social-icons-large li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
    margin: 0 10px 10px 0;
}
.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
    background-color: #eee;
}
.social-icons li:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}


@media (max-width: 767px) {
    .social-container {
    text-align: center;
    margin-top: 50px;
  }
}
  .social-container span {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.3em;
  width: auto;
}
  .social-container span strong {
  color: #000000;
}
  .social-container .social-buttons {
  float: right;
}
@media (max-width: 767px) {
    .social-container .social-buttons {
    float: none;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
  .social-container .btn-login-social {
  font-size: 1em !important;
  padding: 2px !important;
  width: 25px !important;
  height: 25px !important;
  color: #224924 !important;
  background-color: #ffffff !important;
  margin: 0 !important;
  opacity: 1 !important;
}
  .social-container .btn-login-social > span {
  color: #224924 !important;
}
  .social-container .btn-login-social.btn-facebook:hover {
  background-color: #3b5998 !important;
  opacity: 1 !important;
}
  .social-container .btn-login-social.btn-facebook:hover > span {
  color: #ffffff !important;
}
  .social-container .btn-login-social.btn-twitter:hover {
  background-color: #00aced !important;
  opacity: 1 !important;
}
  .social-container .btn-login-social.btn-twitter:hover > span {
  color: #ffffff !important;
}
  .social-container .btn-login-social.btn-linkedin:hover {
  background-color: #007bb6 !important;
  opacity: 1 !important;
}
  .social-container .btn-login-social.btn-linkedin:hover > span {
  color: #ffffff !important;
}
  .social-container .btn-login-social + .btn-login-social {
  margin-left: 10px !important;
}