/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 11 2016*/
@font-face {
    font-family: 'social icons';
    src: url('../fonts/social-icons.eot');
    src: url('../fonts/social-icons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/social-icons.woff') format('woff'),
    url('../fonts/social-icons.ttf') format('truetype'),
    url('../fonts/social-icons.svg#social-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'social icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-social_blogger_circle:before {
    content: '\0041';
}

.icon-social_dribbble_circle:before {
    content: '\0042';
}

.icon-social_facebook_circle:before {
    content: '\0043';
}

.icon-social_github_circle:before {
    content: '\0044';
}

.icon-social_googleplus_circle:before {
    content: '\0045';
}

.icon-social_instagram_circle:before {
    content: '\0046';
}

.icon-social_linkedin_circle:before {
    content: '\0047';
}

.icon-social_twitter_circle:before {
    content: '\0048';
}

.icon-social_twitter:before {
    content: '\0049';
}

/* Social Login Button */
.social-button {
    background-position: 25px 0px;
    box-sizing: border-box;

    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    border-radius: 3px;
    margin: 5px auto;
    outline: rgb(255, 255, 255) none 0px;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-button:hover{
    text-decoration: none;
}

#facebook-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(60, 90, 154);
    color: rgb(60, 90, 154) !important;
}

#facebook-connect:hover {
    border-color: rgb(60, 90, 154);
    background: rgb(60, 90, 154);
    color: rgb(255, 255, 255) !important;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#google-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 74, 61);
    color: rgb(220, 74, 61) !important;
}
#google-connect:hover {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 74, 61);
    color: rgb(255, 255, 255) !important;
}

#google-connect:hover {
    border-color: rgb(220, 74, 61);
    background: rgb(220, 74, 61);
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}


#twitter-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(85, 172, 238);
    color: rgb(85, 172, 238) !important;
}
#twitter-connect:hover{
    color: rgb(255, 255, 255) !important;
}

#twitter-connect:hover {
    border-color: rgb(85, 172, 238);
    background: rgb(85, 172, 238);
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#linkedin-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 119, 181);
    color: rgb(0, 119, 181) !important;
}
#linkedin-connect:hover {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 119, 181);
    color: rgb(255, 255, 255) !important;
}

#linkedin-connect:hover {
    border-color: rgb(0, 119, 181);
    background: rgb(0, 119, 181);
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}


#github-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(44, 44, 44);
    color: rgb(44, 44, 44) !important;
}
#github-connect:hover {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(44, 44, 44);
    color: rgb(255, 255, 255) !important;
}

#github-connect:hover {
    border-color: rgb(44, 44, 44);
    background: rgb(44, 44, 44);
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#gitlab-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(252, 109, 38);
    color: rgb(252, 109, 38) !important;
}

#gitlab-connect:hover {
    background: rgb(252, 109, 38);
    border: 1px solid rgb(252, 109, 38);
    color: rgb(255, 255, 255) !important;
}


#bitbucket-connect {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(32, 80, 129);
    color: rgb(32, 80, 129) !important;
}

#bitbucket-connect:hover {
    background: rgb(32, 80, 129);
    border: 1px solid rgb(32, 80, 129);
    color: rgb(255, 255, 255) !important;
}