/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url("font-awesome/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b29793e6e.eot?v=4.7.0");
    src: url("font-awesome/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b29793e6e.eot?v=4.7.0#iefix") format("embedded-opentype"), url("font-awesome/fontawesome-webfont-2adefcbc041e7d18fcf2d417879dc5a09997aa64d675b7a3c4b6ce33da13f3fe3e6e.woff2?v=4.7.0") format("woff2"), url("font-awesome/fontawesome-webfont-ba0c59deb5450f5cb41b3f93609ee2d0d995415877ddfa223e8a8a7533474f073e6e.woff?v=4.7.0") format("woff"), url("font-awesome/fontawesome-webfont-aa58f33f239a0fb02f5c7a6c45c043d7a9ac9a093335806694ecd6d4edc0d6a83e6e.ttf?v=4.7.0") format("truetype"), url("font-awesome/fontawesome-webfont-ad6157926c1622ba4e1d03d478f1541368524bfc46f51e42fe0d945f7ef323e43e6e.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold-webfont.woff2') format('woff2'),
    url('fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
    min-height: 100%;
    position: relative;
}

canvas {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: relative;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before,
.fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before,
.fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before,
.fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before,
.fa-sort:before {
    content: ""
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-legal:before,
.fa-gavel:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before,
.fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before,
.fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before,
.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-rupee:before,
.fa-inr:before {
    content: ""
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: ""
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: ""
}

.fa-won:before,
.fa-krw:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before,
.fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: ""
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: ""
}

.fa-ge:before,
.fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-send:before,
.fa-paper-plane:before {
    content: ""
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before,
.fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before,
.fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before,
.fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-signing:before,
.fa-sign-language:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-vcard:before,
.fa-address-card:before {
    content: ""
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@font-face {
    font-family: "GothamPro";
    src: url(GothamPro/GothamProRegular-6a998196cce5c16aae4616071a85b97626d4c26ebb0b505a6b810b57e91263a7.eot);
    src: url(GothamPro/GothamProRegular-6a998196cce5c16aae4616071a85b97626d4c26ebb0b505a6b810b57e91263a7d41d.eot?#iefix) format("embedded-opentype"), url(GothamPro/GothamProRegular-70e7ea50d23c538692bbd47bcf1f82d46a4f532f14b2c87aab660eeb4f8485e9.woff) format("woff"), url(GothamPro/GothamProRegular-e1b7eca8f4f714d98cbb489a535c2309291bc4bfbed61f302801f163101c7378.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "GothamPro";
    src: url(GothamPro/GothamProMedium-d261e48795b56e31c3e923a204b809cceb5e98e346e1bf2d35fe18e215d2016b.eot);
    src: url(GothamPro/GothamProMedium-d261e48795b56e31c3e923a204b809cceb5e98e346e1bf2d35fe18e215d2016bd41d.eot?#iefix) format("embedded-opentype"), url(GothamPro/GothamProMedium-d3bb6c505b9bc95c4a8e55608f679d0589fb9b54455e23adbdd2d5a7224ff6b7.woff) format("woff"), url(GothamPro/GothamProMedium-628f800ee45ce3cf59a7a39bf5e283e26bd5564765049e4861318f9ffcdc4097.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: "GothamPro";
    src: url(GothamPro/GothamProBold-bf3e95d8275efd5978a594d42f3b4b2c57d1d3ef7841ead4fe2404ac00bc5350.eot);
    src: url(GothamPro/GothamProBold-bf3e95d8275efd5978a594d42f3b4b2c57d1d3ef7841ead4fe2404ac00bc5350d41d.eot?#iefix) format("embedded-opentype"), url(GothamPro/GothamProBold-2fb79490e7b334bd4aae1679ec8ca15d1e080b5231346364e8e1700ed05da262.woff) format("woff"), url(GothamPro/GothamProBold-b69af16ad08877434ce76400c0a777d5b82194d4bb1a7679685c0e48dc8b3902.ttf) format("truetype");
    font-weight: 700
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
.rules ul,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

body {
    color: #665c58;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "GothamPro", sans-serif;
    font-weight: 400
}

a {
    color: inherit;
    text-decoration: none
}

b {
    font-weight: bold
}

button {
    border-radius: 0
}

.back-btn {
    display: block;
    color: #fff;
    background: #b2a59d;
    padding: 9px 30px 9px 19px;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 15px;
    -moz-box-shadow: inset -5px 0 0 #d5c8c0;
    -webkit-box-shadow: inset -5px 0 0 #d5c8c0;
    box-shadow: inset -5px 0 0 #d5c8c0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (min-width: 720px) {
    .back-btn {
        font-size: 17px;
        padding: 12px 34px 12px 23px
    }
}

@media screen and (min-width: 992px) {
    .back-btn {
        font-size: 18px
    }
}

.back-btn:focus,
.back-btn:active {
    outline: none
}

.back-btn:hover {
    background: #bdb1aa;
    -moz-box-shadow: inset -5px 0 0 #dcd0c8;
    -webkit-box-shadow: inset -5px 0 0 #dcd0c8;
    box-shadow: inset -5px 0 0 #dcd0c8
}

.back-btn .fa {
    margin-right: 5px;
    font-size: 17px
}

@media screen and (min-width: 720px) {
    .back-btn .fa {
        font-size: 20px;
        margin-right: 10px
    }
}

@media screen and (min-width: 992px) {
    .back-btn .fa {
        font-size: 21px
    }
}

.page-content {
    -moz-transition: filter 0.1s;
    -o-transition: filter 0.1s;
    -webkit-transition: filter 0.1s;
    transition: filter 0.1s
}

.page-content.modal-opened {
    -webkit-filter: blur(12px);
    filter: blur(12px)
}

.container,
.cookies-banner .banner-container,
.container-flexible {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px;
    width: 100%
}

@media screen and (min-width: 480px) {
    .container,
    .cookies-banner .banner-container,
    .container-flexible {
        padding: 0 40px
    }
}

@media screen and (min-width: 992px) {
    .container,
    .cookies-banner .banner-container,
    .container-flexible {
        max-width: 984px;
        padding: 0 15px
    }
}

@media screen and (min-width: 1200px) {
    .container,
    .cookies-banner .banner-container,
    .container-flexible {
        max-width: 1070px;
        padding: 0
    }
}

@media screen and (min-width: 1600px) {
    .container,
    .cookies-banner .banner-container,
    .container-flexible {
        max-width: 1320px
    }
}

.container,
.cookies-banner .banner-container {
    overflow: hidden;
    *zoom: 1
}

.container-flexible {
    display: -webkit-flex;
    display: flex
}

.container-fluid {
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1
}

::-webkit-input-placeholder {
    color: #86796e
}

::-moz-placeholder {
    color: #86796e
}

:-moz-placeholder {
    color: #86796e
}

:-ms-input-placeholder {
    color: #86796e
}

.page-main {
    position: relative;
    z-index: 100;
    background: #fff
}

.limit-width-xxl {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

[data-lazy-appear],
[data-lazy-appear-item] {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease-in-out;
    will-change: opacity, transform
}

@keyframes bounce {
    0%,
    100% {
        -moz-transform: translateZ(0) scale(1);
        -ms-transform: translateZ(0) scale(1);
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
    33% {
        -moz-transform: translateZ(0) scale(1.05);
        -ms-transform: translateZ(0) scale(1.05);
        -webkit-transform: translateZ(0) scale(1.05);
        transform: translateZ(0) scale(1.05)
    }
    66% {
        -moz-transform: translateZ(0) scale(0.95);
        -ms-transform: translateZ(0) scale(0.95);
        -webkit-transform: translateZ(0) scale(0.95);
        transform: translateZ(0) scale(0.95)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.subpages-logo {
    padding: 10px 0;
    background: #f9f6f3;
    text-align: center;
    font-size: 0
}

@media screen and (min-width: 720px) {
    .subpages-logo {
        display: none
    }
}

.logo-link .logo {
    display: inline-block;
    background: url(320/logo_small-9dd07f2029213d6ef3744630579014092932fc380b3cb09a41eef6d0e26b4e8d.png) no-repeat center;
    width: 120px;
    height: 39px;
    background-size: 120px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .logo-link .logo {
        background-image: url(320/logo_small%402x-2316500ad216ab0f2ac2aa450a75feae655301cef1702dab3f1f2e0a55fe4d15.png)
    }
}

@media screen and (min-width: 720px) {
    .logo-link .logo {
        background: url(720/logo_small-32e90885b4eb74422e314ecc82d65444513202058e7667ca08da6dded399d03d.png) no-repeat center;
        width: 113px;
        height: 37px;
        background-size: 113px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .logo-link .logo {
        background-image: url(720/logo_small%402x-5ef162dbb256eaa25853939b538bdb005de328e9d93475b36db37f38cf440a79.png)
    }
}

@media screen and (min-width: 1600px) {
    .logo-link .logo {
        background: url(1600/logo_small-1ed93d0a90e83fcf04c1880bbf7251f3250f6a5ef4e828f337cb5a20eacd1a7d.png) no-repeat center;
        width: 124px;
        height: 40px;
        background-size: 124px
    }
}

@media (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1600px) and (min-resolution: 192dpi) {
    .logo-link .logo {
        background-image: url(1600/logo_small%402x-c3118c812121ad69180d1ad878cacfab98c10cc7c6eab4d2f97500a67c9aba53.png)
    }
}

.page-top {
    position: relative
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
    -webkit-tap-highlight-color: transparent
}

.modal-body {
    transform: scale(0.95);
    opacity: 0;
    transition: all .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.modal-body.animated {
    opacity: 1;
    transform: scale(1)
}

.modal-body.animated .game-notify:before,
.modal-body.animated .age-prompt:before {
    opacity: 1;
    transform: translateY(0)
}

.modal-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    display: -webkit-flex;
    display: flex
}

.modal--video .modal-body {
    width: 90%;
    background: #000;
    position: relative
}

.modal--video .modal-body:after {
    content: '';
    display: block;
    padding-top: 56.25%
}

.modal--video .modal-body > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (min-width: 992px) {
    .modal--video .modal-body {
        max-width: 700px
    }
}

@media screen and (min-width: 1200px) {
    .modal--video .modal-body {
        max-width: 830px
    }
}

.modal--video .modal-body iframe {
    height: 100%;
    width: 100%
}

.modal--notify .modal-body {
    position: relative
}

.modal--notify .modal-close {
    top: 0;
    right: -5px
}

@media screen and (min-width: 992px) {
    .modal--notify .game-notify {
        position: relative;
        background: url(1024/notify_bgr-0179a7ea9958e6964f9895d46ba258056cda9034832c508efce01c3d28337380.png) no-repeat center left 15px;
        width: 728px;
        height: 471px;
        background-size: 713px;
        box-sizing: border-box;
        padding: 90px 50px 0;
        text-align: center
    }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 992px) and (min-resolution: 192dpi) {
    .modal--notify .game-notify {
        background-image: url(1024/notify_bgr%402x-52ad3d9c955e26de5a0a22d28de4f9e492f71deb81204942ad6cd1fcbe2d25a5.png)
    }
}

@media screen and (min-width: 992px) {
    .modal--notify .game-notify:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin: -115px 0 0 -180px;
        opacity: 0;
        transform: translateY(-7px);
        transition: all .25s ease-in-out .07s;
        background: url(1024/notify_cat-1c0e198fde02653b4fcf432f50ae6e0abd1af70dc2c8e2747a58e473bf5b1d04.png) no-repeat center;
        width: 372px;
        height: 179px;
        background-size: 372px
    }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 992px) and (min-resolution: 192dpi) {
    .modal--notify .game-notify:before {
        background-image: url(1024/notify_cat%402x-2c4573f3b96b431887f860224597b302b4599dfd7758ad79fe17b91480e8ad49.png)
    }
}

.modal--notify .game-notify__header {
    color: #f8a616;
    margin-bottom: 25px;
    font-family: "GothamPro", sans-serif;
    font-weight: 700;
    font-size: 28px
}

.modal--notify .game-notify__btn {
    padding: 15px 25px;
    background: #e11720;
    display: inline-block;
    color: #fff;
    margin-bottom: 28px;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 18px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: inset -7px 0 0 #ff5b3b;
    -webkit-box-shadow: inset -7px 0 0 #ff5b3b;
    box-shadow: inset -7px 0 0 #ff5b3b
}

.modal--notify .game-notify__btn:hover {
    background: #e63b19;
    -moz-box-shadow: inset -7px 0 0 #ff7430;
    -webkit-box-shadow: inset -7px 0 0 #ff7430;
    box-shadow: inset -7px 0 0 #ff7430
}

.modal--notify .game-notify .notify-form {
    padding: 20px 53px;
    background: #dacec0;
    position: relative
}

.modal--notify .game-notify .notify-form__paragraph {
    color: #665c58;
    line-height: 18px;
    margin-bottom: 20px;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 15px
}

.modal-close {
    width: 40px;
    height: 38px;
    background: #e11720;
    position: absolute;
    top: -9px;
    right: -10px;
    box-sizing: border-box;
    padding: 7px;
    cursor: pointer;
    -moz-box-shadow: inset -4px 0 0 #ff5b3b;
    -webkit-box-shadow: inset -4px 0 0 #ff5b3b;
    box-shadow: inset -4px 0 0 #ff5b3b;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (min-width: 720px) {
    .modal-close {
        top: -19px;
        right: -20px
    }
}

.modal-close:hover {
    background: #e63b19;
    -moz-box-shadow: inset -4px 0 0 #ff7430;
    -webkit-box-shadow: inset -4px 0 0 #ff7430;
    box-shadow: inset -4px 0 0 #ff7430
}

.modal-close .close-icon {
    width: 24px;
    height: 24px;
    position: relative;
    transform: rotate(-45deg)
}

.modal-close .close-icon:before,
.modal-close .close-icon:after {
    content: '';
    display: block;
    position: absolute;
    background: #fffbe7
}

.modal-close .close-icon:before {
    width: 24px;
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px
}

.modal-close .close-icon:after {
    width: 6px;
    height: 24px;
    left: 50%;
    top: 0;
    margin-left: -3px
}

.modal--team-participants .modal-wrapper {
    align-items: flex-start
}

@media screen and (min-width: 992px) {
    .modal--team-participants .modal-wrapper {
        overflow-y: scroll
    }
}

.modal--team-participants .modal-body {
    width: 100%;
    height: 100%;
    background: #f1e6db;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 992px) {
    .modal--team-participants .modal-body {
        width: 700px;
        height: auto;
        box-sizing: border-box;
        padding: 165px 0 45px;
        position: relative;
        background: none;
        overflow: initial;
        margin: 8% 0
    }

    .modal--team-participants .modal-body:before,
    .modal--team-participants .modal-body:after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        left: 0
    }

    .modal--team-participants .modal-body:before {
        height: 75px;
        /*background: url(1024/contest/modal/bgr_top-e7cb20a8a37125195fee96d4bd4328ec9597a1ae79426bfa9c5c40c7715c3b95.png) no-repeat top left;*/
        background-size: 711px;
        top: 0
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-width: 992px) and (min-resolution: 192dpi) {
    .modal--team-participants .modal-body:before {
        /*background-image: url(1024/contest/modal/bgr_top%402x-49f7e467f7e1e84ba28a239c2fc1e0f3e38f285c212761b5afa91b5811c7736a.png)*/
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .modal-body:after {
        height: 44px;
        /*background: url(1024/contest/modal/bgr_bottom-f95ebeaf85af2742a15cc899e9d352a257d82396ef986847f89e15a5cd4fda43.png) no-repeat bottom left;*/
        background-size: 711px;
        bottom: 0
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 992px) and (min-width: 992px) and (min-resolution: 192dpi) {
    .modal--team-participants .modal-body:after {
        /*background-image: url(1024/contest/modal/bgr_bottom%402x-13472a768b35e839dccfc1ee1a63505bea0df76cceee79a03ae64868d6504b03.png)*/
    }
}

.modal--team-participants .modal-body .bgr {
    display: none
}

@media screen and (min-width: 992px) {
    .modal--team-participants .modal-body .bgr {
        display: block;
        position: absolute;
        left: 0;
        top: 75px;
        bottom: 35px;
        /*background: url(1024/contest/modal/bgr_tile-c777d137bb08b0c7a8dd1999cb670b0c199754fc98f7dcff9c455a4e91eb39cd.png) repeat-y;*/
        background-size: 711px;
        width: 100%
    }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 992px) and (min-resolution: 192dpi) {
    .modal--team-participants .modal-body .bgr {
        /*background-image: url(1024/contest/modal/bgr_tile%402x-87da20c137fc16e78a84b18efcb9a0f52848aca335633fd77c946339d84e3e46.png)*/
    }
}

.modal--team-participants .modal-body [data-modal-team] {
    display: none
}

.modal--team-participants .modal-close {
    top: 12px;
    right: 12px
}

@media screen and (min-width: 992px) {
    .modal--team-participants .modal-close {
        top: 0;
        right: -20px
    }
}

.modal--team-participants .content {
    padding: 60px 0 50px;
    font-family: 'Fjalla One', sans-serif
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content {
        padding: 0
    }
}

.modal--team-participants .content .team-info {
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .team-info-top {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px 10px 0 0;
        box-sizing: border-box
    }
}

.modal--team-participants .content .team-info__name {
    font-size: 29px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-info__name {
        font-size: 36px
    }
}

.modal--team-participants .content .team-summary {
    background: #e9ddd1;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    box-sizing: border-box;
    font-size: 15px;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .team-summary {
        padding: 20px 40px;
        font-size: 18px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-summary {
        font-size: 28px;
        padding: 22px 40px
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .team-summary {
        background: #e3d8cc
    }
}

.modal--team-participants .content .team-summary__members-count,
.modal--team-participants .content .team-summary__current-result {
    padding-left: 30px;
    line-height: 21px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-summary__members-count,
    .modal--team-participants .content .team-summary__current-result {
        padding-left: 50px;
        line-height: 32px
    }
}

.modal--team-participants .content .team-summary__members-count {
    /*background: url(320/contest/modal/cat-652d0b3b8e49786a1ccc2902d53d0ed7ab222060d1732e094baac9224f4bddc5.png) no-repeat center left;*/
    background-size: 21px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .modal--team-participants .content .team-summary__members-count {
        /*background-image: url(320/contest/modal/cat%402x-9163ec6ca1646bdb133839c1f1f512c466e5f11e8edff0e8d1832c8416c3aced.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-summary__members-count {
        /*background: url(720/contest/modal/cat-dee0da263dbabe7df54e116a08b74657f021a0ce2ccf786b8a0416dfb1b71154.png) no-repeat center left;*/
        background-size: 34px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .modal--team-participants .content .team-summary__members-count {
        /*background-image: url(720/contest/modal/cat%402x-cb9a9420bb16a28a274053a379b6dfbda63fb39bc414ea0f8034c9b7767dc0eb.png)*/
    }
}

.modal--team-participants .content .team-summary__current-result {
    /*background: url(320/contest/modal/cup-963d8fac11ac3d0bd549d9c1338dfa16b994fa072076be2bb7d09fd365357251.png) no-repeat center left;*/
    background-size: 25px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .modal--team-participants .content .team-summary__current-result {
        /*background-image: url(320/contest/modal/cup%402x-75876b24440f68731da22ee39060a10c692fc48ca789522eda69c9e092307990.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-summary__current-result {
        /*background: url(720/contest/modal/cup-9251fb0999c37c5ba9a04f3019a35524aa4a1823d937e6fae4e8dc99f8ac2fda.png) no-repeat center left;*/
        background-size: 42px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .modal--team-participants .content .team-summary__current-result {
        /*background-image: url(720/contest/modal/cup%402x-1f8fbdd06d989e618bde708ee9075ddad9950e4ce6326343941e0d0364608516.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .team-summary__best-result {
        font-size: 22px
    }
}

.modal--team-participants .content .team-summary__best-result .label {
    text-transform: uppercase;
    color: #ada6a3
}

.modal--team-participants .content .members-table {
    margin-bottom: 25px;
    backface-visibility: hidden;
    transform: translateZ(0)
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table {
        margin-bottom: 39px
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .members-table {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        padding-right: 10px
    }
}

.modal--team-participants .content .members-table__row {
    background: #f7ede4;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px 15px;
    font-size: 16px;
    margin-bottom: 3px;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table__row {
        padding: 5px 40px;
        font-size: 18px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table__row {
        font-size: 26px;
        padding: 8px 40px;
        margin-bottom: 4px
    }
}

.modal--team-participants .content .members-table__row--owner {
    background: #fbf4ed;
    flex-wrap: wrap;
    padding-bottom: 8px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table__row--owner {
        padding-bottom: 14px
    }
}

.modal--team-participants .content .members-table .member-info,
.modal--team-participants .content .members-table .member-rating {
    width: 50%;
    align-items: center;
    display: -webkit-flex;
    display: flex
}

.modal--team-participants .content .members-table .member-info {
    text-transform: uppercase
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .member-info {
        width: 55%
    }
}

.modal--team-participants .content .members-table .member-info__position {
    width: 18px;
    text-align: center;
    color: #ada6a3;
    margin-right: 8px
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .member-info__position {
        margin-right: 14px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-info__position {
        margin-right: 20px
    }
}

.modal--team-participants .content .members-table .member-info__name {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    position: relative;
    top: -1px
}

.modal--team-participants .content .members-table .member-info__name--general:after {
    content: 'General';
    font-size: 12px;
    color: #ada6a3;
    margin-left: 5px
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .member-info__name--general:after {
        font-size: 13px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-info__name--general:after {
        font-size: 20px;
        margin-left: 10px
    }
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .member-rating {
        width: 45%
    }
}

.modal--team-participants .content .members-table .member-rating__prestige,
.modal--team-participants .content .members-table .member-rating__stage {
    width: 28px;
    height: 28px;
    font-size: 12px;
    line-height: 29px;
    margin-right: 5px;
    text-align: center
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige,
    .modal--team-participants .content .members-table .member-rating__stage {
        margin-right: 15px;
        width: 39px;
        height: 39px;
        line-height: 40px;
        font-size: 18px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige {
    color: #fff;
    /*background: url(320/contest/modal/prestige-s9bc9901870-99fcecc5e1b8fc4c8c494bab22e2079d23fe5a4cc05f27a45871db9745b047af.png);*/
    width: 36px;
    background-size: 36px;
    line-height: 28px;
    box-sizing: border-box;
    padding-right: 1px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__prestige {
        /*background-image: url(320/contest/modal/prestige%402x-s239fdf87d3-18324a8573701aa98b3d2eabe57dc0186e0b48a8a72e721dbb29b708e9eb4c07.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige {
        /*background: url(720/contest/modal/prestige-s8398208b00-f516a686daadc2a94958bdb67155e2f64044921218f45f8b3141424e8b496868.png);*/
        width: 50px;
        background-size: 50px;
        line-height: 38px;
        padding-right: 2px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__prestige {
        /*background-image: url(720/contest/modal/prestige%402x-sd70173f270-fdcea0a8db93cc5743e4a751fc5d8f278474802dea46de2e60778582b57b114d.png)*/
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .members-table .member-rating__prestige {
        padding-right: 1px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--1 {
    background-position: 0 0;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--1 {
        background-position: 0 0;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--2 {
    background-position: 0 -58px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--2 {
        background-position: 0 -78px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--3 {
    background-position: 0 -87px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--3 {
        background-position: 0 -117px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--4 {
    background-position: 0 -116px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--4 {
        background-position: 0 -156px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--5 {
    background-position: 0 -145px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--5 {
        background-position: 0 -195px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--6 {
    background-position: 0 -174px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--6 {
        background-position: 0 -234px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--7 {
    background-position: 0 -203px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--7 {
        background-position: 0 -273px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--8 {
    background-position: 0 -232px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--8 {
        background-position: 0 -312px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--9 {
    background-position: 0 -261px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--9 {
        background-position: 0 -351px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__prestige--10 {
    background-position: 0 -29px;
    height: 25px
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__prestige--10 {
        background-position: 0 -39px;
        height: 35px
    }
}

.modal--team-participants .content .members-table .member-rating__stage {
    /*background: url(320/contest/modal/stage-b1927b5cf4ea22780bc57d8861182db4b2e2a72e254c9a18439037656723583f.png) no-repeat center;*/
    background-size: 28px;
    box-sizing: border-box;
    padding-left: 1px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__stage {
        /*background-image: url(320/contest/modal/stage%402x-43147cddb023990a5d85f49453bbcf3dc275901142e6becc850f24e4c980f21b.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__stage {
        /*background: url(720/contest/modal/stage-65f99717407f00697f51d4df89964319c5d70614671bfb8e400f7ab3b84903e3.png) no-repeat center;*/
        background-size: 39px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__stage {
        /*background-image: url(720/contest/modal/stage%402x-a842c81abd455a1674bb2aa1c7d9621a48e9bc307389ccecf9cf7135b7a9880b.png)*/
    }
}

.modal--team-participants .content .members-table .member-rating__contribution {
    padding-left: 27px;
    line-height: 18px;
    /*background: url(320/contest/modal/cup-963d8fac11ac3d0bd549d9c1338dfa16b994fa072076be2bb7d09fd365357251.png) no-repeat center left;*/
    background-size: 23px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__contribution {
        /*background-image: url(320/contest/modal/cup%402x-75876b24440f68731da22ee39060a10c692fc48ca789522eda69c9e092307990.png)*/
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .member-rating__contribution {
        padding-left: 40px;
        /*background: url(720/contest/modal/cup-9251fb0999c37c5ba9a04f3019a35524aa4a1823d937e6fae4e8dc99f8ac2fda.png) no-repeat center left;*/
        background-size: 32px;
        line-height: 24px
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .modal--team-participants .content .members-table .member-rating__contribution {
        /*background-image: url(720/contest/modal/cup%402x-1f8fbdd06d989e618bde708ee9075ddad9950e4ce6326343941e0d0364608516.png)*/
    }
}

.modal--team-participants .content .members-table .leader-channel {
    width: 100%;
    box-sizing: border-box;
    padding-left: 26px
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .leader-channel {
        padding-left: 32px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .leader-channel {
        padding-left: 38px
    }
}

.modal--team-participants .content .members-table .leader-channel__link {
    color: #f8a616;
    font-family: "GothamPro", sans-serif;
    font-weight: 700;
    font-size: 12px
}

@media screen and (min-width: 480px) {
    .modal--team-participants .content .members-table .leader-channel__link {
        font-size: 13px
    }
}

@media screen and (min-width: 720px) {
    .modal--team-participants .content .members-table .leader-channel__link {
        font-size: 17px
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .members-table .leader-channel__link {
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        -webkit-transition: color 0.3s;
        transition: color 0.3s
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .members-table .leader-channel__link:hover {
        color: #ffb71d
    }
}

@media screen and (min-width: 992px) {
    .modal--team-participants .content .back-btn {
        display: none
    }
}


.features {
    padding: 40px 0 220px;
    color: #fff;
    background: url(320/features-ea1e04caeec932713e92aa65a567a1c276013f94f2d828f5c9daaec887821fa4.jpg) no-repeat center bottom, #5ea3c2
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .features {
        background: url(320/features%402x-3afd06bb5a23e2d9c2325c5c034f359a58c7b86fb40d4f8821c1dc7244c36e25.jpg) no-repeat center bottom, #5ea3c2;
        background-size: 750px
    }
}

@media screen and (min-width: 720px) {
    .features {
        padding: 50px 0 380px;
        background: url(720/features-ce2e54f96021fde62325e1a88f3233a1a355034164e2342b1ee78f0f85666ede.jpg) no-repeat center bottom, #5ea3c2
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .features {
        background: url(720/features%402x-550805c2dcaee495bdfac6dfaba1474def11b522fdcac5c7abbde0dcb159ad21.jpg) no-repeat center bottom, #5ea3c2;
        background-size: 1024px
    }
}

@media screen and (min-width: 992px) {
    .features {
        padding: 50px 0 515px;
        background: url(1024/features-7ece83caa4584aacdf529fde6ec86a03965285755bda0fb04d530a75bf1f5728.jpg) no-repeat center bottom, #5ea3c2
    }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 992px) and (min-resolution: 192dpi) {
    .features {
        background: url(1024/features%402x-347bf808b235b20db41abbd239c197cfe09dabd4399067b27cac6edeec272f96.jpg) no-repeat center bottom, #5ea3c2;
        background-size: 1200px
    }
}

@media screen and (min-width: 1200px) {
    .features {
        padding: 70px 0 620px;
        background: url(1200/features-f869dc92147fe96157ac4fdca3eaad106c47eb9e4838b9a466b94bdd19eeb762.jpg) no-repeat center bottom, #5ea3c2
    }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1200px) and (min-resolution: 192dpi) {
    .features {
        background: url(1200/features%402x-bbf03d43a198d93cb379284c25c02b3f51fdddbdaf370713905784810dcadcc6.jpg) no-repeat center bottom, #5ea3c2;
        background-size: 1600px
    }
}

@media screen and (min-width: 1600px) {
    .features {
        padding: 70px 0 745px;
        background: url(1600/features-293f32773c64e45a36909c594f8c4e67460f0eaa2c2ab2705105b6eb8c3020ab.jpg) no-repeat center bottom, #5ea3c2
    }
}

@media (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1600px) and (min-resolution: 192dpi) {
    .features {
        background: url(1600/features%402x-c3d9f722d6a2687894b2d764adcba9851313a8db5dfd1e9d1e737a45d71eb336.jpg) no-repeat center bottom, #5ea3c2;
        background-size: 1920px
    }
}

.features .container-flexible {
    flex-direction: column
}

@media screen and (min-width: 992px) {
    .features .container-flexible {
        flex-direction: row
    }
}

.features__header {
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    color: #fff6c4;
    margin-bottom: 25px
}

@media screen and (min-width: 720px) {
    .features__header {
        font-size: 32px
    }
}

@media screen and (min-width: 992px) {
    .features__header {
        font-size: 34px
    }
}

@media screen and (min-width: 1200px) {
    .features__header {
        font-size: 38px
    }
}

@media screen and (min-width: 1600px) {
    .features__header {
        font-size: 44px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 992px) {
    .features-text {
        width: 33.3%;
        box-sizing: border-box;
        padding-right: 30px
    }
}

.features__sub-header {
    margin-bottom: 17px;
    line-height: 20px;
    font-family: "GothamPro", sans-serif;
    font-weight: 700;
    font-size: 15px
}

@media screen and (min-width: 720px) {
    .features__sub-header {
        font-size: 16px
    }
}

@media screen and (min-width: 992px) {
    .features__sub-header {
        font-size: 17px;
        line-height: 22px
    }
}

@media screen and (min-width: 1200px) {
    .features__sub-header {
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (min-width: 1600px) {
    .features__sub-header {
        font-size: 23px;
        margin-bottom: 27px;
        line-height: 28px
    }
}

.features__description {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px
}

@media screen and (min-width: 720px) {
    .features__description {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (min-width: 992px) {
    .features__description {
        font-size: 17px;
        line-height: 26px
    }
}

@media screen and (min-width: 1200px) {
    .features__description {
        font-size: 20px;
        line-height: 26px
    }
}

@media screen and (min-width: 1600px) {
    .features__description {
        font-size: 23px;
        line-height: 30px;
        padding-right: 20px
    }
}

@media screen and (min-width: 720px) {
    .features__elements {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 992px) {
    .features__elements {
        width: 66.6%;
        align-content: flex-start;
        align-items: flex-start
    }
}

.features__elements .feature {
    margin-bottom: 22px;
    align-items: center;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width: 720px) {
    .features__elements .feature {
        width: 50%;
        margin-bottom: 35px
    }
}

@media screen and (min-width: 992px) {
    .features__elements .feature {
        margin-bottom: 30px
    }
}

.features__elements .feature:last-child {
    margin: 0
}

@media screen and (min-width: 720px) {
    .features__elements .feature--fights,
    .features__elements .feature--championship {
        order: 1
    }
}

@media screen and (min-width: 720px) {
    .features__elements .feature--machine,
    .features__elements .feature--combinations {
        order: 2
    }
}

@media screen and (min-width: 720px) {
    .features__elements .feature--machine {
        margin: 0
    }
}

@media screen and (min-width: 720px) {
    .features__elements .feature--combinations .feature__description {
        padding-right: 65px
    }
}

@media screen and (min-width: 768px) {
    .features__elements .feature--combinations .feature__description {
        padding-right: 85px
    }
}

@media screen and (min-width: 992px) {
    .features__elements .feature--combinations .feature__description {
        padding-right: 15px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature--combinations .feature__description {
        padding-right: 55px
    }
}

.features__elements .feature__icon {
    width: 65px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0
}

.features__elements .feature__icon--fights {
    height: 36px;
    background-image: url(320/features-icons/fights-a89e5f52196df59b131bbb14152367e51f2899d5ad3d757dcee4b5daec2e3e25.svg)
}

@media screen and (min-width: 1200px) {
    .features__elements .feature__icon--fights {
        height: 42px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__icon--fights {
        height: 48px
    }
}

.features__elements .feature__icon--machine {
    height: 31px;
    background-image: url(320/features-icons/machine-563cee423bd3b6ffadd85b510b478dcddb34356761bf6a33d5c3bdfe7f8c623a.svg)
}

@media screen and (min-width: 1200px) {
    .features__elements .feature__icon--machine {
        height: 36px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__icon--machine {
        height: 42px
    }
}

.features__elements .feature__icon--championship {
    height: 42px;
    background-image: url(320/features-icons/championship-5175dbd6a531f9cfbfa460ba5531917d1f3ac869541f8131b6c0615878529083.svg)
}

@media screen and (min-width: 1200px) {
    .features__elements .feature__icon--championship {
        height: 49px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__icon--championship {
        height: 57px
    }
}

.features__elements .feature__icon--combinations {
    height: 38px;
    background-image: url(320/features-icons/combinations-0110e99a64077673fc73a31f32443f33f1a2660e51dc30e275b173bb7b269758.svg)
}

@media screen and (min-width: 1200px) {
    .features__elements .feature__icon--combinations {
        height: 44px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__icon--combinations {
        height: 51px
    }
}

.features__elements .feature__icon--toolbox {
    height: 38px;
    background-image: url(320/features-icons/toolbox-3e4b5664ed671393e6936ed82d15e12bdb8f0648cddd9dc10ea6c3f253b7595c.svg)
}

@media screen and (min-width: 1200px) {
    .features__elements .feature__icon--toolbox {
        height: 45px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__icon--toolbox {
        height: 54px
    }
}

.features__elements .feature__description {
    font-size: 13px;
    line-height: 19px;
    padding-left: 17px
}

@media screen and (min-width: 720px) {
    .features__elements .feature__description {
        font-size: 14px;
        line-height: 20px;
        padding: 0 30px 0 20px
    }
}

@media screen and (min-width: 992px) {
    .features__elements .feature__description {
        font-size: 15px;
        padding: 0 15px 0 20px
    }
}

@media screen and (min-width: 1600px) {
    .features__elements .feature__description {
        font-size: 17px;
        line-height: 25px;
        padding: 0 55px 0 20px
    }
}

.features__elements .feature b {
    font-weight: bold
}


.about {
    padding: 15px 0 34px;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 480px) {
    .about {
        padding-top: 20px
    }
}

@media screen and (min-width: 720px) {
    .about {
        padding: 20px 0 35px
    }
}

@media screen and (min-width: 992px) {
    .about {
        padding: 30px 0 37px
    }
}

@media screen and (min-width: 1200px) {
    .about {
        padding: 30px 0 70px
    }
}

.about__video, .full_screen_background {
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.about__video:after, .full_screen_background:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45)
}

.about__video video {
    width: 100%;
    position: relative
}

.about .container,
.about .cookies-banner .banner-container,
.cookies-banner .about .banner-container {
    position: relative;
    z-index: 100;
    overflow: visible
}

.about__logo {
    margin: 0 auto;
    background: url(320/logo-3832d132b6c85f2fe6d100255c9d81c729f6fa895a9ce5d75aaa63d47bfa3b32.png) no-repeat center;
    width: 230px;
    height: 70px;
    background-size: 230px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .about__logo {
        background-image: url(320/logo%402x-e4d26a7629de8317c6e6e1a2e25ef1710167eac8aed139a3bf049db853d68446.webp), url(320/logo%402x-e4d26a7629de8317c6e6e1a2e25ef1710167eac8aed139a3bf049db853d68446.png)
    }
}

@media screen and (min-width: 720px) {
    .about__logo {
        background: url(720/logo-d7ed33bc508e3f43eac48b7da57fe15fcbf97438b86e77c9f71b25570f1bb537.png) no-repeat center;
        width: 280px;
        height: 90px;
        background-size: 280px;
    }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 768px) and (min-resolution: 192dpi) {
    .about__logo {
        background-image: url(720/logo%402x-f8641017f954c24b7f2d8c69f49ecbff6b6a3512386ebd5309fe371f4bc830a0.png)
    }
}

@media screen and (min-width: 992px) {
    .about__logo {
        background: url(1024/logo-6beaff90c2afdd54cd9e9c789647038e804bf57366a7e0657961874555ba17e9.png) no-repeat center;
        width: 280px;
        height: 90px;
        background-size: 280px;
    }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 992px) and (min-resolution: 192dpi) {
    .about__logo {
        background-image: url(1024/logo%402x-7d601e299b1caa402b4dd02ae2d28f3bc296a99f0e843927bdfd088db5fe5507.png)
    }
}

@media screen and (min-width: 1200px) {
    .about__logo {
        background: url(1200/logo-28284bb7035affa417378bc441b862f2ab916be24650ed4e51b02bca07023fbd.png) no-repeat center;
        width: 280px;
        height: 90px;
        background-size: 280px;
    }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1200px) and (min-resolution: 192dpi) {
    .about__logo {
        background-image: url(1200/logo%402x-3746e85aec214c6b1ebcc55bfa6c61ad07beb46dd18c78f191416c96bdaa6b31.png)
    }
}

@media screen and (min-width: 1600px) {
    .about__logo {
        background: url(1600/logo-1a4f7ba97af4875b7b0e65fbdefdd3a4f8af0f9b371ebb4f12b273a69708ddda.png) no-repeat center;
        width: 387px;
        height: 157px;
        background-size: 387px
    }
}

@media (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1600px) and (min-resolution: 192dpi) {
    .about__logo {
        background-image: url(logo%402x-3525b0558b1c9dc35738e890fbfe6bb3165a2adb8d6de44bbefefc69b34c28d9.png)
    }
}

.title-h {
    text-indent: -9999px;
    height: 0;
}

.about__description {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 1px 1px 3px #000;
    white-space: pre-line;
}

@media screen and (min-width: 480px) {
    .about__description {
        font-size: 17px
    }
}

@media screen and (min-width: 720px) {
    .about__description {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (min-width: 992px) {
    .about__description {
        font-size: 23px;
        line-height: 38px
    }
}

@media screen and (min-width: 1200px) {
    .about__description {
        font-size: 23px;
        line-height: 32px
    }
}

@media screen and (min-width: 1600px) {
    .about__description {
        font-size: 33px;
        line-height: 32px;
    }
}

.about__trailer-btn {
    margin: 0 auto;
    padding: 15px 25px;
    background: #e11720;
    align-items: center;
    cursor: pointer;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fef6c5;
    display: -webkit-inline-flex;
    display: inline-flex;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: inset -7px 0 0 #ff5b3b;
    -webkit-box-shadow: inset -7px 0 0 #ff5b3b;
    box-shadow: inset -7px 0 0 #ff5b3b
}

@media screen and (min-width: 720px) {
    .about__trailer-btn {
        margin-bottom: 55px
    }
}

@media screen and (min-width: 992px) {
    .about__trailer-btn {
        margin-bottom: 60px
    }
}

@media screen and (min-width: 1200px) {
    .about__trailer-btn {
        margin-bottom: 90px
    }
}

@media screen and (min-width: 1600px) {
    .about__trailer-btn {
        margin-bottom: 120px
    }
}

.about__trailer-btn .play-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #fff6c4;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

.about__trailer-btn .play-icon:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fff6c4;
    margin-left: 3px
}

.about__trailer-btn:hover {
    background: #ec4220;
    -moz-box-shadow: inset -7px 0 0 #ff7e30;
    -webkit-box-shadow: inset -7px 0 0 #ff7e30;
    box-shadow: inset -7px 0 0 #ff7e30
}

.about__trailer-btn:hover .play-icon {
    border-color: #fff
}

.about__trailer-btn:hover .play-icon:after {
    border-left: 9px solid #fff
}


.subscribe__form {
    text-align: center;
    position: relative
}


@media screen and (min-width: 1600px) {
    .subscribe__form {
        box-sizing: border-box;
        padding: 0 125px
    }
}

.subscribe__form label {
    display: block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 15px;
    margin-bottom: 8px
}


@media screen and (min-width: 1200px) {
    .subscribe__form label {
        font-size: 16px
    }
}

@media screen and (min-width: 1600px) {
    .subscribe__form label {
        font-size: 17px
    }
}

.subscribe__form .input-group {
    margin-bottom: 13px
}

@media screen and (min-width: 720px) {
    .subscribe__form .input-group {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 992px) {
    .subscribe__form .input-group--name {
        width: 290px
    }
}

.subscribe__form .input-group--email {
    margin: 0
}

@media screen and (min-width: 992px) {
    .subscribe__form .input-group--email {
        flex-grow: 1;
        margin: 0 10px 0 0
    }
}

.subscribe__form .input-field {
    display: block;
    width: 100%;
    border: none;
    padding: 18px 20px;
    background: #fff;
    color: #968a80;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    margin: 0;
    font-family: "GothamPro", sans-serif;
    font-weight: 400;
    font-size: 15px
}

.subscribe__form .input-field:focus {
    outline: none;
    -moz-box-shadow: inset 0 0 0 2px #f8a616;
    -webkit-box-shadow: inset 0 0 0 2px #f8a616;
    box-shadow: inset 0 0 0 2px #f8a616
}

.subscribe__form .input-field.error,
.subscribe__form .input-field.error:focus {
    -moz-box-shadow: inset 0 0 0 2px #e11720;
    -webkit-box-shadow: inset 0 0 0 2px #e11720;
    box-shadow: inset 0 0 0 2px #e11720
}

.subscribe__form .submit-btn {
    color: #fff;
    padding: 13px 25px 13px 22px;
    background: #f8a616;
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-top: 23px;
    -moz-box-shadow: inset -5px 0 0 #ffcf4e;
    -webkit-box-shadow: inset -5px 0 0 #ffcf4e;
    box-shadow: inset -5px 0 0 #ffcf4e;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 15px
}

@media screen and (min-width: 720px) {
    .subscribe__form .submit-btn {
        font-size: 18px;
        margin-top: 30px
    }
}


.subscribe__form .submit-btn:hover {
    background: #ffb71d;
    -moz-box-shadow: inset -5px 0 0 #ffdd54;
    -webkit-box-shadow: inset -5px 0 0 #ffdd54;
    box-shadow: inset -5px 0 0 #ffdd54
}

.subscribe__form .submit-btn:focus {
    outline: none
}

.subscribe__form .submit-btn .spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    visibility: hidden;
    font-size: 22px;
    display: -webkit-flex;
    display: flex
}

.subscribe__form .submit-btn .spinner .fa-spinner {
    margin-left: -5px
}

.subscribe__form .submit-btn:disabled {
    color: transparent
}

.subscribe__form .submit-btn:disabled .spinner {
    visibility: visible
}

.subscribe__form .submit-btn:disabled .spinner .fa-spinner {
    animation: spin 2s infinite linear
}

.subscribe__form .form-result {
    color: #fff;
    text-align: center;
    visibility: hidden;
    line-height: 18px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    padding-top: 8px;
    font-family: "GothamPro", sans-serif;
    font-weight: 600;
    font-size: 12px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (min-width: 720px) {
    .subscribe__form .form-result {
        font-size: 14px;
        padding: 15px 0 0
    }
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}


/* Custom css */

.page-content {
    min-height: 100%;
    height: inherit;
}

.about {
    position: relative;
    min-height: 100%;
    padding: 0;
}

.about__video.full_screen_video {
    position: fixed;
}

.about__video.full_screen_video video {
    width: auto;
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.about__logo {
    padding-top: 50px;
}

.about__trailer-btn {
    margin-top: 25px;
}

.about__trailer-btn.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.subscribe__form {
    max-width: 500px;
    margin: 0 auto;
}

.subscribe__form label {
    font-size: 15px !important;
}

.subscribe__form .input-group--name {
    width: auto !important;
}

.subscribe__form .input-field {
    font-size: 25px;
    line-height: 18px;
    margin-bottom: 4px;
}

.subscribe__form .input-group--error {
    color: orange;
    font-weight: bold;
}

@media screen and (min-width: 1600px) {
    .subscribe__form {
        padding: 0;
    }
}


/* Login Tabs */

.tabs > input,
.tabs section > div {
    display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3 {
    display: block;
    box-sizing: border-box;
    background: rgb(249, 246, 243);
    padding: 20px;
}

.tabs {
    color: #968a80;
    max-width: 500px;
    margin: 0 auto;
}

.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs ul li label {
    float: left;
    padding: 15px 25px;
    color: rgb(193, 186, 179);
    font-weight: bold;
    background: rgb(238, 238, 238);
    padding: 10px;
    border-bottom: 1px solid rgb(193, 186, 179);
}

.social-login-container {
    height: 50px;
    margin-bottom: 20px;
}

.social-login-container div {
    width: 46%;
    height: 45px;
    background-color: #333;
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: center;
    border-radius: 4px;
    float: left;
    margin: 0 2% 20px;
    cursor: pointer;
}

.social-login-container .facebook-login {
    background-image: url(facebook-icon.png);
    background-color: #3664A2;
}

.social-login-container .google-login {
    background-image: url(google-plus-icon.png);
    background-color: #DC4A3D;
}

.login-line-container {
    display: table;
    width: 100%;
    margin: 20px 0 30px 0;
}

.login-line-container > div {
    display: table-cell;
}

.login-line-container .login-line {
    width: 38%;
    transform: translateY(8px);
    height: 1px;
    border: 0;
    border-top: 1px solid #979797;
    margin: 8px 0;
    padding: 0;
}

.login-line-container .ligine-line-text {
    font-weight: bold;
    text-align: center;
    margin: 0 7.5%;
    color: #968a80;
}

.tab, .modal {
    background-color: rgb(249, 246, 243);
}

.tab label, .modal label {
    color: #736a62;
}

.tab .subscribe__form .input-field {
    margin-bottom: 20px;
    padding: 9px 10px;
}

.tab .about__trailer-btn, .modal .about__trailer-btn {
    margin: 5px 10px !important;
}

.tabs section {
    clear: both;
}

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
    color: rgb(150, 138, 128);
    background: rgb(249, 246, 243);
    border-bottom: 1px solid rgb(249, 246, 243);
    position: relative;
}

/* Modal */
.modal {
    display: table;
    position: relative;
    top: 20px;
    margin: 0 auto;
    padding: 20px;
    width: fit-content;
}

.modal .subscribe__form .input-field {
    margin-bottom: 10px;
}

.modal .body-container,
.modal .title-container {
    margin-bottom: 15px;
    color: #736a62;
    text-align: left;
}

.modal .title-container {
    font-size: 20px;
    font-weight: bold;
}

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

/* Captcha Align Center */
#g-recaptcha > div {
    width: 304px;
    height: 78px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.xsolla_login_container #xl_auth {
    width: 440px !important;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translate(-50%, 0);
}

.loader, .dark-loader {
    background-image: url('data:image/gif;base64,R0lGODlhyABkAPABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQTQyMTZBREE1NzMxMUU1QjE4OUY4RDE2OTRCRjBBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQTQyMTZBRUE1NzMxMUU1QjE4OUY4RDE2OTRCRjBBNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBNDIxNkFCQTU3MzExRTVCMTg5RjhEMTY5NEJGMEE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBNDIxNkFDQTU3MzExRTVCMTg5RjhEMTY5NEJGMEE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28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VHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQTQyMTZBREE1NzMxMUU1QjE4OUY4RDE2OTRCRjBBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQTQyMTZBRUE1NzMxMUU1QjE4OUY4RDE2OTRCRjBBNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBNDIxNkFCQTU3MzExRTVCMTg5RjhEMTY5NEJGMEE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBNDIxNkFDQTU3MzExRTVCMTg5RjhEMTY5NEJGMEE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAOw==');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px auto;
}

.dark-loader {
    background-image: url('data:image/gif;base64,R0lGODlhyABkAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NkQxRkVFRjhEQjUxMUU4OTA1NkI1NTQ0RTg5MzZBMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NkQxRkVGMDhEQjUxMUU4OTA1NkI1NTQ0RTg5MzZBMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2RDFGRUVEOERCNTExRTg5MDU2QjU1NDRFODkzNkEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2RDFGRUVFOERCNTExRTg5MDU2QjU1NDRFODkzNkEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/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');
}

/* Game Page */
body.game-page {
    background-image: url(bg-game-page.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.game-container {
    width: 80%;
    position: absolute;
    box-shadow: 0px 0px 10px 5px white;
}

.game-container .game-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.game-container .frame {
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 7px solid rgb(249, 246, 243);
    box-shadow: 1px 1px 2px #ddd;
    pointer-events: none;
}

.loading-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    height: 7px;
    background-color: #0e385b;
    margin: 0 !important;
}

.loader .loading-bar {
    display: block;
}

body.game-page #xl_auth {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}


#error-root {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000000b5;
    z-index: 202;
    display: none;
}

#modal-root {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000000b5;
    z-index: 101;
    display: none;
}

#modal-root > div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* download ui */
.ui-download {
    color: #736a62;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.about__trailer-btn .download-icon {
    background-image: url(icon_download.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

.title-underline {
    line-height: 30px;
    border-bottom: 2px solid #736a62;
    display: table;
    margin: 0 auto 30px;
}

.ui-download .text-description-centered {
    font-size: 20px;
    line-height: 25px;
    margin: 15px auto;
    font-weight: 700;
}

.ui-download {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -35px;
    width: auto;
}

.ui-download .about__trailer-btn {
    margin-top: 15px !important;
}

.footer-ui {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin-top: 50px;
}

.footer-ui .footer-img-left,
.footer-ui .footer-img-right {
    position: absolute;
    bottom: -50px;
    width: 150px;
    height: auto;
}

.footer-ui .footer-img-left {
    left: -50px;
}

.footer-ui .footer-img-right {
    right: -50px;
}

.footer-ui .external-white-text {
    position: absolute;
    color: #fff;
    text-transform: none;
    font-size: 12px;
    line-height: 14px;
    top: calc(100% + 40px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-weight: normal;
}

.close-icon {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 13px;
    line-height: 13px;
    padding: 5px;
    cursor: pointer;
}

.ui-download-popup {
    position: fixed;
    top: 18vh;
    right: 18px;
    left: auto;
    transform: none;
    margin: 0;
    padding: 5px 0px;
    max-width: 280px;
}

.ui-download-popup .text-description-centered {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    margin-bottom: 5px;
}

.ui-download-popup .subscribe__form {
    padding-top: 7vh;
}

.ui-download-popup .popup-img-top {
    position: absolute;
    top: -17vh;
    left: 50%;
    transform: translateX(-50%);
    height: 25vh;
}

.ui-download-popup .about__trailer-btn {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 15px;
}

.ui-download-popup .ui-download-content .close-icon {
    top: -7px;
    right: -1px;
}

@media screen and (max-width: 960px) and (max-height: 540px) {
    .ui-download-popup {
        zoom: 0.7;
    }
}

/* landing */
.landing {
    height: inherit;
}

.landing .subscribe__form {
    margin: 20px auto;
}

.landing .badge-container {
    display: block;
    width: 100%;
    position: relative;
    height: 140px;
    padding-top: 20px;
    z-index: 100;
    margin-bottom: 20px;
}

.landing .ribbon_top {
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    position: relative;
    float: left;
    font-size: 20px;
    line-height: 60px;
    margin-top: 20px;
    padding-left: 150px;
    padding-right: 20px;
    height: 60px;
    background: #880c00;
    background: -moz-linear-gradient(left, #880c00 0%, #e21400 64%, #e21400 100%);
    background: -webkit-linear-gradient(left, #880c00 0%, #e21400 64%, #e21400 100%);
    background: linear-gradient(to right, #880c00 0%, #e21400 64%, #e21400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#880c00', endColorstr='#e21400', GradientType=1);
}

.landing .ribbon_top .ribbon-tail {
    position: absolute;
    right: -34px;
    bottom: -16px;
    width: 110px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,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');
    z-index: -1;
}

.landing .ribbon_top span {
    color: #fbe200;
}

.landing .badge_top {
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    color: #731109;
    background-image: url(badge.png);
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    float: right;
    margin: 10px 30px;
}

.landing .badge_ribbon {
    background-image: url(badge_ribbon.png);
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 2;
    top: -30px;
    left: 15px;
}

.animated-arrow {
    background-image: url(arrow.png);
    background-size: contain;
    width: 68px;
    height: 60px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -80px;

    -webkit-animation: arrow-animation-left 1s infinite ease-out;
    animation: arrow-animation-left 1s infinite ease-out;
}

@-webkit-keyframes arrow-animation-left {
    0% {
        left: -80px;
    }
    50% {
        left: -90px;
    }
    100% {
        left: -80px;
    }
}

.full_screen_background {
    background-image: url('bg-game-page.png');
    background-size: cover;
    background-position: center;
}

.full_screen_background.bg-match {
    background-image: url('bg-match.png');
}

.full_screen_background.bg-match:after {
    background: none;
}

.full_screen_background.bg-match-mobile {
    background-image: url('bg-match-mobile.webp'), url('bg-match-mobile.png');
}

.full_screen_background.bg-match-mobile:after {
    background: none;
}

/* Adaptable Buttons */
.button_component {
    position: relative;
    height: 60px;
    cursor: pointer;
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 60px;
    display: table;
    margin: 0 auto;
    padding: 0 30px;
}

.button_component .button_center,
.button_component .button_left,
.button_component .button_right {
    position: absolute;
    top: 0;
    height: 60px;
}

.button_component .button_center {
    text-align: center;
    width: 100%;
    z-index: -1;
    left: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAABpAQMAAADFiQvAAAAAA1BMVEVdu0Jc/df2AAAADElEQVR42mNgGG4AAADSAAFuZFMDAAAAAElFTkSuQmCC');
}

.button_component .button_left,
.button_component .button_right {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.button_component .button_left {
    left: 0;
    width: 29px;
    background-image: url('data:image/png;base64,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');
}

.button_component .button_right {
    right: 0;
    width: 32px;
    background-image: url('data:image/png;base64,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');
}

.button_component .text_button {
    white-space: nowrap;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 2px;
    z-index: 2;
    position: relative;
}

.button_component.disabled {
    pointer-events: none;
    opacity: 0.4;
}

/* landing mobile version */
@media screen and (max-width: 768px) {
    .landing .ribbon_top {
        background: none;
        margin-top: 0;
        padding-right: 0;
    }

    .landing .ribbon_top .title,
    .landing .ribbon_top .ribbon-tail {
        display: none;
    }

    .landing .badge-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        padding-top: 0;
    }

    .landing .animated-arrow {
        top: auto;
        left: 50%;
        margin-left: -34px;
        bottom: 80px;
        transform: rotate(90deg);
        -webkit-animation: arrow-animation-bottom 1s infinite ease-out;
        animation: arrow-animation-bottom 1s infinite ease-out;
        display: none !important;
    }

    .landing_1 .subscribe__form .input-group {
        padding-top: 100px;
    }

    .landing .subscribe__form {
        margin: 10px auto;
    }

    .landing .badge_top {
        margin: 5px 0 0;
    }

    .landing .subscribe__form .input-field {
        font-size: 20px;
    }
}

@-webkit-keyframes arrow-animation-bottom {
    0% {
        bottom: 80px;
    }
    50% {
        bottom: 90px;
    }
    100% {
        bottom: 80px;
    }
}


.gpxCatsWebUi-fullscreen-background {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
}

.gpxCatsWebUi-fullscreen-instructions {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 104;
    top: 0;
    left: 0;
    display: block
}

.gpxCatsWebUi-fullscreen-overlay {
    width: 100vw;
    height: 120vh;
    position: absolute;
    z-index: 103;
    top: 0;
    left: 0;
    display: block;

}

.gpxCatsWebUi-fullscreen-instructions-swipe {
    width: 30vw;
    height: 30vw;
    position: fixed;
    top: 75vh;
    left: 50vw;
    color: #fff;
    fill: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fullscreen-swipe;
    animation-name: fullscreen-swipe;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fullscreen-swipe {
    from {
        top: 90%
    }

    to {
        top: 50%
    }
}

@keyframes fullscreen-swipe {
    from {
        top: 90%
    }

    to {
        top: 50%
    }
}

@media only screen and (orientation: portrait) {
    .gpxCatsWebUi-fullscreen-instructions-swipe {
        width: 30vw;
        height: 30vw;
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}

@media only screen and (orientation: landscape) {
    .gpxCatsWebUi-fullscreen-instructions-swipe {
        width: 30vh;
        height: 30vh;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.gpxCatsWebUi-main-container {
    font-weight: 300;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: black;
    z-index: 200;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

.gpxCatsWebUi-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(css_sprites.png);
}

.gpxCatsWebUi-rotate-screen-img, .gpxCatsWebUi-game-error-img {
    width: 200px;
    height: 149px;
}

.gpxCatsWebUi-rotate-screen-img {
    width: 200px;
    height: 149px;
    background-position: -206px -2px;
}

.gpxCatsWebUi-game-error-img {
    width: 200px;
    height: 149px;
    background-position: -2px -2px;
}

/* Loading UI */

.fb-loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #0e385b;
    user-select: none;
    z-index: 201;
}

.fb-gpx-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -40px;
    background-size: 100% auto;
    width: 300px;
    height: 130px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAADICAMAAABMKhGlAAAC7lBMVEVMaXGI29f///8A15D///8AkuL///8A3okAjeD///8A14////8AhOr///8A4IT///8AwpsA2IQAr7EAeuv///8AnOL///////8Ah+r///8A437///////8AdesAt7j///8Al+j///8AdusA3ogArMn///////////8AhusAvLH///8A4oL///8Afev///8AqML///8AgusA5Xv///////8Axq3///8AcOsApNH///8AjOr///8A6nP///8AkOoA05r///8Arsb///8AdOsAmOf///8AtbX///8A6HYAgur///8AzKT///////8AbesAjuoAp7////8A6XQAouL///8AwLYAjer///8AdOsA1Jf///8Aobb///8A5HoAwrP///8AuMEAq9QAmuf///8AgOoAs8v///8A53oA0J////8AbOsAwrMA6XMAjeoAnegAp9n///8Ao7UA4YAArK0AyJMAtqQA0YoAv5wA2YMAe+oA15L///8AnroAj+r///////////8AvLr///8AhuoAdeoAguoAjOoAcuoAe+oAf+oAheoAiuoAeOoAbesAa+sArawAvZ4Azo0A0YoA1IgA3n4AtaUAt6MAv5sAwpgAyJMAzJAA43kAuMIA2o4A1pMAd+oAyakAaesAwLYA6nIAr88A1JgAkOoAxq4AtcUA34cAieoAfeoAfuoAiOoAjuoAzKUAb+sAcesAdOoAu70AeuoAxLAA0ZwAp7IAsssAj+oA3IsAoeMAp9oA5HgAqq4Ar6oAsakAs6gAuaEAu6AAxJcAxpUA2IQA2oIA24EA4HwArdMApN4Aqq8A5XcA6HQAvrkAtMkAw7MAzqAAo7UAqtYA4YQAobcAnucA2JAA0J8Ax6wAptwAqtUA53cAucAApbMAsc0A0poA5X0AzaIAo+EAyqcAnbsAqNgArtEAuKIAwZsAxZUAyZIAypEA1YYA1oUA24IA4XsAqLAA1ZYAkuoA44EAoOUAvLsAvrgAur5lKMwbAAAAgnRSTlMAAgUHCQkODhIUGBsdISEkKSkpKSotMTQ1Nzc7Pz8/QkRGSkpLTFBVVVtcXWJkZ2psb3Bydnh5fn+AgYeKjY6Rlpabm56goKWmqquvsLS4uLm6u7y/wcbIycnNztLS0tbW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');
}

.fb-loader-cube {
    position: relative;
    top: 120px;
    margin: 0 auto;
}

.fb-loader-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.fb-loader-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.fb-loader-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.fb-loader-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.fb-loader-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.fb-loader-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.fb-loader-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.fb-loader-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.fb-loader-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}


/* pwa ios */
.ios-toolbar-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    pointer-events: none;
    max-width: 600px;
    margin: 0 auto;
    color: #333;
}

.ios-toolbar {
    position: absolute;
    left: 6px;
    bottom: 25px;
    width: calc(100% - 12px);
    padding: 8px 4px 8px 8px;
    box-sizing: border-box;
    background-color: #EDEDED;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    pointer-events: auto;
}

.ios-toolbar .toolbar-arrow {
    position: absolute;
    bottom: -15px;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #EDEDED;
    left: 50%;
    margin-left: -15px;
    text-align: center;
}

.ios-toolbar .toolbar-arrow::after {
    content: "";
    position: absolute;
    top: -16px;
    left: -14px;
    box-sizing: border-box;
    border: 10px solid #000;
    border-color: transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.toolbar-content {
    display: flex;
}

.toolbar-content .app-icon {
    width: 25%;
}

.toolbar-content .app-icon img {
    width: 100%;
    border-radius: 20%;
}

.toolbar-content .toolbar-text {
    width: 75%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    margin: auto 0;
    box-sizing: border-box;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
}

.safari_icon_1, .safari_icon_2 {
    width: 24px;
    height: 29px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin: 0px 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
}

.safari_icon_2 {
    width: 33px;
    height: 33px;
    top: 10px;
    background-image: url(data:image/png;base64,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);
}

.ios-toolbar.animated {
    -webkit-animation: move ease-in-out 1s infinite;
    animation: move ease-in-out 1s infinite;
}

/* Standard syntax */
@keyframes move {
    from {
        bottom: 25px;
    }
    50% {
        bottom: 60px;
    }
    to {
        bottom: 25px;
    }
}

.ios-toolbar-container.inGame-version .toolbar-arrow {
    display: none;
}

/* Landing 3 */
.landing_3 .about {
    text-align: left;
    color: #333;
}

.store-page {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    z-index: 90;
    background-color: #fff;
    font-size: 13px;
    line-height: 1.38462;
    font-weight: 400;
    letter-spacing: -.005em;
    font-family: "SF Pro Text", "SF Pro Icons", "Apple WebExp Icons Custom", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-style: normal;
    padding-bottom: 200px;
}

.store-page > div {
    padding: 0 15px;
    margin-bottom: 15px;
}

.store-page .cover {
    background-image: url(cats-bg-small.png);
    background-size: cover;
    background-position: top center;
    position: relative;
    width: 100%;
    padding: 0;
    padding-top: 55%;
    background-repeat: no-repeat;
}

.store-page .box-install {
    display: flex;
    cursor: pointer;
}

.store-page .app-icon {
    width: 100px;
}

.store-page .app-icon img {
    width: 100%;
    border-radius: 20%;
}

.store-page .box-install .box-info {
    padding-left: 15px;
    padding-right: 10px;
    width: calc(100% - 125px);
}

.store-page .box-install .box-info .app-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
}

.store-page .box-install .box-info .app-title-subline {
    color: rgb(142, 142, 147);
    margin: 5px 0;
}

.store-page .box-install .box-info .install-button {
    font-size: 15px;
    background-color: #0173fa;
    display: table;
    border-radius: 15px;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
}

.store-page .box-install .box-info .box-score {
    float: right;
    color: rgb(142, 142, 147);
    line-height: 26px;
    padding: 0;
    font-weight: bold;
    height: 26px;
    font-size: 15px;
    font-family: "GothamPro", sans-serif;
}

.store-page .box-description {
    border-top: 1px solid #e5e5e5;
    margin: 0 15px 20px;
    padding: 0;
    padding-top: 15px;
    font-size: 15px;
    line-height: 20px;
}

.store-page .box-description .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .024em;
}

@media screen and (min-width: 375px) {
    .store-page .app-icon {
        width: 135px;
    }

    .store-page .box-install .box-info .app-title {
        font-size: 19px;
        line-height: 26px;
    }

    .store-page .box-install .box-info .app-title-subline {
        margin: 10px 0;
        font-size: 14px;
    }

    .store-page .box-install .box-info .install-button {
        font-size: 17px;
        padding: 4px 11px;
    }

    .store-page .box-install .box-info .box-score {
        height: 30px;
        font-size: 16px;
        line-height: 33px;
    }

    .store-page .box-description {
        font-size: 16px;
        line-height: 25px;
    }

    .store-page .box-description .title {
        font-size: 22px;
    }

    .safari_icon_2 {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        top: 20px;
    }

    .toolbar-content .toolbar-text {
        font-size: 16px;
        line-height: 32px;
    }
}

/* Landing 4 Store Android Version */
.landing_4 .about {
    text-align: left;
    color: #333;
}

.landing_4 .store-page .box-install .box-info .app-title {
    font-family: Roboto, Arial, sans-serif;
    font-weight: normal;
}

.landing_4 .store-page .box-install .box-info .app-title-subline {
    color: #01875f;
    font-weight: 500;
    margin-top: 3px;
}

.landing_4 .store-page .box-install .box-info .box-score {
    display: none;
    float: right;
    color: rgb(142, 142, 147);
    line-height: 26px;
    padding: 0;
    font-weight: bold;
    height: 26px;
    font-size: 15px;
    font-family: "GothamPro", sans-serif;
}

.landing_4 .store-page {
    padding-bottom: 50px;
}

.landing_4 .store-page .box-install {
    margin-bottom: 0;
}

.landing_4 .install-container {
    text-align: right;
    display: inline-table;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
}

.landing_4 .store-page .install-button {
    background-color: #01875f;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    padding: 8px 20px;
    display: table;
    font-weight: 500;
    float: right;
    cursor: pointer;
    text-transform: uppercase;
}

.landing_4 .app-title-tags span {
    color: #5f6368;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 20px;
    border: 1px solid #dadce0;
    font-size: 12px;
    padding: 3px 6px;
    display: inline-table;
    margin: 4px 2px;
    font-weight: 500;
}

/* Rotate device custom and Apple pay page*/
.rotate-screen-img-custom, .loading-cat-footprints, .parachute-img, .tom-cool-img {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.rotate-screen-img-custom {
    background-image: url("ROTATE_device.png");
    width: 200px;
    height: 125px;
    max-width: 90%;
    max-height: 90%;
}

.loading-cat-footprints {
    background-image: url("ROTATE_paws.png");
    width: 80px;
    height: 35px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.parachute-img {
    background-image: url(PAY_balloon.png);
    width: 250px;
    height: 337px;
    max-width: 60%;
    max-height: 60%;
    position: absolute;
    top: 15px;
    left: 15px;
    background-position: 0 0;
}


/* Modal update */
.modal-custom {
    height: 90%;
    width: 90%;
    max-height: 500px;
    max-width: 500px;
    margin: auto;
    text-transform: uppercase;
    font-size: 32px;
    color: #3a221b;
    font-weight: bold;
    position: relative;
    z-index: 99;
    font-family: 'bebas_neuebold', sans-serif;
}

.modal-custom.full-centered {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-custom .title-container {
    text-align: center;
    background-image: url("CATS_UI-modal-TOP.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.modal-custom .title {
    text-align: center;
    font-size: 100%;
    margin: 10px 60px 0 40px;
    border-bottom: 3px solid #3a221b;
    line-height: 100%;
    padding: 15px 10px 10px;
}

.modal-custom .title.small-title {
    font-size: 90%;
    border: none;
    color: #726158;
    margin: 10px 40px -20px 20px;
}

.modal-custom .text-container {
    text-align: center;
    font-size: 70%;
    line-height: 120%;
    color: #726158;
    margin: 0;
    padding: 25px 40px 25px 20px;
    background-image: url("CATS_UI-modal-CENTER.png");
    background-size: 100% 1px;
    background-repeat: repeat-y;
}

.modal-custom .text-container input {
    height: auto;
    width: 80%;
    font-size: 100%;
    padding: 10px;
    margin-bottom: 20px;
    font-family: 'bebas_neuebold', sans-serif;
}

.modal-custom .text-container .input-group--error {
    display: block;
}

.modal-custom .buttons-container {
    text-align: center;
    font-size: 70%;
    line-height: 120%;
    height: auto;
    display: list-item;
    margin: 0;
    background-image: url("CATS_UI-modal-BOTTOM.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    color: transparent;
    margin-bottom: 35px;
    padding-top: 5px;
}

.modal-custom .button {
    display: table;
    color: #fff2c1;
    padding: 15px 25px;
    background-image: url("CATS_UI-button-LEFT.png"), url("CATS_UI-button-RIGHT.png"), url("CATS_UI-button-CENTER.png");
    background-size: auto 100%, auto 100%, 1px 100%;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: center left, center right, center center;
    cursor: pointer;
    opacity: 0.95;
    margin: 15px auto;
    position: relative;
    left: auto;
    transform: none;
    min-width: 60px;
}

.modal-custom .buttons-container .button {
    position: absolute;
    top: 0;
    margin: 0;
}

.modal-custom .button:hover {
    opacity: 1;
}

.modal-custom .button.right {
    left: 53%;
}

.modal-custom .button.left {
    right: 53%;
}

.modal-custom .button.center {
    left: 50%;
    transform: translate(-50%, 0);
}

.modal-custom .button label {
    cursor: pointer;
}

.modal-custom .button label.icon {
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 30px;
}

.modal-custom .button label.icon.phone {
    background-image: url(CATS_UI-phone.png);
}

.modal-custom .button label.icon.credit {
    background-image: url(CATS_UI-credit.png);
}

.modal-custom .button label.icon.download {
    background-image: url(icon_download.png);
}

.modal-custom.small-size {
    width: 30%;
    height: 30%;
}

.modal-custom.small-size {
    width: 30%;
    height: 30%;
}

.modal-custom.small-size .text-container {
    font-size: 60%;
    line-height: 100%;
    padding: 15px 30px 15px 10px;
}

.modal-custom.small-size .buttons-container {
    font-size: 60%;
    line-height: 70%;
}

.modal-custom.pos-top-right {
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-custom.small-size .buttons-container {
    font-size: 60%;
    line-height: 70%;
}

.modal-custom .popup-img-top {
    height: 40vh;
    margin-bottom: -40px;
    max-height: 262px;
}

.modal-custom.img-title .title-container {
    height: 30px;
    margin-bottom: -20px;
}

.modal-custom.img-title .text-container {
    margin-top: 20px;
}

.modal-custom .footer-ui {
    margin: 0;
    background-image: url("CATS_UI-modal-BOTTOM.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 35px;
    margin-top: -25px;
    padding-bottom: 10px;
    font-size: 60%;
    padding-right: 20px;
}

.modal-custom.footer-img {
    width: calc(90% - 80px);
    zoom: 0.8;
}

.modal-custom .footer-ui .footer-img-left, .modal-custom .footer-ui .footer-img-right {
    bottom: -25px;
}

.modal-custom .external-white-text {
    font-size: 75%;
    top: calc(100% + 5px);
    padding-left: 20px;
}

.modal-custom .close-icon {
    position: absolute;
    top: 1%;
    right: 1%;
    cursor: pointer;
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 14px;
}

.modal-custom .close-icon:after {
    content: "x";
    color: #fff;
    font-family: 'Arial';
}

.modal-custom.footer .footer-ui {
    height: 35px;
    padding: 0;
    margin-top: 0;
}

.modal-custom.footer .button {
    margin-bottom: 0;
}

.modal-custom.footer .text-container {
    padding-bottom: 0;
}

.modal-custom.footer .external-white-text {
    padding-left: 0;
    padding-right: 20px;
}

.modal-custom .text-container .main-content {
    display: flex;
}

.modal-custom .text-container .main-content .img img {
    float: left;
    width: 100px;
}

.modal-custom .text-container .main-content .text {
    padding: 0 15px;
}

.modal-custom .big-img {
    margin: 0 auto;
    max-height: calc(80vh - 200px);
    max-width: calc(80vw - 30px);
}

/*
 * Loading Page
 */
.loading-page {
    z-index: 201;
    color: #0e385b;
    display: flex;
    flex-direction: column;
}

.loading-page > div {
    margin: 3vh 0;
}

.loading-page {
    background-color: #fff;
}

.loading-page .fb-loader-cube .sk-cube:before {
    background-color: #0e385b;
}

.loading-page .logos {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80%;
}

.loading-page .cats-logo {
    background-image: url(cats_logo.png);
    height: 14vh;
    position: relative;
    margin-bottom: 7vh;
}

.loading-page .cats-logo .subline {
    position: absolute;
    bottom: -6vh;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 2vh;
}

.loading-page .zeptolab-logo {
    background-image: url(zeptolab_logo.png);
    height: 13vh;
}

.loading-page .gamepix-logo {
    background-image: url(gamepix_logo.png);
    height: 20vh;
}

.loading-page .fb-loader-cube {
    top: auto;
    width: 6vh;
    height: 6vh;
}

.loading-page .sk-cube4 {
    opacity: 0;
}
.loading-page .container-logos-landscape{
    width: 80%;
    height: 45vh;
}
.container-logos-landscape .logos{
    display: inline-block;
    margin: 3vh 10vw;
}
@media (orientation: landscape) {
    .loading-page .zeptolab-logo, .loading-page .gamepix-logo{
        width: 50%;
        float: left;
        height: 100%;
        margin: auto;
    }
    .loading-page .container-logos-landscape{
        height: 20vh;
        width: 40%;
        margin: 5vh 0;
    }
    .loading-page .cats-logo {
        height: 20vh;
    }
}

/* landing 2 */
.landing_2 .ribbon_top {
    position: relative;
    background: #7b1b0e; /* Old browsers */
    background: -moz-linear-gradient(left, #7b1b0e 0%, #871e10 8%, #a32516 15%, #a72717 24%, #bd2d1b 47%, #bc2d1b 52%, #c7301d 71%, #d0321f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7b1b0e 0%, #871e10 8%, #a32516 15%, #a72717 24%, #bd2d1b 47%, #bc2d1b 52%, #c7301d 71%, #d0321f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7b1b0e 0%, #871e10 8%, #a32516 15%, #a72717 24%, #bd2d1b 47%, #bc2d1b 52%, #c7301d 71%, #d0321f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b1b0e', endColorstr='#d0321f', GradientType=1); /* IE6-9 */
    padding: 0;
    min-width: 100%;
    height: auto;
    padding: 10px 0;
    margin-top: 0;
}

.landing_2 .ribbon_top .title {
    display: block;
    line-height: 30px;
}

.landing_2 .badge-container {
    display: table;
    height: auto;
    padding-top: 0;
}

.logo-with-badge_top {
    position: relative;
    margin-top: 50px;
}

.logo-with-badge_top .badge_top {
    transform: rotate(20deg);
    position: absolute;
    right: -100px;
    top: -100px;
    zoom: 0.6;
}

.tank-gif, .tank-png {
    background-image: url(tank.png);
    background-size: auto 70%;
    background-repeat: no-repeat;
    z-index: 99;
    flex-grow: 1;
    max-height: 250px;
    background-position: center center;
}

.tank-gif {
    background-image: url(tank.gif);
    -webkit-animation: tank-animation 12s infinite ease-out;
    animation: tank-animation 12s infinite ease-out;
    background-position: -50vh center;
    background-size: auto 60%;
}

@media screen and (min-width: 720px) {
    .tank-gif {
        -webkit-animation: tank-animation 18s infinite ease-out;
        animation: tank-animation 18s infinite ease-out;
    }
}

@media screen and (min-width: 1024px) {
    .tank-gif {
        -webkit-animation: tank-animation 24s infinite ease-out;
        animation: tank-animation 24s infinite ease-out;
    }
}

@-webkit-keyframes tank-animation {
    0% {
        background-position: -50vh center;
    }
    10% {
        background-position: -50vh center;
    }
    80% {
        background-position: calc(-50vh + 300vw) center;
    }
    100% {
        background-position: calc(-50vh + 300vw) center;
    }
}

.landing_2 .about {
    display: flex;
    flex-flow: column;
}

.landing_2 .subscribe__form .input-field {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
}

.button_component .animated-arrow {
    transform: rotate(0deg);
    top: 0;
    left: -80px;
    margin-left: 0;
    -webkit-animation: arrow-animation-left 1s infinite ease-out;
    animation: arrow-animation-left 1s infinite ease-out;
}

.landing_2 .about__description {
    margin: 25px 0;
}

.landing_2 .about__logo {
    background-position: bottom center;
}

.landing_2 .button_component .button_center {
    background-image: none;
    background-color: #7ec652;
    border-right: 7px solid #a8e385;
    width: calc(100% - 7px);
}

.landing_2 .button_component {
    margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
    .landing .ribbon_top {
        font-size: 16px;
    }

    .landing_2 .ribbon_top .title {
        line-height: 16px;
    }

    .logo-with-badge_top {
        zoom: 0.9;
        margin-top: 70px;
    }

    .landing_2 .button_component {
        width: 100%;
        max-width: 500px;
        margin: 20px auto;
        padding: 0 0px;
    }

    /*
        .landing_2 .subscribe__form .input-field{
            font-size: 18px;
            line-height: 18px;
            padding: 15px;
        }
        .landing_2 .button_component{

        }
        .landing_2 .button_component .text_button {
            font-size: 20px;
        }
    */
}

@media screen and (min-height: 900px) {
    .about .container {
        padding: 5vh 0;
    }
}

/* Shine */
div.button_component .shineEffect {
    overflow: hidden;
}

div.button_component .shineEffect:after {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 60px;
    position: absolute;
    z-index: 1;
    animation: slide 2s infinite 0.5s;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */
}

/* animation */
@keyframes slide {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* LOADER
-------------------------------------------------*/
.loader-ui {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45,45,45,0.88);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-ui.hidden {
    animation-name: fadeOut;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }
}

.spinner,
.spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.spinner {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(255, 255, 255, 0.2);
    border-right: 0.5em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.spinner-small,
.spinner-small:after {
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.spinner-small {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(255, 255, 255, 0.2);
    border-right: 0.5em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}