/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

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

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

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

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

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

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

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

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

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

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

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

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.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-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

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

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

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

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

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

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

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

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

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

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

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
a{
	text-decoration: none;
}
::-webkit-input-placeholder {
   color: #3e3e3e;
}

:-moz-placeholder { /* Firefox 18- */
   color: #3e3e3e;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3e3e3e;  
}

:-ms-input-placeholder {  
   color: #3e3e3e;  
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Bold.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf')  format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Regular') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Light.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf')  format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

body{
	font-family: "ProximaNova", Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* so 1em = 10px */
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.wrapper{
	max-width: 1170px;
	margin: 0 auto;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.relative{
	position: relative;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.redbtn, .yellowbtn, .whitebtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be2f26+0,be2f26+69,930c08+100 */
	background: #be2f26; /* Old browsers */
	background: -moz-linear-gradient(top,  #be2f26 0%, #be2f26 69%, #930c08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #c9433a;
	border-bottom: 1px solid #060202;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 2em;
	max-width: 280px;
	overflow: hidden;
	padding: 0.78em;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.15);
    text-align: center;
	z-index: 1;
}
.yellowbtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbb47+0,fcbb47+69,f98e18+100 */
	background: #fcbb47; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcbb47 0%, #fcbb47 69%, #f98e18 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcbb47 0%,#fcbb47 69%,#f98e18 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcbb47 0%,#fcbb47 69%,#f98e18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #fdd28a;
	border-bottom: 1px solid #a52f2d;
	box-shadow: 0 0 0 4px #932b2b;
	border-radius: 10px;
}
.whitebtn{
    background: #fff;
    border: 1px solid #be2f26;
    color: #ac2129;
    text-shadow: none;
}
.redbtn::after,
.redbtn::before,
.yellowbtn::after,
.yellowbtn::before,
.whitebtn::after,
.whitebtn::before{
	bottom: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    width: 100%;
    z-index: -1;
}
.redbtn::before,
.yellowbtn::before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc4c20+0,fc4c20+61,ea391e+100 */
	background: rgba(252,187, 71, 0.2);
	/*background: #fc4c20; 
	background: -moz-linear-gradient(top,  #fc4c20 0%, #fc4c20 61%, #ea391e 100%); 
	background: -webkit-linear-gradient(top,  #fc4c20 0%,#fc4c20 61%,#ea391e 100%); 
	background: linear-gradient(to bottom,  #fc4c20 0%,#fc4c20 61%,#ea391e 100%); */
}
.yellowbtn::before{
	background: rgba(147,43, 43, 0.8);
}
.whitebtn::before{
    background: rgba(172,33, 41, 0.8);
}
.redbtn::after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbb47+0,fcbb47+61,f98b15+100 */
	background: #fcbb47; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcbb47 0%, #fcbb47 61%, #f98b15 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcbb47 0%,#fcbb47 61%,#f98b15 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcbb47 0%,#fcbb47 61%,#f98b15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yellowbtn::after,
