/* Start:/local/templates/main/css/reset.css?17403444751973*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,header,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, textarea {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: inherit;
    box-sizing: border-box;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* End */


/* Start:/local/templates/main/css/animate.css?174034447577758*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

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

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

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

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

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

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

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

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

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

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

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

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

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

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

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

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

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

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

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

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

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

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

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

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

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

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

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

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

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

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

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

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

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

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

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

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

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

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

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

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

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

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

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

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

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

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

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

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

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

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

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

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

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

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

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

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

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

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

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

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

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

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

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

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

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

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

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

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

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

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

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

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

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

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

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

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

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* End */


/* Start:/local/templates/main/css/bootstrap-grid.css?174034447426376*/
@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
  min-width:320px;
}
.wrapper{
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {/*SM*/
  .container, .wrapper {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {/*MD*/
  .container, .wrapper {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {/*LG*/
  .container, .wrapper {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {/*XL*/
  .container, .wrapper {
    width: 1140px;
    max-width: 100%;
  }
}

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

@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

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

@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

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

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

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

.col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
      -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
      -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
      -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
      -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
      -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
      -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
      -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.333333%;
  }
  .pull-sm-2 {
    right: 16.666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.333333%;
  }
  .pull-sm-5 {
    right: 41.666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.333333%;
  }
  .pull-sm-8 {
    right: 66.666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.333333%;
  }
  .pull-sm-11 {
    right: 91.666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.333333%;
  }
  .push-sm-2 {
    left: 16.666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333%;
  }
  .push-sm-5 {
    left: 41.666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333%;
  }
  .push-sm-8 {
    left: 66.666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.333333%;
  }
  .push-sm-11 {
    left: 91.666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.333333%;
  }
  .pull-lg-2 {
    right: 16.666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.333333%;
  }
  .pull-lg-5 {
    right: 41.666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.333333%;
  }
  .pull-lg-8 {
    right: 66.666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.333333%;
  }
  .pull-lg-11 {
    right: 91.666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.333333%;
  }
  .push-lg-2 {
    left: 16.666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333%;
  }
  .push-lg-5 {
    left: 41.666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333%;
  }
  .push-lg-8 {
    left: 66.666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.333333%;
  }
  .push-lg-11 {
    left: 91.666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.333333%;
  }
  .pull-xl-2 {
    right: 16.666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.333333%;
  }
  .pull-xl-5 {
    right: 41.666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.333333%;
  }
  .pull-xl-8 {
    right: 66.666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.333333%;
  }
  .pull-xl-11 {
    right: 91.666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.333333%;
  }
  .push-xl-2 {
    left: 16.666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333%;
  }
  .push-xl-5 {
    left: 41.666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333%;
  }
  .push-xl-8 {
    left: 66.666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.333333%;
  }
  .push-xl-11 {
    left: 91.666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.hidden-xs-up {
  display: none !important;
}

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

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

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

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}


/* End */


/* Start:/local/templates/main/css/jquery.animateSlider.css?174034447561141*/
  /******Slider****/
  .anim-slider
  {
  background: none;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  padding:0;
  margin:0;
  }
  /********Slides**********/
  .anim-slide
  {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }
  .anim-slide *
  {
  position: absolute;
  opacity: 0;
  }
  /*****Current Slide******/
  .anim-slide-this
  {
  z-index: 100;
  } 
  .anim-slide-this *
  {
  opacity: 1;
  }
  /***********************************************************/
  /* Initial position and style of each element in the Slide */
  /*                  demo1.css & demo2.css                  */
  /***********************************************************/
  





  /*******Arrows********/
  nav.anim-arrows>span
  {
  position: absolute;
  top: 40%;
  z-index: 2000;
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  -moz-transition: opacity .4s ease-in;
  -ms-transition: opacity .4s ease-in;
  -o-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
  }
  nav.anim-arrows>span.anim-arrows-prev,
  nav.anim-arrows>span.anim-arrows-next
  {
  color: #fff;
  position: absolute;
  padding: 2px 10px;
  }
  nav.anim-arrows>span.anim-arrows-prev
  {
  left: 1%;
  }
  nav.anim-arrows>span.anim-arrows-next
  {
  right: 1%;
  }
  .anim-slider:hover>nav.anim-arrows>span
  {
  opacity:1;
  cursor: pointer;
  }
  /********Dots************/
  .anim-dots
  {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 10;
  }
  .anim-dots span
  {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 3px;
  cursor: pointer;
  border:1px solid #fff;
  cursor:pointer;
  }
  .anim-dots span.anim-dots-this {
    background:#fff;  
  }
  
  /*:after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgb(255,255,255);
  }*/






  /*!
  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.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  }
  .animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  }
  /********************************************************************/
  /* You can add your own classes of animations and delays like below */
  /********************************************************************/
  .delay0-5s{-webkit-animation-delay:1s;animation-delay:.5s;}
  .delay1s{-webkit-animation-delay:1s;animation-delay:1s;}
  .delay1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
  .delay2s{-webkit-animation-delay:2s;animation-delay:2s;}
  .delay2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
  .delay3s{-webkit-animation-delay:3s;animation-delay:3s;}
  .delay3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
  .delay4s{-webkit-animation-delay:4s;animation-delay:4s;}
  .delay4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
  .delay5s{-webkit-animation-delay:5s;animation-delay:5s;}
  .delay5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
  .delay6s{-webkit-animation-delay:6s;animation-delay:6s;}
  .delay6-5s{-webkit-animation-delay:6.5s;animation-delay:6.5s;}
  .delay13s{-webkit-animation-delay:13s;animation-delay:13s;}


  @-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 rubberBand {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }

  30% {
  -webkit-transform: scaleX(1.25) scaleY(0.75);
  transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
  -webkit-transform: scaleX(0.75) scaleY(1.25);
  transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
  -webkit-transform: scaleX(1.15) scaleY(0.85);
  transform: scaleX(1.15) scaleY(0.85);
  }

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

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

  30% {
  -webkit-transform: scaleX(1.25) scaleY(0.75);
  -ms-transform: scaleX(1.25) scaleY(0.75);
  transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
  -webkit-transform: scaleX(0.75) scaleY(1.25);
  -ms-transform: scaleX(0.75) scaleY(1.25);
  transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
  -webkit-transform: scaleX(1.15) scaleY(0.85);
  -ms-transform: scaleX(1.15) scaleY(0.85);
  transform: scaleX(1.15) scaleY(0.85);
  }

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

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

  @-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% {
  opacity: 1;
  -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% {
  opacity: 1;
  -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);
  }
  }

  .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 slideInUp {
  0% {
  -webkit-transform: translateY(2000px);
  transform: translateY(2000px);
  }

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

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

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

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

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

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

  @keyframes slideOutDown {
  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);
  }
  }

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

  @-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);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }

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

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


/* End */


/* Start:/local/templates/main/css/jquery-ui.css?17403444754007*/
/*! jQuery UI - v1.12.1 - 2019-01-03
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* End */


/* Start:/local/templates/main/css/slick.css?17403444752525*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: inline-block;
    width:100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    margin: 0 10px;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -25px 0 0;
    border: none;
    background: url( /local/templates/main/css/../img/left-arrow.svg) no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -25px 0 0;
    border: none;
    background: url( /local/templates/main/css/../img/right-arrow.svg) no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.slick-prev.slick-disabled {
    background: url( /local/templates/main/css/../img/left-arrow-dis.svg) no-repeat;
    cursor:default;
}
.slick-next.slick-disabled {
    background: url( /local/templates/main/css/../img/right-arrow-dis.svg) no-repeat;
    cursor:default;
}
/* End */


/* Start:/local/templates/main/css/fancybox.css?174034447515598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/main/css/jquery.mCustomScrollbar.css?174034447512871*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
        padding-bottom:30px;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 25px;
        padding-bottom:4px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 6px;
		top: auto;
		right: 0;
		bottom: 30px;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 6px;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 0 auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ccc;height:6px;border-radius:0; }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
        background-color: #263681;height:6px;border-radius:0;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before{
        content:"";
        background:url('/local/templates/main/css/../img/17_marker.svg') no-repeat 0 0;
        background-size:100% 100%;
        position:absolute;
        left:50%;
        top:100%;
        margin-left:-11px;
        width:22px;
        height:26px;
    }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #263681; }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#263681; }
	/* ---------------------------------------- */

/* End */


/* Start:/local/templates/main/css/styles.css?178217264661430*/
@font-face {
    font-family: 'drozdicons';
    src: url('/local/templates/main/css/../fonts/drozdicons.eot?orubc6&3');
    src: url('/local/templates/main/css/../fonts/drozdicons.eot?orubc6#iefix') format('embedded-opentype'),
        url('/local/templates/main/css/../fonts/drozdicons.ttf?orubc6&3') format('truetype'),
        url('/local/templates/main/css/../fonts/drozdicons.woff?orubc6&3') format('woff'),
        url('/local/templates/main/css/../fonts/drozdicons.svg?orubc6#drozdicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto', sans-serif;
    background: url(/local/templates/main/css/../img/pattern.png) left top;
    font-size: 18px;
    color: #29293a;
    -webkit-font-smoothing: antialiased;
}

.clear {
    clear: both;
}

ul li,
ol li {
    list-style: none;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

ul li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -2px;
}

ul.anim-slider li {
    padding: 0;
    margin: 0;
    z-index: 1;
}

ul.anim-slider li:before {
    display: none;
}

a {
    color: #263681;
    text-decoration: underline;
    transition: 0.2s;
}

a:hover {}

h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #263681;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
}

.indexAbout h1 {
    margin-bottom: 30px;
}

.indexAbout section {
    padding-bottom: 30px;
}

.pBottom {
    padding-bottom: 40px;
}

h1 span:before,
h2 span:before,
h3 span:before {}

h1 span,
h2 span,
h3 span {
    position: relative;
    display: inline-block;

}

h1 span:before,
h2 span:before,
h3 span:before {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -10px;
    width: 0;
    height: 2px;
    background: #e00c15;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    transition: 1.5s;
}

h1.active span:before,
h2.active span:before,
h3.active span:before {
    width: 100%;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 42px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #263681;
    position: relative;
    padding-bottom: 20px;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 42px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    color: #263681;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

h3.mb0 {
    margin-bottom: 0;
}

h5 {
    color: #263681;
    margin: 40px 0 10px;
    font-size: 22px;
}

.pt20 {
    padding-top: 20px;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.colored {
    background: #eeeef6;
}

input[type=submit] {
    white-space: normal;
}

input[type=text],
input[type=email] {
    border: none;
    border-bottom: 1px solid #29293a;
    padding: 5px 10px;
    color: #29293a;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    transition: 0.2s;
}

input[type=text]:focus,
input[type=email]:focus {
    border-bottom: 1px solid #e00c15;
}

textarea {
    border: 3px solid #9E9FA1;
    padding: 10px 20px;
    color: #000;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    transition: 0.2s;
    background: #fff;
}

textarea:focus {
    border: 1px solid #82ca9c;
}

input[type="checkbox"],
input[type="radio"] {
    display: none;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    cursor: pointer;
    padding: 4px 2px 0 0;
    font-weight: 300;
}

input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
    content: "";
    position: relative;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 0 -2px 0;
    background: url(/local/templates/main/css/../img/input_bgs.png) no-repeat 0 0;
}

input[type="checkbox"]:checked+label::before {
    background: url(/local/templates/main/css/../img/input_bgs.png) no-repeat -18px 0;
}

input[type="radio"]+label::before {
    background: url(/local/templates/main/css/../img/input_bgs.png) no-repeat 0 -18px;
}

input[type="radio"]:checked+label::before {
    background: url(/local/templates/main/css/../img/input_bgs.png) no-repeat -18px -18px;
}

section {
    margin-bottom: 0;
    padding: 60px 0;
}

section.container.contactsContainer {
    margin-bottom: 0;
    padding-bottom: 0;
}

p {
    line-height: 22px;
    margin: 0 0 10px;
}

img {
    max-width: 100%;
}

.wrapper {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.cont {
    background: #fff;
}

header {
    background: #eeeef6;
    padding: 30px 0 20px;
}

header .topLinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .topLinks #volley {
    position: relative;
}

header .topLinks #volley img {
    height: 38px;
    width: 117px;
    max-width: 999px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px;
}

header .info .topPhosagro {
    padding-left: 0;
    float: right;
}

header .topPhosagro img {
    height: 26px;
    transition: 0.5s;
    margin-top: -10px;
}

header .topPhosagro:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

section.header,
nav section {
    padding: 0 15px;
}

nav .topMenu .menuIcon {
    display: none;
}

header .logo a {
    position: relative;
    display: block;
}

header .logo a img {
    position: absolute;
    z-index: 10;
    margin-top: -2px;
    min-width: 160px;
}

header #selectCity {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    color: #263681;
    text-decoration: none;
    transition: 0.2s;
    letter-spacing: 1px;
}

header #selectCity:before {
    content: "\e903";
    color: #aeb1be;
    font-size: 22px;
    position: absolute;
    font-family: drozdicons;
    left: 0;
    top: -2px;
    transition: 0.2s;
}

