/*
*   http://chir.ag/projects/name-that-color
*/
/*
*   RGBA
*/
/*
*   Coub colors
*/
/*
*   Color Palette List
*/
/*
*   Color RGBA Palette List
*   Named by the resulting color on a white background
*/
/*
*   Social Providers Colors List
*/
/*
  Other
*/
/*
  Shadows
*/
/*
*   https://raw.githubusercontent.com/inuitcss/tools.mixins/master/_tools.mixins.scss
*/
/* https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06 */
.registration__soc-buttons .sb {
  width: 100%;
  height: 44px;
  padding: 0px 69px;
  white-space: nowrap;
  margin-bottom: 10px;
  text-align: left;
}
.registration__soc-buttons .sb:before {
  content: '';
  display: inline-block;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 12px;
}
.registration__soc-buttons .sb.facebook {
  background-color: #41569b;
}
.registration__soc-buttons .sb.twitter {
  background-color: #54d4fb;
}
.registration__soc-buttons .sb.vkontakte {
  background-color: #597da2;
}
.registration__soc-buttons .sb.google {
  background-color: red;
}
.registration__soc-buttons .sb.facebook:before {
  height: 22px;
  width: 22px;
  background-image: url(/assets/sprites-se00cc0d139-bf895763d73d1b89879ab96dcdcbb612.png);
  background-position: 0 -2153px;
  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) {
  .registration__soc-buttons .sb.facebook:before {
    background-image: url(/assets/sprites-retina-s7910cef4f7-0a10c7ff576caca6d309f9f50d08a309.png);
    background-position: 0 -2748px;
    background-repeat: no-repeat;
    -webkit-background-size: 67px 4950px;
    -moz-background-size: 67px 4950px;
    -o-background-size: 67px 4950px;
    background-size: 67px 4950px;
  }
}
.registration__soc-buttons .sb.twitter:before {
  height: 20px;
  width: 24px;
  background-image: url(/assets/sprites-se00cc0d139-bf895763d73d1b89879ab96dcdcbb612.png);
  background-position: 0 -1434px;
  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) {
  .registration__soc-buttons .sb.twitter:before {
    background-image: url(/assets/sprites-retina-s7910cef4f7-0a10c7ff576caca6d309f9f50d08a309.png);
    background-position: 0 -309px;
    background-repeat: no-repeat;
    -webkit-background-size: 67px 4950px;
    -moz-background-size: 67px 4950px;
    -o-background-size: 67px 4950px;
    background-size: 67px 4950px;
  }
}
.registration__soc-buttons .sb.vkontakte:before {
  height: 20px;
  width: 33px;
  background-image: url(/assets/sprites-se00cc0d139-bf895763d73d1b89879ab96dcdcbb612.png);
  background-position: 0 -1046px;
  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) {
  .registration__soc-buttons .sb.vkontakte:before {
    background-image: url(/assets/sprites-retina-s7910cef4f7-0a10c7ff576caca6d309f9f50d08a309.png);
    background-position: 0 -254px;
    background-repeat: no-repeat;
    -webkit-background-size: 67px 4950px;
    -moz-background-size: 67px 4950px;
    -o-background-size: 67px 4950px;
    background-size: 67px 4950px;
  }
}
.registration__soc-buttons .sb.google:before {
  height: 24px;
  width: 24px;
  background-image: url(/assets/sprites-se00cc0d139-bf895763d73d1b89879ab96dcdcbb612.png);
  background-position: 0 -943px;
  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) {
  .registration__soc-buttons .sb.google:before {
    background-image: url(/assets/sprites-retina-s7910cef4f7-0a10c7ff576caca6d309f9f50d08a309.png);
    background-position: 0 -1623px;
    background-repeat: no-repeat;
    -webkit-background-size: 67px 4950px;
    -moz-background-size: 67px 4950px;
    -o-background-size: 67px 4950px;
    background-size: 67px 4950px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .registration__soc-buttons .sb {
    padding: 0px 0px 0px 55px;
    font-size: 14px;
  }
}

.date-select:before, .date-select:after {
  content: '';
  display: table;
}
.date-select:after {
  clear: both;
}
.date-select .list {
  width: 100px;
  max-height: 162px;
}
.date-select .dropdown {
  float: left;
  width: 33.333333%;
  padding-left: 10px;
  padding-right: 10px;
}
.date-select .dropdown:first-of-type {
  padding-left: 0px;
  padding-right: 10px;
}
.date-select .dropdown:last-of-type {
  padding-left: 10px;
  padding-right: 0px;
}
.date-select .dropdown__handler,
.date-select .date-select__picker {
  position: relative;
}
.date-select .date-select__picker > select {
  text-indent: 7px;
}
.date-select i {
  cursor: pointer;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 40px;
  height: calc(100% + 1px);
  background-color: #f8f8f8;
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(0, 0, 0, 0.01);
}
.date-select i:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0px;
  left: 0px;
  margin: auto;
  height: 5px;
  width: 8px;
  background-image: url(/assets/sprites-se00cc0d139-bf895763d73d1b89879ab96dcdcbb612.png);
  background-position: 0 -4903px;
  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) {
  .date-select i:after {
    background-image: url(/assets/sprites-retina-s7910cef4f7-0a10c7ff576caca6d309f9f50d08a309.png);
    background-position: 0 -4932px;
    background-repeat: no-repeat;
    -webkit-background-size: 67px 4950px;
    -moz-background-size: 67px 4950px;
    -o-background-size: 67px 4950px;
    background-size: 67px 4950px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .date-select i {
    width: 30px;
  }
}
.date-select .dropdown__handler > i:active {
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.date-select .dropdown__handler:hover > i {
  width: 39px;
  right: 0px;
  top: 0px;
  height: 100%;
}
.date-select .dropdown__handler:hover > i:after {
  top: -1px;
  right: -1px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .date-select .dropdown__handler:hover > i {
    width: 29px;
  }
}
.date-select .matrix {
  overflow: hidden;
  border-radius: 8px;
}
.date-select .matrix tr > td {
  font-size: 12px;
  text-align: center;
  padding: 9px 8px 9px 8px;
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}
.date-select .matrix tr > td:first-child {
  border-left: none;
}
.date-select .matrix tr > td.active, .date-select .matrix tr > td:not(#colSpan):hover {
  cursor: pointer;
  color: white;
  background-color: #0332ff;
}
.date-select .matrix tr:last-child > td {
  border-bottom: none;
}

.date-select__input {
  font-size: 13px;
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  text-align: center;
  padding: 0px 40px 0px 0px;
  width: 100%;
  height: 33px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
html.win .date-select__input {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
.dropdown__handler:hover .date-select__input {
  box-shadow: 0px 0px 0px 3px #0332ff;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .date-select__input {
    padding-right: 30px;
  }
}

.gender-pick:before, .gender-pick:after {
  content: '';
  display: table;
}
.gender-pick:after {
  clear: both;
}
.gender-pick.error {
  box-shadow: 0px 0px 0px 3px red;
}
.gender-pick .sb-join__btn {
  width: 33.3%;
}
.gender-pick .sb {
  font-size: 13px;
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  width: 100%;
  height: 35px;
  float: left;
}
html.win .gender-pick .sb {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .gender-pick > .sb {
    font-size: 10px;
  }
}

.pass-checker {
  font-size: 10px;
  padding: 5px;
  position: absolute;
  border-radius: 2px;
}
.pass-checker.-strong {
  background-color: #15c810;
}
.pass-checker.-weak {
  background-color: red;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .pass-checker {
    padding: 8px;
  }
}

.modal .reset-pass__notify {
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modal .reset-pass__notify p {
  font-size: 15px;
  margin: 0px;
}

/*
*   Shared
*/
.dialog.registration form {
  position: relative;
}
.dialog.registration form > .input-field,
.dialog.registration form > .input-field-group {
  margin-bottom: 20px;
}
.dialog.registration .sb.-blue {
  padding: 0px 30px;
}
.dialog.registration .-error-text {
  margin: 0px 0px 20px;
}
.dialog.registration [data-dialog-change] {
  cursor: pointer;
  text-decoration: underline;
}
.dialog.registration .toggler__container {
  overflow: hidden;
  padding: 3px;
  height: 191px;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -ms-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
.dialog.registration .toggler__container.-less {
  height: 96px;
}
.dialog.registration .toggler__handler {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 23px;
  margin-bottom: 23px;
  padding: 0px;
}
.dialog.registration .toggler__handler .sb {
  font-family: helveticaneuecoub-normal, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  background-color: white;
  height: 16px;
  line-height: 17px;
  padding: 0px 20px 0px 14px;
  top: -9px;
  box-shadow: none;
}
html.win .dialog.registration .toggler__handler .sb {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

.dialog__page[page-id="sign-in-page"] h1 {
  font-family: "gibson";
  font-size: 32px;
}
.dialog__page[page-id="sign-in-page"] .registration__soc-buttons .sb {
  height: 39px;
}
.dialog__page[page-id="sign-in-page"] .sb-group:before, .dialog__page[page-id="sign-in-page"] .sb-group:after {
  content: '';
  display: table;
}
.dialog__page[page-id="sign-in-page"] .sb-group:after {
  clear: both;
}
.dialog__page[page-id="sign-in-page"] .sb.-string {
  font-size: 11px;
  padding: 0px;
  float: left;
}
.dialog__page[page-id="sign-in-page"] .sb.-blue {
  float: right;
  width: 160px;
  position: relative;
  left: -3px;
  top: -10px;
}
.dialog__page[page-id="sign-in-page"] .-error-text {
  margin-top: 0px;
  margin-bottom: 25px;
}
.dialog__page[page-id="sign-in-page"] .sb.-string {
  font-size: 13px;
  text-decoration: none;
  position: relative;
  left: 7px;
  top: -2px;
}

.dialog__page[page-id="sign-up-page"] .-color--dusty-gray {
  font-size: 13px;
  margin-top: -15px;
  padding: 10px 10px 15px;
  margin-bottom: -20px;
}

.dialog__page[page-id="registration-page"] .pass-checker {
  right: 8px;
  bottom: 10px;
}
.dialog__page[page-id="registration-page"] .provider-info {
  display: none;
  text-align: left;
  margin-bottom: 15px;
}
.dialog__page[page-id="registration-page"] .provider-info .object-media__body {
  font-size: 14px;
}
.dialog__page[page-id="registration-page"] .provider-info .name {
  color: black;
  margin-bottom: 7px;
}
.dialog__page[page-id="registration-page"] .personal {
  font-size: 12px;
  margin-bottom: 20px;
}
.dialog__page[page-id="registration-page"] .personal > label {
  text-align: left;
  display: block;
  padding: 0px 3px;
  margin-bottom: 10px;
}
.dialog__page[page-id="registration-page"] .personal span {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
  float: right;
}
.dialog__page[page-id="registration-page"] p {
  color: rgba(0, 0, 0, 0.33);
  margin: 35px 0px -10px;
}
.dialog__page[page-id="registration-page"] p > a {
  color: rgba(0, 0, 0, 0.33);
  text-decoration: underline;
}

.dialog__page[page-id="create-channel-page"] > h1 {
  margin-bottom: 20px;
}
.dialog__page[page-id="create-channel-page"] > p {
  font-size: 13px;
  line-height: 1.3;
  margin: -5px 10px 22px;
}
.dialog__page[page-id="create-channel-page"] .input-field-group > input:first-of-type {
  padding-left: 55px;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .dialog__page[page-id="create-channel-page"] .input-field-group > input:first-of-type {
    padding-left: 58px;
  }
}
.dialog__page[page-id="create-channel-page"] .input-field-group > input:last-of-type {
  padding-left: 113px;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .dialog__page[page-id="create-channel-page"] .input-field-group > input:last-of-type {
    padding-left: 127px;
  }
}
.dialog__page[page-id="create-channel-page"] .sb.-st {
  width: 100%;
  height: 35px;
  padding: 0px 10px;
  text-align: left;
}

.create-channel-page__option {
  text-align: left;
  margin-bottom: 25px;
  padding-top: 5px;
}
.create-channel-page__option > p {
  margin-bottom: 5px;
  line-height: 12px;
}

.dropdown.create-channel-page__category-dd {
  z-index: 901;
}
.dropdown.create-channel-page__category-dd .dropdown__content {
  width: 312px;
}

.modal--auth .follow-channels__search {
  position: absolute;
  top: -51px;
  right: 0;
}
.modal--auth .follow-channels__search > input {
  width: 223px;
  height: 31px;
  font-size: 13px;
}

.dialog__page[page-id="follow-channels-page"] {
  text-align: left;
}
.registration .dialog__page[page-id="follow-channels-page"] {
  width: 770px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .registration .dialog__page[page-id="follow-channels-page"] {
    width: 680px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .registration .dialog__page[page-id="follow-channels-page"] {
    width: 100%;
  }
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__head {
  padding: 0px 30px 17px;
  border-bottom: 1px solid #e5e5e5;
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__head h1 {
  margin: 0px 0px 1px 0px;
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__head p {
  font-size: 14px;
  margin: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dialog__page[page-id="follow-channels-page"] .follow-channels__head .grid-col {
    text-align: center;
  }
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__submit {
  text-align: right;
  margin-top: 10px;
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__submit p, .dialog__page[page-id="follow-channels-page"] .follow-channels__submit .sb {
  vertical-align: middle;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dialog__page[page-id="follow-channels-page"] .follow-channels__submit p {
    display: block;
    margin: 0px 0px 10px;
  }
  .dialog__page[page-id="follow-channels-page"] .follow-channels__submit .sb.submit {
    margin: 0px;
  }
}
.dialog__page[page-id="follow-channels-page"] .sb.submit {
  font-size: 16px;
  color: #e5e5e5;
  height: 35px;
  line-height: 36px;
  padding: 0px 53px;
  margin-left: 11px;
  overflow: hidden;
}
.dialog__page[page-id="follow-channels-page"] .sb.submit.disabled {
  opacity: 1;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.dialog__page[page-id="follow-channels-page"] .sb.submit > span {
  color: white;
  background-color: #0332ff;
  width: 0%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.dialog__page[page-id="follow-channels-page"] .sb.submit > span:after {
  content: 'Done';
  position: absolute;
  top: 0px;
  left: 53px;
}
.dialog__page[page-id="follow-channels-page"] .object-media__img {
  background-color: #f7f7f7;
}
.dialog__page[page-id="follow-channels-page"] .-padding-push:last-of-type {
  padding: 0px 0px 0px 27px;
  min-height: 385px;
  height: 385px;
  margin-bottom: -20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dialog__page[page-id="follow-channels-page"] .-padding-push:last-of-type {
    min-height: 300px;
    height: 300px;
    margin-bottom: -10px;
    padding-left: 0px;
  }
}
.dialog__page[page-id="follow-channels-page"] .niceScroller {
  height: inherit;
}
.dialog__page[page-id="follow-channels-page"] .follow-channels__body {
  position: relative;
  padding: 30px 30px 30px 3px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dialog__page[page-id="follow-channels-page"] .follow-channels__body {
    padding: 15px 0px 30px 0px;
  }
}
.dialog__page[page-id="follow-channels-page"] .loadRotator.small {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 30px;
  margin: 0px auto;
}

.dialog__page[page-id="reset-pass-page"] .reset-pass__notify {
  margin-top: 17px;
  margin-bottom: -20px;
}

.dialog__page[page-id="invite-screen"] > h1 {
  margin-bottom: 20px;
}
.dialog__page[page-id="invite-screen"] h5 {
  font-size: 16px;
  margin-bottom: 6px;
}
.dialog__page[page-id="invite-screen"] .image.-rounded {
  margin: 0px auto 8px;
  width: 48px;
  height: 48px;
}
.dialog__page[page-id="invite-screen"] .sb:last-of-type {
  display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dialog__page[page-id="invite-screen"] .sb:last-of-type {
    display: inline-block;
    margin-top: 17px;
  }
}
.dialog__page[page-id="invite-screen"] .invite__stamp {
  font-size: 11px;
  margin-bottom: 19px;
}
.dialog__page[page-id="invite-screen"] .invite__stamp, .dialog__page[page-id="invite-screen"] .invite__stamp > a {
  color: #8d8d8d;
}

.dialog__page[page-id="complete-page"] {
  padding-top: 55px;
  padding-bottom: 25px;
}
.dialog__page[page-id="complete-page"] h1 {
  margin-bottom: 21px;
}
.dialog__page[page-id="complete-page"] p {
  margin-bottom: 38px;
}

.dialog__page[page-id="pass-recover-page"] .pass-checker {
  right: 11px;
  top: 11px;
}

.dialog__page h2 {
  font-size: 32px;
  font-family: "gibson";
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 14px;
}
.dialog__page h2 b {
  font-weight: normal;
}

.dialog__page .registration-form .registration-form__note {
  position: relative;
  height: 10px;
}
.dialog__page .registration-form .registration-form__note p {
  position: absolute;
  top: 1px;
}

.dialog__page[page-id=emailPage] {
  padding: 57px 79px 87px 77px;
}
.dialog__page[page-id=emailPage] .input-field-group {
  margin-bottom: 10px;
}

/*
    New Pole Ads
*/
[new_pole_mobile_ads_widget] {
  position: relative;
  padding: 0;
  visibility: hidden;
}
[new_pole_mobile_ads_widget].-showed {
  visibility: visible;
  padding-bottom: 30px;
}
.coubPage [new_pole_mobile_ads_widget].-showed {
  padding: 20px 0;
}
.coubPage [new_pole_mobile_ads_widget].-showed:after {
  bottom: 30px;
}
.coubPage [new_pole_mobile_ads_widget]:before {
  content: '';
  position: absolute;
  top: 0;
  margin-left: 12px;
  border-top: 1px solid #e1e1e1;
  width: calc(100% - 24px);
}
[new_pole_mobile_ads_widget]:after {
  content: 'Ad';
  width: 30px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  position: absolute;
  left: 10px;
  bottom: 40px;
}