/* http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax */
/* Dimensions */
/* Animations */
/* Color palette */
/* Assets */
/* Elements */
.button:after, .button--border:after, .button--border:link:after, .button--border:visited:after, .button--fill:after, .button--fill:link:after, .button--fill:visited:after, .button--highlight:after, .button--highlight:link:after, .button--highlight:visited:after, .button--highlight.button--fill:after, .button--highlight.button--fill:link:after, .button--highlight.button--fill:visited:after, .button--highlight.button--fill:link:visited:after, .switch__label:before, .switch__label:after, .lightbox__close, .lightbox-detail__close, .header__logo, .header__pairing, .header__pairing:hover, .header__pairing--active, .login__icon--email, .login__icon--lock, .menu__user:after, .menu__icon, .modal__close, .message__button--close, .slider__link:after, .slider__favourite:before, .slider__favourite:hover:before, .slider__favourite--active:before, .slider__favourite--active:hover:before, .slider__previous, .slider__next, .slider__page, .slider__page:hover, .slider__page--active, .overview__link:after, .overview__number:before, .overview__favourite:before, .overview__favourite:hover:before, .overview__favourite--active:before, .overview__favourite--active:hover:before, .pagination__options:after, .pagination__button--first:after, .pagination__button--first:hover:after, .pagination__button--previous:after, .pagination__button--previous:hover:after, .pagination__button--next:after, .pagination__button--next:hover:after, .pagination__button--last:after, .pagination__button--last:hover:after, .search__icon, .search__form:hover .search__icon, .detail__button--favourite:hover:before, .detail__button--favourite:before, .detail__button--favourite.detail__button--active:hover:before, .detail__button--favourite.detail__button--active:before, .landing__payment-method--ideal, .landing__payment-method--visa, .landing__payment-method--mastercard, .landing__payment-method--norton, .payment__icon--checkmark, .payment__logo--ideal, .payment__logo--visa, .payment__logo--mastercard, .payment__logo--norton, .payment__options:after, .promotion__message--success:before, .forgot-password__icon--email, .new-password__icon--password-confirmation, .new-password__icon--password, .new-password__icon--successful, .new-password__icon--unsuccessful, .change-password__message--password-success:before, .change-password__message--password-failure:before, .change-password__icon--password-confirm, .change-password__icon--password, .change-password__icon--success, .change-password__icon--failure, .activate-account__message--error:before, .activate-account__message--payment-required:before, .activate-account__message--already-activated:before, .activate-account__message--already-logged:before, .activate-account__message--login-required:before, .confirm-payment__message--success:before, .confirm-payment__message--failed:before, .confirm-payment__message--notfound:before, .profile__icon--pairing, .profile__pin-code:after, .profile__message--save:before, .profile__message--failed:before, .pairing__message--success:before, .pairing__code:after, .pairing__icon--pairing, .search__number--camera:before {
  display: inline-block;
  background-image: url("../sprites/sprite.svg");
  background-size: 90.625rem 71rem; }

.no-svg .button:after, .no-svg .button--border:after, .no-svg .button--border:link:after, .no-svg .button--border:visited:after, .no-svg .button--fill:after, .no-svg .button--fill:link:after, .no-svg .button--fill:visited:after, .no-svg .button--highlight:after, .no-svg .button--highlight:link:after, .no-svg .button--highlight:visited:after, .no-svg .button--highlight.button--fill:after, .no-svg .button--highlight.button--fill:link:after, .no-svg .button--highlight.button--fill:visited:after, .no-svg .button--highlight.button--fill:link:visited:after, .no-svg .switch__label:before, .no-svg .switch__label:after, .no-svg .lightbox__close, .no-svg .lightbox-detail__close, .no-svg .header__logo, .no-svg .header__pairing, .no-svg .header__pairing:hover, .no-svg .header__pairing--active, .no-svg .login__icon--email, .no-svg .login__icon--lock, .no-svg .menu__user:after, .no-svg .menu__icon, .no-svg .modal__close, .no-svg .message__button--close, .no-svg .slider__link:after, .no-svg .slider__favourite:before, .no-svg .slider__favourite:hover:before, .no-svg .slider__favourite--active:before, .no-svg .slider__favourite--active:hover:before, .no-svg .slider__previous, .no-svg .slider__next, .no-svg .slider__page, .no-svg .slider__page:hover, .no-svg .slider__page--active, .no-svg .overview__link:after, .no-svg .overview__number:before, .no-svg .overview__favourite:before, .no-svg .overview__favourite:hover:before, .no-svg .overview__favourite--active:before, .no-svg .overview__favourite--active:hover:before, .no-svg .pagination__options:after, .no-svg .pagination__button--first:after, .no-svg .pagination__button--first:hover:after, .no-svg .pagination__button--previous:after, .no-svg .pagination__button--previous:hover:after, .no-svg .pagination__button--next:after, .no-svg .pagination__button--next:hover:after, .no-svg .pagination__button--last:after, .no-svg .pagination__button--last:hover:after, .no-svg .search__icon, .no-svg .search__form:hover .search__icon, .no-svg .detail__button--favourite:hover:before, .no-svg .detail__button--favourite:before, .no-svg .detail__button--favourite.detail__button--active:hover:before, .no-svg .detail__button--favourite.detail__button--active:before, .no-svg .landing__payment-method--ideal, .no-svg .landing__payment-method--visa, .no-svg .landing__payment-method--mastercard, .no-svg .landing__payment-method--norton, .no-svg .payment__icon--checkmark, .no-svg .payment__logo--ideal, .no-svg .payment__logo--visa, .no-svg .payment__logo--mastercard, .no-svg .payment__logo--norton, .no-svg .payment__options:after, .no-svg .promotion__message--success:before, .no-svg .forgot-password__icon--email, .no-svg .new-password__icon--password-confirmation, .no-svg .new-password__icon--password, .no-svg .new-password__icon--successful, .no-svg .new-password__icon--unsuccessful, .no-svg .change-password__message--password-success:before, .no-svg .change-password__message--password-failure:before, .no-svg .change-password__icon--password-confirm, .no-svg .change-password__icon--password, .no-svg .change-password__icon--success, .no-svg .change-password__icon--failure, .no-svg .activate-account__message--error:before, .no-svg .activate-account__message--payment-required:before, .no-svg .activate-account__message--already-activated:before, .no-svg .activate-account__message--already-logged:before, .no-svg .activate-account__message--login-required:before, .no-svg .confirm-payment__message--success:before, .no-svg .confirm-payment__message--failed:before, .no-svg .confirm-payment__message--notfound:before, .no-svg .profile__icon--pairing, .no-svg .profile__pin-code:after, .no-svg .profile__message--save:before, .no-svg .profile__message--failed:before, .no-svg .pairing__message--success:before, .no-svg .pairing__code:after, .no-svg .pairing__icon--pairing, .no-svg .search__number--camera:before {
  background-image: url("../sprites/sprite.png"); }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0; }

/* Fonts */
@font-face {
  font-family: 'Font-Awesome';
  src: url(../fonts/web/fontawesome-webfont.woff); }

@font-face {
  font-family: 'Roboto-Regular';
  src: url(../fonts/web/Roboto-Regular.woff); }

@font-face {
  font-family: 'Roboto-Medium';
  src: url(../fonts/web/Roboto-Medium.woff); }

@font-face {
  font-family: 'Roboto-Bold';
  src: url(../fonts/web/Roboto-Bold.woff); }

@font-face {
  font-family: 'Roboto-Black';
  src: url(../fonts/web/Roboto-Black.woff); }

/* Base */
*, *:before, *:after {
  box-sizing: border-box;
  position: relative; }