header #selectCity:after {
    font-family: drozdicons;
    content: "\e905";
    position: absolute;
    color: #263681;
    font-size: 6px;
    top: 50%;
    margin-top: -3px;
    margin-left: 8px;
    transition: 0.2s;
    font-weight: normal;
}

header #selectCity:hover,
header #selectCity.active {
    color: #e00c15;
}

header #selectCity:hover:after,
header #selectCity.active:after {
    color: #e00c15;
}

header #selectCity.active:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

header #citiesContainer {
    display: block;
    margin-top: 33px;
    visibility: hidden;
    position: absolute;
    background: #fff;
    opacity: 0;
    top: 0;
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    padding: 20px 20px 10px;
    z-index: 10;
    box-shadow: 0 4px 22px -4px rgba(0, 0, 0, 0.17);
}

header #citiesContainer.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 200px;
    z-index: 101;
}

header #citiesContainer a {
    display: block;
    font-size: 14px;
    padding: 0 0 10px;
    color: #e00c15;
    transition: 0.2s;
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
}

header #citiesContainer a:hover,
header #citiesContainer a.active {
    padding-left: 20px;
    color: #29293a;
}

header #citiesContainer a:hover:before,
header #citiesContainer a.active:before {
    content: "\e905";
    position: absolute;
    font-size: 4px;
    font-family: drozdicons;
    left: 0;
    top: 4px;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

