/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: "PT Sans", sans-serif; background-color: #FFF; height: 100%; line-height: 1; position: relative; font-size: 16px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.opened-nav { height: 100%; position: relative; overflow-y: scroll; }

.opened-nav body { height: 100%; overflow: hidden; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

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

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family: "PT Sans", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #0a64b0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; /*&:hover{ color: #2b70b5; } &:active{ color: #005bb5; }*/ }

@media screen and (min-width: 1025px) { a:hover { color: #2b70b5; }
  a:active { color: #005bb5; } }

a, span, div, button { outline: none !important; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

button { margin: 0 0 0 0; padding: 0 0 0 0; background: none; border: none; vertical-align: top; display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.clearfix:after, .wrapper:after, .row:after, .head-news:after, .box-inf:after, .subnav-head:after, .same-list__inf-cont:after, .holiday-present-list__bottom-inf:after, .card-buttons:after, .name-male:after, .info-news:after, .box-after-years__cont:after, .box-inf-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.border-dotted { border-bottom: 1px dotted; color: #333333; }

.border-solid { border-bottom: 1px solid #b5b5b5; color: #333333; }

.border-solid:hover { border-color: #2b70b5; }

.border-solid:active { border-color: #aac6e1; }

@font-face { font-family: 'PT Sans'; src: url("../fonts/PT Sans.eot?ver1.0"); src: url("../fonts/PT Sans.eot?#iefix") format("embedded-opentype"), url("../fonts/PT Sans.woff?ver1.0") format("woff"), url("../fonts/PT Sans.ttf?ver1.0") format("truetype"), url("../fonts/PT Sans.svg?ver1.0#PT Sans") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-F6D4; }

@font-face { font-family: 'PT Sans'; src: url("../fonts/PT Sans Bold.eot?ver1.0"); src: url("../fonts/PT Sans Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PT Sans Bold.woff?ver1.0") format("woff"), url("../fonts/PT Sans Bold.ttf?ver1.0") format("truetype"), url("../fonts/PT Sans Bold.svg?ver1.0#PT Sans Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-F6D4; }

@font-face { font-family: 'PT Serif'; src: url("../fonts/PT Serif.eot?ver1.0"); src: url("../fonts/PT Serif.eot?#iefix") format("embedded-opentype"), url("../fonts/PT Serif.woff?ver1.0") format("woff"), url("../fonts/PT Serif.ttf?ver1.0") format("truetype"), url("../fonts/PT Serif.svg?ver1.0#PT Serif") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-F6D4; }

@font-face { font-family: 'PT Serif'; src: url("../fonts/PT Serif Bold.eot?ver1.0"); src: url("../fonts/PT Serif Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PT Serif Bold.woff?ver1.0") format("woff"), url("../fonts/PT Serif Bold.ttf?ver1.0") format("truetype"), url("../fonts/PT Serif Bold.svg?ver1.0#PT Serif Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-F6D4; }

@font-face { font-family: 'Intro'; src: url("../fonts/Intro.eot?ver1.0"); src: url("../fonts/Intro.eot?#iefix") format("embedded-opentype"), url("../fonts/Intro.woff?ver1.0") format("woff"), url("../fonts/Intro.ttf?ver1.0") format("truetype"), url("../fonts/Intro.svg?ver1.0#Intro") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-0491; }

@font-face { font-family: 'GothamPro'; src: url("../fonts/GothamPro_gdi.eot?ver1.0"); src: url("../fonts/GothamPro_gdi.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/GothamPro_gdi.woff?ver1.0") format("woff"), url("../fonts/GothamPro_gdi.ttf?ver1.0") format("truetype"), url("../fonts/GothamPro_gdi.otf?ver1.0") format("opentype"), url("../fonts/GothamPro_gdi.svg#GothamPro-Bold?ver1.0") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'GothamPro'; src: url("../fonts/GothamPro-Medium_gdi.eot?ver1.0"); src: url("../fonts/GothamPro-Medium_gdi.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/GothamPro-Medium_gdi.woff?ver1.0") format("woff"), url("../fonts/GothamPro-Medium_gdi.ttf?ver1.0") format("truetype"), url("../fonts/GothamPro-Medium_gdi.otf?ver1.0") format("opentype"), url("../fonts/GothamPro-Medium_gdi.svg#GothamPro-Bold?ver1.0") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'GothamPro'; src: url("../fonts/GothamPro-Bold_gdi.eot?ver1.0"); src: url("../fonts/GothamPro-Bold_gdi.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/GothamPro-Bold_gdi.woff?ver1.0") format("woff"), url("../fonts/GothamPro-Bold_gdi.ttf?ver1.0") format("truetype"), url("../fonts/GothamPro-Bold_gdi.otf?ver1.0") format("opentype"), url("../fonts/GothamPro-Bold_gdi.svg#GothamPro-Bold?ver1.0") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'GothamPro'; src: url("../fonts/GothamPro-Black.eot?ver1.0"); src: url("../fonts/GothamPro-Black.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/GothamPro-Black.woff?ver1.0") format("woff"), url("../fonts/GothamPro-Black.ttf?ver1.0") format("truetype"), url("../fonts/GothamPro-Black.otf?ver1.0") format("opentype"), url("../fonts/GothamPro-Black.svg#GothamPro-Black?ver1.0") format("svg"); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+000D-E000; }

@font-face { font-family: 'Elephant'; src: url("../fonts/Elephant.eot?ver1.0"); src: url("../fonts/Elephant.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/Elephant.woff?ver1.0") format("woff"), url("../fonts/Elephant.ttf?ver1.0") format("truetype"), url("../fonts/Elephant.otf?ver1.0") format("opentype"), url("../fonts/Elephant.svg#GothamPro-Black?ver1.0") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-E000; }

@font-face { font-family: 'Ekran'; src: url("../fonts/Ekran Bold.eot?ver1.0"); src: url("../fonts/Ekran Bold.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/Ekran Bold.woff?ver1.0") format("woff"), url("../fonts/Ekran Bold.ttf?ver1.0") format("truetype"), url("../fonts/Ekran Bold.otf?ver1.0") format("opentype"), url("../fonts/Ekran Bold.svg#Ekran Bold?ver1.0") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-04D9; }

@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?e2bv53"); src: url("../fonts/icomoon.eot?e2bv53#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?e2bv53") format("truetype"), url("../fonts/icomoon.woff?e2bv53") format("woff"), url("../fonts/icomoon.svg?e2bv53#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-boy:before { content: "\e925"; }

.icon-man:before { content: "\e927"; }

.icon-girl:before { content: "\e920"; }

.icon-minus:before { content: "\e921"; }

.icon-newborn:before { content: "\e922"; }

.icon-plus:before { content: "\e923"; }

.icon-woman:before { content: "\e924"; }

.icon-calendar:before { content: "\e91f"; }

.icon-img_male_1:before { content: "\e91d"; }

.icon-img_male_2:before { content: "\e91e"; }

.icon-hand:before { content: "\e91c"; }

.icon-icon_holiday:before { content: "\e919"; }

.icon-male_1:before { content: "\e91a"; }

.icon-male_2:before { content: "\e91b"; }

.icon-google-plus:before { content: "\e915"; }

.icon-pinterest-logo:before { content: "\e916"; }

.icon-twitter-letter-logo:before { content: "\e917"; }

.icon-vk-social-network-logo:before { content: "\e918"; }

.icon-web-page-home:before { content: "\e914"; }

.icon-balloons:before { content: "\e906"; }

.icon-dumbbell:before { content: "\e907"; }

.icon-envelope:before { content: "\e90b"; }

.icon-family-room:before { content: "\e90c"; }

.icon-fat-boy-smiling2:before { content: "\e926"; }

.icon-hot-cup-of-tea:before { content: "\e90d"; }

.icon-light-bulb:before { content: "\e90e"; }

.icon-like:before { content: "\e90f"; }

.icon-logo:before { content: "\e910"; }

.icon-pulse:before { content: "\e911"; }

.icon-star:before { content: "\e912"; }

.icon-suitcase:before { content: "\e913"; }

.icon-arrow-right:before { content: "\e900"; }

.icon-birthday-cake:before { content: "\e901"; }

.icon-birthday-card:before { content: "\e902"; }

.icon-clock:before { content: "\e903"; }

.icon-eye:before { content: "\e904"; }

.icon-fat-boy-smiling:before { content: "\e905"; }

.icon-search:before { content: "\e908"; }

.icon-search-2:before { content: "\e909"; }

.icon-share:before { content: "\e90a"; }

.icon-redo2:before { content: "\e968"; }

.icon-facebook:before { content: "\ea90"; }

/*! animate.css -http://daneden.me/animate Version - 3.5.1 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2016 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; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  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: none;
    transform: none; } }

@keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  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: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.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-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: none;
    transform: none; } }

@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: none;
    transform: none; } }

.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: none;
    transform: none; } }

@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: none;
    transform: none; } }

.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: none;
    transform: none; } }

@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: none;
    transform: none; } }

.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-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, -200px, 0);
    transform: translate3d(0, -200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.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: none;
    transform: none; } }

@keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.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: none;
    transform: none; } }

@keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpSmall { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpSmall { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.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, 200px, 0);
    transform: translate3d(0, 200px, 0); } }

@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownSmall { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); } }

@keyframes fadeOutDownSmall { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); } }

.fadeOutDownSmall { -webkit-animation-name: fadeOutDownSmall; animation-name: fadeOutDownSmall; }

@-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(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 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(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }

@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 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, -200px, 0);
    transform: translate3d(0, -200px, 0); } }

@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpSmall { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); } }

@keyframes fadeOutUpSmall { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); } }

.fadeOutUpSmall { -webkit-animation-name: fadeOutUpSmall; animation-name: fadeOutUpSmall; }

@-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-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-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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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: none;
    transform: none; } }

@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: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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, 60px, 0);
    transform: translate3d(0, 60px, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 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, 60px, 0);
    transform: translate3d(0, 60px, 0); } }

@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 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, -60px, 0);
    transform: translate3d(0, -60px, 0); } }

@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { text-align: center; position: absolute; bottom: 66px; right: 28px; font-size: 0; z-index: 5; }

.slick-dots li { list-style: none; padding: 3px; margin-top: 15px; }

.slick-dots li button { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: transparent; position: relative; -webkit-transform: scale(0.45); -ms-transform: scale(0.45); transform: scale(0.45); font-size: 0; border: 2px solid #fff; background: #ffffff; display: block; padding: 0; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; }

.slick-dots li:hover button { background: #e42528; background: transparent; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); border-color: #e42528; }

.slick-dots .slick-active button { border-color: #e42528; background: transparent; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/*--------------------------------------*/
.content.nash-cont { font-family: 'GothamPro', sans-serif; background: #111111; }

.content.nash-cont .eye_1 { margin-left: -2px; position: absolute; left: 92px; top: 11px; width: 21px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; }

.content.nash-cont .eye_2 { margin-left: -2px; position: absolute; left: 227px; top: 11px; width: 21px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; }

.content.nash-cont .eye { display: block; position: absolute; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; left: 0px; top: 0px; }

.content.nash-cont .eye-close { margin-left: -2px; display: block; position: absolute; left: 87px; top: 6px; width: 33px; height: 33px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; overflow: hidden; }

.content.nash-cont .eye-close:before { display: block; content: ''; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0; background: url(http://kto-chto-gde.ru/wp-content/themes/theme/img/eye_top.png) no-repeat center bottom; position: absolute; left: 0px; top: -1px; width: 100%; }

.content.nash-cont .eye-close:after { display: block; content: ''; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; background: url(http://kto-chto-gde.ru/wp-content/themes/theme/img/eye_bottom.png) no-repeat center top; position: absolute; left: 0px; bottom: 0px; width: 100%; }

.content.nash-cont .eye-close_2 { left: 220px; }

.content.nash-cont .eye-anim .eye-close:before, .content.nash-cont .eye-anim .eye-close:after { animation: eye 5s infinite; -ms-animation: eye 5s infinite; -webkit-animation: eye 5s infinite; }

.content.nash-cont .eye-anim .eye { animation: eye2 5s infinite; -ms-animation: eye2 5s infinite; -webkit-animation: eye2 5s infinite; top: 6px !important; }

.content.nash-cont .main-logo { margin: 17px auto 10px; float: none; position: relative; z-index: 2; text-align: center; width: 260px; }

.content.nash-cont .main-logo .main-logo__img { width: 367px; position: relative; -webkit-transform: scale(0.45); -ms-transform: scale(0.45); transform: scale(0.45); margin-left: -53px; }

.content.nash-cont .main-logo a img { height: 52px; }

.content.nash-cont .main-logo .header-slogan { display: inline-block; padding: 0 0 0 2px; font-size: 10px; font-family: "PT Sans", sans-serif; letter-spacing: 1.5px; margin-top: -12px; }

.content.nash-cont h2, .content.nash-cont .h2 { font-family: 'Ekran', sans-serif; color: #fff; }

a { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.h1 { font-size: 150px; font-weight: bold; font-family: 'Ekran', sans-serif; line-height: 0.839; color: #fff; }

h2, .h2 { font-size: 42px; font-weight: bold; line-height: 1.05; }

.h2 { font-size: 50px; }

.cat-tag { font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: 5px; font-family: 'GothamPro', sans-serif; color: #fff; }

.cat-tag a { color: #fff; }

.btn { text-align: center; font-weight: 900; cursor: pointer; display: inline-block; position: relative; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; background-color: #e42528; height: 60px; line-height: 60px; font-size: 14px; font-family: 'GothamPro', sans-serif; color: white; text-transform: uppercase; }

.btn:hover { background: #ce2124; color: #fff; }

.w1 { width: 100%; }

.w2 { width: 50%; }

.w3 { width: 33.33%; }

.w4 { width: 25%; }

.w5 { width: 20%; }

.js-bg { -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* */
.nash-header { position: absolute; height: 0; top: 0; left: 0; right: 0; z-index: 30; }

.nash-header:after { display: none; }

.nash-header.openNav .nash_nav { margin-right: 0px; }

.nash-header.openNav .nash_search { margin-right: 0px; }

.nash-header_bg { height: 310px; overflow: hidden; background: #e42528; top: 0; left: 0; width: 280px; position: absolute; z-index: 10; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; width: 0; }

.nash-logo { width: 225px; margin: 0 auto; position: relative; z-index: 2; }

.nash-logo img { max-width: 100%; }

.mobile-button { position: absolute; z-index: 30; top: 22px; right: 15px; width: 40px; height: 40px; margin-right: -70px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }

.mobile-button span { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #fff; width: 22px; height: 2px; display: block; margin: 18px auto 0px; position: relative; }

.mobile-button span:before, .mobile-button span:after { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ''; background: #fff; height: 2px; display: block; top: -7px; left: 0; right: 0; position: absolute; }

.mobile-button span:after { top: auto; bottom: -7px; }

.mobile-button.open { position: fixed; }

.mobile-button.open span { background: transparent; }

.mobile-button.open span:before { left: 0px; right: 0px; top: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.mobile-button.open span:after { left: 0px; right: 0px; top: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.search-button { position: absolute; display: none; text-align: center; top: 5px; left: 8px; width: 40px; height: 40px; line-height: 40px; z-index: 30; }

.search-button img { width: 14px; }

.nash_nav { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-right: -280px; position: fixed; z-index: 20; top: 0; right: 0; height: 100%; padding: 84px 40px 100px; background: #333333; width: 280px; }

.nash_nav ul { list-style: none; }

.nash_nav ul li { text-transform: uppercase; letter-spacing: 1px; padding-bottom: 20px; font-weight: bold; font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 40px; }

.nash_nav ul li a { color: #fff; position: relative; left: 0; }

.nash_nav ul li a:hover { left: 13px; }

.nash_search { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-right: -280px; position: fixed; z-index: 21; bottom: 0; right: 0; height: 140px; padding: 50px 40px 50px; background: #2d2d2d; width: 280px; }

.nash_search_form { position: relative; }

.s-inp { height: 40px; width: 100%; padding: 5px 45px 5px 15px; font-style: italic; font-size: 16px; color: #cccccc; border: none; background: #333333; font-family: "PT Sans", sans-serif; }

.s-btn { position: absolute; top: 0; right: 0; height: 40px; width: 40px; }

.s-btn:after { content: ''; width: 7px; height: 7px; border-top: 2px solid #fbfbfb; border-right: 2px solid #fbfbfb; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }

/* */
.section-nash { height: 840px; position: relative; min-height: 100vh; }

.nash_play { position: absolute; z-index: 31; top: 310px; left: 0; width: 0px; bottom: 0; padding: 1px 30px 0; background: #000000; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /*&:before {content:'';position: absolute;z-index: 0;height:310px; background: #e42528; top:0;left:0;width:280px;}*/ }

.nash_play_cover { overflow: hidden; position: relative; margin-bottom: 40px; height: 150px; margin-right: -5px; margin-top: -81px; left: -180px; -webkit-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; transition: left 0.4s ease-out; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.nash_play_cover img { max-width: 100%; }

.cover_img { position: relative; width: 150px; height: 150px; overflow: hidden; z-index: 3; }

.vinil { z-index: 0; position: absolute; left: 0px; top: 2.5px; width: 145px; height: 145px; -webkit-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; transition: left 0.4s ease-out; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

.nash_slider { overflow: hidden; background: #232427; margin-left: 280px; }

.nash_slider .slick-dots { margin-right: -70px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; z-index: 2; }

.nash_slide { overflow: hidden; height: 840px; min-height: 100vh; position: relative; color: #fff; background: #111111; }

.nash_slide .js-bg { position: absolute; width: 100%; top: 0; height: 100%; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }

.nash_slide .js-bg:after { content: ''; -webkit-transition: width 0.6s ease-out; -o-transition: width 0.6s ease-out; transition: width 0.6s ease-out; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; background: #111111; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; }

.nash_slide .h1 { float: left; width: 401px; opacity: 0; position: relative; left: -240px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.nash_slide_cont { position: absolute; left: 0; bottom: 0; right: 0; padding: 61px 78px; }

.nash_txt { opacity: 0; left: -240px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; position: relative; overflow: hidden; font-size: 18px; line-height: 1.7; max-width: 460px; margin-top: 320px; letter-spacing: -0.06px; }

.spec:after { content: ''; display: block; clear: both; }

.spec_item { float: left; position: relative; overflow: hidden; }

.spec_item:before { content: ''; display: block; padding-bottom: 100%; }

.spec_item.w1:before { padding-bottom: 45.7%; }

.spec_item.w2_2 { width: 66.66%; }

.spec_item.w2_2:before { padding-bottom: 68.6%; }

.spec_item.w2_2 .spec_title { max-width: 64%; }

.spec_item.he1:before { padding-bottom: 91.4%; }

.spec_item.he2:before { padding-bottom: 45.7%; }

.spec_item.w3:before { padding-bottom: 137.2%; }

.spec_item.w3 .spec_title { bottom: 44px; max-width: 75%; }

.spec_item .cat-tag { position: absolute; left: 40px; top: 40px; z-index: 2; }

.spec_item:hover .spec_bg { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

.spec_item:hover .spec_bg:after { opacity: 0.5; }

.spec_item.clear { clear: both; }

.cover { background: #111111; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; z-index: 5; }

.spec_bg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }

.spec_bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }

.spec_link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; }

.spec_title { position: absolute; left: 40px; bottom: 39px; right: 40px; font-weight: bold; font-family: 'Ekran', sans-serif; line-height: 1; color: #fff; z-index: 2; }

.title100 { font-size: 100px; max-width: 720px; line-height: 0.9; bottom: 50px; }

.title80 { font-size: 80px; max-width: 430px; }

.title50 { font-size: 50px; bottom: 35px; max-width: 520px; }

#spec6 .js-bg { background-position: center 40%; }

.section-soon { background: #191919; color: #fff; padding: 83px 0 83px; position: relative; overflow: hidden; }

.section-soon:before { content: ''; position: absolute; opacity: 0.15; background: url(../img/nimg2.jpg?ver1.0) no-repeat center; -webkit-background-size: cover; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }

.section-soon h2 { position: relative; }

.soon { margin-bottom: 30px; }

.soon:after { content: ''; display: block; clear: both; }

.soon_item { float: left; width: 32.33%; margin: 73px 0 -1px 1.5%; position: relative; }

.soon_item:nth-child(3n+1) { margin-left: 0; clear: both; }

.soon_item .cat-tag { font-size: 11px; }

.soon_item .cat-tag a { color: #e84e51; }

.soon_title { font-size: 16px; line-height: 1.88; margin-top: 16px; max-width: 340px; }

.section-info { background: #000; text-align: center; color: #fff; padding: 93px 0 83px; position: relative; overflow: hidden; }

.info_bg { position: absolute; opacity: 0.25; background: url(../img/nimg1.jpg?ver1.0) no-repeat center top; -webkit-background-size: 100% 100%; background-size: 100%; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }

.info_icon { margin: 0 0 74px; }

.info_txt { max-width: 800px; margin: 0 auto; font-weight: 500; font-size: 25px; font-family: 'GothamPro', sans-serif; margin-bottom: 0px; line-height: 1.4; }

.info_line { width: 80px; height: 3px; background: #e42528; content: ''; display: block; margin: 102px auto 100px; }

.section-members { background: #191919; text-align: center; color: #fff; padding: 0 0 0px; }

.members { background: #c1babe; position: relative; }

.members:after { content: ''; display: block; clear: both; }

.members_item { float: left; position: relative; overflow: hidden; text-align: center; }

.members_item:before { content: ''; display: block; padding-bottom: 100%; }

.members_item.w3 .members_title { bottom: 45px; }

.members_item.w3:before { padding-bottom: 100.8%; }

.members_item:hover .members_bg { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }

.members_item:hover .members_bg:after { opacity: 0.4; }

.members_bg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.members_bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.members_link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; color: #000000; }

a.members_link { color: #fff; }

.members_title { position: absolute; left: 40px; right: 40px; bottom: 26px; min-height: 42px; text-transform: uppercase; text-align: center; z-index: 2; font-weight: bold; font-size: 18px; line-height: 1.2; }

.members_title span { text-transform: none; font-weight: 500; }

.members_bot { padding: 86px 0; font-size: 16px; font-weight: 500; }

.section-ticket { height: 260px; position: relative; background: url(../img/bg5.jpg?ver1.0) no-repeat center #394290; -webkit-background-size: cover; background-size: cover; color: #fff; }

.section-ticket > a { display: block; }

.section-ticket .cover { z-index: 3; }

.section-ticket .h2 { position: relative; }

.tickets { height: 260px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 480px; }

.tickets .btn { width: 240px; }

.ticket_img { position: absolute; bottom: 0; overflow: hidden; left: -110px; width: 600px; height: 430px; }

.ticket_img img { position: absolute; left: 117px; bottom: -70px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 2; }

.ticket_img .ticket2 { left: 0px; -webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; z-index: 0; bottom: -30px; }

#skrollr-body { overflow: hidden; }

body:not(.loaded) .nash-header_bg, body:not(.loaded) .nash_play { width: 280px; }

body:not(.loaded) .nash_play_cover { left: 0; }

body:not(.loaded) .vinil { left: 75px; }

body:not(.loaded) .nash_slide .js-bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

body:not(.loaded) .nash_slide .js-bg:after { width: 0; }

body:not(.loaded) .nash_slide .h1 { left: 0; opacity: 1; }

body:not(.loaded) .nash_txt { left: 0; opacity: 1; }

body:not(.loaded) .mobile-button { margin-right: 0; }

body:not(.loaded) .nash_slider .slick-dots { margin-right: 0; }

.ios .cover { display: none; }

/* */

.nash_material { background: url(../img/nimg3.jpg?ver1.0) no-repeat center; -webkit-background-size: cover; background-size: cover; min-height: 100px; display: block; color: #fff; margin: -1px 0 20px; position: relative; font-weight: bold; font-family: 'Ekran', sans-serif; overflow: hidden; }

.nash_material:after { content: ''; display: block; padding-bottom: 16.7%; }

.nash_material:hover { color: #fff; }

.nash_material_txt { position: absolute; top: 50%; left: 6.7%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 125px; font-size: 42px; }

.nash_material_go { position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 6.7%; }

.nash_material_go:after { margin: -3px 0 0 -4px; content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: middle; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; }

.main-article-cont { font-size: 20px; color: #303030; }

.nash-sm { background: #000; position: relative; overflow: hidden; color: #fff; margin: 24px 0 80px; font-family: 'GothamPro', sans-serif; }

.nash-sm .info_bg { -webkit-background-size: 100% auto; background-size: 100% auto; }

.nash-sm .section-members { background: transparent; padding: 0 0 36px; }

.nash-sm .members { margin-top: 64px; }

.nash-sm .members_title { font-size: 14px; bottom: 16px; }

.nash-sm .members_item.w3 .members_title { bottom: 21px; }

.nash-sm .members_bot { padding: 63px 0; }

.nash-sm section { position: relative; z-index: 3; }

.nash-sm section .wrapper { padding: 0 60px; }

.nash-sm h2, .nash-sm .h2 { font-family: 'Ekran', sans-serif; color: #fff; }

.nash-sm h2 { text-align: center; }

.nash-sm .h2 { font-size: 35px; line-height: 1.15; padding-bottom: 6px; }

.nash-sm .section-ticket { height: 160px; }

.nash-sm .tickets { height: 160px; padding-left: 321px; }

.nash-sm .tickets .btn { width: 170px; font-size: 12px; letter-spacing: 2.5px; }

.nash-sm .ticket_img { height: 300px; width: 380px; left: -64px; }

.nash-sm .ticket_img .ticket1 { left: 79px; bottom: -55px; width: 284px; }

.nash-sm .ticket_img .ticket2 { left: 0px; bottom: -30px; width: 221px; }

.w4 { width: 25%; }

.nash-sm_header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; z-index: 3; margin: 54px 60px 62px; padding-bottom: 49px; }

.nash-sm_header:after { content: ''; display: block; clear: both; }

.nash-sm_header .nash-logo { float: left; margin: 6px 39px 10px 0; width: 220px; }

.nash-sm_header .nash-logo a { display: block; background: #ff2023; width: 220px; height: 220px; padding: 71px 21px; }

.nash-sm_header .h1 { overflow: hidden; font-size: 65px; line-height: 0.85; padding-bottom: 6px; }

.nash-sm_header .nash-sm_txt { overflow: hidden; font-size: 16px; font-family: 'GothamPro', sans-serif; margin-top: 16px; line-height: 1.6; text-shadow: none; letter-spacing: -0.1px; max-width: 463px; }

.nash-sm_header .nash-sm_txt span { white-space: nowrap; }

.main-article__head { padding-right: 0; }

.main-article__views { float: right; color: #9a9a9a; font-size: 14px; padding: 17px 0 10px 0; }

.main-article__views span { font-size: 17px; display: inline-block; margin-right: 3px; margin-top: -2px; vertical-align: middle; }

.subpage-cont { padding: 35px 280px 20px 0; }

.mob-br { display: none; }

/*---------------------------------------------------------------*/
@media screen and (max-width: 1350px) { .h1 { font-size: 140px; }
  .nash_slide_cont { padding: 41px 65px 60px 60px; }
  .nash_slide .h1 { width: 370px; }
  .nash_txt { margin-top: 290px; }
  .title100 { font-size: 96px; max-width: 685px; }
  .title80 { font-size: 77px; }
  .title50 { font-size: 48px; } }

@media screen and (max-width: 1279px) { .nash-header_bg, .nash_search, .nash_nav { width: 260px; }
  .nash_nav { padding: 84px 20px 100px; }
  .nash_search { padding: 30px 20px 30px; height: 100px; }
  .h1 { font-size: 125px; }
  .nash_txt { font-size: 17px; margin-top: 258px; }
  .nash_slider { margin-left: 260px; }
  .nash_play { width: 260px; padding: 1px 20px 0; }
  .spec_title { left: 20px; bottom: 23px; right: 20px; }
  .title50 { bottom: 25px; }
  .spec_item .cat-tag { left: 20px; top: 32px; }
  .nash_slide_cont { padding: 41px 65px 50px 50px; }
  .nash_slide .h1 { width: 330px; }
  .title100 { font-size: 87px; }
  .title80 { font-size: 58px; }
  .title50 { font-size: 40px; max-width: 500px; }
  .spec_item.w3 .spec_title { bottom: 23px; }
  body:not(.loaded) .nash-header_bg, body:not(.loaded) .nash_play { width: 260px; } }

@media screen and (max-width: 1199px) { .nash-sm section .wrapper { padding: 0 30px; }
  .nash-sm .members { margin-top: 34px; }
  .nash-sm_header { margin: 26px 30px 32px; padding-bottom: 19px; }
  .nash-sm_header .h1 { font-size: 60px; }
  .nash-sm_header .nash-logo { margin-right: 19px; } }

@media screen and (max-width: 1150px) { .subpage-cont { padding-right: 260px; } }

@media screen and (max-width: 1149px) { .nash_slide_cont { padding: 41px 65px 40px 40px; }
  .nash_slide .h1 { width: 293px; }
  .h1 { font-size: 110px; }
  .nash_txt { font-size: 16px; margin-top: 210px; }
  .members_title { font-size: 16px; left: 20px; right: 20px; bottom: 16px; }
  .members_item.w3 .members_title { bottom: 30px; }
  .tickets { padding-left: 450px; }
  .tickets .btn { width: 180px; }
  .title100 { font-size: 79px; max-width: 580px; } }

@media screen and (min-width: 1024px) { .section-ticket:hover .ticket_img .ticket1 { bottom: 0; }
  .section-ticket:hover .ticket_img .ticket2 { bottom: 0; } }

@media screen and (max-width: 1023px) { .h1 { font-size: 100px; line-height: 0.86; }
  .nash_slide_cont { padding: 41px 65px 40px 40px; }
  .nash_slide .h1 { float: none; }
  .nash_txt { margin-top: 17px; }
  .title100 { font-size: 58px; max-width: 430px; }
  .title80 { font-size: 50px; }
  .title50 { font-size: 35px; max-width: 430px; }
  .soon_item { width: 48.5%; margin: 73px 0 -1px 3%; }
  .soon_item:nth-child(3n+1) { margin-left: 3%; clear: none; }
  .soon_item:nth-child(2n+1) { margin-left: 0; clear: both; }
  .info_txt { font-size: 24px; max-width: 87%; }
  .cat-tag { font-size: 11px; letter-spacing: 4px; }
  .members_title { left: 20px; right: 20px; bottom: 10px; font-size: 14px; }
  .members_item.w3 .members_title { bottom: 20px; }
  .btn { height: 50px; letter-spacing: 2.6px; line-height: 50px; font-size: 12px; }
  .h2 { font-size: 40px; }
  .tickets { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 425px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .tickets .h2 { margin-bottom: 28px; }
  .tickets .h2 br { display: none; }
  .tickets .btn { width: 160px; }
  .ticket_img { left: -76px; width: 550px; height: 400px; }
  .ticket_img .ticket1 { width: 394px; left: 104px; }
  .ticket_img .ticket2 { width: 306px; }
  .section-members { padding: 0 0 0px; }
  .spec_item.w3 .spec_title { max-width: 77%; }
  .spec_item.w2_2 .spec_title { max-width: 70%; }
  .subpage-cont { padding-right: 0px; }
  .main-article h1 { font-size: 42px; }
  .nash-sm .tickets, .nash-sm .section-ticket { height: 200px; }
  .nash-sm_header .nash-sm_txt { font-size: 14px; }
  .nash-sm .tickets .h2 { margin-bottom: 16px; }
  .main-article-cont { font-size: 19px; } }

@media screen and (max-width: 767px) { body:not(.loaded) .nash-header_bg, body:not(.loaded) .nash_play { width: 100%; }
  .h1 { font-size: 90px; }
  .nash-header { height: 180px; padding-top: 1px; background: #e42528; position: relative; }
  .nash-header.openSearch .nash_search { margin-left: 0; }
  .nash_nav { padding: 50px 20px 0px; overflow: auto; }
  .main-logo { width: 260px; }
  .nash-header_bg { position: relative; height: 170px; width: 100%; }
  .search-button { display: block; }
  .nash_search { right: auto; margin-right: 0; position: absolute; left: 0; margin-left: -260px; top: 0; bottom: auto; padding: 50px 20px 30px; height: auto; }
  .nash_slider { margin-left: 0px; }
  .section-nash { height: auto; }
  .nash_slide { height: 619px; min-height: 600px; }
  .nash_play { padding: 1px 20px 20px; width: auto; top: 0; height: 541px; position: relative; z-index: 5; overflow: visible; }
  .nash_play:before { display: none; }
  .nash_play_cover { margin-top: -71px; height: 140px; }
  .cover_img { width: 140px; height: 140px; }
  .vinil { width: 136px; height: 136px; left: 71px; }
  .mobile-button { top: 5px; right: 8px; }
  .mobile-button span { width: 15px; }
  .mobile-button span:before { top: -4px; }
  .mobile-button span:after { bottom: -4px; }
  .content.nash-cont .main-logo { margin: 3px auto 0px; }
  .nash-logo { width: 200px; }
  .nash_slide_cont { padding: 41px 18px 97px 20px; }
  .nash_slider .slick-dots { right: -50px; }
  .spec_item { float: none; }
  .spec_item.w1:before { padding-bottom: 100%; }
  .spec_item.he1:before { padding-bottom: 100%; }
  .spec_item.he2:before { padding-bottom: 68.7%; }
  .spec_item.w3 { width: 100%; }
  .spec_item.w3:before { padding-bottom: 68.7%; }
  .spec_item.w2_2 { width: 100%; }
  .spec_item.w2_2:before { padding-bottom: 68.7%; }
  .spec_item.w2_2 .spec_title { max-width: 100%; font-size: 50px; }
  .w2 { width: 100%; }
  .info_txt { font-size: 22px; }
  .info_line { width: 60px; margin: 70px auto  74px; }
  .cat-tag, .soon_item .cat-tag { font-size: 10px; }
  .section-soon { padding: 39px 0; }
  .section-soon h2 { text-align: left; }
  .section-info { padding: 63px 0 46px; }
  .info_icon { margin: 0 0 60px; }
  .info_icon img { width: 31px; }
  .members_item.w3:before { padding-bottom: 100%; }
  .w3, .w5 { width: 33.33%; }
  .members:before { content: ''; display: block; padding-bottom: 100%; }
  .members_item.members_item_secret { width: 100%; position: absolute; top: 0; left: 0; }
  .members_item.members_item_secret .members_title { bottom: 25px; line-height: 20px; }
  .title100 { font-size: 80px; max-width: 580px; line-height: 1; }
  .title80 { font-size: 80px; }
  .title50 { font-size: 50px; max-width: 530px; }
  .members_title { bottom: 20px; font-size: 16px; }
  .members_bot { padding: 55px 0; font-size: 15px; }
  .section-members { padding: 0 0 0px; }
  .tickets { padding: 47px 0 0; height: auto; display: block; text-align: center; }
  .ticket_img { position: relative; margin: 0 auto; left: 0; overflow: visible; height: 360px; margin-bottom: -20px; }
  .section-ticket { height: auto; overflow: hidden; }
  .tickets .h2 { margin-bottom: 42px; line-height: 1.15; }
  .nash-sm { margin: 13px 0 20px; }
  .nash-sm .wrapper { padding: 0 20px; min-width: 280px; }
  .nash-sm .members_item { width: 50%; }
  .nash-sm .members_item .members_title { bottom: 20px; }
  .nash-sm .members_item.members_item_secret { width: 100%; }
  .nash-sm .members_item.members_item_secret .members_title { bottom: 25px; }
  .nash-sm .members_bot { padding: 57px 0; }
  .nash-sm .tickets, .nash-sm .section-ticket { height: auto; padding-left: 0; }
  .nash-sm .section-members .wrapper { padding: 0; }
  .nash-sm h2 { font-size: 38px; }
  .nash-sm .info_bg { top: 160px; background: url(../img/nimg4.jpg?ver1.0) no-repeat center top; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 1; }
  .nash-sm .members { margin-top: 56px; }
  .nash-sm .section-members { padding: 0 0 1px; }
  .nash-sm .tickets { padding: 55px 0 0; }
  .nash-sm .tickets .h2 { font-size: 30px; line-height: 1; margin-bottom: 48px; }
  .nash-sm .tickets .btn { width: 160px; }
  .nash-sm .ticket_img { width: 440px; height: 300px; left: 0; }
  .nash-sm .ticket_img .ticket1 { left: 100px; width: 315px; }
  .nash-sm .ticket_img .ticket2 { left: -10px; width: 244px; }
  .main-article h1 { padding: 19px 0 35px; font-size: 35px; }
  .nash_material_txt { font-size: 35px; right: 100px; }
  .main-article-cont { font-size: 18px; }
  .main-article-cont p { padding-bottom: 25px; line-height: 1.6; }
  .nash-sm_header { margin: 0px 20px 43px; padding-bottom: 33px; }
  .nash-sm_header .h1 { font-size: 55px; line-height: 0.96; }
  .nash-sm_header .nash-logo { margin: 0 -20px 25px; float: none; width: auto; background: #ff2023; }
  .nash-sm_header .nash-logo a { height: 160px; margin: 0 auto; padding: 44px 21px; }
  .subpage-cont { padding-top: 19px; }
  h4.section-title a { font-size: 12px; }
  .main-article__head h4.section-title { font-size: 12px; line-height: 18px; padding-top: 7px; padding-bottom: 5px; }
  .main-article__views span { font-size: 14px; }
  .main-article__views { padding: 44px 0 10px 0; }
  .nash_material { margin: 0px 0 32px; }
  .nash-sm_header .nash-sm_txt { margin-top: 21px; letter-spacing: -0.2px; line-height: 1.8; }
  .info_bg { background-image: url(../img/nimg5.jpg); opacity: 1; }
  .mob-br { display: inline-block; }
  #spec6 .spec_title { right: 15px; } }

@media screen and (max-width: 599px) { .h1 { font-size: 80px; }
  h2, .h2 { font-size: 35px; }
  .soon { margin-bottom: 24px; margin-top: 49px; }
  .soon_item { float: none; width: 100%; margin: 42px 0 0px 0%; }
  .soon_item:nth-child(3n+1) { margin-left: 0%; clear: none; }
  .info_txt { font-size: 18px; }
  .nash_txt { font-size: 15px; }
  .members_title { bottom: 20px; font-size: 15px; }
  .w3, .w5 { width: 50%; }
  .title100 { font-size: 55px; }
  .title80 { font-size: 55px; }
  .title50 { font-size: 40px; }
  .spec_item.w2_2 .spec_title { font-size: 40px; }
  .ticket_img { width: 440px; height: 300px; }
  .ticket_img .ticket1 { left: 100px; width: 315px; }
  .ticket_img .ticket2 { left: -10px; width: 244px; }
  .spec_item.w3 .spec_title { max-width: 100%; bottom: 25px; }
  .spec_item.w3 .spec_title br { display: none; }
  .spec_item.w3 .spec_title .mob-br { display: inline-block; }
  .main-article h1 { font-size: 30px; }
  .nash_material_txt { font-size: 30px; right: 95px; }
  .nash_material_go { width: 40px; height: 40px; line-height: 40px; }
  .main-article-cont { font-size: 17px; }
  .nash-sm_header .h1 { font-size: 48px; }
  .nash-sm h2 { font-size: 34px; } }

@media screen and (max-width: 479px) { .h1 { font-size: 70px; }
  .info_txt { font-size: 16px; line-height: 1.6; }
  .info_txt br { display: none; }
  .cat-tag, .soon_item .cat-tag { font-size: 9px; }
  .soon_title { font-size: 15px; line-height: 1.7; margin-top: 9px; }
  .title100 { font-size: 50px; padding-right: 4px; }
  .title100 br { display: none; }
  .title100 .mob-br { display: inline-block; }
  .title80 { font-size: 50px; }
  .title50 { font-size: 35px; }
  .spec_item.w2_2 .spec_title { font-size: 35px; }
  .members_title { bottom: 28px; font-size: 14px; min-height: 24px; }
  .ticket_img { height: 271px; width: 280px; }
  .ticket_img .ticket1 { left: 32px; bottom: -32px; width: 246px; }
  .ticket_img .ticket2 { left: -35px; bottom: -10px; width: 192px; }
  .main-article h1 { font-size: 25px; }
  .nash_material_txt { font-size: 25px; right: 75px; }
  .main-article-cont { font-size: 16px; }
  .nash-sm_header .h1 { font-size: 42px; }
  .nash-sm h2 { font-size: 30px; }
  .nash-sm .ticket_img { left: -37px; height: 235px; width: 280px; }
  .nash-sm .ticket_img .ticket1 { left: 60px; bottom: -29px; width: 221px; }
  .nash-sm .ticket_img .ticket2 { left: 0px; bottom: -10px; width: 173px; } }

/*# sourceMappingURL=nashestvie.css.map */