html {
  font-family: 'Roboto-Regular', sans-serif;
  font-size: 100%;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

body {
  background: #000000;
  color: #ffffff;
  font-size: 0; }

img {
  font-size: 0; }

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  transition: all linear 0.2s;
  color: #ffffff; }
  a:link, a:visited {
    color: #ffffff; }
  a:hover, a:active {
    color: #ed184e; }
  a[disabled], a.disabled {
    pointer-events: none; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

input {
  border: none;
  outline: none;
  background: #331b23;
  color: #ffffff; }
  input:-webkit-autofill {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1000px #331b23 inset !important; }

input::-ms-clear {
  display: none; }

[ng-show], [ng-hide] {
  transition: all linear 0.1s; }

.ng-hide {
  opacity: 0; }

.ng-show {
  opacity: 1; }

/* Component */
.debug {
  font-size: 1rem; }

.log {
  position: fixed !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 1rem !important;
  padding: 1rem !important;
  font-size: 1rem !important;
  color: #fff !important;
  background: #f40 !important;
  border-radius: 1rem !important;
  z-index: 2147483647 !important; }

.loader, .loader:before, .loader:after {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: loader 2s infinite ease-in-out; }

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -3.75rem;
  margin-left: -1.25rem;
  color: #ed184e;
  font-size: 1rem;
  text-indent: -9999rem;
  transform: translateZ(0);
  animation-delay: -0.15s; }
  .loader:before, .loader:after {
    content: '';
    position: absolute; }
  .loader:before {
    left: -3.5rem;
    animation-delay: -0.3s; }
  .loader:after {
    left: 3.5rem; }

@keyframes loader {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5rem 0 -1.25rem; }
  40% {
    box-shadow: 0 2.5rem 0 0; } }

@media only screen and (max-width: 480px) {
  .loader {
    transform: scale(0.5); } }

.button, .button:link, .button:visited {
  font-family: Roboto-Medium;
  font-size: 1rem;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 1.4rem 0.9rem 1.4rem;
  color: #ffffff;
  background: transparent;
  text-align: center;
  text-transform: uppercase;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  outline: none;
  border: none; }

.button:hover, .button:active {
  padding: 1rem 2.1rem 0.9rem 0.7rem;
  color: #ed184e;
  border-color: #ed184e; }
  .button:hover:after, .button:active:after {
    right: 0.3rem;
    opacity: 1; }

.button:after {
  width: 1.4375rem;
  height: 0.875rem;
  background-position: -61.93125rem -57.9375rem;
  content: '';
  position: absolute;
  top: 1.1875rem;
  right: 1rem;
  opacity: 0;
  transition: all ease-in-out 0.2s;
  will-change: right, opacity; }
  .no-svg .button:after {
    width: 22px;
    height: 13px;
    background-position: -990.9px -927px; }

.button:disabled, .button[disabled] {
  pointer-events: none;
  opacity: 0.3; }

.button--border, .button--border:link, .button--border:visited {
  border: 2px solid #ffffff; }
  .button--border:hover, .button--border:link:hover, .button--border:visited:hover {
    border-color: #ed184e; }
  .button--border:after, .button--border:link:after, .button--border:visited:after {
    width: 1.4375rem;
    height: 0.875rem;
    background-position: -61.93125rem -57.9375rem; }
    .no-svg .button--border:after, .no-svg .button--border:link:after, .no-svg .button--border:visited:after {
      width: 22px;
      height: 13px;
      background-position: -990.9px -927px; }

.button--fill, .button--fill:link, .button--fill:visited {
  color: #ed184e;
  background: #ffffff; }
  .button--fill:hover, .button--fill:link:hover, .button--fill:visited:hover {
    color: #ed184e;
    background: #ffffff; }
  .button--fill:after, .button--fill:link:after, .button--fill:visited:after {
    width: 1.4375rem;
    height: 0.875rem;
    background-position: -61.93125rem -57.9375rem; }
    .no-svg .button--fill:after, .no-svg .button--fill:link:after, .no-svg .button--fill:visited:after {
      width: 22px;
      height: 13px;
      background-position: -990.9px -927px; }

.button--highlight, .button--highlight:link, .button--highlight:visited {
  color: #ed184e;
  border-color: #ed184e; }
  .button--highlight:hover, .button--highlight:link:hover, .button--highlight:visited:hover {
    color: #ed184e; }
  .button--highlight:after, .button--highlight:link:after, .button--highlight:visited:after {
    width: 1.4375rem;
    height: 0.875rem;
    background-position: -61.93125rem -57.9375rem; }
    .no-svg .button--highlight:after, .no-svg .button--highlight:link:after, .no-svg .button--highlight:visited:after {
      width: 22px;
      height: 13px;
      background-position: -990.9px -927px; }
  .button--highlight.button--fill, .button--highlight.button--fill:link, .button--highlight.button--fill:visited, .button--highlight:link.button--fill, .button--highlight:link.button--fill:link, .button--highlight:link.button--fill:visited, .button--highlight:visited.button--fill, .button--highlight:visited.button--fill:link, .button--highlight:visited.button--fill:visited {
    color: #ffffff;
    background: #ed184e; }
    .button--highlight.button--fill:hover, .button--highlight.button--fill:link:hover, .button--highlight.button--fill:visited:hover, .button--highlight:link.button--fill:hover, .button--highlight:link.button--fill:link:hover, .button--highlight:link.button--fill:visited:hover, .button--highlight:visited.button--fill:hover, .button--highlight:visited.button--fill:link:hover, .button--highlight:visited.button--fill:visited:hover {
      color: #ffffff;
      background: #ed184e; }
    .button--highlight.button--fill:after, .button--highlight.button--fill:link:after, .button--highlight.button--fill:visited:after, .button--highlight:link.button--fill:after, .button--highlight:link.button--fill:link:after, .button--highlight:link.button--fill:visited:after, .button--highlight:visited.button--fill:after, .button--highlight:visited.button--fill:link:after, .button--highlight:visited.button--fill:visited:after {
      width: 1.4375rem;
      height: 0.875rem;
      background-position: -59.93125rem -57.9375rem; }
      .no-svg .button--highlight.button--fill:after, .no-svg .button--highlight.button--fill:link:after, .no-svg .button--highlight.button--fill:visited:after, .no-svg .button--highlight:link.button--fill:after, .no-svg .button--highlight:link.button--fill:link:after, .no-svg .button--highlight:link.button--fill:visited:after, .no-svg .button--highlight:visited.button--fill:after, .no-svg .button--highlight:visited.button--fill:link:after, .no-svg .button--highlight:visited.button--fill:visited:after {
        width: 22px;
        height: 13px;
        background-position: -958.9px -927px; }

pp-switch {
  display: inline-block; }

.switch {
  display: inline-block;
  text-align: center; }
  .switch__checkbox {
    display: none; }
  .switch__label {
    display: block;
    width: 3.75rem;
    height: 1.875rem;
    border-radius: 0.9375rem;
    background: rgba(184, 136, 150, 0.5);
    cursor: pointer; }
    .switch__label:before, .switch__label:after {
      content: '';
      position: absolute;
      left: 0rem;
      transition: all ease-in-out 0.25s; }
    .switch__label:before {
      width: 1.9375rem;
      height: 2rem;
      background-position: -16.81875rem -63rem;
      opacity: 0; }
      .no-svg .switch__label:before {
        width: 30px;
        height: 31px;
        background-position: -269.1px -1008px; }
    .switch__label:after {
      width: 1.9375rem;
      height: 2rem;
      background-position: -14.31875rem -63rem;
      opacity: 1; }
      .no-svg .switch__label:after {
        width: 30px;
        height: 31px;
        background-position: -229.1px -1008px; }
    .switch__label--checked:before, .switch__label--checked:after {
      left: 1.875rem; }
    .switch__label--checked:before {
      opacity: 1; }
    .switch__label--checked:after {
      opacity: 0; }
  .switch__true, .switch__false {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    text-transform: uppercase;
    display: inline-block;
    color: #b88896; }
  .switch__true {
    margin-left: 0.5rem; }

.input-text {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0.5rem 1.5rem 0.25rem 0;
  border-bottom: 2px solid #ffffff; }
  .input-text.ng-invalid.ng-touched {
    border-color: #c5456a; }

.title {
  font-family: Roboto-Black;
  font-size: 1.25rem;
  line-height: 1.3;
  display: inline-block;
  padding: 0.3rem 0.7rem;
  color: #ffffff;
  background: #ed184e; }
  .title--spaced {
    margin: 3rem 1rem 2rem 0; }

.link, .link:link, .link:visited {
  font-family: Roboto-Medium;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #b88896;
  text-decoration: underline;
  text-transform: uppercase; }

.link:hover, .link:active {
  text-decoration: none; }

.table {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  display: table; }
  .table__row {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid #998d91; }
  .table__cell {
    display: table-cell;
    padding: 0.75rem 0; }
    .table__cell--left {
      text-align: left; }
    .table__cell--right {
      text-align: right; }

.list {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  margin-left: 1rem;
  line-height: 1.75rem; }
  .list__item {
    list-style: disc outside; }

.icon {
  display: inline-block;
  font: normal normal normal 14px/1 Font-Awesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon--facebook:before {
    content: "\f09a"; }
  .icon--twitter:before {
    content: "\f099"; }
  .icon--mail:before {
    content: "\f0e0"; }
  .icon--blog:before {
    content: "\f040"; }
  .icon--faq:before {
    content: "\f059"; }
  .icon--about:before {
    content: "\f05a"; }

.layout {
  margin: 0 auto;
  width: 85%;
  max-width: 90rem; }
  .layout__header {
    z-index: 30; }
  .layout__page {
    z-index: 10; }
  .layout__navigation {
    z-index: 20; }
  .layout__footer {
    z-index: 10; }

pp-language {
  display: inline-block;
  vertical-align: middle; }

.language {
  font-family: Roboto-Black;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase; }
  .language__active {
    cursor: pointer; }
    .language__active:hover {
      color: #ed184e; }
  .language__dropdown {
    position: absolute;
    top: 2rem;
    right: -9px;
    background: #331b23;
    border: 1px solid #ffffff; }
    .language__dropdown:before, .language__dropdown:after {
      content: '';
      position: absolute;
      bottom: 100%;
      border-style: solid; }
    .language__dropdown:before {
      bottom: 100%;
      right: 7px;
      border-width: 0 9px 9px 9px;
      border-color: #ffffff transparent; }
    .language__dropdown:after {
      bottom: 100%;
      right: 9px;
      border-width: 0 7px 7px 7px;
      border-color: #331b23 transparent; }
  .language__item {
    display: block; }
    .language__item.ng-show, .language__item.ng-hide {
      transition-duration: 0s; }

@media only screen and (max-width: 480px) {
  .language__item:not(:last-child) {
    margin-right: 1rem; } }

pp-lightbox {
  display: inline-block; }

.lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  min-width: 30rem;
  max-width: 54.6875rem;
  height: 90%;
  padding: 0;
  background-color: #331b23;
  color: #ffffff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  z-index: 2147483646; }
  .lightbox__content, .lightbox__iframe, .lightbox__actions {
    display: inline-block;
    width: 100%; }
  .lightbox__content {
    height: calc(100% - 8rem);
    margin-top: 3rem; }
  .lightbox__iframe {
    border: none; }
  .lightbox__actions {
    margin-top: 0.75rem;
    text-align: center;
    background-color: #331b23; }
  .lightbox__button {
    margin: 0 0.7rem;
    z-index: 2147483647; }
  .lightbox__close {
    width: 1rem;
    height: 1rem;
    background-position: -40.125rem -60.75rem;
    position: absolute;
    top: 1rem;
    right: 1.5rem; }
    .no-svg .lightbox__close {
      width: 15px;
      height: 15px;
      background-position: -642px -972px; }
    .lightbox__close:hover {
      color: #ed184e; }
  .lightbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #472731;
    opacity: 0.8;
    z-index: 2147483645; }

@media only screen and (max-width: 480px) {
  .lightbox {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    box-shadow: none; }
    .lightbox__title {
      width: auto; }
    .lightbox__button--close {
      top: 0; }
    .lightbox__overlay {
      background: #331b23;
      opacity: 1; } }

pp-lightboxdetail {
  display: inline-block; }

.lightbox-detail {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33%;
  min-width: 30rem;
  max-width: 60.875rem;
  padding: 2.5rem 4% 2.5rem 4%;
  background-color: #331b23;
  color: #ffffff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  z-index: 2147483647; }
  .lightbox-detail__title, .lightbox-detail__content, .lightbox-detail__actions {
    display: inline-block;
    width: 100%; }
  .lightbox-detail__title {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    text-transform: uppercase; }
  .lightbox-detail__content, .lightbox-detail__iframe, .lightbox-detail__actions {
    display: inline-block;
    width: 100%; }
  .lightbox-detail__content {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 2.5rem; }
  .lightbox-detail__iframe {
    border: none; }
  .lightbox-detail__actions {
    margin-top: 0.75rem;
    text-align: center;
    background-color: #331b23; }
  .lightbox-detail__button {
    margin: 0 0.7rem;
    z-index: 2147483647; }
  .lightbox-detail__close {
    width: 1rem;
    height: 1rem;
    background-position: -40.125rem -60.75rem;
    position: absolute;
    top: 1rem;
    right: 1.5rem; }
    .no-svg .lightbox-detail__close {
      width: 15px;
      height: 15px;
      background-position: -642px -972px; }
    .lightbox-detail__close:hover {
      color: #ed184e; }
  .lightbox-detail__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #472731;
    opacity: 0.8;
    z-index: 2147483645; }

@media only screen and (max-width: 480px) {
  .lightbox-detail {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    box-shadow: none; }
    .lightbox-detail__title {
      width: auto; }
    .lightbox-detail__button--close {
      top: 0; }
    .lightbox-detail__overlay {
      background: #331b23;
      opacity: 1; } }

.header {
  padding: 2rem 0 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  vertical-align: middle; }
  .header__brand, .header__options {
    display: inline-block;
    vertical-align: middle; }
  .header__brand {
    width: 40%; }
  .header__logo {
    width: 17.3125rem;
    height: 5.25rem;
    background-position: -0.3125rem -57.1875rem; }
    .no-svg .header__logo {
      width: 276px;
      height: 83px;
      background-position: -5px -915px; }
  .header__heading {
    display: none; }
  .header__options {
    text-align: right;
    width: 60%; }
  .header__language, .header_menu {
    display: inline-block;
    margin-left: 0.5rem; }
  .header__button {
    display: inline-block;
    vertical-align: middle; }
  .header__menu {
    font-family: Roboto-Black;
    font-size: 1rem;
    line-height: 1.3; }
  .header__pairing {
    width: 3.8125rem;
    height: 1.5625rem;
    background-position: -51.18125rem -57.9375rem;
    display: inline-block;
    vertical-align: top;
    margin: -0.15rem 0.5rem -0.5rem 0;
    overflow: hidden;
    color: transparent;
    transition-duration: 0s;
    text-indent: 999px;
    margin-top: 3px; }
    .no-svg .header__pairing {
      width: 60px;
      height: 24px;
      background-position: -818.9px -927px; }
    .header__pairing:hover {
      width: 3.8125rem;
      height: 1.5625rem;
      background-position: -46.80625rem -57.9375rem; }
      .no-svg .header__pairing:hover {
        width: 60px;
        height: 24px;
        background-position: -748.9px -927px; }
    .header__pairing--active {
      width: 3.8125rem;
      height: 1.5625rem;
      background-position: -42.43125rem -57.9375rem; }
      .no-svg .header__pairing--active {
        width: 60px;
        height: 24px;
        background-position: -678.9px -927px; }
  .header__basket img {
    display: inline-block;
    height: 1.6625rem;
    vertical-align: -10px;
    margin-right: 20px; }

@media only screen and (max-width: 480px) {
  .header__brand {
    width: 30%; }
  .header__options {
    width: 70%; }
  .header__logo {
    transform: scale(0.35);
    margin: -60% -50% -50% -100%; }
  .header__button.button {
    display: none; }
  .header__pairing {
    margin: 0 0 -0.5rem 0.5rem;
    transform: scale(0.75); } }

.footer {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2rem 0 3rem 0;
  padding: 1rem 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .footer__info, .footer__social {
    display: inline-block; }
  .footer__info {
    font-family: Roboto-Medium;
    font-size: 0.875rem;
    line-height: 1.3;
    width: 50%;
    text-align: right; }
  .footer__social {
    width: 50%;
    font-size: 1.25rem;
    text-align: left; }
  .footer__icon:not(:first-child) {
    margin: 0 0.25rem 0 0.25rem; }
  .footer__icon--faq, .footer__icon--about {
    text-align: right; }

@media only screen and (max-width: 1024px) {
  .footer {
    margin-bottom: 5rem; } }

@media only screen and (max-width: 480px) {
  .footer__info, .footer__social {
    width: 100%;
    text-align: center; }
  .footer__info {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }
  .footer__icon--faq, .footer__icon--about {
    margin: 0 1rem 0 0 !important; } }

.navigation {
  font-family: Roboto-Black;
  font-size: 1.5rem;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 2rem 0 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .navigation__item {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle; }
    .navigation__item--active .navigation__link {
      color: #ed184e; }
      .navigation__item--active .navigation__link:link, .navigation__item--active .navigation__link:visited, .navigation__item--active .navigation__link:hover, .navigation__item--active .navigation__link:active {
        color: #ed184e; }
    .navigation__item--search {
      position: absolute;
      top: 0;
      right: 0;
      width: 25%;
      min-width: 21rem;
      margin: -0.65rem 0 0 0;
      padding: 0; }
  .navigation__link--active {
    color: #ed184e; }
    .navigation__link--active:link, .navigation__link--active:visited, .navigation__link--active:hover, .navigation__link--active:active {
      color: #ed184e; }
  .navigation__button.button {
    display: none; }

@media only screen and (max-width: 1440px) {
  .navigation__list {
    width: 100%; }
  .navigation__item {
    display: inline-block; } }

@media only screen and (max-width: 480px) {
  .navigation {
    padding: 1rem 0 1rem 0;
    font-size: 1.2rem; }
    .navigation__item {
      display: block;
      padding-right: 4%; }
    .navigation__button.button {
      display: block;
      margin-top: 1rem; } }

.login {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3; }
  .login.page {
    height: 29rem; }
  .login__form {
    min-height: 16.25rem; }
  .login__input, .login__icon, .login__message, .login__link {
    display: inline-block; }
  .login__input {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    width: 100%;
    margin-right: -1rem;
    padding: 0.5rem 1.5rem 0.25rem 0;
    background-color: #331b23;
    color: #ffffff; }
    .login__input:invalid {
      color: #b0b0b0; }
    .login__input--email, .login__input--password {
      border-bottom: 2px solid #ffffff; }
      .login__input--email.ng-invalid.ng-touched, .login__input--password.ng-invalid.ng-touched {
        border-color: #c5456a; }
    .login__input--password {
      margin-top: 0.5rem; }
  .login__icon {
    margin-bottom: -0.25rem; }
    .login__icon--email {
      width: 1rem;
      height: 0.8125rem;
      background-position: -41.6875rem -60.75rem; }
      .no-svg .login__icon--email {
        width: 15px;
        height: 12px;
        background-position: -667px -972px; }
    .login__icon--lock {
      width: 1rem;
      height: 1.1875rem;
      background-position: -25.6875rem -60.75rem; }
      .no-svg .login__icon--lock {
        width: 15px;
        height: 18px;
        background-position: -411px -972px; }
  .login__message {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    width: 70%;
    margin: 1.5rem 0 0 0;
    vertical-align: top; }
    .login__message--error {
      font-family: Roboto-Medium;
      font-size: 0.75rem;
      line-height: 1.3;
      margin-top: 0.3rem;
      width: 100%;
      color: #c5456a; }
  .login__link {
    width: 100%;
    margin-top: 1rem; }

pp-sprite {
  display: inline-block;
  margin: 1.5rem 5% 0 0;
  vertical-align: top; }

#login__sprite--success, #login__sprite--failure {
  position: relative !important;
  margin: 0 !important; }

@media only screen and (max-width: 480px) {
  .login__form {
    min-height: 0; } }

pp-menu {
  display: inline-block;
  vertical-align: middle; }

.menu__login, .menu__user, .menu__name, .menu__icon, .menu__dropdown {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }

.menu__login, .menu__user, .menu__name, .menu__icon, .menu__dropdown {
  margin-left: 0.5rem; }

.menu__login {
  font-family: Roboto-Black;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase; }
  .menu__login:hover {
    color: #ed184e; }

.menu__user:after {
  width: 1rem;
  height: 0.5rem;
  background-position: -71.11875rem -57.9375rem;
  content: '';
  display: inline-block;
  margin-left: 0.5rem; }
  .no-svg .menu__user:after {
    width: 15px;
    height: 7px;
    background-position: -1137.9px -927px; }

.menu__name {
  font-family: Roboto-Black;
  font-size: 1rem;
  line-height: 1.3;
  display: none;
  color: #ffffff; }

.menu__icon {
  width: 0.9375rem;
  height: 1.25rem;
  background-position: -29.56875rem -63rem;
  margin-top: -0.4rem; }
  .no-svg .menu__icon {
    width: 14px;
    height: 19px;
    background-position: -473.1px -1008px; }

.menu__dropdown {
  position: absolute;
  display: none;
  top: 2rem;
  right: -9px;
  min-width: 10rem;
  background: #331b23;
  border: 1px solid #ffffff; }
  .menu__dropdown:before, .menu__dropdown:after {
    content: '';
    position: absolute;
    bottom: 100%;
    border-style: solid; }
  .menu__dropdown:before {
    bottom: 100%;
    right: 7px;
    border-width: 0 9px 9px 9px;
    border-color: #ffffff transparent; }
  .menu__dropdown:after {
    bottom: 100%;
    right: 9px;
    border-width: 0 7px 7px 7px;
    border-color: #331b23 transparent; }
  .menu__dropdown--active {
    display: inline-block; }

@media only screen and (max-width: 480px) {
  .menu {
    min-width: 0; } }

pp-modal {
  display: inline-block; }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33%;
  min-width: 30rem;
  max-width: 60.875rem;
  padding: 2.5rem 4% 2.5rem 4%;
  background-color: #331b23;
  color: #ffffff;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  z-index: 2147483647; }
  .modal__title, .modal__content, .modal__actions {
    display: inline-block;
    width: 100%; }
  .modal__title {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    text-transform: uppercase; }
  .modal__content {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 2.5rem; }
  .modal__actions {
    margin-top: 2rem;
    text-align: center; }
  .modal__button {
    margin: 0 1rem; }
  .modal__close {
    width: 1rem;
    height: 1rem;
    background-position: -40.125rem -60.75rem;
    position: absolute;
    top: 1rem;
    right: 1rem; }
    .no-svg .modal__close {
      width: 15px;
      height: 15px;
      background-position: -642px -972px; }
    .modal__close:hover {
      color: #ed184e; }
  .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #472731;
    opacity: 0.8;
    z-index: 2147483646; }

@media only screen and (max-width: 480px) {
  .modal {
    width: 85%;
    min-width: 0;
    max-width: 85%;
    padding: 0;
    box-shadow: none; }
    .modal__title {
      width: auto; }
    .modal__button--close {
      top: 0;
      right: 0; }
    .modal__overlay {
      background: #331b23;
      opacity: 1; } }

.message {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  color: #000000;
  background: #d9d7d9; }
  .message__content {
    margin-right: 6.5rem;
    padding: 1.25rem 2.5rem; }
  .message__button--close {
    width: 1.0625rem;
    height: 1.0625rem;
    background-position: -29.75rem -60.75rem;
    position: absolute;
    top: calc(50% - 0.5rem);
    right: 2.5rem;
    cursor: pointer; }
    .no-svg .message__button--close {
      width: 16px;
      height: 16px;
      background-position: -476px -972px; }
  .message__link, .message__link:link, .message__link:visited {
    color: #000000;
    text-decoration: underline; }
  .message__link:hover, .message__link:active {
    color: #ed184e;
    text-decoration: none; }

@media only screen and (max-width: 480px) {
  .message__content {
    margin-right: 3.5rem; } }

pp-slider {
  display: inline-block;
  width: 100%; }

.slider {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  width: 100%;
  min-height: 3rem;
  margin-top: 2rem; }
  .slider__loader {
    position: absolute; }
  .slider__name, .slider__all-videos {
    display: inline-block;
    padding: 0.3rem 0.7rem; }
  .slider__name {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #ffffff;
    background: #ed184e; }
    .slider__name:link, .slider__name:visited, .slider__name:hover, .slider__name:active {
      color: #ffffff;
      background: #ed184e; }
  .slider__container, .slider__content {
    width: 100%; }
  .slider__container {
    overflow: hidden; }
  .slider__content {
    transition: all ease-in-out 0.2s; }
  .slider__item {
    display: inline-block;
    width: 32.333%;
    margin: 1.5rem 1.5% 0 0;
    vertical-align: top;
    transition: all ease-in-out 0.2s; }
    .slider__item:nth-child(3n) {
      margin-right: 0; }
    .slider__item:hover .slider__favourite {
      display: block;
      background: #331b23; }
      .slider__item:hover .slider__favourite:before {
        opacity: 1; }
  .slider__link {
    display: inline-block;
    width: 100%;
    font-size: 0; }
    .slider__link:hover:before {
      opacity: 0.25; }
    .slider__link:hover:after {
      opacity: 1; }
    .slider__link:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0;
      transition: all ease-in-out 0.2s;
      z-index: 20; }
    .slider__link:after {
      width: 2.1875rem;
      height: 2.375rem;
      background-position: -43.5rem -66.85625rem;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 1;
      transition: all ease-in-out 0.2s;
      z-index: 30; }
      .no-svg .slider__link:after {
        width: 34px;
        height: 37px;
        background-position: -696px -1069.7px; }
  .slider__cover {
    display: inline-block;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity ease-in 1s;
    z-index: 10; }
    .slider__cover[data-src] {
      opacity: 0; }
  .slider__studio, .slider__title {
    margin-top: 0.5rem;
    margin-left: 0.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .slider__studio {
    color: #b88896; }
  .slider__number {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    color: #ffffff;
    background: rgba(71, 39, 49, 0.8);
    pointer-events: none;
    z-index: 30; }
    .slider__number:hover {
      color: #ffffff; }
  .slider__favourite {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    padding: 0.5rem;
    background: rgba(71, 39, 49, 0.8);
    cursor: pointer;
    z-index: 30; }
    .slider__favourite:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -21.9375rem -60.75rem;
      content: '';
      vertical-align: middle;
      opacity: 0.6; }
      .no-svg .slider__favourite:before {
        width: 20px;
        height: 18px;
        background-position: -351px -972px; }
    .slider__favourite:hover {
      background: #331b23; }
      .slider__favourite:hover:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -23.8125rem -60.75rem;
        opacity: 1; }
        .no-svg .slider__favourite:hover:before {
          width: 20px;
          height: 18px;
          background-position: -381px -972px; }
    .slider__favourite--active {
      display: block; }
      .slider__favourite--active:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -23.8125rem -60.75rem; }
        .no-svg .slider__favourite--active:before {
          width: 20px;
          height: 18px;
          background-position: -381px -972px; }
      .slider__favourite--active:hover:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -21.9375rem -60.75rem; }
        .no-svg .slider__favourite--active:hover:before {
          width: 20px;
          height: 18px;
          background-position: -351px -972px; }
  .slider__all-videos {
    left: 50%;
    transform: translate(-50%);
    margin: 1.5rem auto 0 0; }
  .slider__navigation {
    display: none;
    margin-top: 1rem;
    text-align: center; }
  .slider__previous, .slider__next {
    width: 0.5625rem;
    height: 0.875rem;
    background-position: -31.06875rem -63rem;
    position: absolute;
    cursor: pointer; }
    .no-svg .slider__previous, .no-svg .slider__next {
      width: 8px;
      height: 13px;
      background-position: -497.1px -1008px; }
    .slider__previous:hover, .slider__next:hover {
      opacity: 0.5; }
  .slider__next {
    right: 0; }
  .slider__previous {
    left: 0;
    transform: scaleX(-1); }
  .slider__page {
    width: 0.6875rem;
    height: 0.6875rem;
    background-position: -44.5rem -60.75rem;
    display: inline-block;
    cursor: pointer;
    margin: 0 1%; }
    .no-svg .slider__page {
      width: 10px;
      height: 10px;
      background-position: -712px -972px; }
    .slider__page:hover, .slider__page--active {
      width: 0.6875rem;
      height: 0.6875rem;
      background-position: -43.25rem -60.75rem; }
      .no-svg .slider__page:hover, .no-svg .slider__page--active {
        width: 10px;
        height: 10px;
        background-position: -692px -972px; }

@media only screen and (max-width: 1024px) {
  .slider__item {
    width: 49.25%; }
    .slider__item:nth-child(3n) {
      margin-right: 1.5%; }
    .slider__item:nth-child(2n) {
      margin-right: 0; }
  .slider--js .slider__container {
    overflow: hidden; }
  .slider--js .slider__content {
    width: 200%; }
  .slider--js .slider__item {
    width: 16.666%;
    margin-right: 0 !important; }
  .slider--js .slider__navigation {
    display: block; }
  .slider--js .slider__next, .slider--js .slider__previous {
    display: none; } }

@media only screen and (max-width: 480px) {
  .slider__item {
    width: 100%;
    margin-right: 0; }
  .slider--js .slider__content {
    width: 600%; }
  .slider--js .slider__page {
    margin: 0 3%; } }

pp-overview {
  display: inline-block;
  width: 100%; }

.overview {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  width: 100%;
  margin-top: 4rem; }
  .overview--inactive {
    pointer-events: none; }
    .overview--inactive .overview__container {
      opacity: 0.3; }
  .overview__loader {
    position: absolute; }
  .overview__name, .overview__all-videos {
    display: inline-block;
    padding: 0.3rem 0.7rem; }
  .overview__name {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #ffffff;
    background: #ed184e; }
    .overview__name:link, .overview__name:visited, .overview__name:hover, .overview__name:active {
      color: #ffffff;
      background: #ed184e; }
  .overview__content {
    display: inline-block;
    width: 100%;
    margin-bottom: 2rem;
    transition: all ease-in-out 0.2s; }
  .overview__item {
    display: inline-block;
    width: 18.8%;
    margin: 1.5rem 1.5% 0 0;
    transition: all ease-in-out 0.2s; }
    .overview__item:nth-child(5n) {
      margin-right: 0; }
    .overview__item:hover .overview__favourite {
      display: block;
      background: #331b23; }
      .overview__item:hover .overview__favourite:before {
        opacity: 1; }
  .overview__link {
    display: inline-block;
    width: 100%;
    font-size: 0; }
    .overview__link:hover:before {
      opacity: 0.25; }
    .overview__link:hover:after {
      opacity: 1; }
    .overview__link:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0;
      transition: all ease-in-out 0.2s;
      z-index: 1; }
    .overview__link:after {
      width: 2.1875rem;
      height: 2.375rem;
      background-position: -43.5rem -66.85625rem;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 1;
      transition: all ease-in-out 0.2s;
      z-index: 2; }
      .no-svg .overview__link:after {
        width: 34px;
        height: 37px;
        background-position: -696px -1069.7px; }
  .overview__cover {
    display: inline-block;
    width: 100%;
    opacity: 1;
    transition: opacity ease-in 1s; }
    .overview__cover[data-src] {
      opacity: 0;
      transition-duration: 0.2s; }
  .overview__studio, .overview__title {
    margin-left: 0.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .overview__studio {
    color: #b88896; }
  .overview__number {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    color: #ffffff;
    background: rgba(71, 39, 49, 0.8);
    pointer-events: none;
    z-index: 30; }
    .overview__number:hover {
      color: #ffffff; }
    .overview__number:before {
      width: 1.375rem;
      height: 0.875rem;
      background-position: -65.93125rem -57.9375rem;
      content: '';
      margin: -0.15rem 0.5rem 0 0;
      vertical-align: middle;
      transform: scale(0.85); }
      .no-svg .overview__number:before {
        width: 21px;
        height: 13px;
        background-position: -1054.9px -927px; }
  .overview__favourite {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    padding: 0.5rem;
    background: rgba(71, 39, 49, 0.8);
    cursor: pointer;
    z-index: 30; }
    .overview__favourite:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -21.9375rem -60.75rem;
      content: '';
      vertical-align: middle;
      opacity: 0.6; }
      .no-svg .overview__favourite:before {
        width: 20px;
        height: 18px;
        background-position: -351px -972px; }
    .overview__favourite:hover {
      background: #331b23; }
      .overview__favourite:hover:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -23.8125rem -60.75rem;
        opacity: 1; }
        .no-svg .overview__favourite:hover:before {
          width: 20px;
          height: 18px;
          background-position: -381px -972px; }
    .overview__favourite--active {
      display: block; }
      .overview__favourite--active:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -23.8125rem -60.75rem; }
        .no-svg .overview__favourite--active:before {
          width: 20px;
          height: 18px;
          background-position: -381px -972px; }
      .overview__favourite--active:hover:before {
        width: 1.3125rem;
        height: 1.1875rem;
        background-position: -21.9375rem -60.75rem; }
        .no-svg .overview__favourite--active:hover:before {
          width: 20px;
          height: 18px;
          background-position: -351px -972px; }
  .overview__all-videos {
    left: 50%;
    transform: translate(-50%);
    margin: 1.5rem auto 0 0; }

.overview--flex .overview__content {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  width: auto;
  margin: 0 -0.7% 0 -0.7%; }

.overview--flex .overview__item {
  flex: 5 20%;
  width: auto;
  margin: 1.5rem 0 0 0;
  padding: 0 0.7% 0 0.7%; }

@media only screen and (max-width: 1024px) {
  .overview--block .overview__item {
    width: 32.333%; }
    .overview--block .overview__item:nth-child(5n) {
      margin-right: 1.5%; }
    .overview--block .overview__item:nth-child(3n) {
      margin-right: 0; }
  .overview--flex .overview__item {
    flex: 3 33.33%; } }

@media only screen and (max-width: 480px) {
  .overview--block .overview__item {
    width: 100%; }
    .overview--block .overview__item:nth-child(5n) {
      margin-right: 0; }
    .overview--block .overview__item:nth-child(3n) {
      margin-right: 0; }
  .overview--flex .overview__item {
    flex: 1 100%; } }

pp-pagination {
  display: inline-block;
  width: 100%; }

.pagination {
  display: inline-block;
  width: 100%;
  min-height: 3rem; }
  .pagination [ng-show], .pagination [ng-hide] {
    transition: all linear 0s; }
  .pagination__content {
    display: inline-block;
    width: 100%; }
  .pagination__description, .pagination__options, .pagination__buttons {
    display: inline-block; }
  .pagination__options select {
    font-family: Roboto-Black;
    font-size: 1rem;
    line-height: 1.3;
    display: inline-block;
    width: 4rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    margin-left: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border-radius: 0;
    border: none;
    outline: none;
    -webkit-appearance: none;
    box-shadow: inset 0.09rem 0.09rem 0.1rem rgba(0, 0, 0, 0.5); }
  .pagination__options:after {
    width: 0.6875rem;
    height: 1.125rem;
    background-position: -27.25rem -60.75rem;
    content: '';
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    pointer-events: none; }
    .no-svg .pagination__options:after {
      width: 10px;
      height: 17px;
      background-position: -436px -972px; }
  .pagination__buttons {
    position: absolute;
    right: 0; }
  .pagination__button {
    font-family: Roboto-Black;
    font-size: 1rem;
    line-height: 1.3;
    display: inline-block;
    min-width: 2.5rem;
    min-height: 2.5rem;
    margin: 0 0 0 0.5rem;
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #ffffff;
    cursor: pointer; }
    .pagination__button:hover {
      color: #ed184e;
      border-color: #ed184e; }
    .pagination__button:after {
      content: '';
      display: inline-block; }
    .pagination__button--active {
      background: #c5456a;
      border-color: #c5456a;
      opacity: 0.5;
      pointer-events: none; }
      .pagination__button--active:hover {
        color: #ffffff;
        border-color: #c5456a; }
    .pagination__button--first:after, .pagination__button--previous:after, .pagination__button--next:after, .pagination__button--last:after {
      top: 0.25rem; }
    .pagination__button--first:after {
      width: 1.0625rem;
      height: 1rem;
      background-position: -33rem -60.75rem;
      transform: scaleX(-1); }
      .no-svg .pagination__button--first:after {
        width: 16px;
        height: 15px;
        background-position: -528px -972px; }
    .pagination__button--first:hover:after {
      width: 1.0625rem;
      height: 1rem;
      background-position: -31.375rem -60.75rem; }
      .no-svg .pagination__button--first:hover:after {
        width: 16px;
        height: 15px;
        background-position: -502px -972px; }
    .pagination__button--previous:after {
      width: 0.625rem;
      height: 1rem;
      background-position: -38.9375rem -60.75rem;
      transform: scaleX(-1); }
      .no-svg .pagination__button--previous:after {
        width: 9px;
        height: 15px;
        background-position: -623px -972px; }
    .pagination__button--previous:hover:after {
      width: 0.625rem;
      height: 1rem;
      background-position: -37.75rem -60.75rem; }
      .no-svg .pagination__button--previous:hover:after {
        width: 9px;
        height: 15px;
        background-position: -604px -972px; }
    .pagination__button--next:after {
      width: 0.625rem;
      height: 1rem;
      background-position: -38.9375rem -60.75rem; }
      .no-svg .pagination__button--next:after {
        width: 9px;
        height: 15px;
        background-position: -623px -972px; }
    .pagination__button--next:hover:after {
      width: 0.625rem;
      height: 1rem;
      background-position: -37.75rem -60.75rem; }
      .no-svg .pagination__button--next:hover:after {
        width: 9px;
        height: 15px;
        background-position: -604px -972px; }
    .pagination__button--last:after {
      width: 1.0625rem;
      height: 1rem;
      background-position: -33rem -60.75rem; }
      .no-svg .pagination__button--last:after {
        width: 16px;
        height: 15px;
        background-position: -528px -972px; }
    .pagination__button--last:hover:after {
      width: 1.0625rem;
      height: 1rem;
      background-position: -31.375rem -60.75rem; }
      .no-svg .pagination__button--last:hover:after {
        width: 16px;
        height: 15px;
        background-position: -502px -972px; }

@media only screen and (max-width: 1024px) {
  .pagination__description {
    width: 100%;
    margin-bottom: 1rem; }
  .pagination__options select {
    margin-left: 0; } }

@media only screen and (max-width: 480px) {
  .pagination__description {
    width: 100%;
    text-align: center; }
  .pagination__options {
    display: none; }
  .pagination__buttons {
    position: relative;
    width: 100%;
    text-align: center; }
  .pagination__button {
    margin-left: 1rem; }
    .pagination__button:first-child {
      margin-left: 0; }
    .pagination__button--previous, .pagination__button--next {
      display: none; } }

.search__form {
  cursor: pointer; }

.search__input {
  font-family: Roboto-Medium;
  font-size: 1rem;
  line-height: 1.3;
  position: absolute;
  right: 0;
  width: 12rem;
  padding: 1rem 0.75rem 1rem 0.75rem;
  background: #472731;
  color: #ffffff;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  cursor: pointer; }
  .search__input::-webkit-input-placeholder, .search__input::-moz-placeholder, .search__input:-ms-input-placeholder {
    color: #ffffff; }

.search__text {
  position: absolute;
  top: 0.7rem;
  right: 3.5rem;
  transition: right 0.5s ease-in-out, opacity 1s linear;
  pointer-events: none; }

.search__icon {
  width: 1rem;
  height: 1rem;
  background-position: -34.625rem -60.75rem;
  position: absolute;
  top: 1.15rem;
  right: 0.75rem; }
  .no-svg .search__icon {
    width: 15px;
    height: 15px;
    background-position: -554px -972px; }

.search__messages {
  position: absolute;
  top: 3.5rem;
  left: 12rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  pointer-events: none; }

.search__message--error {
  font-family: Roboto-Medium;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #c5456a;
  text-transform: none; }

.search__input:focus, .search__input.ng-touched {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out; }
  .search__input:focus + .search__text, .search__input.ng-touched + .search__text {
    right: 7rem;
    opacity: 0;
    transition: right 0.5s ease-in-out, opacity 0.3s linear; }
  .search__input:focus ~ .search__messages, .search__input.ng-touched ~ .search__messages {
    left: 0;
    opacity: 1;
    transition: all 0.5s ease-in-out; }

.search__input.ng-touched {
  transition-duration: 0s; }

.search__form:hover .search__text {
  color: #ed184e; }

.search__form:hover .search__icon {
  width: 1rem;
  height: 1rem;
  background-position: -36.1875rem -60.75rem; }
  .no-svg .search__form:hover .search__icon {
    width: 15px;
    height: 15px;
    background-position: -579px -972px; }

.search__loader {
  top: 75%; }

@media only screen and (max-width: 1024px) {
  .search__input {
    position: fixed;
    bottom: -1px;
    width: 100%;
    opacity: 1;
    border-top: 2px solid rgba(255, 255, 255, 0.5); }
  .search__icon {
    position: fixed;
    top: auto;
    bottom: 1rem;
    right: 1rem; }
  .search__messages {
    position: fixed;
    top: auto;
    bottom: 3.3rem;
    left: 0;
    width: 100%; }
  .search__message {
    padding: 1rem;
    color: #c5456a;
    background: #472731; }
  .search__text {
    display: none !important; } }

.styleguide {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40rem;
  margin: 1rem;
  padding: 1rem;
  transform: translate(-50%, -50%);
  border: 1px solid #b88896; }
  .styleguide__title {
    display: block; }
  .styleguide__buttons, .styleguide__links {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top; }
  .styleguide__button, .styleguide__link {
    margin: 1rem; }

.player {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3; }
  .player__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20; }
    .player__container--responsive {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 1.5625rem;
      height: 0; }
  .player__frame {
    position: absolute;
    z-index: 30; }
    .player__frame--responsive {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .player__message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    z-index: 10; }

.detail {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3; }
  .detail .player__container {
    position: relative;
    margin-top: 3rem;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden; }
  .detail .player__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: -1px 0 0 -1px;
    z-index: 30; }
  .detail__details {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    width: 100%; }
  .detail__button {
    margin-top: 1.5rem; }
    .detail__button--favourite:hover:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -23.8125rem -60.75rem; }
      .no-svg .detail__button--favourite:hover:before {
        width: 20px;
        height: 18px;
        background-position: -381px -972px; }
    .detail__button--favourite:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -21.9375rem -60.75rem;
      content: '';
      top: 0.25rem;
      margin: -0.5rem 0.5rem 0 0;
      padding: 0.35rem 0 0 0; }
      .no-svg .detail__button--favourite:before {
        width: 20px;
        height: 18px;
        background-position: -351px -972px; }
    .detail__button--favourite.detail__button--active:hover:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -20.0625rem -60.75rem; }
      .no-svg .detail__button--favourite.detail__button--active:hover:before {
        width: 20px;
        height: 18px;
        background-position: -321px -972px; }
    .detail__button--favourite.detail__button--active:before {
      width: 1.3125rem;
      height: 1.1875rem;
      background-position: -18.1875rem -60.75rem; }
      .no-svg .detail__button--favourite.detail__button--active:before {
        width: 20px;
        height: 18px;
        background-position: -291px -972px; }
  .detail__field {
    margin: 0.5rem 0 0.5rem 0; }
    .detail__field--spaced {
      margin: 1.5rem 0 1.5rem 0; }
    .detail__field--emphasized {
      color: #b88896; }
    .detail__field--name {
      font-family: Roboto-Black;
      font-size: 1.25rem;
      line-height: 1.3; }
  .detail__prefix {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase; }
  .detail__value {
    margin-left: 0.5rem; }

@media only screen and (max-width: 480px) {
  .detail__details {
    width: 100%; } }

.home__title {
  margin-bottom: 0; }

.landing {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  background: url("../graphics/jpg/landing-cover-modified.jpg") no-repeat;
  background-size: contain; }
  .landing > * {
    display: inline-block;
    width: 50%;
    margin: 1.5rem 25%; }
  .landing__heading, .landing__body {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3; }
  .landing__heading {
    margin: 3rem 25% 1.5rem 25%;
    color: #ed184e; }
  .landing__button {
    width: auto; }
  .landing__devices-visual {
    width: 100%;
    margin: 1.5rem 0; }
    .landing__devices-visual--vertical {
      display: none; }
  .landing__payment-section {
    width: 100%;
    margin: 1.5rem 0;
    background: #231318;
    background: linear-gradient(to right, #331b23 0%, #231318 10%, #231318 90%, #331b23 100%); }
  .landing__payment-methods {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 1rem;
    color: #ed184e; }
  .landing__payment-method {
    margin: 1rem;
    vertical-align: middle; }
    .landing__payment-method--ideal {
      width: 2.5625rem;
      height: 2.25rem;
      background-position: -11.19375rem -63rem; }
      .no-svg .landing__payment-method--ideal {
        width: 40px;
        height: 35px;
        background-position: -179.1px -1008px; }
    .landing__payment-method--visa {
      width: 6.80625rem;
      height: 2.25rem;
      background-position: -18.1875rem -57.9375rem; }
      .no-svg .landing__payment-method--visa {
        width: 107.9px;
        height: 35px;
        background-position: -291px -927px; }
    .landing__payment-method--mastercard {
      width: 3.7125rem;
      height: 2.8125rem;
      background-position: -6.91875rem -63rem; }
      .no-svg .landing__payment-method--mastercard {
        width: 58.4px;
        height: 44px;
        background-position: -110.7px -1008px; }
    .landing__payment-method--norton {
      width: 6.04375rem;
      height: 3.29375rem;
      background-position: -0.3125rem -63rem; }
      .no-svg .landing__payment-method--norton {
        width: 95.7px;
        height: 51.7px;
        background-position: -5px -1008px; }
  .landing__statement {
    font-family: Roboto-Medium;
    font-size: 0.625rem;
    line-height: 1.3;
    color: #d9d7d9;
    opacity: 0.75; }
  .landing__statement-section {
    margin-top: 2rem; }
  .landing__link {
    padding: 0 1rem 0 1rem; }

@media only screen and (max-width: 1024px) {
  .landing > * {
    width: 70%;
    margin: 1.25rem 15%; }
  .landing__button {
    width: auto; }
  .landing__devices-visual {
    width: 100%;
    margin: 0; }
  .landing__statement-section {
    font-size: 0; }
  .landing__link:not(:first-child) {
    display: block;
    margin-top: 2rem; } }

@media only screen and (max-width: 480px) {
  .landing > * {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; }
  .landing__body {
    font-size: 1rem; }
  .landing__list {
    font-size: 0.75rem;
    text-align: left; }
  .landing__button {
    margin: 1.5rem 2%;
    padding-left: 1rem;
    padding-right: 1rem; } }

.genres {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .genres__title {
    margin-bottom: 0; }
  .genres__loader {
    position: absolute; }
  .genres .overview {
    margin-top: 1.5rem; }
    .genres .overview__link:after {
      opacity: 0; }
    .genres .overview__link:hover:after {
      opacity: 0; }

.studios {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .studios__title {
    margin-bottom: 0; }
  .studios__loader {
    position: absolute; }
  .studios .overview {
    margin-top: 1.5rem; }
    .studios .overview__link:after {
      opacity: 0; }
    .studios .overview__link:hover:after {
      opacity: 0; }

.genre {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .genre__visual {
    display: inline-block;
    width: 100%;
    margin-top: 3rem; }
  .genre__title {
    margin-bottom: 0; }
  .genre__loader {
    position: absolute; }

.studio {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .studio__visual {
    display: inline-block;
    width: 100%;
    margin-top: 3rem; }
  .studio__title {
    margin-bottom: 0; }
  .studio__loader {
    position: absolute; }

.top-new {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .top-new__title {
    margin-bottom: 0; }
  .top-new__loader {
    position: absolute; }

.favourites {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .favourites__title {
    margin-bottom: 0; }
  .favourites__loader {
    position: absolute; }
  .favourites__placeholder {
    display: inline-block;
    width: 18.8%;
    margin: 1.5rem 1.5% 0 0;
    padding-bottom: 10.6%;
    background: rgba(216, 131, 155, 0.15);
    border: 2px dashed #d8839b;
    transition: all ease-in-out 0.2s; }
    .favourites__placeholder:nth-child(5n) {
      margin-right: 0; }
  .favourites__description {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    padding: 1rem;
    color: #d8839b; }
  .favourites .overview {
    margin-top: 1.5rem; }

@media only screen and (max-width: 1024px) {
  .favourites__placeholder {
    width: 32.333%;
    padding-bottom: 18.19%; }
    .favourites__placeholder:nth-child(5n) {
      margin-right: 1.5%; }
    .favourites__placeholder:nth-child(3n) {
      margin-right: 0; } }

@media only screen and (max-width: 480px) {
  .favourites__placeholder {
    width: 100%;
    padding-bottom: 56.25%; }
    .favourites__placeholder:nth-child(5n) {
      margin-right: 0; }
    .favourites__placeholder:nth-child(3n) {
      margin-right: 0; } }

.basket {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .basket__title {
    margin-bottom: 0; }
  .basket__loader {
    position: absolute; }
  .basket__placeholder {
    display: inline-block;
    width: 18.8%;
    margin: 1.5rem 1.5% 0 0;
    padding-bottom: 10.6%;
    background: rgba(216, 131, 155, 0.15);
    border: 2px dashed #d8839b;
    transition: all ease-in-out 0.2s; }
    .basket__placeholder:nth-child(5n) {
      margin-right: 0; }
  .basket__description {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    padding: 1rem;
    color: #d8839b; }
  .basket .basket {
    margin-top: 1.5rem; }

@media only screen and (max-width: 1024px) {
  .favourites__placeholder {
    width: 32.333%;
    padding-bottom: 18.19%; }
    .favourites__placeholder:nth-child(5n) {
      margin-right: 1.5%; }
    .favourites__placeholder:nth-child(3n) {
      margin-right: 0; } }

@media only screen and (max-width: 480px) {
  .favourites__placeholder {
    width: 100%;
    padding-bottom: 56.25%; }
    .favourites__placeholder:nth-child(5n) {
      margin-right: 0; }
    .favourites__placeholder:nth-child(3n) {
      margin-right: 0; } }

.basketoverview {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  font-size: 1.2rem; }
  .basketoverview__item {
    width: 100%;
    height: 50px;
    clear: both; }
  .basketoverview__cover {
    float: left;
    width: 150px;
    margin-bottom: 20px; }
  .basketoverview__link {
    float: right; }
  .basketoverview__button {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    position: relative;
    display: inline-block;
    padding: 1rem 1.4rem 0.9rem 1.4rem;
    color: #ffffff;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    outline: none;
    border: none;
    border: 2px solid #ffffff; }
    .basketoverview__button:hover {
      padding: 1rem 2.1rem 0.9rem 0.7rem;
      color: #ed184e;
      border-color: #ed184e;
      /*             &:after {
                width: 1.4375rem;
                height: 0.875rem;
                background-position: -61.93125rem -57.9375rem;
                content: '';
                position: absolute;
                top: 1.1875rem;
                right: 1rem;
                opacity: 0;
                transition: all ease-in-out 0.2s;
                will-change: right, opacity;
            } */ }
  .basketoverview__buttonholder {
    clear: both;
    text-align: center;
    padding-top: 40px; }
  .basketoverview__totalprice {
    clear: both;
    float: right;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 10px;
    width: 100%;
    text-align: right;
    font-size: 1.2rem; }

.basket_h1 {
  float: left;
  margin-left: 15px; }

.basket_h2 {
  float: left;
  margin-left: 15px; }

/* 

    &__cover {
        display: inline-block;
        width: 100%;
        opacity: 1;
    	transition: opacity ease-in 1s;
        &[data-src] {
            opacity: 0;
            transition-duration: 0.2s;
        }
    }

    display: inline-block;
    width: 100%;

    @include font-4;
    width: 100%;
    margin-top: 4rem;
    &--inactive {
        pointer-events: none;
        // transition: opacity ease-in-out 0.3s;
        .overview__container {
            opacity: 0.3;
        }
    }
    &__container {

    }
    &__loader {
        position: absolute;
    }
    &__name, &__all-videos {
        display: inline-block;
        padding: 0.3rem 0.7rem;
    }
    &__name {
        @include font-2;
        color: $white;
        background: $red-50;
        &:link, &:visited, &:hover, &:active {
            color: $white;
            background: $red-50;
        }
    }
    &__content {
        display: inline-block;
        width: 100%;
        margin-bottom: 2rem;
        transition: all ease-in-out 0.2s;
    }
    
    &__link {
        display: inline-block;
        width: 100%;
        font-size: 0;
        &:hover {
            &:before {
                opacity: 0.25;
            }
            &:after {
                opacity: 1;
            }
        }
        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: $black;
            opacity: 0;
            transition: all ease-in-out 0.2s;
            z-index: 1;
        }
        &:after {
            @include sprite(play-red-50);
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 1;
            transition: all ease-in-out 0.2s;
            z-index: 2;
        }
    }

    &__studio, &__title {
        margin-left: 0.7rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    &__studio {
        color: $red-20;
    }
    &__number {
        @include font-3;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.5rem;
        color: $white;
        background: $red-80-80;
        pointer-events: none;
        z-index: 30;
        &:hover {
            color: $white;
        }
        &:before {
            @include sprite(camera);
            content: '';
            margin: -0.15rem 0.5rem 0 0;
            vertical-align: middle;
            transform: scale(0.85);
        }
    }
    &__favourite {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        padding: 0.5rem;
        background: $red-80-80;
        cursor: pointer;
        z-index: 30;
        &:before {
            @include sprite(heart-white);
            content: '';
            vertical-align: middle;
            opacity: 0.6;
        }
        &:hover {
            background: $red-80;
            &:before {
                @include sprite(heart-red-50);
                opacity: 1;
            }
        }
        &--active {
            display: block;
            &:before {
                @include sprite(heart-red-50);
            }
            &:hover {
                &:before {
                    @include sprite(heart-white);
                }
            }
        }
    }
    &__all-videos {
        left: 50%;
        transform: translate(-50%);
        margin: 1.5rem auto 0 0;
    } */
.most-viewed {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .most-viewed__title {
    margin-bottom: 0; }
  .most-viewed__loader {
    position: absolute; }

.rentals {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .rentals__title {
    margin-bottom: 0; }
  .rentals__loader {
    position: absolute; }

.registration {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .registration__content {
    left: 50%;
    transform: translate(-50%);
    width: 33%;
    min-width: 22.5rem; }
  .registration__subtitle {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #ed184e; }
  .registration__body {
    margin-top: 1rem; }
  .registration__footnote {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    color: #b88896;
    margin-top: 2rem; }
  .registration__form {
    display: inline-block;
    width: 100%; }
  .registration__message {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem; }
    .registration__message--error {
      font-family: Roboto-Medium;
      font-size: 0.75rem;
      line-height: 1.3;
      margin-top: 0.3rem;
      color: #c5456a; }
  .registration__actions {
    margin-top: 2rem;
    text-align: center; }
  .registration__button {
    margin: 1rem; }
  .registration__checkbox {
    margin-top: 1.5rem; }
    .registration__checkbox--agreements {
      margin-top: 0.5rem; }
  .registration__label {
    margin-left: 0.75rem; }
  .registration__link {
    margin-top: 1rem; }

@media only screen and (max-width: 480px) {
  .registration__content {
    width: 100%;
    min-width: 0; } }

.payment {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .payment__title, .payment__form, .payment__radio-container, .payment__logo, .payment__button, .payment__label {
    display: inline-block; }
  .payment__content {
    left: 50%;
    transform: translate(-50%);
    width: 40%;
    min-width: 22.5rem; }
  .payment__heading {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #ed184e;
    font-weight: 700; }
  .payment__subheading {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    color: #ffffff; }
  .payment__body {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    margin: 1rem 0 5rem 0;
    opacity: 0.5; }
  .payment__table {
    width: 100%;
    margin-bottom: 4rem; }
  .payment__list {
    margin-top: 1rem; }
  .payment__icon--checkmark {
    width: 1.9375rem;
    height: 2rem;
    background-position: -16.81875rem -63rem; }
    .no-svg .payment__icon--checkmark {
      width: 30px;
      height: 31px;
      background-position: -269.1px -1008px; }
  .payment__form {
    width: 100%; }
  .payment__radio-container {
    margin: 1rem 2rem 0 0; }
  .payment__logo {
    display: inline-block;
    margin-left: 1rem;
    cursor: pointer; }
    .payment__logo--ideal {
      width: 2.5625rem;
      height: 2.25rem;
      background-position: -11.19375rem -63rem; }
      .no-svg .payment__logo--ideal {
        width: 40px;
        height: 35px;
        background-position: -179.1px -1008px; }
    .payment__logo--visa, .payment__logo--mastercard {
      margin-right: 0.5rem; }
    .payment__logo--visa {
      width: 6.80625rem;
      height: 2.25rem;
      background-position: -18.1875rem -57.9375rem; }
      .no-svg .payment__logo--visa {
        width: 107.9px;
        height: 35px;
        background-position: -291px -927px; }
    .payment__logo--mastercard {
      width: 3.7125rem;
      height: 2.8125rem;
      background-position: -6.91875rem -63rem; }
      .no-svg .payment__logo--mastercard {
        width: 58.4px;
        height: 44px;
        background-position: -110.7px -1008px; }
    .payment__logo--norton {
      width: 6.04375rem;
      height: 3.29375rem;
      background-position: -0.3125rem -63rem;
      margin-top: 1rem;
      pointer-events: none; }
      .no-svg .payment__logo--norton {
        width: 95.7px;
        height: 51.7px;
        background-position: -5px -1008px; }
  .payment__message {
    display: inline-block; }
    .payment__message--payment-method {
      margin-top: 2rem; }
    .payment__message--select {
      margin: 0 0 0.5rem 0; }
    .payment__message--select-warning {
      font-family: Roboto-Medium;
      font-size: 0.75rem;
      line-height: 1.3;
      margin: 2rem 0;
      color: #d8839b; }
    .payment__message--error {
      font-family: Roboto-Medium;
      font-size: 0.875rem;
      line-height: 1.3;
      margin: 0.3rem 0 0 0;
      color: #c5456a; }
  .payment__input {
    display: inline-block;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem 1.5rem 0.25rem 0;
    border-bottom: 2px solid #ffffff; }
    .payment__input.ng-invalid.ng-touched {
      border-color: #c5456a; }
    .payment__input--checkbox, .payment__input--radio {
      vertical-align: top; }
    .payment__input--checkbox {
      display: inline-block; }
    .payment__input--radio {
      margin-top: 0.75rem; }
  .payment__actions {
    margin-top: 2rem;
    text-align: center; }
  .payment__button {
    margin: 1rem; }
  .payment__label {
    margin-left: 0.75rem;
    width: 85%;
    vertical-align: top; }
  .payment__options:after {
    width: 0.6875rem;
    height: 1.125rem;
    background-position: -28.5rem -60.75rem;
    content: '';
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    pointer-events: none; }
    .no-svg .payment__options:after {
      width: 10px;
      height: 17px;
      background-position: -456px -972px; }
  .payment__select {
    font-family: Roboto-Black;
    font-size: 1rem;
    line-height: 1.3;
    display: inline-block;
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    text-align: center;
    vertical-align: middle;
    background: #331b23;
    border-radius: 0;
    border: 2px solid #ffffff;
    outline: none;
    -webkit-appearance: none;
    box-shadow: inset 0.09rem 0.09rem 0.1rem rgba(0, 0, 0, 0.5);
    color: #ffffff; }

@media only screen and (max-width: 480px) {
  .payment__content {
    width: 100%;
    min-width: 0; } }

.promotion {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .promotion__content {
    left: 50%;
    transform: translate(-50%);
    width: 40%;
    min-width: 22.5rem; }
  .promotion__subtitle {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 2rem; }
  .promotion__messages {
    left: 50%;
    transform: translate(-50%);
    width: 40%;
    min-width: 22.5rem; }
    .promotion__messages--general {
      text-align: center; }
  .promotion__message {
    display: inline-block;
    margin-bottom: 1rem; }
    .promotion__message--error:before, .promotion__message--success:before {
      content: '';
      position: absolute;
      margin-top: -0.5rem;
      margin-left: -2.5rem; }
    .promotion__message--error {
      font-family: Roboto-Medium;
      font-size: 0.875rem;
      line-height: 1.3;
      display: block;
      margin-top: 0.3rem;
      color: #c5456a; }
    .promotion__message--success {
      padding-left: 1rem; }
      .promotion__message--success:before {
        width: 1.9375rem;
        height: 1.9375rem;
        background-position: -21.81875rem -63rem; }
        .no-svg .promotion__message--success:before {
          width: 30px;
          height: 30px;
          background-position: -349.1px -1008px; }
    .promotion__message--info {
      display: block; }
  .promotion__form {
    display: inline-block;
    width: 100%; }
  .promotion__code {
    display: inline-block;
    width: 100%;
    vertical-align: bottom; }
  .promotion__actions {
    margin-top: 2rem;
    text-align: center; }
  .promotion__button {
    margin: 1rem; }

@media only screen and (max-width: 480px) {
  .promotion__content {
    width: 100%;
    min-width: 0; } }

.forgot-password {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .forgot-password__content {
    left: 50%;
    transform: translate(-50%);
    width: 33%;
    min-width: 22.5rem; }
  .forgot-password__message {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 1rem; }
    .forgot-password__message--error {
      font-family: Roboto-Medium;
      font-size: 0.75rem;
      line-height: 1.3;
      margin-top: 0.3rem;
      color: #c5456a; }
  .forgot-password__subtitle {
    margin-bottom: 1rem; }
  .forgot-password__form {
    display: inline-block;
    width: 100%; }
  .forgot-password__input {
    margin-right: -1rem; }
  .forgot-password__icon--email {
    width: 1rem;
    height: 0.8125rem;
    background-position: -41.6875rem -60.75rem;
    margin-bottom: -0.25rem; }
    .no-svg .forgot-password__icon--email {
      width: 15px;
      height: 12px;
      background-position: -667px -972px; }
  .forgot-password__button {
    left: 50%;
    margin-top: 2rem;
    transform: translate(-50%); }

@media only screen and (max-width: 480px) {
  .forgot-password__content {
    width: 100%;
    min-width: 0; } }

.new-password {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .new-password__content {
    left: 50%;
    width: 33%;
    min-width: 22.5rem;
    transform: translate(-50%); }
  .new-password__subtitle {
    margin-bottom: 1rem; }
  .new-password__message {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3; }
    .new-password__message--error {
      margin-top: 0.3rem;
      color: #c5456a; }
    .new-password__message--password-changed, .new-password__message--token-expired {
      display: inline-block; }
  .new-password__form {
    display: inline-block;
    width: 100%; }
  .new-password__input {
    margin-right: -1rem; }
  .new-password__icon {
    margin-bottom: -0.25rem; }
    .new-password__icon--password-confirmation {
      width: 1.125rem;
      height: 0.8125rem;
      background-position: -67.86875rem -57.9375rem;
      margin-left: -2px; }
      .no-svg .new-password__icon--password-confirmation {
        width: 17px;
        height: 12px;
        background-position: -1085.9px -927px; }
    .new-password__icon--password {
      width: 1rem;
      height: 1.1875rem;
      background-position: -25.6875rem -60.75rem; }
      .no-svg .new-password__icon--password {
        width: 15px;
        height: 18px;
        background-position: -411px -972px; }
    .new-password__icon--successful, .new-password__icon--unsuccessful {
      display: inline-block;
      width: 1.875rem;
      height: 1.875rem;
      margin-bottom: -0.5rem;
      margin-right: 0.5rem; }
    .new-password__icon--successful {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -21.81875rem -63rem; }
      .no-svg .new-password__icon--successful {
        width: 30px;
        height: 30px;
        background-position: -349.1px -1008px; }
    .new-password__icon--unsuccessful {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -19.31875rem -63rem; }
      .no-svg .new-password__icon--unsuccessful {
        width: 30px;
        height: 30px;
        background-position: -309.1px -1008px; }
  .new-password__button {
    left: 50%;
    margin-top: 2rem;
    transform: translate(-50%); }

@media only screen and (max-width: 480px) {
  .new-password__content {
    width: 100%;
    min-width: 0; } }

.change-password {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .change-password__content {
    left: 50%;
    width: 33%;
    min-width: 22.5rem;
    transform: translate(-50%); }
  .change-password__subtitle {
    margin-bottom: 1rem; }
  .change-password__messages--general {
    margin-top: 1rem; }
  .change-password__message {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    display: block; }
    .change-password__message--error {
      margin-top: 0.3rem;
      color: #c5456a; }
    .change-password__message--password-success, .change-password__message--password-failure {
      font-family: Roboto-Regular;
      font-size: 1rem;
      line-height: 1.3;
      display: inline-block;
      margin-top: 1rem;
      padding-left: 2.5rem; }
      .change-password__message--password-success:before, .change-password__message--password-failure:before {
        content: '';
        position: absolute;
        margin-top: -0.5rem;
        margin-left: -2.5rem; }
    .change-password__message--password-success:before {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -21.81875rem -63rem; }
      .no-svg .change-password__message--password-success:before {
        width: 30px;
        height: 30px;
        background-position: -349.1px -1008px; }
    .change-password__message--password-failure {
      padding-left: 2.5rem; }
      .change-password__message--password-failure:before {
        width: 1.9375rem;
        height: 1.9375rem;
        background-position: -19.31875rem -63rem; }
        .no-svg .change-password__message--password-failure:before {
          width: 30px;
          height: 30px;
          background-position: -309.1px -1008px; }
  .change-password__form {
    display: inline-block;
    width: 100%; }
  .change-password__input {
    margin-right: -1rem; }
  .change-password__icon {
    margin-bottom: -0.25rem; }
    .change-password__icon--password-confirm {
      width: 1.125rem;
      height: 0.8125rem;
      background-position: -67.86875rem -57.9375rem;
      margin-left: -2px; }
      .no-svg .change-password__icon--password-confirm {
        width: 17px;
        height: 12px;
        background-position: -1085.9px -927px; }
    .change-password__icon--password {
      width: 1rem;
      height: 1.1875rem;
      background-position: -25.6875rem -60.75rem; }
      .no-svg .change-password__icon--password {
        width: 15px;
        height: 18px;
        background-position: -411px -972px; }
    .change-password__icon--success, .change-password__icon--failure {
      display: inline-block;
      width: 1.875rem;
      height: 1.875rem;
      margin-bottom: -0.5rem;
      margin-right: 0.5rem; }
    .change-password__icon--success {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -21.81875rem -63rem; }
      .no-svg .change-password__icon--success {
        width: 30px;
        height: 30px;
        background-position: -349.1px -1008px; }
    .change-password__icon--failure {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -19.31875rem -63rem; }
      .no-svg .change-password__icon--failure {
        width: 30px;
        height: 30px;
        background-position: -309.1px -1008px; }
  .change-password__button {
    left: 50%;
    margin-top: 2rem;
    transform: translate(-50%); }

@media only screen and (max-width: 480px) {
  .change-password__content {
    width: 100%;
    min-width: 0; } }

.activate-account {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .activate-account__content {
    left: 50%;
    transform: translate(-50%);
    width: 50%;
    min-width: 22.5rem;
    text-align: center; }
  .activate-account__message {
    display: block;
    margin-bottom: 1rem; }
    .activate-account__message--error:before, .activate-account__message--payment-required:before, .activate-account__message--already-logged:before, .activate-account__message--login-required:before, .activate-account__message--already-activated:before {
      content: '';
      position: absolute;
      margin-top: -0.5rem;
      margin-left: -2.5rem; }
    .activate-account__message--error, .activate-account__message--payment-required, .activate-account__message--already-activated {
      padding-left: 1rem; }
      .activate-account__message--error:before, .activate-account__message--payment-required:before, .activate-account__message--already-activated:before {
        width: 1.9375rem;
        height: 1.9375rem;
        background-position: -19.31875rem -63rem; }
        .no-svg .activate-account__message--error:before, .no-svg .activate-account__message--payment-required:before, .no-svg .activate-account__message--already-activated:before {
          width: 30px;
          height: 30px;
          background-position: -309.1px -1008px; }
    .activate-account__message--already-logged, .activate-account__message--login-required {
      padding-left: 1rem; }
      .activate-account__message--already-logged:before, .activate-account__message--login-required:before {
        width: 1.9375rem;
        height: 1.9375rem;
        background-position: -21.81875rem -63rem; }
        .no-svg .activate-account__message--already-logged:before, .no-svg .activate-account__message--login-required:before {
          width: 30px;
          height: 30px;
          background-position: -349.1px -1008px; }
  .activate-account__button {
    margin: 2rem 0.7rem 0 0.7rem; }

@media only screen and (max-width: 480px) {
  .activate-account__content {
    width: 90%;
    min-width: 0; } }

.statement {
  color: #ffffff;
  padding: 1rem 8% 0 8%;
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3; }
  .statement h1 {
    margin: 0 0 1.5rem 0;
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3; }
  .statement h4 {
    margin: 0 0 1rem 0;
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3; }
  .statement h3 {
    margin: 2rem 0 1rem 0;
    color: #d8839b; }
  .statement p {
    margin: 0; }
  .statement ul {
    padding: 0; }
  .statement li {
    margin-top: 1rem;
    list-style-type: none; }
  .statement .address li:not(:first-child) {
    margin-top: 0; }

.confirm-payment {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .confirm-payment__content {
    left: 50%;
    transform: translate(-50%);
    width: 40%;
    min-width: 22.5rem;
    text-align: center; }
  .confirm-payment__message {
    display: block;
    margin-bottom: 1rem; }
    .confirm-payment__message--success, .confirm-payment__message--failed, .confirm-payment__message--notfound {
      padding-left: 1rem; }
      .confirm-payment__message--success:before, .confirm-payment__message--failed:before, .confirm-payment__message--notfound:before {
        content: '';
        position: absolute;
        margin-top: -0.5rem;
        margin-left: -2.5rem; }
    .confirm-payment__message--success:before {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -21.81875rem -63rem; }
      .no-svg .confirm-payment__message--success:before {
        width: 30px;
        height: 30px;
        background-position: -349.1px -1008px; }
    .confirm-payment__message--failed:before {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -19.31875rem -63rem; }
      .no-svg .confirm-payment__message--failed:before {
        width: 30px;
        height: 30px;
        background-position: -309.1px -1008px; }
    .confirm-payment__message--notfound:before {
      width: 1.9375rem;
      height: 1.9375rem;
      background-position: -19.31875rem -63rem; }
      .no-svg .confirm-payment__message--notfound:before {
        width: 30px;
        height: 30px;
        background-position: -309.1px -1008px; }
  .confirm-payment__button {
    margin-top: 2rem; }

@media only screen and (max-width: 480px) {
  .confirm-payment__content {
    width: 90%;
    min-width: 0; } }

.profile {
  padding: 0 0 2rem 0; }
  .profile--inactive {
    pointer-events: none;
    opacity: 0.3; }
  .profile__content {
    left: 50%;
    transform: translate(-50%);
    width: 50%;
    min-width: 22.5rem; }
  .profile__subtitle {
    font-family: Roboto-Black;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 1rem; }
    .profile__subtitle:not(:first-child) {
      margin-top: 2rem; }
  .profile__table {
    width: 100%; }
  .profile__container {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3; }
    .profile__container--pin-code {
      margin-top: 3rem; }
  .profile__switch {
    margin-left: 1rem;
    vertical-align: top; }
  .profile__prefix, .profile__link, .profile__icon {
    vertical-align: middle; }
  .profile__link {
    width: 100%;
    margin-top: 1rem; }
  .profile__icon {
    display: inline-block; }
    .profile__icon--pairing {
      width: 5.0625rem;
      height: 1.9375rem;
      background-position: -36.80625rem -57.9375rem;
      margin-left: 1rem; }
      .no-svg .profile__icon--pairing {
        width: 80px;
        height: 30px;
        background-position: -588.9px -927px; }
  .profile__pin-code {
    display: inline-block;
    vertical-align: middle; }
    .profile__pin-code:after {
      width: 9.4375rem;
      height: 0.1875rem;
      background-position: -33.1875rem -57.1875rem;
      content: '';
      position: absolute;
      left: 0.9rem;
      bottom: 0; }
      .no-svg .profile__pin-code:after {
        width: 150px;
        height: 2px;
        background-position: -531px -915px; }
  .profile__input--pin-code {
    font-family: monospace;
    width: 9rem;
    margin: 0 1.35rem 0 1.35rem;
    padding-bottom: 0.25rem;
    vertical-align: middle;
    font-size: 1.5rem;
    letter-spacing: 1.6rem; }
  .profile__message {
    font-family: Roboto-Medium;
    font-size: 0.75rem;
    line-height: 1.3;
    display: inline-block; }
    .profile__message:before {
      content: '';
      margin-right: 1rem;
      vertical-align: middle; }
    .profile__message--save:before {
      width: 1.9375rem;
      height: 2rem;
      background-position: -16.81875rem -63rem; }
      .no-svg .profile__message--save:before {
        width: 30px;
        height: 31px;
        background-position: -269.1px -1008px; }
    .profile__message--failed:before {
      width: 1.9375rem;
      height: 2rem;
      background-position: -14.31875rem -63rem; }
      .no-svg .profile__message--failed:before {
        width: 30px;
        height: 31px;
        background-position: -229.1px -1008px; }
  .profile__actions {
    margin-top: 4rem;
    text-align: center; }

@media only screen and (max-width: 480px) {
  .profile__content {
    width: 98%;
    min-width: 0; }
  .profile__subtitle:first-child {
    margin-top: 3rem; }
  .profile__table, .profile__row, .profile__cell {
    display: inline-block;
    width: 100%; }
  .profile__cell {
    text-align: left; }
    .profile__cell:not(:first-child) {
      padding-top: 0; }
  .profile__switch {
    margin-left: 0; }
  .profile__pin-code {
    margin: 1rem 0 0 0; } }

.pairing {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 0 2rem 0; }
  .pairing__content {
    left: 50%;
    transform: translate(-50%);
    width: 40%;
    min-width: 22.5rem;
    text-align: center; }
  .pairing__subtitle {
    font-family: Roboto-Regular;
    font-size: 1rem;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 2rem; }
    .pairing__subtitle--prefix {
      font-family: Roboto-Medium;
      font-size: 1rem;
      line-height: 1.3;
      margin-bottom: 0;
      margin-right: 0.5rem; }
    .pairing__subtitle--value {
      opacity: 0.5; }
  .pairing__messages--general {
    text-align: center; }
  .pairing__message {
    display: inline-block;
    margin-bottom: 1rem; }
    .pairing__message--error:before, .pairing__message--success:before {
      content: '';
      position: absolute;
      margin-top: -0.5rem;
      margin-left: -2.5rem; }
    .pairing__message--error {
      font-family: Roboto-Medium;
      font-size: 0.875rem;
      line-height: 1.3;
      display: block;
      margin-top: 0.3rem;
      color: #c5456a; }
    .pairing__message--success {
      padding-left: 1rem; }
      .pairing__message--success:before {
        width: 1.9375rem;
        height: 1.9375rem;
        background-position: -21.81875rem -63rem; }
        .no-svg .pairing__message--success:before {
          width: 30px;
          height: 30px;
          background-position: -349.1px -1008px; }
    .pairing__message--info {
      display: block; }
  .pairing__form {
    display: inline-block;
    width: 100%;
    text-align: center; }
  .pairing__code {
    display: inline-block;
    vertical-align: bottom; }
    .pairing__code:after {
      width: 14.4375rem;
      height: 0.1875rem;
      background-position: -18.1875rem -57.1875rem;
      content: '';
      position: absolute;
      left: 0;
      bottom: 0; }
      .no-svg .pairing__code:after {
        width: 230px;
        height: 2px;
        background-position: -291px -915px; }
  .pairing__input {
    display: inline-block;
    font-family: monospace; }
    .pairing__input--code {
      width: 15rem;
      margin: 0 1.35rem 0 0;
      padding: 0 0 0.25rem 0.5rem;
      font-size: 1.5rem;
      letter-spacing: 1.6rem; }
  .pairing__icon {
    display: inline-block;
    margin: 0 30% 1rem 30%; }
    .pairing__icon--pairing {
      width: 5.0625rem;
      height: 1.9375rem;
      background-position: -36.80625rem -57.9375rem; }
      .no-svg .pairing__icon--pairing {
        width: 80px;
        height: 30px;
        background-position: -588.9px -927px; }
  .pairing__actions {
    margin-top: 2rem;
    text-align: center; }
  .pairing__button {
    margin: 1rem; }

@media only screen and (max-width: 480px) {
  .pairing__subtitle {
    width: 90%; } }

.search__title {
  margin-bottom: 0; }

.search__total {
  font-family: Roboto-Medium;
  font-size: 1rem;
  line-height: 1.3; }

.search__found {
  font-family: Roboto-Medium;
  font-size: 1rem;
  line-height: 1.3;
  padding-left: 0.5rem; }

.search__category {
  display: block;
  margin: 3rem 0 0 0; }

.search__name {
  font-family: Roboto-Black;
  font-size: 1.25rem;
  line-height: 1.3;
  display: inline-block;
  text-transform: capitalize; }

.search__number {
  font-family: Roboto-Regular;
  font-size: 1rem;
  line-height: 1.3;
  color: #b0b0b0;
  padding-left: 0.75rem; }
  .search__number--camera:before {
    width: 1.375rem;
    height: 0.875rem;
    background-position: -65.93125rem -57.9375rem;
    content: '';
    margin: -0.15rem 0.5rem 0 0;
    vertical-align: middle; }
    .no-svg .search__number--camera:before {
      width: 21px;
      height: 13px;
      background-position: -1054.9px -927px; }

.search__overview {
  margin: -3rem 0 -3rem 0; }
  .search__overview--genres .overview__link:after {
    content: none; }

.status-404 {
  display: inline-block;
  width: 100%;
  min-height: 9rem; }
  .status-404__title {
    font-family: Roboto-Black;
    font-size: 1.25rem;
    line-height: 1.3;
    display: inline-block;
    margin: 3rem 1rem 0 0;
    padding: 0.3rem 0.7rem;
    text-transform: capitalize;
    background-color: #ed184e; }
  .status-404__body {
    font-family: Roboto-Medium;
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 2rem; }
  .status-404__loader {
    position: absolute; }

.ios.tablet .lightbox__content, .ios.mobile .lightbox__content {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }

.ios.tablet .navigation *, .ios.mobile .navigation * {
  animation-duration: 0s !important;
  transition-duration: 0s !important; }

.ios.tablet .navigation__item--search, .ios.mobile .navigation__item--search {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.ios.tablet .search__input, .ios.mobile .search__input {
  position: relative;
  bottom: auto;
  margin: 2rem 0 1rem 0;
  border-top: none; }

.ios.tablet .search__icon, .ios.mobile .search__icon {
  position: absolute;
  top: 3.25rem;
  bottom: auto; }

.ios.tablet .search__messages, .ios.mobile .search__messages {
  position: relative;
  top: 0;
  bottom: 0; }

.ios.tablet .search__message, .ios.mobile .search__message {
  background: transparent; }

.ios.tablet .header__pairing, .ios.tablet .header__pairing:link, .ios.tablet .header__pairing:visited {
  padding-top: 0.75rem; }

.ios.tablet .search__icon {
  top: 3.2rem; }

.ios.tablet .search__message {
  font-size: 1rem;
  height: 1.5rem;
  padding: 0.5rem 0 0 0;
  margin: -1rem 0 -0.5rem 0; }

.ios.mobile .navigation__item--search {
  min-width: 0; }

.chrome .header__language {
  top: 1px; }

.safari .header__pairing, .safari .header__pairing:link, .safari .header__pairing:visited {
  padding-top: 1.5rem; }

.firefox .header__language {
  top: 1px; }

.explorer .layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.edge .header__language {
  top: 1px; }

.payment__logo--norton {
  margin: 1rem 0 0 0; }

@media only screen and (max-width: 1440px) {
  .navigation {
    padding-right: 25rem; }
    .navigation__item--search {
      right: -25rem; } }

@media only screen and (max-width: 1280px) {
  .payment__logo--norton {
    display: block;
    float: none;
    margin-left: 0; } }

@media only screen and (max-width: 1024px) {
  .navigation {
    padding-right: 0; }
    .navigation__item--search {
      right: 0; } }