﻿@-webkit-keyframes fadeInRight {0% { opacity: 0;-webkit-transform: translateX(1.334em) translateZ(0);}100% {opacity: 1;}}
@-moz-keyframes fadeInRight {0% { opacity: 0;-moz-transform: translateX(1.334em) translateZ(0);}100% { opacity: 1;}}
@keyframes fadeInRight {0% { opacity: 0;-webkit-transform: translateX(1.334em) translateZ(0);-moz-transform: translateX(1.334em) translateZ(0);-ms-transform: translateX(1.334em) translateZ(0);-o-transform: translateX(1.334em) translateZ(0);transform: translateX(1.334em) translateZ(0);}100% {opacity: 1;}}
.social {width: 100%;display: inline-flex;z-index: 9999999 !important;}
.social-icon {-webkit-background-clip: padding-box;-moz-background-clip: padding-box;background-clip: padding-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-o-transition-property: background-color; -webkit-transition-property: background-color;-moz-transition-property: background-color; transition-property: background-color;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;-o-transition-timing-function: ease;-webkit-transition-timing-function: ease;-moz-transition-timing-function: ease;transition-timing-function: ease;background-color: #c4c4c4;text-align: center;display: inline-block;width: 40px;height: 38px;padding: 9px 0;color: white;margin: 2px;cursor: pointer;}
    .social-icon:nth-child(1) {-o-animation: fadeInRight 0.6s 0.25s forwards;-moz-animation: fadeInRight 0.6s 0.25s forwards;-webkit-animation: fadeInRight 0.6s 0.25s forwards;animation: fadeInRight 0.6s 0.25s forwards;opacity: 0; }
        .social-icon:nth-child(1):hover, .social-icon:nth-child(1):active, .social-icon:nth-child(1):focus {opacity: 1; background-color: #00b29a;}
    .social-icon:nth-child(2) {-o-animation: fadeInRight 0.6s 0.5s forwards;-moz-animation: fadeInRight 0.6s 0.5s forwards;-webkit-animation: fadeInRight 0.6s 0.5s forwards; animation: fadeInRight 0.6s 0.5s forwards;opacity: 0;}
        .social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {opacity: 1;background-color: #00b2af;}
    .social-icon:nth-child(3) {-o-animation: fadeInRight 0.6s 0.75s forwards;-moz-animation: fadeInRight 0.6s 0.75s forwards;-webkit-animation: fadeInRight 0.6s 0.75s forwards;animation: fadeInRight 0.6s 0.75s forwards;opacity: 0;}
        .social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {opacity: 1;background-color: #00a1b2; }
    .social-icon:nth-child(4) { -o-animation: fadeInRight 0.6s 1s forwards;-moz-animation: fadeInRight 0.6s 1s forwards;-webkit-animation: fadeInRight 0.6s 1s forwards;animation: fadeInRight 0.6s 1s forwards;opacity: 0;}
        .social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus { opacity: 1;background-color: #008cb2; }
    .social-icon:nth-child(5) {-o-animation: fadeInRight 0.6s 1.25s forwards;-moz-animation: fadeInRight 0.6s 1.25s forwards;-webkit-animation: fadeInRight 0.6s 1.25s forwards;animation: fadeInRight 0.6s 1.25s forwards;opacity: 0;}
        .social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {opacity: 1; background-color: #0077b2;}
    .social-icon img {width: 20px;cursor: pointer;}
[data-tooltip] {position: relative;z-index: 1;}
    [data-tooltip]:before, [data-tooltip]:after {-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;-o-transition-property: opacity;-webkit-transition-property: opacity;-moz-transition-property: opacity;transition-property: opacity;-o-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;-o-transition-timing-function: linear;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;transition-timing-function: linear;position: absolute;left: 50%;top: 100%;bottom: 100%;visibility: hidden;opacity: 0; z-index: 9999;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    [data-tooltip]:before {content: "";border-color: #323232;border-style: none;border: 5px solid transparent;border-bottom: 6px solid #323232; margin-top: -4px;}
    [data-tooltip]:after { content: attr(data-tooltip);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: auto;height: 22px;padding: 11px 11px 0 11px;font-size: 13px;line-height: 11px; white-space: nowrap;background-color: #323232;color: #ecf0f1;margin-top: 7px;}
    [data-tooltip]:hover, [data-tooltip]:focus { background-color: transparent; }
        [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); transform: translate(-50%, 0);opacity: 1;visibility: visible;}