/* Minification failed. Returning unminified contents.
(3773,1): run-time error CSS1019: Unexpected token, found '}'
(5243,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
body {
    font-size: 14px;
    line-height: 1.42857143;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

html, body {
    height: 100%;
    margin: 0;
    position: relative;
}

@media screen and ( min-width: 1000px ) and ( min-height: 680px ) {
    body {
        /*overflow: hidden;*/
    }
}

/*.body-content {padding-bottom:60px;
}*/

#loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7;
    background: rgba(0,0,0,0.4);
    display: none;
}

#floatingCirclesG {
    top: 50%;
    left: 50%;
    margin: -63px 0 0 -63px;
    position: absolute;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgb(255,255,255);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}



@keyframes f_fadeG {
    0% {
        background-color: rgb(240,92,129);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(240,92,129);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(240,92,129);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(240,92,129);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(240,92,129);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@charset "UTF-8"; /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
@media (min-width:769px) {
    .animated {
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -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.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
            -webkit-animation-duration: .75s;
            animation-duration: .75s;
        }

    @-webkit-keyframes bounce {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -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 {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
            -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;
        transform-origin: center bottom;
    }

    @-webkit-keyframes flash {
        0%,100%,50% {
            opacity: 1;
        }

        25%,75% {
            opacity: 0;
        }
    }

    @keyframes flash {
        0%,100%,50% {
            opacity: 1;
        }

        25%,75% {
            opacity: 0;
        }
    }

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

    @-webkit-keyframes pulse {
        0% {
            -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);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes pulse {
        0% {
            -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);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

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

    @-webkit-keyframes scaleIn {
        0% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes scaleIn {
        0% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }

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

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        30% {
            -webkit-transform: scale3d(1.25,.75,1);
            transform: scale3d(1.25,.75,1);
        }

        40% {
            -webkit-transform: scale3d(0.75,1.25,1);
            transform: scale3d(0.75,1.25,1);
        }

        50% {
            -webkit-transform: scale3d(1.15,.85,1);
            transform: scale3d(1.15,.85,1);
        }

        65% {
            -webkit-transform: scale3d(.95,1.05,1);
            transform: scale3d(.95,1.05,1);
        }

        75% {
            -webkit-transform: scale3d(1.05,.95,1);
            transform: scale3d(1.05,.95,1);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        30% {
            -webkit-transform: scale3d(1.25,.75,1);
            transform: scale3d(1.25,.75,1);
        }

        40% {
            -webkit-transform: scale3d(0.75,1.25,1);
            transform: scale3d(0.75,1.25,1);
        }

        50% {
            -webkit-transform: scale3d(1.15,.85,1);
            transform: scale3d(1.15,.85,1);
        }

        65% {
            -webkit-transform: scale3d(.95,1.05,1);
            transform: scale3d(.95,1.05,1);
        }

        75% {
            -webkit-transform: scale3d(1.05,.95,1);
            transform: scale3d(1.05,.95,1);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

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

    @-webkit-keyframes shake {
        0%,100% {
            -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 {
        0%,100% {
            -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 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);
        }

        100% {
            -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);
        }

        100% {
            -webkit-transform: rotate3d(0,0,1,0deg);
            transform: rotate3d(0,0,1,0deg);
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        10%,20% {
            -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
            transform: scale3d(.9,.9,.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);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes tada {
        0% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }

        10%,20% {
            -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
            transform: scale3d(.9,.9,.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);
        }

        100% {
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

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

    @-webkit-keyframes wobble {
        0% {
            -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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes wobble {
        0% {
            -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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        20% {
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        40% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.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(.97,.97,.97);
            transform: scale3d(.97,.97,.97);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    @keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        20% {
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        40% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.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(.97,.97,.97);
            transform: scale3d(.97,.97,.97);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
        }
    }

    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    .delay1 {
        animation-delay: 0.2s;
    }

    .delay2 {
        animation-delay: 0.4s;
    }

    @-webkit-keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.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);
        }

        100% {
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            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);
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        }

        0% {
            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);
        }

        100% {
            -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(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9,.9,.9);
            transform: scale3d(.9,.9,.9);
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1,1.1,1.1);
            transform: scale3d(1.1,1.1,1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            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);
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

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

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-duration: 1s;
        animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

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

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }
    }

    @keyframes fadeOutDown {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }
    }

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

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

    @keyframes fadeOutDownBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }
    }

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

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }
    }

    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }
    }

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

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px,0,0);
            transform: translate3d(-2000px,0,0);
        }
    }

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

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }
    }

    @keyframes fadeOutRight {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }
    }

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

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

    @keyframes fadeOutRightBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px,0,0);
            transform: translate3d(2000px,0,0);
        }
    }

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

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }
    }

    @keyframes fadeOutUp {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }
    }

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

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

    @keyframes fadeOutUpBig {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0,-2000px,0);
            transform: translate3d(0,-2000px,0);
        }
    }

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

    @-webkit-keyframes flip {
        0% {
            -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(.95,.95,.95);
            transform: perspective(400px) scale3d(.95,.95,.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

    @keyframes flip {
        0% {
            -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(.95,.95,.95);
            transform: perspective(400px) scale3d(.95,.95,.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -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 {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
        }

        100% {
            -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 {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }

    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            -webkit-transition-timing-function: ease-in;
            transition-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-transition-timing-function: ease-in;
            transition-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);
        }

        100% {
            -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 {
        0% {
            -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;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
            transform: perspective(400px) rotate3d(1,0,0,90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutX {
        0% {
            -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;
        }

        100% {
            -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 {
        0% {
            -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;
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
            transform: perspective(400px) rotate3d(0,1,0,90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutY {
        0% {
            -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;
        }

        100% {
            -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 {
        0% {
            -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;
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes lightSpeedIn {
        0% {
            -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;
        }

        100% {
            -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 {
        0% {
            opacity: 1;
        }

        100% {
            -webkit-transform: translate3d(100%,0,0) skewX(30deg);
            transform: translate3d(100%,0,0) skewX(30deg);
            opacity: 0;
        }
    }

    @keyframes lightSpeedOut {
        0% {
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,-200deg);
            transform: rotate3d(0,0,1,-200deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,-200deg);
            transform: rotate3d(0,0,1,-200deg);
            opacity: 0;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
            opacity: 0;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
            opacity: 0;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-90deg);
            transform: rotate3d(0,0,1,-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0,0,1,-90deg);
            transform: rotate3d(0,0,1,-90deg);
            opacity: 0;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0,0,1,200deg);
            transform: rotate3d(0,0,1,200deg);
            opacity: 0;
        }
    }

    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -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 {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }

        100% {
            -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;
        }

        100% {
            -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;
        }

        100% {
            -webkit-transform: translate3d(0,700px,0);
            transform: translate3d(0,700px,0);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
            transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
            transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

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

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
        }

        100% {
            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 {
        0% {
            opacity: 1;
        }

        100% {
            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 {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        50% {
            opacity: 1;
        }
    }

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

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes zoomOut {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3,.3,.3);
            transform: scale3d(.3,.3,.3);
        }

        100% {
            opacity: 0;
        }
    }

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

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px,0,0);
            transform: scale(.1) translate3d(-2000px,0,0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px,0,0);
            transform: scale(.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(.475,.475,.475) translate3d(-42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px,0,0);
            transform: scale(.1) translate3d(2000px,0,0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
            transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px,0,0);
            transform: scale(.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(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
            animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
            animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        }
    }

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

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

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

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes slideInLeft {
        0% {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

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

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes slideInRight {
        0% {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

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

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }

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

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }
    }

    @keyframes slideOutDown {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
        }
    }

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

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }
    }

    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }
    }

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

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }
    }

    @keyframes slideOutRight {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }
    }

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

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }
    }

    @keyframes slideOutUp {
        0% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        100% {
            visibility: hidden;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
        }
    }

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


.form_wrapper_madoku {
    padding-bottom: 50px;
    padding-top: 32px;
}

    .form_wrapper_madoku .input {
        position: relative;
        z-index: 1;
        display: inline-block;
        margin: 1em;
        /*max-width: 400px;*/
        width: calc(100% - 2em);
        vertical-align: top;
    }

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    -webkit-appearance: none; /* for box shadows to show on iOS */
}

    .input__field:focus {
        outline: none;
    }

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #6a7989;
    font-weight: bold;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
    font-size:15px;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #6a7989;
    font-weight: bold;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input--madoka {
    margin: 1.1em;
}

.input__field--madoka {
    width: 100%;
    background: transparent;
    color: #7A7593;
}

.input__label--madoka {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #7A7593;
    text-align: left;
    cursor: text;
}

.input__label-content--madoka {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.graphic--madoka {
    -webkit-transform: scale3d(1, -1, 1);
    transform: scale3d(1, -1, 1);
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
    pointer-events: none;
    /*stroke: #ffffff;*/
    stroke-width: 5px;
    stroke-dasharray: 962;
    stroke-dashoffset: 558;
    display: none;
}

.textarea .graphic--madoka {
    stroke-width: 2px;
}

.input__field--madoka:focus ~ .input__label--madoka,
.input--filled .input__label--madoka {
    cursor: default;
    pointer-events: none;
}

    .input__field--madoka:focus ~ .input__label--madoka .graphic--madoka,
    .input--filled .graphic--madoka {
        stroke-dashoffset: 0;
    }

    .input__field--madoka:focus ~ .input__label--madoka .input__label-content--madoka,
    .focused .input__label-content--madoka,
    .input--filled .input__label-content--madoka,
    .form_here .input__label-content--madoka {
        -webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, -4em, 0);
        transform: scale3d(0.81, 0.81, 1) translate3d(0, -4em, 0);
    }

.form_here .input__field {
    background: rgba(255,255,255,0.15);
}

.input--filled .input__field, .input__field:focus, .input__field:active {
    background: #393939;
}

#start_form_bg .input--filled .input__field,
#start_form_bg .input__field:focus,
#start_form_bg .input__field:active,
.header_screen .input--filled .input__field,
.header_screen .input__field:focus,
.header_screen .input__field:active {
    background: #064a76;
}

.input--madoka label.error {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: -25px;
}

#sendForm .input--madoka {
    margin-bottom: 50px;
    max-width: 100%;
}

#sendForm .textarea.input--madoka {
    margin-bottom: 0;
}


.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 2px;
    /*max-width: 350px;*/
    width: calc(100% - 5px);
    width: 100%;
    vertical-align: top;
}

.input__field {
    height: 53px;
    padding-left: 55px;
    position: relative;
    display: block;
    padding: 10px;
    border-bottom: 2px solid white;
    border-radius: 0;
    /*background: #cbcac9;*/
    background: none;
    color: #ffffff;
    /*font-weight: bold;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none; /* for box shadows to show on iOS */
}

.aside_from .input__field--minoru {
    height: 31px;
    min-height: 31px;
}

.aside_absolute .right_social a {
    height: 46px;
    width: 46px;
    color: #a5a5a5;
    text-decoration: none !important;
    line-height: 44px;
    font-size: 45px;
}

.input__field:focus, .filled .input__field {
    outline: none;
    /*background: #f0f0f0;
    color: #222;*/
    /*background: none;*/
}


.filled .input-icon, .focused .input-icon {
    color: #222;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0;
    color: #ffffff;
    font-weight: normal;
    font-size: 80.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
    white-space: nowrap;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

@media (max-width: 991px) {
    /*.form_wrapper_madoku .input {
        margin-left: 0;
        margin-right: 0;
    }*/

}


.footer {
    padding: 20px 0;
    /*font-size: 12px;*/
    position: relative;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-lg {
    padding: 20px 45px;
    font-size: 18px;
    line-height: 1.24;
    border-radius: 10px;
    -ms-border-radius: 10px;
}

.btn-info {
    color: #fff;
    background-color: #69c6b2;
    border-color: #69c6b2;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #ff5e84;
        border-color: #ff5e84;
    }

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-submit {
    color: #fff;
    background-color: #ef333f;
    border-color: #ef333f;
}
    .btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active {
        background-color: #f05c82;
        border-color: #f05c82;
    }
.table_fixed {
    table-layout: fixed;
}

.table_100 {
    width: 100%
}

.input-control.radio.switcher {
    /* border: 1px solid #b8b8b8; */
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 1px;
}

    .input-control.radio.switcher label {
        margin: 0;
        display: block;
        padding: 0;
    }

.input-control.checkbox input[type="checkbox"],
.input-control.radio input[type="checkbox"],
.input-control.checkbox input[type="radio"],
.input-control.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.input-control.radio.switcher input[type="radio"] ~ .check2,
.input-control.radio.switcher input[type="checkbox"] ~ .check2 {
    background-color: #fdfdfd;
    color: #64676c;
    padding: 0 4px;
    height: 61px;
    line-height: 60px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    /*position: relative;*/
    /*z-index: 1;*/
    white-space: nowrap;
}

.input-control.radio.switcher .check2.check2_first {
    border-radius: 28px 0 0 28px;
}

.input-control.radio.switcher .check2.check2_last {
    border-radius: 0 28px 28px 0;
}

.input-control.radio.switcher input[type="radio"]:disabled ~ .check2,
.input-control.radio.switcher input[type="checkbox"]:disabled ~ .check2 {
    cursor: default;
}

.input-control.radio.switcher input[type="radio"]:checked ~ .check2,
.input-control.radio.switcher input[type="checkbox"]:checked ~ .check2 {
    color: #ffffff;
    border: 1px solid #f05c82;
    background: #f05c82;
    z-index: 2;
}

.input-control.radio.switcher input[type="radio"]:disabled ~ .check2,
.input-control.radio.switcher input[type="checkbox"]:disabled ~ .check2 {
    cursor: not-allowed;
    opacity: 0.4;
}


.text-center {
    text-align: center
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-dh {
    margin-top: 40px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-dh {
    margin-bottom: 40px;
}

.hidden {
    display: none
}

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

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical > .btn-group:before,
    .btn-group-vertical > .btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical > .btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

/*@media (min-width: 1200px) {
    .container {
        width: 1010px;
    }
}*/

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}


.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media screen and ( min-height: 880px ) {
    #scroll_mouse {
        display: block
    }
}

#scroll_mouse {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMjIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmljX21vdXNlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkRlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iMDEtSW5kZXgiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDEuMDAwMDAwLCAtNjk2LjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJDb25ldG50IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlNjcm9sbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAxLjAwMDAwMCwgNjk2LjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljX21vdXNlIj4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMjMuMzMzMzMzMyBDMjAsMjcuMzggMTYuNzA2NjY2NywzMC42NjczMzMzIDEyLjY2NjY2NjcsMzAuNjY3MzMzMyBMOC42NjY2NjY2NywzMC42NjczMzMzIEM0LjYyLDMwLjY2NzMzMzMgMS4zMzMzMzMzMywyNy4zOCAxLjMzMzMzMzMzLDIzLjMzMzMzMzMgTDEuMzMzMzMzMzMsOC42NjY2NjY2NyBDMS4zMzMzMzMzMyw0LjYyNjY2NjY3IDQuNjIsMS4zMzMzMzMzMyA4LjY2NjY2NjY3LDEuMzMzMzMzMzMgTDEyLjY2NjY2NjcsMS4zMzMzMzMzMyBDMTYuNzA2NjY2NywxLjMzMzMzMzMzIDIwLDQuNjI2NjY2NjcgMjAsOC42NjY2NjY2NyBMMjAsMjMuMzMzMzMzMyBMMjAsMjMuMzMzMzMzMyBaIE0xMi42NjY2NjY3LDAgTDguNjY2NjY2NjcsMCBDMy44ODY2NjY2NywwIDAsMy44ODY2NjY2NyAwLDguNjY2NjY2NjcgTDAsMjMuMzMzMzMzMyBDMCwyOC4xMTMzMzMzIDMuODg2NjY2NjcsMzIgOC42NjY2NjY2NywzMiBMMTIuNjY2NjY2NywzMiBDMTcuNDQsMzIgMjEuMzMzMzMzMywyOC4xMTMzMzMzIDIxLjMzMzMzMzMsMjMuMzMzMzMzMyBMMjEuMzMzMzMzMyw4LjY2NjY2NjY3IEMyMS4zMzMzMzMzLDMuODg2NjY2NjcgMTcuNDQsMCAxMi42NjY2NjY3LDAgTDEyLjY2NjY2NjcsMCBaIiBpZD0iRmlsbC0zNDc3IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjMzMzMzMzMsMTAgQzExLjMzMzMzMzMsMTAuMzY3MzMzMyAxMS4wMzMzMzMzLDEwLjY2NjY2NjcgMTAuNjY2NjY2NywxMC42NjY2NjY3IEMxMC4yOTMzMzMzLDEwLjY2NjY2NjcgMTAsMTAuMzY3MzMzMyAxMCwxMCBMMTAsNy4zMzMzMzMzMyBDMTAsNi45NjY2NjY2NyAxMC4yOTMzMzMzLDYuNjY2NjY2NjcgMTAuNjY2NjY2Nyw2LjY2NjY2NjY3IEMxMS4wMzMzMzMzLDYuNjY2NjY2NjcgMTEuMzMzMzMzMyw2Ljk2NjY2NjY3IDExLjMzMzMzMzMsNy4zMzMzMzMzMyBMMTEuMzMzMzMzMywxMCBMMTEuMzMzMzMzMywxMCBaIE0xMC42NjY2NjY3LDUuMzMzMzMzMzMgQzkuNTYsNS4zMzMzMzMzMyA4LjY2NjY2NjY3LDYuMjMzMzMzMzMgOC42NjY2NjY2Nyw3LjMzMzMzMzMzIEw4LjY2NjY2NjY3LDEwIEM4LjY2NjY2NjY3LDExLjEwNjY2NjcgOS41NiwxMiAxMC42NjY2NjY3LDEyIEMxMS43NjY2NjY3LDEyIDEyLjY2NjY2NjcsMTEuMTA2NjY2NyAxMi42NjY2NjY3LDEwIEwxMi42NjY2NjY3LDcuMzMzMzMzMzMgQzEyLjY2NjY2NjcsNi4yMzMzMzMzMyAxMS43NjY2NjY3LDUuMzMzMzMzMzMgMTAuNjY2NjY2Nyw1LjMzMzMzMzMzIEwxMC42NjY2NjY3LDUuMzMzMzMzMzMgWiIgaWQ9IkZpbGwtMzQ3OCIgZmlsbD0iI0QzMUYzNiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 40px;
    height: 45px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 22px;
    z-index: 4;
    cursor: pointer;
    zoom: 1.24;
}

    #scroll_mouse::after {
        -khtml-animation: 2.2s cubic-bezier(0.45, 0.19, 0.45, 0.8) infinite arrow;
        -moz-animation: 2.2s cubic-bezier(0.45, 0.19, 0.45, 0.8) infinite arrow;
        -webkit-animation: 2.2s cubic-bezier(0.45, 0.19, 0.45, 0.8) infinite arrow;
        animation: 2.2s cubic-bezier(0.45, 0.19, 0.45, 0.8) infinite arrow;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTAgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPkZpbGwgMTYxNzwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJEZXNpZ24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IjAxLUluZGV4IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTA3LjAwMDAwMCwgLTczNi4wMDAwMDApIiBmaWxsPSIjRDMxRjM2Ij4gICAgICAgICAgICA8ZyBpZD0iQ29uZXRudCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+ICAgICAgICAgICAgICAgIDxnIGlkPSJTY3JvbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMS4wMDAwMDAsIDY5Ni4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC43MDUyNTczLDUxLjg2NjE1MzggQzEwLjc0MzU5MTEsNTEuOTA4MTUzOCAxMC43ODk4NDE2LDUxLjk0MDQ2MTUgMTAuODQxMDkyMSw1MS45Njc2OTIzIEMxMC44OTE5MjYsNTEuOTkwNzY5MiAxMC45NDU2NzY1LDUyIDEwLjk5OTg0MzcsNTIgQzExLjA1NDQyNzcsNTIgMTEuMTA4MTc4Miw1MS45OTA3NjkyIDExLjE1OTAxMjEsNTEuOTY3NjkyMyBDMTEuMjEwMjYyNiw1MS45NDA0NjE1IDExLjI1NjUxMzEsNTEuOTA4MTUzOCAxMS4yOTQ4NDY4LDUxLjg2NjE1MzggTDE1Ljg3NzgxMTIsNDYuNzg5MjMwOCBDMTYuMDQwNzI5Niw0Ni42MDk2OTIzIDE2LjA0MDcyOTYsNDYuMzE4OTIzMSAxNS44Nzc4MTEyLDQ2LjEzODQ2MTUgQzE1LjcxNTMwOTUsNDUuOTU4OTIzMSAxNS40NTE1NTY4LDQ1Ljk1ODkyMzEgMTUuMjg4NjM4NCw0Ni4xMzg0NjE1IEwxMS40MTY1MTQ4LDUwLjQyNjYxNTQgTDExLjQxNjUxNDgsNDAuNDYxNTM4NSBDMTEuNDE2NTE0OCw0MC4yMDc2OTIzIDExLjIzMDI2MjgsNDAgMTAuOTk5ODQzNyw0MCBDMTAuNzY5ODQxNCw0MCAxMC41ODMxNzI3LDQwLjIwNzY5MjMgMTAuNTgzMTcyNyw0MC40NjE1Mzg1IEwxMC41ODMxNzI3LDUwLjQyNjYxNTQgTDYuNzExMDQ5MDcsNDYuMTM4NDYxNSBDNi41NDg1NDczOCw0NS45NTg5MjMxIDYuMjg0Nzk0NjMsNDUuOTU4OTIzMSA2LjEyMTg3NjI3LDQ2LjEzODQ2MTUgQzUuOTU5Mzc0NTgsNDYuMzE4OTIzMSA1Ljk1OTM3NDU4LDQ2LjYwOTY5MjMgNi4xMjE4NzYyNyw0Ni43ODkyMzA4IEwxMC43MDUyNTczLDUxLjg2NjE1MzgiIGlkPSJGaWxsLTE2MTciPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==");
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        height: 20px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 35px;
        width: 20px;
    }

@keyframes arrow {
    0%,100% {
        top: 35px;
    }

    50% {
        top: 30px;
    }
}

.navbar {
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 0;
    z-index: 5;
 
}
.navbar-fixed-top {
    position:fixed;
}
.site_logo {
    margin-top: 8px;
}

.page_title {
    font-size: 36px;
    font-weight: 200;
}

.page {
    padding-top: 60px;
    position: relative;
    z-index: 1;
    /*scroll-snap-align: start;*/
}

#page_1 {
    /*padding-bottom: 100px;*/
}

#page_2 {
    padding-top: 70px;
    padding-bottom: 60px;
    background: #2f2f2f;
}

#page_3 {
    padding-bottom: 20px;
}



#page_4 {
    padding-bottom: 40px;
}

@media screen and ( min-width: 1000px ) {
    #page_1 {
        min-height: 100vh;
    }
}

