/* https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06 */
/*
*   http://chir.ag/projects/name-that-color
*/
/*
*   RGBA
*/
/*
*   Color Palette List
*/
/*
*   Color RGBA Palette List
*   Named by the resulting color on a white background
*/
/*
*   Social Providers Colors List
*/
/*
*   Clearfix
*/
/*
*   Alignments
*/
/*
*   Triangle
*/
/*
*   Corner
*/
/*
*   Social icon
*/
/*
*   Keyframes
*/
/*
*   Animation
*/
/*
* Retina screen
*/
/*
* Custom background sprite
*/
/*
*   Spirite generation
*/
/*
  Emoji
*/
/*
  Background image
*/
/*
*   https://raw.githubusercontent.com/inuitcss/tools.mixins/master/_tools.mixins.scss
*/
.box {
  display: block;
}
.box:before,
.box:after {
  content: '';
  display: table;
}
.box:after {
  clear: both;
}

.box--inline {
  display: inline-block;
  vertical-align: top;
}

.box--vertical {
  display: inline-block;
  vertical-align: middle;
}

.box--banner {
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(0, 0, 0, 0.04);
  border-radius: 9px;
  background-color: white;
  margin-bottom: 20px;
}

.box__close {
  cursor: pointer;
  height: 11px;
  width: 11px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -2990px;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 200;
}
.box__close:hover {
  background-position: 0 -2768px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .box__close {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3186px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
  .box__close:hover {
    background-position: 0 -3080.5px;
  }
}

.box-card {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(0, 0, 0, 0.04);
}
.box-card .box-card__screen {
  display: block;
  min-height: 116px;
  max-height: 150px;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.box-card .box-card__meta {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.box-card .box-card__screen__right-note {
  position: absolute;
  z-index: 1;
  color: white;
  right: 12px;
  font-size: 13px;
  top: 9px;
}

.box-alpha {
  padding: 10px;
}

.box-beta {
  padding: 15px;
}

.box-gamma {
  padding: 20px;
}

.box-delta {
  padding: 30px;
}

.tooltip.tooltip--simple {
  position: absolute;
  margin-top: -25px;
  padding: 5px 15px;
  max-width: 200px;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.tooltip.tooltip--simple .tooltip__inner {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2em;
}
.tooltip.tooltip--simple .tooltip__tail {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
}
.tooltip.tooltip--simple strong {
  font-weight: bold;
}
.tooltip.tooltip--simple.high {
  padding: 5px 10px;
}
.tooltip.tooltip--simple.above .tooltip__tail {
  bottom: -5px;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
}
.tooltip.tooltip--simple.below .tooltip__tail {
  top: -5px;
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}

.tooltip.tooltip--growl {
  z-index: 800;
  position: fixed;
  left: 10px;
  bottom: 30px;
  width: 298px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
  -ms-transform: translate3d(0, 200px, 0);
  -o-transform: translate3d(0, 200px, 0);
  transform: translate3d(0, 200px, 0);
}
.tooltip.tooltip--growl.-showed {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.tooltip.tooltip--growl .tooltip__inner {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 19px 80px 16px 18px;
}
.tooltip.tooltip--growl h5 {
  margin-bottom: 5px;
}
.tooltip.tooltip--growl p {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0px;
}
.tooltip.tooltip--growl .growl__icon {
  position: absolute;
  right: 18px;
  top: 19px;
  width: 34px;
  height: 34px;
  background: url(/assets/growl/info-532bfa5e15762aa038b7aa9a5e6f7dac.png) left top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .tooltip.tooltip--growl .growl__icon {
    background: url(/assets/growl/info@2x-5d498eb57c3f0befd00dffc449328184.png) 0 0 no-repeat;
    -webkit-background-size: 34px 33px;
    -moz-background-size: 34px 33px;
    -o-background-size: 34px 33px;
    background-size: 34px 33px;
  }
}
.tooltip.tooltip--growl.-success .growl__icon {
  background: url(/assets/growl/success-28c14acbf4b7335da315066bb73f2303.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .tooltip.tooltip--growl.-success .growl__icon {
    background: url(/assets/growl/success@2x-2986d49834c922767282f567b23471a3.png) 0 0 no-repeat;
    -webkit-background-size: 33px 34px;
    -moz-background-size: 33px 34px;
    -o-background-size: 33px 34px;
    background-size: 33px 34px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .tooltip.tooltip--growl {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }
  .tooltip.tooltip--growl .tooltip__inner {
    border-radius: 0px;
    padding: 25px 80px 25px 18px;
  }
}

.tooltip.-white {
  background: rgba(255, 255, 255, 0.9);
  -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
  -o-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
  padding: 5px 11px 6px 11px;
  border-radius: 5px;
}
.tooltip.-white .tooltip__inner {
  color: black;
}
.tooltip.-white .tooltip__tail {
  border-top: 5px solid rgba(255, 255, 255, 0.9) !important;
}

.tooltip.-music-prompt-with-image {
  background: white;
  max-width: 120px;
  padding: 10px;
  border-radius: 4px;
}
.tooltip.-music-prompt-with-image .tooltip__inner {
  color: black;
}
.tooltip.-music-prompt-with-image .tooltip__inner .-music-prompt-title {
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
html.win .tooltip.-music-prompt-with-image .tooltip__inner .-music-prompt-title {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
.tooltip.-music-prompt-with-image .tooltip__tail {
  bottom: -8px !important;
  border-top: 8px solid white !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  margin-left: -8px !important;
}

.-color--white {
  color: white;
}

.-bg-color--white {
  background-color: white;
}

.-color--black {
  color: black;
}

.-bg-color--black {
  background-color: black;
}

.-color--red {
  color: red;
}

.-bg-color--red {
  background-color: red;
}

.-color--alabaster {
  color: #f7f7f7;
}

.-bg-color--alabaster {
  background-color: #f7f7f7;
}

.-color--blue-ribbon {
  color: #1e39f6;
}

.-bg-color--blue-ribbon {
  background-color: #1e39f6;
}

.-color--tundora {
  color: #4e4e4e;
}

.-bg-color--tundora {
  background-color: #4e4e4e;
}

.-color--dusty-gray {
  color: #999999;
}

.-bg-color--dusty-gray {
  background-color: #999999;
}

.-color--gallery {
  color: #f0f0f0;
}

.-bg-color--gallery {
  background-color: #f0f0f0;
}

.-color--gallery-dark {
  color: #eaeaea;
}

.-bg-color--gallery-dark {
  background-color: #eaeaea;
}

.-color--mercury {
  color: #e5e5e5;
}

.-bg-color--mercury {
  background-color: #e5e5e5;
}

.-color--emperor {
  color: #545454;
}

.-bg-color--emperor {
  background-color: #545454;
}

.-color--dove-gray {
  color: #676767;
}

.-bg-color--dove-gray {
  background-color: #676767;
}

.-color--milk-punch {
  color: #fff3d3;
}

.-bg-color--milk-punch {
  background-color: #fff3d3;
}

.-color-rgba--silver {
  color: rgba(0, 0, 0, 0.4);
}

.-color-rgba--gray {
  color: rgba(0, 0, 0, 0.6);
}

.-color-rgba--scorpion {
  color: rgba(0, 0, 0, 0.8);
}

.-bg-color--facebook {
  background-color: #3b5a97;
}

.-bg-color--twitter {
  background-color: #54d4fb;
}

.-bg-color--vkontakte {
  background-color: #577da2;
}

.-bg-color--surfingbird {
  background-color: #d6d6d6;
}

.-bg-color--google_plus {
  background-color: #d54735;
}

.-bg-color--tumblr {
  background-color: #303e4d;
}

.-bg-color--stumbleupon {
  background-color: #ee4b13;
}

.-bg-color--pinterest {
  background-color: #f20202;
}

.-bg-color--odnoklassniki {
  background-color: #f68428;
}

.-bg-color--linkedin {
  background-color: #006699;
}

.-bg-color--reddit {
  background-color: #a8a8a8;
}

.-bg-color--watsapp {
  background-color: #27ab19;
}

.-bg-color--reddit {
  background-color: #cee3f8;
}

.-bg-color--messenger {
  background-color: white;
}

.-soc-i-sml-facebook {
  height: 11px;
  width: 11px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -2851px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-sml-facebook {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3145px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-big-facebook {
  height: 29px;
  width: 28px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -1661px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-big-facebook {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -1906.5px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-xl-facebook {
  height: 57px;
  width: 57px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -565px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-xl-facebook {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -580px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-notifications-facebook {
  height: 11px;
  width: 11px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -3857px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-notifications-facebook {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3800px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-sml-vkontakte {
  height: 11px;
  width: 11px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -2181px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-sml-vkontakte {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -2298.5px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-big-vkontakte {
  height: 28px;
  width: 28px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -800px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-big-vkontakte {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -646px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-notifications-vkontakte {
  height: 11px;
  width: 12px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -3719px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-notifications-vkontakte {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3683px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-sml-twitter {
  height: 11px;
  width: 13px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -2550px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-sml-twitter {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -2544.5px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-big-twitter {
  height: 23px;
  width: 28px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -1108px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-big-twitter {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -1157px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-xl-twitter {
  height: 52px;
  width: 64px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -258px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-xl-twitter {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -459px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-notifications-twitter {
  height: 11px;
  width: 15px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -3655px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-notifications-twitter {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3645px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-sml-google {
  height: 10px;
  width: 14px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -1616px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-sml-google {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -1661px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-big-google {
  height: 20px;
  width: 29px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -631px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-big-google {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -713.5px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-xl-google {
  height: 46px;
  width: 68px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -163px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-xl-google {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -262px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-soc-i-notifications-google {
  height: 9px;
  width: 14px;
  background-image: url(/assets/sprites-s4268938988-d18d6c16f3f3eda18c25f5fc1c55e654.png);
  background-position: 0 -3701px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .-soc-i-notifications-google {
    background-image: url(/assets/sprites-retina-s77c6ea3285-36753dd6710a785812c0717f2fe40f26.png);
    background-position: 0 -3665px;
    background-repeat: no-repeat;
    -webkit-background-size: 150px 4169px;
    -moz-background-size: 150px 4169px;
    -o-background-size: 150px 4169px;
    background-size: 150px 4169px;
  }
}

.-reset-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.-centered-text {
  text-align: center;
}

.-right-text {
  text-align: right;
}

.-error-text {
  color: red;
  font-size: 13px;
  text-align: center;
}

.disabled,
[disabled] {
  cursor: default !important;
  opacity: .4;
  pointer-events: none;
}

.-fixed {
  position: fixed;
}

.-ribbon {
  cursor: pointer;
}
.-ribbon:hover,
.-ribbon:hover:active {
  box-shadow: 0px 0px 0px 3px #1e39f6;
}

.-ribbon-hvr-text {
  cursor: pointer;
}
.-ribbon-hvr-text:hover,
.-ribbon-hvr-text:hover:active {
  color: #1e39f6 !important;
}

.-ribbon-bg-hvr:hover {
  background-color: #1e39f6 !important;
}

.-centered-box {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.-v-centered-box {
  position: absolute;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.-hidden {
  display: none;
}

.-force-hidden {
  display: none !important;
}

.-v-hidden {
  visibility: hidden;
}

.-margin-centered {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

html.mobile
.js-mobile-hidden {
  display: none !important;
}

.js-mobile-visible {
  display: none;
}
html.mobile
.js-mobile-visible {
  display: inline-block !important;
}

.-clear:before,
.-clear:after {
  content: '';
  display: table;
}
.-clear:after {
  clear: both;
}

.-clear-left:before,
.-clear-left:after {
  content: '';
  display: table;
}
.-clear-left:after {
  clear: left;
}

.-truncate-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.-truncate-long-words {
  overflow: hidden;
  text-overflow: ellipsis;
}

.-indent-overflow {
  overflow: hidden;
  text-indent: -9000px;
  display: block;
}

.-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.-allow-select {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

@font-face {
  font-family: web-symbols-reg;
  src: url(/assets/websymbols2/websymbols-regular-webfont-04b45474c4e64d1c2d575e2b2cc2de5d.eot);
  src: url(/assets/websymbols2/websymbols-regular-webfont-1b400c0309aaed08fb0781e17d589eec.woff) format("woff"), url(/assets/websymbols2/websymbols-regular-webfont.svg#WebSymbolsRegular) format("svg");
  font-weight: 400;
  font-style: normal;
}

/*
*   Normal
*/
/*
*   Small
*/
/*
*   Normal
*/
/*
*   Small
*/
html.webkit .coub__viewer .viewer {
  overflow: visible;
}

.coub__viewer {
  position: relative;
}
.coub__viewer .viewer {
  position: relative;
  overflow: hidden;
}
.coub__viewer .viewer__hand {
  z-index: 200;
  background: url(/assets/embed/hand-small-dc39f9743f0c271b69f61995b6979052.png) no-repeat 50% 50%;
  cursor: pointer;
}
.coub__viewer .viewer__hand:hover {
  background: url(/assets/embed/hand-small_hover-4758c8426b6acb2441975aaaa4a78dd0.png) no-repeat 50% 50%;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .coub__viewer .viewer__hand {
    background: url(/assets/embed/hand-small@2x-7933fd91440e19b549bffba2efbab1ab.png) no-repeat 50% 53%;
    -webkit-background-size: 70px;
    -moz-background-size: 70px;
    -o-background-size: 70px;
    background-size: 70px;
  }
  .coub__viewer .viewer__hand:hover {
    background: url(/assets/embed/hand-small_hover@2x-4a8959c1d54c67fa8df889f005fd8dd8.png) no-repeat 50% 53%;
    -webkit-background-size: 70px;
    -moz-background-size: 70px;
    -o-background-size: 70px;
    background-size: 70px;
  }
}
.coub__viewer .viewer__img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.coub__viewer .viewer__player {
  position: relative;
}
.coub__viewer .viewer__player object, .coub__viewer .viewer__player canvas, .coub__viewer .viewer__player video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.coub__viewer--simple .viewer {
  height: auto !important;
  width: auto !important;
}

/*
*   Mask corners
*/
.coub .viewer {
  -webkit-mask-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media only screen and (min-width: 1024px) {
  .coub.coub--normal-card .viewer {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .coub.coub--vertical.coub--normal-card:not(.coub--page-card) .viewer {
    border-radius: 0px;
  }
}
/*
*   CSS Corners for flash
*/
.corner {
  position: absolute;
  height: 10px;
  width: 10px;
  overflow: hidden;
  z-index: 200;
}
.corner.tl, .corner.tl:after {
  top: 0px;
  left: 0px;
}
.corner.tr, .corner.tr:after {
  top: 0px;
  right: 0px;
}
.corner.bl, .corner.bl:after {
  bottom: 0px;
  left: 0px;
}
.corner.br, .corner.br:after {
  bottom: 0px;
  right: 0px;
}
.corner:after {
  content: '';
  background: transparent;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  box-shadow: 0px 0px 0px 5px #f7f7f7;
}
.coub.coub--normal-card .corner:after, .coub.coub--small-card .corner:after {
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .coub.coub--normal-card .corner:after {
    border-radius: 8px;
  }
}

@-webkit-keyframes player-spinner {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes player-spinner {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes player-spinner {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes player-spinner {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.viewer.viewer--v2 {
  color: white;
  line-height: 0;
  /* Viewer control buttons */
  /* Sound icon */
  /* Sound bar */
  /* Blocks ahead */
  /* Ads block */
  /* Coub info block */
  /* Coub media block */
  /* Copy link */
  /* Sharing */
  /* Block blah-blah */
}
.viewer.viewer--v2 .viewer__shadow:after {
  content: '';
  display: none;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.viewer.viewer--v2 .viewer__coubs-changer {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next span {
  background: url(/assets/svg/html5_player/prev-c887b8262495c7765b7f67fdc9a83178.svg) no-repeat;
  background-size: 100% 100%;
  width: 26px;
  height: 11px;
  position: absolute;
  top: calc((100% - 12px) / 2);
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:after {
  content: url(/assets/svg/html5_player/prev_hover-2fcad8010f2ba63782ce22b397325634.svg);
  display: none;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover span {
  background: url(/assets/svg/html5_player/prev_hover-2fcad8010f2ba63782ce22b397325634.svg) no-repeat;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover.-watch-more p {
  display: block;
  width: 110px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  font-size: 12px;
  margin: 0;
  line-height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover.-watch-more.-prev p {
  left: 10px;
  padding-left: 33px;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover.-watch-more.-next p {
  right: 10px;
  padding-left: 11px;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-prev {
  left: 0;
  width: 15%;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-prev span {
  left: 20px;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-next {
  right: 0;
  width: 85%;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-next span {
  transform: scaleX(-1);
  right: 20px;
}
.viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-disabled {
  display: none;
}
.viewer.viewer--v2 .viewer__site-logo {
  background: url(/assets/svg/html5_player/logo-3f41788217db07add1338d2719127de7.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 34px;
  opacity: 0;
  transition: opacity 0.2s linear;
  width: 34px;
  position: absolute;
  bottom: 5px;
  right: 14px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__site-logo:hover {
  background: url(/assets/svg/html5_player/logo_hover-fe075046ed09ef861c728431a424060f.svg) no-repeat;
}
.viewer.viewer--v2 .viewer__hand {
  background: none;
  z-index: auto;
}
.viewer.viewer--v2 .viewer__hand:before {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
  border-radius: 50%;
  content: '';
  margin: -34px 0 0 -34px;
  outline: 1px solid transparent;
  height: 68px;
  width: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.viewer.viewer--v2 .viewer__hand:after {
  background: url(/assets/svg/mobile_player/hand-3b58e32aa5bdf360c2b0a505b6492f82.svg) no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 40px;
  position: absolute;
  width: 28px;
  bottom: 0;
  right: 0;
  top: 0px;
  left: -3px;
  margin: auto;
}
.viewer.viewer--v2 .viewer__hand:hover:before {
  background-color: #1e39f6;
}
.viewer.viewer--v2 .viewer__hand.disabled:before {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.viewer.viewer--v2 .viewer__mute {
  color: white;
  cursor: pointer;
}
.viewer.viewer--v2 .viewer__mute > span {
  display: block;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  top: 15px;
  left: 15px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.viewer.viewer--v2 .viewer__mute > i {
  display: none;
}
.viewer.viewer--v2 .viewer__spinner {
  background: url(/assets/svg/html5_player/spinner-c1f307e60750c406d00206a215667c1f.svg) no-repeat;
  background-size: 100% 100%;
  height: 37px;
  margin: -18px 0 0 -18px;
  width: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2.-fullscreen {
  background: black;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0;
}
.viewer.viewer--v2.-fullscreen .viewer__player,
.viewer.viewer--v2.-fullscreen .viewer__controls__container {
  position: static !important;
}
.viewer.viewer--v2.-fullscreen .viewer__coubs-changer {
  display: none;
}
.viewer.viewer--v2.-fullscreen .viewer__img,
.viewer.viewer--v2.-fullscreen video {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
}
.viewer.viewer--v2.-fullscreen.-vertical .viewer__img, .viewer.viewer--v2.-fullscreen.-vertical video {
  height: 100%;
  width: auto;
}
.viewer.viewer--v2.-fullscreen.-horizontal .viewer__img, .viewer.viewer--v2.-fullscreen.-horizontal video {
  height: auto;
  width: 100%;
}
.viewer.viewer--v2 .viewer__fullscreen {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.viewer.viewer--v2 .viewer__fullscreen:before {
  content: '';
  background: url(/assets/svg/html5_player/fullscreen-52070861cdbd58b4c8b4766a025a28c5.svg) no-repeat;
  background-size: 100% 100%;
  height: 19px;
  width: 19px;
  position: absolute;
  top: 14px;
  right: 13px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__fullscreen.-on:before {
  background-image: url(/assets/svg/html5_player/fullscreen-off-098d626a6595454e1623f26ab75da102.svg);
}
.viewer.viewer--v2 .viewer__share {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 45px;
}
.viewer.viewer--v2 .viewer__share:before {
  content: '';
  background: url(/assets/svg/html5_player/share-2a02d8fd765d83cbeeaca889b93b6b67.svg) no-repeat;
  background-size: 100% 100%;
  height: 21px;
  width: 17px;
  position: absolute;
  top: 13px;
  right: 12px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__share.-shifted {
  right: 1px;
}
.viewer.viewer--v2 .viewer__copylink {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 90px;
}
.viewer.viewer--v2 .viewer__copylink:before {
  content: '';
  background: url(/assets/svg/html5_player/copy_link-7b27e5b165e6daaa0039c7f04468286f.svg) no-repeat;
  background-size: 100% 100%;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 14px;
  right: 9px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__copylink.-shifted, .viewer.viewer--v2 .viewer__copylink.-shifted2 {
  right: 45px;
}
.viewer.viewer--v2 .viewer__copylink.-shifted.-shifted2 {
  right: 4px;
}
.viewer.viewer--v2 .viewer__sharing__top {
  position: absolute;
  top: 10px;
  left: 10px;
}
.viewer.viewer--v2 .viewer__sharing__top .viewer__sharing__top__item > button {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 2px;
  outline: none;
  position: relative;
  font-size: 12px;
  color: white;
  height: 28px;
  text-indent: 20px;
}
.viewer.viewer--v2 .viewer__sharing__top .viewer__sharing__top__item > button.vkontakte {
  width: 108px;
}
.viewer.viewer--v2 .viewer__sharing__top .viewer__sharing__top__item > button.vkontakte > span {
  background: url(/assets/svg/html5_player/share_vk_share-ca0a73aea074e26b8157401542d99bcc.svg) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.viewer.viewer--v2 .viewer__controls__play {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
}
.viewer.viewer--v2 .viewer__play {
  height: 45px;
  width: 52px;
}
.viewer.viewer--v2 .viewer__play:before {
  background: url(/assets/svg/html5_player/play-51161e6ce6ec120ac634953e4654a600.svg) no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 18px;
  width: 15px;
  position: absolute;
  top: 15px;
  left: 22px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__play.-pause:before {
  background-image: url(/assets/svg/html5_player/pause-caa00cc0635010970a4c5917db40f585.svg);
}
.viewer.viewer--v2 .viewer__hd {
  cursor: pointer;
  width: 45px;
  height: 45px;
  position: relative;
}
.viewer.viewer--v2 .viewer__hd:before {
  content: '';
  background: url(/assets/svg/html5_player/hd-8ec479366349c69743b4043b67b5c988.svg) no-repeat;
  background-size: 100% 100%;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 8px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__hd.-sd:before {
  background-image: url(/assets/svg/html5_player/sd-689500784001f319c7aade59b29cb087.svg);
}
.viewer.viewer--v2 .viewer__music {
  width: 30px;
  height: 45px;
  position: relative;
}
.viewer.viewer--v2 .viewer__music:before {
  content: '';
  background: url(/assets/svg/html5_player/music-c77e9a41e310a02516da58f1cfbf0828.svg) no-repeat;
  background-size: 100% 100%;
  height: 21px;
  width: 17px;
  position: absolute;
  top: 14px;
  left: 4px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__sound {
  height: 45px;
  opacity: 1;
  transition: left 0.2s linear, opacity 0.2s linear;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.viewer.viewer--v2 .viewer__sound:before {
  content: '';
  background: url(/assets/svg/html5_player/mute-6176cf607e56c59f5162135312cd652a.svg) no-repeat;
  background-size: 100% 100%;
  width: 25px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  left: 8px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__sound.-has-sound {
  left: 52px;
  opacity: 0;
}
.viewer.viewer--v2 .viewer__sound.-has-sound:before {
  background-image: url(/assets/svg/html5_player/sound-1a9820b40545b3e7a7fae307b1a493b6.svg);
  width: 24px;
}
.viewer.viewer--v2 .viewer__sound.-bar-visible {
  width: 35px;
}
.viewer.viewer--v2 .viewer__filter__hack {
  height: 1px;
  width: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.viewer.viewer--v2 .viewer__sound__bar {
  margin: 4px 7px 0 38px;
  overflow: hidden;
  position: relative;
  transition: width 0.2s linear;
  white-space: nowrap;
  width: 0;
}
.viewer.viewer--v2 .viewer__sound__bar.-visible {
  width: 60px;
}
.viewer.viewer--v2 .viewer__sound__bar > div {
  background-color: white;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  height: 4px;
  margin-right: -2px;
  max-width: 52px;
  min-width: 2px;
  transition: width 0.2s linear;
}
.viewer.viewer--v2 .viewer__sound__bar > div:before {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  content: '';
  height: 4px;
  position: absolute;
  width: 100%;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 0;
}
.viewer.viewer--v2 .viewer__sound__bar > div.-drag {
  transition: none;
}
.viewer.viewer--v2 .viewer__sound__bar > span {
  border: 3px solid white;
  border-radius: 5px;
  cursor: pointer;
  height: 10px;
  width: 10px;
}
.viewer.viewer--v2 .viewer__blocks__hr {
  background-color: rgba(255, 255, 255, 0.4);
  height: 1px;
  overflow: hidden;
  position: absolute;
  bottom: 44px;
  left: 11px;
  right: 11px;
}
.viewer.viewer--v2 .adman-ad > div {
  line-height: 120%;
}
.viewer.viewer--v2 .viewer__ads {
  text-align: center;
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  font-size: 14px !important;
}
.viewer.viewer--v2 .viewer__ads.-hidden {
  visibility: hidden;
  opacity: 0 !important;
  display: block !important;
  z-index: -1;
}
.viewer.viewer--v2 .rb-adman_close {
  display: none;
}
.viewer.viewer--v2 .adman-ad {
  text-align: left;
}
.viewer.viewer--v2 .adman-ad > div {
  position: relative !important;
}
.viewer.viewer--v2 #yandex_ad_R-144951-3 {
  background: rgba(0, 0, 0, 0.5);
}
.viewer.viewer--v2 .viewer__ads__banner {
  margin: 0 auto;
  max-width: 626px;
  padding: 0 13px;
  position: relative;
}
.viewer.viewer--v2 .viewer__ads__banner > .banner-close {
  position: absolute;
  top: -7px;
  right: 5px;
  z-index: 10;
}
.viewer.viewer--v2 .adfox-banner-embed {
  max-width: 100%;
}
.viewer.viewer--v2 .viewer__coub-info {
  max-width: 100%;
  padding-right: 89px;
  white-space: nowrap;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 58px;
  left: 13px;
}
.viewer.viewer--v2 .viewer__coub-info__img {
  border-radius: 5px;
  box-shadow: 0px 0px 0px 2px white;
  display: inline-block;
  margin: 2px 13px 2px 2px;
  position: relative;
}
.viewer.viewer--v2 .viewer__coub-info__img > img {
  border-radius: 5px;
}
.viewer.viewer--v2 .viewer__coub-info__img:hover {
  box-shadow: 0px 0px 0px 3px #1e39f6;
}
.viewer.viewer--v2 .viewer__coub-info__body {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}
.viewer.viewer--v2 .viewer__coub-info__body > a {
  color: inherit;
  display: block;
  text-decoration: none;
}
.viewer.viewer--v2 .viewer__coub-info__body > a:hover {
  text-decoration: underline;
}
.viewer.viewer--v2 .viewer__coub-info__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  position: relative;
}
.viewer.viewer--v2 .viewer__coub-info__stamp {
  font-size: 13px;
  line-height: 15px;
  position: relative;
}
.viewer.viewer--v2 .viewer__coub-info__stamp > a {
  color: inherit;
  text-decoration: none;
}
.viewer.viewer--v2 .viewer__coub-info__stamp > a:hover {
  text-decoration: underline;
}
.viewer.viewer--v2 .viewer__source + .viewer__coub-info {
  max-width: 50%;
  max-width: calc(100% - 150px);
}
.viewer.viewer--v2 .viewer__source {
  background-color: white;
  border-radius: 5px;
  padding: 2px;
  width: 122px;
  position: absolute;
  bottom: 55px;
  right: 9px;
}
.viewer.viewer--v2 .viewer__source.viewer__source-video {
  width: 100px;
  padding: 10px;
}
.viewer.viewer--v2 .viewer__source.viewer__source-video .viewer__source__img:before {
  display: none;
}
.viewer.viewer--v2 .viewer__source.viewer__source-video .viewer__source__img > img {
  border-radius: 0;
}
.viewer.viewer--v2 .viewer__source.viewer__source-video .viewer__source__title {
  text-align: left;
  padding: 4px 0 0;
  letter-spacing: -0.6px;
  line-height: normal;
}
.viewer.viewer--v2 .viewer__source.viewer__source-video .viewer__source__title span {
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  color: #999999;
}
html.win .viewer.viewer--v2 .viewer__source.viewer__source-video .viewer__source__title span {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
.viewer.viewer--v2 .viewer__source > a {
  color: inherit;
  text-decoration: none;
}
.viewer.viewer--v2 .viewer__source__img {
  position: relative;
}
.viewer.viewer--v2 .viewer__source__img:before {
  background: url(/assets/svg/html5_player/play-51161e6ce6ec120ac634953e4654a600.svg) no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 30px;
  margin: auto;
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--v2 .viewer__source__img > img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}
.viewer.viewer--v2 .viewer__source__img > span {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  color: white;
  font-size: 10px;
  line-height: 16px;
  padding: 0 3px;
  position: absolute;
  bottom: 3px;
  right: 5px;
}
.viewer.viewer--v2 .viewer__source__title {
  color: black;
  font-size: 13px;
  text-align: center;
  padding: 14px 0 10px;
}
.viewer.viewer--v2 .viewer__copylink__layer {
  background-color: rgba(0, 0, 0, 0.6);
}
.viewer.viewer--v2 .viewer__copylink__layer > input {
  color: black;
  background: white;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  line-height: 40px;
  outline: none;
  text-align: center;
  width: 290px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.viewer.viewer--v2 .viewer__sharing {
  background-color: rgba(0, 0, 0, 0.6);
}
.viewer.viewer--v2 .viewer__sharing__items {
  margin-top: -20px;
  height: 54px;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.viewer.viewer--v2 .viewer__sharing__item {
  width: 42px;
}
.viewer.viewer--v2 .viewer__sharing__item > button {
  background: white center center no-repeat;
  border: none;
  border-radius: 4px;
  height: 34px;
  margin: 0;
  outline: none;
  position: relative;
  width: 34px;
}
.viewer.viewer--v2 .viewer__sharing__item > button.facebook {
  background-image: url(/assets/svg/html5_player/share_facebook-d222417ff4829b8a59eb5a57d287fb15.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > button.twitter {
  background-image: url(/assets/svg/html5_player/share_twitter-2658a41b532b721e177d6c756a8d3617.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > button.reddit {
  background-image: url(/assets/svg/html5_player/share_reddit-68aa8189bd4028a333eecce525b187d0.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > button.tumblr {
  background-image: url(/assets/svg/html5_player/share_tumblr-03eb6adafa18f65062be2b186546fa9c.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > button.pinterest {
  background-image: url(/assets/svg/html5_player/share_pinterest-685186e6f5ee5c23e02fbe0d1afbe08b.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > button.copy {
  background-image: url(/assets/svg/html5_player/share_copy-449b69366e1ae35b9d4a6af1d7f4e724.svg);
}
.viewer.viewer--v2 .viewer__sharing__item > span {
  font-size: 11px;
  line-height: 20px;
  text-transform: capitalize;
  visibility: hidden;
  white-space: nowrap;
}
.viewer.viewer--v2 .viewer__sharing__item.copy-link--success > span, .viewer.viewer--v2 .viewer__sharing__item.copy-link--failed > span {
  visibility: visible;
}
.viewer.viewer--v2 .viewer__sharing__copy {
  position: relative;
}
.viewer.viewer--v2 .viewer__fullscreen:hover,
.viewer.viewer--v2 .viewer__share:hover,
.viewer.viewer--v2 .viewer__copylink:hover,
.viewer.viewer--v2 .viewer__play:hover,
.viewer.viewer--v2 .viewer__sound:hover {
  cursor: pointer;
  opacity: 0.8 !important;
}
.viewer.viewer--v2 .viewer__controls {
  font-size: 0;
}
.viewer.viewer--v2 .viewer__controls > * {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.viewer.viewer--v2 .viewer__click {
  cursor: none;
}
.viewer.viewer--v2.-visible-controls .viewer__shadow:after, .viewer.viewer--v2.-ui-state-paused .viewer__shadow:after, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__shadow:after, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__shadow:after, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__shadow:after {
  display: block;
}
.viewer.viewer--v2.-visible-controls .viewer__coubs-changer, .viewer.viewer--v2.-ui-state-paused .viewer__coubs-changer, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__coubs-changer, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__coubs-changer, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__coubs-changer {
  opacity: 1;
}
.viewer.viewer--v2.-visible-controls .viewer__controls > *, .viewer.viewer--v2.-ui-state-paused .viewer__controls > *, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__controls > *, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__controls > *, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__controls > * {
  opacity: 1;
}
.viewer.viewer--v2.-visible-controls .viewer__controls > *.-faded, .viewer.viewer--v2.-ui-state-paused .viewer__controls > *.-faded, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__controls > *.-faded, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__controls > *.-faded, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__controls > *.-faded {
  pointer-events: none;
  opacity: 0.6;
}
.viewer.viewer--v2.-visible-controls .viewer__sound, .viewer.viewer--v2.-ui-state-paused .viewer__sound, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__sound, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__sound, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__sound {
  opacity: 1;
  left: 52px;
  width: 45px;
}
.viewer.viewer--v2.-visible-controls .viewer__site-logo, .viewer.viewer--v2.-ui-state-paused .viewer__site-logo, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__site-logo, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__site-logo, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__site-logo {
  opacity: 1;
}
.viewer.viewer--v2.-visible-controls .viewer__click, .viewer.viewer--v2.-ui-state-paused .viewer__click, .viewer.viewer--v2.-ui-state-paused_copy_link .viewer__click, .viewer.viewer--v2.-ui-state-unloaded_pause .viewer__click, .viewer.viewer--v2.-ui-state-unloaded_pause_copy_link .viewer__click {
  cursor: pointer;
}

.viewer.viewer--v2:after {
  content: url(/assets/svg/html5_player/play-51161e6ce6ec120ac634953e4654a600.svg) url(/assets/svg/html5_player/pause-caa00cc0635010970a4c5917db40f585.svg) url(/assets/svg/html5_player/mute-6176cf607e56c59f5162135312cd652a.svg) url(/assets/svg/html5_player/sound-1a9820b40545b3e7a7fae307b1a493b6.svg) url(/assets/svg/html5_player/hd-8ec479366349c69743b4043b67b5c988.svg) url(/assets/svg/html5_player/sd-689500784001f319c7aade59b29cb087.svg) url(/assets/svg/html5_player/fullscreen-52070861cdbd58b4c8b4766a025a28c5.svg) url(/assets/svg/html5_player/fullscreen-off-098d626a6595454e1623f26ab75da102.svg) url(/assets/svg/html5_player/logo_hover-fe075046ed09ef861c728431a424060f.svg);
  display: none;
}

.viewer.viewer--v2.x2 .viewer__shadow:after {
  height: 100px;
}
.viewer.viewer--v2.x2 .viewer__hand:before {
  margin: -48px 0 0 -48px;
  height: 96px;
  width: 96px;
}
.viewer.viewer--v2.x2 .viewer__hand:after {
  height: 57px;
  left: -3px;
  width: 40px;
}
.viewer.viewer--v2.x2 .viewer__sharing__items {
  height: 70px;
  margin-top: -35px;
}
.viewer.viewer--v2.x2 .viewer__sharing__item {
  width: 60px;
}
.viewer.viewer--v2.x2 .viewer__sharing__item > button {
  height: 50px;
  width: 50px;
}
.viewer.viewer--v2.x2 .viewer__sharing__item > span {
  visibility: visible;
}

.viewer.viewer--v2.-h-lt-250 .viewer__source, .viewer.viewer--v2.-h-lt-250 .viewer__coub-info, .viewer.viewer--v2.-h-lt-250 .viewer__blocks__hr {
  display: none;
}
.viewer.viewer--v2.-h-lt-130 .viewer__sharing__items {
  display: none;
}
.viewer.viewer--v2.-w-lt-400 .viewer__coub-info {
  display: none;
}
.viewer.viewer--v2.-w-lt-225 .viewer__sound__bar.-visible {
  width: 0;
}
.viewer.viewer--v2.-w-lt-200 .viewer__music {
  display: none;
}
.viewer.viewer--v2.-w-lt-175 .viewer__source, .viewer.viewer--v2.-w-lt-175 .viewer__hd, .viewer.viewer--v2.-w-lt-175 .viewer__ads, .viewer.viewer--v2.-w-lt-175 .viewer__copylink {
  display: none;
}
.viewer.viewer--v2.-w-lt-140 .viewer__controls__play {
  display: none;
}
.viewer.viewer--v2.-w-lt-140 .viewer__sound {
  left: 0 !important;
}
.viewer.viewer--v2.-w-lt-110 .viewer__share {
  display: none;
}
.viewer.viewer--v2.-w-lt-110 .viewer__sound {
  display: none;
}

.viewer.viewer--v2 .-ahmad-promo-quote-container {
  position: absolute;
  width: 100%;
  line-height: initial;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  bottom: 12px;
  left: 0;
  padding: 0 20px;
}
.viewer.viewer--v2 .-ahmad-promo-quote-container .-ahmad-promo-quote {
  font-family: helveticaneuecoub-bold, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 800;
  white-space: pre-wrap;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 17px;
  word-wrap: break-word;
  max-width: 640px;
  margin: 0 auto;
}
html.win .viewer.viewer--v2 .-ahmad-promo-quote-container .-ahmad-promo-quote {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.viewer.viewer--v2 .-ahmad-promo-quote-container .-ahmad-promo-artist {
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 13px;
  max-width: 640px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.win .viewer.viewer--v2 .-ahmad-promo-quote-container .-ahmad-promo-artist {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
.viewer.viewer--v2.x2 .-ahmad-promo-quote-container {
  bottom: 40px;
}
.viewer.viewer--v2.x2 .-ahmad-promo-quote-container.-embed {
  bottom: 60px;
}
.viewer.viewer--v2.x2 .-ahmad-promo-quote-container .-ahmad-promo-quote {
  font-size: 20px;
  line-height: 24px;
}
.viewer.viewer--v2.x2 .-ahmad-promo-quote-container .-ahmad-promo-artist {
  font-size: 14px;
}

.viewer.viewer--v2.startrek-promo .viewer__site-logo {
  background: url(/assets/svg/html5_player/startrek_logo-4b449d022bb2453bd280df062bf48080.svg) no-repeat;
}
.viewer.viewer--v2.startrek-promo .viewer__site-logo:hover {
  background: url(/assets/svg/html5_player/startrek_logo_hover-1589ea4ba906ecc70a2b24f72d92c750.svg) no-repeat;
}
.viewer.viewer--v2.startrek-promo .viewer__site-logo:before {
  content: url(/assets/svg/html5_player/startrek_logo_hover-1589ea4ba906ecc70a2b24f72d92c750.svg);
  display: none;
}

.viewer.viewer--mobile {
  line-height: 0;
}
.viewer.viewer--mobile * {
  -webkit-tap-highlight-color: none;
}
.viewer.viewer--mobile .viewer__click {
  cursor: pointer;
}
.viewer.viewer--mobile .viewer__shadow:after {
  bottom: 0;
  content: '';
  height: 70px;
  position: absolute;
  width: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.viewer.viewer--mobile.-state-playing .viewer__shadow:after {
  display: none;
}
.viewer.viewer--mobile .viewer__site-logo {
  background: url(/assets/svg/html5_player/logo-small-8813f11b38de80a686689fb9a3c3a6c1.svg) no-repeat;
  background-size: 100% 100%;
  height: 28px;
  width: 28px;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--mobile .viewer__site-logo.-blue {
  background-image: url(/assets/svg/html5_player/logo-small-blue-0fa867471d0db07670f5ecb3c10d3aa4.svg);
}
.viewer.viewer--mobile .viewer__site-logo:before {
  content: '';
  width: 45px;
  height: 80px;
  position: absolute;
  top: -10px;
  left: -10px;
}
.viewer.viewer--mobile .viewer__hand {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
  border-radius: 50%;
  left: 50%;
  margin: -39px 0 0 -39px;
  outline: 1px solid transparent;
  top: 50%;
  height: 78px;
  width: 78px;
}
.viewer.viewer--mobile .viewer__hand:after {
  background: url(/assets/svg/mobile_player/hand-3b58e32aa5bdf360c2b0a505b6492f82.svg) no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 49px;
  position: absolute;
  width: 34px;
  bottom: 0;
  right: 0;
  top: 0px;
  left: -4px;
  margin: auto;
}
html:not(.mobile) .viewer.viewer--mobile .viewer__hand:hover {
  background-color: rgba(30, 57, 246, 0.8);
}
html:not(.mobile) .viewer.viewer--mobile .viewer__hand:active {
  background-color: #1e39f6;
}
.viewer.viewer--mobile .viewer__hand.disabled, .viewer.viewer--mobile .viewer__hand.disabled:hover, .viewer.viewer--mobile .viewer__hand.disabled:active {
  background-color: rgba(0, 0, 0, 0.6);
}
.viewer.viewer--mobile .viewer__mute {
  cursor: pointer;
}
.viewer.viewer--mobile .viewer__mute > i {
  background: url(/assets/svg/mobile_player/mute-10944de77949d7a744a61dccba2a58ff.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 24px;
  width: 32px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  position: absolute;
  bottom: 12px;
  right: 12px;
}
html:not(.mobile) .viewer.viewer--mobile .viewer__mute > i:hover {
  opacity: 0.8;
}
.viewer.viewer--mobile .viewer__mute.-failed > i {
  opacity: 0.4 !important;
}
.viewer.viewer--mobile .viewer__share__mobile {
  cursor: pointer;
  height: 80px;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
}
.viewer.viewer--mobile .viewer__share__mobile:before {
  background: url(/assets/svg/html5_player/share-2a02d8fd765d83cbeeaca889b93b6b67.svg) no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 21px;
  width: 18px;
  position: absolute;
  top: 14px;
  right: 15px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--mobile .viewer__progress {
  background: url(/assets/svg/html5_player/spinner-c1f307e60750c406d00206a215667c1f.svg) no-repeat;
  background-size: 100% 100%;
  height: 37px;
  margin: -18px 0 0 -18px;
  width: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
.viewer.viewer--mobile .viewer__pause,
.viewer.viewer--mobile .viewer__copy {
  background-color: rgba(0, 0, 0, 0.6);
}
.viewer.viewer--mobile .viewer__play__mobile {
  cursor: pointer;
  height: 80px;
  width: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.viewer.viewer--mobile .viewer__play__mobile:before {
  content: '';
  background: url(/assets/svg/html5_player/pause-caa00cc0635010970a4c5917db40f585.svg) no-repeat;
  background-size: 100% 100%;
  height: 18px;
  width: 18px;
  position: absolute;
  bottom: 8px;
  left: 10px;
  -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}
html:not(.mobile) .viewer.viewer--mobile .viewer__play__mobile:hover {
  opacity: 0.8;
}
.viewer.viewer--mobile .viewer__open-in-app,
.viewer.viewer--mobile .viewer__coub-link {
  color: white;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  top: 24px;
  left: 45px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.viewer.viewer--mobile .viewer__open-in-app:before,
.viewer.viewer--mobile .viewer__coub-link:before {
  content: '';
  width: 100px;
  height: 80px;
  position: absolute;
  top: -24px;
  left: 0;
}
.viewer.viewer--mobile .viewer__open-in-app.-no-logo,
.viewer.viewer--mobile .viewer__coub-link.-no-logo {
  left: 10px;
}
.viewer.viewer--mobile .viewer__open-in-app:hover,
.viewer.viewer--mobile .viewer__coub-link:hover {
  color: #f8e71c;
}
.viewer.viewer--mobile .viewer__get-app {
  color: white;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  top: 24px;
  right: 18px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.viewer.viewer--mobile .viewer__get-app:before {
  content: '';
  height: 80px;
  width: 100px;
  position: absolute;
  top: -24px;
  right: -18px;
}
.viewer.viewer--mobile .viewer__get-app.-bottom {
  bottom: 18px;
  right: 11px;
  top: auto;
}
.viewer.viewer--mobile .viewer__get-app.-bottom:before {
  top: -62px;
}
.viewer.viewer--mobile .viewer__get-app:hover {
  color: #f8e71c;
}
.viewer.viewer--mobile .viewer__pause__content,
.viewer.viewer--mobile .viewer__copy__content {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.viewer.viewer--mobile .viewer__pause__content {
  padding-top: 48px;
}
.viewer.viewer--mobile .viewer__share__social {
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  position: relative;
  text-align: center;
  width: 51px;
  white-space: nowrap;
}
.viewer.viewer--mobile .viewer__share__social > button {
  background: transparent no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 9px;
  display: block;
  margin: 0 auto 4px;
  outline: none;
  padding: 0;
  height: 40px;
  width: 40px;
  -webkit-appearance: none;
}
.viewer.viewer--mobile .viewer__share__social.facebook > button {
  background-image: url(/assets/social/facebook_mobile-71433da181fd96266677fdf7a069a383.png);
}
.viewer.viewer--mobile .viewer__share__social.twitter > button {
  background-image: url(/assets/social/twitter_mobile-6c2a7ce6262f5682687a048b7b587b1b.png);
}
.viewer.viewer--mobile .viewer__share__social.messenger > button {
  background-image: url(/assets/social/messenger_mobile-4cda42afbd271ca506b38a799a33b085.png);
}
.viewer.viewer--mobile .viewer__share__social.watsapp > button {
  background-image: url(/assets/social/whatsapp_mobile-23af42e45d506b7a03ba1ef36c0e849c.png);
}
.viewer.viewer--mobile .viewer__share__social.copy > button {
  background: white url(/assets/svg/html5_player/share_copy-449b69366e1ae35b9d4a6af1d7f4e724.svg) center center no-repeat;
  background-size: 22px;
}
.viewer.viewer--mobile .viewer__pause__open-in-app {
  background-color: white;
  border-radius: 15px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-top: 19px;
  padding: 15px 23px;
  position: relative;
  text-decoration: none;
}
.viewer.viewer--mobile .viewer__copy {
  cursor: pointer;
}
.viewer.viewer--mobile .viewer__copy__input {
  background: white;
  border: none;
  border-radius: 3px;
  font-size: 12px;
  line-height: 30px;
  outline: none;
  position: relative;
  text-align: center;
  width: 218px;
  -webkit-appearance: none;
}

.viewer.viewer--mobile {
  color: white;
}
.viewer.viewer--mobile .-ahmad-promo-quote-container {
  position: absolute;
  width: 100%;
  line-height: initial;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  bottom: 12px;
  left: 0;
  padding: 0 20px;
}
.viewer.viewer--mobile .-ahmad-promo-quote-container .-ahmad-promo-quote {
  font-family: helveticaneuecoub-bold, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 800;
  white-space: pre-wrap;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 17px;
  word-wrap: break-word;
  max-width: 640px;
  margin: 0 auto;
}
html.win .viewer.viewer--mobile .-ahmad-promo-quote-container .-ahmad-promo-quote {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.viewer.viewer--mobile .-ahmad-promo-quote-container .-ahmad-promo-artist {
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 13px;
  max-width: 640px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.win .viewer.viewer--mobile .-ahmad-promo-quote-container .-ahmad-promo-artist {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

.viewer.viewer--mobile.startrek-promo .viewer__site-logo {
  background: url(/assets/svg/mobile_player/startrek_logo-7a2c43c75724d52949783a01270b6ae9.svg) no-repeat;
}
.viewer.viewer--mobile.startrek-promo .viewer__site-logo.-blue {
  background-image: url(/assets/svg/mobile_player/startrek_logo_hover-9ebd2cfd13f72e9ef0d0d81012c3b69c.svg);
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  background: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  overflow: hidden;
  height: 100%;
}

.coub__embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: transparent;
}
.coub__embed.-animated {
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -ms-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}

.coub__viewer {
  height: 100%;
  position: absolute;
  top: 0;
}

.viewer__player {
  height: 100%;
}

.coub__embed:not(.-vkontakte-embed) .viewer__coubs-changer .button-prev-next.-next {
  width: 15% !important;
}

.coub__embed.-vkontakte-embed .viewer__copylink__layer {
  display: none;
}

.coub__viewer .viewer__img {
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  -ms-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.close-small {
  color: #838383;
  cursor: pointer;
  font-size: 6px;
  font-weight: bold;
  line-height: 1;
  font-family: web-symbols-reg;
  font-weight: 400;
}
.close-small:after {
  content: '\0027';
}
html:not(.mobile) .close-small:hover {
  color: #1e39f6;
}

.close-small.close-small--round {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 20px;
  height: 20px;
}
.close-small.close-small--round:after {
  color: white;
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 10px;
}
.close-small.close-small--round:hover {
  background-color: #1e39f6;
}

.hbold {
  font-weight: bold;
}