API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 2nd, 2018
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 203.70 KB | None | 0 0
raw download clone embed print report
  1. <title>OneRP ~ Coming soon. </title>
  2. <center>
  3. <body background="http://tekyann.e-monsite.com/medias/images/fondspryty.jpg">
  4. <img src="https://image.noelshack.com/fichiers/2018/22/6/1527928682-logoooo.png">
  5. <h1> Coming Soon.. 2K18.<h1>
  6. <h5> - Le gouvernement. </h5>
  7.  
  8. <style>
  9. @charset "UTF-8";
  10. .empty-results:after,
  11. img {
  12.     image-rendering: -webkit-optimize-contrast;
  13.     image-rendering: -moz-crisp-edges;
  14.     -ms-interpolation-mode: bicubic
  15. }
  16. dd,
  17. dl,
  18. dt,
  19. legend,
  20. ol,
  21. td,
  22. th,
  23. ul {
  24.     padding: 0
  25. }
  26. iframe,
  27. img,
  28. legend {
  29.     border: 0
  30. }
  31. .row:after,
  32. .wrapper:after,
  33. section:after {
  34.     clear: both
  35. }
  36. [ng-click],
  37. button,
  38. label {
  39.     cursor: pointer
  40. }
  41. button,
  42. fieldset,
  43. input,
  44. select {
  45.     outline: 0
  46. }
  47. .news-article hr,
  48. .static-content hr {
  49.     border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 0%, 0.3)" cx="1" cy="0.3" r="0.3"/></svg>') 0 0 100% repeat
  50. }
  51. html {
  52.     font-family: sans-serif;
  53.     -ms-text-size-adjust: 100%;
  54.     -webkit-text-size-adjust: 100%;
  55.     height: 100%
  56. }
  57. article,
  58. aside,
  59. details,
  60. figcaption,
  61. figure,
  62. footer,
  63. header,
  64. hgroup,
  65. main,
  66. menu,
  67. nav,
  68. section,
  69. summary {
  70.     display: block
  71. }
  72. audio,
  73. canvas,
  74. progress,
  75. video {
  76.     display: inline-block;
  77.     vertical-align: baseline
  78. }
  79. audio:not([controls]) {
  80.     display: none;
  81.     height: 0
  82. }
  83. [hidden],
  84. template {
  85.     display: none
  86. }
  87. a {
  88.     background-color: transparent
  89. }
  90. abbr[title] {
  91.     border-bottom: 1px dotted
  92. }
  93. b,
  94. optgroup,
  95. strong {
  96.     font-weight: 700
  97. }
  98. dfn {
  99.     font-style: italic
  100. }
  101. mark {
  102.     background: #ff0;
  103.     color: #000
  104. }
  105. sub,
  106. sup {
  107.     font-size: 75%;
  108.     line-height: 0;
  109.     position: relative;
  110.     vertical-align: baseline
  111. }
  112. sup {
  113.     top: -.5em
  114. }
  115. sub {
  116.     bottom: -.25em
  117. }
  118. img {
  119.     image-rendering: pixelated
  120. }
  121. svg:not(:root) {
  122.     overflow: hidden
  123. }
  124. hr {
  125.     box-sizing: content-box;
  126.     height: 0
  127. }
  128. pre,
  129. textarea {
  130.     overflow: auto
  131. }
  132. code,
  133. kbd,
  134. pre,
  135. samp {
  136.     font-family: monospace, monospace;
  137.     font-size: 1em
  138. }
  139. button,
  140. input,
  141. optgroup,
  142. select,
  143. textarea {
  144.     color: inherit;
  145.     font: inherit;
  146.     margin: 0
  147. }
  148. button {
  149.     overflow: visible
  150. }
  151. .aside--box,
  152. .content,
  153. .modal-open {
  154.     overflow: hidden
  155. }
  156. button,
  157. select {
  158.     text-transform: none
  159. }
  160. button,
  161. html input[type=button],
  162. input[type=reset],
  163. input[type=submit] {
  164.     -webkit-appearance: button;
  165.     cursor: pointer
  166. }
  167. button[disabled],
  168. html input[disabled] {
  169.     cursor: default
  170. }
  171. button::-moz-focus-inner,
  172. input::-moz-focus-inner {
  173.     border: 0;
  174.     padding: 0
  175. }
  176. input {
  177.     line-height: normal
  178. }
  179. input[type=checkbox],
  180. input[type=radio] {
  181.     box-sizing: border-box;
  182.     padding: 0
  183. }
  184. input[type=number]::-webkit-inner-spin-button,
  185. input[type=number]::-webkit-outer-spin-button {
  186.     height: auto
  187. }
  188. input[type=search] {
  189.     -webkit-appearance: textfield;
  190.     box-sizing: content-box
  191. }
  192. input[type=search]::-webkit-search-cancel-button,
  193. input[type=search]::-webkit-search-decoration {
  194.     -webkit-appearance: none
  195. }
  196. fieldset {
  197.     padding: .35em .625em .75em
  198. }
  199. table {
  200.     border-collapse: collapse;
  201.     border-spacing: 0
  202. }
  203. .animated {
  204.     -webkit-animation-duration: 1s;
  205.     animation-duration: 1s;
  206.     -webkit-animation-fill-mode: both;
  207.     animation-fill-mode: both
  208. }
  209. .animated.infinite {
  210.     -webkit-animation-iteration-count: infinite;
  211.     animation-iteration-count: infinite
  212. }
  213. .animated.hinge {
  214.     -webkit-animation-duration: 2s;
  215.     animation-duration: 2s
  216. }
  217. .animated.bounceIn,
  218. .animated.bounceOut,
  219. .animated.flipOutX,
  220. .animated.flipOutY {
  221.     -webkit-animation-duration: .75s;
  222.     animation-duration: .75s
  223. }
  224. @-webkit-keyframes shake {
  225.     100%, from {
  226.         -webkit-transform: translate3d(0, 0, 0);
  227.         transform: translate3d(0, 0, 0)
  228.     }
  229.     10%,
  230.     30%,
  231.     50%,
  232.     70%,
  233.     90% {
  234.         -webkit-transform: translate3d(-10px, 0, 0);
  235.         transform: translate3d(-10px, 0, 0)
  236.     }
  237.     20%,
  238.     40%,
  239.     60%,
  240.     80% {
  241.         -webkit-transform: translate3d(10px, 0, 0);
  242.         transform: translate3d(10px, 0, 0)
  243.     }
  244. }
  245. @keyframes shake {
  246.     100%, from {
  247.         -webkit-transform: translate3d(0, 0, 0);
  248.         transform: translate3d(0, 0, 0)
  249.     }
  250.     10%,
  251.     30%,
  252.     50%,
  253.     70%,
  254.     90% {
  255.         -webkit-transform: translate3d(-10px, 0, 0);
  256.         transform: translate3d(-10px, 0, 0)
  257.     }
  258.     20%,
  259.     40%,
  260.     60%,
  261.     80% {
  262.         -webkit-transform: translate3d(10px, 0, 0);
  263.         transform: translate3d(10px, 0, 0)
  264.     }
  265. }
  266. .shake {
  267.     -webkit-animation-name: shake;
  268.     animation-name: shake
  269. }
  270. .ng-cloak,
  271. .ng-hide:not(.ng-hide-animate),
  272. .x-ng-cloak,
  273. [data-ng-cloak],
  274. [ng-cloak],
  275. [ng\:cloak],
  276. [x-ng-cloak] {
  277.     display: none!important
  278. }
  279. iframe,
  280. ng\:form {
  281.     display: block
  282. }
  283. .ng-animate-shim {
  284.     visibility: hidden
  285. }
  286. .ng-anchor {
  287.     position: absolute
  288. }
  289. .animated.shake {
  290.     -webkit-animation-duration: .5s;
  291.     animation-duration: .5s
  292. }
  293. * {
  294.     box-sizing: border-box;
  295.     -moz-osx-font-smoothing: grayscale;
  296.     -webkit-font-smoothing: antialiased
  297. }
  298. #janrainModal,
  299. #janrainModal *,
  300. .ads__ad,
  301. .payment-details {
  302.     box-sizing: content-box
  303. }
  304. body {
  305.     margin: 0;
  306.     background-color: #0c3a65;
  307.     color: #7ecaee;
  308.     display: -webkit-flex;
  309.     display: -ms-flexbox;
  310.     display: flex;
  311.     -webkit-flex-direction: column;
  312.     -ms-flex-direction: column;
  313.     flex-direction: column;
  314.     font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  315.     font-size: 16px;
  316.     -webkit-font-variant-ligatures: common-ligatures;
  317.     font-variant-ligatures: common-ligatures;
  318.     line-height: 1.4;
  319.     min-height: 100vh;
  320.     min-width: 320px
  321. }
  322. dd,
  323. dl,
  324. dt,
  325. ol,
  326. ul {
  327.     list-style-type: none;
  328.     margin: 0
  329. }
  330. section {
  331.     zoom: 1
  332. }
  333. section:after,
  334. section:before {
  335.     content: '';
  336.     display: table
  337. }
  338. figure {
  339.     margin: 0
  340. }
  341. .row:after,
  342. .row:before,
  343. .wrapper:after,
  344. .wrapper:before {
  345.     display: table;
  346.     content: ''
  347. }
  348. .content {
  349.     background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
  350.     -webkit-flex: 1 0 auto;
  351.     -ms-flex: 1 0 auto;
  352.     flex: 1 0 auto;
  353.     width: 100%
  354. }
  355. .wrapper {
  356.     zoom: 1;
  357.     margin: 0 auto;
  358.     max-width: 1200px;
  359.     padding: 0 12px
  360. }
  361. .aside,
  362. .wrapper--content {
  363.     margin-bottom: 24px;
  364.     margin-top: 24px
  365. }
  366. .row {
  367.     zoom: 1
  368. }
  369. .main {
  370.     float: none;
  371.     width: 100%
  372. }
  373. @media (min-width: 959px) {
  374.     .main {
  375.         float: left;
  376.         width: 70%;
  377.         padding-right: 24px
  378.     }
  379. }
  380. .main--fixed {
  381.     float: none;
  382.     width: 100%
  383. }
  384. @media (min-width: 959px) {
  385.     .main--fixed {
  386.         float: left;
  387.         width: calc(100% - 304px)
  388.     }
  389. }
  390. .aside {
  391.     float: none;
  392.     width: 100%
  393. }
  394. .aside:last-child {
  395.     margin-bottom: 0
  396. }
  397. @media (min-width: 959px) {
  398.     .aside {
  399.         clear: right;
  400.         float: right;
  401.         width: 30%;
  402.         margin-top: 0
  403.     }
  404. }
  405. .aside--box {
  406.     border-radius: 3px;
  407.     padding: 24px 12px;
  408.     background-color: #0b6395
  409. }
  410. .aside--box h1:first-child,
  411. .aside--box h2:first-child,
  412. .aside--box h3:first-child,
  413. .aside--box h4:first-child,
  414. .aside--box h5:first-child,
  415. .aside--box h6:first-child {
  416.     text-shadow: 0 1px #000;
  417.     background-color: #0e3955;
  418.     margin: -24px -12px 12px;
  419.     padding: 6px 12px
  420. }
  421. @media (min-width: 532px) {
  422.     .aside--box h1:first-child,
  423.     .aside--box h2:first-child,
  424.     .aside--box h3:first-child,
  425.     .aside--box h4:first-child,
  426.     .aside--box h5:first-child,
  427.     .aside--box h6:first-child {
  428.         margin-left: -24px;
  429.         margin-right: -24px;
  430.         padding-left: 24px;
  431.         padding-right: 24px
  432.     }
  433.     .aside--box {
  434.         padding-left: 24px;
  435.         padding-right: 24px
  436.     }
  437. }
  438. .aside--fixed {
  439.     float: none;
  440.     width: 100%
  441. }
  442. @media (min-width: 959px) {
  443.     .aside--fixed {
  444.         clear: right;
  445.         float: right;
  446.         width: 304px
  447.     }
  448.     .aside--push-down {
  449.         margin-top: 65px
  450.     }
  451. }
  452. .form__footer:after,
  453. .modal-content:after,
  454. .modal__title:after,
  455. .news-header--column:nth-child(even) {
  456.     clear: both
  457. }
  458. .static-content hr {
  459.     border-width: 0 0 8px;
  460.     clear: both;
  461.     margin: 1.35em auto;
  462.     max-width: 100%
  463. }
  464. .static-content ol {
  465.     list-style-type: decimal;
  466.     margin: 12px 0;
  467.     padding-left: 26px
  468. }
  469. .static-content ul {
  470.     list-style-type: disc;
  471.     margin: 12px 0;
  472.     padding-left: 26px
  473. }
  474. .static-content iframe {
  475.     margin: 24px 0;
  476.     max-width: 100%
  477. }
  478. .static-content img {
  479.     vertical-align: middle
  480. }
  481. .static-content .remove-link:active,
  482. .static-content .remove-link:hover {
  483.     border-bottom-style: solid;
  484.     border-bottom-width: 0
  485. }
  486. .static-content .align-center,
  487. .static-content .align-left,
  488. .static-content .align-right {
  489.     display: block;
  490.     margin: 12px auto
  491. }
  492. @media (min-width: 532px) {
  493.     .static-content .align-left {
  494.         float: left;
  495.         margin: 12px 24px 12px 0
  496.     }
  497.     .static-content .align-right {
  498.         display: inline-block;
  499.         float: right;
  500.         margin: 12px 0 12px 24px
  501.     }
  502. }
  503. fieldset,
  504. form {
  505.     margin: 0
  506. }
  507. @-webkit-keyframes rotating {
  508.     from {
  509.         -webkit-transform: rotate(0);
  510.         transform: rotate(0)
  511.     }
  512.     to {
  513.         -webkit-transform: rotate(360deg);
  514.         transform: rotate(360deg)
  515.     }
  516. }
  517. fieldset {
  518.     border: 0
  519. }
  520. button,
  521. label {
  522.     display: inline-block
  523. }
  524. button:disabled,
  525. input:disabled,
  526. select:disabled {
  527.     cursor: not-allowed
  528. }
  529. button::-moz-focus-inner,
  530. input::-moz-focus-inner,
  531. select::-moz-focus-inner {
  532.     border: 0;
  533.     padding: 0
  534. }
  535. input,
  536. select {
  537.     display: block
  538. }
  539. .form>*+>* {
  540.     margin: 24px 0
  541. }
  542. .form--left {
  543.     float: none;
  544.     width: 100%
  545. }
  546. @media (min-width: 532px) {
  547.     .form--left {
  548.         float: none;
  549.         width: 66%
  550.     }
  551. }
  552. @media (min-width: 767px) {
  553.     .form--left {
  554.         float: none;
  555.         width: 50%
  556.     }
  557.     .form__field:first-of-type .form__popover--error {
  558.         z-index: 3
  559.     }
  560.     .form__field:nth-of-type(2) .form__popover--error {
  561.         z-index: 2
  562.     }
  563.     .form__field:nth-of-type(3) .form__popover--error {
  564.         z-index: 1
  565.     }
  566. }
  567. @media (min-width: 959px) {
  568.     .form--left {
  569.         float: none;
  570.         width: 33%
  571.     }
  572.     .main .form--left {
  573.         float: none;
  574.         width: 50%
  575.     }
  576. }
  577. .form__message {
  578.     margin: 24px 0;
  579.     -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .3));
  580.     filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .3));
  581.     border-radius: 3px;
  582.     color: #fff;
  583.     padding: 12px
  584. }
  585. .form__message.ng-enter,
  586. .form__message.ng-leave {
  587.     transition: opacity .15s ease-out
  588. }
  589. .form__message.ng-enter,
  590. .form__message.ng-leave.ng-leave-active {
  591.     opacity: 0
  592. }
  593. .form__message.ng-enter.ng-enter-active,
  594. .form__message.ng-leave {
  595.     opacity: 1
  596. }
  597. .form__submit--inline:disabled,
  598. .form__submit:disabled {
  599.     opacity: .4
  600. }
  601. .form__message>:not(:first-child) {
  602.     margin: 12px 0 0
  603. }
  604. .form__message>:not(.form__field) {
  605.     padding-left: 3px;
  606.     padding-right: 3px
  607. }
  608. .form__message--error {
  609.     background-color: #b00049
  610. }
  611. .form__message--success {
  612.     background-color: #00b14e
  613. }
  614. .form__fieldset {
  615.     margin: 24px 0;
  616.     padding: 0 12px
  617. }
  618. .form__fieldset>:not(:first-child) {
  619.     margin: 12px 0 0
  620. }
  621. .form__fieldset>:not(.form__field) {
  622.     padding-left: 3px;
  623.     padding-right: 3px
  624. }
  625. .modal .form__fieldset {
  626.     padding-left: 0;
  627.     padding-right: 0
  628. }
  629. .form__fieldset--inline {
  630.     margin: 0;
  631.     padding: 0
  632. }
  633. .form__fieldset--box {
  634.     background-color: #103960;
  635.     border-radius: 3px;
  636.     padding: 12px
  637. }
  638. .form__fieldset--box+.form__fieldset--box {
  639.     margin-top: -23px
  640. }
  641. .modal .form__fieldset--box {
  642.     padding-left: 12px;
  643.     padding-right: 12px
  644. }
  645. .form__fieldset--box-bottom {
  646.     border-top-left-radius: 0;
  647.     border-top-right-radius: 0
  648. }
  649. .form__fieldset--box-top {
  650.     border-bottom-left-radius: 0;
  651.     border-bottom-right-radius: 0
  652. }
  653. .form__field {
  654.     position: relative
  655. }
  656. .form__label {
  657.     color: #fff
  658. }
  659. .form__label--inline {
  660.     margin-right: 12px
  661. }
  662. .form__label--checkbox,
  663. .form__label--radiobutton {
  664.     color: #7ecaee;
  665.     padding-left: 27px;
  666.     padding-right: 3px;
  667.     position: relative
  668. }
  669. .form__input,
  670. .form__select {
  671.     box-shadow: inset 0 2px 0 0 #9ebecc;
  672.     line-height: 1.2;
  673.     padding: 5px 12px;
  674.     width: 100%;
  675.     font-size: 16px
  676. }
  677. .form__input {
  678.     background-color: #ccd8df;
  679.     border: 3px solid #275d8e;
  680.     border-radius: 5px;
  681.     color: #444
  682. }
  683. .form__input::-webkit-input-placeholder {
  684.     color: #888
  685. }
  686. .form__input::-moz-placeholder {
  687.     color: #888
  688. }
  689. .form__input:-ms-input-placeholder {
  690.     color: #888
  691. }
  692. .form__input::placeholder {
  693.     color: #888
  694. }
  695. .form__input:focus {
  696.     background-color: #fff;
  697.     border-color: #0074a6
  698. }
  699. .form__input.ng-invalid:not(.ng-pristine),
  700. .ng-submitted .form__input.ng-invalid {
  701.     border-color: #903352
  702. }
  703. .form__input.ng-invalid:not(.ng-pristine):focus,
  704. .ng-submitted .form__input.ng-invalid:focus {
  705.     border-color: #ae1a50
  706. }
  707. .form__checkbox,
  708. .form__radiobutton {
  709.     height: 1.4em;
  710.     left: 3px;
  711.     position: absolute;
  712.     top: 0
  713. }
  714. .form__select {
  715.     background-color: #ccd8df;
  716.     border: 3px solid #275d8e;
  717.     border-radius: 5px;
  718.     color: #444;
  719.     height: 35.2px
  720. }
  721. .form__select::-webkit-input-placeholder {
  722.     color: #888
  723. }
  724. .form__select::-moz-placeholder {
  725.     color: #888
  726. }
  727. .form__select:-ms-input-placeholder {
  728.     color: #888
  729. }
  730. .form__select::placeholder {
  731.     color: #888
  732. }
  733. .form__select:focus {
  734.     background-color: #fff;
  735.     border-color: #0074a6
  736. }
  737. .form__select.ng-invalid:not(.ng-pristine),
  738. .ng-submitted .form__select.ng-invalid {
  739.     border-color: #903352
  740. }
  741. .form__select.ng-invalid:not(.ng-pristine):focus,
  742. .ng-submitted .form__select.ng-invalid:focus {
  743.     border-color: #ae1a50
  744. }
  745. .form__input--inline,
  746. .form__select--inline {
  747.     display: inline-block;
  748.     width: auto
  749. }
  750. .form__helper {
  751.     margin: 12px 0 0;
  752.     padding-left: 3px;
  753.     padding-right: 3px;
  754.     display: block
  755. }
  756. .form__popover {
  757.     color: #fff;
  758.     margin-top: 12px;
  759.     padding: 12px;
  760.     position: relative
  761. }
  762. @media (min-width: 767px) {
  763.     .form__popover {
  764.         bottom: auto;
  765.         left: 100%;
  766.         margin-left: 24px;
  767.         margin-top: 0;
  768.         position: absolute;
  769.         top: -6px;
  770.         width: calc(100% + 12px)
  771.     }
  772.     .form__popover--inline,
  773.     .modal .form__popover {
  774.         left: 0;
  775.         margin-left: 0;
  776.         margin-top: 12px;
  777.         position: relative;
  778.         top: 0;
  779.         width: auto
  780.     }
  781. }
  782. .form__popover--error {
  783.     -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .3));
  784.     filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .3));
  785.     background-color: #b00049;
  786.     border-radius: 3px
  787. }
  788. .form__popover--error:before {
  789.     border-bottom: 8px solid #b00049;
  790.     border-left: 8px solid transparent;
  791.     border-right: 8px solid transparent;
  792.     content: '';
  793.     display: block;
  794.     left: 12px;
  795.     position: absolute;
  796.     top: -8px
  797. }
  798. @media (min-width: 767px) {
  799.     .form__popover--error:before {
  800.         display: none
  801.     }
  802.     .form__popover--error:after {
  803.         border-bottom: 8px solid transparent;
  804.         border-left: 0;
  805.         border-right: 8px solid #b00049;
  806.         border-top: 8px solid transparent;
  807.         content: '';
  808.         display: block;
  809.         left: -8px;
  810.         position: absolute;
  811.         top: 15px
  812.     }
  813.     .form__popover--error.form__popover--inline:before,
  814.     .modal .form__popover--error:before {
  815.         display: block
  816.     }
  817.     .form__popover--error.form__popover--inline:after,
  818.     .modal .form__popover--error:after {
  819.         display: none
  820.     }
  821. }
  822. .form__submit--inline:active,
  823. .form__submit--inline:hover,
  824. .form__submit:active,
  825. .form__submit:hover {
  826.     border-bottom-style: solid;
  827.     border-bottom-width: 2px
  828. }
  829. .form__footer {
  830.     zoom: 1;
  831.     margin-top: 24px;
  832.     position: relative
  833. }
  834. .form__footer:after,
  835. .form__footer:before {
  836.     content: '';
  837.     display: table
  838. }
  839. .form__cancel {
  840.     display: block;
  841.     line-height: 1;
  842.     margin-left: 12px;
  843.     margin-top: -.5em;
  844.     position: absolute;
  845.     top: 50%
  846. }
  847. .form__submit,
  848. .form__submit--inline {
  849.     line-height: 1.2;
  850.     color: #fff;
  851.     border-radius: 5px;
  852.     border-width: 2px;
  853.     border-style: solid;
  854.     margin-bottom: 4px;
  855.     text-transform: uppercase;
  856.     display: inline-block;
  857.     text-align: center
  858. }
  859. .modal,
  860. .modal-backdrop {
  861.     bottom: 0;
  862.     right: 0;
  863.     top: 0;
  864.     left: 0;
  865.     outline: 0
  866. }
  867. .form__submit {
  868.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  869.     background-color: #00813e;
  870.     border-color: #8eda55;
  871.     font-size: 16px;
  872.     padding: 12px 24px;
  873.     float: right
  874. }
  875. .form__submit:hover {
  876.     background-color: #00ab54;
  877.     border-color: #b9f373
  878. }
  879. .form__submit:active,
  880. .form__submit:disabled {
  881.     background-color: #006743;
  882.     border-color: #5abb37
  883. }
  884. .form__submit:active {
  885.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  886.     -webkit-transform: translate(0, 2px);
  887.     transform: translate(0, 2px)
  888. }
  889. .form__submit--inline {
  890.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  891.     background-color: #00813e;
  892.     border-color: #8eda55;
  893.     font-size: 12px;
  894.     padding: 6px 12px;
  895.     height: 31px;
  896.     margin-left: 12px
  897. }
  898. .form__submit--inline:hover {
  899.     background-color: #00ab54;
  900.     border-color: #b9f373
  901. }
  902. .form__submit--inline:active,
  903. .form__submit--inline:disabled {
  904.     background-color: #006743;
  905.     border-color: #5abb37
  906. }
  907. .form__submit--inline:active {
  908.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  909.     -webkit-transform: translate(0, 2px);
  910.     transform: translate(0, 2px)
  911. }
  912. .icon--arrow__next,
  913. .icon--arrow__prev,
  914. .icon--close,
  915. .icon--facebook,
  916. .icon--fullscreen,
  917. .icon--fullscreen-back,
  918. .icon--heart,
  919. .icon--like,
  920. .icon--report,
  921. .icon--rss,
  922. .icon--twitter,
  923. .icon--youtube {
  924.     display: inline-block;
  925.     font-style: normal
  926. }
  927. .icon--arrow__next {
  928.     background-image: url(assets/images/sprite.png);
  929.     background-position: -118px -422px;
  930.     width: 21px;
  931.     height: 38px
  932. }
  933. @media (-webkit-min-device-pixel-ratio: 2),
  934. (min--moz-device-pixel-ratio: 2),
  935. (min-device-pixel-ratio: 2),
  936. (min-resolution: 192dpi),
  937. (min-resolution: 2dppx) {
  938.     .icon--arrow__next {
  939.         background-image: url(assets/images/sprite@2x.png);
  940.         background-position: -396px -318px;
  941.         background-size: 525px 411px
  942.     }
  943. }
  944. .icon--arrow__prev {
  945.     background-image: url(assets/images/sprite.png);
  946.     background-position: -469px -300px;
  947.     width: 21px;
  948.     height: 38px
  949. }
  950. @media (-webkit-min-device-pixel-ratio: 2),
  951. (min--moz-device-pixel-ratio: 2),
  952. (min-device-pixel-ratio: 2),
  953. (min-resolution: 192dpi),
  954. (min-resolution: 2dppx) {
  955.     .icon--arrow__prev {
  956.         background-image: url(assets/images/sprite@2x.png);
  957.         background-position: -418px -318px;
  958.         background-size: 525px 411px
  959.     }
  960. }
  961. .icon--close {
  962.     background-image: url(assets/images/sprite.png);
  963.     background-position: -200px -252px;
  964.     width: 20px;
  965.     height: 20px
  966. }
  967. @media (-webkit-min-device-pixel-ratio: 2),
  968. (min--moz-device-pixel-ratio: 2),
  969. (min-device-pixel-ratio: 2),
  970. (min-resolution: 192dpi),
  971. (min-resolution: 2dppx) {
  972.     .icon--close {
  973.         background-image: url(assets/images/sprite@2x.png);
  974.         background-position: -221px -99px;
  975.         background-size: 525px 411px
  976.     }
  977. }
  978. .icon--fullscreen {
  979.     background-image: url(assets/images/sprite.png);
  980.     background-position: -141px -446px;
  981.     width: 15px;
  982.     height: 14px
  983. }
  984. @media (-webkit-min-device-pixel-ratio: 2),
  985. (min--moz-device-pixel-ratio: 2),
  986. (min-device-pixel-ratio: 2),
  987. (min-resolution: 192dpi),
  988. (min-resolution: 2dppx) {
  989.     .icon--fullscreen {
  990.         background-image: url(assets/images/sprite@2x.png);
  991.         background-position: -399px -371px;
  992.         background-size: 525px 411px
  993.     }
  994. }
  995. .icon--fullscreen-back {
  996.     background-image: url(assets/images/sprite.png);
  997.     background-position: -158px -446px;
  998.     width: 15px;
  999.     height: 14px
  1000. }
  1001. @media (-webkit-min-device-pixel-ratio: 2),
  1002. (min--moz-device-pixel-ratio: 2),
  1003. (min-device-pixel-ratio: 2),
  1004. (min-resolution: 192dpi),
  1005. (min-resolution: 2dppx) {
  1006.     .icon--fullscreen-back {
  1007.         background-image: url(assets/images/sprite@2x.png);
  1008.         background-position: -415px -371px;
  1009.         background-size: 525px 411px
  1010.     }
  1011. }
  1012. .icon--heart {
  1013.     background-image: url(assets/images/sprite.png);
  1014.     background-position: -351px -275px;
  1015.     width: 26px;
  1016.     height: 24px
  1017. }
  1018. @media (-webkit-min-device-pixel-ratio: 2),
  1019. (min--moz-device-pixel-ratio: 2),
  1020. (min-device-pixel-ratio: 2),
  1021. (min-resolution: 192dpi),
  1022. (min-resolution: 2dppx) {
  1023.     .icon--heart {
  1024.         background-image: url(assets/images/sprite@2x.png);
  1025.         background-position: -453px -287px;
  1026.         background-size: 525px 411px
  1027.     }
  1028. }
  1029. .icon--like {
  1030.     background-image: url(assets/images/sprite.png);
  1031.     background-position: -347px -375px;
  1032.     width: 22px;
  1033.     height: 24px
  1034. }
  1035. @media (-webkit-min-device-pixel-ratio: 2),
  1036. (min--moz-device-pixel-ratio: 2),
  1037. (min-device-pixel-ratio: 2),
  1038. (min-resolution: 192dpi),
  1039. (min-resolution: 2dppx) {
  1040.     .icon--like {
  1041.         background-image: url(assets/images/sprite@2x.png);
  1042.         background-position: -480px -287px;
  1043.         background-size: 525px 411px
  1044.     }
  1045. }
  1046. .icon--report {
  1047.     background-image: url(assets/images/sprite.png);
  1048.     background-position: -371px -375px;
  1049.     width: 21px;
  1050.     height: 24px
  1051. }
  1052. .icon--facebook,
  1053. .icon--rss,
  1054. .icon--twitter,
  1055. .icon--youtube {
  1056.     width: 30px;
  1057.     height: 30px
  1058. }
  1059. @media (-webkit-min-device-pixel-ratio: 2),
  1060. (min--moz-device-pixel-ratio: 2),
  1061. (min-device-pixel-ratio: 2),
  1062. (min-resolution: 192dpi),
  1063. (min-resolution: 2dppx) {
  1064.     .icon--report {
  1065.         background-image: url(assets/images/sprite@2x.png);
  1066.         background-position: -503px -287px;
  1067.         background-size: 525px 411px
  1068.     }
  1069. }
  1070. .icon--facebook {
  1071.     background-image: url(http://onerp.eu/maintenance/footer.png);
  1072.     background-position: -300px -341px
  1073. }
  1074. @media (-webkit-min-device-pixel-ratio: 2),
  1075. (min--moz-device-pixel-ratio: 2),
  1076. (min-device-pixel-ratio: 2),
  1077. (min-resolution: 192dpi),
  1078. (min-resolution: 2dppx) {
  1079.     .icon--facebook {
  1080.         background-image: url(assets/images/sprite@2x.png);
  1081.         background-position: -429px -254px;
  1082.         background-size: 525px 411px
  1083.     }
  1084. }
  1085. .icon--twitter {
  1086.     background-image: url(assets/images/sprite.png);
  1087.     background-position: -364px -341px
  1088. }
  1089. @media (-webkit-min-device-pixel-ratio: 2),
  1090. (min--moz-device-pixel-ratio: 2),
  1091. (min-device-pixel-ratio: 2),
  1092. (min-resolution: 192dpi),
  1093. (min-resolution: 2dppx) {
  1094.     .icon--twitter {
  1095.         background-image: url(assets/images/sprite@2x.png);
  1096.         background-position: -491px -254px;
  1097.         background-size: 525px 411px
  1098.     }
  1099. }
  1100. .icon--youtube {
  1101.     background-image: url(assets/images/sprite.png);
  1102.     background-position: -268px -375px
  1103. }
  1104. @media (-webkit-min-device-pixel-ratio: 2),
  1105. (min--moz-device-pixel-ratio: 2),
  1106. (min-device-pixel-ratio: 2),
  1107. (min-resolution: 192dpi),
  1108. (min-resolution: 2dppx) {
  1109.     .icon--youtube {
  1110.         background-image: url(assets/images/sprite@2x.png);
  1111.         background-position: -396px -287px;
  1112.         background-size: 525px 411px
  1113.     }
  1114. }
  1115. .icon--rss {
  1116.     background-image: url(assets/images/sprite.png);
  1117.     background-position: -332px -341px
  1118. }
  1119. @media (-webkit-min-device-pixel-ratio: 2),
  1120. (min--moz-device-pixel-ratio: 2),
  1121. (min-device-pixel-ratio: 2),
  1122. (min-resolution: 192dpi),
  1123. (min-resolution: 2dppx) {
  1124.     .icon--rss {
  1125.         background-image: url(assets/images/sprite@2x.png);
  1126.         background-position: -460px -254px;
  1127.         background-size: 525px 411px
  1128.     }
  1129. }
  1130. .modal {
  1131.     display: none;
  1132.     overflow: auto;
  1133.     -webkit-overflow-scrolling: touch;
  1134.     position: fixed;
  1135.     z-index: 1050
  1136. }
  1137. .modal-dialog {
  1138.     cursor: auto;
  1139.     height: 100%;
  1140.     position: relative;
  1141.     width: 100%
  1142. }
  1143. .accordion__item__preview,
  1144. a {
  1145.     cursor: pointer
  1146. }
  1147. @media (min-width: 767px) {
  1148.     .modal-dialog {
  1149.         height: auto;
  1150.         margin: 30px auto;
  1151.         max-width: 500px
  1152.     }
  1153.     .modal-dialog.modal-sm {
  1154.         max-width: 400px
  1155.     }
  1156.     .modal-dialog.modal-lg {
  1157.         max-width: 600px
  1158.     }
  1159. }
  1160. .modal-content {
  1161.     zoom: 1;
  1162.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  1163.     background-color: #0b6395;
  1164.     border: 3px solid #2685bc;
  1165.     border-radius: 10px;
  1166.     margin: 0 auto;
  1167.     min-height: 100%;
  1168.     outline: 0;
  1169.     overflow: hidden;
  1170.     position: relative
  1171. }
  1172. .news-header--column:first-child .news-header__banner,
  1173. .news-header--single .news-header__banner,
  1174. .news-header__viewport {
  1175.     box-shadow: 3px 3px rgba(0, 0, 0, .3)
  1176. }
  1177. .modal-content:after,
  1178. .modal-content:before {
  1179.     content: '';
  1180.     display: table
  1181. }
  1182. .fade .modal-content {
  1183.     transition: opacity .15s ease-out, -webkit-transform .15s ease-out;
  1184.     transition: opacity .15s ease-out, transform .15s ease-out;
  1185.     opacity: 0;
  1186.     -webkit-transform: scale(.9);
  1187.     transform: scale(.9)
  1188. }
  1189. .fade.in .modal-content {
  1190.     opacity: 1;
  1191.     -webkit-transform: scale(1);
  1192.     transform: scale(1)
  1193. }
  1194. .modal-backdrop {
  1195.     background-color: #0c3a65;
  1196.     opacity: .9;
  1197.     -webkit-overflow-scrolling: none;
  1198.     position: fixed;
  1199.     z-index: 1040
  1200. }
  1201. .modal-backdrop.fade {
  1202.     opacity: 0
  1203. }
  1204. .modal-backdrop.in {
  1205.     opacity: .9
  1206. }
  1207. .card__button:disabled,
  1208. .card__wrapper--promoted .card__button:disabled,
  1209. .hotel-button:disabled {
  1210.     opacity: .4
  1211. }
  1212. .modal__close {
  1213.     background: url(assets/images/sprite.png) -200px -252px;
  1214.     border: 0;
  1215.     padding: 0;
  1216.     width: 20px;
  1217.     height: 20px;
  1218.     display: inline-block;
  1219.     position: absolute;
  1220.     right: 12px;
  1221.     top: 11px
  1222. }
  1223. @media (-webkit-min-device-pixel-ratio: 2),
  1224. (min--moz-device-pixel-ratio: 2),
  1225. (min-device-pixel-ratio: 2),
  1226. (min-resolution: 192dpi),
  1227. (min-resolution: 2dppx) {
  1228.     .modal__close {
  1229.         background-image: url(assets/images/sprite@2x.png);
  1230.         background-position: -221px -99px;
  1231.         background-size: 525px 411px
  1232.     }
  1233. }
  1234. .modal__title {
  1235.     zoom: 1;
  1236.     text-shadow: 0 1px #000;
  1237.     background-color: #0e3955;
  1238.     border-radius: 8px;
  1239.     line-height: 42px;
  1240.     margin: 0;
  1241.     text-align: center;
  1242.     text-transform: initial
  1243. }
  1244. .card__meta,
  1245. h1,
  1246. h2,
  1247. h3,
  1248. h4,
  1249. h5,
  1250. h6 {
  1251.     text-shadow: 0 1px rgba(0, 0, 0, .3)
  1252. }
  1253. h1,
  1254. h2,
  1255. h3,
  1256. h4,
  1257. h5 {
  1258.     text-transform: uppercase
  1259. }
  1260. .modal__title:after,
  1261. .modal__title:before {
  1262.     content: '';
  1263.     display: table
  1264. }
  1265. .modal__content {
  1266.     margin: 24px auto 110px;
  1267.     max-width: 280px;
  1268.     width: 100%
  1269. }
  1270. .modal-sm .modal__content {
  1271.     margin-bottom: 60px
  1272. }
  1273. .modal-lg .modal__content {
  1274.     margin-bottom: 110px;
  1275.     max-width: 380px
  1276. }
  1277. .news-header {
  1278.     margin: 24px 0;
  1279.     min-height: 100px;
  1280.     padding-left: 112px;
  1281.     position: relative
  1282. }
  1283. .news-header--column {
  1284.     float: none;
  1285.     width: 100%;
  1286.     margin-top: 0
  1287. }
  1288. @media (min-width: 767px) {
  1289.     .news-header--column {
  1290.         float: left;
  1291.         width: calc(50% - 12px)
  1292.     }
  1293.     .news-header--column:nth-child(even) {
  1294.         margin-right: 24px
  1295.     }
  1296.     .news-header--column:nth-child(n+2):nth-child(-n+3) {
  1297.         margin-top: 0
  1298.     }
  1299.     .news-header--column:first-child,
  1300.     .news-header--single {
  1301.         color: #fff;
  1302.         height: 300px
  1303.     }
  1304. }
  1305. @media (min-width: 959px) {
  1306.     .news-header {
  1307.         min-height: 120px;
  1308.         padding-left: 132px
  1309.     }
  1310.     .news-header--column {
  1311.         float: none;
  1312.         width: 100%
  1313.     }
  1314.     .news-header--column:nth-child(even) {
  1315.         margin-right: 0
  1316.     }
  1317.     .news-header--column:nth-child(n+2):nth-child(-n+3) {
  1318.         margin-top: 24px
  1319.     }
  1320. }
  1321. @media (min-width: 1199px) {
  1322.     .news-header--column {
  1323.         float: left;
  1324.         width: calc(50% - 12px)
  1325.     }
  1326.     .news-header--column:nth-child(even) {
  1327.         margin-right: 24px
  1328.     }
  1329.     .news-header--column:nth-child(n+2):nth-child(-n+3) {
  1330.         margin-top: 0
  1331.     }
  1332. }
  1333. .news-header--column:first-child,
  1334. .news-header--single {
  1335.     float: none;
  1336.     margin: 0;
  1337.     padding: 0;
  1338.     width: 100%
  1339. }
  1340. .news-header--column:first-child {
  1341.     margin-bottom: 24px
  1342. }
  1343. .news-header--single {
  1344.     margin-bottom: 12px
  1345. }
  1346. .news-header__link {
  1347.     display: block
  1348. }
  1349. .news-header--column:first-child .news-header__image--thumbnail,
  1350. .news-header--column:not(:first-child) .news-header__image--featured {
  1351.     display: none
  1352. }
  1353. .news-header__link:active,
  1354. .news-header__link:hover {
  1355.     border-bottom-style: solid;
  1356.     border-bottom-width: 0
  1357. }
  1358. @media (min-width: 767px) {
  1359.     .news-header--single {
  1360.         margin-bottom: 54px
  1361.     }
  1362.     .news-header--column:first-child .news-header__banner,
  1363.     .news-header--single .news-header__banner {
  1364.         height: 300px;
  1365.         margin: 0;
  1366.         max-width: 759px;
  1367.         overflow: hidden;
  1368.         position: absolute;
  1369.         width: 100%
  1370.     }
  1371. }
  1372. .news-header--column:first-child .news-header__banner {
  1373.     margin-bottom: 12px
  1374. }
  1375. .news-header--single .news-header__banner {
  1376.     margin-bottom: 42px
  1377. }
  1378. @media (min-width: 767px) {
  1379.     .news-header--column:first-child .news-header__wrapper,
  1380.     .news-header--single .news-header__wrapper {
  1381.         margin: 0;
  1382.         max-width: 330px;
  1383.         padding: 12px 12px 0;
  1384.         position: relative
  1385.     }
  1386. }
  1387. .news-header__viewport {
  1388.     height: 100px;
  1389.     left: 0;
  1390.     overflow: hidden;
  1391.     position: absolute;
  1392.     top: 0;
  1393.     width: 100px
  1394. }
  1395. @media (min-width: 959px) {
  1396.     .news-header__viewport {
  1397.         height: 120px;
  1398.         width: 120px
  1399.     }
  1400. }
  1401. .news-header--column:first-child .news-header__viewport,
  1402. .news-header--single .news-header__viewport {
  1403.     box-shadow: none;
  1404.     height: 200px;
  1405.     position: relative;
  1406.     width: 100%
  1407. }
  1408. @media (min-width: 767px) {
  1409.     .news-header--column:first-child .news-header__viewport,
  1410.     .news-header--single .news-header__viewport {
  1411.         height: 300px;
  1412.         position: absolute
  1413.     }
  1414. }
  1415. .news-header__image {
  1416.     position: absolute
  1417. }
  1418. .news-header__image--thumbnail {
  1419.     height: 120px;
  1420.     right: -10px;
  1421.     top: -10px
  1422. }
  1423. @media (min-width: 959px) {
  1424.     .news-header__image--thumbnail {
  1425.         right: 0;
  1426.         top: 0
  1427.     }
  1428. }
  1429. .news-header__image--featured {
  1430.     right: 0;
  1431.     top: -50px
  1432. }
  1433. .news-header__title {
  1434.     font-size: 24px;
  1435.     margin: 0
  1436. }
  1437. a[href*='/hotel'] .news-header__title:after,
  1438. a[data-toggle*='modal'] .news-header__title:after,
  1439. a[href*='/room/'] .news-header__title:after {
  1440.     background-image: url(assets/images/sprite.png);
  1441.     background-position: -300px -275px;
  1442.     width: 49px;
  1443.     height: 26px;
  1444.     content: '';
  1445.     display: inline-block;
  1446.     margin-left: 6px;
  1447.     vertical-align: top
  1448. }
  1449. @media (-webkit-min-device-pixel-ratio: 2),
  1450. (min--moz-device-pixel-ratio: 2),
  1451. (min-device-pixel-ratio: 2),
  1452. (min-resolution: 192dpi),
  1453. (min-resolution: 2dppx) {
  1454.     a[href*='/hotel'] .news-header__title:after,
  1455.     a[data-toggle*='modal'] .news-header__title:after,
  1456.     a[href*='/room/'] .news-header__title:after {
  1457.         background-image: url(assets/images/sprite@2x.png);
  1458.         background-position: -433px -217px;
  1459.         background-size: 525px 411px
  1460.     }
  1461. }
  1462. .news-header--column:first-child .news-header__title,
  1463. .news-header--single .news-header__title {
  1464.     font-size: 36px
  1465. }
  1466. @media (min-width: 767px) {
  1467.     .news-header__image--featured {
  1468.         position: static
  1469.     }
  1470.     .news-header--column:first-child .news-header__title,
  1471.     .news-header--single .news-header__title {
  1472.         line-height: 1
  1473.     }
  1474. }
  1475. blockquote,
  1476. p,
  1477. small {
  1478.     line-height: 1.4
  1479. }
  1480. .news-header--column:first-child .news-header__title:after,
  1481. .news-header--single .news-header__title:after {
  1482.     vertical-align: initial
  1483. }
  1484. .news-header__info {
  1485.     font-size: 14px;
  1486.     line-height: 1.4;
  1487.     color: #999;
  1488.     font-style: italic
  1489. }
  1490. .news-header--column:first-child .news-header__info {
  1491.     pointer-events: none
  1492. }
  1493. .news-header__date {
  1494.     display: inline
  1495. }
  1496. .news-header__date:not(:last-child):after {
  1497.     content: ' | ';
  1498.     font-style: normal
  1499. }
  1500. .news-header__categories {
  1501.     display: inline;
  1502.     font-size: 0
  1503. }
  1504. .news-header__category {
  1505.     display: inline;
  1506.     pointer-events: auto
  1507. }
  1508. .avatar,
  1509. .card {
  1510.     display: block
  1511. }
  1512. .news-header--column:first-child .news-header__summary,
  1513. .search:before,
  1514. .toast-top-center {
  1515.     pointer-events: none
  1516. }
  1517. .news-header__category:not(:last-child):after {
  1518.     font-size: 14px;
  1519.     content: ', '
  1520. }
  1521. .news-header__category__link,
  1522. .news-header__summary {
  1523.     font-size: 14px
  1524. }
  1525. .news-header--single .news-header__summary {
  1526.     font-size: 16px;
  1527.     font-weight: 700;
  1528.     margin: .75em 0
  1529. }
  1530. @media (min-width: 767px) {
  1531.     .news-header--single .news-header__summary {
  1532.         font-size: 14px;
  1533.         font-weight: 400;
  1534.         margin: 0
  1535.     }
  1536. }
  1537. blockquote:first-child,
  1538. h1:first-child,
  1539. h2:first-child,
  1540. h3:first-child,
  1541. h4:first-child,
  1542. h5:first-child,
  1543. h6:first-child,
  1544. p:first-child {
  1545.     margin-top: 0
  1546. }
  1547. blockquote:last-child,
  1548. p:last-child {
  1549.     margin-bottom: 0
  1550. }
  1551. a {
  1552.     color: #fff;
  1553.     outline: 0;
  1554.     text-decoration: none
  1555. }
  1556. a:active,
  1557. a:hover {
  1558.     outline: 0;
  1559.     border-bottom-style: solid;
  1560.     border-bottom-width: 1px
  1561. }
  1562. h1,
  1563. h2,
  1564. h3,
  1565. h4,
  1566. h5,
  1567. h6 {
  1568.     color: #fff;
  1569.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  1570.     font-weight: 400;
  1571.     margin: .6em 0;
  1572.     line-height: 1.2
  1573. }
  1574. h1 {
  1575.     font-size: 36px
  1576. }
  1577. h2 {
  1578.     font-size: 32px
  1579. }
  1580. h3 {
  1581.     font-size: 24px
  1582. }
  1583. h4 {
  1584.     font-size: 20px
  1585. }
  1586. h5,
  1587. h6,
  1588. p {
  1589.     font-size: 16px
  1590. }
  1591. p {
  1592.     margin: .75em 0
  1593. }
  1594. blockquote {
  1595.     margin: .75em 12px;
  1596.     background-color: rgba(0, 0, 0, .5);
  1597.     border-radius: 6px;
  1598.     padding: 12px 24px
  1599. }
  1600. @media (min-width: 767px) {
  1601.     blockquote {
  1602.         margin-left: 48px;
  1603.         margin-right: 48px
  1604.     }
  1605. }
  1606. small {
  1607.     font-size: 14px
  1608. }
  1609. .accordion__grid {
  1610.     margin: 0 auto;
  1611.     overflow: visible
  1612. }
  1613. .accordion__item__content,
  1614. .avatar__title,
  1615. .card__link,
  1616. .header__top .header__login-form.ng-hide-animate {
  1617.     overflow: hidden
  1618. }
  1619. .accordion__item {
  1620.     float: left;
  1621.     width: 100%
  1622. }
  1623. @media (min-width: 767px) {
  1624.     .accordion__grid {
  1625.         margin-left: -24px
  1626.     }
  1627.     .accordion__item {
  1628.         width: 50%
  1629.     }
  1630.     .accordion__item:nth-of-type(2n+3) {
  1631.         clear: left
  1632.     }
  1633.     .accordion__item__preview {
  1634.         margin-left: 24px
  1635.     }
  1636. }
  1637. .card:after,
  1638. .card__content:after,
  1639. .card__wrapper:after,
  1640. .columns:after {
  1641.     clear: both
  1642. }
  1643. .accordion__item__content.ng-animate {
  1644.     transition: height .15s ease-out, opacity .15s ease-out
  1645. }
  1646. @media (min-width: 767px) {
  1647.     .accordion__item__content {
  1648.         width: 200%
  1649.     }
  1650.     .accordion__item:nth-of-type(2n+2) .accordion__item__content {
  1651.         margin-left: -100%
  1652.     }
  1653.     .accordion__item__extension {
  1654.         margin-left: 24px
  1655.     }
  1656.     .accordion__item--single {
  1657.         width: 100%
  1658.     }
  1659. }
  1660. .accordion__item--single {
  1661.     margin-left: 0;
  1662.     width: 100%
  1663. }
  1664. .accordion__item--single .accordion__item__content {
  1665.     width: 100%
  1666. }
  1667. @media (min-width: 767px) {
  1668.     .accordion__item--single .accordion__item__content {
  1669.         width: 100%
  1670.     }
  1671.     .accordion__item--single .accordion__item__extension,
  1672.     .accordion__item--single .accordion__item__preview {
  1673.         margin-left: 0
  1674.     }
  1675. }
  1676. .ads {
  1677.     margin-left: -12px;
  1678.     margin-right: -12px;
  1679.     padding-top: 22px;
  1680.     width: calc(100% + 24px)
  1681. }
  1682. @media (min-width: 532px) {
  1683.     .ads {
  1684.         margin-left: auto;
  1685.         margin-right: auto;
  1686.         width: auto
  1687.     }
  1688. }
  1689. .ads__ad {
  1690.     background-color: #0b6395;
  1691.     border: 2px solid #2685bc;
  1692.     margin: 0 auto;
  1693.     position: relative
  1694. }
  1695. .ads__ad:after {
  1696.     font-size: 12px;
  1697.     background-color: #2685bc;
  1698.     border-top-left-radius: 5px;
  1699.     border-top-right-radius: 5px;
  1700.     color: #fff;
  1701.     content: attr(translation);
  1702.     left: -2px;
  1703.     line-height: 1;
  1704.     padding: 6px 12px;
  1705.     position: absolute;
  1706.     top: -24px
  1707. }
  1708. .card,
  1709. .card__content,
  1710. .card__image,
  1711. .card__image__aligner,
  1712. .card__wrapper {
  1713.     position: relative
  1714. }
  1715. .ads__ad--half-page-ad {
  1716.     height: 250px;
  1717.     width: 300px
  1718. }
  1719. @media (min-width: 959px) {
  1720.     .ads__ad--half-page-ad {
  1721.         height: 600px;
  1722.         width: 300px
  1723.     }
  1724. }
  1725. .ads__ad--inline-rectangle {
  1726.     height: 250px;
  1727.     width: 300px
  1728. }
  1729. .ads__ad--leaderboard {
  1730.     height: 50px;
  1731.     width: 320px
  1732. }
  1733. @media (min-width: 532px) {
  1734.     .ads__ad--leaderboard {
  1735.         height: 60px;
  1736.         width: 468px
  1737.     }
  1738. }
  1739. @media (min-width: 767px) {
  1740.     .ads__ad--leaderboard {
  1741.         height: 90px;
  1742.         width: 728px
  1743.     }
  1744. }
  1745. .avatar {
  1746.     line-height: 62px
  1747. }
  1748. .avatar:active,
  1749. .avatar:hover {
  1750.     border-bottom-style: solid;
  1751.     border-bottom-width: 0
  1752. }
  1753. .avatar.avatar--big {
  1754.     line-height: 124px
  1755. }
  1756. .avatar__image {
  1757.     float: left
  1758. }
  1759. .avatar__title {
  1760.     display: block;
  1761.     text-overflow: ellipsis;
  1762.     white-space: nowrap;
  1763.     line-height: inherit;
  1764.     margin: 0
  1765. }
  1766. .card {
  1767.     zoom: 1;
  1768.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  1769.     background-color: #0b6395;
  1770.     border: 3px solid #2685bc;
  1771.     margin: 0 auto;
  1772.     max-width: 282px
  1773. }
  1774. .card:after,
  1775. .card:before,
  1776. .card__content:after,
  1777. .card__content:before,
  1778. .card__wrapper:after,
  1779. .card__wrapper:before {
  1780.     display: table;
  1781.     content: ''
  1782. }
  1783. .card--channel {
  1784.     max-width: 276px
  1785. }
  1786. .card__wrapper--promoted .card {
  1787.     background-color: transparent;
  1788.     border: 0;
  1789.     box-shadow: none;
  1790.     max-width: 100%
  1791. }
  1792. .card__wrapper {
  1793.     zoom: 1;
  1794.     padding: 0 6px 12px
  1795. }
  1796. .card__content {
  1797.     zoom: 1;
  1798.     height: 276px
  1799. }
  1800. .card--channel .card__content {
  1801.     height: auto
  1802. }
  1803. .card__link {
  1804.     display: block;
  1805.     height: 100%;
  1806.     margin: 0 auto
  1807. }
  1808. .card__link:active,
  1809. .card__link:hover {
  1810.     border-bottom-style: solid;
  1811.     border-bottom-width: 0
  1812. }
  1813. .card__button:active,
  1814. .card__button:hover,
  1815. .card__wrapper--promoted .card__button:active,
  1816. .card__wrapper--promoted .card__button:hover {
  1817.     border-bottom-style: solid;
  1818.     border-bottom-width: 2px
  1819. }
  1820. .card__link--promoted {
  1821.     margin: 0 12px 12px
  1822. }
  1823. .card__image {
  1824.     float: left;
  1825.     right: 50%
  1826. }
  1827. .card__image__aligner {
  1828.     float: left;
  1829.     left: 50%;
  1830.     margin: 0 auto
  1831. }
  1832. .card--channel .card__image {
  1833.     height: 150px
  1834. }
  1835. .card--photo .card__image {
  1836.     -webkit-transform: translateY(-22px);
  1837.     transform: translateY(-22px)
  1838. }
  1839. .card--selfie .card__image {
  1840.     -webkit-transform: translateY(-32px);
  1841.     transform: translateY(-32px)
  1842. }
  1843. .card--tall .card__image {
  1844.     -ms-interpolation-mode: bicubic;
  1845.     image-rendering: auto;
  1846.     -webkit-transform: translateY(calc(-50% + 138px));
  1847.     transform: translateY(calc(-50% + 138px));
  1848.     width: 100%
  1849. }
  1850. .card--wide .card__image {
  1851.     -ms-interpolation-mode: bicubic;
  1852.     image-rendering: auto;
  1853.     margin-top: 138px;
  1854.     max-height: 276px;
  1855.     -webkit-transform: translateY(-50%);
  1856.     transform: translateY(-50%)
  1857. }
  1858. .card__title {
  1859.     clear: both;
  1860.     margin: 0 0 6px
  1861. }
  1862. .card--channel .card__title {
  1863.     height: 76px;
  1864.     margin: 0;
  1865.     padding: 12px 12px 6px;
  1866.     text-align: center
  1867. }
  1868. .card__wrapper--promoted .card__title {
  1869.     margin-bottom: 25px;
  1870.     position: relative
  1871. }
  1872. .card__wrapper--promoted .card__title:after {
  1873.     border-top: 1px solid #2a9cde;
  1874.     bottom: -12px;
  1875.     content: '';
  1876.     display: block;
  1877.     left: 0;
  1878.     margin: 0 12px;
  1879.     position: absolute;
  1880.     width: calc(100% - 24px)
  1881. }
  1882. .card__meta {
  1883.     font-size: 14px;
  1884.     background-color: rgba(0, 0, 0, .5);
  1885.     bottom: 0;
  1886.     color: #fff;
  1887.     left: 0;
  1888.     padding: 6px;
  1889.     position: absolute;
  1890.     width: 100%
  1891. }
  1892. .card__date {
  1893.     line-height: 24px
  1894. }
  1895. .card__button,
  1896. .card__wrapper--promoted .card__button {
  1897.     line-height: 1.2;
  1898.     padding: 12px 24px;
  1899.     border-radius: 5px;
  1900.     border-width: 2px;
  1901.     border-style: solid;
  1902.     color: #fff;
  1903.     text-align: center;
  1904.     font-size: 16px;
  1905.     text-transform: uppercase
  1906. }
  1907. .card__like {
  1908.     bottom: 6px;
  1909.     position: absolute;
  1910.     right: 6px
  1911. }
  1912. .card__button {
  1913.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  1914.     background-color: #0f7dbc;
  1915.     border-color: #2a9cde;
  1916.     display: block;
  1917.     margin: 0 -3px -6px;
  1918.     width: calc(100% + 6px)
  1919. }
  1920. .card__button:hover {
  1921.     background-color: #2a9cde;
  1922.     border-color: #53bdf9
  1923. }
  1924. .card__button:active,
  1925. .card__button:disabled {
  1926.     background-color: #084d74;
  1927.     border-color: #1e7b9e
  1928. }
  1929. .card__button:active {
  1930.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  1931.     -webkit-transform: translate(0, 2px);
  1932.     transform: translate(0, 2px)
  1933. }
  1934. .card--channel .card__button {
  1935.     display: none
  1936. }
  1937. .card__wrapper--promoted .card__button {
  1938.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  1939.     display: inline-block;
  1940.     background-color: #00813e;
  1941.     border-color: #8eda55;
  1942.     margin: 0;
  1943.     width: 100%
  1944. }
  1945. .card__wrapper--promoted .card__button:hover {
  1946.     background-color: #00ab54;
  1947.     border-color: #b9f373
  1948. }
  1949. .card__wrapper--promoted .card__button:active,
  1950. .card__wrapper--promoted .card__button:disabled {
  1951.     background-color: #006743;
  1952.     border-color: #5abb37
  1953. }
  1954. .card__wrapper--promoted .card__button:active {
  1955.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  1956.     -webkit-transform: translate(0, 2px);
  1957.     transform: translate(0, 2px)
  1958. }
  1959. .card__creator {
  1960.     display: block;
  1961.     position: relative;
  1962.     background: #0d73ad;
  1963.     border-top: 1px solid #2685bc;
  1964.     padding: 6px 12px
  1965. }
  1966. .card__creator:before {
  1967.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  1968.     background-color: #02353c;
  1969.     border: 2px solid #267b91;
  1970.     border-radius: 50%;
  1971.     content: '';
  1972.     height: 46px;
  1973.     left: 12px;
  1974.     position: absolute;
  1975.     top: 12px;
  1976.     width: 46px
  1977. }
  1978. .footer__media__link:active,
  1979. .footer__media__link:hover,
  1980. .footer__sulake:active,
  1981. .footer__sulake:hover {
  1982.     border-bottom-style: solid;
  1983.     border-bottom-width: 0
  1984. }
  1985. .card__creator .avatar__image {
  1986.     position: relative;
  1987.     margin-right: 12px
  1988. }
  1989. .columns {
  1990.     zoom: 1;
  1991.     margin-bottom: -12px
  1992. }
  1993. .columns:after,
  1994. .columns:before {
  1995.     content: '';
  1996.     display: table
  1997. }
  1998. .columns__column {
  1999.     float: none;
  2000.     width: 100%
  2001. }
  2002. @media (min-width: 532px) {
  2003.     .columns__column {
  2004.         float: left;
  2005.         width: 50%
  2006.     }
  2007.     .columns__column:nth-child(2n+1) {
  2008.         clear: left
  2009.     }
  2010.     .columns__column:not(:nth-child(2n+1)) {
  2011.         clear: none
  2012.     }
  2013. }
  2014. @media (min-width: 767px) {
  2015.     .columns__column {
  2016.         float: left;
  2017.         width: 33%
  2018.     }
  2019.     .columns__column:nth-child(3n+1) {
  2020.         clear: left
  2021.     }
  2022.     .columns__column:not(:nth-child(3n+1)) {
  2023.         clear: none
  2024.     }
  2025. }
  2026. @media (min-width: 1199px) {
  2027.     .columns__column {
  2028.         float: left;
  2029.         width: 25%
  2030.     }
  2031.     .columns__column:nth-child(4n+1) {
  2032.         clear: left
  2033.     }
  2034.     .columns__column:not(:nth-child(4n+1)) {
  2035.         clear: none
  2036.     }
  2037. }
  2038. .discussion:after,
  2039. .header-ad:after,
  2040. .header__wrapper:after,
  2041. .news-article:after,
  2042. .news-footer:after,
  2043. .social-share--creation:after,
  2044. .tabs__wrapper:after {
  2045.     clear: both
  2046. }
  2047. .empty-results {
  2048.     -webkit-align-items: center;
  2049.     -ms-flex-align: center;
  2050.     align-items: center;
  2051.     display: -webkit-flex;
  2052.     display: -ms-flexbox;
  2053.     display: flex;
  2054.     -webkit-justify-content: center;
  2055.     -ms-flex-pack: center;
  2056.     justify-content: center;
  2057.     min-height: 89px
  2058. }
  2059. .empty-results:after {
  2060.     image-rendering: pixelated;
  2061.     content: url(assets/images/teaser_frank_unsure.png);
  2062.     display: block;
  2063.     padding-left: 12px;
  2064.     width: 64px
  2065. }
  2066. .header__hotel:after,
  2067. .hotel-closed__background:before,
  2068. .imager {
  2069.     image-rendering: -moz-crisp-edges
  2070. }
  2071. .eu-cookie-banner {
  2072.     color: #fff;
  2073.     background-color: #0f7dbc;
  2074.     border-top: 3px solid #2a9cde;
  2075.     bottom: 0;
  2076.     padding: 6px 44px 6px 12px;
  2077.     position: fixed;
  2078.     text-align: center;
  2079.     width: 100%;
  2080.     z-index: 700
  2081. }
  2082. .eu-cookie-banner.ng-animate {
  2083.     transition: -webkit-transform .15s ease-out;
  2084.     transition: transform .15s ease-out
  2085. }
  2086. .eu-cookie-banner.ng-hide {
  2087.     -webkit-transform: translateY(100%);
  2088.     transform: translateY(100%)
  2089. }
  2090. .eu-cookie-banner a {
  2091.     color: #7ecaee
  2092. }
  2093. .eu-cookie-banner__close {
  2094.     position: absolute;
  2095.     top: 50%;
  2096.     -webkit-transform: translateY(-50%);
  2097.     transform: translateY(-50%);
  2098.     right: 12px
  2099. }
  2100. .footer {
  2101.     background: #001726;
  2102.     padding: 12px 0
  2103. }
  2104. .footer__media {
  2105.     padding: 12px 0;
  2106.     text-align: center
  2107. }
  2108. .footer__media__label {
  2109.     margin: 0
  2110. }
  2111. .footer__media__item {
  2112.     display: inline-block;
  2113.     padding: 12px
  2114. }
  2115. .footer__content {
  2116.     overflow: hidden;
  2117.     position: relative;
  2118.     text-align: center
  2119. }
  2120. .footer__nav {
  2121.     display: block
  2122. }
  2123. .footer__nav__item {
  2124.     font-size: 14px;
  2125.     line-height: 1.4;
  2126.     color: #a1b5c8;
  2127.     display: inline
  2128. }
  2129. .footer__nav__item:after {
  2130.     content: '\2044';
  2131.     display: inline-block;
  2132.     margin: 0 12px
  2133. }
  2134. .footer__nav__item:last-child:after {
  2135.     display: none
  2136. }
  2137. .footer__sulake,
  2138. .password-toggle-mask__icon {
  2139.     background-image: url(assets/images/sprite.png);
  2140.     display: block
  2141. }
  2142. .footer__nav__item a {
  2143.     color: inherit;
  2144.     white-space: nowrap
  2145. }
  2146. .footer__copyright {
  2147.     font-size: 12px;
  2148.     color: #425c73
  2149. }
  2150. .header__login__button,
  2151. .header__top__toggle {
  2152.     color: #fff;
  2153.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
  2154. }
  2155. .footer__sulake {
  2156.     background-position: -200px -175px;
  2157.     width: 87px;
  2158.     height: 75px;
  2159.     margin: 0 auto;
  2160.     text-indent: -9999px
  2161. }
  2162. @media (min-width: 767px) {
  2163.     .footer__media {
  2164.         float: left;
  2165.         padding-right: 12px
  2166.     }
  2167.     .footer__media__item {
  2168.         padding: 12px 6px
  2169.     }
  2170.     .footer__content {
  2171.         padding: 12px 87px 0 12px;
  2172.         text-align: left
  2173.     }
  2174.     .footer__sulake {
  2175.         position: absolute;
  2176.         right: 0;
  2177.         top: 0
  2178.     }
  2179.     .captcha>* {
  2180.         float: right
  2181.     }
  2182. }
  2183. .captcha__wrapper {
  2184.     padding-left: 0
  2185. }
  2186. .modal .captcha__wrapper {
  2187.     padding: 0
  2188. }
  2189. .captcha__wrapper .form__field {
  2190.     min-height: 78px
  2191. }
  2192. .modal .captcha>* {
  2193.     margin: -2.6px 0 0 -10px;
  2194.     -webkit-transform: scale(.93333);
  2195.     transform: scale(.93333)
  2196. }
  2197. @media (min-width: 767px) {
  2198.     .form__popover--captcha {
  2199.         top: 14px
  2200.     }
  2201. }
  2202. .password-strength {
  2203.     margin: 0 1px
  2204. }
  2205. .password-strength__error,
  2206. .password-strength__label {
  2207.     margin-bottom: 12px
  2208. }
  2209. .password-strength__field {
  2210.     background-color: #fff;
  2211.     border: 3px solid #fff;
  2212.     border-radius: 5px
  2213. }
  2214. .password-strength__indicator {
  2215.     border-radius: 2px;
  2216.     height: 4px;
  2217.     transition: background-color, width .5s;
  2218.     width: 0
  2219. }
  2220. .password-strength__indicator.fail {
  2221.     background-color: #b00049;
  2222.     width: 10%!important
  2223. }
  2224. .password-strength__indicator.poor {
  2225.     background-color: #ff4086
  2226. }
  2227. .password-strength__indicator.fair {
  2228.     background-color: #ffde00
  2229. }
  2230. .password-strength__indicator.ok {
  2231.     background-color: #0efd00
  2232. }
  2233. .password-strength__indicator.good {
  2234.     background-color: #56af37
  2235. }
  2236. .password-toggle-mask {
  2237.     padding-right: 35px
  2238. }
  2239. .password-toggle-mask__icon {
  2240.     background-position: -262px -156px;
  2241.     width: 19px;
  2242.     height: 11px;
  2243.     cursor: pointer;
  2244.     line-height: inherit;
  2245.     margin: 0;
  2246.     position: absolute;
  2247.     right: 12px;
  2248.     top: 12.1px
  2249. }
  2250. @media (-webkit-min-device-pixel-ratio: 2),
  2251. (min--moz-device-pixel-ratio: 2),
  2252. (min-device-pixel-ratio: 2),
  2253. (min-resolution: 192dpi),
  2254. (min-resolution: 2dppx) {
  2255.     .password-toggle-mask__icon {
  2256.         background-image: url(assets/images/sprite@2x.png);
  2257.         background-position: -396px -357px;
  2258.         background-size: 525px 411px
  2259.     }
  2260. }
  2261. .password-toggle-mask__icon.active {
  2262.     background-image: url(assets/images/sprite.png);
  2263.     background-position: -241px -156px;
  2264.     width: 19px;
  2265.     height: 11px
  2266. }
  2267. @media (-webkit-min-device-pixel-ratio: 2),
  2268. (min--moz-device-pixel-ratio: 2),
  2269. (min-device-pixel-ratio: 2),
  2270. (min-resolution: 192dpi),
  2271. (min-resolution: 2dppx) {
  2272.     .password-toggle-mask__icon.active {
  2273.         background-image: url(assets/images/sprite@2x.png);
  2274.         background-position: -491px -199px;
  2275.         background-size: 525px 411px
  2276.     }
  2277. }
  2278. .search {
  2279.     margin: 12px;
  2280.     position: relative
  2281. }
  2282. .search:before,
  2283. .search__clear {
  2284.     width: 18px;
  2285.     display: block;
  2286.     position: absolute;
  2287.     top: .5em;
  2288.     content: ''
  2289. }
  2290. .search:before {
  2291.     background-image: url(assets/images/sprite.png);
  2292.     background-position: -397px -422px;
  2293.     height: 20px;
  2294.     left: 12px
  2295. }
  2296. @media (-webkit-min-device-pixel-ratio: 2),
  2297. (min--moz-device-pixel-ratio: 2),
  2298. (min-device-pixel-ratio: 2),
  2299. (min-resolution: 192dpi),
  2300. (min-resolution: 2dppx) {
  2301.     .search:before {
  2302.         background-image: url(assets/images/sprite@2x.png);
  2303.         background-position: -198px -143px;
  2304.         background-size: 525px 411px
  2305.     }
  2306. }
  2307. .search__input {
  2308.     padding-left: 34px;
  2309.     padding-right: 34px
  2310. }
  2311. .search__clear {
  2312.     background: url(assets/images/sprite.png) -158px -470px;
  2313.     border: 0;
  2314.     padding: 0;
  2315.     height: 18px;
  2316.     right: 12px
  2317. }
  2318. @media (-webkit-min-device-pixel-ratio: 2),
  2319. (min--moz-device-pixel-ratio: 2),
  2320. (min-device-pixel-ratio: 2),
  2321. (min-resolution: 192dpi),
  2322. (min-resolution: 2dppx) {
  2323.     .search__clear {
  2324.         background-image: url(assets/images/sprite@2x.png);
  2325.         background-position: -136px -371px;
  2326.         background-size: 525px 411px
  2327.     }
  2328. }
  2329. .header__background {
  2330.     background: #069
  2331. }
  2332. .header__top {
  2333.     background-color: #00334c;
  2334.     position: relative;
  2335.     width: 100%;
  2336.     z-index: 500
  2337. }
  2338. .header__top__content {
  2339.     min-height: 41px
  2340. }
  2341. @media (min-width: 959px) {
  2342.     .header__top {
  2343.         background-color: rgba(0, 0, 0, .5);
  2344.         height: 80px
  2345.     }
  2346.     .header__top__content {
  2347.         display: -webkit-flex;
  2348.         display: -ms-flexbox;
  2349.         display: flex;
  2350.         -webkit-justify-content: flex-end;
  2351.         -ms-flex-pack: end;
  2352.         justify-content: flex-end
  2353.     }
  2354. }
  2355. .header__wrapper,
  2356. .like,
  2357. .navigation__menu {
  2358.     -webkit-align-items: center
  2359. }
  2360. .header__top__toggle {
  2361.     display: inline-block;
  2362.     text-align: center;
  2363.     background: 0 0;
  2364.     border: 0;
  2365.     padding: 0;
  2366.     border-radius: 3px;
  2367.     line-height: 17px;
  2368.     text-transform: uppercase;
  2369.     position: absolute;
  2370.     right: 12px;
  2371.     top: 12px
  2372. }
  2373. .header__top__toggle.ng-animate {
  2374.     transition: opacity .15s ease-out
  2375. }
  2376. .header__top__toggle.ng-hide {
  2377.     opacity: 0
  2378. }
  2379. .header__top__toggle:active,
  2380. .header__top__toggle:hover {
  2381.     border-bottom-style: solid;
  2382.     border-bottom-width: 0;
  2383.     background-color: transparent
  2384. }
  2385. .header__top__toggle:before {
  2386.     background-image: url(assets/images/sprite.png);
  2387.     background-position: -237px -470px;
  2388.     width: 17px;
  2389.     height: 17px;
  2390.     content: '';
  2391.     display: inline-block;
  2392.     margin-right: 6px;
  2393.     vertical-align: middle
  2394. }
  2395. @media (-webkit-min-device-pixel-ratio: 2),
  2396. (min--moz-device-pixel-ratio: 2),
  2397. (min-device-pixel-ratio: 2),
  2398. (min-resolution: 192dpi),
  2399. (min-resolution: 2dppx) {
  2400.     .header__top__toggle:before {
  2401.         background-image: url(assets/images/sprite@2x.png);
  2402.         background-position: -363px -371px;
  2403.         background-size: 525px 411px
  2404.     }
  2405. }
  2406. .header__top .header__login-form {
  2407.     max-height: 515px
  2408. }
  2409. .header__top .header__login-form.ng-animate {
  2410.     transition: max-height .15s ease-out
  2411. }
  2412. .header__top .header__login-form.ng-hide {
  2413.     max-height: 0
  2414. }
  2415. @media (min-width: 959px) {
  2416.     .header__top__toggle {
  2417.         display: none
  2418.     }
  2419.     .header__top .header__login-form.ng-hide {
  2420.         display: block!important;
  2421.         margin-top: 0;
  2422.         max-height: none;
  2423.         overflow: visible
  2424.     }
  2425. }
  2426. .hotel-closed,
  2427. .user-menu__list.ng-hide-animate {
  2428.     overflow: hidden
  2429. }
  2430. .header__hotel {
  2431.     margin-left: calc(100vw / 2.17 - 553px);
  2432.     max-width: 1200px;
  2433.     position: relative
  2434. }
  2435. @media (min-width: 1199px) {
  2436.     .header__hotel {
  2437.         margin: 0 auto
  2438.     }
  2439. }
  2440. .header__hotel:after {
  2441.     -ms-interpolation-mode: bicubic;
  2442.     image-rendering: -webkit-optimize-contrast;
  2443.     image-rendering: pixelated;
  2444.     background: url(assets/images/backgrounds/hotel.png) no-repeat;
  2445.     content: '';
  2446.     display: block;
  2447.     height: 512px;
  2448.     left: -100px;
  2449.     position: absolute;
  2450.     top: -442px;
  2451.     width: 849px
  2452. }
  2453. .hotel-closed__background:before,
  2454. .imager {
  2455.     image-rendering: -webkit-optimize-contrast;
  2456.     -ms-interpolation-mode: bicubic
  2457. }
  2458. .header__content {
  2459.     margin-bottom: -70px
  2460. }
  2461. .header__habbo__logo {
  2462.     background-image: url(assets/images/sprite.png);
  2463.     background-position: 0 -422px;
  2464.     width: 116px;
  2465.     height: 46px;
  2466.     display: none
  2467. }
  2468. .header__habbo__logo:active,
  2469. .header__habbo__logo:hover {
  2470.     border-bottom-style: solid;
  2471.     border-bottom-width: 0
  2472. }
  2473. @media (-webkit-min-device-pixel-ratio: 2),
  2474. (min--moz-device-pixel-ratio: 2),
  2475. (min-device-pixel-ratio: 2),
  2476. (min-resolution: 192dpi),
  2477. (min-resolution: 2dppx) {
  2478.     .header__habbo__logo {
  2479.         background-image: url(assets/images/sprite@2x.png);
  2480.         background-position: -396px -46px;
  2481.         background-size: 525px 411px
  2482.     }
  2483. }
  2484. @media (min-width: 767px) {
  2485.     .header__habbo__logo {
  2486.         background-image: url(assets/images/habbologo.png);
  2487.         background-position: 0 0;
  2488.         width: 287px;
  2489.         height: 67px;
  2490.         display: block;
  2491.         margin-bottom: -12px
  2492.     }
  2493. }
  2494. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  2495. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  2496. (min-width: 767px) and (min-device-pixel-ratio: 2),
  2497. (min-width: 767px) and (min-resolution: 192dpi),
  2498. (min-width: 767px) and (min-resolution: 2dppx) {
  2499.     .header__habbo__logo {
  2500.         background-image: url(assets/images/sprite@2x.png);
  2501.         background-position: 0 0;
  2502.         background-size: 525px 411px
  2503.     }
  2504. }
  2505. .header--small .header__habbo__logo {
  2506.     display: block
  2507. }
  2508. .header__habbo__name {
  2509.     line-height: 0;
  2510.     text-indent: -9999px
  2511. }
  2512. .header__wrapper {
  2513.     zoom: 1;
  2514.     -ms-flex-align: center;
  2515.     align-items: center;
  2516.     display: -webkit-flex;
  2517.     display: -ms-flexbox;
  2518.     display: flex;
  2519.     height: 70px;
  2520.     position: relative;
  2521.     z-index: 200
  2522. }
  2523. .header__wrapper:after,
  2524. .header__wrapper:before {
  2525.     content: '';
  2526.     display: table
  2527. }
  2528. .header__aside {
  2529.     margin-left: auto
  2530. }
  2531. .header__aside--user-menu {
  2532.     -ms-flex-item-align: start;
  2533.     -webkit-align-self: flex-start;
  2534.     align-self: flex-start;
  2535.     margin-right: -12px
  2536. }
  2537. .header__login__button {
  2538.     background: #02353c;
  2539.     font-size: 16px;
  2540.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  2541.     border: 2px solid #267b91;
  2542.     border-radius: 3px;
  2543.     padding: 6px 12px;
  2544.     text-transform: uppercase
  2545. }
  2546. .header__login__button:active,
  2547. .header__login__button:hover {
  2548.     border-bottom-style: solid;
  2549.     border-bottom-width: 2px
  2550. }
  2551. .header__login__icon {
  2552.     position: relative;
  2553.     padding-left: 23px;
  2554.     line-height: 22px
  2555. }
  2556. .header__login__icon:before {
  2557.     background-image: url(assets/images/sprite.png);
  2558.     background-position: -237px -470px;
  2559.     width: 17px;
  2560.     height: 17px;
  2561.     content: '';
  2562.     display: block;
  2563.     margin-top: -8.5px;
  2564.     position: absolute;
  2565.     top: 50%;
  2566.     left: 0
  2567. }
  2568. @media (-webkit-min-device-pixel-ratio: 2),
  2569. (min--moz-device-pixel-ratio: 2),
  2570. (min-device-pixel-ratio: 2),
  2571. (min-resolution: 192dpi),
  2572. (min-resolution: 2dppx) {
  2573.     .header__login__icon:before {
  2574.         background-image: url(assets/images/sprite@2x.png);
  2575.         background-position: -363px -371px;
  2576.         background-size: 525px 411px
  2577.     }
  2578. }
  2579. .header__login__icon:active,
  2580. .header__login__icon:hover {
  2581.     border-bottom-style: solid;
  2582.     border-bottom-width: 0
  2583. }
  2584. .header-ad {
  2585.     zoom: 1
  2586. }
  2587. .header-ad:after,
  2588. .header-ad:before {
  2589.     content: '';
  2590.     display: table
  2591. }
  2592. .header-ad__banner {
  2593.     margin-top: 6px;
  2594.     position: relative;
  2595.     z-index: 210
  2596. }
  2597. .hotel-button {
  2598.     display: inline-block;
  2599.     line-height: 1.2;
  2600.     text-align: center;
  2601.     background-color: #ffb900;
  2602.     border-color: #ffea00;
  2603.     color: #000;
  2604.     font-size: 16px;
  2605.     border-radius: 5px 0 0 5px;
  2606.     border-width: 2px 1px 2px 2px;
  2607.     border-style: solid;
  2608.     margin-bottom: 4px;
  2609.     text-transform: uppercase;
  2610.     -webkit-filter: drop-shadow(-1px 4px 0 rgba(0, 0, 0, .3));
  2611.     filter: drop-shadow(-1px 4px 0 rgba(0, 0, 0, .3));
  2612.     box-shadow: none;
  2613.     margin-right: 20px;
  2614.     position: relative;
  2615.     margin-top: -3px;
  2616.     padding: 6px 12px 6px 24px
  2617. }
  2618. .hotel-button:after,
  2619. .hotel-button:before {
  2620.     border-style: solid;
  2621.     position: absolute;
  2622.     display: block;
  2623.     content: ''
  2624. }
  2625. .hotel-button:hover {
  2626.     background-color: #ffd400;
  2627.     border-color: #fffd70
  2628. }
  2629. .hotel-button:active,
  2630. .hotel-button:disabled {
  2631.     background-color: #f89400;
  2632.     border-color: #ffce37
  2633. }
  2634. .hotel-button:active,
  2635. .hotel-button:hover {
  2636.     border-bottom-style: solid;
  2637.     border-bottom-width: 2px
  2638. }
  2639. .hotel-button__text:active,
  2640. .hotel-button__text:hover,
  2641. .navigation__link--community:active,
  2642. .navigation__link--community:hover,
  2643. .navigation__link--home:active,
  2644. .navigation__link--home:hover,
  2645. .navigation__link--playing-habbo:active,
  2646. .navigation__link--playing-habbo:hover,
  2647. .navigation__link--shop:active,
  2648. .navigation__link--shop:hover,
  2649. .user-menu__name:active,
  2650. .user-menu__name:hover {
  2651.     border-bottom-style: solid;
  2652.     border-bottom-width: 0
  2653. }
  2654. .hotel-button:active {
  2655.     -webkit-transform: translate(0, 2px);
  2656.     transform: translate(0, 2px);
  2657.     -webkit-filter: drop-shadow(-1px 2px 0 rgba(0, 0, 0, .3));
  2658.     filter: drop-shadow(-1px 2px 0 rgba(0, 0, 0, .3));
  2659.     box-shadow: none
  2660. }
  2661. .hotel-button:before {
  2662.     border-color: transparent transparent transparent #ffea00;
  2663.     border-width: 21px;
  2664.     right: -43px;
  2665.     top: -2px
  2666. }
  2667. .hotel-button:after {
  2668.     border-color: transparent transparent transparent #ffb900;
  2669.     border-width: 19px;
  2670.     right: -38px;
  2671.     top: 0
  2672. }
  2673. .hotel-button:hover:before {
  2674.     border-color: transparent transparent transparent #fffd70
  2675. }
  2676. .hotel-button:hover:after {
  2677.     border-color: transparent transparent transparent #ffd400
  2678. }
  2679. .hotel-button:active:before,
  2680. .hotel-button:disabled:before {
  2681.     border-color: transparent transparent transparent #ffce37
  2682. }
  2683. .hotel-button:active:after,
  2684. .hotel-button:disabled:after {
  2685.     border-color: transparent transparent transparent #f89400
  2686. }
  2687. .hotel-button__text {
  2688.     position: relative;
  2689.     padding-right: 27px;
  2690.     text-align: right;
  2691.     line-height: 26px
  2692. }
  2693. .hotel-button__text:before {
  2694.     background-image: url(assets/images/sprite.png);
  2695.     background-position: -324px -375px;
  2696.     width: 21px;
  2697.     height: 26px;
  2698.     content: '';
  2699.     display: block;
  2700.     margin-top: -13px;
  2701.     position: absolute;
  2702.     top: 50%;
  2703.     right: 0
  2704. }
  2705. @media (-webkit-min-device-pixel-ratio: 2),
  2706. (min--moz-device-pixel-ratio: 2),
  2707. (min-device-pixel-ratio: 2),
  2708. (min-resolution: 192dpi),
  2709. (min-resolution: 2dppx) {
  2710.     .hotel-button__text:before {
  2711.         background-image: url(assets/images/sprite@2x.png);
  2712.         background-position: -463px -318px;
  2713.         background-size: 525px 411px
  2714.     }
  2715. }
  2716. .navigation {
  2717.     position: relative;
  2718.     background-color: rgba(255, 255, 255, .9);
  2719.     z-index: 100
  2720. }
  2721. .navigation:before {
  2722.     background: linear-gradient(rgba(0, 0, 0, .3), transparent);
  2723.     bottom: -2px;
  2724.     content: '';
  2725.     display: block;
  2726.     height: 2px;
  2727.     position: absolute;
  2728.     width: 100%
  2729. }
  2730. .navigation__menu {
  2731.     margin: 0 auto;
  2732.     max-width: 1200px;
  2733.     padding: 0 12px;
  2734.     -ms-flex-align: center;
  2735.     align-items: center;
  2736.     display: -webkit-flex;
  2737.     display: -ms-flexbox;
  2738.     display: flex;
  2739.     height: 70px;
  2740.     -webkit-justify-content: space-around;
  2741.     -ms-flex-pack: distribute;
  2742.     justify-content: space-around;
  2743.     width: 100%
  2744. }
  2745. @media (min-width: 767px) {
  2746.     .navigation__menu {
  2747.         -webkit-justify-content: space-between;
  2748.         -ms-flex-pack: justify;
  2749.         justify-content: space-between
  2750.     }
  2751. }
  2752. .navigation__item {
  2753.     padding: 0 6px;
  2754.     text-align: center
  2755. }
  2756. @media (min-width: 959px) {
  2757.     .navigation__menu {
  2758.         -webkit-justify-content: flex-start;
  2759.         -ms-flex-pack: start;
  2760.         justify-content: flex-start
  2761.     }
  2762.     .navigation__item {
  2763.         padding-right: 48px
  2764.     }
  2765.     .navigation__item--aside {
  2766.         margin-left: auto
  2767.     }
  2768. }
  2769. .navigation__item--aside {
  2770.     padding-right: 0
  2771. }
  2772. .navigation__item--hotel {
  2773.     display: none
  2774. }
  2775. @media (min-width: 767px) {
  2776.     .navigation__item {
  2777.         text-align: left
  2778.     }
  2779.     .navigation__item--hotel {
  2780.         display: list-item
  2781.     }
  2782. }
  2783. .navigation__link {
  2784.     font-size: 12px;
  2785.     display: block
  2786. }
  2787. .navigation__link:before {
  2788.     vertical-align: initial
  2789. }
  2790. .navigation__link--home {
  2791.     color: #036;
  2792.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  2793.     text-transform: uppercase
  2794. }
  2795. .navigation__link--home.navigation__link--active {
  2796.     color: #09c
  2797. }
  2798. .navigation__link--home:hover {
  2799.     color: #999
  2800. }
  2801. .navigation__link--home:active {
  2802.     color: #09c
  2803. }
  2804. .navigation__link--home:before {
  2805.     background-image: url(assets/images/sprite.png);
  2806.     background-position: -418px -375px;
  2807.     width: 22px;
  2808.     height: 22px;
  2809.     content: '';
  2810.     display: block;
  2811.     margin: 0 auto 3px;
  2812.     vertical-align: middle
  2813. }
  2814. @media (-webkit-min-device-pixel-ratio: 2),
  2815. (min--moz-device-pixel-ratio: 2),
  2816. (min-device-pixel-ratio: 2),
  2817. (min-resolution: 192dpi),
  2818. (min-resolution: 2dppx) {
  2819.     .navigation__link--home:before {
  2820.         background-image: url(assets/images/sprite@2x.png);
  2821.         background-position: -343px -198px;
  2822.         background-size: 525px 411px
  2823.     }
  2824. }
  2825. @media (min-width: 767px) {
  2826.     .navigation__link {
  2827.         font-size: 24px;
  2828.         white-space: nowrap
  2829.     }
  2830.     .navigation__link--home:before {
  2831.         background-image: url(assets/images/sprite.png);
  2832.         background-position: -418px -375px;
  2833.         width: 22px;
  2834.         height: 22px;
  2835.         content: '';
  2836.         display: inline-block;
  2837.         margin-right: 6px;
  2838.         vertical-align: middle
  2839.     }
  2840. }
  2841. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  2842. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  2843. (min-width: 767px) and (min-device-pixel-ratio: 2),
  2844. (min-width: 767px) and (min-resolution: 192dpi),
  2845. (min-width: 767px) and (min-resolution: 2dppx) {
  2846.     .navigation__link--home:before {
  2847.         background-image: url(assets/images/sprite@2x.png);
  2848.         background-position: -343px -198px;
  2849.         background-size: 525px 411px
  2850.     }
  2851. }
  2852. .navigation__link--home.navigation__link--active:before {
  2853.     background-image: url(assets/images/sprite.png);
  2854.     background-position: -466px -375px;
  2855.     width: 22px;
  2856.     height: 22px
  2857. }
  2858. @media (-webkit-min-device-pixel-ratio: 2),
  2859. (min--moz-device-pixel-ratio: 2),
  2860. (min-device-pixel-ratio: 2),
  2861. (min-resolution: 192dpi),
  2862. (min-resolution: 2dppx) {
  2863.     .navigation__link--home.navigation__link--active:before {
  2864.         background-image: url(assets/images/sprite@2x.png);
  2865.         background-position: -297px -221px;
  2866.         background-size: 525px 411px
  2867.     }
  2868. }
  2869. .navigation__link--home:hover:before {
  2870.     background-image: url(assets/images/sprite.png);
  2871.     background-position: -442px -375px;
  2872.     width: 22px;
  2873.     height: 22px
  2874. }
  2875. @media (-webkit-min-device-pixel-ratio: 2),
  2876. (min--moz-device-pixel-ratio: 2),
  2877. (min-device-pixel-ratio: 2),
  2878. (min-resolution: 192dpi),
  2879. (min-resolution: 2dppx) {
  2880.     .navigation__link--home:hover:before {
  2881.         background-image: url(assets/images/sprite@2x.png);
  2882.         background-position: -366px -198px;
  2883.         background-size: 525px 411px
  2884.     }
  2885. }
  2886. .navigation__link--home:active:before {
  2887.     background-image: url(assets/images/sprite.png);
  2888.     background-position: -466px -375px;
  2889.     width: 22px;
  2890.     height: 22px
  2891. }
  2892. @media (-webkit-min-device-pixel-ratio: 2),
  2893. (min--moz-device-pixel-ratio: 2),
  2894. (min-device-pixel-ratio: 2),
  2895. (min-resolution: 192dpi),
  2896. (min-resolution: 2dppx) {
  2897.     .navigation__link--home:active:before {
  2898.         background-image: url(assets/images/sprite@2x.png);
  2899.         background-position: -297px -221px;
  2900.         background-size: 525px 411px
  2901.     }
  2902. }
  2903. .navigation__link--community {
  2904.     color: #036;
  2905.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  2906.     text-transform: uppercase
  2907. }
  2908. .navigation__link--community.navigation__link--active {
  2909.     color: #09c
  2910. }
  2911. .navigation__link--community:hover {
  2912.     color: #999
  2913. }
  2914. .navigation__link--community:active {
  2915.     color: #09c
  2916. }
  2917. .navigation__link--community:before {
  2918.     background-image: url(assets/images/sprite.png);
  2919.     background-position: -141px -422px;
  2920.     width: 22px;
  2921.     height: 22px;
  2922.     content: '';
  2923.     display: block;
  2924.     margin: 0 auto 3px;
  2925.     vertical-align: middle
  2926. }
  2927. @media (-webkit-min-device-pixel-ratio: 2),
  2928. (min--moz-device-pixel-ratio: 2),
  2929. (min-device-pixel-ratio: 2),
  2930. (min-resolution: 192dpi),
  2931. (min-resolution: 2dppx) {
  2932.     .navigation__link--community:before {
  2933.         background-image: url(assets/images/sprite@2x.png);
  2934.         background-position: -297px -198px;
  2935.         background-size: 525px 411px
  2936.     }
  2937. }
  2938. @media (min-width: 767px) {
  2939.     .navigation__link--community:before {
  2940.         background-image: url(assets/images/sprite.png);
  2941.         background-position: -141px -422px;
  2942.         width: 22px;
  2943.         height: 22px;
  2944.         content: '';
  2945.         display: inline-block;
  2946.         margin-right: 6px;
  2947.         vertical-align: middle
  2948.     }
  2949. }
  2950. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  2951. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  2952. (min-width: 767px) and (min-device-pixel-ratio: 2),
  2953. (min-width: 767px) and (min-resolution: 192dpi),
  2954. (min-width: 767px) and (min-resolution: 2dppx) {
  2955.     .navigation__link--community:before {
  2956.         background-image: url(assets/images/sprite@2x.png);
  2957.         background-position: -297px -198px;
  2958.         background-size: 525px 411px
  2959.     }
  2960. }
  2961. .navigation__link--community.navigation__link--active:before {
  2962.     background-image: url(assets/images/sprite.png);
  2963.     background-position: -189px -422px;
  2964.     width: 22px;
  2965.     height: 22px
  2966. }
  2967. @media (-webkit-min-device-pixel-ratio: 2),
  2968. (min--moz-device-pixel-ratio: 2),
  2969. (min-device-pixel-ratio: 2),
  2970. (min-resolution: 192dpi),
  2971. (min-resolution: 2dppx) {
  2972.     .navigation__link--community.navigation__link--active:before {
  2973.         background-image: url(assets/images/sprite@2x.png);
  2974.         background-position: -366px -221px;
  2975.         background-size: 525px 411px
  2976.     }
  2977. }
  2978. .navigation__link--community:hover:before {
  2979.     background-image: url(assets/images/sprite.png);
  2980.     background-position: -394px -375px;
  2981.     width: 22px;
  2982.     height: 22px
  2983. }
  2984. @media (-webkit-min-device-pixel-ratio: 2),
  2985. (min--moz-device-pixel-ratio: 2),
  2986. (min-device-pixel-ratio: 2),
  2987. (min-resolution: 192dpi),
  2988. (min-resolution: 2dppx) {
  2989.     .navigation__link--community:hover:before {
  2990.         background-image: url(assets/images/sprite@2x.png);
  2991.         background-position: -343px -221px;
  2992.         background-size: 525px 411px
  2993.     }
  2994. }
  2995. .navigation__link--community:active:before {
  2996.     background-image: url(assets/images/sprite.png);
  2997.     background-position: -189px -422px;
  2998.     width: 22px;
  2999.     height: 22px
  3000. }
  3001. @media (-webkit-min-device-pixel-ratio: 2),
  3002. (min--moz-device-pixel-ratio: 2),
  3003. (min-device-pixel-ratio: 2),
  3004. (min-resolution: 192dpi),
  3005. (min-resolution: 2dppx) {
  3006.     .navigation__link--community:active:before {
  3007.         background-image: url(assets/images/sprite@2x.png);
  3008.         background-position: -366px -221px;
  3009.         background-size: 525px 411px
  3010.     }
  3011. }
  3012. .navigation__link--shop {
  3013.     color: #036;
  3014.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  3015.     text-transform: uppercase
  3016. }
  3017. .navigation__link--shop.navigation__link--active {
  3018.     color: #09c
  3019. }
  3020. .navigation__link--shop:hover {
  3021.     color: #999
  3022. }
  3023. .navigation__link--shop:active {
  3024.     color: #09c
  3025. }
  3026. .navigation__link--shop:before {
  3027.     background-image: url(assets/images/sprite.png);
  3028.     background-position: -309px -422px;
  3029.     width: 22px;
  3030.     height: 22px;
  3031.     content: '';
  3032.     display: block;
  3033.     margin: 0 auto 3px;
  3034.     vertical-align: middle
  3035. }
  3036. @media (-webkit-min-device-pixel-ratio: 2),
  3037. (min--moz-device-pixel-ratio: 2),
  3038. (min-device-pixel-ratio: 2),
  3039. (min-resolution: 192dpi),
  3040. (min-resolution: 2dppx) {
  3041.     .navigation__link--shop:before {
  3042.         background-image: url(assets/images/sprite@2x.png);
  3043.         background-position: -198px -99px;
  3044.         background-size: 525px 411px
  3045.     }
  3046. }
  3047. @media (min-width: 767px) {
  3048.     .navigation__link--shop:before {
  3049.         background-image: url(assets/images/sprite.png);
  3050.         background-position: -309px -422px;
  3051.         width: 22px;
  3052.         height: 22px;
  3053.         content: '';
  3054.         display: inline-block;
  3055.         margin-right: 6px;
  3056.         vertical-align: middle
  3057.     }
  3058. }
  3059. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  3060. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  3061. (min-width: 767px) and (min-device-pixel-ratio: 2),
  3062. (min-width: 767px) and (min-resolution: 192dpi),
  3063. (min-width: 767px) and (min-resolution: 2dppx) {
  3064.     .navigation__link--shop:before {
  3065.         background-image: url(assets/images/sprite@2x.png);
  3066.         background-position: -198px -99px;
  3067.         background-size: 525px 411px
  3068.     }
  3069. }
  3070. .navigation__link--shop.navigation__link--active:before {
  3071.     background-image: url(assets/images/sprite.png);
  3072.     background-position: -165px -422px;
  3073.     width: 22px;
  3074.     height: 22px
  3075. }
  3076. @media (-webkit-min-device-pixel-ratio: 2),
  3077. (min--moz-device-pixel-ratio: 2),
  3078. (min-device-pixel-ratio: 2),
  3079. (min-resolution: 192dpi),
  3080. (min-resolution: 2dppx) {
  3081.     .navigation__link--shop.navigation__link--active:before {
  3082.         background-image: url(assets/images/sprite@2x.png);
  3083.         background-position: -366px -244px;
  3084.         background-size: 525px 411px
  3085.     }
  3086. }
  3087. .navigation__link--shop:hover:before {
  3088.     background-image: url(assets/images/sprite.png);
  3089.     background-position: -333px -422px;
  3090.     width: 22px;
  3091.     height: 22px
  3092. }
  3093. @media (-webkit-min-device-pixel-ratio: 2),
  3094. (min--moz-device-pixel-ratio: 2),
  3095. (min-device-pixel-ratio: 2),
  3096. (min-resolution: 192dpi),
  3097. (min-resolution: 2dppx) {
  3098.     .navigation__link--shop:hover:before {
  3099.         background-image: url(assets/images/sprite@2x.png);
  3100.         background-position: -320px -221px;
  3101.         background-size: 525px 411px
  3102.     }
  3103. }
  3104. .navigation__link--shop:active:before {
  3105.     background-image: url(assets/images/sprite.png);
  3106.     background-position: -165px -422px;
  3107.     width: 22px;
  3108.     height: 22px
  3109. }
  3110. @media (-webkit-min-device-pixel-ratio: 2),
  3111. (min--moz-device-pixel-ratio: 2),
  3112. (min-device-pixel-ratio: 2),
  3113. (min-resolution: 192dpi),
  3114. (min-resolution: 2dppx) {
  3115.     .navigation__link--shop:active:before {
  3116.         background-image: url(assets/images/sprite@2x.png);
  3117.         background-position: -366px -244px;
  3118.         background-size: 525px 411px
  3119.     }
  3120. }
  3121. .navigation__link--playing-habbo {
  3122.     color: #036;
  3123.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  3124.     text-transform: uppercase
  3125. }
  3126. .navigation__link--playing-habbo.navigation__link--active {
  3127.     color: #09c
  3128. }
  3129. .navigation__link--playing-habbo:hover {
  3130.     color: #999
  3131. }
  3132. .navigation__link--playing-habbo:active {
  3133.     color: #09c
  3134. }
  3135. .navigation__link--playing-habbo:before {
  3136.     background-image: url(assets/images/sprite.png);
  3137.     background-position: -213px -422px;
  3138.     width: 22px;
  3139.     height: 22px;
  3140.     content: '';
  3141.     display: block;
  3142.     margin: 0 auto 3px;
  3143.     vertical-align: middle
  3144. }
  3145. @media (-webkit-min-device-pixel-ratio: 2),
  3146. (min--moz-device-pixel-ratio: 2),
  3147. (min-device-pixel-ratio: 2),
  3148. (min-resolution: 192dpi),
  3149. (min-resolution: 2dppx) {
  3150.     .navigation__link--playing-habbo:before {
  3151.         background-image: url(assets/images/sprite@2x.png);
  3152.         background-position: -297px -244px;
  3153.         background-size: 525px 411px
  3154.     }
  3155. }
  3156. @media (min-width: 767px) {
  3157.     .navigation__link--playing-habbo:before {
  3158.         background-image: url(assets/images/sprite.png);
  3159.         background-position: -213px -422px;
  3160.         width: 22px;
  3161.         height: 22px;
  3162.         content: '';
  3163.         display: inline-block;
  3164.         margin-right: 6px;
  3165.         vertical-align: middle
  3166.     }
  3167. }
  3168. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  3169. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  3170. (min-width: 767px) and (min-device-pixel-ratio: 2),
  3171. (min-width: 767px) and (min-resolution: 192dpi),
  3172. (min-width: 767px) and (min-resolution: 2dppx) {
  3173.     .navigation__link--playing-habbo:before {
  3174.         background-image: url(assets/images/sprite@2x.png);
  3175.         background-position: -297px -244px;
  3176.         background-size: 525px 411px
  3177.     }
  3178. }
  3179. .navigation__link--playing-habbo.navigation__link--active:before {
  3180.     background-image: url(assets/images/sprite.png);
  3181.     background-position: -261px -422px;
  3182.     width: 22px;
  3183.     height: 22px
  3184. }
  3185. @media (-webkit-min-device-pixel-ratio: 2),
  3186. (min--moz-device-pixel-ratio: 2),
  3187. (min-device-pixel-ratio: 2),
  3188. (min-resolution: 192dpi),
  3189. (min-resolution: 2dppx) {
  3190.     .navigation__link--playing-habbo.navigation__link--active:before {
  3191.         background-image: url(assets/images/sprite@2x.png);
  3192.         background-position: -343px -244px;
  3193.         background-size: 525px 411px
  3194.     }
  3195. }
  3196. .navigation__link--playing-habbo:hover:before {
  3197.     background-image: url(assets/images/sprite.png);
  3198.     background-position: -237px -422px;
  3199.     width: 22px;
  3200.     height: 22px
  3201. }
  3202. @media (-webkit-min-device-pixel-ratio: 2),
  3203. (min--moz-device-pixel-ratio: 2),
  3204. (min-device-pixel-ratio: 2),
  3205. (min-resolution: 192dpi),
  3206. (min-resolution: 2dppx) {
  3207.     .navigation__link--playing-habbo:hover:before {
  3208.         background-image: url(assets/images/sprite@2x.png);
  3209.         background-position: -320px -244px;
  3210.         background-size: 525px 411px
  3211.     }
  3212. }
  3213. .navigation__link--playing-habbo:active:before {
  3214.     background-image: url(assets/images/sprite.png);
  3215.     background-position: -261px -422px;
  3216.     width: 22px;
  3217.     height: 22px
  3218. }
  3219. @media (-webkit-min-device-pixel-ratio: 2),
  3220. (min--moz-device-pixel-ratio: 2),
  3221. (min-device-pixel-ratio: 2),
  3222. (min-resolution: 192dpi),
  3223. (min-resolution: 2dppx) {
  3224.     .navigation__link--playing-habbo:active:before {
  3225.         background-image: url(assets/images/sprite@2x.png);
  3226.         background-position: -343px -244px;
  3227.         background-size: 525px 411px
  3228.     }
  3229. }
  3230. .user-menu {
  3231.     position: relative;
  3232.     width: 190px
  3233. }
  3234. @media (min-width: 532px) {
  3235.     .user-menu {
  3236.         width: 240px
  3237.     }
  3238. }
  3239. .user-menu__header {
  3240.     left: 0;
  3241.     padding: 4px 12px 0;
  3242.     position: absolute;
  3243.     top: 0;
  3244.     width: 100%;
  3245.     z-index: 201
  3246. }
  3247. .user-menu__link--profile:before,
  3248. .user-menu__name:before {
  3249.     width: 18px;
  3250.     content: '';
  3251.     display: block
  3252. }
  3253. @media (min-width: 532px) {
  3254.     .user-menu__header {
  3255.         padding-left: 24px;
  3256.         padding-right: 24px
  3257.     }
  3258. }
  3259. .user-menu__name {
  3260.     position: relative;
  3261.     padding-left: 24px;
  3262.     line-height: 22px;
  3263.     text-align: right;
  3264.     text-transform: none
  3265. }
  3266. .user-menu__link,
  3267. .user-menu__name__wrapper {
  3268.     color: #fff;
  3269.     text-transform: uppercase;
  3270.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
  3271. }
  3272. .user-menu__name:before {
  3273.     background-image: url(assets/images/sprite.png);
  3274.     background-position: -118px -470px;
  3275.     height: 18px;
  3276.     margin-top: -9px;
  3277.     position: absolute;
  3278.     top: 50%;
  3279.     left: 0;
  3280.     transition: -webkit-transform .3s;
  3281.     transition: transform .3s
  3282. }
  3283. @media (-webkit-min-device-pixel-ratio: 2),
  3284. (min--moz-device-pixel-ratio: 2),
  3285. (min-device-pixel-ratio: 2),
  3286. (min-resolution: 192dpi),
  3287. (min-resolution: 2dppx) {
  3288.     .user-menu__name:before {
  3289.         background-image: url(assets/images/sprite@2x.png);
  3290.         background-position: -250px -371px;
  3291.         background-size: 525px 411px
  3292.     }
  3293. }
  3294. .user-menu__name--open:before {
  3295.     -webkit-transform: rotate(180deg);
  3296.     transform: rotate(180deg)
  3297. }
  3298. .user-menu__name__wrapper {
  3299.     background: #02353c;
  3300.     font-size: 16px;
  3301.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  3302.     border: 2px solid #267b91;
  3303.     border-radius: 3px;
  3304.     padding: 6px 12px;
  3305.     margin: 14px 27px 14px 0
  3306. }
  3307. .user-menu__name__wrapper:active,
  3308. .user-menu__name__wrapper:hover {
  3309.     border-bottom-style: solid;
  3310.     border-bottom-width: 2px
  3311. }
  3312. .user-menu__name__container {
  3313.     display: block;
  3314.     overflow: hidden;
  3315.     text-overflow: ellipsis;
  3316.     white-space: nowrap
  3317. }
  3318. .user-menu__avatar {
  3319.     transition: -webkit-transform .15s ease-out;
  3320.     transition: transform .15s ease-out;
  3321.     position: relative
  3322. }
  3323. .user-menu__avatar__wrapper {
  3324.     display: block;
  3325.     position: relative;
  3326.     float: right;
  3327.     margin-left: 12px
  3328. }
  3329. .user-menu__avatar__wrapper:before {
  3330.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  3331.     background-color: #02353c;
  3332.     border: 2px solid #267b91;
  3333.     content: '';
  3334.     height: 46px;
  3335.     left: 0;
  3336.     position: absolute;
  3337.     top: 6px;
  3338.     width: 46px
  3339. }
  3340. .user-menu__link--help:active,
  3341. .user-menu__link--help:hover,
  3342. .user-menu__link--logout:active,
  3343. .user-menu__link--logout:hover,
  3344. .user-menu__link--profile:active,
  3345. .user-menu__link--profile:hover,
  3346. .user-menu__link--settings:active,
  3347. .user-menu__link--settings:hover,
  3348. .user-menu__link:active,
  3349. .user-menu__link:hover {
  3350.     border-bottom-style: solid;
  3351.     border-bottom-width: 0
  3352. }
  3353. .user-menu__avatar__wrapper .avatar__image,
  3354. .user-menu__link--profile {
  3355.     position: relative
  3356. }
  3357. .user-menu--easter-egg .user-menu__avatar {
  3358.     -webkit-transform: scale(-2, 2);
  3359.     transform: scale(-2, 2)
  3360. }
  3361. .user-menu__list {
  3362.     max-height: 240px;
  3363.     background-color: #000;
  3364.     border-radius: 10px;
  3365.     z-index: 200
  3366. }
  3367. .user-menu__list.ng-hide {
  3368.     opacity: 0;
  3369.     max-height: 0
  3370. }
  3371. .user-menu__list.ng-animate {
  3372.     transition: max-height .15s ease-out
  3373. }
  3374. @media (min-width: 532px) {
  3375.     .user-menu__list {
  3376.         max-height: 220px
  3377.     }
  3378.     .user-menu__list.ng-animate {
  3379.         transition: max-height .15s ease-out
  3380.     }
  3381.     .user-menu__list.ng-hide {
  3382.         max-height: 0
  3383.     }
  3384.     .user-menu__list.ng-hide-animate {
  3385.         overflow: hidden
  3386.     }
  3387. }
  3388. .user-menu__list.ng-animate.ng-hide-add {
  3389.     transition: max-height .2s ease-out, opacity .1s ease-out .05s
  3390. }
  3391. .user-menu__list.ng-animate.ng-hide-remove {
  3392.     transition: max-height .2s ease-out, opacity .1s ease-out
  3393. }
  3394. .user-menu__item {
  3395.     padding: 1px 12px 0
  3396. }
  3397. .user-menu__link--help,
  3398. .user-menu__link--logout,
  3399. .user-menu__link--profile,
  3400. .user-menu__link--settings {
  3401.     padding-left: 24px;
  3402.     line-height: 22px
  3403. }
  3404. @media (min-width: 532px) {
  3405.     .user-menu__item {
  3406.         padding-left: 24px;
  3407.         padding-right: 24px
  3408.     }
  3409. }
  3410. .user-menu__item:first-child {
  3411.     padding-top: 70px
  3412. }
  3413. .user-menu__item:last-child {
  3414.     padding-bottom: 12px
  3415. }
  3416. .user-menu__link {
  3417.     display: block;
  3418.     padding-bottom: 6px;
  3419.     padding-top: 6px
  3420. }
  3421. .user-menu__link--active {
  3422.     color: #09c
  3423. }
  3424. .user-menu__link:hover {
  3425.     color: #999
  3426. }
  3427. .user-menu__link:active {
  3428.     color: #09c
  3429. }
  3430. .user-menu__link--profile:before {
  3431.     background-image: url(assets/images/sprite.png);
  3432.     background-position: -357px -422px;
  3433.     height: 20px;
  3434.     margin-top: -10px;
  3435.     position: absolute;
  3436.     top: 50%;
  3437.     left: 0
  3438. }
  3439. .user-menu__link--help:before,
  3440. .user-menu__link--logout:before,
  3441. .user-menu__link--settings:before {
  3442.     margin-top: -9px;
  3443.     top: 50%;
  3444.     left: 0;
  3445.     width: 18px;
  3446.     display: block;
  3447.     content: ''
  3448. }
  3449. @media (-webkit-min-device-pixel-ratio: 2),
  3450. (min--moz-device-pixel-ratio: 2),
  3451. (min-device-pixel-ratio: 2),
  3452. (min-resolution: 192dpi),
  3453. (min-resolution: 2dppx) {
  3454.     .user-menu__link--profile:before {
  3455.         background-image: url(assets/images/sprite@2x.png);
  3456.         background-position: -238px -122px;
  3457.         background-size: 525px 411px
  3458.     }
  3459. }
  3460. .user-menu__link--profile.user-menu__link--active:before {
  3461.     background-image: url(assets/images/sprite.png);
  3462.     background-position: -377px -422px;
  3463.     width: 18px;
  3464.     height: 20px
  3465. }
  3466. @media (-webkit-min-device-pixel-ratio: 2),
  3467. (min--moz-device-pixel-ratio: 2),
  3468. (min-device-pixel-ratio: 2),
  3469. (min-resolution: 192dpi),
  3470. (min-resolution: 2dppx) {
  3471.     .user-menu__link--profile.user-menu__link--active:before {
  3472.         background-image: url(assets/images/sprite@2x.png);
  3473.         background-position: -257px -122px;
  3474.         background-size: 525px 411px
  3475.     }
  3476. }
  3477. .user-menu__link--profile:hover:before {
  3478.     background-image: url(assets/images/sprite.png);
  3479.     background-position: -417px -422px;
  3480.     width: 18px;
  3481.     height: 20px
  3482. }
  3483. @media (-webkit-min-device-pixel-ratio: 2),
  3484. (min--moz-device-pixel-ratio: 2),
  3485. (min-device-pixel-ratio: 2),
  3486. (min-resolution: 192dpi),
  3487. (min-resolution: 2dppx) {
  3488.     .user-menu__link--profile:hover:before {
  3489.         background-image: url(assets/images/sprite@2x.png);
  3490.         background-position: -276px -122px;
  3491.         background-size: 525px 411px
  3492.     }
  3493. }
  3494. .user-menu__link--profile:active:before {
  3495.     background-image: url(assets/images/sprite.png);
  3496.     background-position: -377px -422px;
  3497.     width: 18px;
  3498.     height: 20px
  3499. }
  3500. @media (-webkit-min-device-pixel-ratio: 2),
  3501. (min--moz-device-pixel-ratio: 2),
  3502. (min-device-pixel-ratio: 2),
  3503. (min-resolution: 192dpi),
  3504. (min-resolution: 2dppx) {
  3505.     .user-menu__link--profile:active:before {
  3506.         background-image: url(assets/images/sprite@2x.png);
  3507.         background-position: -257px -122px;
  3508.         background-size: 525px 411px
  3509.     }
  3510. }
  3511. .user-menu__link--settings {
  3512.     position: relative
  3513. }
  3514. .user-menu__link--settings:before {
  3515.     background-image: url(assets/images/sprite.png);
  3516.     background-position: -38px -470px;
  3517.     height: 18px;
  3518.     position: absolute
  3519. }
  3520. @media (-webkit-min-device-pixel-ratio: 2),
  3521. (min--moz-device-pixel-ratio: 2),
  3522. (min-device-pixel-ratio: 2),
  3523. (min-resolution: 192dpi),
  3524. (min-resolution: 2dppx) {
  3525.     .user-menu__link--settings:before {
  3526.         background-image: url(assets/images/sprite@2x.png);
  3527.         background-position: -288px -371px;
  3528.         background-size: 525px 411px
  3529.     }
  3530. }
  3531. .user-menu__link--settings.user-menu__link--active:before {
  3532.     background-image: url(assets/images/sprite.png);
  3533.     background-position: -479px -422px;
  3534.     width: 18px;
  3535.     height: 18px
  3536. }
  3537. @media (-webkit-min-device-pixel-ratio: 2),
  3538. (min--moz-device-pixel-ratio: 2),
  3539. (min-device-pixel-ratio: 2),
  3540. (min-resolution: 192dpi),
  3541. (min-resolution: 2dppx) {
  3542.     .user-menu__link--settings.user-menu__link--active:before {
  3543.         background-image: url(assets/images/sprite@2x.png);
  3544.         background-position: -174px -371px;
  3545.         background-size: 525px 411px
  3546.     }
  3547. }
  3548. .user-menu__link--settings:hover:before {
  3549.     background-image: url(assets/images/sprite.png);
  3550.     background-position: -138px -470px;
  3551.     width: 18px;
  3552.     height: 18px
  3553. }
  3554. @media (-webkit-min-device-pixel-ratio: 2),
  3555. (min--moz-device-pixel-ratio: 2),
  3556. (min-device-pixel-ratio: 2),
  3557. (min-resolution: 192dpi),
  3558. (min-resolution: 2dppx) {
  3559.     .user-menu__link--settings:hover:before {
  3560.         background-image: url(assets/images/sprite@2x.png);
  3561.         background-position: -269px -371px;
  3562.         background-size: 525px 411px
  3563.     }
  3564. }
  3565. .user-menu__link--settings:active:before {
  3566.     background-image: url(assets/images/sprite.png);
  3567.     background-position: -479px -422px;
  3568.     width: 18px;
  3569.     height: 18px
  3570. }
  3571. @media (-webkit-min-device-pixel-ratio: 2),
  3572. (min--moz-device-pixel-ratio: 2),
  3573. (min-device-pixel-ratio: 2),
  3574. (min-resolution: 192dpi),
  3575. (min-resolution: 2dppx) {
  3576.     .user-menu__link--settings:active:before {
  3577.         background-image: url(assets/images/sprite@2x.png);
  3578.         background-position: -174px -371px;
  3579.         background-size: 525px 411px
  3580.     }
  3581. }
  3582. .user-menu__link--help {
  3583.     position: relative
  3584. }
  3585. .user-menu__link--help:before {
  3586.     background-image: url(assets/images/sprite.png);
  3587.     background-position: -58px -470px;
  3588.     height: 18px;
  3589.     position: absolute
  3590. }
  3591. @media (-webkit-min-device-pixel-ratio: 2),
  3592. (min--moz-device-pixel-ratio: 2),
  3593. (min-device-pixel-ratio: 2),
  3594. (min-resolution: 192dpi),
  3595. (min-resolution: 2dppx) {
  3596.     .user-menu__link--help:before {
  3597.         background-image: url(assets/images/sprite@2x.png);
  3598.         background-position: -193px -371px;
  3599.         background-size: 525px 411px
  3600.     }
  3601. }
  3602. .user-menu__link--help.user-menu__link--active:before {
  3603.     background-image: url(assets/images/sprite.png);
  3604.     background-position: -78px -470px;
  3605.     width: 18px;
  3606.     height: 18px
  3607. }
  3608. @media (-webkit-min-device-pixel-ratio: 2),
  3609. (min--moz-device-pixel-ratio: 2),
  3610. (min-device-pixel-ratio: 2),
  3611. (min-resolution: 192dpi),
  3612. (min-resolution: 2dppx) {
  3613.     .user-menu__link--help.user-menu__link--active:before {
  3614.         background-image: url(assets/images/sprite@2x.png);
  3615.         background-position: -212px -371px;
  3616.         background-size: 525px 411px
  3617.     }
  3618. }
  3619. .user-menu__link--help:hover:before {
  3620.     background-image: url(assets/images/sprite.png);
  3621.     background-position: -98px -470px;
  3622.     width: 18px;
  3623.     height: 18px
  3624. }
  3625. @media (-webkit-min-device-pixel-ratio: 2),
  3626. (min--moz-device-pixel-ratio: 2),
  3627. (min-device-pixel-ratio: 2),
  3628. (min-resolution: 192dpi),
  3629. (min-resolution: 2dppx) {
  3630.     .user-menu__link--help:hover:before {
  3631.         background-image: url(assets/images/sprite@2x.png);
  3632.         background-position: -231px -371px;
  3633.         background-size: 525px 411px
  3634.     }
  3635. }
  3636. .user-menu__link--help:active:before {
  3637.     background-image: url(assets/images/sprite.png);
  3638.     background-position: -78px -470px;
  3639.     width: 18px;
  3640.     height: 18px
  3641. }
  3642. @media (-webkit-min-device-pixel-ratio: 2),
  3643. (min--moz-device-pixel-ratio: 2),
  3644. (min-device-pixel-ratio: 2),
  3645. (min-resolution: 192dpi),
  3646. (min-resolution: 2dppx) {
  3647.     .user-menu__link--help:active:before {
  3648.         background-image: url(assets/images/sprite@2x.png);
  3649.         background-position: -212px -371px;
  3650.         background-size: 525px 411px
  3651.     }
  3652. }
  3653. .user-menu__link--logout {
  3654.     position: relative
  3655. }
  3656. .user-menu__link--logout:before {
  3657.     background-image: url(assets/images/sprite.png);
  3658.     background-position: -178px -470px;
  3659.     height: 18px;
  3660.     position: absolute
  3661. }
  3662. @media (-webkit-min-device-pixel-ratio: 2),
  3663. (min--moz-device-pixel-ratio: 2),
  3664. (min-device-pixel-ratio: 2),
  3665. (min-resolution: 192dpi),
  3666. (min-resolution: 2dppx) {
  3667.     .user-menu__link--logout:before {
  3668.         background-image: url(assets/images/sprite@2x.png);
  3669.         background-position: -307px -371px;
  3670.         background-size: 525px 411px
  3671.     }
  3672. }
  3673. .user-menu__link--logout.user-menu__link--active:before {
  3674.     background-image: url(assets/images/sprite.png);
  3675.     background-position: -198px -470px;
  3676.     width: 18px;
  3677.     height: 18px
  3678. }
  3679. @media (-webkit-min-device-pixel-ratio: 2),
  3680. (min--moz-device-pixel-ratio: 2),
  3681. (min-device-pixel-ratio: 2),
  3682. (min-resolution: 192dpi),
  3683. (min-resolution: 2dppx) {
  3684.     .user-menu__link--logout.user-menu__link--active:before {
  3685.         background-image: url(assets/images/sprite@2x.png);
  3686.         background-position: -326px -371px;
  3687.         background-size: 525px 411px
  3688.     }
  3689. }
  3690. .user-menu__link--logout:hover:before {
  3691.     background-image: url(assets/images/sprite.png);
  3692.     background-position: -18px -470px;
  3693.     width: 18px;
  3694.     height: 18px
  3695. }
  3696. @media (-webkit-min-device-pixel-ratio: 2),
  3697. (min--moz-device-pixel-ratio: 2),
  3698. (min-device-pixel-ratio: 2),
  3699. (min-resolution: 192dpi),
  3700. (min-resolution: 2dppx) {
  3701.     .user-menu__link--logout:hover:before {
  3702.         background-image: url(assets/images/sprite@2x.png);
  3703.         background-position: -155px -371px;
  3704.         background-size: 525px 411px
  3705.     }
  3706. }
  3707. .user-menu__link--logout:active:before {
  3708.     background-image: url(assets/images/sprite.png);
  3709.     background-position: -198px -470px;
  3710.     width: 18px;
  3711.     height: 18px
  3712. }
  3713. @media (-webkit-min-device-pixel-ratio: 2),
  3714. (min--moz-device-pixel-ratio: 2),
  3715. (min-device-pixel-ratio: 2),
  3716. (min-resolution: 192dpi),
  3717. (min-resolution: 2dppx) {
  3718.     .user-menu__link--logout:active:before {
  3719.         background-image: url(assets/images/sprite@2x.png);
  3720.         background-position: -326px -371px;
  3721.         background-size: 525px 411px
  3722.     }
  3723. }
  3724. .hotel-closed {
  3725.     border-radius: 10px;
  3726.     padding: 24px 12px;
  3727.     background-color: #151124;
  3728.     color: #b996ee
  3729. }
  3730. @media (min-width: 532px) {
  3731.     .hotel-closed {
  3732.         padding-left: 24px;
  3733.         padding-right: 24px
  3734.     }
  3735. }
  3736. .hotel-closed__background:before {
  3737.     image-rendering: pixelated;
  3738.     background: url(assets/images/teaser_frank_closed.png);
  3739.     content: '';
  3740.     display: block;
  3741.     height: 88px;
  3742.     width: 118px;
  3743.     margin: 0 auto 24px
  3744. }
  3745. @media (min-width: 767px) {
  3746.     .hotel-closed__background {
  3747.         position: relative
  3748.     }
  3749.     .hotel-closed__background:before {
  3750.         -ms-interpolation-mode: bicubic;
  3751.         image-rendering: -webkit-optimize-contrast;
  3752.         image-rendering: -moz-crisp-edges;
  3753.         image-rendering: pixelated;
  3754.     background: url(assets/images/teaser_frank_closed.png);
  3755.         content: '';
  3756.         display: block;
  3757.         height: 88px;
  3758.         width: 118px;
  3759.         position: absolute;
  3760.         right: 0;
  3761.         top: 0
  3762.     }
  3763. }
  3764. .hotel-closed__list {
  3765.     list-style-type: disc;
  3766.     margin: 12px 0;
  3767.     padding-left: 26px
  3768. }
  3769. .imager {
  3770.     image-rendering: pixelated
  3771. }
  3772. .like {
  3773.     -ms-flex-align: center;
  3774.     align-items: center;
  3775.     color: #fff;
  3776.     display: -webkit-flex;
  3777.     display: -ms-flexbox;
  3778.     display: flex
  3779. }
  3780. .like__action {
  3781.     line-height: 24px
  3782. }
  3783. .report-form__submit,
  3784. .toast-button,
  3785. .toast-title {
  3786.     line-height: 1.2;
  3787.     text-transform: uppercase
  3788. }
  3789. .like__thumb {
  3790.     padding-left: 6px
  3791. }
  3792. .like__icon {
  3793.     display: block
  3794. }
  3795. .like__users {
  3796.     color: #666;
  3797.     cursor: auto;
  3798.     display: inline-block;
  3799.     min-width: 240px;
  3800.     position: absolute;
  3801.     z-index: 400;
  3802.     padding-bottom: 14px;
  3803.     bottom: 100%;
  3804.     font-size: 16px;
  3805.     right: -9px;
  3806.     white-space: nowrap
  3807. }
  3808. .like__users.ng-animate {
  3809.     transition: opacity .15s ease-out, -webkit-transform .15s ease-out;
  3810.     transition: opacity .15s ease-out, transform .15s ease-out;
  3811.     -webkit-transform-origin: bottom right;
  3812.     transform-origin: bottom right
  3813. }
  3814. .like__users.ng-hide {
  3815.     opacity: 0;
  3816.     -webkit-transform: translateX(-2px) scale(.9);
  3817.     transform: translateX(-2px) scale(.9)
  3818. }
  3819. .report-form__submit:disabled,
  3820. .toast-button:disabled {
  3821.     opacity: .4
  3822. }
  3823. .like__users * {
  3824.     text-shadow: none
  3825. }
  3826. .like__users ul {
  3827.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  3828.     border: 1px solid #acacac
  3829. }
  3830. .like__users li {
  3831.     background-color: #fff;
  3832.     padding: 0 6px
  3833. }
  3834. .like__users li:not(:first-child) {
  3835.     border-top: 0
  3836. }
  3837. .like__users li:not(:last-child) {
  3838.     border-bottom: 0
  3839. }
  3840. .like__users li>* {
  3841.     border-bottom: 1px solid #acacac;
  3842.     display: block
  3843. }
  3844. .like__users li>:active,
  3845. .like__users li>:hover {
  3846.     border-bottom-style: solid;
  3847.     border-bottom-width: 1px;
  3848.     background-color: #f5f5f5
  3849. }
  3850. .like__users li:last-child>* {
  3851.     border-bottom: 0
  3852. }
  3853. .like__users:after,
  3854. .like__users:before {
  3855.     border: solid transparent;
  3856.     content: '';
  3857.     overflow: visible;
  3858.     position: absolute;
  3859.     z-index: 410;
  3860.     right: 6px;
  3861.     margin-top: -15px;
  3862.     top: 100%;
  3863.     border-bottom: 0
  3864. }
  3865. .like__user,
  3866. .message-container,
  3867. .news-box,
  3868. .tabs__menu.ng-hide-animate,
  3869. .toast {
  3870.     overflow: hidden
  3871. }
  3872. .like__users:before {
  3873.     border-color: transparent;
  3874.     border-width: 14px;
  3875.     margin-right: 0
  3876. }
  3877. .like__users:after {
  3878.     border-color: transparent;
  3879.     border-width: 13px;
  3880.     margin-right: 1px
  3881. }
  3882. .like__users:before {
  3883.     border-top-color: #acacac
  3884. }
  3885. .like__users:after {
  3886.     border-top-color: #fff
  3887. }
  3888. .like__user.ng-enter,
  3889. .like__user.ng-leave {
  3890.     transition: max-height .15s ease-out
  3891. }
  3892. .like__user.ng-enter,
  3893. .like__user.ng-leave.ng-leave-active {
  3894.     max-height: 0
  3895. }
  3896. .like__user.ng-enter.ng-enter-active,
  3897. .like__user.ng-leave {
  3898.     max-height: 64px
  3899. }
  3900. .like__user .avatar__title {
  3901.     color: #39c;
  3902.     padding-right: 12px
  3903. }
  3904. .like__more {
  3905.     background-color: #eee;
  3906.     color: #acacac;
  3907.     display: block;
  3908.     padding: 12px;
  3909.     text-align: right
  3910. }
  3911. .message-container {
  3912.     margin-bottom: 24px;
  3913.     border-radius: 3px;
  3914.     padding: 24px 12px;
  3915.     background-color: #103960
  3916. }
  3917. .message-container__container--check:before,
  3918. .message-container__container--exclamation:before {
  3919.     background-color: #fff;
  3920.     border-radius: 50%;
  3921.     content: '';
  3922.     display: block;
  3923.     left: 0;
  3924.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3)
  3925. }
  3926. .message-container:last-child {
  3927.     margin-bottom: 0
  3928. }
  3929. @media (min-width: 532px) {
  3930.     .message-container {
  3931.         padding-left: 24px;
  3932.         padding-right: 24px
  3933.     }
  3934. }
  3935. .message-container__container {
  3936.     min-height: 50px;
  3937.     padding-left: 62px
  3938. }
  3939. @media (min-width: 532px) {
  3940.     .message-container__container {
  3941.         padding-left: 74px
  3942.     }
  3943. }
  3944. .message-container__container--exclamation {
  3945.     position: relative
  3946. }
  3947. .message-container__container--exclamation:after {
  3948.     background-image: url(assets/images/sprite.png);
  3949.     background-position: -499px 0;
  3950.     width: 10px;
  3951.     height: 45px;
  3952.     content: '';
  3953.     display: block;
  3954.     left: 0;
  3955.     margin-left: 20px;
  3956.     position: absolute;
  3957.     top: 2.5px
  3958. }
  3959. @media (-webkit-min-device-pixel-ratio: 2),
  3960. (min--moz-device-pixel-ratio: 2),
  3961. (min-device-pixel-ratio: 2),
  3962. (min-resolution: 192dpi),
  3963. (min-resolution: 2dppx) {
  3964.     .message-container__container--exclamation:after {
  3965.         background-image: url(assets/images/sprite@2x.png);
  3966.         background-position: -513px -46px;
  3967.         background-size: 525px 411px
  3968.     }
  3969. }
  3970. .message-container__container--exclamation:before {
  3971.     height: 50px;
  3972.     position: absolute;
  3973.     top: 0;
  3974.     width: 50px
  3975. }
  3976. .message-container__container--check {
  3977.     position: relative
  3978. }
  3979. .message-container__container--check:after {
  3980.     background-image: url(assets/images/sprite.png);
  3981.     background-position: -300px -375px;
  3982.     width: 22px;
  3983.     height: 27px;
  3984.     content: '';
  3985.     display: block;
  3986.     left: 0;
  3987.     margin-left: 14px;
  3988.     position: absolute;
  3989.     top: 11.5px
  3990. }
  3991. @media (-webkit-min-device-pixel-ratio: 2),
  3992. (min--moz-device-pixel-ratio: 2),
  3993. (min-device-pixel-ratio: 2),
  3994. (min-resolution: 192dpi),
  3995. (min-resolution: 2dppx) {
  3996.     .message-container__container--check:after {
  3997.         background-image: url(assets/images/sprite@2x.png);
  3998.         background-position: -440px -318px;
  3999.         background-size: 525px 411px
  4000.     }
  4001. }
  4002. .message-container__container--check:before {
  4003.     height: 50px;
  4004.     position: absolute;
  4005.     top: 0;
  4006.     width: 50px
  4007. }
  4008. .report {
  4009.     display: inline-block;
  4010.     margin-left: 6px
  4011. }
  4012. .report__link:active,
  4013. .report__link:hover {
  4014.     border-bottom-style: solid;
  4015.     border-bottom-width: 0
  4016. }
  4017. .report__icon {
  4018.     vertical-align: middle
  4019. }
  4020. .report-form__submit {
  4021.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  4022.     display: inline-block;
  4023.     text-align: center;
  4024.     background-color: #c0174e;
  4025.     border-color: #f37387;
  4026.     color: #fff;
  4027.     font-size: 16px;
  4028.     padding: 12px 24px;
  4029.     border-radius: 5px;
  4030.     border-width: 2px;
  4031.     border-style: solid;
  4032.     margin-bottom: 4px
  4033. }
  4034. .report-form__submit:hover {
  4035.     background-color: #f9586d;
  4036.     border-color: #ff9598
  4037. }
  4038. .report-form__submit:active,
  4039. .report-form__submit:disabled {
  4040.     background-color: #820022;
  4041.     border-color: #b73e56
  4042. }
  4043. .report-form__submit:active,
  4044. .report-form__submit:hover {
  4045.     border-bottom-style: solid;
  4046.     border-bottom-width: 2px
  4047. }
  4048. .report-form__submit:active {
  4049.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  4050.     -webkit-transform: translate(0, 2px);
  4051.     transform: translate(0, 2px)
  4052. }
  4053. .report-form__creation {
  4054.     box-shadow: 3px 3px rgba(0, 0, 0, .3);
  4055.     display: block;
  4056.     margin: 24px auto;
  4057.     max-width: 100%
  4058. }
  4059. .report-form__description {
  4060.     margin-top: 0
  4061. }
  4062. .toast-top-center {
  4063.     left: 12px;
  4064.     position: fixed;
  4065.     right: 12px;
  4066.     top: 12px;
  4067.     width: calc(100% - 24px);
  4068.     z-index: 1200
  4069. }
  4070. .toast {
  4071.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  4072.     border-radius: 5px;
  4073.     cursor: pointer;
  4074.     display: table;
  4075.     margin: 0 auto 12px;
  4076.     max-width: 620px;
  4077.     padding: 12px 12px 16px;
  4078.     pointer-events: all;
  4079.     position: relative
  4080. }
  4081. .toast:hover {
  4082.     box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
  4083. }
  4084. .toast-button,
  4085. .toast.toast-error:before,
  4086. .toast.toast-success:before {
  4087.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3)
  4088. }
  4089. .toast:after,
  4090. .toast:before {
  4091.     margin-top: 12px
  4092. }
  4093. .toast-sticky .toast {
  4094.     cursor: initial;
  4095.     display: block
  4096. }
  4097. .toast.toast-success {
  4098.     position: relative;
  4099.     background-color: #00b14e
  4100. }
  4101. .toast.toast-success:after,
  4102. .toast.toast-success:before {
  4103.     position: absolute;
  4104.     content: '';
  4105.     display: block;
  4106.     left: 12px
  4107. }
  4108. .toast.toast-success:after {
  4109.     background-image: url(assets/images/sprite.png);
  4110.     background-position: -300px -375px;
  4111.     width: 22px;
  4112.     height: 27px;
  4113.     margin-left: 14px;
  4114.     top: 11.5px
  4115. }
  4116. @media (-webkit-min-device-pixel-ratio: 2),
  4117. (min--moz-device-pixel-ratio: 2),
  4118. (min-device-pixel-ratio: 2),
  4119. (min-resolution: 192dpi),
  4120. (min-resolution: 2dppx) {
  4121.     .toast.toast-success:after {
  4122.         background-image: url(assets/images/sprite@2x.png);
  4123.         background-position: -440px -318px;
  4124.         background-size: 525px 411px
  4125.     }
  4126. }
  4127. .toast.toast-success:before {
  4128.     background-color: #fff;
  4129.     border-radius: 50%;
  4130.     height: 50px;
  4131.     top: 0;
  4132.     width: 50px
  4133. }
  4134. .toast.toast-error {
  4135.     position: relative;
  4136.     background-color: #b00049
  4137. }
  4138. .toast.toast-error:after {
  4139.     background-image: url(assets/images/sprite.png);
  4140.     background-position: -370px -303px;
  4141.     width: 25px;
  4142.     height: 27px;
  4143.     content: '';
  4144.     display: block;
  4145.     left: 12px;
  4146.     margin-left: 12px;
  4147.     position: absolute;
  4148.     top: 11.5px
  4149. }
  4150. @media (-webkit-min-device-pixel-ratio: 2),
  4151. (min--moz-device-pixel-ratio: 2),
  4152. (min-device-pixel-ratio: 2),
  4153. (min-resolution: 192dpi),
  4154. (min-resolution: 2dppx) {
  4155.     .toast.toast-error:after {
  4156.         background-image: url(assets/images/sprite@2x.png);
  4157.         background-position: -427px -287px;
  4158.         background-size: 525px 411px
  4159.     }
  4160. }
  4161. .toast.toast-error:before {
  4162.     background-color: #fff;
  4163.     border-radius: 50%;
  4164.     content: '';
  4165.     display: block;
  4166.     height: 50px;
  4167.     left: 12px;
  4168.     position: absolute;
  4169.     top: 0;
  4170.     width: 50px
  4171. }
  4172. .toast-message,
  4173. .toast-title {
  4174.     padding: 0 24px 0 74px
  4175. }
  4176. .toast-title {
  4177.     font-size: 32px;
  4178.     text-shadow: 0 1px rgba(0, 0, 0, .3);
  4179.     color: #fff;
  4180.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  4181.     font-weight: 400;
  4182.     margin: 0 0 .6em
  4183. }
  4184. .toast-message {
  4185.     color: #fff;
  4186.     display: table-cell;
  4187.     height: 50px;
  4188.     vertical-align: middle
  4189. }
  4190. .toast-button,
  4191. .toast-sticky .toast-message {
  4192.     display: block
  4193. }
  4194. .toast-message a {
  4195.     border-bottom-style: solid;
  4196.     border-bottom-width: 1px
  4197. }
  4198. .toast-message a:active,
  4199. .toast-message a:hover {
  4200.     border: 0
  4201. }
  4202. .toast-button {
  4203.     text-align: center;
  4204.     background-color: #efefef;
  4205.     border-color: #999;
  4206.     color: #333;
  4207.     font-size: 16px;
  4208.     padding: 12px 24px;
  4209.     border-radius: 5px;
  4210.     border-width: 2px;
  4211.     border-style: solid;
  4212.     margin: 12px auto 4px
  4213. }
  4214. .social-share--creation:after,
  4215. .social-share--creation:before,
  4216. .tabs__wrapper:after,
  4217. .tabs__wrapper:before {
  4218.     display: table;
  4219.     content: ''
  4220. }
  4221. .toast-button:hover {
  4222.     background-color: #fff;
  4223.     border-color: #ccc
  4224. }
  4225. .toast-button:active,
  4226. .toast-button:disabled {
  4227.     background-color: #999;
  4228.     border-color: #666
  4229. }
  4230. .toast-button:active,
  4231. .toast-button:hover {
  4232.     border-bottom-style: solid;
  4233.     border-bottom-width: 2px
  4234. }
  4235. .toast-button:active {
  4236.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  4237.     -webkit-transform: translate(0, 2px);
  4238.     transform: translate(0, 2px)
  4239. }
  4240. .toast-progress {
  4241.     border-bottom: 4px solid rgba(0, 0, 0, .3);
  4242.     border-bottom-left-radius: 4px;
  4243.     border-top: 4px solid transparent;
  4244.     bottom: 0;
  4245.     left: 0;
  4246.     position: absolute;
  4247.     width: 0
  4248. }
  4249. .news-article .remove-link:active,
  4250. .news-article .remove-link:hover,
  4251. .news-category__link:active,
  4252. .news-category__link:hover,
  4253. .news-category__next:active,
  4254. .news-category__next:hover,
  4255. .news-category__previous:active,
  4256. .news-category__previous:hover,
  4257. .social-share__link:active,
  4258. .social-share__link:hover,
  4259. .tabs__link:active,
  4260. .tabs__link:hover,
  4261. .tabs__toggle__title:active,
  4262. .tabs__toggle__title:hover {
  4263.     border-bottom-style: solid;
  4264.     border-bottom-width: 0
  4265. }
  4266. .social-share {
  4267.     width: 100%
  4268. }
  4269. .social-share--news {
  4270.     max-width: 759px;
  4271.     position: absolute;
  4272.     top: 200px
  4273. }
  4274. @media (min-width: 767px) {
  4275.     .social-share--news {
  4276.         top: 300px
  4277.     }
  4278. }
  4279. .social-share--profile {
  4280.     margin: 0 auto;
  4281.     max-width: 1200px;
  4282.     padding: 0 12px;
  4283.     position: relative
  4284. }
  4285. .social-share--creation {
  4286.     zoom: 1;
  4287.     margin: 0 auto;
  4288.     max-width: 1200px;
  4289.     padding: 0 12px
  4290. }
  4291. .social-share__buttons {
  4292.     background-color: rgba(0, 0, 0, .3);
  4293.     border-bottom-left-radius: 6px;
  4294.     border-bottom-right-radius: 6px;
  4295.     float: right;
  4296.     padding: 6px 12px
  4297. }
  4298. .social-share--news .social-share__buttons {
  4299.     margin: 3px -3px 0 0;
  4300.     padding-top: 3px
  4301. }
  4302. .social-share--profile .social-share__buttons {
  4303.     position: absolute;
  4304.     right: 12px;
  4305.     top: 0;
  4306.     z-index: 300
  4307. }
  4308. .social-share__link,
  4309. .social-share__text {
  4310.     float: right;
  4311.     height: 30px;
  4312.     line-height: 30px
  4313. }
  4314. .social-share__link {
  4315.     padding-left: 6px
  4316. }
  4317. .social-share__text {
  4318.     color: #fff
  4319. }
  4320. .sticky-header {
  4321.     transition: -webkit-transform .15s ease-out;
  4322.     transition: transform .15s ease-out
  4323. }
  4324. @media (min-width: 959px) {
  4325.     .sticky-header {
  4326.         left: 0;
  4327.         position: absolute;
  4328.         top: 0;
  4329.         -webkit-transform: translateY(-100%);
  4330.         transform: translateY(-100%);
  4331.         z-index: 500
  4332.     }
  4333.     .sticky-header.sticky-header--top {
  4334.         -webkit-transform: translateY(0);
  4335.         transform: translateY(0)
  4336.     }
  4337.     .sticky-header.sticky-header--fixed {
  4338.         position: fixed;
  4339.         -webkit-transform: translateY(0);
  4340.         transform: translateY(0)
  4341.     }
  4342.     .sticky-header.sticky-header--hidden {
  4343.         position: fixed
  4344.     }
  4345. }
  4346. .tabs {
  4347.     background-color: #001726;
  4348.     text-transform: uppercase
  4349. }
  4350. .tabs__wrapper {
  4351.     zoom: 1;
  4352.     margin: 0 auto;
  4353.     max-width: 1200px;
  4354.     padding: 0 12px
  4355. }
  4356. .tabs__title {
  4357.     margin: 0;
  4358.     padding-top: 12px;
  4359.     text-align: center
  4360. }
  4361. .tabs__toggle {
  4362.     -webkit-align-items: center;
  4363.     -ms-flex-align: center;
  4364.     align-items: center;
  4365.     color: #fff;
  4366.     display: -webkit-flex;
  4367.     display: -ms-flexbox;
  4368.     display: flex;
  4369.     height: 50px;
  4370.     -webkit-justify-content: center;
  4371.     -ms-flex-pack: center;
  4372.     justify-content: center
  4373. }
  4374. @media (min-width: 767px) {
  4375.     .tabs__title {
  4376.         text-align: left
  4377.     }
  4378.     .tabs__toggle {
  4379.         display: none
  4380.     }
  4381. }
  4382. .tabs__toggle__title {
  4383.     position: relative;
  4384.     padding-right: 24px;
  4385.     text-align: right;
  4386.     line-height: 22px
  4387. }
  4388. .tabs__toggle__title:before {
  4389.     background-image: url(assets/images/sprite.png);
  4390.     background-position: -118px -470px;
  4391.     width: 18px;
  4392.     height: 18px;
  4393.     content: '';
  4394.     display: block;
  4395.     margin-top: -9px;
  4396.     position: absolute;
  4397.     top: 50%;
  4398.     right: 0;
  4399.     transition: -webkit-transform .3s;
  4400.     transition: transform .3s
  4401. }
  4402. @media (-webkit-min-device-pixel-ratio: 2),
  4403. (min--moz-device-pixel-ratio: 2),
  4404. (min-device-pixel-ratio: 2),
  4405. (min-resolution: 192dpi),
  4406. (min-resolution: 2dppx) {
  4407.     .tabs__toggle__title:before {
  4408.         background-image: url(assets/images/sprite@2x.png);
  4409.         background-position: -250px -371px;
  4410.         background-size: 525px 411px
  4411.     }
  4412. }
  4413. .tabs__toggle__title--active:before {
  4414.     -webkit-transform: rotate(180deg);
  4415.     transform: rotate(180deg)
  4416. }
  4417. .tabs__menu {
  4418.     max-height: 250px;
  4419.     -webkit-animation-duration: 10s;
  4420.     animation-duration: 10s;
  4421.     display: -webkit-flex;
  4422.     display: -ms-flexbox;
  4423.     display: flex;
  4424.     -webkit-flex-direction: column;
  4425.     -ms-flex-direction: column;
  4426.     flex-direction: column
  4427. }
  4428. .tabs__menu.ng-animate {
  4429.     transition: max-height .15s ease-out
  4430. }
  4431. .tabs__menu.ng-hide {
  4432.     max-height: 0
  4433. }
  4434. @media (min-width: 767px) {
  4435.     .tabs__menu {
  4436.         -webkit-align-items: center;
  4437.         -ms-flex-align: center;
  4438.         align-items: center;
  4439.         -webkit-flex-direction: row;
  4440.         -ms-flex-direction: row;
  4441.         flex-direction: row;
  4442.         -webkit-justify-content: flex-start;
  4443.         -ms-flex-pack: start;
  4444.         justify-content: flex-start
  4445.     }
  4446.     .tabs__menu.ng-hide {
  4447.         display: -webkit-flex!important;
  4448.         display: -ms-flexbox!important;
  4449.         display: flex!important;
  4450.         max-height: 50px
  4451.     }
  4452. }
  4453. .tabs__item {
  4454.     -webkit-align-items: center;
  4455.     -ms-flex-align: center;
  4456.     align-items: center;
  4457.     display: -webkit-flex;
  4458.     display: -ms-flexbox;
  4459.     display: flex;
  4460.     height: 50px
  4461. }
  4462. @media (min-width: 767px) {
  4463.     .tabs__item:not(:last-child):after {
  4464.         background-color: #406180;
  4465.         content: '';
  4466.         display: inline-block;
  4467.         height: 1em;
  4468.         margin-left: 24px;
  4469.         margin-right: 24px;
  4470.         vertical-align: text-bottom;
  4471.         width: 2px
  4472.     }
  4473. }
  4474. .tabs__link {
  4475.     color: #fff;
  4476.     font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  4477.     text-transform: uppercase;
  4478.     display: block;
  4479.     line-height: 50px;
  4480.     width: 100%
  4481. }
  4482. .tabs__link--active {
  4483.     color: #6796b1
  4484. }
  4485. .tabs__link:hover {
  4486.     color: #406180
  4487. }
  4488. .tabs__link:active {
  4489.     color: #6796b1
  4490. }
  4491. @media (min-width: 767px) {
  4492.     .tabs__link {
  4493.         display: inline-block;
  4494.         line-height: 1.4;
  4495.         width: auto
  4496.     }
  4497. }
  4498. [toggle-height-target] {
  4499.     transition: height .15s ease-out
  4500. }
  4501. [toggle-height-click] {
  4502.     cursor: pointer
  4503. }
  4504. .news-article {
  4505.     zoom: 1;
  4506.     max-width: 759px
  4507. }
  4508. .news-article:after,
  4509. .news-article:before {
  4510.     content: '';
  4511.     display: table
  4512. }
  4513. .news-article hr {
  4514.     border-width: 0 0 8px;
  4515.     clear: both;
  4516.     margin: 1.35em auto;
  4517.     max-width: 100%
  4518. }
  4519. .news-article ol {
  4520.     list-style-type: decimal;
  4521.     margin: 12px 0;
  4522.     padding-left: 26px
  4523. }
  4524. .news-article ul {
  4525.     list-style-type: disc;
  4526.     margin: 12px 0;
  4527.     padding-left: 26px
  4528. }
  4529. .news-article iframe {
  4530.     margin: 24px 0;
  4531.     max-width: 100%
  4532. }
  4533. .news-article img {
  4534.     vertical-align: middle
  4535. }
  4536. .news-article .align-center,
  4537. .news-article .align-left,
  4538. .news-article .align-right {
  4539.     display: block;
  4540.     margin: 12px auto
  4541. }
  4542. @media (min-width: 532px) {
  4543.     .news-article .align-left {
  4544.         float: left;
  4545.         margin: 12px 24px 12px 0
  4546.     }
  4547.     .news-article .align-right {
  4548.         display: inline-block;
  4549.         float: right;
  4550.         margin: 12px 0 12px 24px
  4551.     }
  4552. }
  4553. @media (min-width: 767px) {
  4554.     .news-article {
  4555.         padding: 0 24px
  4556.     }
  4557. }
  4558. .news-footer {
  4559.     zoom: 1
  4560. }
  4561. .news-footer:after,
  4562. .news-footer:before {
  4563.     content: '';
  4564.     display: table
  4565. }
  4566. .news-box {
  4567.     border-radius: 3px;
  4568.     padding: 24px 12px;
  4569.     background-color: #0b6395;
  4570.     float: none;
  4571.     width: 100%;
  4572.     margin-top: 24px
  4573. }
  4574. .news-box h1:first-child,
  4575. .news-box h2:first-child,
  4576. .news-box h3:first-child,
  4577. .news-box h4:first-child,
  4578. .news-box h5:first-child,
  4579. .news-box h6:first-child {
  4580.     text-shadow: 0 1px #000;
  4581.     background-color: #0e3955;
  4582.     margin: -24px -12px 12px;
  4583.     padding: 6px 12px
  4584. }
  4585. @media (min-width: 532px) {
  4586.     .news-box h1:first-child,
  4587.     .news-box h2:first-child,
  4588.     .news-box h3:first-child,
  4589.     .news-box h4:first-child,
  4590.     .news-box h5:first-child,
  4591.     .news-box h6:first-child {
  4592.         margin-left: -24px;
  4593.         margin-right: -24px;
  4594.         padding-left: 24px;
  4595.         padding-right: 24px
  4596.     }
  4597.     .news-box {
  4598.         padding-left: 24px;
  4599.         padding-right: 24px
  4600.     }
  4601. }
  4602. @media (min-width: 959px) {
  4603.     .news-footer {
  4604.         max-width: 759px
  4605.     }
  4606.     .news-box {
  4607.         float: left;
  4608.         width: calc(50% - 12px)
  4609.     }
  4610.     .news-box:first-child {
  4611.         margin-right: 24px
  4612.     }
  4613. }
  4614. .news-box__item {
  4615.     margin-top: 6px
  4616. }
  4617. .news-box__date {
  4618.     color: #999
  4619. }
  4620. .news-category__header {
  4621.     margin-bottom: -6px
  4622. }
  4623. .news-category__navigation {
  4624.     display: inline;
  4625.     margin-left: 6px
  4626. }
  4627. .news-category__item,
  4628. .news-category__list {
  4629.     display: inline;
  4630.     font-size: 0
  4631. }
  4632. .news-category__link {
  4633.     font-size: 16px;
  4634.     background-color: #103960;
  4635.     border-radius: 6px;
  4636.     display: inline-block;
  4637.     margin: 0 6px 6px 0;
  4638.     padding: 3px 6px
  4639. }
  4640. .news-category__next,
  4641. .news-category__previous {
  4642.     font-size: 20px;
  4643.     line-height: 28px;
  4644.     color: #fff;
  4645.     text-transform: uppercase;
  4646.     text-shadow: 0 1px rgba(0, 0, 0, .3);
  4647.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  4648.     font-weight: 400
  4649. }
  4650. .news-category__link:hover {
  4651.     background-color: #0074a6
  4652. }
  4653. .news-category__link--active {
  4654.     background-color: #0b6395
  4655. }
  4656. .news-category__previous {
  4657.     display: inline-block;
  4658.     margin: 0;
  4659.     position: relative;
  4660.     padding-left: 22px;
  4661.     float: left
  4662. }
  4663. .news-category__previous:before {
  4664.     background-image: url(assets/images/sprite.png);
  4665.     background-position: -380px -238px;
  4666.     width: 16px;
  4667.     height: 22px;
  4668.     content: '';
  4669.     display: block;
  4670.     margin-top: -11px;
  4671.     position: absolute;
  4672.     top: 50%;
  4673.     left: 0
  4674. }
  4675. @media (-webkit-min-device-pixel-ratio: 2),
  4676. (min--moz-device-pixel-ratio: 2),
  4677. (min-device-pixel-ratio: 2),
  4678. (min-resolution: 192dpi),
  4679. (min-resolution: 2dppx) {
  4680.     .news-category__previous:before {
  4681.         background-image: url(assets/images/sprite@2x.png);
  4682.         background-position: -509px -217px;
  4683.         background-size: 525px 411px
  4684.     }
  4685. }
  4686. .news-category__next {
  4687.     display: inline-block;
  4688.     margin: 0;
  4689.     position: relative;
  4690.     padding-right: 22px;
  4691.     text-align: right;
  4692.     float: right
  4693. }
  4694. .news-category__next:before,
  4695. .photos__header:before {
  4696.     display: block;
  4697.     content: ''
  4698. }
  4699. .news-category__next:before {
  4700.     background-image: url(assets/images/sprite.png);
  4701.     background-position: 0 -470px;
  4702.     width: 16px;
  4703.     height: 22px;
  4704.     margin-top: -11px;
  4705.     position: absolute;
  4706.     top: 50%;
  4707.     right: 0
  4708. }
  4709. @media (-webkit-min-device-pixel-ratio: 2),
  4710. (min--moz-device-pixel-ratio: 2),
  4711. (min-device-pixel-ratio: 2),
  4712. (min-resolution: 192dpi),
  4713. (min-resolution: 2dppx) {
  4714.     .news-category__next:before {
  4715.         background-image: url(assets/images/sprite@2x.png);
  4716.         background-position: -509px -318px;
  4717.         background-size: 525px 411px
  4718.     }
  4719. }
  4720. .photos__header {
  4721.     position: relative;
  4722.     background-color: #069
  4723. }
  4724. .photos__header:before {
  4725.     background: linear-gradient(rgba(0, 0, 0, .3), transparent);
  4726.     bottom: -2px;
  4727.     height: 2px;
  4728.     position: absolute;
  4729.     width: 100%
  4730. }
  4731. .photos__header__container {
  4732.     padding-bottom: 24px;
  4733.     padding-top: 24px
  4734. }
  4735. @media (min-width: 767px) {
  4736.     .photos__header__container {
  4737.         -webkit-align-items: center;
  4738.         -ms-flex-align: center;
  4739.         align-items: center;
  4740.         display: -webkit-flex;
  4741.         display: -ms-flexbox;
  4742.         display: flex;
  4743.         width: 100%
  4744.     }
  4745. }
  4746. .photos__header__image__wrapper {
  4747.     display: none
  4748. }
  4749. @media (min-width: 767px) {
  4750.     .photos__header__image__wrapper {
  4751.         display: block;
  4752.         width: 174px
  4753.     }
  4754. }
  4755. .photos__header__image {
  4756.     -ms-interpolation-mode: bicubic;
  4757.     image-rendering: -webkit-optimize-contrast;
  4758.     image-rendering: -moz-crisp-edges;
  4759.     image-rendering: pixelated;
  4760.     background: url(assets/images/teaser_stories_channels.png) center center no-repeat;
  4761.     height: 295px;
  4762.     margin-left: -81px;
  4763.     width: 243px
  4764. }
  4765. @media (min-width: 767px) {
  4766.     .photos__header__content {
  4767.         width: calc(100% - 174px)
  4768.     }
  4769. }
  4770. .photos__header__title {
  4771.     border-bottom: 1px solid #0c3a65;
  4772.     position: relative;
  4773.     padding-bottom: 12px
  4774. }
  4775. .photos__header__title:after {
  4776.     background: #2a9cde;
  4777.     bottom: -2px;
  4778.     content: '';
  4779.     display: block;
  4780.     height: 1px;
  4781.     left: 0;
  4782.     position: absolute;
  4783.     overflow: hidden;
  4784.     width: 100%;
  4785.     z-index: 1
  4786. }
  4787. .help-login-backdrop {
  4788.     bottom: 0;
  4789.     left: 0;
  4790.     outline: 0;
  4791.     -webkit-overflow-scrolling: none;
  4792.     position: fixed;
  4793.     right: 0;
  4794.     top: 0;
  4795.     z-index: 1040;
  4796.     background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
  4797.     opacity: 1;
  4798.     visibility: visible
  4799. }
  4800. .campaign-messages__toggle__wrapper:disabled,
  4801. .client-reload__button:disabled,
  4802. .client__buttons button:disabled,
  4803. .discussion__reply:disabled,
  4804. .photo-delete:disabled,
  4805. .register-banner__button:disabled {
  4806.     opacity: .4
  4807. }
  4808. .discussion {
  4809.     zoom: 1;
  4810.     margin-bottom: 12px
  4811. }
  4812. .discussion:after,
  4813. .discussion:before {
  4814.     content: '';
  4815.     display: table
  4816. }
  4817. .discussion__participant {
  4818.     float: none;
  4819.     width: 100%
  4820. }
  4821. @media (min-width: 767px) {
  4822.     .discussion__participant {
  4823.         float: left;
  4824.         width: 33%
  4825.     }
  4826.     .discussion__participant:nth-child(3n+1) {
  4827.         clear: left
  4828.     }
  4829.     .discussion__participant:not(:nth-child(3n+1)) {
  4830.         clear: none
  4831.     }
  4832. }
  4833. .campaign-messages__message__container:after,
  4834. .discussion__message__wrapper:after,
  4835. .news__navigation:after,
  4836. .profile__section:after {
  4837.     clear: both
  4838. }
  4839. @media (min-width: 532px) {
  4840.     .discussion__participant {
  4841.         padding-right: 12px
  4842.     }
  4843. }
  4844. .discussion__participant .avatar {
  4845.     display: block;
  4846.     position: relative;
  4847.     margin-left: 0;
  4848.     margin-right: 0;
  4849.     width: 104px
  4850. }
  4851. .discussion__participant .avatar:before {
  4852.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  4853.     background-color: #02353c;
  4854.     border: 2px solid #267b91;
  4855.     border-radius: 50%;
  4856.     content: '';
  4857.     height: 88px;
  4858.     left: 0;
  4859.     position: absolute;
  4860.     top: 19px;
  4861.     width: 88px
  4862. }
  4863. .discussion__participant .avatar .avatar__image {
  4864.     position: relative
  4865. }
  4866. .discussion__participant .avatar .imager {
  4867.     margin-left: -3px
  4868. }
  4869. .discussion__participant .avatar__title {
  4870.     font-size: 24px
  4871. }
  4872. .discussion__wrapper {
  4873.     float: none;
  4874.     width: 100%;
  4875.     margin-bottom: 24px
  4876. }
  4877. @media (min-width: 767px) {
  4878.     .discussion__wrapper {
  4879.         float: left;
  4880.         width: 66%
  4881.     }
  4882. }
  4883. .discussion__message__timeago:after,
  4884. .discussion__message__timeago:before {
  4885.     background-color: #2685bc;
  4886.     content: '';
  4887.     display: inline-block;
  4888.     height: 1px;
  4889.     top: -1px;
  4890.     width: 50%;
  4891.     position: relative;
  4892.     vertical-align: middle
  4893. }
  4894. .discussion__message,
  4895. .discussion__messages__list {
  4896.     margin-bottom: 12px
  4897. }
  4898. .discussion__message__timeago {
  4899.     overflow: hidden;
  4900.     text-align: center
  4901. }
  4902. .discussion__message__timeago:before {
  4903.     margin-left: -50%;
  4904.     right: .5em
  4905. }
  4906. .discussion__message__timeago:after {
  4907.     left: .5em;
  4908.     margin-right: -50%
  4909. }
  4910. .campaign-messages__toggle:before,
  4911. .news__more:before {
  4912.     top: 50%;
  4913.     content: '';
  4914.     right: 0
  4915. }
  4916. .discussion__message__wrapper {
  4917.     zoom: 1;
  4918.     margin-bottom: 6px
  4919. }
  4920. .discussion__message__wrapper:after,
  4921. .discussion__message__wrapper:before {
  4922.     content: '';
  4923.     display: table
  4924. }
  4925. .discussion__message__text {
  4926.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  4927.     background-color: #069;
  4928.     border-radius: 10px;
  4929.     display: block;
  4930.     float: left;
  4931.     margin: 0;
  4932.     max-width: 100%;
  4933.     padding: 12px;
  4934.     word-wrap: break-word
  4935. }
  4936. .discussion__reply {
  4937.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  4938.     line-height: 1.2;
  4939.     text-align: center;
  4940.     background-color: #0f7dbc;
  4941.     border-color: #2a9cde;
  4942.     color: #fff;
  4943.     font-size: 16px;
  4944.     padding: 12px 24px;
  4945.     border-radius: 5px;
  4946.     border-width: 2px;
  4947.     border-style: solid;
  4948.     margin-bottom: 4px;
  4949.     text-transform: uppercase;
  4950.     display: block
  4951. }
  4952. .discussion__reply:hover {
  4953.     background-color: #2a9cde;
  4954.     border-color: #53bdf9
  4955. }
  4956. .discussion__reply:active,
  4957. .discussion__reply:disabled {
  4958.     background-color: #084d74;
  4959.     border-color: #1e7b9e
  4960. }
  4961. .discussion__reply:active,
  4962. .discussion__reply:hover {
  4963.     border-bottom-style: solid;
  4964.     border-bottom-width: 2px
  4965. }
  4966. .discussion__reply:active {
  4967.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  4968.     -webkit-transform: translate(0, 2px);
  4969.     transform: translate(0, 2px)
  4970. }
  4971. @media (min-width: 767px) {
  4972.     .discussion__reply {
  4973.         float: right
  4974.     }
  4975. }
  4976. .news__navigation {
  4977.     zoom: 1
  4978. }
  4979. .news__navigation:after,
  4980. .news__navigation:before {
  4981.     content: '';
  4982.     display: table
  4983. }
  4984. .news__more {
  4985.     font-size: 20px;
  4986.     text-shadow: 0 1px rgba(0, 0, 0, .3);
  4987.     color: #fff;
  4988.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  4989.     font-weight: 400;
  4990.     display: inline-block;
  4991.     margin: 0;
  4992.     text-transform: uppercase;
  4993.     position: relative;
  4994.     padding-right: 29px;
  4995.     text-align: right;
  4996.     line-height: 28px;
  4997.     float: right
  4998. }
  4999. .news__more:before {
  5000.     background-image: url(assets/images/sprite.png);
  5001.     background-position: -355px -238px;
  5002.     width: 23px;
  5003.     height: 22px;
  5004.     display: block;
  5005.     margin-top: -11px;
  5006.     position: absolute
  5007. }
  5008. @media (-webkit-min-device-pixel-ratio: 2),
  5009. (min--moz-device-pixel-ratio: 2),
  5010. (min-device-pixel-ratio: 2),
  5011. (min-resolution: 192dpi),
  5012. (min-resolution: 2dppx) {
  5013.     .news__more:before {
  5014.         background-image: url(assets/images/sprite@2x.png);
  5015.         background-position: -485px -318px;
  5016.         background-size: 525px 411px
  5017.     }
  5018. }
  5019. .news__more:active,
  5020. .news__more:hover {
  5021.     border-bottom-style: solid;
  5022.     border-bottom-width: 0
  5023. }
  5024. .site-of-the-year {
  5025.     text-align: center
  5026. }
  5027. .site-of-the-year img {
  5028.     -ms-interpolation-mode: bicubic;
  5029.     image-rendering: auto
  5030. }
  5031. .site-of-the-year__link {
  5032.     font-size: 14px;
  5033.     line-height: 1.4;
  5034.     color: #a1b5c8
  5035. }
  5036. .campaign-messages__item {
  5037.     border-bottom: 2px solid #2a9cde;
  5038.     margin-bottom: 12px
  5039. }
  5040. .campaign-messages__toggle:active,
  5041. .campaign-messages__toggle:hover,
  5042. .campaign-messages__toggle__wrapper:active,
  5043. .campaign-messages__toggle__wrapper:hover {
  5044.     border-bottom-style: solid;
  5045.     border-bottom-width: 0
  5046. }
  5047. .campaign-messages__message__container {
  5048.     zoom: 1;
  5049.     position: relative
  5050. }
  5051. .campaign-messages__message__container:after,
  5052. .campaign-messages__message__container:before {
  5053.     content: '';
  5054.     display: table
  5055. }
  5056. .campaign-messages__message {
  5057.     float: none;
  5058.     width: 100%;
  5059.     height: 180px;
  5060.     overflow: hidden;
  5061.     padding-bottom: 48px
  5062. }
  5063. @media (min-width: 959px) {
  5064.     .campaign-messages__message {
  5065.         float: left;
  5066.         width: 66%
  5067.     }
  5068. }
  5069. .campaign-messages__message:first-child {
  5070.     margin-top: 0
  5071. }
  5072. .campaign-messages__message img {
  5073.     float: left;
  5074.     margin: 0 24px 24px 0
  5075. }
  5076. .campaign-messages__message img[align=right] {
  5077.     float: right;
  5078.     margin: 0 0 24px 24px
  5079. }
  5080. .campaign-messages__toggle__wrapper {
  5081.     position: absolute;
  5082.     left: 50%;
  5083.     -webkit-transform: translateX(-50%);
  5084.     transform: translateX(-50%);
  5085.     display: inline-block;
  5086.     line-height: 1.2;
  5087.     text-align: center;
  5088.     background-color: #0f7dbc;
  5089.     border-color: #2a9cde;
  5090.     color: #fff;
  5091.     font-size: 14px;
  5092.     border-top-left-radius: 5px;
  5093.     border-top-right-radius: 5px;
  5094.     border-width: 2px;
  5095.     border-style: solid;
  5096.     padding: 12px;
  5097.     text-transform: uppercase;
  5098.     bottom: 0;
  5099.     margin-bottom: -2px
  5100. }
  5101. .campaign-messages__toggle__wrapper:hover {
  5102.     background-color: #2a9cde;
  5103.     border-color: #53bdf9
  5104. }
  5105. .campaign-messages__toggle__wrapper:active,
  5106. .campaign-messages__toggle__wrapper:disabled {
  5107.     background-color: #084d74;
  5108.     border-color: #1e7b9e
  5109. }
  5110. .campaign-messages__toggle {
  5111.     position: relative;
  5112.     padding-right: 28px;
  5113.     text-align: right;
  5114.     line-height: 20px;
  5115.     display: inline-block;
  5116.     min-width: 115px
  5117. }
  5118. .campaign-messages__toggle:before {
  5119.     background-image: url(assets/images/sprite.png);
  5120.     background-position: -199px -156px;
  5121.     width: 22px;
  5122.     height: 16px;
  5123.     display: block;
  5124.     margin-top: -8px;
  5125.     position: absolute;
  5126.     transition: -webkit-transform .3s;
  5127.     transition: transform .3s
  5128. }
  5129. .profile__card__wrapper--badges.ng-enter,
  5130. .profile__card__wrapper--badges.ng-leave,
  5131. .profile__card__wrapper--friends.ng-enter,
  5132. .profile__card__wrapper--friends.ng-leave,
  5133. .profile__card__wrapper--groups.ng-enter,
  5134. .profile__card__wrapper--groups.ng-leave,
  5135. .profile__card__wrapper--rooms.ng-enter,
  5136. .profile__card__wrapper--rooms.ng-leave,
  5137. .profile__creations.ng-enter,
  5138. .profile__creations.ng-leave {
  5139.     transition: opacity .15s ease-out
  5140. }
  5141. @media (-webkit-min-device-pixel-ratio: 2),
  5142. (min--moz-device-pixel-ratio: 2),
  5143. (min-device-pixel-ratio: 2),
  5144. (min-resolution: 192dpi),
  5145. (min-resolution: 2dppx) {
  5146.     .campaign-messages__toggle:before {
  5147.         background-image: url(assets/images/sprite@2x.png);
  5148.         background-position: -257px -143px;
  5149.         background-size: 525px 411px
  5150.     }
  5151. }
  5152. .client__buttons button:active,
  5153. .client__buttons button:hover,
  5154. .register-banner__button:active,
  5155. .register-banner__button:hover {
  5156.     border-bottom-width: 2px;
  5157.     border-bottom-style: solid
  5158. }
  5159. .campaign-messages__item--open .campaign-messages__toggle:before {
  5160.     -webkit-transform: rotate(180deg);
  5161.     transform: rotate(180deg)
  5162. }
  5163. .moderation-notification__list {
  5164.     list-style-type: disc;
  5165.     padding-left: 26px
  5166. }
  5167. .register-banner {
  5168.     margin: 0 auto;
  5169.     max-width: 1200px;
  5170.     width: 100%
  5171. }
  5172. @media (min-width: 767px) {
  5173.     .register-banner__hotel {
  5174.         margin-left: calc(100vw / 2.17 - 553px);
  5175.         max-width: 1200px;
  5176.         position: relative
  5177.     }
  5178.     .register-banner__hotel:after {
  5179.         -ms-interpolation-mode: bicubic;
  5180.         image-rendering: -webkit-optimize-contrast;
  5181.         image-rendering: -moz-crisp-edges;
  5182.         image-rendering: pixelated;
  5183.         background: url(assets/images/backgrounds/hotel.png) no-repeat;
  5184.         content: '';
  5185.         display: block;
  5186.         height: 512px;
  5187.         left: -100px;
  5188.         position: absolute;
  5189.         top: -80px;
  5190.         width: 849px
  5191.     }
  5192. }
  5193. @media (min-width: 767px) and (min-width: 1199px) {
  5194.     .register-banner__hotel {
  5195.         margin: 0 auto
  5196.     }
  5197. }
  5198. .client-closed,
  5199. .register-banner__wrapper {
  5200.     display: -webkit-flex;
  5201.     display: -ms-flexbox
  5202. }
  5203. .register-banner__wrapper {
  5204.     -webkit-align-items: center;
  5205.     -ms-flex-align: center;
  5206.     align-items: center;
  5207.     background-color: #25b8ee;
  5208.     display: flex;
  5209.     padding: 48px 12px;
  5210.     width: 100%
  5211. }
  5212. @media (min-width: 767px) {
  5213.     .register-banner__wrapper {
  5214.         background-color: transparent;
  5215.         height: 432px;
  5216.         padding: 0 12px 0 calc(620px + 100vw / 2.17 - 553px)
  5217.     }
  5218. }
  5219. @media (min-width: 959px) {
  5220.     .register-banner__wrapper {
  5221.         padding-top: 80px
  5222.     }
  5223. }
  5224. @media (min-width: 1199px) {
  5225.     .register-banner__wrapper {
  5226.         padding-left: 620px
  5227.     }
  5228. }
  5229. .register-banner__register {
  5230.     margin: 0 auto;
  5231.     max-width: 360px;
  5232.     position: relative;
  5233.     text-align: center
  5234. }
  5235. @media (min-width: 767px) {
  5236.     .register-banner__register {
  5237.         max-width: 420px;
  5238.         padding: 0 12px 0 24px;
  5239.         width: 100%
  5240.     }
  5241.     .register-banner__logo {
  5242.         display: none
  5243.     }
  5244. }
  5245. .register-banner__logo {
  5246.     background-image: url(assets/images/sprite.png);
  5247.     background-position: 0 0;
  5248.     width: 197px;
  5249.     height: 73px;
  5250.     margin: 0 auto;
  5251.     text-indent: -9999px
  5252. }
  5253. .client,
  5254. .hotel {
  5255.     height: 100%;
  5256.     top: 0;
  5257.     width: 100%;
  5258.     position: absolute
  5259. }
  5260. @media (-webkit-min-device-pixel-ratio: 2),
  5261. (min--moz-device-pixel-ratio: 2),
  5262. (min-device-pixel-ratio: 2),
  5263. (min-resolution: 192dpi),
  5264. (min-resolution: 2dppx) {
  5265.     .register-banner__logo {
  5266.         background-image: url(assets/images/sprite@2x.png);
  5267.         background-position: 0 0;
  5268.         background-size: 525px 411px
  5269.     }
  5270. }
  5271. .register-banner__title {
  5272.     margin: 24px 0
  5273. }
  5274. .client__buttons button,
  5275. .register-banner__button {
  5276.     line-height: 1.2;
  5277.     border-radius: 5px;
  5278.     margin-bottom: 4px;
  5279.     border-width: 2px;
  5280.     border-style: solid;
  5281.     text-align: center;
  5282.     text-transform: uppercase
  5283. }
  5284. @media (min-width: 767px) {
  5285.     .register-banner__title {
  5286.         margin-top: 0
  5287.     }
  5288. }
  5289. .register-banner__button {
  5290.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  5291.     display: inline-block;
  5292.     background-color: #00813e;
  5293.     border-color: #8eda55;
  5294.     color: #fff;
  5295.     font-size: 32px;
  5296.     padding: 12px 24px;
  5297.     width: 100%
  5298. }
  5299. .register-banner__button:hover {
  5300.     background-color: #00ab54;
  5301.     border-color: #b9f373
  5302. }
  5303. .register-banner__button:active,
  5304. .register-banner__button:disabled {
  5305.     background-color: #006743;
  5306.     border-color: #5abb37
  5307. }
  5308. @media (min-width: 1199px) {
  5309.     .register-banner__button {
  5310.         padding-left: 48px;
  5311.         padding-right: 48px
  5312.     }
  5313. }
  5314. .register-banner__button:active {
  5315.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  5316.     -webkit-transform: translate(0, 2px);
  5317.     transform: translate(0, 2px)
  5318. }
  5319. .hotel {
  5320.     left: 0;
  5321.     background-color: #000;
  5322.     z-index: 600
  5323. }
  5324. .client {
  5325.     left: -9999px
  5326. }
  5327. .client--visible {
  5328.     left: 0
  5329. }
  5330. .client__buttons {
  5331.     left: 12px;
  5332.     position: absolute;
  5333.     top: 12px;
  5334.     z-index: 630
  5335. }
  5336. .client__buttons button {
  5337.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  5338.     background-color: #ffb900;
  5339.     border-color: #ffea00;
  5340.     color: #000;
  5341.     font-size: 12px;
  5342.     padding: 6px 12px;
  5343.     display: block;
  5344.     float: left
  5345. }
  5346. .client__buttons button:hover {
  5347.     background-color: #ffd400;
  5348.     border-color: #fffd70
  5349. }
  5350. .client__buttons button:active,
  5351. .client__buttons button:disabled {
  5352.     background-color: #f89400;
  5353.     border-color: #ffce37
  5354. }
  5355. .client__buttons button:active {
  5356.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  5357.     -webkit-transform: translate(0, 2px);
  5358.     transform: translate(0, 2px)
  5359. }
  5360. .client-reload__button,
  5361. .photo-delete {
  5362.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3)
  5363. }
  5364. .client__buttons button:first-child,
  5365. .client__buttons button:not(:first-child):not(:last-child) {
  5366.     border-bottom-right-radius: 0;
  5367.     border-top-right-radius: 0
  5368. }
  5369. .client__buttons button:last-child,
  5370. .client__buttons button:not(:first-child):not(:last-child) {
  5371.     border-bottom-left-radius: 0;
  5372.     border-top-left-radius: 0
  5373. }
  5374. .client__buttons button:not(:last-child) {
  5375.     margin-right: 4px
  5376. }
  5377. .client__buttons .client__close {
  5378.     padding: 4.5px 6px
  5379. }
  5380. .client__buttons .client__fullscreen {
  5381.     padding-left: 6px;
  5382.     padding-right: 6px
  5383. }
  5384. .client__close__text {
  5385.     position: relative;
  5386.     padding-left: 22px;
  5387.     line-height: 17px
  5388. }
  5389. .client-closed,
  5390. .client-error {
  5391.     -webkit-align-items: center;
  5392.     padding: 48px 12px
  5393. }
  5394. .client__close__text:before {
  5395.     background-image: url(assets/images/sprite.png);
  5396.     background-position: -223px -156px;
  5397.     width: 16px;
  5398.     height: 16px;
  5399.     content: '';
  5400.     display: block;
  5401.     margin-top: -8px;
  5402.     position: absolute;
  5403.     top: 50%;
  5404.     left: 0
  5405. }
  5406. .client-closed,
  5407. .client-error,
  5408. .client__frame {
  5409.     height: 100%;
  5410.     width: 100%;
  5411.     z-index: 610;
  5412.     position: absolute;
  5413.     left: 0
  5414. }
  5415. @media (-webkit-min-device-pixel-ratio: 2),
  5416. (min--moz-device-pixel-ratio: 2),
  5417. (min-device-pixel-ratio: 2),
  5418. (min-resolution: 192dpi),
  5419. (min-resolution: 2dppx) {
  5420.     .client__close__text:before {
  5421.         background-image: url(assets/images/sprite@2x.png);
  5422.         background-position: -280px -143px;
  5423.         background-size: 525px 411px
  5424.     }
  5425. }
  5426. .client__close__text:active,
  5427. .client__close__text:hover {
  5428.     border-bottom-style: solid;
  5429.     border-bottom-width: 0
  5430. }
  5431. .client__fullscreen__icon {
  5432.     display: block
  5433. }
  5434. .client__frame {
  5435.     top: 0;
  5436.     background-color: #000
  5437. }
  5438. .client-closed {
  5439.     top: 0;
  5440.     -ms-flex-align: center;
  5441.     align-items: center;
  5442.     display: flex;
  5443.     -webkit-justify-content: center;
  5444.     -ms-flex-pack: center;
  5445.     justify-content: center
  5446. }
  5447. .client-closed .hotel-closed {
  5448.     max-width: 620px
  5449. }
  5450. .client-error {
  5451.     top: 0;
  5452.     -ms-flex-align: center;
  5453.     align-items: center;
  5454.     display: -webkit-flex;
  5455.     display: -ms-flexbox;
  5456.     display: flex;
  5457.     -webkit-flex-direction: column;
  5458.     -ms-flex-direction: column;
  5459.     flex-direction: column;
  5460.     -webkit-justify-content: center;
  5461.     -ms-flex-pack: center;
  5462.     justify-content: center
  5463. }
  5464. .client-error__text {
  5465.     max-width: 380px
  5466. }
  5467. .client-error__title {
  5468.     text-align: center
  5469. }
  5470. .client-error__downloads {
  5471.     line-height: 0;
  5472.     text-align: center
  5473. }
  5474. .client-error__downloads:not(:last-child) {
  5475.     margin-bottom: 24px
  5476. }
  5477. .client-error__flash {
  5478.     background-image: url(assets/images/158x39_Get_Flash_Player.png);
  5479.     display: inline-block;
  5480.     height: 39px;
  5481.     margin: 12px 12px 0;
  5482.     width: 158px
  5483. }
  5484. .client-error__appstore {
  5485.     background-image: url(assets/images/sprite.png);
  5486.     background-position: -131px -375px;
  5487.     width: 135px;
  5488.     height: 40px;
  5489.     display: inline-block;
  5490.     margin: 14.5px 12px 2.5px
  5491. }
  5492. @media (-webkit-min-device-pixel-ratio: 2),
  5493. (min--moz-device-pixel-ratio: 2),
  5494. (min-device-pixel-ratio: 2),
  5495. (min-resolution: 192dpi),
  5496. (min-resolution: 2dppx) {
  5497.     .client-error__appstore {
  5498.         background-image: url(assets/images/sprite@2x.png);
  5499.         background-position: 0 -371px;
  5500.         background-size: 525px 411px
  5501.     }
  5502. }
  5503. .client-error__googleplay {
  5504.     background-image: url(assets/images/sprite.png);
  5505.     background-position: 0 -375px;
  5506.     width: 129px;
  5507.     height: 45px;
  5508.     display: inline-block;
  5509.     margin: 12px 12px 0
  5510. }
  5511. @media (-webkit-min-device-pixel-ratio: 2),
  5512. (min--moz-device-pixel-ratio: 2),
  5513. (min-device-pixel-ratio: 2),
  5514. (min-resolution: 192dpi),
  5515. (min-resolution: 2dppx) {
  5516.     .client-error__googleplay {
  5517.         background-image: url(assets/images/sprite@2x.png);
  5518.         background-position: -396px 0;
  5519.         background-size: 525px 411px
  5520.     }
  5521. }
  5522. .client-reload {
  5523.     height: 100%;
  5524.     left: 0;
  5525.     position: absolute;
  5526.     top: 0;
  5527.     width: 100%;
  5528.     -webkit-align-items: center;
  5529.     -ms-flex-align: center;
  5530.     align-items: center;
  5531.     background: rgba(0, 0, 0, .8);
  5532.     display: -webkit-flex;
  5533.     display: -ms-flexbox;
  5534.     display: flex;
  5535.     -webkit-flex-direction: column;
  5536.     -ms-flex-direction: column;
  5537.     flex-direction: column;
  5538.     -webkit-justify-content: center;
  5539.     -ms-flex-pack: center;
  5540.     justify-content: center;
  5541.     z-index: 620
  5542. }
  5543. .client-reload__button {
  5544.     display: inline-block;
  5545.     line-height: 1.2;
  5546.     text-align: center;
  5547.     background-color: #00813e;
  5548.     border-color: #8eda55;
  5549.     color: #fff;
  5550.     font-size: 16px;
  5551.     padding: 12px 24px;
  5552.     border-radius: 5px;
  5553.     border-width: 2px;
  5554.     border-style: solid;
  5555.     margin-bottom: 4px;
  5556.     text-transform: uppercase
  5557. }
  5558. .client-reload__button:hover {
  5559.     background-color: #00ab54;
  5560.     border-color: #b9f373
  5561. }
  5562. .client-reload__button:active,
  5563. .client-reload__button:disabled {
  5564.     background-color: #006743;
  5565.     border-color: #5abb37
  5566. }
  5567. .client-reload__button:active,
  5568. .client-reload__button:hover {
  5569.     border-bottom-style: solid;
  5570.     border-bottom-width: 2px
  5571. }
  5572. .client-reload__button:active {
  5573.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  5574.     -webkit-transform: translate(0, 2px);
  5575.     transform: translate(0, 2px)
  5576. }
  5577. .logout-backdrop {
  5578.     bottom: 0;
  5579.     left: 0;
  5580.     outline: 0;
  5581.     -webkit-overflow-scrolling: none;
  5582.     position: fixed;
  5583.     right: 0;
  5584.     top: 0;
  5585.     z-index: 1040;
  5586.     background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
  5587.     opacity: 1;
  5588.     visibility: visible
  5589. }
  5590. .not-found {
  5591.     margin-bottom: 0;
  5592.     padding: 12px 0 24px
  5593. }
  5594. .not-found__content {
  5595.     text-align: center
  5596. }
  5597. .not-found__content:before {
  5598.     content: url(assets/images/teaser_frank_looking.png);
  5599.     display: block;
  5600.     height: 115px;
  5601.     margin: 0 auto 12px;
  5602.     width: 132px
  5603. }
  5604. .profile__card__wrapper--badges .profile__card__aligner,
  5605. .profile__card__wrapper--friends .profile__card__aligner,
  5606. .profile__card__wrapper--groups .profile__card__aligner,
  5607. .profile__card__wrapper--rooms .profile__card__aligner {
  5608.     margin-top: 140px
  5609. }
  5610. .header--profile .header__background {
  5611.     -ms-interpolation-mode: bicubic;
  5612.     image-rendering: -webkit-optimize-contrast;
  5613.     image-rendering: -moz-crisp-edges;
  5614.     image-rendering: pixelated;
  5615.     position: relative;
  5616.     background: url(assets/images/backgrounds/profile.png) left bottom/100%;
  5617.     z-index: 99
  5618. }
  5619. .header--profile .header__background:before {
  5620.     background: linear-gradient(rgba(0, 0, 0, .3), transparent);
  5621.     bottom: -2px;
  5622.     content: '';
  5623.     display: block;
  5624.     height: 2px;
  5625.     position: absolute;
  5626.     width: 100%
  5627. }
  5628. .header--profile .header__hotel {
  5629.     display: none
  5630. }
  5631. .profile__motto {
  5632.     font-size: 14px;
  5633.     line-height: 1.4;
  5634.     display: block;
  5635.     overflow: hidden;
  5636.     text-overflow: ellipsis;
  5637.     white-space: nowrap;
  5638.     text-shadow: 0 1px rgba(0, 0, 0, .3)
  5639. }
  5640. .profile__section {
  5641.     zoom: 1;
  5642.     margin-bottom: 12px
  5643. }
  5644. .profile__section:after,
  5645. .profile__section:before {
  5646.     content: '';
  5647.     display: table
  5648. }
  5649. .profile__card__wrapper--badges,
  5650. .profile__card__wrapper--friends,
  5651. .profile__card__wrapper--groups,
  5652. .profile__card__wrapper--rooms {
  5653.     float: none;
  5654.     width: 100%;
  5655.     position: relative
  5656. }
  5657. @media (min-width: 767px) {
  5658.     .profile__section {
  5659.         margin-left: -12px
  5660.     }
  5661.     .profile__card__wrapper--badges,
  5662.     .profile__card__wrapper--friends,
  5663.     .profile__card__wrapper--groups,
  5664.     .profile__card__wrapper--rooms {
  5665.         float: left;
  5666.         width: 50%
  5667.     }
  5668.     .profile__card__wrapper--badges:nth-child(2n+1),
  5669.     .profile__card__wrapper--friends:nth-child(2n+1),
  5670.     .profile__card__wrapper--groups:nth-child(2n+1),
  5671.     .profile__card__wrapper--rooms:nth-child(2n+1) {
  5672.         clear: left
  5673.     }
  5674.     .profile__card__wrapper--badges:not(:nth-child(2n+1)),
  5675.     .profile__card__wrapper--friends:not(:nth-child(2n+1)),
  5676.     .profile__card__wrapper--groups:not(:nth-child(2n+1)),
  5677.     .profile__card__wrapper--rooms:not(:nth-child(2n+1)) {
  5678.         clear: none
  5679.     }
  5680. }
  5681. .item-list--grid:after,
  5682. .profile__card:after,
  5683. .profile__creations:after {
  5684.     clear: both
  5685. }
  5686. .profile__card__wrapper--badges.ng-enter,
  5687. .profile__card__wrapper--badges.ng-leave.ng-leave-active,
  5688. .profile__card__wrapper--friends.ng-enter,
  5689. .profile__card__wrapper--friends.ng-leave.ng-leave-active,
  5690. .profile__card__wrapper--groups.ng-enter,
  5691. .profile__card__wrapper--groups.ng-leave.ng-leave-active,
  5692. .profile__card__wrapper--rooms.ng-enter,
  5693. .profile__card__wrapper--rooms.ng-leave.ng-leave-active {
  5694.     opacity: 0
  5695. }
  5696. .profile__card__wrapper--badges.ng-enter.ng-enter-active,
  5697. .profile__card__wrapper--badges.ng-leave,
  5698. .profile__card__wrapper--friends.ng-enter.ng-enter-active,
  5699. .profile__card__wrapper--friends.ng-leave,
  5700. .profile__card__wrapper--groups.ng-enter.ng-enter-active,
  5701. .profile__card__wrapper--groups.ng-leave,
  5702. .profile__card__wrapper--rooms.ng-enter.ng-enter-active,
  5703. .profile__card__wrapper--rooms.ng-leave {
  5704.     opacity: 1
  5705. }
  5706. .profile__card__wrapper--badges .profile__card__aligner:before {
  5707.     -ms-interpolation-mode: bicubic;
  5708.     image-rendering: -webkit-optimize-contrast;
  5709.     image-rendering: -moz-crisp-edges;
  5710.     image-rendering: pixelated;
  5711.     background: url(assets/images/teaser_profile_badges.png) no-repeat;
  5712.     content: '';
  5713.     display: block;
  5714.     height: 140px;
  5715.     width: 100%;
  5716.     left: 0;
  5717.     position: absolute;
  5718.     top: -140px
  5719. }
  5720. .profile__card__wrapper--friends .profile__card__aligner:before,
  5721. .profile__card__wrapper--rooms .profile__card__aligner:before {
  5722.     image-rendering: -webkit-optimize-contrast;
  5723.     image-rendering: -moz-crisp-edges;
  5724.     display: block;
  5725.     height: 140px;
  5726.     width: 100%;
  5727.     left: 0;
  5728.     position: absolute;
  5729.     top: -140px;
  5730.     content: '';
  5731.     -ms-interpolation-mode: bicubic
  5732. }
  5733. .profile__card__wrapper--friends .profile__card__aligner:before {
  5734.     image-rendering: pixelated;
  5735.     background: url(assets/images/teaser_profile_friends.png) no-repeat
  5736. }
  5737. .profile__card__wrapper--rooms .profile__card__aligner:before {
  5738.     image-rendering: pixelated;
  5739.     background: url(assets/images/teaser_profile_rooms.png) no-repeat
  5740. }
  5741. .profile__card__wrapper--groups .profile__card__aligner:before {
  5742.     -ms-interpolation-mode: bicubic;
  5743.     image-rendering: -webkit-optimize-contrast;
  5744.     image-rendering: -moz-crisp-edges;
  5745.     image-rendering: pixelated;
  5746.     background: url(assets/images/teaser_profile_groups.png) no-repeat;
  5747.     content: '';
  5748.     display: block;
  5749.     height: 140px;
  5750.     width: 100%;
  5751.     left: 0;
  5752.     position: absolute;
  5753.     top: -140px
  5754. }
  5755. .profile__card__aligner {
  5756.     padding: 0 0 12px;
  5757.     position: relative
  5758. }
  5759. @media (min-width: 767px) {
  5760.     .profile__card__aligner {
  5761.         padding-left: 12px
  5762.     }
  5763. }
  5764. .profile__card {
  5765.     zoom: 1;
  5766.     box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  5767.     background-color: #0b6395;
  5768.     border: 3px solid #2685bc;
  5769.     padding: 12px 24px
  5770. }
  5771. .creation-content__link:active,
  5772. .creation-content__link:hover,
  5773. .profile__modal__link:active,
  5774. .profile__modal__link:hover,
  5775. .profile__photos__link:active,
  5776. .profile__photos__link:hover {
  5777.     border-bottom-style: solid;
  5778.     border-bottom-width: 0
  5779. }
  5780. .profile__card:after,
  5781. .profile__card:before {
  5782.     content: '';
  5783.     display: table
  5784. }
  5785. .profile__card__title {
  5786.     margin: 0 0 12px;
  5787.     text-align: center
  5788. }
  5789. .profile__card__footer {
  5790.     border-top: 1px solid #2a9cde;
  5791.     padding: 12px 0 0;
  5792.     text-align: center
  5793. }
  5794. .profile__card__footer .link-icon--blue-arrow {
  5795.     display: inline-block
  5796. }
  5797. .profile__modal__empty {
  5798.     padding: 0 12px
  5799. }
  5800. .profile__modal__link {
  5801.     font-size: 20px;
  5802.     text-shadow: 0 1px rgba(0, 0, 0, .3);
  5803.     color: #fff;
  5804.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  5805.     font-weight: 400;
  5806.     display: inline-block;
  5807.     margin: 0;
  5808.     text-transform: uppercase;
  5809.     position: relative;
  5810.     padding-right: 22px;
  5811.     text-align: right;
  5812.     line-height: 28px
  5813. }
  5814. .profile__modal__link:before {
  5815.     background-image: url(assets/images/sprite.png);
  5816.     background-position: 0 -470px;
  5817.     width: 16px;
  5818.     height: 22px;
  5819.     content: '';
  5820.     display: block;
  5821.     margin-top: -11px;
  5822.     position: absolute;
  5823.     top: 50%;
  5824.     right: 0
  5825. }
  5826. @media (-webkit-min-device-pixel-ratio: 2),
  5827. (min--moz-device-pixel-ratio: 2),
  5828. (min-device-pixel-ratio: 2),
  5829. (min-resolution: 192dpi),
  5830. (min-resolution: 2dppx) {
  5831.     .profile__modal__link:before {
  5832.         background-image: url(assets/images/sprite@2x.png);
  5833.         background-position: -509px -318px;
  5834.         background-size: 525px 411px
  5835.     }
  5836. }
  5837. .profile__friends__count {
  5838.     font-size: 20px;
  5839.     line-height: inherit;
  5840.     white-space: nowrap
  5841. }
  5842. .profile__creations {
  5843.     zoom: 1
  5844. }
  5845. .profile__creations:after,
  5846. .profile__creations:before {
  5847.     content: '';
  5848.     display: table
  5849. }
  5850. .profile__creations.ng-enter,
  5851. .profile__creations.ng-leave.ng-leave-active {
  5852.     opacity: 0
  5853. }
  5854. .profile__creations.ng-enter.ng-enter-active,
  5855. .profile__creations.ng-leave {
  5856.     opacity: 1
  5857. }
  5858. .profile__creations__title {
  5859.     overflow: hidden;
  5860.     text-align: left
  5861. }
  5862. .creation-content__channel-link,
  5863. .profile__photos__link {
  5864.     font-size: 20px;
  5865.     text-shadow: 0 1px rgba(0, 0, 0, .3);
  5866.     font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  5867.     font-weight: 400;
  5868.     text-align: right;
  5869.     line-height: 28px;
  5870.     text-transform: uppercase;
  5871.     color: #fff
  5872. }
  5873. .profile__creations__title:after {
  5874.     background-color: #2685bc;
  5875.     content: '';
  5876.     display: inline-block;
  5877.     height: 2px;
  5878.     position: relative;
  5879.     top: -2px;
  5880.     vertical-align: middle;
  5881.     left: .5em;
  5882.     margin-right: -100%;
  5883.     width: 100%
  5884. }
  5885. .profile__creations__list {
  5886.     padding: 12px 0
  5887. }
  5888. .profile__photos__link {
  5889.     display: inline-block;
  5890.     margin: 0;
  5891.     position: relative;
  5892.     padding-right: 29px;
  5893.     float: right
  5894. }
  5895. .creation-content,
  5896. .profile__hearts,
  5897. .profile__joined {
  5898.     text-align: center
  5899. }
  5900. .profile__photos__link:before {
  5901.     background-image: url(assets/images/sprite.png);
  5902.     background-position: -355px -238px;
  5903.     width: 23px;
  5904.     height: 22px;
  5905.     content: '';
  5906.     display: block;
  5907.     margin-top: -11px;
  5908.     position: absolute;
  5909.     top: 50%;
  5910.     right: 0
  5911. }
  5912. @media (-webkit-min-device-pixel-ratio: 2),
  5913. (min--moz-device-pixel-ratio: 2),
  5914. (min-device-pixel-ratio: 2),
  5915. (min-resolution: 192dpi),
  5916. (min-resolution: 2dppx) {
  5917.     .profile__photos__link:before {
  5918.         background-image: url(assets/images/sprite@2x.png);
  5919.         background-position: -485px -318px;
  5920.         background-size: 525px 411px
  5921.     }
  5922. }
  5923. .profile__hearts .icon--heart:not(:last-of-type) {
  5924.     margin-right: 12px
  5925. }
  5926. .creation__header-by {
  5927.     font-size: 20px
  5928. }
  5929. .creation-content--loaded {
  5930.     height: 0%
  5931. }
  5932. .creation-content__holder {
  5933.     display: inline-block
  5934. }
  5935. .creation-content__holder-expander {
  5936.     text-align: left
  5937. }
  5938. @media (min-width: 532px) {
  5939.     .creation-content__holder {
  5940.         margin: 0 69px
  5941.     }
  5942.     .creation-content__holder-expander {
  5943.         margin: 0 -69px
  5944.     }
  5945. }
  5946. .creation-content__view {
  5947.     display: -webkit-flex;
  5948.     display: -ms-flexbox;
  5949.     display: flex
  5950. }
  5951. .creation-content__creation {
  5952.     display: block;
  5953.     margin: 0 -69px;
  5954.     max-width: 100%
  5955. }
  5956. .creation-content__link {
  5957.     -webkit-align-items: center;
  5958.     -ms-flex-align: center;
  5959.     align-items: center;
  5960.     display: -webkit-flex;
  5961.     display: -ms-flexbox;
  5962.     display: flex;
  5963.     -webkit-justify-content: center;
  5964.     -ms-flex-pack: center;
  5965.     justify-content: center;
  5966.     position: relative;
  5967.     width: 69px
  5968. }
  5969. .creation-content__link--disabled {
  5970.     opacity: 0;
  5971.     pointer-events: none
  5972. }
  5973. @media (min-width: 532px) {
  5974.     .creation-content__creation {
  5975.         margin: 0
  5976.     }
  5977.     .creation-content__link {
  5978.         background: #103960
  5979.     }
  5980.     .creation-content__link:active,
  5981.     .creation-content__link:hover {
  5982.         background: #0d2f4f
  5983.     }
  5984.     .creation-content__link--disabled {
  5985.         opacity: .2
  5986.     }
  5987. }
  5988. .creation-content__meta {
  5989.     border-bottom: 1px solid #0c3a65;
  5990.     position: relative;
  5991.     -webkit-align-items: center;
  5992.     -ms-flex-align: center;
  5993.     align-items: center;
  5994.     display: -webkit-flex;
  5995.     display: -ms-flexbox;
  5996.     display: flex;
  5997.     margin: 12px 0;
  5998.     padding: 0 0 12px
  5999. }
  6000. .creation-content__meta:after {
  6001.     background: #2a9cde;
  6002.     bottom: -2px;
  6003.     content: '';
  6004.     display: block;
  6005.     height: 1px;
  6006.     left: 0;
  6007.     position: absolute;
  6008.     overflow: hidden;
  6009.     width: 100%;
  6010.     z-index: 1
  6011. }
  6012. .creation-content__like {
  6013.     margin-left: auto
  6014. }
  6015. .creation-content__title {
  6016.     margin-top: 0
  6017. }
  6018. .creation-content__actions {
  6019.     display: -webkit-flex;
  6020.     display: -ms-flexbox;
  6021.     display: flex
  6022. }
  6023. .creation-content__channel-link {
  6024.     display: inline-block;
  6025.     margin: 0;
  6026.     position: relative;
  6027.     padding-right: 29px
  6028. }
  6029. .creation-content__channel-link:before {
  6030.     background-image: url(assets/images/sprite.png);
  6031.     background-position: -355px -238px;
  6032.     width: 23px;
  6033.     height: 22px;
  6034.     content: '';
  6035.     display: block;
  6036.     margin-top: -11px;
  6037.     position: absolute;
  6038.     top: 50%;
  6039.     right: 0
  6040. }
  6041. @media (-webkit-min-device-pixel-ratio: 2),
  6042. (min--moz-device-pixel-ratio: 2),
  6043. (min-device-pixel-ratio: 2),
  6044. (min-resolution: 192dpi),
  6045. (min-resolution: 2dppx) {
  6046.     .creation-content__channel-link:before {
  6047.         background-image: url(assets/images/sprite@2x.png);
  6048.         background-position: -485px -318px;
  6049.         background-size: 525px 411px
  6050.     }
  6051. }
  6052. .creation-content__channel-link:active,
  6053. .creation-content__channel-link:hover {
  6054.     border-bottom-style: solid;
  6055.     border-bottom-width: 0
  6056. }
  6057. .creation-content__delete {
  6058.     margin-left: auto;
  6059.     padding-left: 12px
  6060. }
  6061. .photo-delete {
  6062.     display: inline-block;
  6063.     line-height: 1.2;
  6064.     text-align: center;
  6065.     background-color: #c0174e;
  6066.     border-color: #f37387;
  6067.     color: #fff;
  6068.     font-size: 12px;
  6069.     padding: 6px 12px;
  6070.     border-radius: 5px;
  6071.     border-width: 2px;
  6072.     border-style: solid;
  6073.     margin-bottom: 4px;
  6074.     text-transform: uppercase
  6075. }
  6076. .photo-delete:hover {
  6077.     background-color: #f9586d;
  6078.     border-color: #ff9598
  6079. }
  6080. .photo-delete:active,
  6081. .photo-delete:disabled {
  6082.     background-color: #820022;
  6083.     border-color: #b73e56
  6084. }
  6085. .photo-delete:active,
  6086. .photo-delete:hover {
  6087.     border-bottom-style: solid;
  6088.     border-bottom-width: 2px
  6089. }
  6090. .photo-delete:active {
  6091.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  6092.     -webkit-transform: translate(0, 2px);
  6093.     transform: translate(0, 2px)
  6094. }
  6095. .item--room .item__icon {
  6096.     display: block;
  6097.     height: 90px;
  6098.     width: 90px
  6099. }
  6100. .item__icon__aligner {
  6101.     -webkit-align-items: center;
  6102.     -ms-flex-align: center;
  6103.     align-items: center;
  6104.     border: 3px solid #2685bc;
  6105.     border-radius: 50%;
  6106.     display: -webkit-flex;
  6107.     display: -ms-flexbox;
  6108.     display: flex;
  6109.     height: 60px;
  6110.     -webkit-justify-content: center;
  6111.     -ms-flex-pack: center;
  6112.     justify-content: center;
  6113.     width: 60px
  6114. }
  6115. .item__icon {
  6116.     line-height: 0;
  6117.     text-align: center
  6118. }
  6119. .item__content:active,
  6120. .item__content:hover {
  6121.     border-bottom-style: solid;
  6122.     border-bottom-width: 0
  6123. }
  6124. a[href] .item__title {
  6125.     color: #fff
  6126. }
  6127. .item-list--grid {
  6128.     zoom: 1
  6129. }
  6130. .item-list--grid:after,
  6131. .item-list--grid:before {
  6132.     content: '';
  6133.     display: table
  6134. }
  6135. .item-list--grid .item {
  6136.     float: left;
  6137.     width: 50%
  6138. }
  6139. .item-list--grid .item:nth-child(2n+1) {
  6140.     clear: left
  6141. }
  6142. .item-list--grid .item:not(:nth-child(2n+1)) {
  6143.     clear: none
  6144. }
  6145. @media (min-width: 532px) {
  6146.     .item-list--grid .item {
  6147.         float: left;
  6148.         width: 33%
  6149.     }
  6150.     .item-list--grid .item:nth-child(3n+1) {
  6151.         clear: left
  6152.     }
  6153.     .item-list--grid .item:not(:nth-child(3n+1)) {
  6154.         clear: none
  6155.     }
  6156.     .item-list--grid .item__title--single-line {
  6157.         height: 19.2px
  6158.     }
  6159. }
  6160. @media (min-width: 1199px) {
  6161.     .item-list--grid .item {
  6162.         float: left;
  6163.         width: 20%
  6164.     }
  6165.     .item-list--grid .item:nth-child(5n+1) {
  6166.         clear: left
  6167.     }
  6168.     .item-list--grid .item:not(:nth-child(5n+1)) {
  6169.         clear: none
  6170.     }
  6171. }
  6172. .premium-sms__voucher-redeem__wrapper:after,
  6173. .purse:after,
  6174. .shop__header:after {
  6175.     clear: both
  6176. }
  6177. .item-list--grid .item__title {
  6178.     display: block;
  6179.     overflow: hidden;
  6180.     text-overflow: ellipsis;
  6181.     white-space: normal;
  6182.     color: #7ecaee;
  6183.     padding: 0 6px;
  6184.     text-align: center
  6185. }
  6186. .item-list--grid .item__title--multi-line {
  6187.     margin: 12px 0
  6188. }
  6189. @media (min-width: 532px) {
  6190.     .item-list--grid .item__title--multi-line {
  6191.         height: 57.6px;
  6192.         margin: 24px 0 0
  6193.     }
  6194. }
  6195. .item-list--grid .item__description {
  6196.     display: none
  6197. }
  6198. .item-list--grid .item--badge .item__icon,
  6199. .item-list--grid .item--group .item__icon {
  6200.     margin: 0 auto;
  6201.     width: 60px
  6202. }
  6203. .item-list--grid .item--friend .item__title {
  6204.     margin: 6.2px 0
  6205. }
  6206. .item-list--grid .item--room .item__title {
  6207.     margin: 0 0 16.2px
  6208. }
  6209. .item-list--grid .item--room .item__icon {
  6210.     margin: 0 auto 16.2px
  6211. }
  6212. .item-list--stacked .item {
  6213.     clear: both;
  6214.     display: block;
  6215.     overflow: visible;
  6216.     position: relative
  6217. }
  6218. .item-list--stacked .item:not(:last-child) {
  6219.     border-bottom: 1px solid #2685bc;
  6220.     position: relative
  6221. }
  6222. .item-list--stacked .item:not(:last-child):after {
  6223.     background: #0b6395;
  6224.     bottom: -2px;
  6225.     content: '';
  6226.     display: block;
  6227.     height: 1px;
  6228.     left: 0;
  6229.     position: absolute;
  6230.     overflow: hidden;
  6231.     width: 100%;
  6232.     z-index: 1
  6233. }
  6234. .item-list--stacked .item.item--friend .item__text {
  6235.     padding-left: 12px
  6236. }
  6237. .item-list--stacked .item__content {
  6238.     -webkit-align-items: center;
  6239.     -ms-flex-align: center;
  6240.     align-items: center;
  6241.     display: -webkit-flex;
  6242.     display: -ms-flexbox;
  6243.     display: flex;
  6244.     padding: 12px
  6245. }
  6246. .item-list--stacked .item__content[href]:hover {
  6247.     background-color: #0074a6
  6248. }
  6249. .item-list--stacked .item__content[href]:active {
  6250.     background-color: #2685bc
  6251. }
  6252. .item-list--stacked .item__text {
  6253.     padding-left: 24px
  6254. }
  6255. .item-list--stacked .item__title {
  6256.     font-size: 20px;
  6257.     margin: 0;
  6258.     word-break: break-all
  6259. }
  6260. .item-list--stacked .item__description {
  6261.     font-size: 16px;
  6262.     color: #7ecaee;
  6263.     margin: 12px 0 0
  6264. }
  6265. .room-icon__placeholder {
  6266.     height: 90px;
  6267.     width: 90px
  6268. }
  6269. .room-icon__placeholder:before {
  6270.     background-image: url(assets/images/sprite.png);
  6271.     background-position: -100px -75px;
  6272.     width: 90px;
  6273.     height: 90px;
  6274.     content: '';
  6275.     display: block;
  6276.     position: absolute
  6277. }
  6278. @media (-webkit-min-device-pixel-ratio: 2),
  6279. (min--moz-device-pixel-ratio: 2),
  6280. (min-device-pixel-ratio: 2),
  6281. (min-resolution: 192dpi),
  6282. (min-resolution: 2dppx) {
  6283.     .room-icon__placeholder:before {
  6284.         background-image: url(assets/images/sprite@2x.png);
  6285.         background-position: -297px -272px;
  6286.         background-size: 525px 411px
  6287.     }
  6288. }
  6289. .room-icon__thumbnail-overlay {
  6290.     border: 3px solid #2685bc;
  6291.     border-radius: 50%;
  6292.     height: 90px;
  6293.     overflow: hidden;
  6294.     position: relative;
  6295.     width: 90px
  6296. }
  6297. .room-icon__thumbnail {
  6298.     left: -10px;
  6299.     position: relative;
  6300.     top: -10px
  6301. }
  6302. .profile-header {
  6303.     -webkit-align-items: center;
  6304.     -ms-flex-align: center;
  6305.     align-items: center;
  6306.     display: -webkit-flex;
  6307.     display: -ms-flexbox;
  6308.     display: flex;
  6309.     height: 142px
  6310. }
  6311. .profile-header__avatar__image__wrapper--largehead:before,
  6312. .profile-header__avatar__image__wrapper:before {
  6313.     box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
  6314.     background-color: #02353c;
  6315.     height: 88px;
  6316.     top: 24px;
  6317.     content: ''
  6318. }
  6319. @media (min-width: 767px) {
  6320.     .profile-header {
  6321.         padding-left: 90px
  6322.     }
  6323.     .profile-header__details {
  6324.         min-width: 500px
  6325.     }
  6326. }
  6327. @media (min-width: 959px) {
  6328.     .profile-header {
  6329.         padding-left: 130px
  6330.     }
  6331. }
  6332. .profile-header__avatar {
  6333.     -ms-flex-item-align: start;
  6334.     -webkit-align-self: flex-start;
  6335.     align-self: flex-start;
  6336.     width: 46px
  6337. }
  6338. .profile-header__avatar__image {
  6339.     margin-top: 5px;
  6340.     position: relative
  6341. }
  6342. .profile-header__avatar__image--croco {
  6343.     margin-left: -14px;
  6344.     margin-right: -9px;
  6345.     padding-top: 37px
  6346. }
  6347. .profile-header__avatar__image__wrapper {
  6348.     display: block;
  6349.     position: relative;
  6350.     margin-left: 16px;
  6351.     margin-right: 24px;
  6352.     width: 104px
  6353. }
  6354. .profile-header__avatar__image__wrapper:before {
  6355.     border: 2px solid #fff;
  6356.     left: -16px;
  6357.     position: absolute;
  6358.     width: 88px
  6359. }
  6360. .profile-header__avatar__image__wrapper .avatar__image {
  6361.     position: relative
  6362. }
  6363. .profile-header__avatar__image__wrapper:active,
  6364. .profile-header__avatar__image__wrapper:hover {
  6365.     border-bottom-style: solid;
  6366.     border-bottom-width: 0
  6367. }
  6368. .profile-header__avatar__image__wrapper--largehead {
  6369.     display: block;
  6370.     position: relative;
  6371.     margin-left: 0;
  6372.     margin-right: 0;
  6373.     width: 104px
  6374. }
  6375. .profile-header__avatar__image__wrapper--largehead:before {
  6376.     border: 2px solid #267b91;
  6377.     border-radius: 50%;
  6378.     left: 0;
  6379.     position: absolute;
  6380.     width: 88px
  6381. }
  6382. .profile-header__avatar__image__wrapper--largehead .avatar__image {
  6383.     position: relative
  6384. }
  6385. .profile-header__avatar__image__wrapper--largehead .imager {
  6386.     margin-left: -3px
  6387. }
  6388. .profile-header__details {
  6389.     background-color: rgba(0, 0, 0, .5);
  6390.     border-radius: 3px;
  6391.     max-width: 500px;
  6392.     padding: 0 24px 0 58px;
  6393.     width: 100%;
  6394.     word-break: break-all
  6395. }
  6396. .profile-header__details h1 {
  6397.     margin: 0;
  6398.     text-transform: none
  6399. }
  6400. .profile-header__details__link:active,
  6401. .profile-header__details__link:hover {
  6402.     border-bottom-style: solid;
  6403.     border-bottom-width: 0
  6404. }
  6405. .birthdate__day,
  6406. .birthdate__year {
  6407.     display: inline-block;
  6408.     margin: 0;
  6409.     width: 27%
  6410. }
  6411. .birthdate__month {
  6412.     display: inline-block;
  6413.     margin: 0 12px;
  6414.     width: calc(46% - 24px)
  6415. }
  6416. .partner-registration {
  6417.     background: url(assets/images/idc_bg.png) no-repeat #000;
  6418.     position: relative
  6419. }
  6420. .partner-registration:after {
  6421.     background: url(assets/images/idc_logo.png);
  6422.     border-bottom-right-radius: 3px;
  6423.     bottom: 0;
  6424.     content: '';
  6425.     height: 83px;
  6426.     position: absolute;
  6427.     right: 0;
  6428.     width: 83px
  6429. }
  6430. .partner-registration__checkbox {
  6431.     padding-right: 71px
  6432. }
  6433. .registration-form {
  6434.     position: relative
  6435. }
  6436. .registration-form__social__wrapper {
  6437.     margin-top: 24px
  6438. }
  6439. @media (min-width: 959px) {
  6440.     .registration-form__background {
  6441.         position: relative
  6442.     }
  6443.     .registration-form__background:before {
  6444.         -ms-interpolation-mode: bicubic;
  6445.         image-rendering: -webkit-optimize-contrast;
  6446.         image-rendering: -moz-crisp-edges;
  6447.         image-rendering: pixelated;
  6448.         background: url(assets/images/teaser_registration.png);
  6449.         content: '';
  6450.         display: block;
  6451.         height: 465px;
  6452.         width: 546px;
  6453.         position: absolute;
  6454.         right: 0;
  6455.         top: 0
  6456.     }
  6457.     .registration-form__social__wrapper {
  6458.         margin-top: 0;
  6459.         position: absolute;
  6460.         right: -100%;
  6461.         width: 100%
  6462.     }
  6463.     .registration-form__social {
  6464.         margin-left: 48px
  6465.     }
  6466. }
  6467. .registration-form__social {
  6468.     background-color: rgba(0, 0, 0, .5);
  6469.     border-radius: 3px;
  6470.     display: inline-block;
  6471.     padding: 12px
  6472. }
  6473. .registration-form__connect {
  6474.     padding-left: 12px
  6475. }
  6476. .registration-form__safety {
  6477.     padding: 0 12px;
  6478.     margin: 0
  6479. }
  6480. .registration-form__safety>:not(:first-child) {
  6481.     margin: 12px 0 0
  6482. }
  6483. .registration-form__safety>:not(.form__field) {
  6484.     padding-left: 3px;
  6485.     padding-right: 3px
  6486. }
  6487. .registration-form__button {
  6488.     float: none;
  6489.     width: 100%
  6490. }
  6491. .registration-form__purchases {
  6492.     font-size: 12px;
  6493.     margin: 24px 0;
  6494.     padding: 0 12px
  6495. }
  6496. .registration-form__purchases>:not(:first-child) {
  6497.     margin: 12px 0 0
  6498. }
  6499. .registration-form__purchases>:not(.form__field) {
  6500.     padding-left: 3px;
  6501.     padding-right: 3px
  6502. }
  6503. .modal-backdrop.spinner-backdrop--solid {
  6504.     bottom: 0;
  6505.     left: 0;
  6506.     outline: 0;
  6507.     -webkit-overflow-scrolling: none;
  6508.     position: fixed;
  6509.     right: 0;
  6510.     top: 0;
  6511.     z-index: 1040;
  6512.     background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
  6513.     opacity: 1;
  6514.     visibility: visible
  6515. }
  6516. .modal.spinner .modal-dialog {
  6517.     -webkit-align-items: center;
  6518.     -ms-flex-align: center;
  6519.     align-items: center;
  6520.     display: -webkit-flex;
  6521.     display: -ms-flexbox;
  6522.     display: flex;
  6523.     height: 100%;
  6524.     -webkit-justify-content: center;
  6525.     -ms-flex-pack: center;
  6526.     justify-content: center;
  6527.     margin: 0;
  6528.     max-width: 100%;
  6529.     opacity: 0;
  6530.     -webkit-transform: none;
  6531.     transform: none;
  6532.     transition: opacity .01s ease-out;
  6533.     width: 100%
  6534. }
  6535. .modal.spinner.in .modal-dialog {
  6536.     opacity: 1
  6537. }
  6538. .account-security__disable:disabled,
  6539. .account-security__edit:disabled,
  6540. .account-security__enable:disabled,
  6541. .account-security__reset:disabled,
  6542. .activation-status__submit:disabled,
  6543. .avatar-create__button:disabled,
  6544. .avatar-selector__button:disabled,
  6545. .facebook-connect--large:disabled,
  6546. .login-form__button:disabled,
  6547. .payment__method__button:disabled,
  6548. .transactions__show-all__button:disabled,
  6549. .unsubscribe__button:disabled {
  6550.     opacity: .4
  6551. }
  6552. .modal.spinner .modal-content {
  6553.     background-color: transparent;
  6554.     border: 0;
  6555.     box-shadow: none;
  6556.     margin: 0;
  6557.     min-height: 0;
  6558.     overflow: visible
  6559. }
  6560. .facebook-connect--large,
  6561. .login-form__button {
  6562.     line-height: 1.2;
  6563.     color: #fff;
  6564.     font-size: 16px;
  6565.     border-radius: 5px
  6566. }
  6567. .facebook-connect--large:active,
  6568. .facebook-connect--large:hover,
  6569. .login-form__button:active,
  6570. .login-form__button:hover {
  6571.     border-bottom-width: 2px;
  6572.     border-bottom-style: solid
  6573. }
  6574. .avatar-create,
  6575. .payment-details__content {
  6576.     overflow: hidden
  6577. }
  6578. .spinner__indicator {
  6579.     background-image: url(assets/images/sprite.png);
  6580.     background-position: -336px -303px;
  6581.     width: 32px;
  6582.     height: 32px;
  6583.     -webkit-animation: rotating 1s linear infinite;
  6584.     animation: rotating 1s linear infinite;
  6585.     margin: 0 auto
  6586. }
  6587. @media (-webkit-min-device-pixel-ratio: 2),
  6588. (min--moz-device-pixel-ratio: 2),
  6589. (min-device-pixel-ratio: 2),
  6590. (min-resolution: 192dpi),
  6591. (min-resolution: 2dppx) {
  6592.     .spinner__indicator {
  6593.         background-image: url(assets/images/sprite@2x.png);
  6594.         background-position: -396px -254px;
  6595.         background-size: 525px 411px
  6596.     }
  6597. }
  6598. @media (min-width: 767px) {
  6599.     .spinner--transparent .spinner__indicator {
  6600.         background-image: url(assets/images/sprite.png);
  6601.         background-position: -399px -300px;
  6602.         width: 68px;
  6603.         height: 68px
  6604.     }
  6605. }
  6606. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  6607. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  6608. (min-width: 767px) and (min-device-pixel-ratio: 2),
  6609. (min-width: 767px) and (min-resolution: 192dpi),
  6610. (min-width: 767px) and (min-resolution: 2dppx) {
  6611.     .spinner--transparent .spinner__indicator {
  6612.         background-image: url(assets/images/sprite@2x.png);
  6613.         background-position: -396px -93px;
  6614.         background-size: 525px 411px
  6615.     }
  6616. }
  6617. .spinner__logo {
  6618.     background-image: url(assets/images/sprite.png);
  6619.     background-position: 0 -422px;
  6620.     width: 116px;
  6621.     height: 46px;
  6622.     margin: 0 0 24px;
  6623.     text-indent: -9999px
  6624. }
  6625. @media (-webkit-min-device-pixel-ratio: 2),
  6626. (min--moz-device-pixel-ratio: 2),
  6627. (min-device-pixel-ratio: 2),
  6628. (min-resolution: 192dpi),
  6629. (min-resolution: 2dppx) {
  6630.     .spinner__logo {
  6631.         background-image: url(assets/images/sprite@2x.png);
  6632.         background-position: -396px -46px;
  6633.         background-size: 525px 411px
  6634.     }
  6635. }
  6636. @media (min-width: 767px) {
  6637.     .spinner__logo {
  6638.         background-image: url(assets/images/sprite.png);
  6639.         background-position: 0 0;
  6640.         width: 197px;
  6641.         height: 73px
  6642.     }
  6643. }
  6644. @media (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
  6645. (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
  6646. (min-width: 767px) and (min-device-pixel-ratio: 2),
  6647. (min-width: 767px) and (min-resolution: 192dpi),
  6648. (min-width: 767px) and (min-resolution: 2dppx) {
  6649.     .spinner__logo {
  6650.         background-image: url(assets/images/sprite@2x.png);
  6651.         background-position: 0 0;
  6652.         background-size: 525px 411px
  6653.     }
  6654. }
  6655. .spinner--transparent .spinner__logo {
  6656.     display: none
  6657. }
  6658. .force-email__email {
  6659.     text-align: center;
  6660.     text-transform: none
  6661. }
  6662. .login-form__fieldset {
  6663.     margin: 36px 0 0;
  6664.     padding: 0;
  6665.     width: 100%
  6666. }
  6667. .login-form__helper {
  6668.     text-align: right
  6669. }
  6670. .login-form .login-social {
  6671.     margin-top: 36px;
  6672.     text-align: center
  6673. }
  6674. .login-form__button {
  6675.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  6676.     display: inline-block;
  6677.     text-align: center;
  6678.     background-color: #00813e;
  6679.     border-color: #8eda55;
  6680.     padding: 12px 24px;
  6681.     border-width: 2px;
  6682.     border-style: solid;
  6683.     margin-bottom: 4px;
  6684.     text-transform: uppercase;
  6685.     margin-top: 36px;
  6686.     width: 100%
  6687. }
  6688. .login-form__button:hover {
  6689.     background-color: #00ab54;
  6690.     border-color: #b9f373
  6691. }
  6692. .login-form__button:active,
  6693. .login-form__button:disabled {
  6694.     background-color: #006743;
  6695.     border-color: #5abb37
  6696. }
  6697. .login-form__button:active {
  6698.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  6699.     -webkit-transform: translate(0, 2px);
  6700.     transform: translate(0, 2px)
  6701. }
  6702. .login-form__register,
  6703. .login-form__social {
  6704.     position: relative;
  6705.     margin-top: 36px;
  6706.     padding-top: 36px;
  6707.     text-align: center
  6708. }
  6709. .login-form__register:after,
  6710. .login-form__social:after {
  6711.     border-top: 1px solid #2a9cde;
  6712.     content: '';
  6713.     display: block;
  6714.     left: 0;
  6715.     margin: 0 12px;
  6716.     position: absolute;
  6717.     top: 0;
  6718.     width: calc(100% - 24px)
  6719. }
  6720. .login-form .facebook-connect--small {
  6721.     display: none
  6722. }
  6723. .login-form__rpx {
  6724.     font-size: 14px;
  6725.     margin-top: 12px
  6726. }
  6727. .header .login-form {
  6728.     margin: 0 auto;
  6729.     max-width: 280px;
  6730.     padding-bottom: 36px;
  6731.     width: 100%
  6732. }
  6733. @media (min-width: 959px) {
  6734.     .header .login-form {
  6735.         -webkit-align-items: center;
  6736.         -ms-flex-align: center;
  6737.         align-items: center;
  6738.         display: -webkit-flex;
  6739.         display: -ms-flexbox;
  6740.         display: flex;
  6741.         height: 80px;
  6742.         max-width: 100%;
  6743.         padding-bottom: 0
  6744.     }
  6745.     .header .login-form__form {
  6746.         -webkit-align-items: flex-start;
  6747.         -ms-flex-align: start;
  6748.         align-items: flex-start;
  6749.         display: -webkit-flex;
  6750.         display: -ms-flexbox;
  6751.         display: flex;
  6752.         padding-right: 12px;
  6753.         position: relative
  6754.     }
  6755.     .header .login-form__form:after {
  6756.  
  6757.         content: '';
  6758.         height: 100%;
  6759.         position: absolute;
  6760.         right: -2px;
  6761.         top: 0
  6762.     }
  6763.     .header .login-form__fieldset {
  6764.         margin: 0 12px 0 0;
  6765.         width: auto
  6766.     }
  6767.     .header .login-form__input {
  6768.         display: inline-block;
  6769.         margin-bottom: 6px;
  6770.         width: 230px
  6771.     }
  6772.     .header .login-form__helper {
  6773.         margin-top: 0
  6774.     }
  6775.     .header .login-form__button {
  6776.         box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  6777.         display: inline-block;
  6778.         line-height: 1.2;
  6779.         text-align: center;
  6780.         background-color: #0f7dbc;
  6781.         border-color: #2a9cde;
  6782.         color: #fff;
  6783.         font-size: 16px;
  6784.         padding: 12px 24px;
  6785.         border-radius: 5px;
  6786.         border-width: 2px;
  6787.         border-style: solid;
  6788.         margin-bottom: 4px;
  6789.         text-transform: uppercase;
  6790.         margin-top: 0;
  6791.         width: auto
  6792.     }
  6793.     .header .login-form__button:hover {
  6794.         background-color: #2a9cde;
  6795.         border-color: #53bdf9
  6796.     }
  6797.     .header .login-form__button:active,
  6798.     .header .login-form__button:disabled {
  6799.         background-color: #084d74;
  6800.         border-color: #1e7b9e
  6801.     }
  6802.     .header .login-form__button:disabled {
  6803.         opacity: .4
  6804.     }
  6805.     .header .login-form__button:active,
  6806.     .header .login-form__button:hover {
  6807.         border-bottom-style: solid;
  6808.         border-bottom-width: 2px
  6809.     }
  6810.     .header .login-form__button:active {
  6811.         box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  6812.         -webkit-transform: translate(0, 2px);
  6813.         transform: translate(0, 2px)
  6814.     }
  6815.     .header .login-form__social {
  6816.         -webkit-align-items: center;
  6817.         -ms-flex-align: center;
  6818.         align-items: center;
  6819.         display: -webkit-flex;
  6820.         display: -ms-flexbox;
  6821.         display: flex;
  6822.         margin: 0 0 0 12px;
  6823.         padding: 0
  6824.     }
  6825.     .header .login-form .facebook-connect--large,
  6826.     .header .login-form__social:after {
  6827.         display: none
  6828.     }
  6829.     .header .login-form .facebook-connect--small {
  6830.         display: block
  6831.     }
  6832.     .header .login-form__rpx {
  6833.         -webkit-hyphens: auto;
  6834.         -moz-hyphens: auto;
  6835.         -ms-hyphens: auto;
  6836.         hyphens: auto;
  6837.         word-wrap: break-word;
  6838.         margin: 0 0 0 6px;
  6839.         max-width: 100px
  6840.     }
  6841.     .header .login-form__register {
  6842.         display: none
  6843.     }
  6844. }
  6845. .captcha-modal .modal-dialog {
  6846.     min-height: 800px
  6847. }
  6848. @media (min-width: 767px) {
  6849.     .captcha-modal .modal-dialog {
  6850.         min-height: initial
  6851.     }
  6852. }
  6853. .captcha-modal .modal-content {
  6854.     min-height: 100vh
  6855. }
  6856. @media (min-width: 767px) {
  6857.     .captcha-modal .modal-content {
  6858.         min-height: 100%
  6859.     }
  6860. }
  6861. .claim-password__email {
  6862.     text-align: center;
  6863.     text-transform: none
  6864. }
  6865. .facebook-connect--large {
  6866.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  6867.     display: inline-block;
  6868.     text-align: center;
  6869.     background-color: #0f7dbc;
  6870.     border-color: #2a9cde;
  6871.     padding: 12px 24px 12px 44px;
  6872.     border-width: 2px;
  6873.     border-style: solid;
  6874.     margin-bottom: 4px;
  6875.     text-transform: uppercase;
  6876.     position: relative;
  6877.     width: 100%
  6878. }
  6879. .facebook-connect--large:hover {
  6880.     background-color: #2a9cde;
  6881.     border-color: #53bdf9
  6882. }
  6883. .facebook-connect--large:active,
  6884. .facebook-connect--large:disabled {
  6885.     background-color: #084d74;
  6886.     border-color: #1e7b9e
  6887. }
  6888. .facebook-connect--large:active {
  6889.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  6890.     -webkit-transform: translate(0, 2px);
  6891.     transform: translate(0, 2px)
  6892. }
  6893. .facebook-connect--large:before {
  6894.     background-image: url(assets/images/sprite.png);
  6895.     background-position: -469px -340px;
  6896.     width: 26px;
  6897.     height: 26px;
  6898.     content: '';
  6899.     display: block;
  6900.     margin-top: -13px;
  6901.     position: absolute;
  6902.     top: 50%;
  6903.     left: 12px
  6904. }
  6905. @media (-webkit-min-device-pixel-ratio: 2),
  6906. (min--moz-device-pixel-ratio: 2),
  6907. (min-device-pixel-ratio: 2),
  6908. (min-resolution: 192dpi),
  6909. (min-resolution: 2dppx) {
  6910.     .facebook-connect--large:before {
  6911.         background-image: url(assets/images/sprite@2x.png);
  6912.         background-position: -483px -217px;
  6913.         background-size: 525px 411px
  6914.     }
  6915. }
  6916. .facebook-connect--small {
  6917.     background: url(assets/images/sprite.png) -355px -200px;
  6918.     border: 0;
  6919.     padding: 0;
  6920.     width: 36px;
  6921.     height: 36px
  6922. }
  6923. @media (-webkit-min-device-pixel-ratio: 2),
  6924. (min--moz-device-pixel-ratio: 2),
  6925. (min-device-pixel-ratio: 2),
  6926. (min-resolution: 192dpi),
  6927. (min-resolution: 2dppx) {
  6928.     .facebook-connect--small {
  6929.         background-image: url(assets/images/sprite@2x.png);
  6930.         background-position: -396px -217px;
  6931.         background-size: 525px 411px
  6932.     }
  6933. }
  6934. #janrainModalOverlay {
  6935.     z-index: 1100!important
  6936. }
  6937. #janrainModal {
  6938.     z-index: 1110!important
  6939. }
  6940. #janrainModal * {
  6941.     line-height: normal
  6942. }
  6943. #janrainModal a:active,
  6944. #janrainModal a:hover {
  6945.     border-bottom-style: solid;
  6946.     border-bottom-width: 0
  6947. }
  6948. .account-security__disable:active,
  6949. .account-security__disable:hover,
  6950. .account-security__edit:active,
  6951. .account-security__edit:hover,
  6952. .account-security__enable:active,
  6953. .account-security__enable:hover,
  6954. .account-security__reset:active,
  6955. .account-security__reset:hover,
  6956. .activation-status__submit:active,
  6957. .activation-status__submit:hover,
  6958. .avatar-create__button:active,
  6959. .avatar-create__button:hover,
  6960. .avatar-selector__button:active,
  6961. .avatar-selector__button:hover,
  6962. .payment__method__button:active,
  6963. .payment__method__button:hover,
  6964. .unsubscribe__button:active,
  6965. .unsubscribe__button:hover {
  6966.     border-bottom-width: 2px;
  6967.     border-bottom-style: solid
  6968. }
  6969. @media (min-width: 532px) {
  6970.     .account-security__status {
  6971.         display: -webkit-flex;
  6972.         display: -ms-flexbox;
  6973.         display: flex
  6974.     }
  6975.     .account-security__edit {
  6976.         margin-right: 12px
  6977.     }
  6978. }
  6979. .account-security__disable,
  6980. .account-security__edit,
  6981. .account-security__enable,
  6982. .account-security__reset {
  6983.     display: inline-block;
  6984.     padding: 12px 24px;
  6985.     border-radius: 5px;
  6986.     margin-bottom: 4px;
  6987.     line-height: 1.2;
  6988.     text-align: center;
  6989.     color: #fff;
  6990.     font-size: 16px;
  6991.     border-width: 2px;
  6992.     border-style: solid;
  6993.     text-transform: uppercase
  6994. }
  6995. .account-security__edit,
  6996. .account-security__enable {
  6997.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  6998.     background-color: #00813e;
  6999.     border-color: #8eda55
  7000. }
  7001. .account-security__edit:hover,
  7002. .account-security__enable:hover {
  7003.     background-color: #00ab54;
  7004.     border-color: #b9f373
  7005. }
  7006. .account-security__edit:active,
  7007. .account-security__edit:disabled,
  7008. .account-security__enable:active,
  7009. .account-security__enable:disabled {
  7010.     background-color: #006743;
  7011.     border-color: #5abb37
  7012. }
  7013. .account-security__edit:active,
  7014. .account-security__enable:active {
  7015.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7016.     -webkit-transform: translate(0, 2px);
  7017.     transform: translate(0, 2px)
  7018. }
  7019. .account-security__disable {
  7020.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7021.     background-color: #c0174e;
  7022.     border-color: #f37387;
  7023.     margin-top: 12px
  7024. }
  7025. .account-security__disable:hover {
  7026.     background-color: #f9586d;
  7027.     border-color: #ff9598
  7028. }
  7029. .account-security__disable:active,
  7030. .account-security__disable:disabled {
  7031.     background-color: #820022;
  7032.     border-color: #b73e56
  7033. }
  7034. .account-security__disable:active {
  7035.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7036.     -webkit-transform: translate(0, 2px);
  7037.     transform: translate(0, 2px)
  7038. }
  7039. @media (min-width: 532px) {
  7040.     .account-security__disable {
  7041.         margin-left: auto;
  7042.         margin-top: 0
  7043.     }
  7044. }
  7045. .account-security__trusted-locations {
  7046.     margin-top: 24px
  7047. }
  7048. .account-security__reset {
  7049.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7050.     background-color: #00813e;
  7051.     border-color: #8eda55
  7052. }
  7053. .account-security__reset:hover {
  7054.     background-color: #00ab54;
  7055.     border-color: #b9f373
  7056. }
  7057. .account-security__reset:active,
  7058. .account-security__reset:disabled {
  7059.     background-color: #006743;
  7060.     border-color: #5abb37
  7061. }
  7062. .account-security__reset:active {
  7063.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7064.     -webkit-transform: translate(0, 2px);
  7065.     transform: translate(0, 2px)
  7066. }
  7067. .avatar-create {
  7068.     margin-bottom: 24px;
  7069.     border-radius: 3px;
  7070.     padding: 24px 12px;
  7071.     background-color: #103960
  7072. }
  7073. .avatar-create:last-child {
  7074.     margin-bottom: 0
  7075. }
  7076. @media (min-width: 532px) {
  7077.     .avatar-create {
  7078.         padding-left: 24px;
  7079.         padding-right: 24px
  7080.     }
  7081. }
  7082. .avatar-create__container {
  7083.     -webkit-align-items: center;
  7084.     -ms-flex-align: center;
  7085.     align-items: center;
  7086.     display: -webkit-flex;
  7087.     display: -ms-flexbox;
  7088.     display: flex;
  7089.     -webkit-flex-wrap: wrap;
  7090.     -ms-flex-wrap: wrap;
  7091.     flex-wrap: wrap;
  7092.     min-height: 61px;
  7093.     padding-left: 90px;
  7094.     position: relative
  7095. }
  7096. .avatar-create__container:after,
  7097. .avatar-create__container:before {
  7098.     display: block;
  7099.     position: absolute;
  7100.     content: ''
  7101. }
  7102. .avatar-create__container:after {
  7103.     background-image: url(assets/images/sprite.png);
  7104.     background-position: -300px -303px;
  7105.     width: 34px;
  7106.     height: 36px;
  7107.     left: 32px;
  7108.     top: 25px
  7109. }
  7110. @media (-webkit-min-device-pixel-ratio: 2),
  7111. (min--moz-device-pixel-ratio: 2),
  7112. (min-device-pixel-ratio: 2),
  7113. (min-resolution: 192dpi),
  7114. (min-resolution: 2dppx) {
  7115.     .avatar-create__container:after {
  7116.         background-image: url(assets/images/sprite@2x.png);
  7117.         background-position: -491px -162px;
  7118.         background-size: 525px 411px
  7119.     }
  7120. }
  7121. .avatar-create__container:before {
  7122.     background-image: url(assets/images/sprite.png);
  7123.     background-position: -299px -200px;
  7124.     width: 54px;
  7125.     height: 61px;
  7126.     left: 0;
  7127.     top: 0
  7128. }
  7129. @media (-webkit-min-device-pixel-ratio: 2),
  7130. (min--moz-device-pixel-ratio: 2),
  7131. (min-device-pixel-ratio: 2),
  7132. (min-resolution: 192dpi),
  7133. (min-resolution: 2dppx) {
  7134.     .avatar-create__container:before {
  7135.         background-image: url(assets/images/sprite@2x.png);
  7136.         background-position: -465px -93px;
  7137.         background-size: 525px 411px
  7138.     }
  7139. }
  7140. .avatar-create__container--disabled:after,
  7141. .avatar-create__container--disabled:before {
  7142.     opacity: .4
  7143. }
  7144. .avatar-create__button__wrapper {
  7145.     padding-top: 12px;
  7146.     text-align: center;
  7147.     width: 100%
  7148. }
  7149. @media (min-width: 532px) {
  7150.     .avatar-create__container {
  7151.         -webkit-flex-wrap: nowrap;
  7152.         -ms-flex-wrap: nowrap;
  7153.         flex-wrap: nowrap
  7154.     }
  7155.     .avatar-create__text {
  7156.         padding-right: 24px
  7157.     }
  7158.     .avatar-create__button__wrapper {
  7159.         margin-left: auto;
  7160.         padding-top: 0;
  7161.         width: auto
  7162.     }
  7163. }
  7164. .avatar-create__button {
  7165.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7166.     display: inline-block;
  7167.     line-height: 1.2;
  7168.     text-align: center;
  7169.     background-color: #00813e;
  7170.     border-color: #8eda55;
  7171.     color: #fff;
  7172.     font-size: 16px;
  7173.     padding: 12px 24px;
  7174.     border-radius: 5px;
  7175.     border-width: 2px;
  7176.     border-style: solid;
  7177.     margin-bottom: 4px;
  7178.     text-transform: uppercase;
  7179.     white-space: nowrap
  7180. }
  7181. .avatar-create__button:hover {
  7182.     background-color: #00ab54;
  7183.     border-color: #b9f373
  7184. }
  7185. .avatar-create__button:active,
  7186. .avatar-create__button:disabled {
  7187.     background-color: #006743;
  7188.     border-color: #5abb37
  7189. }
  7190. .avatar-create__button:active {
  7191.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7192.     -webkit-transform: translate(0, 2px);
  7193.     transform: translate(0, 2px)
  7194. }
  7195. .avatar-create-form:before {
  7196.     -ms-interpolation-mode: bicubic;
  7197.     image-rendering: -webkit-optimize-contrast;
  7198.     image-rendering: -moz-crisp-edges;
  7199.     image-rendering: pixelated;
  7200.     background: url(assets/images/teaser_baghead.png);
  7201.     content: '';
  7202.     display: block;
  7203.     height: 116px;
  7204.     width: 94px;
  7205.     margin: 0 auto 24px
  7206. }
  7207. .avatar-selector:last-child,
  7208. .avatar-selector__details {
  7209.     margin-bottom: 0
  7210. }
  7211. .avatar-search {
  7212.     max-width: 620px
  7213. }
  7214. .avatar-search__avatars {
  7215.     margin-top: 24px
  7216. }
  7217. .avatar-selector {
  7218.     border-radius: 3px;
  7219.     overflow: hidden;
  7220.     padding: 12px 12px 24px;
  7221.     background-color: #103960;
  7222.     -webkit-align-items: center;
  7223.     -ms-flex-align: center;
  7224.     align-items: center;
  7225.     display: -webkit-flex;
  7226.     display: -ms-flexbox;
  7227.     display: flex;
  7228.     -webkit-flex-wrap: wrap;
  7229.     -ms-flex-wrap: wrap;
  7230.     flex-wrap: wrap;
  7231.     margin-bottom: 0;
  7232.     position: relative
  7233. }
  7234. @media (min-width: 532px) {
  7235.     .avatar-selector {
  7236.         padding-left: 24px;
  7237.         padding-right: 24px
  7238.     }
  7239. }
  7240. .avatar-selector--selected {
  7241.     -webkit-flex-wrap: nowrap;
  7242.     -ms-flex-wrap: nowrap;
  7243.     flex-wrap: nowrap;
  7244.     padding-right: 92px
  7245. }
  7246. .avatar-selector--selected:after {
  7247.     position: absolute;
  7248.     top: 50%;
  7249.     -webkit-transform: translateY(-50%);
  7250.     transform: translateY(-50%);
  7251.     background-image: url(assets/images/sprite.png);
  7252.     background-position: -250px -100px;
  7253.     width: 44px;
  7254.     height: 50px;
  7255.     content: '';
  7256.     display: block;
  7257.     right: 48px
  7258. }
  7259. @media (-webkit-min-device-pixel-ratio: 2),
  7260. (min--moz-device-pixel-ratio: 2),
  7261. (min-device-pixel-ratio: 2),
  7262. (min-resolution: 192dpi),
  7263. (min-resolution: 2dppx) {
  7264.     .avatar-selector--selected:after {
  7265.         background-image: url(assets/images/sprite@2x.png);
  7266.         background-position: -446px -162px;
  7267.         background-size: 525px 411px
  7268.     }
  7269. }
  7270. .avatar-selector:nth-child(even) {
  7271.     background-color: transparent
  7272. }
  7273. .avatar-selector__content {
  7274.     padding: 0 12px
  7275. }
  7276. .avatar-selector__name {
  7277.     margin: 0;
  7278.     text-transform: none
  7279. }
  7280. .activation-status__submit,
  7281. .avatar-selector__button {
  7282.     display: inline-block;
  7283.     line-height: 1.2;
  7284.     text-align: center;
  7285.     font-size: 16px;
  7286.     padding: 12px 24px;
  7287.     border-radius: 5px;
  7288.     border-width: 2px;
  7289.     border-style: solid;
  7290.     margin-bottom: 4px;
  7291.     text-transform: uppercase
  7292. }
  7293. .avatar-selector__details:last-child:not(:only-of-type) {
  7294.     margin-top: 0
  7295. }
  7296. .avatar-selector__details--last-access {
  7297.     color: #999
  7298. }
  7299. .avatar-selector__details--banned {
  7300.     color: #999;
  7301.     font-weight: 700
  7302. }
  7303. .avatar-selector__button__wrapper {
  7304.     margin-left: auto;
  7305.     text-align: center;
  7306.     width: 100%
  7307. }
  7308. @media (min-width: 532px) {
  7309.     .avatar-selector__button__wrapper {
  7310.         width: auto
  7311.     }
  7312. }
  7313. .avatar-selector__button {
  7314.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7315.     background-color: #00813e;
  7316.     border-color: #8eda55;
  7317.     color: #fff
  7318. }
  7319. .avatar-selector__button:hover {
  7320.     background-color: #00ab54;
  7321.     border-color: #b9f373
  7322. }
  7323. .avatar-selector__button:active,
  7324. .avatar-selector__button:disabled {
  7325.     background-color: #006743;
  7326.     border-color: #5abb37
  7327. }
  7328. .avatar-selector__button:active {
  7329.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7330.     -webkit-transform: translate(0, 2px);
  7331.     transform: translate(0, 2px)
  7332. }
  7333. .activation-status__controls {
  7334.     margin-top: 24px;
  7335.     text-align: center
  7336. }
  7337. .activation-status__submit {
  7338.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7339.     background-color: #00813e;
  7340.     border-color: #8eda55;
  7341.     color: #fff
  7342. }
  7343. .activation-status__submit:hover {
  7344.     background-color: #00ab54;
  7345.     border-color: #b9f373
  7346. }
  7347. .activation-status__submit:active,
  7348. .activation-status__submit:disabled {
  7349.     background-color: #006743;
  7350.     border-color: #5abb37
  7351. }
  7352. .activation-status__submit:active {
  7353.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7354.     -webkit-transform: translate(0, 2px);
  7355.     transform: translate(0, 2px)
  7356. }
  7357. .shop__header {
  7358.     zoom: 1;
  7359.     margin-bottom: 24px;
  7360.     position: relative
  7361. }
  7362. .shop__header:after,
  7363. .shop__header:before {
  7364.     content: '';
  7365.     display: table
  7366. }
  7367. .shop__header__title {
  7368.     float: left;
  7369.     width: 100%
  7370. }
  7371. .shop__header__title--single {
  7372.     margin: 0
  7373. }
  7374. .shop__header__country {
  7375.     text-align: right
  7376. }
  7377. @media (min-width: 959px) {
  7378.     .shop__header__title {
  7379.         margin: 0
  7380.     }
  7381.     .shop__header__country {
  7382.         position: absolute;
  7383.         top: 50%;
  7384.         -webkit-transform: translateY(-50%);
  7385.         transform: translateY(-50%);
  7386.         right: 0
  7387.     }
  7388. }
  7389. .earn-credits-frame {
  7390.     height: 1000px;
  7391.     margin-top: 24px;
  7392.     min-width: 480px;
  7393.     width: 100%
  7394. }
  7395. .credit-icon-1,
  7396. .credit-icon-2,
  7397. .credit-icon-3,
  7398. .credit-icon-4,
  7399. .credit-icon-5,
  7400. .credit-icon-6 {
  7401.     width: 98px;
  7402.     height: 98px;
  7403.     min-width: 98px
  7404. }
  7405. .credit-icon-1 {
  7406.     background-image: url(assets/images/sprite.png);
  7407.     background-position: -200px -275px
  7408. }
  7409. @media (-webkit-min-device-pixel-ratio: 2),
  7410. (min--moz-device-pixel-ratio: 2),
  7411. (min-device-pixel-ratio: 2),
  7412. (min-resolution: 192dpi),
  7413. (min-resolution: 2dppx) {
  7414.     .credit-icon-1 {
  7415.         background-image: url(assets/images/sprite@2x.png);
  7416.         background-position: 0 -74px;
  7417.         background-size: 525px 411px
  7418.     }
  7419. }
  7420. .credit-icon-2 {
  7421.     background-image: url(assets/images/sprite.png);
  7422.     background-position: -399px 0
  7423. }
  7424. @media (-webkit-min-device-pixel-ratio: 2),
  7425. (min--moz-device-pixel-ratio: 2),
  7426. (min-device-pixel-ratio: 2),
  7427. (min-resolution: 192dpi),
  7428. (min-resolution: 2dppx) {
  7429.     .credit-icon-2 {
  7430.         background-image: url(assets/images/sprite@2x.png);
  7431.         background-position: -297px -99px;
  7432.         background-size: 525px 411px
  7433.     }
  7434. }
  7435. .credit-icon-3 {
  7436.     background-image: url(assets/images/sprite.png);
  7437.     background-position: -399px -100px
  7438. }
  7439. @media (-webkit-min-device-pixel-ratio: 2),
  7440. (min--moz-device-pixel-ratio: 2),
  7441. (min-device-pixel-ratio: 2),
  7442. (min-resolution: 192dpi),
  7443. (min-resolution: 2dppx) {
  7444.     .credit-icon-3 {
  7445.         background-image: url(assets/images/sprite@2x.png);
  7446.         background-position: 0 -272px;
  7447.         background-size: 525px 411px
  7448.     }
  7449. }
  7450. .credit-icon-4 {
  7451.     background-image: url(assets/images/sprite.png);
  7452.     background-position: -100px -175px
  7453. }
  7454. @media (-webkit-min-device-pixel-ratio: 2),
  7455. (min--moz-device-pixel-ratio: 2),
  7456. (min-device-pixel-ratio: 2),
  7457. (min-resolution: 192dpi),
  7458. (min-resolution: 2dppx) {
  7459.     .credit-icon-4 {
  7460.         background-image: url(assets/images/sprite@2x.png);
  7461.         background-position: -99px -272px;
  7462.         background-size: 525px 411px
  7463.     }
  7464. }
  7465. .credit-icon-5 {
  7466.     background-image: url(assets/images/sprite.png);
  7467.     background-position: -399px -200px
  7468. }
  7469. @media (-webkit-min-device-pixel-ratio: 2),
  7470. (min--moz-device-pixel-ratio: 2),
  7471. (min-device-pixel-ratio: 2),
  7472. (min-resolution: 192dpi),
  7473. (min-resolution: 2dppx) {
  7474.     .credit-icon-5 {
  7475.         background-image: url(assets/images/sprite@2x.png);
  7476.         background-position: -198px 0;
  7477.         background-size: 525px 411px
  7478.     }
  7479. }
  7480. .credit-icon-6 {
  7481.     background-image: url(assets/images/sprite.png);
  7482.     background-position: 0 -175px
  7483. }
  7484. @media (-webkit-min-device-pixel-ratio: 2),
  7485. (min--moz-device-pixel-ratio: 2),
  7486. (min-device-pixel-ratio: 2),
  7487. (min-resolution: 192dpi),
  7488. (min-resolution: 2dppx) {
  7489.     .credit-icon-6 {
  7490.         background-image: url(assets/images/sprite@2x.png);
  7491.         background-position: -198px -272px;
  7492.         background-size: 525px 411px
  7493.     }
  7494. }
  7495. .credit-icon--double {
  7496.     position: relative
  7497. }
  7498. .credit-icon--double:before {
  7499.     background-image: url(assets/images/sprite.png);
  7500.     background-position: -199px -100px;
  7501.     width: 49px;
  7502.     height: 54px;
  7503.     content: '';
  7504.     display: block;
  7505.     left: 0;
  7506.     position: absolute
  7507. }
  7508. @media (-webkit-min-device-pixel-ratio: 2),
  7509. (min--moz-device-pixel-ratio: 2),
  7510. (min-device-pixel-ratio: 2),
  7511. (min-resolution: 192dpi),
  7512. (min-resolution: 2dppx) {
  7513.     .credit-icon--double:before {
  7514.         background-image: url(assets/images/sprite@2x.png);
  7515.         background-position: -396px -162px;
  7516.         background-size: 525px 411px
  7517.     }
  7518. }
  7519. .credit-title__prefix {
  7520.     text-transform: none
  7521. }
  7522. .payment-details {
  7523.     position: relative
  7524. }
  7525. .payment-details__wrapper {
  7526.     padding: 12px 12px 24px;
  7527.     position: relative
  7528. }
  7529. .payment-details__icon {
  7530.     display: none
  7531. }
  7532. @media (min-width: 532px) {
  7533.     .payment-details__icon {
  7534.         display: block;
  7535.         float: left;
  7536.         margin-right: 12px
  7537.     }
  7538. }
  7539. .payment-details__image {
  7540.     display: block;
  7541.     margin: auto
  7542. }
  7543. @media (min-width: 532px) {
  7544.     .payment-details__image {
  7545.         display: none
  7546.     }
  7547. }
  7548. .payment-details__title {
  7549.     margin: 0 12px 0 0
  7550. }
  7551. .payment-details__price {
  7552.     color: #fff;
  7553.     font-size: 32px;
  7554.     line-height: 1;
  7555.     margin-top: 6px;
  7556.     vertical-align: top;
  7557.     white-space: nowrap
  7558. }
  7559. .payment__method__button,
  7560. .unsubscribe__button {
  7561.     line-height: 1.2;
  7562.     border-width: 2px;
  7563.     border-style: solid
  7564. }
  7565. .payment-details__price a {
  7566.     color: #7ecaee
  7567. }
  7568. @media (min-width: 532px) {
  7569.     .payment-details__price {
  7570.         font-size: 36px
  7571.     }
  7572. }
  7573. @media (min-width: 767px) {
  7574.     .payment-details__header {
  7575.         -webkit-align-items: center;
  7576.         -ms-flex-align: center;
  7577.         align-items: center;
  7578.         display: -webkit-flex;
  7579.         display: -ms-flexbox;
  7580.         display: flex
  7581.     }
  7582.     .payment-details__price {
  7583.         margin: 0 0 0 auto
  7584.     }
  7585. }
  7586. .sub-product-icons__description {
  7587.     margin-bottom: 0
  7588. }
  7589. .sub-product-icons__image-container {
  7590.     display: inline-block;
  7591.     margin-right: 12px;
  7592.     margin-top: 12px;
  7593.     position: relative
  7594. }
  7595. .sub-product-icons__image-container:not([data-count="1"]):after {
  7596.     font-size: 12px;
  7597.     background: rgba(0, 0, 0, .5);
  7598.     border-radius: 8.5px;
  7599.     bottom: -6px;
  7600.     color: #fff;
  7601.     content: attr(data-count);
  7602.     font-weight: 700;
  7603.     height: 17px;
  7604.     position: absolute;
  7605.     right: -6px;
  7606.     text-align: center;
  7607.     width: 17px
  7608. }
  7609. .payment__steps {
  7610.     counter-reset: payment-counter;
  7611.     margin-top: 24px
  7612. }
  7613. .payment__steps__step {
  7614.     margin: 12px 0
  7615. }
  7616. .payment__steps__step:last-child {
  7617.     margin-bottom: 0
  7618. }
  7619. .payment__steps__title {
  7620.     color: #fff;
  7621.     counter-increment: payment-counter;
  7622.     position: relative
  7623. }
  7624. .payment__steps__title a {
  7625.     color: #7ecaee
  7626. }
  7627. .payment__steps__title:before {
  7628.     content: counter(payment-counter) ". ";
  7629.     font-size: inherit
  7630. }
  7631. .payment__steps__title--single:before {
  7632.     display: none
  7633. }
  7634. .payment__steps__legal {
  7635.     font-size: 12px;
  7636.     display: block
  7637. }
  7638. .payment__disclaimer {
  7639.     margin-top: 24px
  7640. }
  7641. .payment__method+.payment__method,
  7642. .payment__method__cancel {
  7643.     margin-top: 12px
  7644. }
  7645. .payment__user {
  7646.     table-layout: fixed
  7647. }
  7648. .payment__user td {
  7649.     padding-right: 12px
  7650. }
  7651. .payment__method {
  7652.     -webkit-align-items: flex-start;
  7653.     -ms-flex-align: start;
  7654.     align-items: flex-start;
  7655.     background-color: #567798;
  7656.     border-radius: 6px;
  7657.     display: -webkit-flex;
  7658.     display: -ms-flexbox;
  7659.     display: flex;
  7660.     -webkit-flex-direction: column;
  7661.     -ms-flex-direction: column;
  7662.     flex-direction: column;
  7663.     padding: 12px
  7664. }
  7665. .payment__method__icon,
  7666. .payment__method__label {
  7667.     color: #fff;
  7668.     margin-bottom: 12px
  7669. }
  7670. .payment__method__icon a,
  7671. .payment__method__label a {
  7672.     color: #7ecaee
  7673. }
  7674. @media (min-width: 532px) {
  7675.     .payment__method {
  7676.         -webkit-align-items: center;
  7677.         -ms-flex-align: center;
  7678.         align-items: center;
  7679.         -webkit-flex-direction: row;
  7680.         -ms-flex-direction: row;
  7681.         flex-direction: row
  7682.     }
  7683.     .payment__method__icon,
  7684.     .payment__method__label {
  7685.         margin-bottom: 0
  7686.     }
  7687. }
  7688. .payment__method__icon {
  7689.     -ms-interpolation-mode: bicubic;
  7690.     image-rendering: auto
  7691. }
  7692. .payment__method__button {
  7693.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  7694.     text-align: center;
  7695.     background-color: #00813e;
  7696.     border-color: #8eda55;
  7697.     color: #fff;
  7698.     font-size: 16px;
  7699.     padding: 12px 24px;
  7700.     border-radius: 5px;
  7701.     margin-bottom: 4px;
  7702.     text-transform: uppercase;
  7703.     display: block;
  7704.     width: 100%
  7705. }
  7706. .shop-footer__title--side,
  7707. .subscription__description h3 {
  7708.     text-transform: none
  7709. }
  7710. .payment__method__button:hover {
  7711.     background-color: #00ab54;
  7712.     border-color: #b9f373
  7713. }
  7714. .payment__method__button:active,
  7715. .payment__method__button:disabled {
  7716.     background-color: #006743;
  7717.     border-color: #5abb37
  7718. }
  7719. .payment__method__button:active {
  7720.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  7721.     -webkit-transform: translate(0, 2px);
  7722.     transform: translate(0, 2px)
  7723. }
  7724. @media (min-width: 532px) {
  7725.     .payment__method__button {
  7726.         margin-left: auto;
  7727.         width: auto
  7728.     }
  7729.     .payment__method__cancel {
  7730.         text-align: right
  7731.     }
  7732. }
  7733. .premium-sms {
  7734.     background-color: rgba(0, 0, 0, .5);
  7735.     border-radius: 6px;
  7736.     margin-top: 24px;
  7737.     padding: 12px
  7738. }
  7739. .shop-footer,
  7740. .subscription {
  7741.     border-radius: 3px;
  7742.     background-color: #103960;
  7743.     overflow: hidden
  7744. }
  7745. .premium-sms__voucher-redeem__wrapper {
  7746.     zoom: 1
  7747. }
  7748. .premium-sms__voucher-redeem__wrapper:after,
  7749. .premium-sms__voucher-redeem__wrapper:before {
  7750.     content: '';
  7751.     display: table
  7752. }
  7753. .premium-sms__voucher-redeem {
  7754.     float: none;
  7755.     width: 100%;
  7756.     margin: 12px 0
  7757. }
  7758. @media (min-width: 767px) {
  7759.     .premium-sms__voucher-redeem {
  7760.         float: left;
  7761.         width: 66%
  7762.     }
  7763. }
  7764. .product-icon--3,
  7765. .product-icon--5,
  7766. .product-icon--6,
  7767. .product-icon--7,
  7768. .product-icon--8 {
  7769.     width: 98px;
  7770.     height: 98px;
  7771.     min-width: 98px
  7772. }
  7773. .premium-sms__legal {
  7774.     font-size: 12px;
  7775.     display: block
  7776. }
  7777. .premium-sms .form__helper {
  7778.     display: none
  7779. }
  7780. .product-icon--4,
  7781. [class*=product__icon--] {
  7782.     background-image: url(assets/images/sprite.png);
  7783.     background-position: 0 -75px;
  7784.     width: 98px;
  7785.     height: 98px;
  7786.     min-width: 98px
  7787. }
  7788. @media (-webkit-min-device-pixel-ratio: 2),
  7789. (min--moz-device-pixel-ratio: 2),
  7790. (min-device-pixel-ratio: 2),
  7791. (min-resolution: 192dpi),
  7792. (min-resolution: 2dppx) {
  7793.     .product-icon--4,
  7794.     [class*=product__icon--] {
  7795.         background-image: url(assets/images/sprite@2x.png);
  7796.         background-position: -99px -74px;
  7797.         background-size: 525px 411px
  7798.     }
  7799. }
  7800. .product-icon--3 {
  7801.     background-image: url(assets/images/sprite.png);
  7802.     background-position: -100px -275px
  7803. }
  7804. @media (-webkit-min-device-pixel-ratio: 2),
  7805. (min--moz-device-pixel-ratio: 2),
  7806. (min-device-pixel-ratio: 2),
  7807. (min-resolution: 192dpi),
  7808. (min-resolution: 2dppx) {
  7809.     .product-icon--3 {
  7810.         background-image: url(assets/images/sprite@2x.png);
  7811.         background-position: -297px 0;
  7812.         background-size: 525px 411px
  7813.     }
  7814. }
  7815. .product-icon--5 {
  7816.     background-image: url(assets/images/sprite.png);
  7817.     background-position: 0 -275px
  7818. }
  7819. @media (-webkit-min-device-pixel-ratio: 2),
  7820. (min--moz-device-pixel-ratio: 2),
  7821. (min-device-pixel-ratio: 2),
  7822. (min-resolution: 192dpi),
  7823. (min-resolution: 2dppx) {
  7824.     .product-icon--5 {
  7825.         background-image: url(assets/images/sprite@2x.png);
  7826.         background-position: -198px -173px;
  7827.         background-size: 525px 411px
  7828.     }
  7829. }
  7830. .product-icon--6 {
  7831.     background-image: url(assets/images/sprite.png);
  7832.     background-position: -299px 0
  7833. }
  7834. @media (-webkit-min-device-pixel-ratio: 2),
  7835. (min--moz-device-pixel-ratio: 2),
  7836. (min-device-pixel-ratio: 2),
  7837. (min-resolution: 192dpi),
  7838. (min-resolution: 2dppx) {
  7839.     .product-icon--6 {
  7840.         background-image: url(assets/images/sprite@2x.png);
  7841.         background-position: 0 -173px;
  7842.         background-size: 525px 411px
  7843.     }
  7844. }
  7845. .product-icon--7 {
  7846.     background-image: url(assets/images/sprite.png);
  7847.     background-position: 0 -175px
  7848. }
  7849. @media (-webkit-min-device-pixel-ratio: 2),
  7850. (min--moz-device-pixel-ratio: 2),
  7851. (min-device-pixel-ratio: 2),
  7852. (min-resolution: 192dpi),
  7853. (min-resolution: 2dppx) {
  7854.     .product-icon--7 {
  7855.         background-image: url(assets/images/sprite@2x.png);
  7856.         background-position: -198px -272px;
  7857.         background-size: 525px 411px
  7858.     }
  7859. }
  7860. .product-icon--8 {
  7861.     background-image: url(assets/images/sprite.png);
  7862.     background-position: -299px -100px
  7863. }
  7864. @media (-webkit-min-device-pixel-ratio: 2),
  7865. (min--moz-device-pixel-ratio: 2),
  7866. (min-device-pixel-ratio: 2),
  7867. (min-resolution: 192dpi),
  7868. (min-resolution: 2dppx) {
  7869.     .product-icon--8 {
  7870.         background-image: url(assets/images/sprite@2x.png);
  7871.         background-position: -99px -173px;
  7872.         background-size: 525px 411px
  7873.     }
  7874. }
  7875. .purse {
  7876.     zoom: 1
  7877. }
  7878. .purse:after,
  7879. .purse:before {
  7880.     content: '';
  7881.     display: table
  7882. }
  7883. .purse__columns {
  7884.     margin-left: -12px;
  7885.     margin-right: -12px
  7886. }
  7887. .purse__column {
  7888.     float: left;
  7889.     width: 50%
  7890. }
  7891. .purse__item--builders-club:before,
  7892. .purse__item--credits:before,
  7893. .purse__item--diamonds:before,
  7894. .purse__item--habbo-club:before {
  7895.     width: 20px;
  7896.     margin-right: 6px;
  7897.     display: inline-block;
  7898.     vertical-align: middle;
  7899.     content: ''
  7900. }
  7901. .purse__column:nth-child(2n+1) {
  7902.     clear: left
  7903. }
  7904. .purse__column:not(:nth-child(2n+1)) {
  7905.     clear: none
  7906. }
  7907. .category-filter:after,
  7908. .transactions:after {
  7909.     clear: both
  7910. }
  7911. .purse__item {
  7912.     padding: 6px;
  7913.     white-space: nowrap
  7914. }
  7915. .purse__item--credits:before {
  7916.     background-image: url(assets/images/sprite.png);
  7917.     background-position: -266px -252px;
  7918.     height: 20px
  7919. }
  7920. @media (-webkit-min-device-pixel-ratio: 2),
  7921. (min--moz-device-pixel-ratio: 2),
  7922. (min-device-pixel-ratio: 2),
  7923. (min-resolution: 192dpi),
  7924. (min-resolution: 2dppx) {
  7925.     .purse__item--credits:before {
  7926.         background-image: url(assets/images/sprite@2x.png);
  7927.         background-position: -198px -122px;
  7928.         background-size: 525px 411px
  7929.     }
  7930. }
  7931. .purse__item--diamonds:before {
  7932.     background-image: url(assets/images/sprite.png);
  7933.     background-position: -244px -252px;
  7934.     height: 20px
  7935. }
  7936. @media (-webkit-min-device-pixel-ratio: 2),
  7937. (min--moz-device-pixel-ratio: 2),
  7938. (min-device-pixel-ratio: 2),
  7939. (min-resolution: 192dpi),
  7940. (min-resolution: 2dppx) {
  7941.     .purse__item--diamonds:before {
  7942.         background-image: url(assets/images/sprite@2x.png);
  7943.         background-position: -263px -99px;
  7944.         background-size: 525px 411px
  7945.     }
  7946. }
  7947. .purse__item--habbo-club:before {
  7948.     background-image: url(assets/images/sprite.png);
  7949.     background-position: -222px -252px;
  7950.     height: 20px
  7951. }
  7952. @media (-webkit-min-device-pixel-ratio: 2),
  7953. (min--moz-device-pixel-ratio: 2),
  7954. (min-device-pixel-ratio: 2),
  7955. (min-resolution: 192dpi),
  7956. (min-resolution: 2dppx) {
  7957.     .purse__item--habbo-club:before {
  7958.         background-image: url(assets/images/sprite@2x.png);
  7959.         background-position: -242px -99px;
  7960.         background-size: 525px 411px
  7961.     }
  7962. }
  7963. .purse__item--builders-club:before {
  7964.     background-image: url(assets/images/sprite.png);
  7965.     background-position: -457px -422px;
  7966.     height: 18px
  7967. }
  7968. @media (-webkit-min-device-pixel-ratio: 2),
  7969. (min--moz-device-pixel-ratio: 2),
  7970. (min-device-pixel-ratio: 2),
  7971. (min-resolution: 192dpi),
  7972. (min-resolution: 2dppx) {
  7973.     .purse__item--builders-club:before {
  7974.         background-image: url(assets/images/sprite@2x.png);
  7975.         background-position: -236px -143px;
  7976.         background-size: 525px 411px
  7977.     }
  7978. }
  7979. .shop-footer {
  7980.     margin-bottom: 24px;
  7981.     padding: 24px 12px
  7982. }
  7983. .shop-footer:last-child {
  7984.     margin-bottom: 0
  7985. }
  7986. @media (min-width: 532px) {
  7987.     .shop-footer {
  7988.         padding-left: 24px;
  7989.         padding-right: 24px
  7990.     }
  7991. }
  7992. .shop-footer__text {
  7993.     color: #a1b5c8;
  7994.     max-width: 533px
  7995. }
  7996. .shop-footer__link:after {
  7997.     background-image: url(assets/images/sprite.png);
  7998.     background-position: -379px -275px;
  7999.     width: 18px;
  8000.     height: 20px;
  8001.     content: '';
  8002.     display: inline-block;
  8003.     margin-left: 6px;
  8004.     vertical-align: middle
  8005. }
  8006. @media (-webkit-min-device-pixel-ratio: 2),
  8007. (min--moz-device-pixel-ratio: 2),
  8008. (min-device-pixel-ratio: 2),
  8009. (min-resolution: 192dpi),
  8010. (min-resolution: 2dppx) {
  8011.     .shop-footer__link:after {
  8012.         background-image: url(assets/images/sprite@2x.png);
  8013.         background-position: -219px -122px;
  8014.         background-size: 525px 411px
  8015.     }
  8016. }
  8017. .subscription {
  8018.     margin-bottom: 24px;
  8019.     padding: 24px 12px
  8020. }
  8021. .subscription:last-child {
  8022.     margin-bottom: 0
  8023. }
  8024. @media (min-width: 532px) {
  8025.     .subscription {
  8026.         padding-left: 24px;
  8027.         padding-right: 24px
  8028.     }
  8029. }
  8030. .subscription__description {
  8031.     margin-bottom: 12px
  8032. }
  8033. .subscription__grid {
  8034.     margin-left: 0
  8035. }
  8036. .subscription__price__unit {
  8037.     font-size: 12px
  8038. }
  8039. .unsubscribe {
  8040.     overflow: hidden
  8041. }
  8042. .unsubscribe__icon {
  8043.     float: left;
  8044.     margin-right: 12px
  8045. }
  8046. .unsubscribe__content {
  8047.     margin-bottom: 24px;
  8048.     overflow: hidden
  8049. }
  8050. .unsubscribe__button {
  8051.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  8052.     text-align: center;
  8053.     background-color: #00813e;
  8054.     border-color: #8eda55;
  8055.     color: #fff;
  8056.     font-size: 16px;
  8057.     padding: 12px 24px;
  8058.     border-radius: 5px;
  8059.     text-transform: uppercase;
  8060.     display: block;
  8061.     margin: 0 auto 12px;
  8062.     width: 100%
  8063. }
  8064. .inventory__section__title,
  8065. .offer__section__title {
  8066.     text-transform: none
  8067. }
  8068. .unsubscribe__button:hover {
  8069.     background-color: #00ab54;
  8070.     border-color: #b9f373
  8071. }
  8072. .unsubscribe__button:active,
  8073. .unsubscribe__button:disabled {
  8074.     background-color: #006743;
  8075.     border-color: #5abb37
  8076. }
  8077. .unsubscribe__button:active {
  8078.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  8079.     -webkit-transform: translate(0, 2px);
  8080.     transform: translate(0, 2px)
  8081. }
  8082. @media (min-width: 532px) {
  8083.     .unsubscribe__button {
  8084.         width: auto
  8085.     }
  8086. }
  8087. .category-filter {
  8088.     zoom: 1;
  8089.     font-size: 14px;
  8090.     line-height: 1.4;
  8091.     display: -webkit-flex;
  8092.     display: -ms-flexbox;
  8093.     display: flex;
  8094.     -webkit-flex-wrap: wrap;
  8095.     -ms-flex-wrap: wrap;
  8096.     flex-wrap: wrap;
  8097.     -webkit-justify-content: flex-end;
  8098.     -ms-flex-pack: end;
  8099.     justify-content: flex-end;
  8100.     margin: 12px 0
  8101. }
  8102. .category-filter:after,
  8103. .category-filter:before {
  8104.     content: '';
  8105.     display: table
  8106. }
  8107. .category-filter:first-child {
  8108.     margin-top: 0
  8109. }
  8110. .category-filter__item {
  8111.     display: inline
  8112. }
  8113. .category-filter__item:not(:last-child):after {
  8114.     background-color: #fff;
  8115.     content: '';
  8116.     display: inline-block;
  8117.     height: 1em;
  8118.     margin-left: 12px;
  8119.     margin-right: 12px;
  8120.     vertical-align: text-bottom;
  8121.     width: 2px
  8122. }
  8123. .inventory__section,
  8124. .offer__section {
  8125.     border-radius: 3px;
  8126.     overflow: hidden;
  8127.     background-color: #103960
  8128. }
  8129. .category-filter__link--active {
  8130.     border-bottom-style: solid;
  8131.     border-bottom-width: 1px
  8132. }
  8133. .inventory__section {
  8134.     margin-bottom: 24px;
  8135.     padding: 24px 12px
  8136. }
  8137. .inventory__section:last-child {
  8138.     margin-bottom: 0
  8139. }
  8140. @media (min-width: 532px) {
  8141.     .inventory__section {
  8142.         padding-left: 24px;
  8143.         padding-right: 24px
  8144.     }
  8145. }
  8146. .inventory__grid {
  8147.     margin-top: -12px
  8148. }
  8149. .offer__section {
  8150.     margin-bottom: 24px;
  8151.     padding: 24px 12px
  8152. }
  8153. .offer__section:last-child {
  8154.     margin-bottom: 0
  8155. }
  8156. @media (min-width: 532px) {
  8157.     .offer__section {
  8158.         padding-left: 24px;
  8159.         padding-right: 24px
  8160.     }
  8161. }
  8162. .offer__grid {
  8163.     margin-left: 0
  8164. }
  8165. @keyframes rotating {
  8166.     from {
  8167.         -webkit-transform: rotate(0);
  8168.         transform: rotate(0)
  8169.     }
  8170.     to {
  8171.         -webkit-transform: rotate(360deg);
  8172.         transform: rotate(360deg)
  8173.     }
  8174. }
  8175. .inventory-thumbnail__wrapper {
  8176.     padding-bottom: 12px;
  8177.     padding-top: 12px
  8178. }
  8179. .inventory-thumbnail {
  8180.     background-color: #528fb4;
  8181.     border: 2px solid #000;
  8182.     border-radius: 5px;
  8183.     box-shadow: inset 0 11px rgba(255, 255, 255, .5), inset 0 0 0 6px #7bc6ea, 0 5px rgba(0, 0, 0, .3);
  8184.     color: #000;
  8185.     cursor: pointer;
  8186.     padding: 6px;
  8187.     position: relative
  8188. }
  8189. .inventory-thumbnail--offer {
  8190.     background-color: #ffba00;
  8191.     box-shadow: inset 0 11px rgba(255, 255, 255, .5), inset 0 0 0 6px #ffea00, 0 5px rgba(0, 0, 0, .3);
  8192.     min-height: 222px
  8193. }
  8194. .accordion__item--expanded .inventory-thumbnail,
  8195. .inventory-thumbnail:hover {
  8196.     background-color: #7bc6ea;
  8197.     box-shadow: inset 0 11px rgba(255, 255, 255, .5), inset 0 0 0 6px #fff, 0 5px rgba(0, 0, 0, .3)
  8198. }
  8199. .accordion__item--expanded .inventory-thumbnail--offer,
  8200. .inventory-thumbnail--offer:hover {
  8201.     background-color: #ffea00
  8202. }
  8203. .accordion__item--expanded .inventory-thumbnail__banner:after {
  8204.     -webkit-transform: rotate(540deg);
  8205.     transform: rotate(540deg)
  8206. }
  8207. .inventory-thumbnail__body {
  8208.     -webkit-align-items: center;
  8209.     -ms-flex-align: center;
  8210.     align-items: center;
  8211.     display: -webkit-flex;
  8212.     display: -ms-flexbox;
  8213.     display: flex;
  8214.     margin-bottom: 33.6px
  8215. }
  8216. .inventory-thumbnail--offer .inventory-thumbnail__icon {
  8217.     margin-top: 45px
  8218. }
  8219. .inventory-thumbnail--offer .inventory-thumbnail__icon--large {
  8220.     display: none
  8221. }
  8222. @media (min-width: 767px) {
  8223.     .inventory-thumbnail--offer .inventory-thumbnail__icon {
  8224.         display: none
  8225.     }
  8226.     .inventory-thumbnail--offer .inventory-thumbnail__icon--large {
  8227.         display: block;
  8228.         margin-top: 35px
  8229.     }
  8230. }
  8231. .inventory-thumbnail__text {
  8232.     margin: 0 12px;
  8233.     width: 100%
  8234. }
  8235. .inventory-thumbnail--offer .inventory-thumbnail__text {
  8236.     margin-top: 30px
  8237. }
  8238. .inventory-thumbnail__title {
  8239.     color: inherit;
  8240.     margin: 0;
  8241.     text-shadow: none;
  8242.     text-transform: none
  8243. }
  8244. .inventory-thumbnail--single .inventory-thumbnail__title {
  8245.     text-align: center
  8246. }
  8247. .inventory-thumbnail--offer-body-text {
  8248.     padding: 2px
  8249. }
  8250. .inventory-thumbnail__banner {
  8251.     font-size: 24px;
  8252.     background-color: rgba(0, 0, 0, .2);
  8253.     bottom: 6px;
  8254.     font-weight: 700;
  8255.     left: 6px;
  8256.     position: absolute;
  8257.     right: 6px;
  8258.     text-align: center;
  8259.     white-space: nowrap
  8260. }
  8261. .inventory-thumbnail__banner:after {
  8262.     transition: -webkit-transform .3s;
  8263.     transition: transform .3s;
  8264.     background-image: url(assets/images/sprite.png);
  8265.     background-position: -118px -470px;
  8266.     width: 18px;
  8267.     height: 18px;
  8268.     content: '';
  8269.     display: block;
  8270.     margin-top: -9px;
  8271.     position: absolute;
  8272.     right: 12px;
  8273.     top: 50%
  8274. }
  8275. @media (-webkit-min-device-pixel-ratio: 2),
  8276. (min--moz-device-pixel-ratio: 2),
  8277. (min-device-pixel-ratio: 2),
  8278. (min-resolution: 192dpi),
  8279. (min-resolution: 2dppx) {
  8280.     .inventory-thumbnail__banner:after {
  8281.         background-image: url(assets/images/sprite@2x.png);
  8282.         background-position: -250px -371px;
  8283.         background-size: 525px 411px
  8284.     }
  8285. }
  8286. .inventory-thumbnail__highlight__banner {
  8287.     font-size: 16px;
  8288.     background-color: #000;
  8289.     border-radius: 3px;
  8290.     box-shadow: 0 4px rgba(0, 0, 0, .12), inset 0 6px #52545d;
  8291.     color: #fff;
  8292.     font-weight: 700;
  8293.     left: 0;
  8294.     padding: 5px;
  8295.     position: absolute;
  8296.     right: 0;
  8297.     text-align: center;
  8298.     top: 0;
  8299.     white-space: nowrap
  8300. }
  8301. .inventory-thumbnail__highlight {
  8302.     display: none
  8303. }
  8304. @media (min-width: 532px) {
  8305.     .inventory-thumbnail__highlight {
  8306.         display: inline
  8307.     }
  8308. }
  8309. .transactions {
  8310.     zoom: 1
  8311. }
  8312. .transactions:after,
  8313. .transactions:before {
  8314.     content: '';
  8315.     display: table
  8316. }
  8317. .transactions__show-all__wrapper {
  8318.     float: right;
  8319.     margin-top: 12px
  8320. }
  8321. .transactions__show-all__button {
  8322.     box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
  8323.     display: inline-block;
  8324.     line-height: 1.2;
  8325.     text-align: center;
  8326.     background-color: #0f7dbc;
  8327.     border-color: #2a9cde;
  8328.     color: #fff;
  8329.     font-size: 12px;
  8330.     padding: 6px 12px;
  8331.     border-radius: 5px;
  8332.     border-width: 2px;
  8333.     border-style: solid;
  8334.     margin-bottom: 4px;
  8335.     text-transform: uppercase
  8336. }
  8337. .transactions__show-all__button:hover {
  8338.     background-color: #2a9cde;
  8339.     border-color: #53bdf9
  8340. }
  8341. .transactions__show-all__button:active,
  8342. .transactions__show-all__button:disabled {
  8343.     background-color: #084d74;
  8344.     border-color: #1e7b9e
  8345. }
  8346. .transactions__show-all__button:active,
  8347. .transactions__show-all__button:hover {
  8348.     border-bottom-style: solid;
  8349.     border-bottom-width: 2px
  8350. }
  8351. .transactions__show-all__button:active {
  8352.     box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
  8353.     -webkit-transform: translate(0, 2px);
  8354.     transform: translate(0, 2px)
  8355. }
  8356. .transactions__notice {
  8357.     font-size: 14px;
  8358.     float: left;
  8359.     margin-top: 12px
  8360. }
  8361. .transactions-history {
  8362.     width: 100%
  8363. }
  8364. .transactions-history thead th {
  8365.     display: none
  8366. }
  8367. .transactions-history thead th:nth-child(2) {
  8368.     text-align: left
  8369. }
  8370. .transactions-history tbody td {
  8371.     display: block
  8372. }
  8373. @media (min-width: 532px) {
  8374.     .transactions-history tbody td:nth-child(2) {
  8375.         text-align: left;
  8376.         width: 99%
  8377.     }
  8378. }
  8379. .transactions-history tbody td:before {
  8380.     content: attr(data-th) ": ";
  8381.     display: inline-block;
  8382.     font-weight: 700;
  8383.     margin-right: 12px;
  8384.     width: 25%
  8385. }
  8386. .transactions-history tbody td,
  8387. .transactions-history thead th {
  8388.     padding-left: 6px;
  8389.     white-space: nowrap
  8390. }
  8391. @media (min-width: 532px) {
  8392.     .transactions-history tbody td:before {
  8393.         display: none
  8394.     }
  8395.     .transactions-history tbody td,
  8396.     .transactions-history thead th {
  8397.         display: table-cell;
  8398.         padding: 6px 24px;
  8399.         text-align: right
  8400.     }
  8401. }
  8402. .transactions-history tbody td:nth-child(2),
  8403. .transactions-history thead th:nth-child(2) {
  8404.     white-space: normal
  8405. }
  8406. .transactions-history tbody td:first-child,
  8407. .transactions-history thead th:first-child {
  8408.     padding-top: 6px
  8409. }
  8410. .transactions-history tbody td:last-child,
  8411. .transactions-history thead th:last-child {
  8412.     padding-bottom: 6px
  8413. }
  8414. .transactions-history tbody tr:nth-child(odd) {
  8415.     background-color: #113f62
  8416. }
  8417. .transactions-history tbody tr:nth-child(even) {
  8418.     background-color: #13486f
  8419. }
  8420. .transactions-history .product-name:not(:only-child)::after {
  8421.     content: ' + '
  8422. }
  8423. .transactions-history .credits:before,
  8424. .voucher-icon__credits:before {
  8425.     width: 20px;
  8426.     height: 20px;
  8427.     content: '';
  8428.     display: inline-block;
  8429.     margin-right: 6px;
  8430.     vertical-align: middle
  8431. }
  8432. .transactions-history .credits:before {
  8433.     background-image: url(assets/images/sprite.png);
  8434.     background-position: -266px -252px
  8435. }
  8436. @media (-webkit-min-device-pixel-ratio: 2),
  8437. (min--moz-device-pixel-ratio: 2),
  8438. (min-device-pixel-ratio: 2),
  8439. (min-resolution: 192dpi),
  8440. (min-resolution: 2dppx) {
  8441.     .transactions-history .credits:before {
  8442.         background-image: url(assets/images/sprite@2x.png);
  8443.         background-position: -198px -122px;
  8444.         background-size: 525px 411px
  8445.     }
  8446.  
  8447. @media (-webkit-min-device-pixel-ratio: 2),
  8448. (min--moz-device-pixel-ratio: 2),
  8449. (min-device-pixel-ratio: 2),
  8450. (min-resolution: 192dpi),
  8451. (min-resolution: 2dppx) {
  8452.     .voucher-icon__credits:before {
  8453.         background-image: url(assets/images/sprite@2x.png);
  8454.         background-position: -198px -122px;
  8455.         background-size: 525px 411px
  8456.     }
  8457. }
  8458. .voucher-icon__product {
  8459.     display: inline-block;
  8460.     margin-right: 6px;
  8461.     vertical-align: middle
  8462. }
  8463. </style>
  8464.  
  8465. </center>
  8466. <br><br><br><br><br><br><br><br><br><br><br><br>
  8467. ?    <footer class="footer">
  8468.         <div class="wrapper">
  8469.             <div class="footer__media">
  8470.                 <p class="footer__media__label" translate="FOLLOW_HABBO">OneRP 2K18</p>
  8471.                 <ul itemscope="" itemtype="http://schema.org/Organization">
  8472.                     <link itemprop="url" href="http://onerp.eu">
  8473.                     <li class="footer__media__item"><a href="https://www.facebook.com/OneRP2018/" class="footer__media__link" target="_blank" itemprop="sameAs"><i class="icon--facebook"></i></a></li>
  8474.                    
  8475.                 </ul>
  8476.             </div>
  8477.             <div class="footer__content">
  8478.                 <ul class="footer__nav">
  8479.                     <!-- end ngRepeat: link in links -->
  8480.                     <li ng-repeat="link in links" class="footer__nav__item"><a ng-href="/playing-habbo/safety" target="_blank" translate="FOOTER_SAFETY" href="https://discord.gg/bhQa3Gg">DISCORD</a></li>
  8481.                     <!-- end ngRepeat: link in links -->
  8482.                     <li ng-repeat="link in links" class="footer__nav__item"><a ng-href="/playing-habbo/habbo-way" target="_blank" translate="FOOTER_PARENTS" href="https://www.facebook.com/OneRP2018/">PAGE FACEBOOK</a></li>
  8483.                     <!-- end ngRepeat: link in links -->
  8484.                     <li ng-repeat="link in links" class="footer__nav__item"><a ng-href="/playing-habbo/what-is-habbo" target="_blank" translate="FOOTER_TOS_AND_PRIVACY" href="https://www.facebook.com/groups/onerp.eu/">GROUPE FACEBOOK</a></li>
  8485.                     <!-- end ngRepeat: link in links -->
  8486.  
  8487.                 </ul>
  8488.                 <p class="footer__copyright" translate="FOOTER_COPYRIGHT" translate-values="{ year: currentYear }">� 2018 ~ 2019 OneRP.<br> OneRP est un projet indépendant � but non lucratif.<br> D�veloppement de <i>Rahim Baltaccli & Sirius Dev</i> <br>OneRP CMS V.3<br></p></div>
  8489.        </div>
  8490.    </footer>
  8491. <center>
  8492. </body>
  8493. <center>
  8494. </center>
  8495. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!