header #citiesContainer a.active {
    color: black;
    opacity: .3;
    cursor: default;
}

header .info {
    text-align: right;
}

header .info a {
    letter-spacing: 1px;
    font-size: 16px;
    color: #263681;
    text-decoration: none;
    margin-left: 30px;
    padding-left: 32px;
    position: relative;
}

header .info a:first-child {
    margin-left: 0;
}

header .info a:hover {
    color: #e00c15;
}

header .info #topSound:hover:before {
    color: #e00c15;
}

header .info #topSound:before {
    content: "\e90b";
    transition: 0.2s;
}

header .info #topSound.active:before {
    content: "\e90c";
}

header .info a.phone:before {
    content: "\e904";
}

header .info a.mail:before {
    content: "\e902";
}

header .info a.mail:before,
header .info a.phone:before,
header .info a#topSound:before {
    position: absolute;
    left: 0;
    font-size: 22px;
    font-family: drozdicons;
    color: #aeb1be;
    transition: 0.2s;
    margin-top: -2px;
}

header .searchContainer {}

header a.searchButton {
    float: right;
    text-decoration: none;
}

header a.searchButton:before {
    content: "\e901";
    font-size: 22px;
    font-family: drozdicons;
    transition: 0.2s;
    color: #aeb1be;
}

header a.searchButton:hover:before {
    color: #e00c15;
}

#searchContainer {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    margin-top: -3px;
    font-size: 16px;
    width: 550px;
    right: 0;
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
}

#searchContainer.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#searchContainer input {
    background: #f3f3f9;
    padding-left: 0;
}

#searchContainer a.close {
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #29293a;
    font-family: drozdicons;
}

#searchContainer a.close:before {
    content: "\e900";
    font-size: 14px;
}

#searchContainer a.close:hover:before {
    color: #e00c15;
}

#searchContainer button.search {
    position: absolute;
    top: 3px;
    right: 28px;
    border: none;
    background: none;
    cursor: pointer;
}

#searchContainer button.search:before {
    content: "\e901";
    font-family: drozdicons;
    font-size: 18px;
}

#searchContainer button.search:hover:before {
    color: #e00c15;
}

nav {
    padding-top: 23px;
    height: 60px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 5;
}

nav a {
    text-decoration: none;
    color: #29293a;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    margin-right: 18px;
    display: inline-block;
    float: left;
    position: relative;
}

nav a img {
    width: 24px;
    height: 24px;
    position: relative;
    float: left;
    margin-top: -7px;
}

nav a.active {
    color: #e00c15;
}

nav a:last-child {
    margin-right: 0;
}

nav a:hover {
    color: #e00c15;
    text-decoration: none;
}

nav a:after {
    transition: 0.2s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 1px;
    background: #e00c15;
    visibility: hidden;
    opacity: 0;
}

nav a:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

nav .topMenu .topMenuContainer a.regionsButton {
    float: right;
    margin-right: 0;
}

#indexSlider {
    /*height:500px;
    overflow:hidden;
    position:relative;*/
}

#indexSlider video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

#indexSlider img {
    width: 100%;
    display: block;
    height: auto;
}

.newsContainer {
    margin-bottom: 40px;
}

.newsItem {
    display: block;
    position: relative;
    height: 100%;
    background: #fff;
}

.newsItem:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.newsItem a.img {
    display: block;
    overflow: hidden;
}

.newsItem a.img img {
    transition: 1s;
}

.newsItem figcaption {
    background: #fff;
    padding: 30px 20px 20px;
}

.newsItem figcaption span {
    position: absolute;
    left: 20px;
    margin: -50px 0 0;
    background: #2fade4;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
}

.newsItem figcaption h4 {
    font-size: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 24px;
    margin-bottom: 15px;
    overflow: hidden;
}

.newsItem figcaption h4 a {
    text-decoration: none;
    color: #29293a;
}

.newsItem figcaption h4 a:hover {
    color: #e00c15;
}

.newsItem figcaption p {
    color: #828590;
    font-size: 14px;
}

.buttonContainer {
    padding: 5px 0 0;
    text-align: center;
}

button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

.button {
    display: inline-block;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    background: #263681;
    text-decoration: none;
    position: relative;
    border: none;
    cursor: pointer;
}

.button:hover {
    background: none;
    color: #263681;
}

.button:before,
.button:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 0;
    transition: all .5s ease;
    background: #263681;
}

.button:before {
    top: 0;
    left: 0;
}

.button:after {
    bottom: 0;
    right: 0;
}

.button:hover:before,
.button:hover:after {
    width: 100%;
}

/*.taskItem {
    padding-left:100px;
    position: relative;
    margin-bottom:40px;
}
.taskItem img {
    position:absolute;
    left:0;
    width:80px;
    top:50%;
    margin-top:-40px;
}
.taskItem figcaption {
    font-size:14px;
    line-height: 18px;
}
*/
.taskItem {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.taskItem img {
    height: 70px;
    margin-bottom: 15px;
}

.taskItem figcaption {
    font-size: 14px;
    line-height: 18px;
}

.taskItem figcaption span {
    color: #34ade3;
    font-weight: bold;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.taskItemBottom {
    margin-top: 40px;
}

.taskItemBottom p span {
    font-size: 28px;
    border-bottom: 2px solid #e00c15;
}

.taskItemBottom p {
    color: #263681;
    text-align: center;
    font-size: 20px;
    line-height: 24px;

}

#steps {
    background: url(/local/templates/main/css/../img/timeline.png) no-repeat center center;
    background-size: 100%;
    padding: 150px 0 150px;
}

#steps div.step {
    position: absolute;
    font-size: 12px;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    transition: all 1s;
}

#steps div.step div.years {
    position: absolute;
    display: none;
}

#steps div.step p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    line-height: 16px;
}

#steps div.step:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
}

#steps div.step:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#steps div.step:nth-child(odd):hover {
    top: 190px;
}

#steps div.step:nth-child(even):hover {
    bottom: 190px;
}

#steps div.step:after {
    content: "\e906";
    color: #fff;
    font-size: 16px;
    position: absolute;
    font-family: drozdicons;
    transition: 0.2s;
    left: 50%;
}

#steps div.step:nth-child(odd) {
    top: 170px;
}

#steps div.step:nth-child(even) {
    bottom: 170px;
}

#steps div.step:nth-child(odd):after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
    margin: -15px 0 0 -10px;
}

#steps div.step:nth-child(even):after {
    bottom: 0;
    margin: 0 0 -15px -10px;
}

#steps div span {
    color: #e00c15;
    font-weight: bold;
}

#steps #step1 {
    left: -15px;
}

#steps #step2 {
    left: 200px;
}

#steps #step3 {
    left: 480px;
}

#steps #step4 {
    right: 0px;
}

.contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #eeeef6;
}