@media (max-width: 767px) {
    .page {
    }

    .pipedriveWebForms {
        margin-left: -10px;
        margin-right: -10px;
    }

    #page_1 {
        padding-top: 60px !important;
    }

    #page_2 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    #page_3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #page_4 {
        padding-bottom: 40px;
    }
}


#page_4 {
    /*height: 690px;
    overflow: hidden;*/
    position: inherit;
}

body {
    background: #111111;
    color: white;
}

.navbar {
    background: #111111;
}

a {
    color: white;
}

    a:hover {
        color: #69c6b2
    }

.bg-lighter {
    background: #2f2f2f;
}
.benefits {
    max-width: 840px;
    margin: 0 auto 0;
}

.benefit {
    margin: 30px 0;
}

.benefit__title {
    font-size: 17px;
    font-weight: bold;
}

.benefit__descr {
    margin-top: 10px;
    font-size: 15px
}

.benefit_icon {
    height: 120px
}

    .benefit_icon img {
        max-height: 100%;
    }


@media screen and ( min-height: 768px ) and (min-width: 1000px) {
    /*.benefits_wrap {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
    }*/
}

#player {
    width: 100%;
    height: 405px;
    margin: 40px auto;
    position: relative;
}

.player_descr {
    font-size: 26px;
    font-weight: 200;
    margin: 15px 0 45px;
    text-align: center;
}

