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

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

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

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

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


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}


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

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

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

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

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

@-webkit-keyframes a {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .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 a {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .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: a;
    animation-name: a;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes b {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes b {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes c {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes c {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes e {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 e {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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: e;
    animation-name: e
}

@-webkit-keyframes f {
    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 f {
    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: f;
    animation-name: f
}

@-webkit-keyframes g {
    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)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes g {
    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)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

@-webkit-keyframes h {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes h {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes i {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes i {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes j {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes j {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes k {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes k {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes l {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes l {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes m {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes m {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes n {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes n {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes o {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes o {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes p {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes p {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

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

@-webkit-keyframes q {
    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 q {
    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: q;
    animation-name: q
}

@-webkit-keyframes r {
    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 r {
    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: r;
    animation-name: r
}

@-webkit-keyframes s {
    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 s {
    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: s;
    animation-name: s
}

@-webkit-keyframes t {
    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 t {
    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: t;
    animation-name: t
}

@-webkit-keyframes u {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes u {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@-webkit-keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

@-webkit-keyframes D {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes D {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes O {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes O {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes P {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes P {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes Q {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes Q {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes R {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes R {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes T {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes T {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes U {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes U {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes V {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes V {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes W {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes W {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes X {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes X {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes Y {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes Y {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes Z {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes Z {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes ab {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes ab {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes bb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes bb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes db {
    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%,
    80% {
        -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;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes db {
    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%,
    80% {
        -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;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

@-webkit-keyframes eb {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes eb {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes kb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes kb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes lb {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes lb {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

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

@-webkit-keyframes mb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes mb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes pb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes pb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sprite {
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-icon-arrow-bot-green {
    width: 13px;
    height: 7px;
    background-position: -5px -5px
}

.sprite-icon-arrow-bot-white {
    width: 7px;
    height: 4px;
    background-position: -28px -5px
}

.sprite-icon-arrow-right-green {
    width: 9px;
    height: 15px;
    background-position: -45px -5px
}

.sprite-icon-arrow-right-grey {
    width: 9px;
    height: 15px;
    background-position: -64px -5px
}

.sprite-icon-arrow-right-red {
    width: 9px;
    height: 15px;
    background-position: -83px -5px
}

.sprite-icon-ask {
    width: 13px;
    height: 12px;
    background-position: -102px -5px
}

.sprite-icon-calendar {
    width: 40px;
    height: 40px;
    background-position: -125px -5px
}

.sprite-icon-chart {
    width: 26px;
    height: 26px;
    background-position: -175px -5px
}

.sprite-icon-check {
    width: 15px;
    height: 15px;
    background-position: -211px -5px
}

.sprite-icon-check-2 {
    width: 22px;
    height: 22px;
    background-position: -236px -5px
}

.sprite-icon-check-2-on {
    width: 22px;
    height: 22px;
    background-position: -268px -5px
}

.sprite-icon-check-green {
    width: 64px;
    height: 62px;
    background-position: -300px -5px
}

.sprite-icon-check-green-2 {
    width: 20px;
    height: 19px;
    background-position: -374px -5px
}

.sprite-icon-check-on {
    width: 15px;
    height: 15px;
    background-position: -404px -5px
}

.sprite-icon-check-red-2 {
    width: 20px;
    height: 19px;
    background-position: -429px -5px
}

.sprite-icon-close {
    width: 23px;
    height: 23px;
    background-position: -5px -34px
}

.sprite-icon-eur {
    width: 17px;
    height: 18px;
    background-image: url(../images/icons/icon-eur-off.png)
}

.active .sprite-icon-eur {
    background-image: url(../images/icons/icon-eur-on.png)
}

.sprite-icon-faq {
    width: 40px;
    height: 48px;
    background-position: -65px -30px
}

.sprite-icon-imgnum-1 {
    width: 57px;
    height: 91px;
    background-position: -374px -34px
}

.sprite-icon-imgnum-2 {
    width: 64px;
    height: 92px;
    background-position: -5px -135px
}

.sprite-icon-imgnum-3 {
    width: 64px;
    height: 92px;
    background-position: -79px -135px
}

.sprite-icon-imgnum-4 {
    width: 64px;
    height: 89px;
    background-position: -153px -135px
}

.sprite-icon-imgnum-5 {
    width: 66px;
    height: 85px;
    background-position: -227px -135px
}

.sprite-icon-man-green {
    width: 17px;
    height: 28px;
    background-position: -441px -34px
}

.sprite-icon-man-grey {
    width: 17px;
    height: 28px;
    background-position: -5px -72px
}

.sprite-icon-map-pin {
    width: 9px;
    height: 15px;
    margin-right: 5px;
    background-position: -211px -34px
}

.sprite-icon-minus-green {
    width: 28px;
    height: 27px;
    background-position: -303px -135px
}

.sprite-icon-phone {
    width: 18px;
    height: 8px;
    background-position: -32px -72px
}

.sprite-icon-phone-2 {
    width: 10px;
    height: 15px;
    background-position: -115px -72px
}

.sprite-icon-plus-green {
    width: 14px;
    height: 14px;
    background-position: -135px -72px
}

.sprite-icon-plus-green-2 {
    width: 28px;
    height: 27px;
    background-position: -341px -135px
}

.sprite-icon-plus-red {
    width: 28px;
    height: 27px;
    background-position: -379px -135px
}

.sprite-icon-radio {
    width: 21px;
    height: 21px;
    background-position: -417px -135px
}

.sprite-icon-radio-on {
    width: 21px;
    height: 21px;
    background-position: -417px -166px
}

.sprite-icon-sheet {
    width: 12px;
    height: 15px;
    background-position: -159px -72px
}

.sprite-icon-sheets {
    width: 13px;
    height: 15px;
    background-position: -181px -72px
}

.sprite-icon-shield {
    width: 24px;
    height: 30px;
    background-position: -303px -197px
}

.sprite-icon-usd {
    width: 10px;
    height: 19px;
    background-image: url(../images/icons/icon-usd-off.png)
}

.active .sprite-icon-usd {
    background-image: url(../images/icons/icon-usd-on.png)
}

.sprite-icon-user {
    width: 11px;
    height: 12px;
    background-position: -224px -72px
}

.sprite-icon-x-green {
    width: 17px;
    height: 17px;
    background-position: -245px -72px
}

.sprite-icon-x-red {
    width: 17px;
    height: 17px;
    background-position: -272px -72px
}

.sprite-logo-1 {
    width: 145px;
    height: 22px;
    background-position: -5px -237px
}

.sprite-logo-2 {
    width: 149px;
    height: 58px;
    background-position: -160px -237px
}

.sprite-logo-3 {
    width: 158px;
    height: 29px;
    background-position: -5px -305px
}

.sprite-logo-4 {
    width: 103px;
    height: 31px;
    background-position: -337px -197px
}

.sprite-logo-5 {
    width: 53px;
    height: 32px;
    background-position: -319px -238px
}

.sprite-logo-6 {
    width: 51px;
    height: 31px;
    background-position: -382px -238px
}

.sprite-logo-renesans {
    width: 111px;
    height: 35px;
    background-position: -319px -280px
}

.sprite-mobile-menu {
    width: 25px;
    height: 12px;
    background-position: -5px -279px
}

.sprite-sitelogo {
    width: 228px;
    height: 46px;
    background-position: -173px -325px
}

.sprite-tourist {
    width: 279px;
    height: 309px;
    background-position: -468px -5px
}
body {
    min-width: 320px;
    font-size: 13px;
    font-family: GothamProRegular;
    font-weight: 400;
    color: #333;
    background: #f6f9fa;
    overflow-x: hidden;
    line-height: 1.67;
    -webkit-font-smoothing: antialiased
}

* {
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

hr {
    height: 1px;
    border: none;
    background: #e6e6e6;
    margin: 20px 0
}

.btn,
a {
    transition: all .1s ease-in-out
}

.accordion-content,
.accordion-content * {
    transition: all .2s ease-in-out
}

.sec-header {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    font-family: GothamProLight
}

.bold {
    font-family: GothamProBold
}

.large-txt {
    font-size: 24px
}

.hidden {
    display: none!important
}

.text-center {
    text-align: center
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tbl {
    display: table
}

.tbl,
.tbl-cell {
    height: 100%;
    width: 100%
}

.tbl-cell {
    display: table-cell;
    vertical-align: middle
}

.container,
.container-fluid {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    clear: both
}

.container {
    max-width: 980px
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before {
    content: "";
    display: table
}

.container-fluid:after,
.container:after {
    clear: both
}

.container,
.container-fluid {
    zoom: 1
}

.row:after,
.row:before {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.about-workflow .row,
.our-team .row,
.sec-about .row {
    display: flex
}

.col {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 1px
}

.pad.container {
    max-width: 980px
}

.pad .col,
.pad.container,
.pad.container-fluid {
    padding-right: 10px;
    padding-left: 10px
}

.pad .row {
    margin-right: -10px;
    margin-left: -10px
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.one-fourth {
    width: 25%
}

.col-1-12 {
    width: 8.33333%
}

.col-2-12 {
    width: 16.66667%
}

.col-3-12 {
    width: 25%
}

.col-4-12 {
    width: 33.33333%
}

.col-5-12 {
    width: 41.66667%
}

.col-6-12 {
    width: 50%
}

.col-7-12 {
    width: 58.33333%
}

.col-8-12 {
    width: 66.66667%
}

.col-9-12 {
    width: 75%
}

.col-10-12 {
    width: 83.33333%
}

.col-11-12 {
    width: 91.66667%
}

.col-offset-1 {
    margin-left: 8.33333%
}

.col-offset-2 {
    margin-left: 16.66667%
}

.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #111;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ffa800;
    border-radius: 5px;
    outline: none;
    text-align: left;
    margin-bottom: 5px;
    font-family: GothamProLight;
    transition: all .1s ease-in-out
}

.form-control[name=email],
.form-control[name=phone] {
    font-size: 18px
}

.form-control.wrong {
    border-color: red!important
}

textarea.form-control {
    padding: 15px 20px
}

select.form-control {
    height: 39px;
    padding: 5px 10px;
    font-size: 18px
}

.select {
    position: relative
}

.select:before {
    top: 4px;
    right: 2px;
    height: 80%;
    background: #fff
}

.select:after,
.select:before {
    content: "";
    position: absolute;
    display: block;
    width: 13px
}

.select:after {
    top: 17px;
    right: 10px;
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    height: 7px;
    background-position: -5px -5px
}

.select .sprite {
    position: absolute;
    top: 13px;
    right: -27px;
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder,
::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

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

.btn.btn-submit {
    padding: 9px 19px;
    margin: 0 9px;
    outline: none;
    background: none;
    text-transform: uppercase;
    color: #111;
    border: 1px solid #b7b7b7;
    border-radius: 50px;
    font-size: 11px;
    letter-spacing: 1.5px;
    min-width: 150px
}

.btn.btn-submit:hover {
    background: #eee
}

.btn.btn-default {
    padding:0 22px 0 14px;
    margin: 0;
    outline: none;
    background: none;
    text-transform: uppercase;
    color: #232323;
    border: none;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 12px;
    min-width: 150px;
    background: #ffa800;
}

.btn.btn-default:hover {
    opacity: 0.8;
}

.btn.btn-violet {
    padding: 15px 10px 8px;
    margin: 0;
    outline: none;
    background: none;
    text-transform: uppercase;
    color: #f3f3f3;
    border: none;
    border-bottom: 3px solid #701b62;
    border-radius: 5px;
    font-size: 12px;
    background: #993889;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #993889), color-stop(100%, #832f75));
    background: -webkit-linear-gradient(top, #993889, #832f75);
    background: linear-gradient(180deg, #993889 0, #832f75);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#993889", endColorstr="#832f75", GradientType=0)
}

.btn.btn-violet:hover {
    background: #832f75;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #832f75), color-stop(100%, #993889));
    background: -webkit-linear-gradient(top, #832f75, #993889);
    background: linear-gradient(180deg, #832f75 0, #993889);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#832f75", endColorstr="#993889", GradientType=0)
}

.btn.btn-modal {
    padding: 10px 20px;
    margin: 7px 9px 0;
    outline: none;
    background: #ffa800;
    text-transform: uppercase;
    border: 2px solid #ffa800;
    border-radius: 5px;
    font-size: 12px;
    min-width: 150px;
    font-family: GothamProRegular;
    color: #232323;

}

.btn.btn-modal:hover {
    opacity: 0.9;
}

.mobile-menu {
    display: none
}

.page-top {
    position: relative;
    padding: 0
    min-height: 700px;
}

.page-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*background: url(../images/bg/header-bg.jpg) no-repeat top;*/
    background: no-repeat top;
    width: 100%;
    height: 830px;
    background-size: auto, cover;
    z-index: 1
}
/*background: url(../images/bg/header-bot.png) no-repeat bottom, url(../images/bg/header-bg.jpg) no-repeat top;*/


/*.page-top.narrow:before{height:286px;background:url(../images/bg/header-bot.png) no-repeat bottom,url(../images/bg/header-bg-narrow.jpg) no-repeat top;background-size:auto,cover}*/

.page-top .header {
    position: relative;
    z-index: 2
}

.page-top .header .header-top {
    background: #fff;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 6px
}

.page-top .header .header-top ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-top .header .header-top ul li {
    display: inline-block
}

.page-top .header .header-top ul li a {
    color: #232323;
    display: block;
    text-decoration: none;
    padding: 7px 6px;
    font-size: 12px
}

.page-top .header .header-top ul li a span {
    position: relative;
    display: inline-block
}

/*.page-top .header .header-top ul li a span:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    background: #d7d7d7;
}*/

.page-top .header .header-top ul li a.active,
.page-top .header .header-top ul li a:hover {
    background: #ffa800;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.page-top .header .header-top ul li a.active span:after,
.page-top .header .header-top ul li a:hover span:after {
    display: none
}

.page-top .header .header-top .header-right-menu {
    float: right
}

.page-top .header .header-bot {
    margin: 25px 0 20px
}

.page-top .header .header-bot .header-city {
    margin: 15px 19px;
    color: #fff
}

.page-top .header .header-bot .header-city .header-city-selection {
    font-size: 12px
}

.page-top .header .header-bot .header-city .header-city-selection:first-child {
    font-family: GothamProBold
}

.page-top .header .header-bot .header-city .header-city-selection .header-city-selection-active {
    margin: 0 9px
}

.page-top .header .header-bot .header-city .header-city-selection .header-city-selection-active span {
    border-bottom: 1px dashed #abae97
}

.page-top .header .header-bot .header-city .header-city-selection .header-city-selection-active i {
    margin: 1px 2px
}

.page-top .header .header-bot .header-city .header-city-selection .header-city-selection-var {
    display: none
}

.page-top .header .header-bot .header-right {
    float: right
}

.page-top .header .header-bot .header-right .header-phone {
    color: #fff;
    text-align: right
}

.page-top .header .header-bot .header-right .header-phone p {
    font-size: 24px;
    line-height: 24px;
    font-family: GothamProLight;
    margin: 0
}

.page-top .header .header-bot .header-right .header-phone p span {
    font-family: GothamProBold
}

.page-top .header .header-bot .header-right .header-phone i {
    margin-bottom: -5px
}

.page-top .header .header-bot .header-right .header-phone a {
    font-size: 12px;
    color: #fff;
    border-bottom: 1px dashed #898e8f;
    text-decoration: none
}

.page-top .header .header-bot .header-right .header-phone a:hover {
    color: #fff;
    border-bottom: 1px dashed #fff
}

.page-top .header .header-bot .header-right .header-btn {
    margin-left: 20px
}

.page-top .header .header-bot .header-right .header-btn i {
    margin: 1px 5px 0 0
}

.page-top .sec-header-bot {
    position: relative;
    z-index: 2;
    text-align: center
}

.page-top .sec-header-bot .sec-header {
    color: #fff;
    line-height: 44px;
    margin: 36px 0 30px
}

.page-top .sec-header-bot .insurance {
    color: #8e337f;
    background: #fff;
    border-radius: 5px;
    padding: 10px 12px 10px 22px;
    display: inline-block
}

.page-top .sec-header-bot .insurance .sprite-icon-shield {
    margin: 0 3px -3px 0
}

.page-top .sec-header-bot .insurance .sprite-logo-renesans {
    margin: 0 0 -5px 10px
}

.page-top .sec-header-bot .insurance .insurance-txt {
    display: inline-block;
    font-family: GothamProBold;
    font-size: 13px;
    line-height: 16px;
    margin: 0 10px 0 16px;
    text-align: left
}

.page-top .sec-header-bot .insurance i {
    display: inline-block
}

.page-top .sec-header-bot .summary {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin: 38px 0 24px
}

.page-top .sec-header-bot .summary span {
    font-family: GothamProBold
}

.page-top .sec-header-bot .summary i {
    margin: 0 4px -2px 6px
}

.page-top .sec-header-bot .orange-bl {
    text-transform: uppercase;
    color: #313131;
    position: relative
}

.page-top .sec-header-bot .orange-bl .orange-bl-top {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    padding: 0 5px;
    z-index: 2;
    position: relative
}

.page-top .sec-header-bot .orange-bl .orange-bl-top .orange-bl-top-el {
    font-size: 15px;
    display: inline-block;
    padding: 3px 7px 6px
}

.page-top .sec-header-bot .orange-bl .orange-bl-top .orange-bl-top-el.active {
    background: #fd9400;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fd9400), color-stop(100%, #feb815));
    background: -webkit-linear-gradient(top, #fd9400, #feb815);
    background: linear-gradient(180deg, #fd9400 0, #feb815);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fd9400", endColorstr="#feb815", GradientType=0)
}

.page-top .sec-header-bot .orange-bl .orange-bl-bot {
    position: relative;
    z-index: 1;
    padding: 5px 13px 0;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #fec118;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fec118), color-stop(100%, #fa9d08));
    background: -webkit-linear-gradient(top, #fec118, #fa9d08);
    background: linear-gradient(180deg, #fec118 0, #fa9d08);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fec118", endColorstr="#fa9d08", GradientType=0)
}

.page-top .sec-header-bot .orange-bl .orange-bl-bot .orange-bl-bot-left {
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    display: inline-block
}

.page-top .sec-header-bot .orange-bl .orange-bl-bot .orange-bl-bot-left span {
    display: inline-block;
    margin: 0 5px
}

.page-top .sec-header-bot .orange-bl .orange-bl-bot .orange-bl-bot-right {
    font-size: 26px;
    display: inline-block
}

.page-top .sec-header-bot .orange-bl .orange-bl-bot .sprite-icon-chart {
    margin: 0 3px -3px 0
}

.page-top .sec-content {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 15px 50px 10px;
    border-radius: 11px;
    box-shadow: 0 6px 12px 0 rgba(41, 81, 112, .2);
    margin-bottom: 15px;
    min-height: 360px
}

//.page-top .sec-content:after {
//    content: "";
//    display: block;
 //   position: absolute;
//    right: -193px;
//    bottom: 6px;
 //   background-image: url(../images/icons/spritesheet.png);
//    background-repeat: no-repeat;
//    width: 279px;
 //   height: 309px;
 //   background-position: -467px -5px
//}

.page-top .sec-content .calc .calc-step {
    margin-left: 35px;
    padding: 20px 0
}

.page-top .sec-content .calc .calc-step .calc-step-bl {
    color: #a6a6a6;
    font-size: 14px;
    line-height: 17px;
    font-family: GothamProBold
}

.page-top .sec-content .calc .calc-step .calc-step-bl.active {
    color: #963786
}

.page-top .sec-content .calc .calc-step .calc-step-bl.done {
    color: #a8b310;
    cursor: pointer;
}

.page-top .sec-content .calc .calc-step .calc-step-bl span {
    display: block;
    float: left
}

.page-top .sec-content .calc .calc-step .calc-step-bl span.num {
    font-size: 39px;
    line-height: 33px;
    margin-right: 10px
}

.page-top .sec-content .calc .calc-step .calc-step-bl span.desc {
    text-transform: uppercase
}

.page-top .sec-content .calc .calc-step .calc-step-bl i {
    margin: 0 30px -10px 40px
}

.page-top .sec-content .calc .calc-result .mobile-result {
    display: none
}

.page-top .sec-content .calc .calc-result .calc-result-col {
    font-size: 12px;
    line-height: 20px
}
.mobile-result-content{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.page-top .sec-content .calc .calc-result .calc-result-col.c1,
.insurance-company_link-area {
    width: 200px;
}
.calc-form-step-2-desc.col.с1{
    width: 165px;
}
.page-top .sec-content .calc .calc-result .calc-result-col.c2,
.calc-form-step-2-desc.col.с2 {
    width: 180px;
}

.page-top .sec-content .calc .calc-result .calc-result-col.c3 {
   width: 120px;
}
.page-top .sec-content .calc .calc-result .calc-result-col.c4 {
    min-width: 160px;
}
.page-top .sec-content .calc .calc-result .calc-result-col.c5 {
    width: 120px;
}
.page-top .sec-content .calc .calc-result .calc-result-col{margin-right: 10px;}
.page-top .sec-content .calc .calc-result .calc-result-col:last-of-type{margin-right: 0;}
.page-top .sec-content .calc .calc-result .calc-result-col.c3 .sprite {
    margin-right: 6px
}

.page-top .sec-content .calc .calc-result .calc-result-col.c4 {
    width: auto;
}

.page-top .sec-content .calc .calc-result .calc-result-col p {
    margin: 0
}

.page-top .sec-content .calc .calc-result .calc-result-col .var_name,
.calc-form-step-2-desc .var_title,
.calc-form-step-2-bl-wrap .var_title,
.calc-form-step-2-table-title{
    color: #666;
    font-family: GothamProBold;
    font-size: 12px;
    margin-bottom: 0px;
}
td.calc-form-step-2-table-title{
  margin-bottom: 0;
  text-align: center !important;
}
.insurance-company .var_title{text-align: left;}
.page-top .sec-content .calc .calc-result .calc-result-col .var_value {
    color: #2a2722;
    font-size: 11px;
}

.page-top .sec-content .calc .calc-form .popover {
    position: relative
}

.page-top .sec-content .calc .calc-form .popover .sprite {
    position: absolute;
    top: auto;
    right: -17px;
    cursor: pointer
}

.page-top .sec-content .calc .calc-form .popover .sprite span {
    display: none;
    transition: all .2s ease-in-out
}

.page-top .sec-content .calc .calc-form .popover .sprite:hover span {
    pointer-events: none;
    display: block;
    position: absolute;
    bottom: 23px;
    left: -10px;
    background: #fff;
    border-radius: 4px;
    color: #2e2e2e;
    font-size: 12px;
    line-height: 16px;
    width: 135px;
    padding: 14px 12px;
    font-style: normal;
    box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, .3);
    z-index: 5
}

.page-top .sec-content .calc .calc-form .popover .sprite:hover span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #fff transparent transparent
}

.page-top .sec-content .calc .calc-form .label {
    font-size: 12px;
    color: #747474;
    margin: 0 0 7px;
    font-weight: bold;
}

.page-top .sec-content .calc .calc-form .desc {
    font-size: 11px;
    color: #666;
    font-family: GothamProLight;
    margin: 0;
    padding: 0 5px
}
.radio{
    width: 100%;
    margin: 15px 0;
}
.page-top .sec-content .calc .calc-form .calc-form-step-1 .radio .radio-el,
.page-top .sec-content .calc .calc-form .radio .radio-el {
    cursor: pointer;
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #999;
    position: relative;
    margin-bottom: 15px
}
.page-top .sec-content .calc .calc-form .radio .radio-el{
   color: #232323;
   font-size: 13px;
   width: 33%;
   float: left;
}
.page-top .sec-content .calc .calc-form .radio .col{width: 100%;}
.page-top .sec-content .calc .calc-form .radio .col .radio-el {
    /*width: 50%;*/
}
/*shv*/

.page-top .sec-content .calc .calc-form .calc-form-step-1 .radio .radio-el:before,
.page-top .sec-content .calc .calc-form .radio .radio-el:before {
    content: "";
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    background-position: -416px -135px;
    position: absolute;
    top: 0;
    left: 0
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .radio .radio-el.active,
.page-top .sec-content .calc .calc-form .radio .radio-el.active {
    color: #ffa800;
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .radio .radio-el.active:before,
.page-top .sec-content .calc .calc-form .radio .radio-el.active:before {
    width: 22px;
    height: 23px;
    background-position: -416px -165px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .label {
    font-size: 22px;
    color: #000
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 {
    width: 360px;
    margin-right: 30px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 .example {
    color: #999;
    font-size: 16px;
    font-family: GothamProLight;
    margin: 0 5px 10px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 .example span {
    color: #ffa800;
    border-bottom: 1px dashed #ffa800;
    cursor: pointer
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-2 {
    width: 280px;
    margin-left: 50px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-2 .radio {
    font-size: 17px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-4 .date {
    display: inline-block;
    width: 300px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-4 span {
    width: 50px;
    text-align: center;
    font-size: 18px;
    display: inline-block
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-5 {
    width: 190px;
    float: right
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-5 .label span {
    color: red;
    font-size: 19px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .period-v1,
.page-top .sec-content .calc .calc-form .calc-form-step-1 .period-v2 {
    margin-bottom: 5px;
    display: none;
    margin-top: 30px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .period-v1.active,
.page-top .sec-content .calc .calc-form .calc-form-step-1 .period-v2.active {
    display: block
}
.period-v1 .label {
    white-space: nowrap;
}
.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-2 .radio .radio-el,
.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-3 .radio .radio-el {
    font-size: 18px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-6 {
    margin-top: 30px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-6 .radio {
    text-align: center
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-6 .radio .radio-el {
    display: inline-block;
    margin: 0 43px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-6 .label {
    margin-bottom: 20px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 {}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 .before-input {
    font-size: 16px;
    color: #999;
    font-family: GothamProLight;
    width: 190px;
    margin: 0 0 15px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 .col {
    text-align: center
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 {
    margin-left: 20px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 .radio-el {
    margin-right: 40px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 .label {
    margin-bottom: 15px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .pm-btn {
    font-size: 24px;
    line-height: 24px;
    vertical-align: top
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .pm-btn span {
    display: inline-block;
    margin: 0 10px;
    width: 35px;
    text-align: center
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .pm-btn .sprite {
    margin-bottom: -4px;
    cursor: pointer
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .sprite-icon-usd {
    margin-bottom: -2px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .star-text {
    font-size: 10px;
    color: #999;
    text-align: center;
    margin: 10px 0 15px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .star-text span {
    color: red;
    font-size: 19px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .date {
    position: relative
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .date:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -125px -5px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-5-1 {
    float: right
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .append-params {
    font-size: 22px;
    margin: 10px 0 0 0px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-9,
.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-10,
.page-top .sec-content .calc .calc-form .s1-col-9 {
    width: 50%
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .checkbox,
.page-top .sec-content .calc .calc-form .checkbox {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    line-height: 24px;
    color: #232323;
    margin: 2px 0 0;
    padding-left: 30px;
    position: relative
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .checkbox:before,
.page-top .sec-content .calc .calc-form .checkbox:before {
    content: "";
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    background-position: -235px -5px;
    position: absolute;
    top: 0;
    left: 0
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .checkbox.active:before,
.page-top .sec-content .calc .calc-form .checkbox.active:before {
    width: 24px;
    height: 24px;
    background-position: -266px -5px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .go-group {
    color: #f49d0f;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-family: GothamProBold;
    text-decoration: underline
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .submit-bl {
    text-align: center
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .submit-bl .btn {
    min-width: 190px;
    margin-bottom: 15px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .submit-bl .submit-txt {
    vertical-align: top;
    font-size: 12px;
    color: #69195c;
    margin-bottom: 60px
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .submit-bl .submit-txt .sprite {
    margin-bottom: -23px;
    margin-left: 20px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 {
    color: #232323;
    font-size: 13px;
    margin: 0 0 10px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .btn-violet {
    background: transparent;
    color: #333;
    border-left: 1px solid #701b62;
    border-right: 1px solid #701b62;
    border-top: 1px solid #701b62;
    transition: all .2s ease-in-out
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:hover .btn-violet {
    color: #fff;
    background: #993889;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #993889), color-stop(100%, #832f75));
    background: -webkit-linear-gradient(top, #993889, #832f75);
    background: linear-gradient(180deg, #993889 0, #832f75);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#993889", endColorstr="#832f75", GradientType=0)
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p {
    line-height: 17px;
    height: 36px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p.double {
    height: 50px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-desc .calc-form-step-2-inner {
    padding: 15px 0
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl-wrap {
    float: right
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl {
    padding: 0 0 0 16px;
    text-align: center
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner {
    padding: 15px 0;
    width: 169px;
    border-radius: 5px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .price-1 {
    color: #8e337f;
    font-family: GothamProBold
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .price-2 {
    color: #a8b310;
    font-size: 18px;
    font-family: GothamProBold
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .btn-violet {
    width: 100%
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner {
    background: #f6f9fa;
    transition: all .5s ease-in-out
}
.calc-form-step-2-wrapper{
  width: calc(100% - 200px);
  float: left;
}
.calc-form-step-2-table{width: 100%;}
.calc-form-step-2-table td{
padding: 5px 5px;
text-align: left;
}
.calc-form-step-2-table tfoot td{text-align: center;}
.buy-polis-btn{
  background-color: #ffa800;
  border-radius: 8px;
  width: 106px;
  padding: 5px;
  display: inline-block;
  font-size: 8px;
  color: #232323;
  margin: 5px auto;
  text-transform: uppercase;
  font-weight: 600;
}
.compare-btn{
  background-image: url(../images/icons/sravnit.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  height: 18px;
  color: #232323;
  font-size: 8px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}


td.table-value{
  width: calc(100% / 3 - 180px);
  text-align: center;
  font-size: 11px;
  color: #959595;
}
.table-value span.black{
  color: #2a2722;
  font-size: 13px;
}
.table-value span.violet{
  color: #842269;
  font-size: 13px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:hover .calc-form-step-2-inner {
    background: #8e337f;
    color: #fff
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:hover .calc-form-step-2-inner .price-1 {
    color: #fff
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:hover .calc-form-step-2-inner .sprite-icon-check-red-2 {
    width: 20px;
    height: 19px;
    background-position: -374px -5px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:hover .calc-form-step-2-inner .sprite-icon-x-red {
    width: 17px;
    height: 17px;
    background-position: -245px -72px
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .mobile-pricing {
    display: none
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .mobile-pricing .price-2 {
    margin-top: 20px;
    color: #a8b310;
    font-size: 18px;
    font-family: GothamProBold
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .mobile-pricing .btn-violet {
    max-width: 150px;
    width: 100%;
    font-size: 18px
}

[data-step-last] .row.pad {
    margin-left: -6px;
    margin-right: -6px
}

[data-step-last] .one-third {
    padding: 6px
}

[data-step-last] .add-tourist {
    margin: 40px 0 20px
}

[data-step-last] .add-tourist .sprite {
    margin-right: 20px;
    cursor: pointer;
}

[data-step-last] .add-tourist span {
    font-size: 24px;
    line-height: 26px;
    color: #69195c;
    cursor: pointer;
}

[data-step-last] .agreement {
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    color: #6d6d6d;
    margin: 20px 0;
    padding-left: 25px;
    position: relative
}

[data-step-last] .agreement:before {
    content: "";
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    background-position: -211px -5px;
    position: absolute;
    top: 0;
    left: 0
}

[data-step-last] .agreement.active:before {
    width: 20px;
    height: 20px;
    background-position: -404px -5px
}

[data-step-last] .submit-bl {
    text-align: center;
    margin: 30px 0
}

[data-step-last] .submit-bl .submit-txt {
    display: inline-block;
    color: #666;
    font-size: 14px;
    line-height: 58px;
    vertical-align: top;
    margin: 0 10px
}

[data-step-last] .submit-bl .submit-price {
    display: inline-block;
    color: #ffa800;
    font-size: 32px;
    line-height: 45px;
    vertical-align: top;
    margin: 0 5px
}

[data-step-last] .submit-bl .submit-btn {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}

[data-step-last] .submit-bl .submit-btn .btn {
    padding: 15px 40px;
    text-transform: none;
    font-size: 20px;
    border-radius: 12px;
    border-bottom: none;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2)
}

.page-top .sec-content .thx {
    text-align: center;
    padding: 15px 0 20px
}

.page-top .sec-content .thx .thx-check {
    margin-bottom: 5px
}

.page-top .sec-content .thx .thx-red {
    font-size: 24px;
    color: #ffa800;
    text-transform: uppercase;
    font-family: GothamProMedium;
    margin: 8px 0
}

.page-top .sec-content .thx .thx-blue {
    font-size: 15px;
    line-height: 28px;
    color: #2f6eb6;
    margin: 5px 0
}

.page-top .sec-content .thx .thx-presents {
    font-size: 24px;
    line-height: 32px;
    color: #363636;
    text-transform: uppercase;
    font-family: GothamProBold;
    margin: 50px 0 60px
}

.page-top .sec-content .thx .thx-row {
    margin-bottom: 33px
}

.page-top .sec-content .thx .thx-row .thx-row-left {
    width: 214px;
    text-align: right;
    padding: 0 21px
}

.page-top .sec-content .thx .thx-row .thx-row-left .sprite-logo-2 {
    margin-top: 5px
}

.page-top .sec-content .thx .thx-row .thx-row-left .sprite-logo-1 {
    margin-top: 25px
}

.page-top .sec-content .thx .thx-row .thx-row-right {
    text-align: left
}

.page-top .sec-content .thx .thx-row .thx-row-right p {
    font-size: 17px;
    line-height: 19px;
    color: #363636;
    margin-bottom: 23px
}

.page-top .sec-content .thx .thx-row .thx-row-right p .bold {
    color: #e44949;
    font-family: GothamProBold
}

.page-top .sec-content .thx .thx-row .thx-row-right p .small {
    font-size: 14px
}

.page-top.narrow .sec-content:after {
    display: none
}

.sec-faq {
    margin-bottom: 42px;
    padding-top: 110px;
}

.sec-faq .sec-header {
    color: #555;
    margin-bottom: 22px
}

.sec-faq .accordion .accordion-row {
    position: relative;
    padding: 10px 0 16px 21px
}

.sec-faq .accordion .accordion-row:after {
    content: "";
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 48px;
    background-position: -65px -30px;
    position: absolute;
    top: 0;
    left: 0
}

.sec-faq .accordion .accordion-row .accordion-content {
    padding: 0 40px 10px
}

.sec-faq .accordion .accordion-row .accordion-content .accordion-header {
    display: inline-block;
    color: #436672;
    font-size: 15px;
    font-family: GothamProBold;
    border-bottom: 1px dashed #436672;
    cursor: pointer
}

.sec-faq .accordion .accordion-row .accordion-content .accordion-text {
    display: none;
    font-family: GothamProLight;
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.sec-faq .accordion .accordion-row .accordion-content .accordion-text p {
    margin: 16px 0
}

.sec-faq .accordion .accordion-row.active {
    padding: 16px 0 16px 21px
}

.sec-faq .accordion .accordion-row.active .accordion-content {
    background: #fff;
    padding: 15px 44px 10px;
    border-radius: 5px;
    box-shadow: 0 6px 12px 0 rgba(41, 81, 112, .2);
    margin-bottom: 15px
}

.sec-faq .accordion .accordion-row.active .accordion-content .accordion-text {
    display: block
}

.sec-about {
    background: url(../images/bg/about-bg.jpg) no-repeat 50%;
    background-size: cover;
    padding: 70px 0 114px;
    font-family: GothamProLight;
    color: #fff;
   display: none;
}

.sec-about .sec-header {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 15px
}

.sec-about p {
    font-size: 13px;
    line-height: 20px
}

.sec-about .num-bl-row {
    text-align: center
}

.sec-about .num-bl-row .num-bl {
    display: inline-block;
    padding: 31px 39px 0
}

.sec-about .num-bl-row .num-bl .num-bl-header {
    text-transform: uppercase;
    font-family: GothamProBold;
    font-size: 14px;
    margin: -21px 0 0
}

.sec-about .num-bl-row .num-bl .num-bl-text {
    font-size: 13px;
    margin: 0
}

.sec-logos {
    padding: 69px 0 25px
}

.sec-logos .logos {
    text-align: center
}

.sec-logos .logos .sprite {
    margin: 10px 6px;
    display: inline-block
}

.sec-logos nav {
    margin: 22px 0
}

.sec-logos nav ul {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none
}

.sec-logos nav ul li {
    display: inline-block;
    margin: 10px
}

.sec-logos nav ul li a {
    font-size: 13px;
    color: #2a2a2a;
    border-bottom: 1px solid #c3c5c6;
    text-decoration: none
}

.sec-logos nav ul li a:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.sec-logos.narrow {
    padding: 0
}

.sec-logos.narrow nav {
    margin: 10px 0 30px
}

.footer {
    background: url(../images/bg/bg-footer-new.jpg) no-repeat 50%;
    background-size: cover;
    padding: 40px 0
}

.footer .footer-social {
    margin: 0 13px
}

.footer .footer-social a {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 8px 4px
}

.footer .footer-social a img {
    max-width: 100%
}

.footer .footer-social a.footer-vk {
    background: #6996c7 url(../images/icons/vk.svg) no-repeat 50%;
    background-size: 22px
}

.footer .footer-social a.footer-vk:hover {
    background-color: #3c5e82
}

.footer .footer-social a.footer-fb {
    background: #496194 url(../images/icons/fb.svg) no-repeat 50%;
    background-size: 16px
}

.footer .footer-social a.footer-fb:hover {
    background-color: #384972
}

.footer .footer-social a.footer-instagram {
    background: #ff9c43 url(../images/icons/instagram.svg) no-repeat 50%;
    background-size: 22px
}

.footer .footer-social a.footer-instagram:hover {
    background-color: #d47242
}

.footer .footer-right {
    float: right
}

.footer .footer-right .footer-phone {
    color: #fff;
    text-align: right
}

.footer .footer-right .footer-phone p {
    font-size: 24px;
    line-height: 24px;
    font-family: GothamProLight;
    margin: 0
}

.footer .footer-right .footer-phone p span {
    font-family: GothamProBold
}

.footer .footer-right .footer-phone i,
.footer .footer-right .footer-phone p i {
    margin-bottom: -5px
}

.footer .footer-right .footer-phone a {
    font-size: 12px;
    color: #fff;
    border-bottom: 1px dashed #898e8f;
    text-decoration: none
}

.footer .footer-right .footer-phone a:hover {
    color: #fff;
    border-bottom: 1px dashed #fff
}

.footer .footer-right .footer-btn {
    margin-left: 20px
}

.footer .footer-right .footer-btn i {
    margin: 1px 5px 0 0
}

.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 4;
    display: none
}

.modal-wrap.active {
    display: block
}

.modal-wrap::-webkit-input-placeholder {
    color: #515151
}

.modal-wrap:-moz-placeholder,
.modal-wrap::-moz-placeholder {
    color: #515151
}

.modal-wrap:-ms-input-placeholder {
    color: #515151
}

.modal-wrap .modal-container {
    position: relative;
    height: 100%;
    pointer-events: none
}

.modal-wrap .modal-inner {
    pointer-events: auto;
    position: absolute;
    right: 50%;
    margin-right: -200px;
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 5px;
    color: #ffa800;
    padding: 40px 30px 20px;
    text-align: center;
    top: 50%;
    margin-top: -200px
}

.modal-wrap .modal-inner .form-control {
    color: #515151;
    font-size: 13px;
    text-align: left;
    border-radius: 5px;
    height: 41px;
    margin-bottom: 16px
}

.modal-wrap .modal-inner .modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 39px;
    cursor: pointer;
    padding: 8px;
}

.modal-wrap .modal-inner .modal-header {
    font-size: 24px;
    line-height: 40px;
    font-family: GothamProBold;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (max-width:1023px) {
    .page-top .sec-header-bot {
        display: none
    }
    .header-city,
    .header-logo,
    .header-right {
        width: 100%;
        text-align: center
    }
    .header-city-selection {
        display: inline-block;
        float: none
    }
    .page-top .header .header-bot .header-city {
        margin: 8px 8px 12px
    }
    .page-top .header .header-bot .header-right .header-btn {
        margin: 0;
        width: 100%
    }
    .page-top .header .header-bot .header-right .header-phone {
        width: 235px;
        margin: 0 auto 10px;
        float: none
    }
    .page-top:before {
        height: 230px;
        background: url(../images/bg/header-bg.jpg) no-repeat 50%;
        background-size: cover
    }
    .page-top:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 230px;
        background: rgba(0, 0, 0, .55);
        z-index: 1
    }
    .page-top .header .header-bot {
        margin: 15px 0
    }
    .page-top .sec-content {
        border-radius: 0
    }
    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%
    }
    .sec-faq .accordion .accordion-row .accordion-content .accordion-header {
        line-height: 18px;
        border-bottom: none
    }
    .sec-about {
        padding: 30px 0 40px
    }
    .sec-logos nav ul {
        width: 144px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        margin: 0 auto;
        padding: 10px 0 15px
    }
    .sec-logos nav ul li {
        display: block;
        margin: 3px 0
    }
    .page-top .sec-content {
        box-shadow: none;
        padding-top: 46px
    }
    .page-top .sec-content:after {
        display: none
    }
    .footer {
        padding: 25px 0;
    }
    .footer-city,
    .footer-logo,
    .footer-right,
    .footer .footer-social {
        width: 100%;
        text-align: center
    }
    .footer .footer-social {
        margin: 0 0 6px
    }
    .footer .footer-right .footer-phone {
        width: 235px;
        margin: 0 auto 15px;
        float: none
    }
    .footer .footer-right .footer-btn {
        margin: 0;
        width: 100%
    }
    .footer .footer-social a {
        display: inline-block;
        float: none
    }
    .page-top .header {
        z-index: 3
    }
    .page-top .header .header-top {
        display: none;
        position: absolute;
        width: 100%;
        top: 221px;
        left: 0;
        text-align: center;
        padding: 0;
        border-radius: 0;
        border-bottom: 1px solid #ffa800;
    }
    .page-top .header .header-top nav {
        display: block;
        width: 100%
    }
    .page-top .header .header-top ul li {
        display: block;
        border-top: 1px solid #ffa800;
    }
    .page-top .header .header-top ul li a {
        padding: 5px 6px
    }
    .page-top .header .header-top ul li a.active,
    .page-top .header .header-top ul li a:hover {
        border-radius: 0
    }
    .mobile-menu {
        display: block;
        width: 100%;
        padding: 5px 6px;
        text-transform: uppercase
    }
    .mobile-menu .mobile-menu-recall {
        font-family: GothamProLight;
        font-size: 12px
	background: orange;
 	padding: 10px;
    }
    .mobile-menu .mobile-menu-btn {
        margin: 0 0 0 15px;
        display: inline-block ;
	background: orange;
 	padding: 10px;
    }
    .mobile-menu .mobile-menu-btn .sprite-mobile-menu {
        margin-bottom: -2px
    }
    .mobile-menu-content {
        display: none
    }
    .modal-wrap .modal-inner.bot,
    .modal-wrap .modal-inner.top {
        top: 15px;
        bottom: auto;
        right: 50%;
        margin-right: -155px;
        max-width: 310px
    }
    .modal-wrap .modal-inner .modal-header {
        font-size: 22px;
        line-height: 30px
    }
    .page-top .sec-content .thx {
        padding: 15px 0 0
    }
    .page-top .sec-content .thx .thx-red {
        font-size: 18px;
        line-height: 20px
    }
    .page-top .sec-content .thx .thx-blue {
        margin: 15px 0
    }
    .page-top .sec-content .thx .thx-presents {
        font-size: 18px;
        margin: 20px 0;
        font-family: GothamProBlack
    }
    .page-top .sec-content .thx .thx-row .thx-row-left,
    .page-top .sec-content .thx .thx-row .thx-row-right {
        text-align: center;
        width: 100%
    }
    .page-top .sec-content .thx .thx-row .thx-row-right p .small {
        margin-top: 20px;
        display: block
    }
    .page-top .sec-content .thx .thx-row {
        margin-bottom: 0
    }
    .page-top .sec-content .thx .btn.btn-violet {
        display: block
    }
    .page-top .sec-content .thx .thx-check {
        margin-bottom: 5px;
        height: 57px;
        margin-top: -20px
    }
    .sprite-icon-check-green {
        transform: scale(.5)
    }
    .page-top .sec-content .calc .calc-step {
        margin: 0
    }
    .page-top .sec-content .calc .calc-step .calc-step-bl {
        width: 100%;
        margin-bottom: 15px;
        font-size: 12px
    }
    .page-top .sec-content .calc .calc-step .calc-step-bl i {
        margin: 0 0 -10px 20px
    }
    .page-top .sec-content {
        padding: 46px 15px 10px
    }
    .page-top .sec-content .calc .calc-result {
        text-align: center;
        padding: 0;
        position: relative
    }
    .page-top .sec-content .calc .calc-result .calc-result-col {
        margin: 10px 0;
        width: 100%!important
    }
    .page-top .sec-content .calc .calc-result .calc-result-col.c3 .tbl {
        margin: 0
    }
    .page-top .sec-content .calc .calc-result .mobile-result {
        display: block;
        width: 100%;
        padding: 5px 6px;
        text-transform: uppercase;
        font-family: GothamProLight;
        font-size: 12px;
        background: #8e337f;
        color: #fff
    }
    .page-top .sec-content .calc .calc-result .mobile-result .mobile-menu-btn {
        margin: 0 0 -5px 15px;
        display: inline-block
    }
    .page-top .sec-content .calc .calc-result .mobile-result .mobile-menu-btn .sprite-mobile-menu {
        margin-bottom: -2px
    }
    .mobile-result-content {
        display: none;
        padding-bottom: 10px;
        position: relative;
        z-index: 3;
        background: #f6f9fa
    }
    .mobile-result-content:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        border-bottom: 1px dashed #8e337f
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p {
        line-height: 17px;
        height: 19px!important;
        font-size: 11px;
        margin: 0 0 20px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p br {
        display: none
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl-wrap {
        width: 30%
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl {
        padding: 0;
        width: 100%;
        display: none
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl:first-child {
        display: block
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-desc .calc-form-step-2-inner {
        padding: 5px 0
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner {
        width: 100%;
        padding: 5px 0
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p.double {
        height: 34px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .mobile-pricing {
        display: block;
        width: 100%;
        text-align: center
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .btn-violet,
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .price-2 {
        display: none
    }
    [data-step-last] .one-third {
        width: 100%
    }
    .large-txt {
        font-size: 18px;
        text-align: center
    }
    [data-step-last] .submit-bl .submit-btn {
        display: block;
        margin: 20px 5px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 {
        width: 100%
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-2 {
        width: 52%;
        margin-left: 0;
        margin-right: 0
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-3 {
        width: 48%;
        margin-left: 0;
        margin-right: 0
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .label {
        font-size: 16px
    }
    .page-top .sec-content .calc .calc-form .popover .sprite {
        display: none
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-2 .radio .radio-el,
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-3 .radio .radio-el,
    .page-top .sec-content .calc .calc-form .radio .radio-el {
        font-size: 14px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-4 {
        text-align: center;
        margin-top: 20px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-4 .date {
        width: 80%;
        display: block;
        margin: 0 auto
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-5 {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-4,
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 {
        width: 100%
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 .col {
        text-align: center;
        width: 100%;
        margin: 20px 0
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 .before-input {
        text-align: center;
        width: 100%;
        margin: 0 0 15px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 {
        margin-left: 0;
        text-align: center;
        width: 100%
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 .col {
        display: inline-block;
        float: none
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-9,
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-10,
    .page-top .sec-content .calc .calc-form .s1-col-9 {
        width: 100%
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .submit-bl {
        margin-top: 30px
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .append-params {
        font-size: 16px;
        margin: 10px 0 0
    }
    .page-top .sec-content .calc .calc-step .calc-step-bl {
        text-align: center
    }
    .page-top .sec-content .calc .calc-step .calc-step-bl span {
        display: inline-block;
        float: none
    }
    .page-top .sec-content .calc .calc-step .calc-step-bl i {
        margin: 0 0 6px 20px
    }
}


.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-7 {
    margin-top: 30px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-8 {
    margin-top: 30px;
}

.margin-class {
    margin-top: 30px;
}

.select_destination_wrap .spriteDelete {
    transform: rotate(45deg);
}

.hidden_country_item {
    display: none;
}

.hidden_aditional_param_item {
    display: none;
}

.calculator_error {
    border: 1px solid #ff2300 !important;
}

.calculator_span_error {
    color: #ff2300 !important;
}

[data-step-last] .delete-tourist span {
    font-size: 24px;
    line-height: 26px;
    color: #ffa800 !important;
    cursor: pointer;
}

[data-step-last] .delete-tourist {
    margin: 20px 0 40px !important;
    display: none;
}

.jq-selectbox li {
    font-family: GothamProRegular;
}

.page-top .sec-content .calc .calc-form .date {
    position: relative;
    display: inline-block;
    width: 100%;
}

.page-top .sec-content .calc .calc-form .date:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url(../images/icons/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 27px;
    height: 26px;
    background-position: -132px -13px;
    pointer-events: none;
}

.owl-theme .owl-nav {
    position: absolute !important;
    margin-top: 0 !important;
    top: 10px !important;
    width: 105% !important;
}

.owl-theme .owl-nav .owl-prev {
    width: 30px;
    height: 39px;
    padding: 10px 7px;
    background: transparent !important;
    margin: 0;
    float: left;
}

.owl-theme .owl-nav .owl-prev:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #8e337f transparent transparent;
}

.owl-theme .owl-nav .owl-next {
    width: 30px;
    height: 39px;
    padding: 10px 7px;
    background: transparent !important;
    margin: 0;
    float: right;
}

.owl-theme .owl-nav .owl-next:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #8e337f;
}

.page-top .sec-content.step_2_id:after {
    content: "" !important;
    display: block !important;
}

.radio-mobile {
    display: none;
    position: relative;
    margin-bottom: 15px;
    height: 61px;
    width: 100%;
}

.radio-mobile .radio-el-mobile {
    font-size: 37px;
    color: #69195c;
    position: absolute;
    height: 61px;
    line-height: 61px;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.radio-mobile .radio-el-mobile.active {
    opacity: 1;
}

.radio-mobile .prev,
.radio-mobile .next {
    width: 30px;
    height: 39px;
    padding: 10px 7px;
    background: transparent !important;
    position: absolute;
    top: 11px;
    left: 10px;
    cursor: pointer;
}

.radio-mobile .prev.disable,
.radio-mobile .next.disable {
    opacity: .7;
}

.radio-mobile .next {
    left: inherit;
    right: 10px;
}

.radio-mobile .prev:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #8e337f transparent transparent;
}

.radio-mobile .next:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #8e337f;
}

.calc-step-mobile {
    display: none;
}

/* Calculator form addition - T. Safiullina */
.form-group{
   border: 1px solid #ddd;
   padding: 5px 40px;
   margin: 17px 10px;
   border-radius: 10px;
   min-height: 140px;
   width: calc(100% - 20px);
}
.form-group.calc-result,
.form-group.calc-form{
  padding: 10px 20px;
}
.form-group p.example{
   margin: 5px 0;
   color: #232323;
   font-size: 13px;
   
}
.form-group p.example span{
   color: #395969;
   display: inline-block;
   text-decoration: underline;
}
.form-group .s1-col-5{
  margin-right: 5px;
  width: 36%;
  display: inline-block;
}
.form-group .s1-col-2{
  width: calc(100% - 72% - 10px);
  display: inline-block;
}
.calc-form-title{
  padding: 5px 10px;
   border: 1px solid #ddd;
   border-radius: 10px;
   text-transform: uppercase;
  font-size: 11px;
   color: #232323;
  text-align: center;
  display:table;
  margin: 0 auto;
  line-height: 1.4;
}
.calc-form-title .large{
  font-size: 30px;
  fon-weight: bold;
}
.add-passenger{
    background-image: url(../images/icons/man-gray-new.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 42px;
    height: 40px;
    float: right;
    position: relative;
    margin: 10px 0 10px 0;
    width: 111px;
    display: inline-block;
    font-size: 13px;
    color: #232323;
    cursor: pointer;
}
.add-passenger-editable{
    background-image: url(../images/icons/man-orange.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 25px;
    min-height: 40px;
    position: relative;
    margin: 10px 5px 10px 0;
    width: 108px;
    display: inline-block;
    font-size: 13px;
    color: #232323;
    vertical-align: top;
}
.add-passenger-editable input{
    border: none;
    border-bottom: 1px solid #d8d8d8;
    font-size: 12px;
    color: #303030;
    width: 85px;
    height: 20px;
    line-height: 1.4;
    margin-top: 10px;
}
.add-passenger-editable .del-input{
    width: 12px;
    height: 16px;
    position: absolute;
    right: 1px;
    top: 12px;
    background-image: url(../images/icons/del-input.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

span.error_text{
    font-size: 10px;
    line-height: 10px!important;
    color: red;
}
.tourist-info {
    border-top: 1px dotted #ffa800;
    border-right: 1px dotted #ffa800;
    border-left: 1px dotted #ffa800;
    border-bottom: 1px dotted #ffa800;
    padding: 0 10px;
}
.insurance-company.form-group.calc-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 30px;
    position: relative;
    text-align: left;
    min-height: 40px;
    }
.insurance-company:after,
.insurance-company:before{
   display:none;
}
.insurance-company_show-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    width: 70px;
    background-color: #ffa800;
    color: #fff;
    font-weight: 600;
}  
.insurance-company_show-more-text-hidden,
.calc-form-step-2-wrapper{display: none;}
.insurance-company_show-more:hover,
.insurance-company_show-more:focus{
  cursor: pointer;
}
.insurance-company_show-more:before, 
.insurance-company_show-more:after {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 20px;
    bottom: 0;
    background-color: #ffa800;
    z-index: -1;
}
.insurance-company_show-more:before{
   left: -10px;
   -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
}
.insurance-company_show-more:after{
   right: -10px;
   -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}
.insurance-company_link-area_link{
  font-size: 12px;
  width: auto;
  padding: 5px 15px;
  float: right;
  margin-top: 25px;
}
.insurance-company_promotion{
    color: #395969;
    font-size: 12px;
    line-height: 15px;
    margin-top: 25px;
}
.insurance-company_promotion_price{
   font-weight: 600;
   color: #232323;
   font-size: 20px;
}
/*.period-v2 .s1-col-4{
   width: 45%; 
   margin-right: 25px;
}
.period-v2 .s1-col-5{
   text-align:center;
   width: calc(55% - 25px); 
   margin-right: 0;
}*/

.grey-bordered{display: inline-block; border-bottom: 1px solid #d9dde0;}
@media (max-width: 1023px) {
    .modal-wrap .modal-inner {
        margin-top: 0;
    }
    .page-top .sec-content.step_2_id:after {
        display: none !important;
    }
    .calc-step {
        display: none !important;
    }
    .calc-step-mobile {
        display: block !important;
        padding-top: 0px !important;
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 .example {
        display: none;
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-1 {
        margin-bottom: 30px !important;
    }
    .radio-desktop {
        display: none;
    }
    .radio-mobile {
        display: block;
    }
    .select_destination_wrap_hide {
        margin-top: 20px;
    }
}

@media (min-width: 1024px) {
    /* Tatiana's from ISPI fix */
    #slider_s2 .owl-stage {
        width: 100% !important;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    }
    #slider_s2 .owl-stage .owl-item {
        float: none;
        display: table-cell;
        /* width: 100% !important;*/
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl-wrap {
        width: calc(100% - 400px);
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl,
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner {
        width: 100% !important;
    }
    /* Tatiana's from ISPI fix END*/
}

.select_destination_wrap .jq-selectbox__dropdown {
    width: 100% !important;
}

.page-top .sec-content .calc .calc-form .calc-form-step-1 .s1-col-6 {
    padding-right: 30px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner { 
    width: 100px;
}

.page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .price-2 {
    font-size: 18px;
}

@media (max-width: 1023px) {
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl-wrap {
        width: 60% !important;
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-bl .calc-form-step-2-inner {
        width: 100%;
    }
    .page-top .sec-content .calc .calc-form .calc-form-step-2 .calc-form-step-2-inner p.double {
        height: 52px !important;
    }
}
@media (max-width:520px) {
    .form-group .s1-col-5,
    .form-group .s1-col-2 {
      margin-right: 0;
     width: 100%;
   }
  .page-top .sec-content .calc .calc-form .radio .radio-el{width: 50%;}
}
@media (max-width: 960px){
   .page-top .sec-content .calc .calc-result .calc-result-col.c1, .calc-form-step-2-desc.col.с1, .insurance-company_link-area {
    width: 160px;
   }
  .calc-form-step-2-wrapper{overflow-x:auto;}
}
@media (max-width: 768px){
   .calc-form-step-2-desc.col.с1, .insurance-company_link-area,
   .insurance-company_promotion {
    width: 100%; 
    float: none;
   }
  .insurance-company_link-area_link{float: none; margin-bottom: 20px;}
  .insurance-company.form-group.calc-form{
    flex-direction: column;
   }
  .insurance-company .var_title {
    text-align: center;
  }
  .calc-form-step-2-desc.col.с1 .tbl-cell{display: block; text-align: center;margin-bottom: 20px;}
  .calc-form-step-2-wrapper{width: 100%;}
}
@media (max-width:400px) {
    .page-top:before {
        background: url(../images/bg/header-bg.jpg) no-repeat -50px;
        background-size: cover
    }
}
.sh_show {
    /*display: none;*/
    position: relative;
    width: 100%;
    border: 1px solid #ffa800;
    border-bottom-color: #ffa800;
    background: #ffffff !important;
    font-size: 12px;
    font-family: GothamProRegular;
    font-weight: normal;
    line-height: 35px;
    height: 35px;
    outline: none;
}
.calc__goBack {
    border: none;
    background-color: #ffa800;
    border-radius: 8px;
    width: auto;
    padding: 5px;
    display: inline-block;
    font-size: 12px;
    color: #232323;
    margin: 5px auto;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px; 
}
.buy-polis-btn {
    cursor: pointer;
}
.example__country {
    cursor: pointer;
}
.example .example__comma:last-child {
    display: none;
}


.custum_selectdr_styler label{
    padding: 3px 5px;
}
.list_loc_select>div span{
    font-size: 12px;
}
.list_loc_select>div{
    position: relative;
    padding: 3px 23px 3px 10px;
    border-radius: 5px;
    background-color: #f3f3f3;
    display: inline-block;
    line-height: 1;
    margin: 3px 3px 0 0;
    cursor: default;
}
.list_loc_select .close{
    position: absolute;
    background-image: url(/upload/close.svg);
    display: block;
    height: 8px;
    width: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 6px;
    right: 6px;
    cursor: pointer;
}
#calculator-step label.lfull{
    display: block;
    margin-bottom: 3px;
}
label.fifty{
    display: inline-block;
    width: 50%;
    margin-bottom: 3px;
}
.jq-selectbox.hide{
    display: none!important;
}
#calculator-step section.hide{
    display: none;
}
@media screen and (min-width: 1024px){
    #calculator-step {
        min-height: 605px;
    }
}
[data-info-promo]{
    color: #ffa800;
    font-weight: bold;
}
.custum_select_styler{
    height: auto!important;
    line-height: normal;
}
.custum_select_styler .select_place{
    overflow: auto;!important;
    white-space: normal;
}
.placeholder_loc{
    line-height: 25px;
}
.placeholder_loc.hidden{
    display: none;
}
.list_loc_select{
    line-height: normal!important;
    min-height: 35px;
    padding: 5px;
}
@media screen and (min-width: 1024px){
    .autoheight-r,autoheight-l{
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .autoheight-l{
        left: 0;
    }
    .autoheight-r{
        right: 0;
    }
    .autoheight-r>.form-group,.autoheight-l>.form-group{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .autoheight-r>.form-group:after,.autoheight-l>.form-group:after{
        content: '';
        display: block;
        clear: both;
    }
}