.contacts .map {
    height: 100%;
    min-height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

.contacts.contactsPage .contactsData {
    padding-top: 50px;
    padding-right: 30px;
}

.contacts .contactsData h1 {
    text-align: left;
}

.contacts .contactsData {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    height: auto;
    min-height: 300px;
    padding-top: 20px;
    padding-left: 40px;
    box-sizing: border-box;
}

.contacts.contactsPage .contactsData h3 {
    margin-bottom: 0;
}

.contacts.contactsPage .contactsData p {
    font-size: 16px;
    margin-bottom: 40px;
}

.contacts .contactsData h3 {
    text-align: left;
    font-size: 32px;
}

.contacts .contactsData h3:before {
    display: none;
}

.contacts .contactsData div {
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}

.contacts .contactsData div.contactsItem {
    padding-left: 0;
    padding-right: 32px;
}

.contacts .contactsData div a {
    color: #000;
}

.contacts .contactsData div.addr {
    font-weight: bold;
}

.contacts .contactsData div.addr:before {
    content: "\e903";
    color: #aeb1be;
    font-size: 22px;
    position: absolute;
    font-family: drozdicons;
    left: 0;
    top: -2px;
    transition: 0.2s;
}

.contacts .contactsData div.phone:before {
    content: "\e904";
    color: #aeb1be;
    font-size: 22px;
    position: absolute;
    font-family: drozdicons;
    left: 0;
    top: -2px;
    transition: 0.2s;
}

.contacts .contactsData div.mail:before {
    content: "\e902";
    color: #aeb1be;
    font-size: 22px;
    position: absolute;
    font-family: drozdicons;
    left: 0;
    top: -2px;
    transition: 0.2s;
}

.contacts .contactsData .contactsItem {
    margin-bottom: 40px;
}

.contacts .contactsData .contactsItem:nth-child(odd) {}

footer {
    background: #263681;
    color: #fff;
    text-align: left;
    font-size: 16px;
}

footer a {
    color: #fff;
}

footer p {
    font-size: 14px;
    margin-bottom: 0;
}

footer ul li {
    display: inline;
    padding-left: 0;
}

footer ul li:before {
    display: none;
}

footer .nav {
    padding-bottom: 60px;
    text-align: center;
}

footer .nav li {
    text-align: center;
}

footer .nav a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    float: none;
    font-size: 16px;
}

footer .nav a:after {
    transition: 0.2s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 1px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
}

footer .nav a:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

footer .fos a {
    text-decoration: none;
}

footer .fos img {
    margin-top: -20px;
    height: 36px;
    transition: 0.5s;
}

footer .fos:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

footer .fos {
    text-align: right;
}

.director {
    /*background:url(/local/templates/main/css/../img/img_right.jpg) no-repeat right;
    background-size: 35%;*/
    height: auto;
}

.director .slogan {
    margin-bottom: 40px;
}

.director figure {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width: 770px) {
    .director figure {
        flex-direction: column;
    }
}

.director figure img {
    margin-right: 45px;
    width: 240px;
    float: left;
}

.director figure figcaption:before {
    content: "";
    width: 8px;
    margin-left: -30px;
    background: #2fade4;
    position: absolute;
    top: 0;
    height: 100%;
}

.director figure figcaption {
    padding-left: 30px;
    height: 100%;
    overflow: hidden;
    float: left;
    width: 600px;
    position: relative;
}

.director figure figcaption p:last-child {
    margin-bottom: 0;
}

.director figure figcaption h4 {
    margin-top: 40px;
    color: #263681;
    font-size: 14px;
    line-height: 22px;
    transition: 1.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(-750px, 0, 0);
    transform: translate3d(-750px, 0, 0);
    opacity: 0;
    visibility: hidden;
    text-align: right;
}

.director figure figcaption p {
    transition: 1.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(-500px, 0, 0);
    transform: translate3d(-500px, 0, 0);
    opacity: 0;
    visibility: hidden;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.fancybox__content .director figure figcaption p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}

.director.active figure figcaption p,
.director.active figure figcaption h4 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}

.director-photo {
    display: flex;
    flex-direction: column;
}

.director-photo .photo-caption {
    max-width: 240px;
    font-size: 0.9em;
    color: #828282;
    text-align: center;
    margin-top: 16px;
    display: block;
}

@media (max-width: 770px) {
    .director-photo .photo-caption {
        min-width: 100%;
        padding-bottom: 40px;
    }
}

.iconsContainer {
    margin-top: 40px;
}

.iconsContainer figure {
    text-align: center;
    margin-bottom: 30px;
}

.iconsContainer figure img {
    width: 85px;
    margin-bottom: 15px;
}

.iconsContainer figure figcaption {
    font-size: 14px;
    line-height: 18px;
}

.iconsContainer figure figcaption span {
    color: #34ade3;
    display: block;
    font-weight: bold;
}

.project-participants {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 0 40px;
}

@media (max-width: 768px) {
    .project-participants {
        padding: 0;
    }
}

.project-participants__list>div {
    margin-bottom: 30px;
}

.project-participants__item {
    border: 1px solid #d7d9e6;
    background: #fff;
    width: 100%;
    padding: 18px 12px 14px;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    height: 100%;
}

.project-participants__item:hover,
.project-participants__item:focus {
    border-color: #2fade4;
    box-shadow: 0 8px 18px rgba(38, 54, 129, 0.15);
    outline: none;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.project-participants__item img {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}

.project-participants__item span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    color: #263681;
    display: block;
}

span.project-participants__item-school-name {
    font-size: 0.9em;
    color: #828282;
    text-decoration: solid;
}

section.newsSelectMonth {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
}

.newsSelectMonth label {
    position: absolute;
    width: 200px;
    left: 15px;
    margin-top: 25px;
    font-weight: bold;
    font-size: 16px;
}

.newsSelectMonth .monthsContainer {
    margin-left: 200px;
    white-space: nowrap;
    margin-top: 15px;
    padding-bottom: 10px;
    height: 70px;
}

.newsSelectMonth .monthsContainer a {
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #29293a;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.newsSelectMonth .monthsContainer a:hover,
.newsSelectMonth .monthsContainer a.active {
    color: #e00c15;
}

#stuffs img {
    width: 100%;
    height: auto;
}

#stuffs .stuffItem {
    margin-bottom: 40px;
}

#stuffs .stuff {
    height: 100%;
    display: block;
    position: relative;
    padding-bottom: 20px;
    text-decoration: none;
}

#stuffs .stuff:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 4px;
    background: #263681;
    left: 0;
    transition: 0.2s;
}

#stuffs .stuff:hover:after {
    width: 100%;
}

#stuffs .stuff .img {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    display: block;
}

#stuffs .stuff .img img {
    transition: 0.5s;
}

#stuffs .stuff:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#stuffs .stuff .post {
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #263681;
    margin-bottom: 10px;
}

#stuffs .stuff .name {
    text-align: left;
    font-size: 16px;
    color: #e00c15;
    margin-bottom: 10px;
    text-decoration: none;
}