.html5player-ads-adafter {
    display: none !important;
}

@media screen and ( max-height: 800px ) {
    #player {
        max-height: 72vh;
    }
}
@media screen and ( min-height: 900px ) {
    .player_descr {
       margin-top:50px
    }
}
@media screen and ( min-width: 1000px ) {
    #player {
        width: 950px;
        height: 535px;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media screen and ( min-width: 1000px ) and (min-height: 800px) {
    .player_wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
    }
}


@media (max-width: 767px) {
    #player {
        max-height: 50vh;
        height: 200px
    }

    .player_descr br {
        display: none
    }
}

.billing {
}

.billing_item {
    width: 250px;
    max-width: 100%;
    margin-bottom: 40px
}

.billing_item__title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.billing_item__descr {
    width: 250px;
    height: 250px;
    text-align: left;
    padding: 40px;
    color: #000000;
    font-size: 16px;
    max-width: 100%;
}

.billing_item__mixed {
    margin-left: auto;
    margin-right: auto;
}

.billing_item__cpm {
    float: right;
}

.billing_item__easygo .billing_item__title {
    color: #fdd109
}

.billing_item__easygo .billing_item__descr {
    background: #fdd109
}

.billing_item__easygo:hover .billing_item__title {
    color: #fff227
}

.billing_item__easygo:hover .billing_item__descr {
    background: #fff227
}

.billing_item__mixed .billing_item__title {
    color: #f05c82
}

.billing_item__mixed .billing_item__descr {
    background: #f05c82
}

.billing_item__mixed:hover .billing_item__title {
    color: #f07fb7
}

.billing_item__mixed:hover .billing_item__descr {
    background: #f07fb7
}

.billing_item__cpm .billing_item__title {
    color: #6ac7b4
}

.billing_item__cpm .billing_item__descr {
    background: #6ac7b4
}

.billing_item__cpm:hover .billing_item__title {
    color: #7aead3
}

.billing_item__cpm:hover .billing_item__descr {
    background: #7aead3
}

@media screen and ( max-width: 991px ) {
    .billing_item__descr br {
        display: none
    }
}

@media screen and ( max-width: 767px ) {
    .billing_item {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
}



.checkmark_wrap {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    font-size: 15px;
}

    /* Hide the browser's default checkbox */
    .checkmark_wrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        left: 0;
        top: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    cursor: pointer;
}

    /* On mouse-over, add a grey background color */
    .checkmark:hover {
        background-color: #ccc;
    }

/* When the checkbox is checked, add a blue background */
.checkmark_wrap input:checked ~ .checkmark {
    background-color: #ef333f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkmark_wrap input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkmark_wrap .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}