@font-face {
  font-family: 'flixx';
  src: url('../font/flixx.eot?79777540');
  src: url('../font/flixx.eot?79777540#iefix') format('embedded-opentype'),
       url('../font/flixx.woff2?79777540') format('woff2'),
       url('../font/flixx.woff?79777540') format('woff'),
       url('../font/flixx.ttf?79777540') format('truetype'),
       url('../font/flixx.svg?79777540#flixx') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'flixx';
    src: url('../font/flixx.svg?16504718#flixx') format('svg');
  }
}
*/

.flix-smb [class^="icon-"]:before, .flix-smb [class*=" icon-"]:before {
  font-family: "flixx";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.flix-smb .icon-flixmail:before { content: '\e800'; } /* '' */
.flix-smb .icon-facebook:before { content: '\e801'; } /* '' */
.flix-smb .icon-flickr:before { content: '\e802'; } /* '' */
.flix-smb .icon-foursquare:before { content: '\e803'; } /* '' */
.flix-smb .icon-gplus:before { content: '\e804'; } /* '' */
.flix-smb .icon-instagram:before { content: '\e805'; } /* '' */
.flix-smb .icon-linkedin:before { content: '\e806'; } /* '' */
.flix-smb .icon-pinterest:before { content: '\e807'; } /* '' */
.flix-smb .icon-skype:before { content: '\e808'; } /* '' */
.flix-smb .icon-spotify:before { content: '\e809'; } /* '' */
.flix-smb .icon-tumblr:before { content: '\e80a'; } /* '' */
.flix-smb .icon-twitter:before { content: '\e80b'; } /* '' */
.flix-smb .icon-vimeo:before { content: '\e80c'; } /* '' */
.flix-smb .icon-vine:before { content: '\e80d'; } /* '' */
.flix-smb .icon-flixphone:before { content: '\e80e'; } /* '' */
.flix-smb .icon-wordpress:before { content: '\e80f'; } /* '' */
.flix-smb .icon-xing:before { content: '\e810'; } /* '' */
.flix-smb .icon-yelp:before { content: '\e811'; } /* '' */
.flix-smb .icon-youtube:before { content: '\e812'; } /* '' */
.flix-smb .icon-youtube-2:before { content: '\e813'; } /* '' */
.flix-smb .icon-twitch:before { content: '\f1e8'; } /* '' */
.flix-smb .icon-soundcloud:before { content: '\f348'; } /* '' */
.flix-smb .icon-rss:before { content: '\f09e'; } /* '' */


.flix-smb {
  position: absolute;
  font-size: 16px;
  z-index: 1000;
}

.flix-smb--left {
  left: 0;
}

.flix-smb--right {
  right: 0;
}

.flix-smb__list {
  font-size: 100%;
  width: 3em;
  position: relative;
  padding: 0;
  margin: 0;
}

.flix-smb__list:after {
  content: "";
  display: table;
  clear: both;
}

.flix-smb__el {
  border-style: solid;
  border-color: black;
  border-top-width: 1px;
  border-bottom-width: 1px;
  margin: 1px 0;
  display: inline-block;
}

.flix-smb--footer .flix-smb__el {
    border-left-width: 1px;
    border-right-width: 1px;
}

.flix-smb--right .flix-smb__el {
  float: right;
}

.flix-smb--right .flix-smb__el {
  border-left-width: 1px;
  border-right-width: 0;
}

.flix-smb--left .flix-smb__el {
  border-right-width: 1px;
  border-left-width: 0;
}

.flix-smb--rounded .flix-smb__el {
    border-radius: 100%;
}

.flix-smb--rounded.flix-smb--left .flix-smb__link:hover {
    margin-left: 0;
}

.flix-smb--rounded.flix-smb--right .flix-smb__link:hover {
    margin-right: 0;
}

.flix-smb--rounded.flix-smb--left .flix-smb__el:hover {
    margin-left: .5em;
}

.flix-smb--rounded.flix-smb--right .flix-smb__el:hover {
    margin-right: .5em;
}

.flix-smb--rounded.flix-smb--left .flix-smb__list {
    left: 1px;
}

.flix-smb--rounded.flix-smb--right .flix-smb__list {
    right: 1px;
}

.flix-smb__link {
  display: block;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
}

.flix-smb__link--svg {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flix-smb__link--svg svg {
  width: 1em;
  height: auto;
}

.flix-smb--left .flix-smb__link, .flix-smb--rounded.flix-smb--left .flix-smb__el {
  -webkit-transition: margin-left .2s ease-out;transition: margin-left .2s ease-out;
}

.flix-smb--right .flix-smb__link, .flix-smb--rounded.flix-smb--right .flix-smb__el {
  -webkit-transition: margin-right .2s ease-out;  transition: margin-right .2s ease-out;
}

.flix-smb__link, .flix-smb__link:hover, .flix-smb__link:active, .flix-smb__link:focus, .flix-smb__link:visited {
  color: inherit;
}

.flix-smb--left .flix-smb__link:hover {
  margin-left: .5em;
}

.flix-smb--right .flix-smb__link:hover {
  margin-right: .5em;
}

.flix-smb--fixed {
    position: fixed;
}

.flix-smb--footer {
    position: relative;
    top: 0;
    width: 100%;
    padding: 1px 0;
}

.flix-smb--footer .flix-smb__list {
    margin-top: 1em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: .5em;
}

.flix-smb__footer-text {
  text-align: center;
  margin: 1em 0;
}

.flix-smb--right .flix-smb__footer-text, .flix-smb--left .flix-smb__footer-text {
  display: none;
}

@media print {
  .flix-smb {
    display: none !important;
  }
}