#stuffs .stuff .desc {
    font-size: 16px;
    text-align: left;
    transition: 0.5s;
    -webkit-transform: translate3d(0, 600px, 0);
    transform: translate3d(0, 600px, 0);
    position: absolute;
    bottom: 0;
    padding: 30px 40px;
    background: rgba(224, 12, 21, 0.9);
    color: #fff;
    height: 100%;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
}

#stuffs .stuff .desc p {
    line-height: 16px;
}

#stuffs .stuff .desc:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 24px;
    top: 0;
    background: url(/local/templates/main/css/../img/angle_white.svg) no-repeat;
    background-size: 100% 100%;
}

#stuffs .stuff:hover .desc {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.opinion {
    margin-bottom: 60px;
    background: #2fade4;
    position: relative;
}

.opinion span.angle {
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
}

.opinion.even span.angle {
    right: 0;
    left: auto;
    transform: scale(-1, 1);
}

.opinion.odd span.angle {}

.opinion .img {
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
}

.opinion .img img {
    margin-bottom: 20px;
    height: auto;
}

.opinion .content {
    padding: 20px;
    position: relative;
    width: 70%;
    float: left;
    color: #fff;
}

.opinion .content.noPhoto {
    width: 100%;
}

.opinion .content .quote {
    float: left;
    margin: 0 20px 10px 0;
}

.opinion .content .quote:before {
    content: "\e907";
    font-family: drozdicons;
    color: #fff;
    font-size: 24px;
}

.opinion .content p {
    line-height: 18px;
    font-size: 14px;
}

.opinion .content p.name {
    text-align: right;
}

.opinion .post {
    font-size: 24px;
    padding-top: 40px;
}

.videoItem {
    margin-bottom: 20px;
}

.videoItem figcaption {
    background: #fff;
    padding: 14px 0;
    font-size: 16px;
}

.videoItem .img {
    position: relative;
    display: block;
    overflow: hidden;
}

.videoItem .img img {
    display: block;
    transition: 0.2s;
}

.videoItem .img:before {
    content: "\e90b";
    font-family: drozdicons;
    font-size: 50px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    transition: 0.2s;
    z-index: 10;
}

.videoItem .img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.videoItem .img:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.videoItem figcaption span {
    position: absolute;
    left: 20px;
    margin: -35px 0 0;
    background: #2fade4;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
}

.navigatorImg {
    margin: -20px 0 40px 0;
    width: 100%;
    position: relative;
}

.navigatorItem h5 {
    font-size: 14px;
    color: #2fade4;
    margin-top: 20px;
}

.navigatorItem p {
    font-size: 14px;
}

.navigatorItem img {
    width: 70px;
}

.navigatorContacts {
    padding-left: 40px;
    padding-right: 20px;
}

.navigatorContacts h5 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    margin-bottom: 40px;
}

.navigatorContacts p {
    font-size: 14px;
    margin-bottom: 0;
}

.spravkaItem img {
    width: 70px;
}

.spravkaItem h5 {
    font-size: 16px;
    color: #2fade4;
    margin-top: 20px;
    margin-bottom: 5px;
}

.spravkaItemLarge {
    margin-top: 40px;
}

.spravkaItemLarge h5:first-child {
    margin-top: 0;
}

.spravkaItem p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
}

.spravkaItem {
    margin-bottom: 20px;
}

.spravkaItemImg {
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
    background-position: center center;
    background-size: cover !important;
}

.spravkaItemImg img {
    width: inherit;
    height: 100%;
    max-width: 999px;
}

.docsContainer {
    padding-right: 40px;
    padding-left: 40px;
}

.docItem {
    width: 20%;
    float: left;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
}

.docItem a {
    display: block;
    text-align: center;
    line-height: 20px;
}

.docItem img {
    width: 70px;
    display: block;
    margin: 0 auto 10px;
}

.statistics {
    background: url(/local/templates/main/css/../img/pattern_lite.png) left top;
}

.anim-slide .statisticItem {
    z-index: 99;
}

.anim-slide .statisticItem * {
    position: relative;
}

.statisticItem {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 80px;
    margin: 0;
    /*background:rgba(255,255,255,0.7);
    padding: 10px 20px;
    border:2px solid #2fade4;*/
    text-align: center;
}

.statisticItem div {
    color: #263681;
    text-align: center;
}

.statisticItem div.number span {
    font-size: 140px;
    font-family: "Roboto Condensed";
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0px 0px 39.48px rgba(0, 0, 0, 0.3);
}

.statisticItem div.desc {
    font-weight: bold;
    display: inline;
    color: #fff;
    font-size: 30px;
    font-family: "Roboto Condensed";
    line-height: 1;
    text-shadow: 0px 6px 16px rgba(0, 0, 0, 0.3);
    word-break: keep-all;
}

#indexSlider .statisticItem div.drlogo img {
    width: 240px;
    display: inline-block;
    margin-bottom: 20px;
}

.statisticItem div.desc span {
    /*text-transform: uppercase;
    text-align:left;
    background:#fff;
    color:#2fade4;
    font-size:24px;
    display: inline-block;
    padding: 2px 10px;
    margin-bottom:5px;
    font-weight:bold;*/
}

.anim-slider {
    height: 350px;
}

.newsDate {
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    color: #aeb1be;
}

.newsDate:before {
    content: "\e90a";
    position: absolute;
    left: 0;
    font-family: drozdicons;
    color: #aeb1be;
}

.newsContentContainer p {
    font-size: 16px;
}

.newsContentContainer img {
    height: auto;
}

.youtubeVideo {
    width: 100%;
    min-height: 400px;
}

.newsGallery {
    margin-top: 40px;
}

.newsGalleryItem {
    width: 280px;
    margin-bottom: 20px;
    overflow: hidden;
}

.newsGalleryItem a {
    display: block;
}

.newsGalleryItem a img {
    display: block;
    transition: 0.5s;
}

.newsGalleryItem:hover a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.shareBlock {
    text-align: right;
    margin: 20px 0;
}

.shareBlock .ya-share2 {
    float: right;
    margin-top: -2px;
}

.shareBlock label.title {
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}

.shareBlock li {
    padding-left: 0;
}

.shareBlock li:before {
    display: none;
}

.backLink {
    margin-top: 20px;
}

.backLink a {
    padding-left: 30px;
}

.backLink a:before {
    content: "\2190";
    position: absolute;
    margin-left: -30px;
}

.calendarItem {
    border: 1px solid #eeeef6;
    margin-bottom: 30px;
}

.calendarItem a {
    text-decoration: none;
}

.calendarTitle {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    position: relative;
}

.calendarTitle span {
    margin: 0 20px;
}

.calendarTitle span.showYears {
    cursor: pointer;
}

.calendarTitle span.showYears:after {
    font-family: drozdicons;
    content: "\e905";
    position: absolute;
    color: #263681;
    font-size: 10px;
    top: 50%;
    margin-top: -3px;
    margin-left: 8px;
    transition: 0.2s;
    font-weight: normal;
}

.calendarTitle span.showYears:hover,
.calendarTitle span.showYears.active {
    color: #e00c15;
}

.calendarTitle span.showYears:hover:after,
.calendarTitle span.showYears.active:after {
    color: #e00c15;
}

