/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/





/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::-webkit-scrollbar {

    width: 12px;

    height: 12px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 12px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 12px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



::selection {

    background-color: #0a5eb6;

    color: #fff;

}



::-moz-selection {

    background-color: #0a5eb6;

    color: #fff;

}



::-webkit-selection {

    background-color: #0a5eb6;

    color: #fff;

}



#wjdh-kefu .wjdh-kefu-qq p,

#wjdh-kefu .wjdh-kefu-qq a,

#wjdh-kefu .wjdh-kefu-tel p,

#wjdh-kefu .wjdh-kefu-tel img,

#wjdh-kefu .wjdh-kefu-erweima img {

    box-sizing: content-box;

}



* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}



*:before,

*:after {

    box-sizing: content-box;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



input,

textarea {

    outline: 0;

    border: 0;

    resize: none;

}







h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}



.webqq_ewm {

    box-sizing: content-box;

}





.fixedNav {

    position: fixed !important;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    background-color: #0a5eb6 !important;
    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

    box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);

}







html {

    cursor: url(../images/cur.png),

        default;

}



a {

    cursor: url(../images/Acur.png),

        default;

}



textarea {

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;



}



input[type="text"] {

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

}



input[type="button"] {

    cursor: url(../images/Acur.png),

        default !important;

}



input,

button {

    outline: none;

}



@keyframes animated {

    0% {

        cursor: url('../images/Pcuro1.png'),

            auto;

    }



    8.8% {

        cursor: url('../images/Pcuro2.png'),

            auto;

    }



    17.6% {

        cursor: url('../images/Pcuro3.png'),

            auto;

    }



    26.4% {

        cursor: url('../images/Pcuro4.png'),

            auto;

    }



    35.2% {

        cursor: url('../images/Pcuro5.png'),

            auto;

    }



    44% {

        cursor: url('../images/Pcuro6.png'),

            auto;

    }



    52.8% {

        cursor: url('../images/Pcuro7.png'),

            auto;

    }



    61.6% {

        cursor: url('../images/Pcuro8.png'),

            auto;

    }



    70.4% {

        cursor: url('../images/Pcuro9.png'),

            auto;

    }



    79.2% {

        cursor: url('../images/Pcuro10.png'),

            auto;

    }



    88% {

        cursor: url('../images/Pcuro11.png'),

            auto;

    }



    100% {

        cursor: url('../images/Pcuro12.png'),

            auto;

    }





}







.wjdh-ico1,

.wjdh-ico2 {

    vertical-align: middle;

}





/* @charset "UTF-8";*/

/*!

 * animate.css -https://daneden.github.io/animate.css/

 * Version - 3.7.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2019 Daniel Eden

 */

/* ~~~~~~~ INIT. BTN ~~~~~~~ */

.button.dark {

    --background: #2F3545;

    --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);

    --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);

}



.button.white {

    --background: #fff;

    --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);

    --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);

}



.button {

    --text: #fff;

    --font-size: 16px;

    --duration: 0.5s;

    --move-hover: -4px;

    font-family: 'Roboto';

    font-weight: 500;

    display: block;

    outline: none;

    border: none;

    cursor: pointer;

    text-decoration: none;

    letter-spacing: 0.5px;

    box-shadow: var(--shadow);

    -webkit-transform: translateY(var(--y));

    transform: translateY(var(--y));

    transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

    transition: transform var(--duration) ease, box-shadow var(--duration) ease;

    transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

    -webkit-tap-highlight-color: transparent;

    -webkit-appearance: none;

}



.button span {

    display: flex;

    display: block;

    text-align: center;

}



.button span i {

    display: block;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    font-style: normal;

    display: inline-block;

}



.button span i:nth-child(1) {

    --d: 0.05s;

}



.button span i:nth-child(2) {

    --d: 0.1s;

}



.button span i:nth-child(3) {

    --d: 0.15s;

}



.button span i:nth-child(4) {

    --d: 0.2s;

}



.button span i:nth-child(5) {

    --d: 0.25s;

}



.button span i:nth-child(6) {

    --d: 0.3s;

}



.button span i:nth-child(7) {

    --d: 0.35s;

}



.button span i:nth-child(8) {

    --d: 0.4s;

}



.button span i:nth-child(9) {

    --d: 0.45s;

}



.button span i:nth-child(10) {

    --d: 0.5s;

}



.button span i:nth-child(11) {

    --d: 0.55s;

}



.button:hover {

    --y: var(--move-hover);

    --shadow: var(--shadow-hover);

    --move: -4px;

    --shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);

}



.button:hover i {

    -webkit-animation: move var(--duration) linear var(--d);

    animation: move var(--duration) linear var(--d);

}



.button.smoke {

    --move: 12px;

    --move-y: -8px;

    --blur: 4px;

}



.button.smoke:hover i {

    --duration: 1s;

    -webkit-animation: smoke var(--duration) linear var(--d);

    animation: smoke var(--duration) linear var(--d);

}



.button.drive {

    --move: 16px;

    --skew: 25deg;

    --skew-fast: 40deg;

    --skew-bounce: -12px;

}



.button.drive:hover i {

    --duration: 1s;

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-animation: drive var(--duration) linear var(--d);

    animation: drive var(--duration) linear var(--d);

}



@-webkit-keyframes move {

    40% {

        -webkit-transform: translateY(var(--move));

        transform: translateY(var(--move));

        text-shadow: var(--shadow-active);

    }

}



@keyframes move {

    40% {

        -webkit-transform: translateY(var(--move));

        transform: translateY(var(--move));

        text-shadow: var(--shadow-active);

    }

}



@-webkit-keyframes smoke {



    45%,

    55% {

        -webkit-filter: blur(var(--blur));

        filter: blur(var(--blur));

    }



    50%,

    50.1% {

        opacity: 0;

    }



    25%,

    75% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    50% {

        -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

        transform: translateX(var(--move)) translateY(var(--move-y));

    }



    50.1% {

        -webkit-transform: translateX(calc(var(--move) * -1));

        transform: translateX(calc(var(--move) * -1));

    }

}



@keyframes smoke {



    45%,

    55% {

        -webkit-filter: blur(var(--blur));

        filter: blur(var(--blur));

    }



    50%,

    50.1% {

        opacity: 0;

    }



    25%,

    75% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    50% {

        -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

        transform: translateX(var(--move)) translateY(var(--move-y));

    }



    50.1% {

        -webkit-transform: translateX(calc(var(--move) * -1));

        transform: translateX(calc(var(--move) * -1));

    }

}



@-webkit-keyframes drive {

    40% {

        opacity: 1;

    }



    55% {

        -webkit-transform: skewX(var(--skew)) translateX(var(--move));

        transform: skewX(var(--skew)) translateX(var(--move));

    }



    56% {

        -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

        transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

    }



    55%,

    56% {

        opacity: 0;

    }



    75% {

        -webkit-transform: skewX(var(--skew));

        transform: skewX(var(--skew));

    }



    85% {

        -webkit-transform: skewX(var(--skew-bounce));

        transform: skewX(var(--skew-bounce));

    }

}



@keyframes drive {

    40% {

        opacity: 1;

    }



    55% {

        -webkit-transform: skewX(var(--skew)) translateX(var(--move));

        transform: skewX(var(--skew)) translateX(var(--move));

    }



    56% {

        -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

        transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

    }



    55%,

    56% {

        opacity: 0;

    }



    75% {

        -webkit-transform: skewX(var(--skew));

        transform: skewX(var(--skew));

    }



    85% {

        -webkit-transform: skewX(var(--skew-bounce));

        transform: skewX(var(--skew-bounce));

    }

}



@-webkit-keyframes bounce {



    0%,

    20%,

    53%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }



    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}



@keyframes bounce {



    0%,

    20%,

    53%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0);

    }



    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0);

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0);

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}



@-webkit-keyframes flash {



    0%,

    50%,

    to {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}



@keyframes flash {



    0%,

    50%,

    to {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash;

}



@-webkit-keyframes pulse {

    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 pulse {

    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: pulse;

    animation-name: pulse;

}



@-webkit-keyframes rubberBand {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }



    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }



    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }



    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }



    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }



    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

}



@keyframes rubberBand {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }



    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }



    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }



    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }



    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }



    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

}



@-webkit-keyframes shake {



    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 shake {



    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: shake;

    animation-name: shake;

}



@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }



    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }



    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }



    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }



    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }



    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }



    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }



    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }



    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake;

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: 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 swing {

    20% {

        -webkit-transform: rotate(15deg);

        transform: rotate(15deg);

    }



    40% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }



    60% {

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }



    80% {

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }



    to {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }



    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

        transform: scale3d(0.9, 0.9, 0.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 tada {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }



    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

        transform: scale3d(0.9, 0.9, 0.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: tada;

    animation-name: tada;

}



@-webkit-keyframes wobble {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    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: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes wobble {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    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: translateZ(0);

        transform: translateZ(0);

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

}



@-webkit-keyframes jello {



    0%,

    11.1%,

    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }



    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }



    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }



    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }



    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }



    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }



    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}



@keyframes jello {



    0%,

    11.1%,

    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }



    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }



    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }



    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }



    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }



    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }



    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}



.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }



    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }



    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }



    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }



    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.heartBeat {

    -webkit-animation-name: heartBeat;

    animation-name: heartBeat;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

}



@-webkit-keyframes bounceIn {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }



    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }



    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

}



@keyframes bounceIn {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }



    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }



    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

    }

}



.bounceIn {

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes bounceInDown {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0);

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes bounceInLeft {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0);

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes bounceInRight {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0);

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -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 bounceInUp {



    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -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: bounceInUp;

    animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }



    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }



    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