.whitebtn::after{
	background: #be2f26; /* Old browsers */
	background: -moz-linear-gradient(top,  #be2f26 0%, #be2f26 69%, #930c08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #c9433a;
}
.redbtn:hover::after,
.redbtn:hover::before,
.yellowbtn:hover::after,
.yellowbtn:hover::before,
.whitebtn:hover::after,
.whitebtn:hover::before{
	-webkit-transform:translate3d(0px, 100%, 0px);
	-moz-transform:translate3d(0px, 100%, 0px);
	transform:translate3d(0px, 100%, 0px);
}
.redbtn:hover::after,
.yellowbtn:hover::after,
.whitebtn:hover::after{
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.yellowbtn:hover{
	border-top: 1px solid #c9433a;
}
.whitebtn:hover{
    color: #fff;
}
.redbtn span{
	color: #fcbb47;
	font-weight: 700;
}
.gold{
	color: #fcbb47;
}
.red{
	color: #be2f26;
}
.f-20{
	font-size: 2em; 
}
.f-15{
	font-size: 1.5em;
}
/* register page - general */
.register-stepinfo {
    display: inline-block;
    margin-bottom: 20px;
}
.nb-step {
  border: 1px solid #ea4234;
  color: #000;
  border-radius: 30px;
  font-size: 2.5em;
  height: 53px;
  line-height: 2;
  margin-right: 12px;
  width: 53px;
  font-weight: 700;
  text-align: center;
}
.nb-step {
  border: 2px solid #be2f26;
  border-radius: 50%;
  color: #303030;
  float: left;
  font-size: 30px;
  font-weight: 700;
  height: 56px;
  line-height: 56px;
  margin-right: 5px;
  text-align: center;
  width: 56px;
}

.text-step h3 {
  font-size: 30px;
  margin-bottom: 2px;
  color: #303030;
  margin-top: 0;
}
.text-step span {
  font-size: 15px;
  color: #be2f26;
}
.register-step1 {
    width: 50%;
    display: inline-block;
}

.register-option {
    display: block;
    border-bottom: 1px dashed #a8a8a8;
    border-left: 1px dashed #ffffff;
    border-right: 1px dashed #ffffff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.register-option:last-child {
    border-color: #ffffff;  
}
.register-option:hover,
.register-option:first-child:hover{
    border-color: #be2f26;
}
.register-option:first-child{
    border-top: 1px dashed #fff;
}

.price_per span {
    color: #303030;
}
.register-info label {
    display: block;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(48, 48, 48);
    line-height: 1.333;
    margin-bottom: 3px;
}
.register-step3 {   
    width: 100%;
}
.register-step3 .register-stepinfo {
    width: 100%;
    border-bottom: 1px solid #e1eaf0;
    margin-bottom: 18px;
    padding-bottom: 27px;
}

.review-info-part:last-child {
    border: none;
}
.review-info-title {
    display: block;
    text-align: center;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(190, 47, 38);
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 7px;
    position: relative;
    vertical-align: top;
}

.review-info-content {
    display: block;
    font-size: 16px;
    font-family: "ProximaNova";
    color: rgb(133, 133, 133);
    line-height: 1.438;
    vertical-align: middle;
    text-align: center;
}
.review-info-1 .review-info-content  {
    text-align: left;
}
.review-info-2 {
    max-width: 213px;
}
.review-info-3 .review-info-content {
    font-size: 20px;
    line-height: 1.15;
}
.greybtn {
    border: none;
    background-image: url('../img/greybtn.png');
    background-repeat: repeat;
    line-height: 44px;
    width: 211px;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(48, 48, 48);
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
}

.greybtn:hover {
    background-position: left 1px center;
    color: rgba(48, 48, 48, 0.8);
}
.option-selected {
    background-color: #be2f26;
    border: none;
}
.option-selected .register-price, .option-selected .register-subtitle{
    color: #ffffff;
}
.register-step3 {
    margin-bottom: 20px;
}
@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 1px) {
	body{
		width: 280px;
	}
}
@media only screen and (min-width: 280px) {
   .wrapper{
   		padding: 0 15px;
   }
   body{
		width: 100%;
	}
 	/* header minwidth 208 */
 	.menu{
 		background: #000;
 	}
 	.menubtn{
 		background-color: #fcbb47;
 		-moz-appearance: none;
	    border: medium none;
	    box-shadow: none;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0;
	    height: 50px;
	    margin: 15px 0 0 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    text-indent: -9999px;
	    transition: background 0.3s ease 0s;
	    width: 50px;
	    z-index: 2;
 	}
 	.menubtn.active{
 		background-color: #d1662f;
 	}
 	.menubtn span::before, .menubtn span::after {
	    background-color: #ffffff;
	    content: "";
	    display: block;
	    height: 4px;
	    left: 0;
	    position: absolute;
	    width: 100%;
	    z-index: 2;
	}
	.menubtn span {
	    background: #ffffff none repeat scroll 0 0;
	    display: block;
	    height: 4px;
	    left: 9px;
	    position: absolute;
	    right: 9px;
	    top: 23px;
	    -moz-transition: all 0.3s ease 0s;
	    -webkit-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	    z-index: 2;
	}
	
	.menubtn span::after {
    	bottom: -11px;
    	-moz-transition-property: bottom, transform;
    	-webkit-transition-property: bottom, transform;
    	transition-property: bottom, transform;
	}
	.menubtn span::before {
		-moz-transition-property: top, transform;
		-webkit-transition-property: top, transform;
		transition-property: top, transform;
		-moz-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
    	top: -11px;
	}
	.menubtn span::after {
		-moz-transition-property: bottom, transform;
		-webkit-transition-property: bottom, transform;
		transition-property: bottom, transform;
		-moz-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
	}
	.menubtn.active span::before{
		top: 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
  		transform: rotate(45deg);
  		
	}
	.menubtn.active span::after{
		bottom: 0;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
  		transform: rotate(-45deg);
	}
	.menubtn.active span{
		background: none;
	}
	.main-navigation{
		display: none;
		clear: both;
		padding: 15px 0;
	}
	.main-navigation li{
		padding: 5px 0;
		text-align: center;
	}
	.main-navigation li a{
		color: #fff;
		display: inline-block;
		line-height: 1;
		font-size: 1.7em;
		padding-bottom: 2px;
		-webkit-transition: border 0.3s, color 0.3s;
		transition: border 0.3s, color 0.3s;
	}
	.main-navigation li a:hover{
		color: #fcbb47;
	}
	.main-navigation li a::after{
		background: transparent;
		content: "";
		display: block;
		height: 2px;
		margin: 0 auto;
		width: 2px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.main-navigation li a:hover::after{
		background: #fcbb47;
		width: 100%;
	}
	.banner-home{
		height: auto;
		width: 100%;
	}
	.social-navigation{
		margin-top: 12px;
		position: relative;
		float: right;
		z-index: 5;
	}
	.social-navigation li{
		display: inline-block;
		padding: 2px;
	}
	.social-navigation li a{
		background: #fff;
		border-radius: 15px;
		height: 33px;
		display: block;
		overflow: hidden;
		text-indent: -999em;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
		width: 33px;
	}
	.social-navigation li a::before{
		content: "";	
		display: block;
		height: 33px;
		width: 33px;	
	}
	.social-navigation li.fb-icon a:hover{
		background: #fcbb47;
	}
	.social-navigation li.fb-icon a::before{
		background: url('../img/fb-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li a:hover::before{
		-moz-animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
		-webkit-animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
		animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
	}
	.social-navigation li.fb-icon a:hover::before{
		background: url('../img/fb-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li.tw-icon a::before{
		background: url('../img/tw-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li.tw-icon a:hover::before{
		background: url('../img/tw-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li.inst-icon a::before{
		background: url('../img/inst-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li.inst-icon a:hover::before{
		background: url('../img/inst-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li a:hover{
		background-color: #fcbb47;
		/*box-shadow: 0 0 0 3px rgba(252, 187, 71, 0.3);*/
	}
	.logo-site{
		display: none;
	}
	.redbanner{
		background-color: #1e0000;
		position: relative;
		padding: 20px 0;
	}
	.arrow-down{
		background: url('../img/bg-arrow.png') no-repeat;
		background-size: 44px auto;
		height: 29px;
		left: 50%;
		margin: 0 0 0 -22px;
		position: absolute;
		top: -29px;
		width: 44px;
	}
	.arrow-down .go-down{
		background: url('../img/down-arrow.png') no-repeat;
		height: 9px;
		display: block;
		margin: 10px 16px;
		transition: margin 0.3s;
		width: 10px; 
	}
	.arrow-down:hover .go-down{
		margin-top: 13px;
	}
	.redbtn.grab-banner{
	    font-size: 1.3em;
        letter-spacing: -0.5px;
	    margin: 0 auto;
	    max-width: 280px;
	    text-align: center;
	}
	.event-text{
		margin: 10px auto;
		text-align: center;
		max-width: 280px;
	}
	.event-text span{
		display: block;
	}
	.redbtn.grab-banner:hover span{
		color: #be2f26;
	}
	.counter li{
		color: #fcbb47;
		line-height: 1;
		display: inline-block;
		padding: 0 0 0 3px;
		 vertical-align: middle;
	}
	.counter li.lines{
	    margin-top: -14px;
	    vertical-align: middle;
	}
	.counter{
		display: block;
		max-width: 280px;
		margin: 0 auto;
		text-align: center;
	}
	.counttext{
		font-size: 1.5em;
		line-height: 1;
	}
	.count{
		color: #fff;
		font-size: 3.5em;
	}
	
	.counter .counttext.red{
		color: #be2f26;
	}
	.redbtn.register-now{
		margin: 10px auto;
		text-align: center;
		width: 206px;
	}
	.blue-banner{
		background-color: #fff;
        overflow: hidden;
	}
	.blue-banner li{
		text-align: center;
	}
	.blue-banner li img{
		
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.blue-banner li a{
		display: block;
		padding: 10px 0;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	.blue-banner li a:hover{
		background-color: #ee3b3b;
	}
	.blue-banner li a:hover img{
		opacity: 1;
	}
	.blue-banner .wrapper{
		padding: 0;
	}
	.vote-div{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad3333+52,770c0b+100 */
		background: #ad3333; /* Old browsers */
		background: -moz-linear-gradient(top,  #ad3333 52%, #770c0b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ad3333 52%,#770c0b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ad3333 52%,#770c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border: 1px solid #6c241f;
		border-radius: 5px;
        margin: 0 auto;
		max-width: 288px;
		text-align: center;
	}
	.vote-now{
		font-weight: bold;
		margin: 25px auto 25px;
		text-align: center;
		max-width: 214px;
	}
	.vote-event{
		color: #fff;
		font-size: 2.5em;
		font-weight: 700;
		margin: 10px 0 0 0;
		text-align: center;
	}
	.vote-date{
		color: #eb9090;
		display: block;
		font-size: 1.6em;
		margin-bottom: 15px;
		line-height: 1;
		text-align: center;
	}
	.event-arrow{
		margin: 0 auto;	
	}
	.link-banner{
		display: block;
		margin: 19px auto;
        max-width: 285px;
	}
	.link-banner img{
		height: auto;
		max-width: 100%;
	}
	.section-title{
		font-size: 3em;
		font-weight: 700;
		line-height: 1.1;
		position: relative;
		text-align: center;
	}
	.section-title:after{
		background-color: #ac2129;
		content: "";
		display: block;
		height: 1px;
		margin: 29px auto 0;
		width: 120px;
	}
	.section-subtitle{
	    font-size: 17px;
	    font-family: "ProximaNova";
	    color: rgb(154, 154, 154);
	    line-height: 1.471;
	    text-align: center;
	    font-weight: normal;
	    margin-top: 49px;
	}
	.lists ul{
		border: 1px solid #eff3f6;
		border-radius: 5px;
		box-shadow: 0 0 0 12px #fefefe inset;
		margin-bottom: 10px;
		padding: 26px 31px 26px 31px;
	}
	.lists ul li{
		background: url('../img/yellow-arrow.png') no-repeat 0 50%;
		border-bottom: 1px dashed #c3d2dd;
		color: #394752;
		font-size: 1.5em;
		line-height: 1;
		padding: 20px 0 20px 30px;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	.lists ul li:first-child{
		padding: 0 0 16px 30px;
	}
	.lists ul li:last-child{
	    border-bottom: none;
	    padding-bottom: 0;
	}
	.lists ul li:hover{
		background-position: 10px 50%;
	}
	#viewport{
		background: url('../img/awards-event.jpg') no-repeat 50% 0;
		height: auto;
		position: relative;
		padding: 30px 0 10px 0;
	}
	.white-title{
		color: #fff;
	}
	.white-text{
		color: #e3e3e3;
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.6;
		text-align: center;
		margin: 0 auto;
		max-width: 1110px;
	}
	.section-title.black-line::after{
		background-color: #c0c0c0;
	}
	.host{
		text-align: center;
	}
	.triangle-img{
		position: relative;
		margin: 0 auto;
		max-width: 200px;
		overflow: hidden;
	}
	.triangle-img::before{
		border-left: 0px solid transparent;
		border-right: 55px solid transparent;
		border-top: 55px solid #fff;
		content: " ";
		height: 0;
		left: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		top: 0;
		width: 0;
		z-index: 1;
	}
	.triangle-img::after{
		border-left: 55px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 55px solid #fff;
		bottom: 0;
		content: " ";
		height: 0;
		right: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		width: 0;
		z-index: 1;
	}
	.triangle{
		border-left: 0px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid #be2f26;
		content: " ";
		height: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		width: 0;
		z-index: 2;
	}
	.triangle.corner-left{
		left: 0;
		top: 0;
	}
	.triangle.corner-right{
		border-left: 40px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 40px solid #be2f26;
		border-top: 0;
		right: 0;
		bottom: 0;
	}
	.triangle-img:hover .triangle.corner-left, 
	.triangle-img:hover::before{
		-webkit-transform: translate(-100px,-100px);
		transform: translate(-100px,-100px);
	}
	.triangle-img:hover .triangle.corner-right,
	.triangle-img:hover::after{
		-webkit-transform: translate(-100px,-100px);
		transform: translate(100px,100px);
	}
	.triangle-img::after,
	.triangle-img::before{
		-webkit-transition-delay: 0.175s;
		transition-delay: 0.175s; 
	}
	.host .triangle-img{
		margin-bottom: 30px;
	}
	.host h3{
		color: #303030;
		font-size: 2em;
		font-weight: 400;
		line-height: 1;
		margin: 0 0 20px 0;
	}
	.host .text-host{
		color: #8a8a8a;
		font-size: 1.5em;
	}
	.host{
		margin-bottom: 20px;
	}
	.videos{
		border-top: 1px solid #e7e7e7;
		margin-top: 20px;
		padding-top: 40px;
	}
	.video iframe{
		height: auto;
		width: 100%;
	}
	.video h3 a{
		color: #303030;
		font-size: 1.7em;
		font-weight: 400;
		margin: 15px 0;
	}
	.winners-list{
		background-color: #1e0000;
		margin-top: 70px;
		padding: 10px 0 30px 0;
		position: relative;
	}
	.winners-list ul li{
		color: #917e7e;
		font-size: 1.5em;
		margin-bottom: 15px;
        text-align: center;
	}
	.winners-list ul li span{
		color: #fcbb47;
	}
	.winners-list ul li.dashed{
		padding-bottom: 20px;
		border-bottom: 1px dashed #381d1d;
	}
	.winners-photos{
		background-color: #f5f8fa;
		padding: 50px 0;
	}
	.winners-photos .wrapper{
		text-align: center;
	}
	.winners-photos .winner{
		display: block;
		max-width: 200px;
		margin: 0 auto 40px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
	}
	.winners-photos .triangle-img::before{
		border-top: 55px solid #F5F8FA;
	}
	.winners-photos .triangle-img::after{
		border-bottom: 55px solid #F5F8FA;
	}
	.winners-photos .winner h3{
		color: #3b3b3b;
		font-size: 1.7em;
		line-height: 1;
		margin: 10px 0 0 0;
	}
	.winners-photos .winner h4{
		color: #ac2129;
		font-size: 1.5em;
		line-height: 1;
		margin: 0;
	}
	.triangle.gold{
		border-bottom: 40px solid #fcbb47;
	}
	.banner-awsummit{
	    background: url('../img/awsummit-banner.png') no-repeat;
	    background-size: cover;
	    border-top: 6px solid #1e0000;
	    height: 200px;
	    position: relative;
	}
	.awsummit-logo{
	    height: auto;
	    left: 50%;
	    margin: -52px 0 0 -150px;
	    position: absolute;
	    top: 50%;
	    width: 300px;
	}
	.package{
	    background-color: #fefeff;
	    border: 1px solid #eff3f6;
	    border-top: 3px solid #ac2129;
	    border-radius: 5px;
	    box-shadow: 0 0 21px rgba(239, 243, 246, 0.5) inset;
	    max-width: 347px;
	    margin: 0 auto 20px; 
	    padding: 10px 31px;
	}
	.package .headerbox{
	    border-bottom: 1px solid #eff3f6;
	}
	.package .headerbox h4{
	    color: #3b3b3b;
	    display: inline-block;
	    font-size: 2.5em;
	    font-weight: 700;
	    margin: 12px 0 12px;
	}
	.package .headerbox .price{
	   color: #ac2129;
	   font-size: 2em;
	   float: right;
	    margin: 15px 0;
	}
    .package ul{
        margin: 12px 0 25px;
    }
    .package li{
        border-bottom: 1px dashed #c3d2dd;
        color: #394752;
        font-size: 1.5em;
        padding: 11px 0 11px 28px;
    }
    .package.partner {
	border-top-color: #fcbb47;
    }
    .package.suporter {
	border-top-color: #0365a0;
    }
    .package.partner li{
        border-bottom: 1px dashed #fcbb47;
    }
    .package.suport li{
        border-bottom: 1px dashed #0365a0;
    }
    .package li:last-child{
        border-bottom: none;
    }
    .package.executive li{
         background: url('../img/red-v.png') 3px 50% no-repeat;
    }
    .package.partner li{
         background: url('../img/yellow-v.png') 3px 50% no-repeat;
    }
    .package.suporter li{
         background: url('../img/blue-v.png') 3px 50% no-repeat;
    }
    .package .order-now{
        max-width: 183px;
        margin: 0 auto;
        text-align: center;
    }
    .vote-explanation{
        border-top: 1px solid #e7e7e7;
    }
    .black-text{
        color: #3b3b3b;
        font-size: 1.9em;
        line-height: 1.5;
        text-align: center;
    }
    .see-more{
        font-size: 1.5em;
	font-weight: 700;
        margin: 20px auto;
        max-width: 161px;
    }
    .mini-banner{
        background-color: #1e0000;
        color: #fff;
        font-size: 2.4em;
        line-height: 1;
        margin: 40px 0;
        padding-bottom: 15px;
    }
    .mini-banner .register-now{
        clear: both;
        border-radius: 5px;
        box-shadow: 0 0 0 transparent;
        font-size: 0.7em;
        margin: 0 auto;
        max-width: 195px;
    }
    .mini-banner b{
        display: block;
        text-align: right;
    }
    .banner-text{
        overflow: hidden;
        padding: 15px 0;
        text-align: center;
    }
    .footer-site{
        background-color: #1e0000;
	margin-top: 30px;
        padding: 20px 0;
    }
    .footer-site img{
        height: auto;
        max-width: 100%;
    }
    .footer-site .line{
        padding: 5px 10px;
        text-align: center;
    }
    .footer-site .line a{
        display: inline-block;
        margin: 10px 5px;
        text-align: center;
        width: 46%;
    }
    .footer-site .menu{
        background-color: transparent;
        position: relative;
        top: auto;
        width: auto;
    }
    .footer-site .social-navigation{
        float: none;
        margin: 12px 0;
    }
    .footer-site .social-navigation ul,
    .link-navigation ul{
        text-align: center;
    }
    .footer-site .link-navigation li a{
        background: url('../img/yellow-arrow.png') no-repeat 0 50%;
        color: #fff;
        font-size: 1.5em;
        padding: 0 0 0 21px;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
    }
    .footer-site .link-navigation li a:hover{
        background-position: 5px 50%;
        color: #fcbb47;
    }
   .footer-site #link-nav li{
        display: inline-block;
        margin-left: 10px;
   }
   .copyright{
        color: #6f0813;
        font-size: 1.4em;
        padding-top: 10px;
        text-align: center;
   }
   /* @media min280 register */
	.register-step{
        display: block;
        margin-top: 20px;
        width: auto;
    }
    .register-title {
        float: left;
        background-image: url('../img/right-catvote.png');
        background-repeat: no-repeat;
        background-position: left 20px center;
        padding: 13px 0 13px 40px;
        font-size: 1.3em;
        font-family: "ProximaNova";
        color: #303030;
        line-height: 1.2;
        font-weight: bold;
        text-transform: uppercase;
        width: 70%;
    }
    .register-price {
        overflow: hidden;
        font-size: 1.7em;
        font-family: "ProximaNova", sans-serif;
        color: rgb(190, 47, 38);
        padding: 10px 3px 10px 0;
        line-height: 1.2;
        text-align: right;
    }
    .register-subtitle {
        font-size: 0.875em;
        color: rgb(190, 47, 38);
    }
    .price_per {
        font-size: 1.4em;
        font-family: "ProximaNova";
        color: rgb(190, 47, 38);
    }
    .text-step {
      float: left;
      font-weight: 400;
      line-height: 1;
      margin-left: 20px;
      margin-top: 5px;
      min-width: 170px;
    }
    .left-info{
        width: 100%;
    }
    .right-info{
        display: block;
        margin: 0;
        width: 100%;
    }
    .review-info, .review-info-part{
        display: block;
    }
    .review-info-part{
        border-right: none;
        min-width: 100%;
    }
    .register-info input {
        width: 100%;
        line-height: 39px;
        border: 1px solid #e1eaf0;
        border-radius: 4px;
        padding: 0 10px;
        font-size: 15px;
        margin-bottom: 11px;
        -webkit-transition: border 0.3s;
        transition: border 0.3s;
    }
    .register-input:focus{
        border-color: #be2f26;
    }
    /* min width 208px badges page*/
    .badge-container {
    display: inline-block;
    padding: 24px 21px 26px;
    border: 1px solid #eff3f5;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    }
    .badge-hover {
	position: absolute;
	background-color: #dddddd;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
	transition: all 0.5s ease 0s;
    }
    .badges-container {
	text-align: center;
	display: inline-block;
	margin-top: 5px;
    }
    .badge {
	position: relative;
	z-index: 2;
    }
    .badge-container:last-child {
	border-bottom-style: none;
	border-right-style: none;
    }
    .badge-container:hover .badge-hover {
	background-color: #f5f8fa;
	top: 0;
    }
     /* @media min280 contact */
	.mail-us-button {
	    background-image: url('../img/contact-us-button.png');
	    display: inline-block;
	    background-size: 100% 35px;
	    line-height: 35px;
	    font-size: 15px;
	    font-family: "Proxima Nova", sans-serif;
	    color: rgb(255, 255, 255);
	    text-align: right;
	    text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.004);
	    background-repeat: no-repeat;
	    padding-right: 14px;
	    padding-left: 85px;
	    vertical-align: middle;
	    background-position: right;
	    position: relative;
	    margin-top: 23px;
    }
    .mail-us-envelope {
	background-image: url('../img/mail-us.png');
	width: 78px;
	height: 78px;
	float: left;
	position: absolute;
	margin-left: -9px;
	top: 0;
    }
    .mail-us-container {
	position: relative;
	display: inline-block;
	height: 80px;
    }
    .skype-container {
	position: relative;
	display: block;
	margin-bottom: 30px;
    }
    .contact-header {
	text-align: center;
    }
    .contact-form {
	margin-top: 38px;
    }
    .contact-input {
	width: 100%;
	line-height: 46px;
	border: 1px solid #e1eaf0;
	border-radius: 4px;
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	margin-bottom: 19px;
	padding-left: 50px;
	background-position: center left 18px;
	background-repeat: no-repeat;
	transition: border 0.5s;
    }
    .contact-input:hover, .contact-input:focus {
	border-color: #be2f26;
    }
    .contact-input::-moz-placeholder {
	color: rgba(48, 48, 48, 1);
	opacity: 1;
    }
    .input-fullname {
	background-image: url('../img/user.png');
    }
    .input-email {
	background-image: url('../img/envelope.png');
    }
    .input-phone {
	background-image: url('../img/phone.png');
    }
    .input-company {
	background-image: url('../img/company.png');
    }
    .contact-textarea {
	width: 100%;
	resize: none;
	height: 155px;
	padding: 18px;
	line-height: 1.3;
    }
    .contact-submit {
	width: 100%;
	border-radius: 5px;
	background-color: #be2f26;
	height: 55px;
	border: none;
	font-size: 16px;
	font-family: "ProximaNova";
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.25;
	margin-bottom: 19px;
	display: inline-block;
    }
    .input-error {
	border-color: #F22613;
    }
    .contact-success {
	color: #be2f26;
	text-align: center;
	font-size: 20px;
    }
    /* min width 280px Nominee page */
    .nominee-subtitle {
	font-size: 27px;
	font-family: "ProximaNova";
	color: #303030;
	text-align: center;
	margin-bottom: 57px;
    }
    .nominee-subtitle span {
	color: #be2f26;
	font-weight: bold;
    }
    .nominee-category {
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	line-height: 1.333;
	text-transform: uppercase;
	margin-bottom: 9px;
	height: 40px;
	display: table;
    }
    .nominee-category span {
	vertical-align: middle;
	display: table-cell;
    }
    .nominee-block {
	display: inline-block;
	width: 283px;
	padding: 0 25px 25px 25px;
    }
    .nominee-options input {
	width: 100%;
	line-height: 41px;
	font-size: 18px;
	border: 1px solid #dde4e9;
	margin-bottom: 8px;
	border-radius: 4px;
	padding: 0px 10px;
    }
    .submit-nominee {
	margin: 105px auto 0 auto;
	text-transform: uppercase;
	float: right;
    }
    .nominee-error {
	color: #be2f26;
	font-size: 18px;
	text-align: center;
    }
    /* min width 280px rules page */
    .rules-container {
	margin-top: 57px;
    }
    .rules-container h3 {
	font-size: 25px;
	font-family: "ProximaNova";
	color: rgb(190, 47, 38);
	font-weight: bold;
	line-height: 0.92;
	text-align: left;
    }
    .rules-container p {
	font-size: 15px;
	font-family: "ProximaNova";
	color: #303030;
	font-weight: normal;
	text-align: left;
    }
    /* min width 280px vote page */
    .vote-container {
	display: inline-block;
	width: auto;
	border-bottom: 1px solid #e1eaf0;
	padding-top: 17px;
	padding-bottom: 2px;
	padding-left: 43px;
	margin: 0 auto;
    }
    .votes-container {
	margin-top: 70px;
	text-align: center;
    }
    .vote-radio-container {
	display: inline-block;
	width: 283px;
	font-size: 18px;
	font-family: "ProximaNova";
	color: rgb(190, 47, 38);
	line-height: 2;
	vertical-align: middle;
	text-align: left;
    }
    .vote-radio {
	margin-right: 15px;
	vertical-align: middle;
    }
    .vote-options {
	margin-top: 13px;
    }
    input[type='radio'] {
	opacity: 0;
	float: left;
	width: 18px;
    }
    input[type='radio'] + label {
	padding: 5px 0 4px 31px;
	cursor: pointer;
	background: url('../img/radio-off.png') left center no-repeat;
    }
    input[type='radio']:checked + label {
	background-image: url('../img/radio-on.png');
    }
    .submit-votes {
	margin: 55px auto 0 auto;
	text-transform: uppercase;
    }
    .votes-error {
	color: #be2f26;
	font-size: 18px;
    }
    .votes-selectcat-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
    }
    .cat-vote {
	display: inline-block;
	width: 49%;
	float: left;
	margin-bottom: 21px;
    }
    .cat-vote-line {
	display: inline-block;
	width: 380px;
	text-align: left;
	background: url('../img/cat-vote-line.png');
	background-repeat: no-repeat;
	background-position: right 25px center;
	vertical-align: middle;
    }
    .cat-name {
	background-image: url('../img/right-catvote.png');
	background-repeat: no-repeat;
	background-position: left 8px center;
	text-align: left;
	background-color: #ffffff;
	padding-left: 30px;
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	text-transform: uppercase;
	padding-right: 10px;
	display: inline-block;
    }
    .cat-vote:nth-child(even) {
	float: right;
    }
    .cat-vote > a {
	vertical-align: middle;
	transition: all 0.3s;
    }
    .cat-vote > a:hover {
	opacity: 0.8;
    }
}
@media (min-width: 409px) {
    .badge-container:nth-child(2n+1) {
        border-right-style: solid;
    }
}
@media(min-width: 599px) {
    .badge-container:nth-child(2n+2) {
        border-right-style: solid
    }
    .badge-container:nth-child(3n+3) {
        border-right-style: none;
    }
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: none;
    }
}

@media only screen and (min-width: 600px) {
    .redbtn.grab-banner{
        font-size: 2em;
        max-width: 410px;
        padding: 0.78em 0;
    }
    .event-text, .counter-div{
        margin: 20px auto;
    }
    .counter{
        max-width: 305px;   
    }
    .counter  .count{
        font-weight: 700;
    }
    .redbtn.register-now{
        font-weight: 700;
    }
    .sponsors {
        text-align: center;
    }
    .blue-banner li {
        display: inline-block;
        text-align: center;
        width: 49%;
    }
    #viewport{
        height: 329px;
    }
    .winners-photos .winner{
        display: inline-block;
        padding: 0 20px;
        max-width: 240px;
    }
    .footer-site .line a{
        width: 31%;
    }
    /* min width 600px contact */
    .mail-us-container {
        margin-left: 105px;
    }
    .skype-container {
        display: inline-block;
        margin-bottom: 0;
    }
    .contact-input {
        width: 48%;
        margin-left: 0.8%;
        margin-right: 0.8%;
    }
    .contact-textarea {
        width: 83%;
    }
    .contact-submit {
        width: 14%;
        vertical-align: top;
        height: 155px;
    }
}

@media (max-width: 767px) {
    .cat-vote {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
	/* Main navigation */
	.menubtn{
		display: none;
	}
	.main-navigation{
		display: block;
	    float: left;
	    width: 86%;
	}
	.main-navigation ul{
		vertical-align: middle;
		text-align: center;
	}
	.main-navigation li {
    	display: inline-block;
    	padding: 5px 10px;
    	vertical-align: middle;
	}
	.social-navigation {
    	margin-top: 12px;
    	position: absolute;
	    right: 15px;
	    top: 52px;
	    width: auto;
	    z-index: 5;
	}
	.logo-site a{
	    background: url('../img/logo.png') no-repeat;
	    display: block;
	    height: 133px;
	    width: 133px;
	    text-indent: -999em;
	}
	.main-navigation .logo-site a::after{
		display: none;
	}
	.event-text, .counter-div, .redbtn.register-now{
	    display: inline-block;
	    margin: 30px 11px 10px;
	    vertical-align: top;
    }
    .redbanner .wrapper{
        text-align: center;
    }
    .blue-banner li{
        width: 33%;
    }
    .banners-ads{
        float: right;
    }
    .lists{
        float: left;
        max-width: 450px;
    }
    #viewport{
        margin-top: 70px;
    }
    .host{
        float: left;
	padding-right: 50px;
        width: 50%;
    }
    .host:last-child{
	padding-right: 0;
    }
    .video iframe{
        height: 205px;
    }
    .video{
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    
    .video:last-child{
	padding: 0 0 0 15px;
    }
    .list-winners{
        float: left;
        width: 33.33%;
    }
    .winners-list ul li.dashed{
        border-bottom: none;
        padding-bottom: 0;
    }
    .banner-awsummit{
        height: 450px;
    }
    .awsummit-logo{
        margin: -130px 0 0 -372px;
        height: 260px;
        width: 744px;
    }
    .banner-text{
        float: left;
        text-align: right;
        width: 75%;
    }
    .mini-banner .register-now{
        clear: none;
        float: right;
        margin-top: 20px;
    }
    .mini-banner{
        background: url('../img/cup.jpg') no-repeat #1e0000;
        margin: 40px 0 200px;
    }
   .footer-sponsors{
        float: left;
        width: 73%;
   }
   .footer-site .line a{
        width: auto;
   }
   .footer-site .line{
        text-align: left;
   }
   .footer-site .social-navigation ul,
   .link-navigation ul{
        text-align: left; 
   }
   .footer-site .menu{
        border-left: 1px solid #381d1d;
        float: left;
        padding-left: 10px;
   }
   .footer-site #link-nav li{
        display: block;
   }
   .copyright{
        clear: both;
   }
   .footer-site .social-navigation{
        position: relative;
        right: auto;
        top: auto;
   }
    .vote-explanation{
      margin-top: 60px;
      padding-top: 10px;
    }
    .black-text{
        padding: 10px 0;
    }
    .mini-banner{
        margin: 70px 0 100px;
    }
    /* @media register min768 */
    .register-step1,
    .register-step2{
        float: left;
        width: 50%;    
    }
    .register-step1{
        padding-right: 15px;
    }
    .register-step2{
        padding-left: 15px;
    }
    .review-info {
        display: table;
        width: 100%;
    }
    .review-info-part {
        display: table-cell;
        border-right: 1px dashed #a8a8a8;
        position: relative;
        padding: 0 5px;
        min-width: 176px;
    }
    .register-title{
        font-size: 1.6em;
    }
    .register-price{
        font-size: 2em;
    }
    .price_per{
        font-size: 1.5em;
    }
    .counter .lines{
	font-size: 2.6em;
	line-height: 3;
	padding: 0 4px 0 8px;
	vertical-align: top;
    }
}
@media(min-width: 789px) {
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: solid;
    }
    .badge-container:nth-child(3n+3) {
        border-right-style: solid;
    }
    .badge-container:nth-child(4n+4) {
        border-right-style: none;
    }
    .badge-container:last-child {
        border-right-style: none;
        border-bottom-style: none;
    }
}
@media(min-width: 978px) {
    .badge-container:last-child {
        padding-left: 22px;
    }
}
@media(min-width: 979px) {
    .badge-container:nth-child(4n+4) {
        border-right-style: solid;
    }
    .badge-container:nth-child(5n+5) {
        border-right-style: none;
    }
}
@media (min-width: 900px) {
   
}

@media only screen and (min-width: 980px) {
    .video iframe{
	height: 260px;
    }
    .package{
	display: inline-block;
	margin: 0 8px 20px;
	padding: 10px 20px;
	max-width: 297px;
	text-align: left;
	vertical-align: top;
    }
    .packages{
	text-align: center;
    }
    .lists{
	float: none;
	overflow: hidden;
	max-width: 100%;
    }
    .lists ul{
	float: left;
	margin-right: 32px;
	width: 46.5%;
    }
    .lists ul:last-child{
	margin-right: 0;
    }
    .white-text{
	font-size: 1.9em;
	
    }
    #viewport{
	margin-bottom: 60px;
    }
    .hostests{
	margin-top: 71px;
    }
    .host .triangle-img{
	float: left;
	margin-right: 28px;
    }
    .right-text{
	overflow: hidden;
	text-align: left;
    }
    .host{
	margin-bottom: 47px;
    }
     /* @media register min980 */
     .review-info-part{
        min-width: 213px;
     }
}
@media only screen and (min-width: 1170px) {
	.menu{
	    background: transparent;
	    position: absolute;
	    top: 0;
	    width: 97%;
	}
	.wrapper{
		padding: 0;
	}
	.footer-site{
	    background:  url('../img/redlady.jpg') no-repeat 0 bottom #1e0000;
	}
	.main-navigation{
	    width: 100%;
	}
	.main-banner{
	    background-color: black;
	    padding-top: 63px;
	}
	.event-text, .counter-div, .redbtn.register-now,
	.redbtn.grab-banner{
	    float: left;
	}
	.redbtn.grab-banner{
	    margin: 0 15px 0 0;
	    padding: 0.78em;
	}
	.event-text, .counter-div, .redbtn.register-now{
	    display: inline-block;
	    margin: 0 14px 10px;
	}
	.redbtn.register-now{
	    margin: 0 0 0 15px;
	}
	.counter .lines{
	    line-height: 1.4;
	}
	.blue-banner li{
	    width: 19%;
	}
	.winners-list ul li.dashed{
	    border-bottom: 1px dashed #381d1d;
	    padding-bottom: 20px;
	}
	.list-winners{
	    min-height: 223px;
	    margin: 20px 0 28px 0;
	    border-left: 1px solid #381d1d;
	}
	.list-winners:first-child{
	    border-left: none;
	}
	.winners-list ul li{
	    padding-left: 37px;
	    text-align: left;
	}
    .winners-photos .winner{
        display: block;
        float: left;
        max-width: 20%;
    }
    .winners-photos .winner:first-child,
    .winners-photos .winner:nth-child(6n+6){
        padding-left: 0;
    }
    .winners-photos .winner:last-child,
    .winners-photos .winner:nth-child(5n+5){
        padding-right: 0;
    }
    .sponsorship{
        margin-top: 53px;    
    }
    .packages{
        margin-top: 60px;
    }
    .package{
        max-width: 100%;
        margin: 0 22px 20px;
        padding: 10px 31px 14px;
        width: 344px;
    }
    .banner-text{
        width: 72%;
    }
    .footer-site .menu{
        padding-left: 30px;
    }
    .footer-sponsors{
        padding-left: 346px;
        width: 80%;
    }
    .footer-site .line a{
        margin: 10px 8px;
    }
    .register-step1{
        max-width: 660px;
        padding-right: 80px;
    }
    .register-step2{
        padding-left: 80px;
        width: 50%;
    }
    .left-info {
        width: 45%;
        display: inline-block;
    }
    .right-info {
        margin-left: 9%;
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }
    .register-title{
        width: 80%;
    }
    .greybtn.pay-with-card{
        margin-left: 30px;
    }
    /* min width 1170px badges */
    .badge-container:nth-child(5n+5) {
        border-right-style: solid;
    }
    .badge-container:nth-child(6n+6) {
        border-right-style: none;
    }
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: none;
    }
    .badge-container {
        float: left;
    }
}

@media (max-width: 1199px) {
    .cat-vote-line {
        background: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }


    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}