.calendarTitle span.showYears.active:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.calendarTitle a {
    text-decoration: none;
}

.calendarTitle a:hover {
    color: #e00c15;
}

.calendarItem .header {
    background: #eeeef6;
    padding: 15px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s;
    font-size: 24px;
    font-weight: bold;
    background: #263681;
    color: #fff;
}

.calendarItem .content {
    padding: 25px 10px 30px;
    text-align: center;
    transition: 0.2s;
    background: #eeeef6;
}

.calendarItem .content span {
    display: block;
    font-size: 48px;
    text-align: center;
    color: #263681;
    text-decoration: none;
    margin-bottom: 5px;
}

.calendarItem .content span a {
    text-decoration: none;
}

.calendarItem:hover a.active .header {
    background: #e00c15;
}

.calendarListMonth {
    font-size: 22px;
    font-weight: bold;
    color: #e00c15;
    margin-top: 40px;
    margin-bottom: 20px;
}

.calendarListItem {
    margin: 0 0 20px;
}

.calendarListItem .city {
    font-weight: bold;
    margin-bottom: 5px;
    color: #e00c15;
    font-size: 16px;
}

.calendarListItem .name {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

.calendarListItem .members,
.calendarListItem .place,
.calendarListItem .responsible {
    font-size: 14px;
    margin-bottom: 3px;
}

.calendarListItem .members span,
.calendarListItem .place span,
.calendarListItem .responsible span {}

.yearsContainer {
    display: block;
    margin-top: 50px;
    visibility: hidden;
    position: absolute;
    background: #fff;
    opacity: 0;
    top: 0;
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    padding: 20px 20px 10px;
    z-index: 10;
    box-shadow: 0 4px 22px -4px rgba(0, 0, 0, 0.17);
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.yearsContainer a {
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
}

.yearsContainer.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 200px;
    z-index: 101;
}

.indexVK {
    text-align: cener;
    background: #fff;
}

.subItem {
    margin-top: 40px;
}

.hiddenTrainerContent {
    display: none;
}

.hiddenTrainerContent h3,
.bestContent h3,
.bestContent .name {
    font-size: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #263681;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.bestContent {
    width: 600px;
    max-width: 100%;
}

.sportsImg,
.sportsTrainers {
    margin-bottom: 40px;
}

.bestItem {
    display: flex;
    margin-bottom: 20px;
}

.bestItem .stuffWrapper {
    margin-bottom: 40px;
}

.bestItem a {
    text-decoration: none;
}

.bestItem .name {
    font-size: 24px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 24px;
    position: relative;
}

.sportsTeam ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sportsTeam ul li {
    width: calc(30% - 20px);
}

.tags {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.tags a {
    text-decoration: none;
    color: #fff;
    background: #263681;
    padding: 4px 8px;
}

.bestItemImg,
.bestItemDesc {
    margin-bottom: 40px;
}

.bestItemDesc .name {
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
    color: #e00c15;
    margin-bottom: 10px;
    text-decoration: none;
}

.row.center {
    justify-content: center;
}

@media (min-width: 1200px) {
    /*XL*/

}

@media (max-width: 1200px) {

    /*LG*/
    header {
        padding: 20px 0 10px;
    }

    header .logo a img {
        min-width: 1px;
        position: relative;
    }

    header .logo,
    header .selectCityContaner {
        margin-bottom: 0;
    }

    header .selectCityContaner,
    header .info {
        display: flex;
        align-items: center;
    }

    header #citiesContainer {
        margin-top: 50px;
    }

    header .info {
        justify-content: flex-end;
    }

    header .info a#volley {
        padding-left: 0;
    }

    header .topLinks #volley img {
        position: relative;
        top: auto;
        margin-top: 0;
    }

    nav a {
        margin-right: 15px;
    }

    .anim-slider {
        height: 295px;
    }

    .director figure figcaption {
        width: 470px;
        padding-top: 0;
    }

    .director figure figcaption p {
        font-size: 14px;
        line-height: 24px;
    }

    #steps #step1 {
        left: -40px;
    }

    #steps #step2 {
        left: 136px;
    }

    #steps #step3 {
        left: 368px;
    }

    #steps #step4 {
        right: -23px;
    }

    .newsGalleryItem {
        width: 230px;
    }
}

@media (max-width: 992px) {

    /*MD*/
    header .logo {
        margin-bottom: 32px;
        text-align: center;
    }

    header .logo a {
        display: inline-block;
    }

    header .logo a img {
        min-width: 200px;
    }

    header #citiesContainer {
        margin-top: 30px;
    }

    header .selectCityContaner,
    header .info {
        justify-content: center;
        margin-bottom: 32px;
    }

    header .info a {
        font-size: 14px;
        margin-left: 20px;
    }

    header .info {
        text-align: left;
        margin-bottom: 16px;
    }

    nav a {
        margin-right: 10px;
        font-size: 12px;
    }

    nav {
        padding-top: 18px;
        height: 45px;
    }

    .anim-slider {
        height: 220px;
    }

    .statisticItem {
        padding-bottom: 50px;
    }

    #indexSlider .statisticItem div.drlogo img {
        margin-bottom: 0;
    }

    .anim-dots {
        bottom: 10px;
    }

    .director figure figcaption {
        width: 280px;
    }

    .director figure figcaption p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .newsItem a.img img {
        width: 100%;
    }

    #steps {
        padding: 0;
        position: relative;
        background: none;
    }

    #steps div.step:after {
        display: none;
    }

    #steps div.step:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    #steps div.step:nth-child(odd):hover {
        top: auto;
    }

    #steps div.step:nth-child(even):hover {
        bottom: auto;
    }

    #steps div.step:before,
    #steps div.step:hover:before {
        content: "";
        background: #e00c15;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
        margin-left: -54px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        transition: all 1s;
    }

    #steps:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        top: 0;
        left: 150px;
        background: #e00c15;
        opacity: 0.3;
    }

    #steps #step1,
    #steps #step2,
    #steps #step3,
    #steps #step4 {
        left: auto;
        right: auto;
    }

    #steps div.step {
        position: relative;
        left: auto;
        right: auto;
        width: auto;
        font-size: 12px;
        background: #fff;
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
        transition: all 1s;
        margin-bottom: 20px;
        margin-left: 200px;
    }

    #steps div.step:nth-child(odd),
    #steps div.step:nth-child(even) {
        top: auto;
        bottom: auto;
    }

    #steps div.step div.years {
        display: block;
        top: 50%;
        height: 30px;
        margin-top: -20px;
        right: 100%;
        margin-right: 80px;
        background: #e12328;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 6px 10px 0;
        box-sizing: border-box;
    }

    #steps div.step div.years:before {
        content: "";
        position: absolute;
        width: 17px;
        height: 100%;
        background: url(/local/templates/main/css/../img/step_year_arrow_left.svg) no-repeat;
        background-size: 100% 100%;
        left: 0;
        margin-left: -16px;
        top: 0;
    }

    #steps div.step div.years:after {
        content: "";
        position: absolute;
        width: 17px;
        height: 100%;
        background: url(/local/templates/main/css/../img/step_year_arrow_right.svg) no-repeat;
        background-size: 100% 100%;
        right: 0;
        margin-right: -16px;
        top: 0;
    }

    .contacts .contactsData div {
        font-size: 14px;
    }

    .newsSelectMonth {
        padding-top: 30px;
    }

    .newsSelectMonth label {
        display: block;
        position: relative;
        width: auto;
        left: auto;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .newsSelectMonth .monthsContainer {
        margin-left: 0;
    }

    .spravkaItem p {
        font-size: 14px;
    }

    .opinion .img {
        float: left;
        width: 250px;
    }

    .opinion .img img {
        margin-bottom: 0;
    }

    .opinion .content {
        float: none;
        width: 100%;
    }

    .newsGalleryItem {
        width: 320px;
    }
}