.bounceOut {

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

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

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

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

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

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

        transform: translate3d(-100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

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

        transform: translate3d(-100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

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

        transform: translate3d(100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

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

        transform: translate3d(100%, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

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

        transform: translate3d(0, 100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

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

        transform: translate3d(0, 100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes fadeOutDown {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(0, 100%, 0);

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes fadeOutDownBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes fadeOutLeft {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(-100%, 0, 0);

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes fadeOutLeftBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes fadeOutRight {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(100%, 0, 0);

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes fadeOutRightBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes fadeOutUp {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

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

        transform: translate3d(0, -100%, 0);

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes fadeOutUpBig {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }



    40% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }



    50% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    to {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



@keyframes flip {

    0% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }



    40% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }



    50% {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    to {

        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

}



@-webkit-keyframes flipInX {

    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 flipInX {

    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: flipInX;

    animation-name: flipInX;

}



@-webkit-keyframes flipInY {

    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 flipInY {

    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: flipInY;

    animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

    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 flipOutX {

    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-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

    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 flipOutY {

    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-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedIn {

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

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes lightSpeedIn {

    0% {

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

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }



    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }



    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

    0% {

        opacity: 1;

    }



    to {

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

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}



@keyframes lightSpeedOut {

    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: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate(-200deg);

        transform: rotate(-200deg);

        opacity: 0;

    }



    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



@keyframes rotateIn {

    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: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg);

        opacity: 0;

    }



    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



@keyframes rotateInDownLeft {

    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: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        opacity: 0;

    }



    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



@keyframes rotateInDownRight {

    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: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        opacity: 0;

    }



    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



@keyframes rotateInUpLeft {

    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: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg);

        opacity: 0;

    }



    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



@keyframes rotateInUpRight {

    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: translateZ(0);

        transform: translateZ(0);

        opacity: 1;

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

    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 rotateOut {

    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: rotateOut;

    animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

    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 rotateOutDownLeft {

    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: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

    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 rotateOutDownRight {

    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: rotateOutDownRight;

    animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

    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 rotateOutUpLeft {

    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: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

    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 rotateOutUpRight {

    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: rotateOutUpRight;

    animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    20%,

    60% {

        -webkit-transform: 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 hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }



    20%,

    60% {

        -webkit-transform: 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-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-name: hinge;

    animation-name: hinge;

}



@-webkit-keyframes jackInTheBox {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }



    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }



    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }



    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes jackInTheBox {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }



    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }



    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }



    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.jackInTheBox {

    -webkit-animation-name: jackInTheBox;

    animation-name: jackInTheBox;

}



@-webkit-keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

        transform: translate3d(-100%, 0, 0) rotate(-120deg);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

        transform: translate3d(-100%, 0, 0) rotate(-120deg);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}



@-webkit-keyframes rollOut {

    0% {

        opacity: 1;

    }



    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

        transform: translate3d(100%, 0, 0) rotate(120deg);

    }

}



@keyframes rollOut {

    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: rollOut;

    animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    50% {

        opacity: 1;

    }

}



@keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    50% {

        opacity: 1;

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

    0% {

        opacity: 1;

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    to {

        opacity: 0;

    }

}



@keyframes zoomOut {

    0% {

        opacity: 1;

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }



    to {

        opacity: 0;

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }



    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    }



    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

}



@-webkit-keyframes slideInDown {

    0% {

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

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes slideInDown {

    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: slideInDown;

    animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

    0% {

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

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes slideInLeft {

    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: slideInLeft;

    animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

    0% {

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

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes slideInRight {

    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: slideInRight;

    animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

    0% {

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

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }



    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes slideInUp {

    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: slideInUp;

    animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    to {

        visibility: hidden;

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

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes slideOutDown {

    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: slideOutDown;

    animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    to {

        visibility: hidden;

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

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes slideOutLeft {

    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: slideOutLeft;

    animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    to {

        visibility: hidden;

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

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes slideOutRight {

    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: slideOutRight;

    animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

    0% {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    to {

        visibility: hidden;

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

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes slideOutUp {

    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: slideOutUp;

    animation-name: slideOutUp;

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.animated.delay-1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.animated.delay-2s {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



.animated.delay-3s {

    -webkit-animation-delay: 3s;

    animation-delay: 3s;

}



.animated.delay-4s {

    -webkit-animation-delay: 4s;

    animation-delay: 4s;

}



.animated.delay-5s {

    -webkit-animation-delay: 5s;

    animation-delay: 5s;

}



.animated.fast {

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

}



.animated.faster {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

}



.animated.slow {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}



.animated.slower {

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

}



@media (prefers-reduced-motion: reduce),

(print) {

    .animated {

        -webkit-animation-duration: 1ms !important;

        animation-duration: 1ms !important;

        -webkit-transition-duration: 1ms !important;

        transition-duration: 1ms !important;

        -webkit-animation-iteration-count: 1 !important;

        animation-iteration-count: 1 !important;

    }

}



.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}



.swiper-container-no-flexbox .swiper-slide {

    float: left;

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto;

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

}



.swiper-slide-invisible-blank {

    visibility: hidden;

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto;

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: height, -webkit-transform;

    -o-transition-property: transform, height;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform;

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px;

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10;

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}



.swiper-container-wp8-horizontal,

.swiper-container-wp8-horizontal>.swiper-wrapper {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

}



.swiper-container-wp8-vertical,

.swiper-container-wp8-vertical>.swiper-wrapper {

    -ms-touch-action: pan-x;

    touch-action: pan-x;

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: 0.35;

    cursor: auto;

    pointer-events: none;

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    right: auto;

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    left: auto;

}



.swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-next.swiper-button-white,

.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-prev.swiper-button-black,

.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-next.swiper-button-black,

.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}



.swiper-button-lock {

    display: none;

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: 0.3s opacity;

    -o-transition: 0.3s opacity;

    transition: 0.3s opacity;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10;

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0;

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%;

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transform: scale(0.33);

    -ms-transform: scale(0.33);

    transform: scale(0.33);

    position: relative;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(0.66);

    -ms-transform: scale(0.66);

    transform: scale(0.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(0.33);

    -ms-transform: scale(0.33);

    transform: scale(0.33);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(0.66);

    -ms-transform: scale(0.66);

    transform: scale(0.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(0.33);

    -ms-transform: scale(0.33);

    transform: scale(0.33);

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: 0.2;

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff;

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    display: block;

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 8px;

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: 0.2s top, 0.2s -webkit-transform;

    transition: 0.2s top, 0.2s -webkit-transform;

    -o-transition: 0.2s transform, 0.2s top;

    transition: 0.2s transform, 0.2s top;

    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px;

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap;

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: 0.2s left, 0.2s -webkit-transform;

    transition: 0.2s left, 0.2s -webkit-transform;

    -o-transition: 0.2s transform, 0.2s left;

    transition: 0.2s transform, 0.2s left;

    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: 0.2s right, 0.2s -webkit-transform;

    transition: 0.2s right, 0.2s -webkit-transform;

    -o-transition: 0.2s transform, 0.2s right;

    transition: 0.2s transform, 0.2s right;

    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;

}



.swiper-pagination-progressbar {

    background: rgba(0, 0, 0, 0.25);

    position: absolute;

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

}



.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0;

}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-container-vertical>.swiper-pagination-progressbar {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0;

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff;

}



.swiper-pagination-progressbar.swiper-pagination-white {

    background: rgba(255, 255, 255, 0.25);

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

    background: #fff;

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000;

}



.swiper-pagination-progressbar.swiper-pagination-black {

    background: rgba(0, 0, 0, 0.25);

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

    background: #000;

}



.swiper-pagination-lock {

    display: none;

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, 0.1);

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%;

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%;

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, 0.5);

    border-radius: 10px;

    left: 0;

    top: 0;

}



.swiper-scrollbar-cursor-drag {

    cursor: move;

}



.swiper-scrollbar-lock {

    display: none;

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



.swiper-slide-zoomed {

    cursor: move;

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite;

}



.swiper-lazy-preloader:after {

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat;

}



.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-cube {

    overflow: visible;

}



.swiper-container-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%;

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible;

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0;

}



.swiper-container-flip {

    overflow: visible;

}



.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px;

}



/*!

  Pure v0.6.0

  Copyright 2014 Yahoo! Inc. All rights reserved.

  Licensed under the BSD License.

  https://github.com/yahoo/pure/blob/master/LICENSE.md

  */

/*!

  normalize.css v^3.0 | MIT License | git.io/normalize

  Copyright (c) Nicolas Gallagher and Jonathan Neal

  */

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;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



figure {

    margin: 1em 40px;

}



hr {

    -moz-box-sizing: content-box;

    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;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    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: 0.35em 0.625em 0.75em;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: 700;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



.hidden,

[hidden] {

    display: none !important;

}



.pure-img {

    max-width: 100%;

    height: auto;

    display: block;

}



.pure-g {

    letter-spacing: -0.31em;

    text-rendering: optimizespeed;

    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    display: -webkit-flex;

    -webkit-flex-flow: row wrap;

    display: -ms-flexbox;

    -ms-flex-flow: row wrap;

    -ms-align-content: flex-start;

    -webkit-align-content: flex-start;

    align-content: flex-start;

}



.opera-only :-o-prefocus,

.pure-g {

    word-spacing: -0.43em;

}



.pure-u {

    display: inline-block;

    zoom: 1;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

}



.pure-g [class*=pure-u] {

    font-family: sans-serif;

}



.pure-u-1,

.pure-u-1-1,

.pure-u-1-12,

.pure-u-1-2,

.pure-u-1-24,

.pure-u-1-3,

.pure-u-1-4,

.pure-u-1-5,

.pure-u-1-6,

.pure-u-1-8,

.pure-u-10-24,

.pure-u-11-12,

.pure-u-11-24,

.pure-u-12-24,

.pure-u-13-24,

.pure-u-14-24,

.pure-u-15-24,

.pure-u-16-24,

.pure-u-17-24,

.pure-u-18-24,

.pure-u-19-24,

.pure-u-2-24,

.pure-u-2-3,

.pure-u-2-5,

.pure-u-20-24,

.pure-u-21-24,

.pure-u-22-24,

.pure-u-23-24,

.pure-u-24-24,

.pure-u-3-24,

.pure-u-3-4,

.pure-u-3-5,

.pure-u-3-8,

.pure-u-4-24,

.pure-u-4-5,

.pure-u-5-12,

.pure-u-5-24,

.pure-u-5-5,

.pure-u-5-6,

.pure-u-5-8,

.pure-u-6-24,

.pure-u-7-12,

.pure-u-7-24,

.pure-u-7-8,

.pure-u-8-24,

.pure-u-9-24 {

    display: inline-block;

    zoom: 1;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

}



.pure-u-1-24 {

    width: 4.1667%;

}



.pure-u-1-12,

.pure-u-2-24 {

    width: 8.3333%;

}



.pure-u-1-8,

.pure-u-3-24 {

    width: 12.5%;

}



.pure-u-1-6,

.pure-u-4-24 {

    width: 16.6667%;

}



.pure-u-1-5 {

    width: 20%;

}



.pure-u-5-24 {

    width: 20.8333%;

}



.pure-u-1-4,

.pure-u-6-24 {

    width: 25%;

}



.pure-u-7-24 {

    width: 29.1667%;

}



.pure-u-1-3,

.pure-u-8-24 {

    width: 33.3333%;

}



.pure-u-3-8,

.pure-u-9-24 {

    width: 37.5%;

}



.pure-u-2-5 {

    width: 40%;

}



.pure-u-10-24,

.pure-u-5-12 {

    width: 41.6667%;

}



.pure-u-11-24 {

    width: 45.8333%;

}



.pure-u-1-2,

.pure-u-12-24 {

    width: 50%;

}



.pure-u-13-24 {

    width: 54.1667%;

}



.pure-u-14-24,

.pure-u-7-12 {

    width: 58.3333%;

}



.pure-u-3-5 {

    width: 60%;

}



.pure-u-15-24,

.pure-u-5-8 {

    width: 62.5%;

}



.pure-u-16-24,

.pure-u-2-3 {

    width: 66.6667%;

}



.pure-u-17-24 {

    width: 70.8333%;

}



.pure-u-18-24,

.pure-u-3-4 {

    width: 75%;

}



.pure-u-19-24 {

    width: 79.1667%;

}



.pure-u-4-5 {

    width: 80%;

}



.pure-u-20-24,

.pure-u-5-6 {

    width: 83.3333%;

}



.pure-u-21-24,

.pure-u-7-8 {

    width: 87.5%;

}



.pure-u-11-12,

.pure-u-22-24 {

    width: 91.6667%;

}



.pure-u-23-24 {

    width: 95.8333%;

}



.pure-u-1,

.pure-u-1-1,

.pure-u-24-24,

.pure-u-5-5 {

    width: 100%;

}



.pure-button {

    display: inline-block;

    zoom: 1;

    line-height: normal;

    white-space: nowrap;

    vertical-align: middle;

    text-align: center;

    cursor: pointer;

    -webkit-user-drag: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.pure-button::-moz-focus-inner {

    padding: 0;

    border: 0;

}



.pure-button {

    font-family: inherit;

    font-size: 100%;

    padding: 0.5em 1em;

    color: #444;

    color: rgba(0, 0, 0, 0.8);

    border: 1px solid #999;

    border: 0 transparent;

    background-color: #e6e6e6;

    text-decoration: none;

    border-radius: 2px;

}



.pure-button-hover,

.pure-button:focus,

.pure-button:hover {

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));

    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.1));

    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

}



.pure-button:focus {

    outline: 0;

}



.pure-button-active,

.pure-button:active {

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

}



.pure-button-disabled,

.pure-button-disabled:active,

.pure-button-disabled:focus,

.pure-button-disabled:hover,

.pure-button[disabled] {

    border: 0;

    background-image: none;

    -khtml-opacity: 0.4;

    -moz-opacity: 0.4;

    opacity: 0.4;

    cursor: not-allowed;

    box-shadow: none;

}



.pure-button-hidden {

    display: none;

}



.pure-button::-moz-focus-inner {

    padding: 0;

    border: 0;

}



.pure-button-primary,

.pure-button-selected,

a.pure-button-primary,

a.pure-button-selected {

    background-color: #0078e7;

    color: #fff;

}



.pure-form input[type=color],

.pure-form input[type=date],

.pure-form input[type=datetime-local],

.pure-form input[type=datetime],

.pure-form input[type=email],

.pure-form input[type=month],

.pure-form input[type=number],

.pure-form input[type=password],

.pure-form input[type=search],

.pure-form input[type=tel],

.pure-form input[type=text],

.pure-form input[type=time],

.pure-form input[type=url],

.pure-form input[type=week],

.pure-form select,

.pure-form textarea {

    padding: 0.5em 0.6em;

    display: inline-block;

    border: 1px solid #ccc;

    box-shadow: inset 0 1px 3px #ddd;

    border-radius: 4px;

    vertical-align: middle;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.pure-form input:not([type]) {

    padding: 0.5em 0.6em;

    display: inline-block;

    border: 1px solid #ccc;

    box-shadow: inset 0 1px 3px #ddd;

    border-radius: 4px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.pure-form input[type=color] {

    padding: 0.2em 0.5em;

}



.pure-form input[type=color]:focus,

.pure-form input[type=date]:focus,

.pure-form input[type=datetime-local]:focus,

.pure-form input[type=datetime]:focus,

.pure-form input[type=email]:focus,

.pure-form input[type=month]:focus,

.pure-form input[type=number]:focus,

.pure-form input[type=password]:focus,

.pure-form input[type=search]:focus,

.pure-form input[type=tel]:focus,

.pure-form input[type=text]:focus,

.pure-form input[type=time]:focus,

.pure-form input[type=url]:focus,

.pure-form input[type=week]:focus,

.pure-form select:focus,

.pure-form textarea:focus {

    outline: 0;

    border-color: #129fea;

}



.pure-form input:not([type]):focus {

    outline: 0;

    border-color: #129fea;

}



.pure-form input[type=checkbox]:focus,

.pure-form input[type=file]:focus,

.pure-form input[type=radio]:focus {

    outline: thin solid #129fea;

    outline: 1px auto #129fea;

}



.pure-form .pure-checkbox,

.pure-form .pure-radio {

    margin: 0.5em 0;

    display: block;

}



.pure-form input[type=color][disabled],

.pure-form input[type=date][disabled],

.pure-form input[type=datetime-local][disabled],

.pure-form input[type=datetime][disabled],

.pure-form input[type=email][disabled],

.pure-form input[type=month][disabled],

.pure-form input[type=number][disabled],

.pure-form input[type=password][disabled],

.pure-form input[type=search][disabled],

.pure-form input[type=tel][disabled],

.pure-form input[type=text][disabled],

.pure-form input[type=time][disabled],

.pure-form input[type=url][disabled],

.pure-form input[type=week][disabled],

.pure-form select[disabled],

.pure-form textarea[disabled] {

    cursor: not-allowed;

    background-color: #eaeded;

    color: #cad2d3;

}



.pure-form input:not([type])[disabled] {

    cursor: not-allowed;

    background-color: #eaeded;

    color: #cad2d3;

}



.pure-form input[readonly],

.pure-form select[readonly],

.pure-form textarea[readonly] {

    background-color: #eee;

    color: #777;

    border-color: #ccc;

}



.pure-form input:focus:invalid,

.pure-form select:focus:invalid,

.pure-form textarea:focus:invalid {

    color: #b94a48;

    border-color: #e9322d;

}



.pure-form input[type=checkbox]:focus:invalid:focus,

.pure-form input[type=file]:focus:invalid:focus,

.pure-form input[type=radio]:focus:invalid:focus {

    outline-color: #e9322d;

}



.pure-form select {

    height: 2.25em;

    border: 1px solid #ccc;

    background-color: #fff;

}



.pure-form select[multiple] {

    height: auto;

}



.pure-form label {

    margin: 0.5em 0 0.2em;

}



.pure-form fieldset {

    margin: 0;

    padding: 0.35em 0 0.75em;

    border: 0;

}



.pure-form legend {

    display: block;

    width: 100%;

    padding: 0.3em 0;

    margin-bottom: 0.3em;

    color: #333;

    border-bottom: 1px solid #e5e5e5;

}



.pure-form-stacked input[type=color],

.pure-form-stacked input[type=date],

.pure-form-stacked input[type=datetime-local],

.pure-form-stacked input[type=datetime],

.pure-form-stacked input[type=email],

.pure-form-stacked input[type=file],

.pure-form-stacked input[type=month],

.pure-form-stacked input[type=number],

.pure-form-stacked input[type=password],

.pure-form-stacked input[type=search],

.pure-form-stacked input[type=tel],

.pure-form-stacked input[type=text],

.pure-form-stacked input[type=time],

.pure-form-stacked input[type=url],

.pure-form-stacked input[type=week],

.pure-form-stacked label,

.pure-form-stacked select,

.pure-form-stacked textarea {

    display: block;

    margin: 0.25em 0;

}



.pure-form-stacked input:not([type]) {

    display: block;

    margin: 0.25em 0;

}



.pure-form-aligned .pure-help-inline,

.pure-form-aligned input,

.pure-form-aligned select,

.pure-form-aligned textarea,

.pure-form-message-inline {

    display: inline-block;

    vertical-align: middle;

}



.pure-form-aligned textarea {

    vertical-align: top;

}



.pure-form-aligned .pure-control-group {

    margin-bottom: 0.5em;

}



.pure-form-aligned .pure-control-group label {

    text-align: right;

    display: inline-block;

    vertical-align: middle;

    width: 10em;

    margin: 0 1em 0 0;

}



.pure-form-aligned .pure-controls {

    margin: 1.5em 0 0 11em;

}



.pure-form .pure-input-rounded,

.pure-form input.pure-input-rounded {

    border-radius: 2em;

    padding: 0.5em 1em;

}



.pure-form .pure-group fieldset {

    margin-bottom: 10px;

}



.pure-form .pure-group input,

.pure-form .pure-group textarea {

    display: block;

    padding: 10px;

    margin: 0 0 -1px;

    border-radius: 0;

    position: relative;

    top: -1px;

}



.pure-form .pure-group input:focus,

.pure-form .pure-group textarea:focus {

    z-index: 3;

}



.pure-form .pure-group input:first-child,

.pure-form .pure-group textarea:first-child {

    top: 1px;

    border-radius: 4px 4px 0 0;

    margin: 0;

}



.pure-form .pure-group input:first-child:last-child,

.pure-form .pure-group textarea:first-child:last-child {

    top: 1px;

    border-radius: 4px;

    margin: 0;

}



.pure-form .pure-group input:last-child,

.pure-form .pure-group textarea:last-child {

    top: -2px;

    border-radius: 0 0 4px 4px;

    margin: 0;

}



.pure-form .pure-group button {

    margin: 0.35em 0;

}



.pure-form .pure-input-1 {

    width: 100%;

}



.pure-form .pure-input-2-3 {

    width: 66%;

}



.pure-form .pure-input-1-2 {

    width: 50%;

}



.pure-form .pure-input-1-3 {

    width: 33%;

}



.pure-form .pure-input-1-4 {

    width: 25%;

}



.pure-form .pure-help-inline,

.pure-form-message-inline {

    display: inline-block;

    padding-left: 0.3em;

    color: #666;

    vertical-align: middle;

    font-size: 0.875em;

}



.pure-form-message {

    display: block;

    color: #666;

    font-size: 0.875em;

}



@media only screen and (max-width: 480px) {

    .pure-form button[type=submit] {

        margin: 0.7em 0 0;

    }



    .pure-form input:not([type]),

    .pure-form input[type=color],

    .pure-form input[type=date],

    .pure-form input[type=datetime-local],

    .pure-form input[type=datetime],

    .pure-form input[type=email],

    .pure-form input[type=month],

    .pure-form input[type=number],

    .pure-form input[type=password],

    .pure-form input[type=search],

    .pure-form input[type=tel],

    .pure-form input[type=text],

    .pure-form input[type=time],

    .pure-form input[type=url],

    .pure-form input[type=week],

    .pure-form label {

        margin-bottom: 0.3em;

        display: block;

    }



    .pure-group input:not([type]),

    .pure-group input[type=color],

    .pure-group input[type=date],

    .pure-group input[type=datetime-local],

    .pure-group input[type=datetime],

    .pure-group input[type=email],

    .pure-group input[type=month],

    .pure-group input[type=number],

    .pure-group input[type=password],

    .pure-group input[type=search],

    .pure-group input[type=tel],

    .pure-group input[type=text],

    .pure-group input[type=time],

    .pure-group input[type=url],

    .pure-group input[type=week] {

        margin-bottom: 0;

    }



    .pure-form-aligned .pure-control-group label {

        margin-bottom: 0.3em;

        text-align: left;

        display: block;

        width: 100%;

    }



    .pure-form-aligned .pure-controls {

        margin: 1.5em 0 0;

    }



    .pure-form .pure-help-inline,

    .pure-form-message,

    .pure-form-message-inline {

        display: block;

        font-size: 0.75em;

        padding: 0.2em 0 0.8em;

    }

}



.pure-menu {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.pure-menu-fixed {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 3;

}



.pure-menu-item,

.pure-menu-list {

    position: relative;

}



.pure-menu-list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.pure-menu-item {

    padding: 0;

    margin: 0;

    height: 100%;

}



.pure-menu-heading,

.pure-menu-link {

    display: block;

    text-decoration: none;

    white-space: nowrap;

}



.pure-menu-horizontal {

    width: 100%;

    white-space: nowrap;

}



.pure-menu-horizontal .pure-menu-list {

    display: inline-block;

}



.pure-menu-horizontal .pure-menu-heading,

.pure-menu-horizontal .pure-menu-item,

.pure-menu-horizontal .pure-menu-separator {

    display: inline-block;

    zoom: 1;

    vertical-align: middle;

}



.pure-menu-item .pure-menu-item {

    display: block;

}



.pure-menu-children {

    display: none;

    position: absolute;

    left: 100%;

    top: 0;

    margin: 0;

    padding: 0;

    z-index: 3;

}



.pure-menu-horizontal .pure-menu-children {

    left: 0;

    top: auto;

    width: inherit;

}



.pure-menu-active>.pure-menu-children,

.pure-menu-allow-hover:hover>.pure-menu-children {

    display: block;

    position: absolute;

}



.pure-menu-has-children>.pure-menu-link:after {

    padding-left: 0.5em;

    content: "\25B8";

    font-size: small;

}



.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {

    content: "\25BE";

}



.pure-menu-scrollable {

    overflow-y: scroll;

    overflow-x: hidden;

}



.pure-menu-scrollable .pure-menu-list {

    display: block;

}



.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {

    display: inline-block;

}



.pure-menu-horizontal.pure-menu-scrollable {

    white-space: nowrap;

    overflow-y: hidden;

    overflow-x: auto;

    -ms-overflow-style: none;

    -webkit-overflow-scrolling: touch;

    padding: 0.5em 0;

}



.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {

    display: none;

}



.pure-menu-separator {

    background-color: #ccc;

    height: 1px;

    margin: 0.3em 0;

}



.pure-menu-horizontal .pure-menu-separator {

    width: 1px;

    height: 1.3em;

    margin: 0 0.3em;

}



.pure-menu-heading {

    text-transform: uppercase;

    color: #565d64;

}



.pure-menu-link {

    color: #777;

}



.pure-menu-children {

    background-color: #fff;

}



.pure-menu-disabled,

.pure-menu-heading,

.pure-menu-link {

    padding: 0.5em 1em;

}



.pure-menu-disabled {

    opacity: 0.5;

}



.pure-menu-disabled .pure-menu-link:hover {

    background-color: transparent;

}



.pure-menu-active>.pure-menu-link,

.pure-menu-link:focus,

.pure-menu-link:hover {

    background-color: #eee;

}



.pure-menu-selected .pure-menu-link,

.pure-menu-selected .pure-menu-link:visited {

    color: #000;

}



.pure-table {

    border-collapse: collapse;

    border-spacing: 0;

    empty-cells: show;

    border: 1px solid #cbcbcb;

}



.pure-table caption {

    color: #000;

    font: italic 85%/1 arial, sans-serif;

    padding: 1em 0;

    text-align: center;

}



.pure-table td,

.pure-table th {

    border-left: 1px solid #cbcbcb;

    border-width: 0 0 0 1px;

    font-size: inherit;

    margin: 0;

    overflow: visible;

    padding: 0.5em 1em;

}



.pure-table td:first-child,

.pure-table th:first-child {

    border-left-width: 0;

}



.pure-table thead {

    background-color: #e0e0e0;

    color: #000;

    text-align: left;

    vertical-align: bottom;

}



.pure-table td {

    background-color: transparent;

}



.pure-table-odd td {

    background-color: #f2f2f2;

}



.pure-table-striped tr:nth-child(2n-1) td {

    background-color: #f2f2f2;

}



.pure-table-bordered td {

    border-bottom: 1px solid #cbcbcb;

}



.pure-table-bordered tbody>tr:last-child>td {

    border-bottom-width: 0;

}



.pure-table-horizontal td,

.pure-table-horizontal th {

    border-width: 0 0 1px;

    border-bottom: 1px solid #cbcbcb;

}



.pure-table-horizontal tbody>tr:last-child>td {

    border-bottom-width: 0;

}



/*!

  Pure v0.6.0

  Copyright 2014 Yahoo! Inc. All rights reserved.

  Licensed under the BSD License.

  https://github.com/yahoo/pure/blob/master/LICENSE.md

  */

@media screen and (min-width: 35.5em) {



    .pure-u-sm-1,

    .pure-u-sm-1-1,

    .pure-u-sm-1-12,

    .pure-u-sm-1-2,

    .pure-u-sm-1-24,

    .pure-u-sm-1-3,

    .pure-u-sm-1-4,

    .pure-u-sm-1-5,

    .pure-u-sm-1-6,

    .pure-u-sm-1-8,

    .pure-u-sm-10-24,

    .pure-u-sm-11-12,

    .pure-u-sm-11-24,

    .pure-u-sm-12-24,

    .pure-u-sm-13-24,

    .pure-u-sm-14-24,

    .pure-u-sm-15-24,

    .pure-u-sm-16-24,

    .pure-u-sm-17-24,

    .pure-u-sm-18-24,

    .pure-u-sm-19-24,

    .pure-u-sm-2-24,

    .pure-u-sm-2-3,

    .pure-u-sm-2-5,

    .pure-u-sm-20-24,

    .pure-u-sm-21-24,

    .pure-u-sm-22-24,

    .pure-u-sm-23-24,

    .pure-u-sm-24-24,

    .pure-u-sm-3-24,

    .pure-u-sm-3-4,

    .pure-u-sm-3-5,

    .pure-u-sm-3-8,

    .pure-u-sm-4-24,

    .pure-u-sm-4-5,

    .pure-u-sm-5-12,

    .pure-u-sm-5-24,

    .pure-u-sm-5-5,

    .pure-u-sm-5-6,

    .pure-u-sm-5-8,

    .pure-u-sm-6-24,

    .pure-u-sm-7-12,

    .pure-u-sm-7-24,

    .pure-u-sm-7-8,

    .pure-u-sm-8-24,

    .pure-u-sm-9-24 {

        display: inline-block;

        zoom: 1;

        letter-spacing: normal;

        word-spacing: normal;

        vertical-align: top;

        text-rendering: auto;

    }



    .pure-u-sm-1-24 {

        width: 4.1667%;

    }



    .pure-u-sm-1-12,

    .pure-u-sm-2-24 {

        width: 8.3333%;

    }



    .pure-u-sm-1-8,

    .pure-u-sm-3-24 {

        width: 12.5%;

    }



    .pure-u-sm-1-6,

    .pure-u-sm-4-24 {

        width: 16.6667%;

    }



    .pure-u-sm-1-5 {

        width: 20%;

    }



    .pure-u-sm-5-24 {

        width: 20.8333%;

    }



    .pure-u-sm-1-4,

    .pure-u-sm-6-24 {

        width: 25%;

    }



    .pure-u-sm-7-24 {

        width: 29.1667%;

    }



    .pure-u-sm-1-3,

    .pure-u-sm-8-24 {

        width: 33.3333%;

    }



    .pure-u-sm-3-8,

    .pure-u-sm-9-24 {

        width: 37.5%;

    }



    .pure-u-sm-2-5 {

        width: 40%;

    }



    .pure-u-sm-10-24,

    .pure-u-sm-5-12 {

        width: 41.6667%;

    }



    .pure-u-sm-11-24 {

        width: 45.8333%;

    }



    .pure-u-sm-1-2,

    .pure-u-sm-12-24 {

        width: 50%;

    }



    .pure-u-sm-13-24 {

        width: 54.1667%;

    }



    .pure-u-sm-14-24,

    .pure-u-sm-7-12 {

        width: 58.3333%;

    }



    .pure-u-sm-3-5 {

        width: 60%;

    }



    .pure-u-sm-15-24,

    .pure-u-sm-5-8 {

        width: 62.5%;

    }



    .pure-u-sm-16-24,

    .pure-u-sm-2-3 {

        width: 66.6667%;

    }



    .pure-u-sm-17-24 {

        width: 70.8333%;

    }



    .pure-u-sm-18-24,

    .pure-u-sm-3-4 {

        width: 75%;

    }



    .pure-u-sm-19-24 {

        width: 79.1667%;

    }



    .pure-u-sm-4-5 {

        width: 80%;

    }



    .pure-u-sm-20-24,

    .pure-u-sm-5-6 {

        width: 83.3333%;

    }



    .pure-u-sm-21-24,

    .pure-u-sm-7-8 {

        width: 87.5%;

    }



    .pure-u-sm-11-12,

    .pure-u-sm-22-24 {

        width: 91.6667%;

    }



    .pure-u-sm-23-24 {

        width: 95.8333%;

    }



    .pure-u-sm-1,

    .pure-u-sm-1-1,

    .pure-u-sm-24-24,

    .pure-u-sm-5-5 {

        width: 100%;

    }

}



@media screen and (min-width: 48em) {



    .pure-u-md-1,

    .pure-u-md-1-1,

    .pure-u-md-1-12,

    .pure-u-md-1-2,

    .pure-u-md-1-24,

    .pure-u-md-1-3,

    .pure-u-md-1-4,

    .pure-u-md-1-5,

    .pure-u-md-1-6,

    .pure-u-md-1-8,

    .pure-u-md-10-24,

    .pure-u-md-11-12,

    .pure-u-md-11-24,

    .pure-u-md-12-24,

    .pure-u-md-13-24,

    .pure-u-md-14-24,

    .pure-u-md-15-24,

    .pure-u-md-16-24,

    .pure-u-md-17-24,

    .pure-u-md-18-24,

    .pure-u-md-19-24,

    .pure-u-md-2-24,

    .pure-u-md-2-3,

    .pure-u-md-2-5,

    .pure-u-md-20-24,

    .pure-u-md-21-24,

    .pure-u-md-22-24,

    .pure-u-md-23-24,

    .pure-u-md-24-24,

    .pure-u-md-3-24,

    .pure-u-md-3-4,

    .pure-u-md-3-5,

    .pure-u-md-3-8,

    .pure-u-md-4-24,

    .pure-u-md-4-5,

    .pure-u-md-5-12,

    .pure-u-md-5-24,

    .pure-u-md-5-5,

    .pure-u-md-5-6,

    .pure-u-md-5-8,

    .pure-u-md-6-24,

    .pure-u-md-7-12,

    .pure-u-md-7-24,

    .pure-u-md-7-8,

    .pure-u-md-8-24,

    .pure-u-md-9-24 {

        display: inline-block;

        zoom: 1;

        letter-spacing: normal;

        word-spacing: normal;

        vertical-align: top;

        text-rendering: auto;

    }



    .pure-u-md-1-24 {

        width: 4.1667%;

    }



    .pure-u-md-1-12,

    .pure-u-md-2-24 {

        width: 8.3333%;

    }



    .pure-u-md-1-8,

    .pure-u-md-3-24 {

        width: 12.5%;

    }



    .pure-u-md-1-6,

    .pure-u-md-4-24 {

        width: 16.6667%;

    }



    .pure-u-md-1-5 {

        width: 20%;

    }



    .pure-u-md-5-24 {

        width: 20.8333%;

    }



    .pure-u-md-1-4,

    .pure-u-md-6-24 {

        width: 25%;

    }



    .pure-u-md-7-24 {

        width: 29.1667%;

    }



    .pure-u-md-1-3,

    .pure-u-md-8-24 {

        width: 33.3333%;

    }



    .pure-u-md-3-8,

    .pure-u-md-9-24 {

        width: 37.5%;

    }



    .pure-u-md-2-5 {

        width: 40%;

    }



    .pure-u-md-10-24,

    .pure-u-md-5-12 {

        width: 41.6667%;

    }



    .pure-u-md-11-24 {

        width: 45.8333%;

    }



    .pure-u-md-1-2,

    .pure-u-md-12-24 {

        width: 50%;

    }



    .pure-u-md-13-24 {

        width: 54.1667%;

    }



    .pure-u-md-14-24,

    .pure-u-md-7-12 {

        width: 58.3333%;

    }



    .pure-u-md-3-5 {

        width: 60%;

    }



    .pure-u-md-15-24,

    .pure-u-md-5-8 {

        width: 62.5%;

    }



    .pure-u-md-16-24,

    .pure-u-md-2-3 {

        width: 66.6667%;

    }



    .pure-u-md-17-24 {

        width: 70.8333%;

    }



    .pure-u-md-18-24,

    .pure-u-md-3-4 {

        width: 75%;

    }



    .pure-u-md-19-24 {

        width: 79.1667%;

    }



    .pure-u-md-4-5 {

        width: 80%;

    }



    .pure-u-md-20-24,

    .pure-u-md-5-6 {

        width: 83.3333%;

    }



    .pure-u-md-21-24,

    .pure-u-md-7-8 {

        width: 87.5%;

    }



    .pure-u-md-11-12,

    .pure-u-md-22-24 {

        width: 91.6667%;

    }



    .pure-u-md-23-24 {

        width: 95.8333%;

    }



    .pure-u-md-1,

    .pure-u-md-1-1,

    .pure-u-md-24-24,

    .pure-u-md-5-5 {

        width: 100%;

    }

}



@media screen and (min-width: 64em) {



    .pure-u-lg-1,

    .pure-u-lg-1-1,

    .pure-u-lg-1-12,

    .pure-u-lg-1-2,

    .pure-u-lg-1-24,

    .pure-u-lg-1-3,

    .pure-u-lg-1-4,

    .pure-u-lg-1-5,

    .pure-u-lg-1-6,

    .pure-u-lg-1-8,

    .pure-u-lg-10-24,

    .pure-u-lg-11-12,

    .pure-u-lg-11-24,

    .pure-u-lg-12-24,

    .pure-u-lg-13-24,

    .pure-u-lg-14-24,

    .pure-u-lg-15-24,

    .pure-u-lg-16-24,

    .pure-u-lg-17-24,

    .pure-u-lg-18-24,

    .pure-u-lg-19-24,

    .pure-u-lg-2-24,

    .pure-u-lg-2-3,

    .pure-u-lg-2-5,

    .pure-u-lg-20-24,

    .pure-u-lg-21-24,

    .pure-u-lg-22-24,

    .pure-u-lg-23-24,

    .pure-u-lg-24-24,

    .pure-u-lg-3-24,

    .pure-u-lg-3-4,

    .pure-u-lg-3-5,

    .pure-u-lg-3-8,

    .pure-u-lg-4-24,

    .pure-u-lg-4-5,

    .pure-u-lg-5-12,

    .pure-u-lg-5-24,

    .pure-u-lg-5-5,

    .pure-u-lg-5-6,

    .pure-u-lg-5-8,

    .pure-u-lg-6-24,

    .pure-u-lg-7-12,

    .pure-u-lg-7-24,

    .pure-u-lg-7-8,

    .pure-u-lg-8-24,

    .pure-u-lg-9-24 {

        display: inline-block;

        zoom: 1;

        letter-spacing: normal;

        word-spacing: normal;

        vertical-align: top;

        text-rendering: auto;

    }



    .pure-u-lg-1-24 {

        width: 4.1667%;

    }



    .pure-u-lg-1-12,

    .pure-u-lg-2-24 {

        width: 8.3333%;

    }



    .pure-u-lg-1-8,

    .pure-u-lg-3-24 {

        width: 12.5%;

    }



    .pure-u-lg-1-6,

    .pure-u-lg-4-24 {

        width: 16.6667%;

    }



    .pure-u-lg-1-5 {

        width: 20%;

    }



    .pure-u-lg-5-24 {

        width: 20.8333%;

    }



    .pure-u-lg-1-4,

    .pure-u-lg-6-24 {

        width: 33.33%;

    }



    .pure-u-lg-7-24 {

        width: 29.1667%;

    }



    .pure-u-lg-1-3,

    .pure-u-lg-8-24 {

        width: 33.3333%;

    }



    .pure-u-lg-3-8,

    .pure-u-lg-9-24 {

        width: 37.5%;

    }



    .pure-u-lg-2-5 {

        width: 40%;

    }



    .pure-u-lg-10-24,

    .pure-u-lg-5-12 {

        width: 41.6667%;

    }



    .pure-u-lg-11-24 {

        width: 45.8333%;

    }



    .pure-u-lg-1-2,

    .pure-u-lg-12-24 {

        width: 50%;

    }



    .pure-u-lg-13-24 {

        width: 54.1667%;

    }



    .pure-u-lg-14-24,

    .pure-u-lg-7-12 {

        width: 58.3333%;

    }



    .pure-u-lg-3-5 {

        width: 60%;

    }



    .pure-u-lg-15-24,

    .pure-u-lg-5-8 {

        width: 62.5%;

    }



    .pure-u-lg-16-24,

    .pure-u-lg-2-3 {

        width: 66.6667%;

    }



    .pure-u-lg-17-24 {

        width: 70.8333%;

    }



    .pure-u-lg-18-24,

    .pure-u-lg-3-4 {

        width: 75%;

    }



    .pure-u-lg-19-24 {

        width: 79.1667%;

    }



    .pure-u-lg-4-5 {

        width: 80%;

    }



    .pure-u-lg-20-24,

    .pure-u-lg-5-6 {

        width: 83.3333%;

    }



    .pure-u-lg-21-24,

    .pure-u-lg-7-8 {

        width: 87.5%;

    }



    .pure-u-lg-11-12,

    .pure-u-lg-22-24 {

        width: 91.6667%;

    }



    .pure-u-lg-23-24 {

        width: 95.8333%;

    }



    .pure-u-lg-1,

    .pure-u-lg-1-1,

    .pure-u-lg-24-24,

    .pure-u-lg-5-5 {

        width: 100%;

    }

}



@media screen and (min-width: 80em) {



    .pure-u-xl-1,

    .pure-u-xl-1-1,

    .pure-u-xl-1-12,

    .pure-u-xl-1-2,

    .pure-u-xl-1-24,

    .pure-u-xl-1-3,

    .pure-u-xl-1-4,

    .pure-u-xl-1-5,

    .pure-u-xl-1-6,

    .pure-u-xl-1-8,

    .pure-u-xl-10-24,

    .pure-u-xl-11-12,

    .pure-u-xl-11-24,

    .pure-u-xl-12-24,

    .pure-u-xl-13-24,

    .pure-u-xl-14-24,

    .pure-u-xl-15-24,

    .pure-u-xl-16-24,

    .pure-u-xl-17-24,

    .pure-u-xl-18-24,

    .pure-u-xl-19-24,

    .pure-u-xl-2-24,

    .pure-u-xl-2-3,

    .pure-u-xl-2-5,

    .pure-u-xl-20-24,

    .pure-u-xl-21-24,

    .pure-u-xl-22-24,

    .pure-u-xl-23-24,

    .pure-u-xl-24-24,

    .pure-u-xl-3-24,

    .pure-u-xl-3-4,

    .pure-u-xl-3-5,

    .pure-u-xl-3-8,

    .pure-u-xl-4-24,

    .pure-u-xl-4-5,

    .pure-u-xl-5-12,

    .pure-u-xl-5-24,

    .pure-u-xl-5-5,

    .pure-u-xl-5-6,

    .pure-u-xl-5-8,

    .pure-u-xl-6-24,

    .pure-u-xl-7-12,

    .pure-u-xl-7-24,

    .pure-u-xl-7-8,

    .pure-u-xl-8-24,

    .pure-u-xl-9-24 {

        display: inline-block;

        zoom: 1;

        letter-spacing: normal;

        word-spacing: normal;

        vertical-align: top;

        text-rendering: auto;

    }



    .pure-u-xl-1-24 {

        width: 4.1667%;

    }



    .pure-u-xl-1-12,

    .pure-u-xl-2-24 {

        width: 8.3333%;

    }



    .pure-u-xl-1-8,

    .pure-u-xl-3-24 {

        width: 12.5%;

    }



    .pure-u-xl-1-6,

    .pure-u-xl-4-24 {

        width: 16.6667%;

    }



    .pure-u-xl-1-5 {

        width: 20%;

    }



    .pure-u-xl-5-24 {

        width: 20.8333%;

    }



    .pure-u-xl-1-4,

    .pure-u-xl-6-24 {

        width: 25%;

    }



    .pure-u-xl-7-24 {

        width: 29.1667%;

    }



    .pure-u-xl-1-3,

    .pure-u-xl-8-24 {

        width: 33.3333%;

    }



    .pure-u-xl-3-8,

    .pure-u-xl-9-24 {

        width: 37.5%;

    }



    .pure-u-xl-2-5 {

        width: 40%;

    }



    .pure-u-xl-10-24,

    .pure-u-xl-5-12 {

        width: 41.6667%;

    }



    .pure-u-xl-11-24 {

        width: 45.8333%;

    }



    .pure-u-xl-1-2,

    .pure-u-xl-12-24 {

        width: 50%;

    }



    .pure-u-xl-13-24 {

        width: 54.1667%;

    }



    .pure-u-xl-14-24,

    .pure-u-xl-7-12 {

        width: 58.3333%;

    }



    .pure-u-xl-3-5 {

        width: 60%;

    }



    .pure-u-xl-15-24,

    .pure-u-xl-5-8 {

        width: 62.5%;

    }



    .pure-u-xl-16-24,

    .pure-u-xl-2-3 {

        width: 66.6667%;

    }



    .pure-u-xl-17-24 {

        width: 70.8333%;

    }



    .pure-u-xl-18-24,

    .pure-u-xl-3-4 {

        width: 75%;

    }



    .pure-u-xl-19-24 {

        width: 79.1667%;

    }



    .pure-u-xl-4-5 {

        width: 80%;

    }



    .pure-u-xl-20-24,

    .pure-u-xl-5-6 {

        width: 83.3333%;

    }



    .pure-u-xl-21-24,

    .pure-u-xl-7-8 {

        width: 87.5%;

    }



    .pure-u-xl-11-12,

    .pure-u-xl-22-24 {

        width: 91.6667%;

    }



    .pure-u-xl-23-24 {

        width: 95.8333%;

    }



    .pure-u-xl-1,

    .pure-u-xl-1-1,

    .pure-u-xl-24-24,

    .pure-u-xl-5-5 {

        width: 100%;

    }

}



.webqqs {

    z-index: 9999999999999999999;

}



#map {

    position: fixed;

    top: 0;

    right: 0;

    width: 140px;

    height: 100%;

    z-index: 100;

}



#container {

    position: relative;

    left: 100px;

    top: 100px;

    width: 600px;

    height: 600px;

    outline: 4px solid #222;

    overflow: auto;

}



#content {

    width: 800px;

    height: 1000px;

    background-color: #ccc;

}



#container2 {

    position: relative;

    left: 100px;

    top: 100px;

    width: 300px;

    height: 400px;

    outline: 4px solid #222;

    overflow: auto;

}



#content2 {

    width: 500px;

    height: 600px;

    background-color: #aaa;

}



.checkers {

    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);

    background-size: 100px 100px;

    background-position: 0 0, 50px 50px;

}



::-webkit-scrollbar {

    width: 8px;

    /*height: 4px;*/

}



.ld-smart-container {

    position: absolute;

    z-index: 2;

    width: 100% !important;

    height: 100% !important;

    overflow: hidden;

}



.ld-overlap-container {

    position: absolute;

    top: 0 !important;

}



.ld-smart-container .ld-3d-parent {

    width: 100% !important;

    height: 100% !important;

    pointer-events: none;

    transform-style: preserve-3d;

    perspective: 9000px;

    opacity: 1;

    position: relative;

}



.ld-smart-container .ld-transform-target {

    position: relative;

    -webkit-transform-style: flat;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0px, 0px, 0px);

    width: 100% !important;

    height: 100% !important;

    pointer-events: none;

    transform-style: preserve-3d;

}



.ld-smart-container .ld-3d-object {

    position: absolute;

    pointer-events: none;

    -webkit-transform-style: flat;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0px, 0px, 0px);

    transform-style: preserve-3d;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000px;

}



.ld-smart-container .ld-3d-object,

.ld-smart-container .ld-transform-target {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

}



.ld-smart-container {

    position: absolute;

    z-index: 2;

    width: 100% !important;

    height: 100% !important;

    overflow: hidden;

}



.ld-overlap-container {

    position: absolute;

    top: 0 !important;

    width: 100% !important;

    height: 100% !important;

}



.ld-smart-container .ld-3d-parent {

    width: 100% !important;

    height: 100% !important;

    pointer-events: none;

    transform-style: preserve-3d;

    perspective: 9000px;

    opacity: 1;

    position: relative;

}



.ld-smart-container .ld-transform-target {

    position: relative;

    -webkit-transform-style: flat;

    width: 100% !important;

    height: 100% !important;

    transform-style: preserve-3d;

}



.ld-smart-container .ld-3d-object {

    position: absolute;

    -webkit-transform-style: flat;

    transform-style: preserve-3d;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000px;

}



.xcConfirm .xc_layer {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 0%;

    background-color: #666666;

    opacity: 0.5;

    transition: 0.3s;

    z-index: 2147000000;

}



.xcConfirm .popBox {

    position: fixed;

    left: 50%;

    top: 50%;

    background-color: #ffffff;

    z-index: 2147000001;

    width: 10px;

    height: 0px;

    margin-left: -285px;

    margin-top: -150px;

    border-radius: 5px;

    font-weight: bold;

    color: #535e66;

    transition: 0.3s;

    overflow: hidden;

}



.xcConfirm .popBox .ttBox {

    height: 30px;

    line-height: 30px;

    padding: 14px 30px;

    border-bottom: solid 1px #eef0f1;

}



.xcConfirm .popBox .ttBox .tt {

    font-size: 18px;

    display: block;

    float: left;

    height: 30px;

    position: relative;

}



.xcConfirm .popBox .txtBox {

    margin: 40px 100px;

    height: 100px;

    overflow: hidden;

}



.xcConfirm .popBox .txtBox p {

    height: 84px;

    margin-top: 16px;

    line-height: 26px;

    overflow-x: hidden;

    overflow-y: auto;

}



.xcConfirm .popBox .txtBox p input {

    width: 364px;

    height: 30px;

    border: solid 1px #eef0f1;

    font-size: 18px;

    margin-top: 6px;

}



.xcConfirm .popBox .btnArea {

    border-top: solid 1px #eef0f1;

}



.xcConfirm .popBox .btnGroup {

    float: right;

}



.xcConfirm .popBox .btnGroup .sgBtn {

    margin-top: 14px;

    margin-right: 10px;

}



.xcConfirm .popBox .sgBtn {

    display: block;

    cursor: pointer;

    float: left;

    width: 95px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: #FFFFFF;

    border-radius: 5px;

}



.xcConfirm .popBox .sgBtn.ok {

    color: #FFFFFF;

    position: relative;

    z-index: 1;

    display: block;

    text-align: center;

    overflow: hidden;

    -webkit-transition: background-color 0.6s, color 0.3s;

    transition: background-color 0.6s, color 0.3s;

    box-sizing: border-box;

    border: none;

    background-color: #0095d9;

    cursor: pointer;

}



.xcConfirm .popBox .sgBtn.ok::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #0095d9;

    z-index: -1;

    border-radius: inherit;

    opacity: 0;

    -webkit-transform: scale3d(0.6, 0.6, 1);

    transform: scale3d(0.6, 0.6, 1);

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    box-sizing: border-box;

}



.xcConfirm .popBox .sgBtn.ok:hover {

    color: #0095d9;

    background-color: #fff;

}



.xcConfirm .popBox .sgBtn.ok:hover::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    opacity: 1;

}



.xcConfirm .popBox .sgBtn.cancel {

    background-color: #546a79;

    color: #FFFFFF;

}



.xcConfirm {

    transition: 0.7s;

}



.xcConfirm .openh {

    height: 100%;

}



.xcConfirm .openw1 {

    width: 570px;

}



.xcConfirm .openw {

    height: 300px;

}



.center {

    width: 13.6rem;

    margin: 0 auto;

}



.nav {

    position: relative;

    z-index: 99999;

}



.fixedNav {

    position: fixed !important;

}



.clear {

    clear: both;

}



.left {

    float: left;

}



.right {

    float: right;

}



.tl {

    text-align: left;

}



.tr {

    text-align: right;

}



.container {

    width: 100%;

}



.nav {

    background: url('../images/nav.png') no-repeat center;

    height: 1.21rem;

    position: absolute;

    top: 1px;

    left: 0;

}



.nav .row .logo {

    height: 1.21rem;

    margin-left: 0.7rem;

}



.nav .row .logo h1 {

    font-size: 0px !important;

    margin-top: 0.24rem;

}



.nav .row .logo h1 a {

    display: block;

    font-size: 0px !important;

    width: 100%;

    height: 100%;

}



.nav .row .logo h1 a img {

    max-width: 100%;

}



.nav .row .mem {

    float: right;

    width: 0.6rem;

}



.nav .row .mem a {

    display: block;

    height: 0.6rem;

    text-align: center;

    font-size: 0.13rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.6rem;

    letter-spacing: 0px;

    color: #ffffff;

    border-left: rgba(255, 255, 255, 0.2) 1px solid;

    border-radius: 6px;

}



.nav .row .mem .on {

    background-color: #0a5eb6;

}



.nav .row>ul {

    height: 1.21rem;

    margin-bottom: 0px;

    margin-left: 0.6rem;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.nav .row>ul>li {

    float: left;

    height: 1.21rem;

}



.nav .row>ul>li>a {

    display: block;

    font-size: 15px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 1px;

    color: #ffffff;

    line-height: 1.21rem;

    text-align: center;

}



.nav .row>ul>li>.down a {

    font-size: 0.14rem !important;

}



.nav .row>ul>li {

    position: relative;

}



.nav .row>ul>li .nav_bg {

    background-color: rgba(0, 0, 0, 0.7);

    width: 100%;

    position: absolute;

    top: 1.2rem;

    left: 0px;

    height: 0px;

    transition: 0.7s;

    overflow: hidden;

}



.nav .row>ul>li .nav_bg .nav_box {

    width: 90%;

    height: 0px;

    transition: 0.7s;

    margin: 0 auto;

    overflow: hidden;

    background-color: #fff;

    border-radius: 0px 0px 20px 20px;

    box-shadow: 0px 0px 30px #333;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen {

    width: 70%;

    margin: 0 auto;

    padding-top: 40px;

    box-sizing: content-box;

    transform: scale(0.5);

    opacity: 0;

    transition: 0.7s;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    border-radius: 10px;

    height: 60px;

    box-sizing: content-box;

    padding: 0 20px;

    box-shadow: 0 0 10px #ccc;

    width: 100%;

    position: relative;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li {

    float: left;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li>a {

    display: block;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 60px;

    letter-spacing: 0px;

    color: #595959;

    transition: 0.7s;

    box-sizing: content-box;

    padding-left: 30px;

    position: relative;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li>a:hover {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li>a:before {

    content: '';

    width: 9px;

    height: 9px;

    background-color: #ffffff;

    border: solid 3px #999999;

    display: block;

    border-radius: 100%;

    position: absolute;

    top: 23px;

    left: 0px;

    transition: 0.7s;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul {

    position: absolute;

    top: 90px;

    left: 0px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    width: 100%;

    height: 0px;

    overflow: hidden;

    transition: 0.7s;

    opacity: 0;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li {

    float: left;

    padding: 9px;

    border: #ccc 1px solid;

    border-radius: 10px;

    width: 190px;

    box-sizing: content-box;

    padding-bottom: 0px;

    transition: 0.7s;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .img {

    width: 190px;

    height: 144px;

    position: relative;

    display: block;

    border-radius: 10px 10px 0px 0px;

    overflow: hidden;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .img img {

    transition: 0.7s;

    position: absolute;

    max-width: 100%;

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text .a1 {

    display: block;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 36px;

    padding-top: 4px;

    box-sizing: content-box;

    letter-spacing: 0px;

    color: #434343;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: 0.7s;

    text-align: left;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text .a1:hover {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text p {

    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 20px;

    letter-spacing: 0px;

    color: #a9a9a9;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-align: left;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text .a2 {

    border-top: #c4c4c4 1px solid;

    display: block;

    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 25px;

    letter-spacing: 0px;

    color: #c4c4c4;

    text-align: left;

    margin-top: 8px;

    transition: 0.7s;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text .a2:hover {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li .text .a2:after {

    content: '→';

    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 25px;

    letter-spacing: 0px;

    color: #c4c4c4;

    transition: 0.7s;

    float: right;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li:hover {

    box-shadow: 0 0 10px #ccc;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li:hover .text .a1 {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li:hover .text .a2 {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li ul li:hover .text .a2:after {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li.on>a {

    color: #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li.on>a:before {

    content: '';

    border: solid 3px #0a5eb6;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen .u1>li.on ul {

    box-sizing: content-box;

    padding: 10px 0;

    height: 270px;

    opacity: 1;

}



.nav .row>ul>li .nav_bg .nav_box .nav_cen.on {

    opacity: 1;

    transform: scale(1);

}



.nav .row>ul>li .nav_bg .nav_box.on {

    height: 450px;

}



.nav .row>ul>li:hover>.down {

    opacity: 1;

}



.nav .row>ul>li:hover>.down>i {

    height: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.nav .row>ul>li:hover>.down>i>a {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.nav .row>ul>li>.down {

    position: absolute;

    width: 1.3rem;

    top: 1.2rem;

    display: inline-block;

    left: 0px;

    opacity: 0;

    z-index: 66666;

}



.nav .row>ul>li>.down>i {

    height: 0px;

    display: block;

    background: rgba(0, 0, 0, 0.6);

    position: relative;

    transition: 0.5s;

    width: 1.3rem;

}



.nav .row>ul>li>.down>i>a {

    height: 0px;

    line-height: 0px;

    font-size: 0px;

    display: block;

    color: white;

    text-align: center;

    background: linear-gradient(to right, #0a5eb6, #0a5eb6) no-repeat;

    background-size: 0% 100%;

    transition: 0.5s;

    padding: 0px;

    border-radius: 0%;

    width: 1.3rem;

}



.nav .row>ul>li>.down>i>a:hover {

    background: linear-gradient(to right, #0a5eb6, #0a5eb6) no-repeat;

    background-size: 100% 100%;

    color: white;

}



.nav .row>ul>li>.down>i:hover>.down_ {

    width: 100%;

    opacity: 1;

}



.nav .row>ul>li>.down>i:hover>.down_>i {

    height: 40px;

    border-left: 1px solid rgba(255, 255, 255, 0.3);

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.nav .row>ul>li>.down>i:hover>.down_>i>a {

    font-size: 14px;

    line-height: 40px;

}



.nav .row>ul>li>.down>i>.down_ {

    width: 0%;

    position: absolute;

    left: 1.3rem;

    top: 0px;

    transition: 0.5s;

    opacity: 0;

}



.nav .row>ul>li>.down>i>.down_>i {

    font-size: 14px;

    height: 0px;

    display: block;

    background: rgba(0, 0, 0, 0.6);

    transition: 0.5s;

    position: relative;

    width: 1.3rem;

}



.nav .row>ul>li>.down>i>.down_>i>a {

    line-height: 0px;

    font-size: 0px;

    display: block;

    color: white;

    text-align: center;

    background: linear-gradient(to right, #0a5eb6, #0a5eb6) no-repeat;

    background-size: 0% 100%;

    transition: 0.5s;

    padding: 0px;

    border-radius: 0%;

    width: 1.3rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.nav .row>ul>li>.down>i>.down_>i>a:hover {

    background: linear-gradient(to right, #0a5eb6, #0a5eb6) no-repeat;

    background-size: 100% 100%;

    color: white;

}



.nav .row>ul .shoon .nav_bg {

    height: 500px;

}



.nav .row .mav {

    height: 1.2rem;

    padding-top: 0.5rem;

    position: relative;

}



.nav .row .mav .a1 {

    display: block;

    width: 0.25rem;

    height: 0.18rem;

    background: url('../images/h1.png') no-repeat center;

    background-position-x: 0px;

    /* margin-left: 0.2rem; */

    box-sizing: content-box;

    padding-right: 0.1rem;

    margin-right: 0.1rem;

    border-right: rgba(255, 255, 255, 0.2) 1px solid;

    float: right;

    background-size: 0.25rem;

}


.nav .row .mav .a2 {
    float: right;
    color: #fff;
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    border-left: rgba(255, 255, 255, 0.2) 1px solid;
}

.nav .row .mav .a3 {
    float: right;
    color: #fff;
    border-left: rgba(255, 255, 255, 0.2) 1px solid;
    padding-left: 0.1rem;
}


.nav .row .mav .ss {

    display: block;

    width: 0.17rem;

    height: 0.18rem;

    background: url('../images/sss.png') no-repeat center;

    background-size: 100%;

    float: right;

    outline: none;

    cursor: pointer;

}



.nav .row .mav .box {

    width: 0rem;

    transition: 0.7s;

    height: 0.25rem;

    border-radius: 13px;

    position: absolute;

    top: 0.8rem;

    right: 0px;

    overflow: hidden;

}



.nav .row .mav .box input {

    box-sizing: content-box;

    padding-left: 0.1rem;

    background: none;

    width: 1.3rem;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.25rem;

    letter-spacing: 0px;

    color: #ffffff;

}



.nav .row .mav .box .sss {

    float: right;

    outline: none;

    cursor: pointer;

    width: 0.34rem;

    height: 0.25rem;

    background: url('../images/sss.png') no-repeat center;

}



.nav .row .mav:hover .box {

    border: solid 1px #ffffff;

    width: 1.85rem;

}



.footer {

    background: url('../images/ft.jpg') no-repeat center;

    height: 4.84rem;

    background-size: 100%;

}



.footer .center .flogo {

    width: 4.61rem;

    margin: 0 auto;

    margin-top: 0.4rem;

    margin-bottom: 0.5rem;

}



.footer .center .flogo a {

    display: block;

    font-size: 0px;

}



.footer .center .flogo a img {

    width: 100%;

}



.footer .center .bb {

    height: 2.2rem;

}



.footer .center .bb>ul {

    overflow: hidden;

    height: 1.9rem;

    margin-bottom: 0px;

    border-right: #555 1px solid;

}



.footer .center .bb>ul>li {

    float: left;

    font-size: 0.18rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.18rem;

    letter-spacing: 0px;

    color: #ffffff;

    margin-right: 0.9rem;

}



.footer .center .bb>ul>li:last-of-type {

    border: none;

    margin-right: 0px;

    padding-right: 0px;

    box-sizing: content-box;

    padding-left: 0px;

    margin-left: 0px;

}



.footer .center .bb>ul>li:last-of-type:after {

    content: '';

    display: none;

}



.footer .center .bb>ul>li:last-of-type:before {

    content: '';

    display: none;

}



.footer .center .bb>ul>li span {

    display: block;

    width: 0.31rem;

    height: 0.02rem;

    background-color: #666666;

    margin: 0.18rem 0;

}



.footer .center .bb>ul>li ul li a {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #999999;

    font-size: 0.14rem;

    line-height: 0.24rem;

}



.footer .center .bb .text {

    box-sizing: content-box;

    padding: 0 0.8rem;

    border-right: #555 1px solid;

}



.footer .center .bb .text .p1 {

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    font-size: 0.18rem;

    line-height: 0.18rem;

}



.footer .center .bb .text .p2 {

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    font-family: Arial;

    font-size: 0.3rem;

    line-height: 0.3rem;

    margin-top: 0.18rem;

}



.footer .center .bb .text .p3 {

    margin-top: 0.3rem;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    font-size: 0.14rem;

    box-sizing: content-box;

    padding-left: 0.4rem;

    line-height: 0.24rem;

    background: url('../images/fo1.png') no-repeat center;

    background-position-x: 0px;

    background-size: 0.24rem;

}



.footer .center .bb .text .p4 {

    margin-top: 0.2rem;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    font-size: 0.14rem;

    box-sizing: content-box;

    padding-left: 0.4rem;

    line-height: 0.24rem;

    background: url('../images/fo2.png') no-repeat center;

    background-position-x: 0px;

    background-position-y: 0px;

    background-size: 0.24rem;

}



.footer .center .bb .ewm {

    float: right;

}



.footer .center .bb .ewm .p1 {

    font-size: 0.18rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.18rem;

    letter-spacing: 0px;
    color: #ffffff;

}

.footer .center .bb .ewm .p3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: none;
}

.footer .center .bb .ewm .p3 a {

    font-size: 0.12rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.3rem;

    letter-spacing: 0px;

    color: #ffffff;

}



.footer .center .bb .ewm .p2 {

    display: block;

    width: 0.31rem;

    height: 0.02rem;

    background-color: #666666;

    margin: 0.18rem 0;

}



.footer .center .bb .ewm img {

    width: 1.1rem;

    height: 1.1rem;

}



.footer .center .bbt {

    margin-top: 0.25rem;

}



.footer .center .bbt .l {

    float: left;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #999999;

    font-size: 0.14rem;

    line-height: 0.4rem;

}



.footer .center .bbt .l a {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #999999;

    font-size: 0.14rem;

    line-height: 0.4rem;

    transition: 0.7s;

}



.footer .center .bbt .l a:hover {

    color: #fff;

}



.footer .center .bbt .l i {

    display: inline-block;

    width: 0.5rem;

}



.footer .center .bbt .link {

    height: 41px;

    width: 0.76rem;

    padding-right: 0.3rem;

    box-sizing: content-box;

    padding-left: 0.45rem;

    height: 0.41rem;

    background-color: #333333;

    float: right;

    position: relative;

    background: url('../images/link.png') no-repeat center;

}



.footer .center .bbt .link>a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 0.41rem;

    font-size: 0.14rem;

    line-height: 0.41rem;

    color: #999999;

    transition: 0.7s;

}



.footer .center .bbt .link>a:hover {

    color: #fff;

}



.footer .center .bbt .link ul {

    position: absolute;

    bottom: 40px;

    left: 0px;

    border-left: 40 0px solid;

    background-color: #333333;

    margin-bottom: 0px;

    transition: 0.7s;

    width: 1.51rem;

    height: 0rem;

    z-index: 999;

    overflow-y: scroll;

}



.footer .center .bbt .link ul li a {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #999999;

    display: block;

    text-align: center;

    font-size: 0.14rem;

    line-height: 0.3rem;

    transition: 0.7s;

}



.footer .center .bbt .link ul li a:hover {

    color: #fff;

}



.footer .center .bbt .link:hover ul {

    border: solid 1px #535353;

    height: 0.95rem;

    padding-top: 0.05rem;

    box-sizing: content-box;

}



.swipers {

    width: 100%;

    position: relative;

    max-height: 8rem;

    overflow: hidden;

}



.swipers .swiper-slide {

    width: 100%;

    display: block;

}



.swipers .swiper-slide img {

    width: 100%;

}

.swipers .sprev {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 45%;
    left: 10%;
    background: url('../images/arrows.png') no-repeat center;
    background-position-x: 0px;
    background-size: 1.1rem;
    z-index: 999;
    cursor: pointer;
}

.swipers .snext {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 45%;
    right: 10%;
    background: url('../images/arrows.png') no-repeat center;
    z-index: 999;
    background-position-x: -0.6rem;
    background-size: 1.1rem;
    cursor: pointer;
}



@media screen and (max-width: 768px) {

    .nav {

        position: relative !important;

        height: 2.6rem;

    }



    .nav .row {

        height: 2.6rem;

    }



    .nav .row .mav {

        display: none;

    }



    .nav .row .mem {

        display: none;

    }



    .nav .row .menu {

        float: right;

        width: 1rem;

        height: 2.6rem;

        margin-right: 0.5rem;

        background: url('../images/menu.png') no-repeat center;

        background-size: 100%;

    }



    .nav .row .nav_s {

        position: absolute;

        top: 2.6rem;

        right: 0px;

        margin-left: 0px;

        width: 4.2rem;

    }



    .nav .row .nav_s>li {

        height: 0rem;

        overflow: hidden;

        transition: 0.7s;

    }



    .nav .row .nav_s>li>a {

        display: block;

        line-height: 1.6rem;

    }



    .nav .row .nav_s>li>.down {

        display: none;

    }



    .nav .on .nav_s>li {

        height: 1.6rem;

        background-color: rgba(10, 94, 182, 0.5);

    }



    .footer {

        height: 15rem;

        background-size: auto;

    }



    .footer .center {

        width: 94%;

    }



    .footer .center .flogo {

        width: 11rem;

        margin-top: 0.6rem;

        margin-bottom: 0.4rem;

    }



    .footer .center .bb {

        height: 6rem;

    }



    .footer .center .bb>ul {

        display: none;

    }



    .footer .center .bb .text {

        border-right: none;

    }



    .footer .center .bb .text p {

        line-height: 1rem !important;

        box-sizing: content-box !important;

        padding-left: 0px !important;

        background: none !important;
        font-size: 18px !important;

    }



    .footer .center .bb .ewm p {

        display: none !important;

    }

    .footer .center .bbt .l a{
        font-size: 14px;
    }

    .footer .center .bb .ewm img {

        width: 2.8rem;

        height: 2.8rem;

    }



    .footer .center .bbt {

        margin-top: 0.6rem !important;

    }



    .footer .center .bbt .link {

        display: none;

    }



    .footer .center .bbt .l {

        float: initial;

        text-align: center;

        width: 100%;

        line-height: 1rem;
        font-size: 14px;

    }



    .footer .center .bbt .l i {

        display: block;

    }

}



.content {
    position: relative;
}

.footer .center .bbt .link {

    background-size: 100%;

}


.sh_top1{
    width: 200px;
    height: 46px;
    margin: 0 auto;
    text-align: center;
    background: #0a5eb6 url(../images/shoushi.png) no-repeat 140px center;
    border-radius: 20px;
    background-size: 28px;
}

.sh_top1 a{
    display: block;
    line-height: 46px;
    font-size: 15px;
    color: #fff;
}

.nyBnner{
    width: 100%;
    overflow: hidden;
}



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

.nyBnner img{
    width: 100%;
    display: block;
}