@font-face {
  font-family: "g1-socials";
  src: url("iconfont/fonts/g1-socials.eot");
  src: url("iconfont/fonts/g1-socials.eot?#iefix") format("embedded-opentype"), url("iconfont/fonts/g1-socials.woff") format("woff"), url("iconfont/fonts/g1-socials.ttf") format("truetype"), url("iconfont/fonts/g1-socials.svg#g1-socials") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.g1-socials-item-link {
  display: block;
  position: relative;
  margin: side-values(0);
  padding: side-values(0);
  border: 0 !important;
  text-decoration: none; }

.g1-socials-item-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  font: 16px/32px "g1-socials";
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #fff; }

.g1-socials-item-icon-48 {
  width: 48px;
  height: 48px;
  font-size: 28px;
  line-height: 48px; }

.g1-socials-item-icon-64 {
  width: 64px;
  height: 64px;
  font-size: 42px;
  line-height: 64px; }

.g1-socials-item-icon-behance:before {
  content: "\e001"; }

.g1-socials-item-icon-codepen:before {
  content: "\e002"; }

.g1-socials-item-icon-delicious:before {
  content: "\e003"; }

.g1-socials-item-icon-deviantart:before {
  content: "\e004"; }

.g1-socials-item-icon-digg:before {
  content: "\e005"; }

.g1-socials-item-icon-discord:before {
  content: "\e026"; }

.g1-socials-item-icon-dribbble:before {
  content: "\e006"; }

.g1-socials-item-icon-facebook:before {
  content: "\e007"; }

.g1-socials-item-icon-flickr:before {
  content: "\e008"; }

.g1-socials-item-icon-foursquare:before {
  content: "\e009"; }

.g1-socials-item-icon-github:before {
  content: "\e010"; }

.g1-socials-item-icon-instagram:before {
  content: "\e011"; }

.g1-socials-item-icon-jsfiddle:before {
  content: "\e012"; }

.g1-socials-item-icon-lastfm:before {
  content: "\e013"; }

.g1-socials-item-icon-linkedin:before {
  content: "\e014"; }

.g1-socials-item-icon-odnoklassniki:before {
  content: "\e028"; }

.g1-socials-item-icon-pinterest:before {
  content: "\e015"; }

.g1-socials-item-icon-reddit:before {
  content: "\e016"; }

.g1-socials-item-icon-snapchat:before {
  content: "\e017"; }

.g1-socials-item-icon-spotify:before {
  content: "\e018"; }

.g1-socials-item-icon-stackoverflow:before {
  content: "\e019"; }

.g1-socials-item-icon-telegram:before {
  content: "\e031"; }

.g1-socials-item-icon-tiktok:before {
  content: "\e029"; }

.g1-socials-item-icon-tumblr:before {
  content: "\e020"; }

.g1-socials-item-icon-twitter:before {
  content: "\e021"; }

.g1-socials-item-icon-twitch:before {
  content: "\e030"; }

.g1-socials-item-icon-vk:before {
  content: "\e027"; }

.g1-socials-item-icon-vimeo:before {
  content: "\e022"; }

.g1-socials-item-icon-xing:before {
  content: "\e023"; }

.g1-socials-item-icon-yelp:before {
  content: "\e024"; }

.g1-socials-item-icon-youtube:before {
  content: "\e025"; }

.g1-socials-item-icon-behance {
  background-color: #1769ff; }

.g1-socials-item-icon-codepen {
  background-color: #231f20; }

.g1-socials-item-icon-delicious {
  background-color: #3274d1; }

.g1-socials-item-icon-deviantart {
  background-color: #4b5d50; }

.g1-socials-item-icon-digg {
  background-color: #14589e; }

.g1-socials-item-icon-discord {
  background-color: #7289da; }

.g1-socials-item-icon-dribbble {
  background-color: #ea4c89; }

.g1-socials-item-icon-facebook {
  background-color: #3b5998; }

.g1-socials-item-icon-flickr {
  background-color: #0063db; }

.g1-socials-item-icon-foursquare {
  background-color: #2398c9; }

.g1-socials-item-icon-github {
  background-color: #4183c4; }

.g1-socials-item-icon-googleplus {
  background-color: #d14836; }

.g1-socials-item-icon-instagram {
  background-color: #3f729b; }

.g1-socials-item-icon-jsfiddle {
  background-color: #4679a4; }

.g1-socials-item-icon-lastfm {
  background-color: #d51007; }

.g1-socials-item-icon-linkedin {
  background-color: #007fb1; }

.g1-socials-item-icon-odnoklassniki {
  background-color: #f4731c; }

.g1-socials-item-icon-pinterest {
  background-color: #cb2027; }

.g1-socials-item-icon-reddit {
  background-color: #ff4500; }

.g1-socials-item-icon-snapchat {
  background-color: #fffc00;
  color: #000; }

.g1-socials-item-icon-spotify {
  background-color: #1ed760; }

.g1-socials-item-icon-stackoverflow {
  background-color: #f47920; }

.g1-socials-item-icon-stumbleupon {
  background-color: #eb4924; }

.g1-socials-item-icon-telegram {
  background-color: #26a5e4; }

.g1-socials-item-icon-tiktok {
  background-color: #000000; }

.g1-socials-item-icon-tumblr {
  background-color: #2c4762; }

.g1-socials-item-icon-twitter {
  background-color: #39a9e0; }

.g1-socials-item-icon-twitch {
  background-color: #9146ff; }

.g1-socials-item-icon-vimeo {
  background-color: #44bbff; }

.g1-socials-item-icon-vk {
  background-color: #4680C2; }

.g1-socials-item-icon-xing {
  background-color: #006567; }

.g1-socials-item-icon-yelp {
  background-color: #c93c27; }

.g1-socials-item-icon-youtube {
  background-color: #cd332d; }

.g1-socials-item-icon-text {
  background-color: transparent;
  color: inherit; }

/* Tooltips */
.g1-socials-item-tooltip {
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 260px;
  margin-bottom: 10px;
  font: 12px/1.2 sans-serif;
  text-align: center;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px);
  -webkit-transition: -webkit-transform 0.375s ease-in-out;
  -moz-transition: -moz-transform 0.375s ease-in-out;
  -o-transition: -o-transform 0.375s ease-in-out;
  transition: transform 0.375s ease-in-out; }

.g1-socials-item-tooltip-inner {
  display: inline-block;
  position: relative;
  left: -50%;
  padding: 6px 8px;
  white-space: nowrap;
  border-color: black;
  border-color: rgba(0, 0, 0, 0.666);
  background-color: black;
  background-color: rgba(0, 0, 0, 0.666);
  color: #fff;
  /* Arrow */ }
  .g1-socials-item-tooltip-inner:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -6px;
    border-width: 6px;
    content: "";
    border-style: solid;
    border-color: transparent;
    border-top-color: inherit; }

.g1-socials-item-link:hover .g1-socials-item-tooltip {
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.g1-socials-items {
  max-width: 100%;
  margin: side-values(0 0 1.5rem);
  padding: side-values(0);
  list-style: none; }

/* Grid template */
.g1-socials-items-tpl-grid {
  font-size: 0; }
  .g1-socials-items-tpl-grid .g1-socials-item {
    display: inline-block;
    font-size: 1rem; }

/*
 * Instagram - Base Styles.
 */
.g1-instagram-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-right: -3px;
  padding: 0;
  list-style: none; }

.g1-instagram-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  padding: 0 3px 6px 3px; }
  .g1-instagram-item > a {
    display: block;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0; }
    .g1-instagram-item > a:before {
      display: block;
      width: 32px;
      height: 32px;
      position: absolute;
      z-index: 3;
      top: 1px;
      left: auto;
      right: 0;
      font: 32px/32px "g1-socials";
      text-align: center;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.333);
      color: #fff; }
    .g1-instagram-item > a img {
      position: absolute;
      z-index: 1;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.g1-instagram-item-video > a:before {
  content: "\e220"; }

.g1-instagram-overview {
  text-align: center; }

.g1-twitter-items {
  margin: 0;
  list-style: none; }

.g1-tweet:after {
  clear: both;
  display: table;
  content: ""; }

.g1-tweet-text {
  margin-bottom: 0.75rem; }

.g1-tweet-meta {
  float: left; }
  .g1-tweet-meta time:before {
    margin-right: 7px;
    font-size: 16px;
    font-family: g1-socials;
    vertical-align: middle;
    content: "\e021"; }

.g1-tweet-intents {
  float: right; }
  .g1-tweet-intents a {
    font-size: 0;
    text-align: center;
    opacity: 0.5;
    color: inherit;
    -webkit-transition: color 0.375s ease-in-out, opacity 0.375s ease-in-out;
    -moz-transition: color 0.375s ease-in-out, opacity 0.375s ease-in-out;
    -o-transition: color 0.375s ease-in-out, opacity 0.375s ease-in-out;
    transition: color 0.375s ease-in-out, opacity 0.375s ease-in-out; }
    .g1-tweet-intents a:before {
      display: inline-block;
      width: 20px;
      margin-right: 6px;
      font: 16px/1 g1-socials; }
  .g1-tweet-intents a:hover {
    opacity: 0.999; }

.g1-tweet-reply:before {
  content: "\e200"; }

.g1-tweet-retweet:before {
  content: "\e202"; }

.g1-tweet-like:before {
  content: "\e201"; }

.g1-twitter-overview .g1-twitter-avatar {
  float: left;
  margin-right: 10px; }

.g1-twitter-overview .g1-twitter-username {
  display: block; }