@media (max-width: 768px) {

    /*SM*/
    h1,
    h2,
    h3 {
        font-size: 32px;
    }

    .anim-slider {
        height: 160px;
    }

    header .logo a img {
        position: relative;
    }

    header .logo {
        margin-bottom: 16px;
    }

    #searchContainer {
        max-width: 300px;
        z-index: 99;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    nav {
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
        z-index: 99;
    }

    nav .topMenu .topMenuContainer {
        display: none;
    }

    nav .topMenu span.menuIcon {
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        margin: 0 auto;
        cursor: pointer;
    }

    nav .topMenu span:hover i,
    nav .topMenu span:hover i:before,
    nav .topMenu span:hover i:after {
        background: #e00c15;
    }

    nav .topMenu span i {
        position: absolute;
        left: 0;
        top: 19px;
        height: 2px;
        right: 0;
        background: #2fade4;
        transition: 0.2s;
    }

    nav .topMenu span i:before,
    nav .topMenu span i:after {
        content: "";
        position: absolute;
        height: 2px;
        background: #2fade4;
        left: 0;
        right: 0;
        transition: 0.2s;
    }

    nav .topMenu span i:before {
        top: 0;
        margin-top: -10px;
    }

    nav .topMenu span i:after {
        top: 0;
        margin-top: 10px;
    }

    nav .topMenu.active span i {
        background: #fff;
    }

    nav .topMenu.active span i:before {
        transform: rotate(-45deg);
        margin-top: 0;
    }

    nav .topMenu.active span i:after {
        transform: rotate(45deg);
        margin-top: 0;
    }

    nav .topMenu.active .topMenuContainer {
        display: block;
        position: absolute;
        top: 100%;
        margin-top: 10px;
        background: #eeeee6;
        padding: 20px;
        z-index: 299;
        left: 0;
        right: 0;
        border-top: 1px solid #2fade4;
        border-bottom: 1px solid #2fade4;
        box-shadow: 0 4px 22px -4px rgba(0, 0, 0, 0.17);
    }

    nav .topMenu.active .topMenuContainer a {
        display: block;
        float: none;
        text-align: center;
        padding: 10px 0 5px;
        font-size: 16px;
    }

    nav .topMenu.active .topMenuContainer a img {
        float: none;
    }

    ul.anim-slider li {
        z-index: 9;
    }

    .statisticItem div.number span {
        font-size: 80px;
    }

    #indexSlider .statisticItem div.drlogo {
        display: none;
    }

    header .info {
        text-align: center;
    }

    header .info a {
        letter-spacing: 0;
    }

    .director section {}

    .director figure img {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .director figure figcaption {
        width: 100%;
        float: none;
    }

    .director figure figcaption p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .director figure img {
        margin-right: 0;
    }

    .contacts {
        display: block;
    }

    .contacts .map {
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .contacts .contactsData {
        width: 100%;
        float: none;
        display: block;
        padding-top: 40px;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-left: 15px;
        padding-bottom: 40px;
    }

    .contacts .contactsData .contactsItem {
        margin-bottom: 0;
        padding-bottom: 40px;
    }

    .contacts .contactsData .contactsItem:last-child {
        padding-bottom: 0;
    }

    .contacts .contactsData {
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
    }

    .youtubeVideo {
        width: 100%;
        height: 300px;
    }

    .newsGalleryItem {
        width: 240px;
    }
}

@media(max-width:576px) {
    header {
        padding-top: 15px;
        padding-bottom: 0;
    }

    header .row {
        display: flex;
        flex-flow: wrap;
    }

    header .logo {
        background: #fff;
        margin-bottom: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        order: 3;
        text-align: center;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    header .logo img {
        max-width: 100%;
        width: 240px;
    }

    header .info {
        padding: 20px 0 0;
        order: 2;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    header .topLinks {
        width: 100%;
        justify-content: center;
    }

    header .info a {
        margin: 0 10px !important;
    }

    header .selectCityContaner {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff;
        justify-content: flex-start;
        order: 0;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    header #selectCity {
        letter-spacing: 0;
        font-size: 14px;
        text-transform: capitalize;
    }

    header #selectCity span {
        display: none;
    }

    header #citiesContainer.active {
        left: 0;
        right: 0;
        width: auto;
    }

    .director section {
        padding-top: 0;
    }

    .director figure figcaption {
        position: relative;
    }

    nav {
        position: absolute;
        top: 10px;
        right: 15px;
        padding-top: 0;
        padding-bottom: 0;
        background: none;
    }

    nav section.container {
        min-width: 0;
        padding: 0;
    }

    nav .topMenu span i {
        top: 15px;
    }

    nav .topMenu span.menuIcon {
        width: 30px;
        height: 30px;
    }

    nav .topMenu.active .topMenuContainer {
        left: auto;
        right: 15px;
        min-width: 290px;
    }

    nav .topMenu.active span i {
        background: transparent;
    }

    header .searchBlock {
        position: absolute;
        top: 0;
        right: 55px;
        margin-top: 0;
        margin-bottom: 5px;
        padding: 0;
        order: 1;
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    header .searchBlock .searchButton {
        display: block;
    }

    #searchContainer {
        display: none;
        visibility: hidden;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: absolute;
        top: auto;
        margin-top: 0;
        font-size: 16px;
        width: 100%;
        right: auto;
    }

    #searchContainer a.close {
        display: none;
    }

    #searchContainer button.search {
        width: 22px;
        height: 24px;
        right: 10px;
    }

    #searchContainer button.search:before {
        font-size: 16px;
        right: 35px;
    }

    #searchContainer input {
        padding-left: 10px;
        font-size: 14px;
    }

    header .info a {
        display: block;
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
    }

    header .info a span {
        display: none;
    }

    header .info a.mail:before,
    header .info a.phone:before,
    header .info a#topSound:before {
        position: relative;
        left: auto;
        font-size: 22px;
        margin-top: -2px;
        margin-left: 0;
    }

    header .info a#topSound:before {
        left: auto;
        right: 0;
        position: relative;
        top: 0;
        margin: 0;
        text-indent: 0;
    }

    #indexSlider {
        display: none;
    }

    #steps div.step {
        margin-left: 100px;
    }

    #steps div.step:before,
    #steps div.step:hover:before {
        left: 0;
        margin-top: -5px;
        margin-left: -24px;
        border-radius: 50%;
    }

    #steps:before {
        left: 80px;
    }

    #steps div.step div.years {
        display: block;
        top: 50%;
        height: auto;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        right: 100%;
        margin-top: 0;
        margin-right: 30px;
        background: #e12328;
        color: #fff;
        font-size: 10px;
        padding: 9px 10px 9px;
    }

    #steps div.step div.years:before {
        content: "";
        position: absolute;
        width: 17px;
        height: 100%;
        background: url(/local/templates/main/css/../img/step_year_arrow_left.svg) no-repeat;
        background-size: 100% 100%;
        left: 0;
        margin-left: -16px;
        top: 0;
        display: none;
    }

    #steps div.step div.years:after {
        content: "";
        position: absolute;
        width: 17px;
        height: 100%;
        background: url(/local/templates/main/css/../img/step_year_arrow_right.svg) no-repeat;
        background-size: 100% 100%;
        right: 0;
        margin-right: -16px;
        top: 0;
        display: none;
    }

    #steps div.step div.years i {
        display: block;
        position: relative;
        text-indent: -9999px;
        height: 10px;
    }

    #steps div.step div.years i:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
        left: 50%;
        margin-left: -2px;
        top: 50%;
        margin-top: -2px;
    }

    #steps div.step div.years span {
        display: block;
        text-align: left;
        color: #fff;
    }

    #steps div.step p br {
        display: none;
    }

    .taskItemBottom p br {
        display: none;
    }

    footer .nav ul {}

    footer .nav li {
        width: 100%;
        text-align: left;
        display: block;
    }

    footer .nav a {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
    }

    footer p {
        text-align: left;
    }

    #searchContainer {
        max-width: 9999px;
    }

    #stuffs .stuff {
        display: flex;
        flex-flow: wrap;
        padding-bottom: 40px;
    }

    #stuffs .stuff .img {
        order: 2;
        width: 100%;
    }

    #stuffs .stuff .post {
        order: 0;
        width: 100%;
    }

    #stuffs .stuff .name {
        order: 1;
        width: 100%;
    }

    #stuffs .stuff .desc {
        font-size: 16px;
        text-align: left;
        transition: 0.5s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: relative;
        bottom: auto;
        padding: 10px 0;
        background: none;
        color: #000;
        height: auto;
        width: 100%;
        line-height: 20px;
        font-size: 14px;
    }

    #stuffs .stuff:hover .img img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    #stuffs .stuff .img img.nophoto {
        display: none;
    }

    #stuffs .stuff .desc {
        padding-bottom: 0;
    }

    #stuffs .stuff .desc p:last-child {
        margin-bottom: 0;
    }

    #stuffs .stuff .desc:before {
        display: none;
    }

    #stuffs .stuff .img {
        margin-bottom: 0;
    }

    #stuffs .stuff:after {
        width: 100%;
    }

    .opinion .img {
        float: none;
        width: 100%;
        text-align: center;
    }

    .opinion .img img {
        margin-bottom: 0;
    }

    .opinion .content {
        float: none;
        width: 100%;
    }

    .navigatorContacts {
        padding-bottom: 40px;
    }

    .youtubeVideo {
        width: 100%;
        height: 200px;
    }

    .newsGalleryItem {
        width: 100%;
    }

    .newsGalleryItem img {
        width: 100%;
    }

    .shareBlock {
        text-align: left;
    }

    .shareBlock label.title {
        float: none;
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .shareBlock .ya-share2 {
        float: none;
    }

    footer .fos {
        text-align: left;
    }

    footer .fos img {
        margin-top: 20px;
    }

    .pagePage img.img {
        width: 100% !important;
        height: auto !important;
    }

    .bestItemDesc .name {
        font-size: 16px;
    }

    .bestItemDesc .text,
    .bestItemDesc .text p {
        font-size: 14px;
    }
}

