@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.social a {
    text-align: center;
    width: 48px;
    height: 48px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);*/
    border-radius: 50%;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: #000;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.68 30.69'%3E%3Cpath d='M15.34 0C6.87 0 0 6.87 0 15.35c0 8.47 6.87 15.34 15.34 15.34 8.47 0 15.34-6.87 15.34-15.34C30.68 6.87 23.81 0 15.34 0zm8.18 11.16s-.03 1.88-.31 3.06c-.28 1.17-1.22 4.44-4.02 6.74s-6.22 2.8-8.16 2.67c-1.93-.13-4.31-.87-5.84-1.82 0 0 3.51.38 6.1-1.76 0 0-2.62.12-3.86-2.89 0 0 .89.16 1.86-.11 0 0-3.3-.6-3.34-4.15 0 0 1.08.53 1.88.48 0 0-3.15-2.41-1.23-5.52 0 0 3.15 4.18 8.63 4.34-1.33-3.67 4.63-7.15 7.08-3.81 0 0 .95-.03 2.69-.97 0 0-.42 1.32-1.75 2.2 0 0 1-.01 2.23-.54-.09.14-.84 1.29-1.96 2.08z' fill='%234aa0ec'/%3E%3C/svg%3E");
}
/*.twitter a:hover {background: #00acee; color: #fff;}*/
.instagram a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.517 141.517'%3E%3Cdefs%3E%3ClinearGradient x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='scale(-84.4462 84.4462) rotate(-61.168 2.789 5.256)' spreadMethod='pad' id='a'%3E%3Cstop offset='0' stop-color='%23fec066'/%3E%3Cstop offset='.269' stop-color='%23f2393e'/%3E%3Cstop offset='.338' stop-color='%23f2393e'/%3E%3Cstop offset='.673' stop-color='%23b750a8'/%3E%3Cstop offset='.994' stop-color='%235354d6'/%3E%3Cstop offset='1' stop-color='%235354d6'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='scale(84.4462 -84.4462) rotate(28.832 10.962 2.442)' spreadMethod='pad' id='d'%3E%3Cstop offset='0' stop-color='%23fec066'/%3E%3Cstop offset='.269' stop-color='%23f2393e'/%3E%3Cstop offset='.338' stop-color='%23f2393e'/%3E%3Cstop offset='.673' stop-color='%23b750a8'/%3E%3Cstop offset='.994' stop-color='%235354d6'/%3E%3Cstop offset='1' stop-color='%235354d6'/%3E%3C/linearGradient%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='b'%3E%3Cpath d='M0 500h500V0H0z'/%3E%3C/clipPath%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='c'%3E%3Cpath d='M195.108 455.215h106.138V349.077H195.108z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M195.108 402.146c0-29.309 23.76-53.069 53.069-53.069s53.069 23.76 53.069 53.069-23.76 53.069-53.069 53.069-53.069-23.76-53.069-53.069' fill='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 -260.144 606.953)'/%3E%3Cg clip-path='url(%23b)' transform='matrix(1.33333 0 0 -1.33333 -260.144 606.953)'%3E%3Cg clip-path='url(%23c)' opacity='.51'%3E%3Cpath d='M301.246 402.146c0-29.309-23.76-53.069-53.069-53.069s-53.069 23.76-53.069 53.069 23.76 53.069 53.069 53.069 53.069-23.76 53.069-53.069' fill='url(%23d)' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath d='M277 387.143c0-7.5-4.903-13.143-12.404-13.143h-31.837c-7.501 0-13.759 5.642-13.759 13.143v30.838c0 7.501 6.258 14.02 13.759 14.02h30.837c7.5 0 13.404-6.519 13.404-14.02zm7 31.2C284 430.06 275.676 439 263.956 439h-30.558c-11.72 0-21.398-9.939-21.398-21.659v-30.558c0-11.72 8.678-19.783 20.398-19.783h32.558c11.72 0 19.044 8.063 19.044 19.783z' fill='%23fff'/%3E%3Cpath d='M259.887 402.062c0-6.18-5.029-11.21-11.21-11.21-6.18 0-11.21 5.03-11.21 11.21 0 6.181 5.03 11.21 11.21 11.21 6.181 0 11.21-5.029 11.21-11.21m-11.21 18.59c-10.25 0-18.59-8.34-18.59-18.59s8.34-18.589 18.59-18.589 18.59 8.34 18.59 18.59-8.34 18.59-18.59 18.59' fill='%23fff'/%3E%3Cg%3E%3Cpath d='M266.63 425.993a4.3 4.3 0 110-8.603 4.3 4.3 0 010 8.603' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/*.instagram a:hover {background: #3f729b; color: #fff;}*/
.facebook a {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='126.445 2.281 589 589' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='420.945' cy='296.781' fill='%233c5a9a' r='294.5'/%3E%3Cpath d='M516.704 92.677h-65.239c-38.715 0-81.777 16.283-81.777 72.402.189 19.554 0 38.281 0 59.357H324.9v71.271h46.174v205.177h84.847V294.353h56.002l5.067-70.117h-62.531s.14-31.191 0-40.249c0-22.177 23.076-20.907 24.464-20.907 10.981 0 32.332.032 37.813 0V92.677z' fill='%23fff'/%3E%3C/svg%3E");
}
/*.facebook a:hover {background: #3b5998; color: #fff;}*/
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}