/* BX radio/checkbox fix */
.bx-core-window input[type=radio],
.bx-core-window input[type=checkbox] {
    appearance: auto;
    display: inline;
}

/* / BX radio/checkbox fix */

.review_img img {
    height: auto;
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #b1b1b1;
}

.fancybox__content>.carousel__button.is-close svg {
    filter: none;
}

.fancybox__slide {
    padding: 8px;
}

/* TEXT */
.text {
    font-size: 1rem;
    line-height: 1.6;
    color: #222;
}

.text>*:first-child {
    margin-top: 0;
}

.text>*:last-child {
    margin-bottom: 0;
}

.text p {
    margin: 0 0 1em;
}

.text a {
    color: #0066cc;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.text a:hover {
    text-decoration: none;
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    margin: 1.5em 0 0.6em;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
}

.text h1 {
    font-size: 2em;
}

.text h2 {
    font-size: 1.6em;
}

.text h3 {
    font-size: 1.35em;
}

.text h4 {
    font-size: 1.15em;
}

.text ul,
.text ol {
    font-size: 1rem;
    margin: 0 0 1em;
    padding-left: 1.5em;
}

.text li {
    margin-bottom: 0.4em;
}

.text li:last-child {
    margin-bottom: 0;
}

.text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em 0;
}

.text blockquote {
    margin: 1.5em 0;
    padding: 0.8em 1.2em;
    border-left: 4px solid #ddd;
    background: #f7f7f7;
    color: #555;
}

.text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.text th,
.text td {
    padding: 0.75em;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}

.text th {
    font-weight: 700;
    background: #f5f5f5;
}

.text hr {
    margin: 2em 0;
    border: 0;
    border-top: 1px solid #ddd;
}

.text code {
    padding: 0.15em 0.35em;
    border-radius: 4px;
    background: #f3f3f3;
    font-family: monospace;
    font-size: 0.9em;
}

.text pre {
    overflow-x: auto;
    margin: 1.5em 0;
    padding: 1em;
    border-radius: 8px;
    background: #f3f3f3;
}

.text pre code {
    padding: 0;
    background: transparent;
}

@media (max-width: 767px) {
    .text {
        font-size: 15px;
    }

    .text h1 {
        font-size: 1.7em;
    }

    .text h2 {
        font-size: 1.4em;
    }

    .text h3 {
        font-size: 1.2em;
    }
}

/* END TEXT */

.region-ttl {
    padding: 1em 0;
    margin: 0;
}

.mb {
    margin-bottom: 40px;
}

.persons-photos {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 64px;
}

@media (max-width: 480px) {
    .persons-photos {
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .persons-photos .photo-caption {
        padding-bottom: 0;
    }
}

.persons-photos .director-photo {
    max-width: 240px;
}

.persons-photos .director-photo img {
    width: 100%;
    height: auto;
}
/* End */
/* /local/templates/main/css/reset.css?17403444751973 */
/* /local/templates/main/css/animate.css?174034447577758 */
/* /local/templates/main/css/bootstrap-grid.css?174034447426376 */
/* /local/templates/main/css/jquery.animateSlider.css?174034447561141 */
/* /local/templates/main/css/jquery-ui.css?17403444754007 */
/* /local/templates/main/css/slick.css?17403444752525 */
/* /local/templates/main/css/fancybox.css?174034447515598 */
/* /local/templates/main/css/jquery.mCustomScrollbar.css?174034447512871 */
/* /local/templates/main/css/styles.css?178217264661430 */