@charset "utf-8";

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

html {

    font-family: sans-serif;

    /* 1 */

    

    -ms-text-size-adjust: 100%;

    /* 2 */

    

    -webkit-text-size-adjust: 100%;

    /* 2 */

    overflow-x:hidden;

}

/**

 * Remove default margin.

 */



ul {

    list-style: none;

}

a {

    text-decoration: none;

}

/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block;

}

/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */



audio,

canvas,

progress,

video {

    display: inline-block;

    /* 1 */

    

    vertical-align: baseline;

    /* 2 */

}

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



audio:not([controls]) {

    display: none;

    height: 0;

}

/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.

 */



[hidden],

template {

    display: none;

}

/* Links

   ========================================================================== */

/**

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

 */



a {

    background-color: transparent;

}

/**

 * Improve readability of focused elements when they are also in an

 * active/hover state.

 */



a:active,

a:hover {

    outline: 0;

}

/* Text-level semantics

   ========================================================================== */

/**

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

 */



abbr[title] {

    border-bottom: 1px dotted;

}

/**

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

 */



b,

strong {

    font-weight: bold;

}

/**

 * Address styling not present in Safari and Chrome.

 */



dfn {

    font-style: italic;

}

/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}

/**

 * Address styling not present in IE 8/9.

 */



mark {

    background: #ff0;

    color: #000;

}

/**

 * Address inconsistent and variable font size in all browsers.

 */



small {

    font-size: 80%;

}

/**

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

 */



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup {

    top: -0.5em;

}

sub {

    bottom: -0.25em;

}

/* Embedded content

   ========================================================================== */

/**

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

 */



img {

    border: 0;

}

/**

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

 */



svg:not(:root) {

    overflow: hidden;

}

/* Grouping content

   ========================================================================== */

/**

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

 */



figure {

    margin: 1em 40px;

}

/**

 * Address differences between Firefox and other browsers.

 */



hr {

    box-sizing: content-box;

    height: 0;

}

/**

 * Contain overflow in all browsers.

 */



pre {

    overflow: auto;

}

/**

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

 */



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    /* 1 */

    

    font: inherit;

    /* 2 */

    

    margin: 0;

    /* 3 */

}

/**

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

 */



button {

    overflow: visible;

}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */



button,

select {

    text-transform: none;

}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */



button,

html input[type="button"],

/* 1 */



input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    /* 2 */

    

    cursor: pointer;

    /* 3 */

}

/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

    cursor: default;

}

/**

 * Remove inner padding and border in Firefox 4+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



input {

    line-height: normal;

}

/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    /* 1 */

    

    padding: 0;

    /* 2 */

}

/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.

 */



input[type="search"] {

    -webkit-appearance: textfield;

    /* 1 */

    

    box-sizing: content-box;

    /* 2 */

}

/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

/**

 * Define consistent border, margin, and padding.

 */



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */



legend {

    border: 0;

    /* 1 */

    

    padding: 0;

    /* 2 */

}

/**

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

 */



textarea {

    overflow: auto;

}

/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */



optgroup {

    font-weight: bold;

}

/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */



table {

    border-collapse: collapse;

    border-spacing: 0;

}

td,

th {

    padding: 0;

}



/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

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

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

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

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

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}









/****animate css*****/

/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.1

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

 *

 * Copyright (c) 2016 Daniel Eden

 */



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}

.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}

.animated.flipOutX,

.animated.flipOutY,

.animated.bounceIn,

.animated.bounceOut {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

}

@-webkit-keyframes bounce {

    from, 20%, 53%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

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

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

    90% {

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

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

    }

}

@keyframes bounce {

    from, 20%, 53%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

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

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

    90% {

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

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

    }

}

.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}

@-webkit-keyframes flash {

    from, 50%, to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}

@keyframes flash {

    from, 50%, to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}

.flash {

    -webkit-animation-name: flash;

    animation-name: flash;

}

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



@-webkit-keyframes pulse {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    50% {

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

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

@keyframes pulse {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    50% {

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

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

}

@-webkit-keyframes rubberBand {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    30% {

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

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

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

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

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

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

@keyframes rubberBand {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    30% {

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

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

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

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

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

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

}

@-webkit-keyframes shake {

    from, to {

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

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

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

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

    }

    20%,

    40%,

    60%,

    80% {

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

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

    }

}

@keyframes shake {

    from, to {

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

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

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

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

    }

    20%,

    40%,

    60%,

    80% {

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

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

    }

}

.shake {

    -webkit-animation-name: shake;

    animation-name: shake;

}

@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

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

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

    }

    18.5% {

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

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

    }

    31.5% {

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

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

    }

    43.5% {

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

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

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

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

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

    }

    18.5% {

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

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

    }

    31.5% {

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

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

    }

    43.5% {

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

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

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

.headShake {

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

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

    -webkit-animation-name: headShake;

    animation-name: headShake;

}

@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

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

        transform: rotate3d(0, 0, 1, 0deg);

    }

}

@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

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

        transform: rotate3d(0, 0, 1, 0deg);

    }

}

.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}

@-webkit-keyframes tada {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

@keyframes tada {

    from {

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

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

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

        transform: scale3d(1, 1, 1);

    }

}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}

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



@-webkit-keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;

    }

    15% {

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

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

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

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

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

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

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

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

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

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes wobble {

    from {

        -webkit-transform: none;

        transform: none;

    }

    15% {

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

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

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

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

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

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

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

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

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

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

}

@-webkit-keyframes jello {

    from, 11.1%, to {

        -webkit-transform: none;

        transform: none;

    }

    22.2% {

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

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

    }

    33.3% {

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

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

    }

    44.4% {

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

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

    }

    55.5% {

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

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

    }

    66.6% {

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

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

    }

    77.7% {

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

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

    }

    88.8% {

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

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

    }

}

@keyframes jello {

    from, 11.1%, to {

        -webkit-transform: none;

        transform: none;

    }

    22.2% {

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

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

    }

    33.3% {

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

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

    }

    44.4% {

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

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

    }

    55.5% {

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

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

    }

    66.6% {

        -webkit-transform: skewX(-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 bounceIn {

    from, 20%, 40%, 60%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    20% {

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

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

    }

    to {

        opacity: 1;

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

        transform: scale3d(1, 1, 1);

    }

}

@keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    20% {

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

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

    }

    to {

        opacity: 1;

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

        transform: scale3d(1, 1, 1);

    }

}

.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}

@-webkit-keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    from {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    from {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

        -webkit-transform: none;

        transform: none;

    }

}

.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    from {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

@keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    from {

        opacity: 0;

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

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

    }

    60% {

        opacity: 1;

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

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

    }

    75% {

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

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

    }

    90% {

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

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

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

}

@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    50%,

    55% {

        opacity: 1;

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

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

}

@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    50%,

    55% {

        opacity: 1;

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

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

}

.bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

}

@-webkit-keyframes bounceOutDown {

    20% {

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

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

    }

    40%,

    45% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes bounceOutDown {

    20% {

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

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

    }

    40%,

    45% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

}

@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes bounceOutLeft {

    20% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

}

@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes bounceOutRight {

    20% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

}

@-webkit-keyframes bounceOutUp {

    20% {

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

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

    }

    40%,

    45% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes bounceOutUp {

    20% {

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

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

    }

    40%,

    45% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

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

    }

}

.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInDown {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInDownBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}

@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInLeft {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInLeftBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInRight {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}

@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInRightBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}

@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInUp {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes fadeInUpBig {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}

@-webkit-keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}

@keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}

.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}

@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}

@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}

@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}

@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}

@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}

@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}

@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}

@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}

@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

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

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

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

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

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

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

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

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

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

        animation-timing-function: ease-in;

    }

}

@keyframes flip {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

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

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

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

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

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

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

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

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

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

        animation-timing-function: ease-in;

    }

}

.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

}

@-webkit-keyframes flipInX {

    from {

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

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

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

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

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

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

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

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

@keyframes flipInX {

    from {

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

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

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

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

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

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

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

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;

}

@-webkit-keyframes flipInY {

    from {

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

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

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

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

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

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

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

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

@keyframes flipInY {

    from {

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

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

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

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

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

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

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

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}

.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

}

@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

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

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}

@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

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

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}

.flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}

@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

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

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}

@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

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

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}

.flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

}

@-webkit-keyframes lightSpeedIn {

    from {

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

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

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

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

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes lightSpeedIn {

    from {

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

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

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

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

        transform: skewX(-5deg);

        opacity: 1;

    }

    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

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

    animation-timing-function: ease-out;

}

@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

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

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

        opacity: 0;

    }

}

@keyframes lightSpeedOut {

    from {

        opacity: 1;

    }

    to {

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

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

        opacity: 0;

    }

}

.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

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

    animation-timing-function: ease-in;

}

@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

}

@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

}

@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

}

@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

}

@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1;

    }

}

.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

}

@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}

@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}

.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;

}

@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}

@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}

.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

}

@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;

}

@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}

.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

}

@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}

@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1;

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}

.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;

}

@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

        opacity: 1;

    }

    to {

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

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

        opacity: 0;

    }

}

@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

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

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

        opacity: 1;

    }

    to {

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

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

        opacity: 0;

    }

}

.hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge;

}

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



@-webkit-keyframes rollIn {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes rollIn {

    from {

        opacity: 0;

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

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

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}

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



@-webkit-keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

@keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

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

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

    }

}

.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;

}

@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}

@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

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

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

    }

}

@keyframes zoomInDown {

    from {

        opacity: 0;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

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

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

    }

}

.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

}

@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

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

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

    }

}

@keyframes zoomInLeft {

    from {

        opacity: 0;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

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

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

    }

}

.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

}

@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

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

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

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

    }

}

@keyframes zoomInRight {

    from {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

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

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

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

    }

}

.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

}

@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

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

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

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

    }

}

@keyframes zoomInUp {

    from {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    60% {

        opacity: 1;

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

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

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

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

    }

}

.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

}

@-webkit-keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    to {

        opacity: 0;

    }

}

@keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    to {

        opacity: 0;

    }

}

.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

}

@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    to {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

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

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

    }

}

@keyframes zoomOutDown {

    40% {

        opacity: 1;

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

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

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    to {

        opacity: 0;

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

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

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

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

    }

}

.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

}

@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

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

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

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}

@keyframes zoomOutLeft {

    40% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

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

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

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }

}

.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

}

@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}

@keyframes zoomOutRight {

    40% {

        opacity: 1;

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

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

    }

    to {

        opacity: 0;

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

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center;

    }

}

.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

}

@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    to {

        opacity: 0;

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

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

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

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

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

    }

}

@keyframes zoomOutUp {

    40% {

        opacity: 1;

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

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

    to {

        opacity: 0;

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

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

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

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

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

    }

}

.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

}

@-webkit-keyframes slideInDown {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInDown {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

}

@-webkit-keyframes slideInLeft {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInLeft {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

}

@-webkit-keyframes slideInRight {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInRight {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

}

@-webkit-keyframes slideInUp {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

@keyframes slideInUp {

    from {

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

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

        visibility: visible;

    }

    to {

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

        transform: translate3d(0, 0, 0);

    }

}

.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

}

@-webkit-keyframes slideOutDown {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

@keyframes slideOutDown {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;

}

@-webkit-keyframes slideOutLeft {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

@keyframes slideOutLeft {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;

}

@-webkit-keyframes slideOutRight {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

@keyframes slideOutRight {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;

}

@-webkit-keyframes slideOutUp {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

@keyframes slideOutUp {

    from {

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

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

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

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

    }

}

.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

}



@-webkit-keyframes menu-animation {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.04) translateY(300%);

    transform: scale(0.04) translateY(300%); }

  40% {

    -webkit-transform: scale(0.04) translateY(0);

    transform: scale(0.04) translateY(0);

    -webkit-transition: ease-out;

    transition: ease-out; }

  40% {

    -webkit-transform: scale(0.04) translateY(0);

    transform: scale(0.04) translateY(0); }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.02) translateY(0px);

    transform: scale(0.02) translateY(0px); }

  61% {

    -webkit-transform: scale(0.04);

    transform: scale(0.04); }

  99.9% {

    height: 0;

    padding-bottom: 100%;

    border-radius: 100%; }

  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    height: 100%;

    padding-bottom: 0;

    border-radius: 0; }

}



@keyframes menu-animation {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.04) translateY(300%);

    transform: scale(0.04) translateY(300%); }

  40% {

    -webkit-transform: scale(0.04) translateY(0);

    transform: scale(0.04) translateY(0);

    -webkit-transition: ease-out;

    transition: ease-out; }

  40% {

    -webkit-transform: scale(0.04) translateY(0);

    transform: scale(0.04) translateY(0); }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.02) translateY(0px);

    transform: scale(0.02) translateY(0px); }

  61% {

    -webkit-transform: scale(0.04);

    transform: scale(0.04); }

  99.9% {

    height: 0;

    padding-bottom: 100%;

    border-radius: 100%; }

  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    height: 100%;

    padding-bottom: 0;

    border-radius: 0; }

}



/**********responsive tab*******/



ul.resp-tabs-list{

    margin: 0px;

    padding: 0px;

}



.resp-tabs-list li {

    font-weight: 600;

    font-size: 13px;

    display: inline-block;

    padding: 13px 15px;

    margin: 0 4px 0 0;

    list-style: none;

    cursor: pointer;

    float: left;

}



.resp-tabs-container {

    padding: 0px;

    clear: left;

}



.service-tab-sec h2.resp-accordion {

    cursor: pointer;

    display: none;

    border:2px solid #fd9404 !important;

    border-radius: 5px;

    background: transparent !important;

    padding:10px 15px;

    color:#fd9404;

    font-size:18px;

    font-family: 'Raleway', sans-serif;

    font-weight:600;

    margin:0 0 15px 0 !important;

}



.service-tab-sec h2.resp-tab-active{

    background: #fd9404 !important;

    color:#FFF;

}



.resp-tab-content {

    display: none;

    padding: 15px;

}



.resp-tab-active {   

    margin-bottom: -1px !important;

}



.resp-content-active, .resp-accordion-active {

    display: block;

}



/*-----------Vertical tabs-----------*/

ul.resp-tabs-list,

p {

  margin: 0px;

  padding: 0px;

}



.resp-tabs-list li {

  font-weight: 600;

  font-size: 13px;

  display: inline-block;

  padding: 13px 15px;

  margin: 0;

  list-style: none;

  cursor: pointer;

  float: left;

}



.resp-tabs-container {

  padding: 0px;

  background-color: #fff;

  clear: left;

}



h2.resp-accordion {

  cursor: pointer;

  padding: 5px;

  display: none;

}



.resp-tab-content {

  display: none;

  padding: 15px;

}



.resp-tab-active {

  border-bottom: none;

  margin-bottom: -1px !important;

  padding: 12px 14px 14px 14px !important;

}



.resp-tab-active {

  border-bottom: none;

  background-color: #fff;

}



.resp-content-active,

.resp-accordion-active { display: block; }



.resp-tab-content { border: 1px solid #c1c1c1; }



h2.resp-accordion {

    font-size: 13px;

    background:#231f20;

    color:#FFF;

    border-top: 0px solid #231f20;

    margin: 0px;

    padding: 10px 15px;

    width: 100%;

    float: left;

}



h2.resp-tab-active {

  border-bottom: 0px solid #c1c1c1 !important;

  margin-bottom: 0px !important;

  padding: 10px 15px !important;

}



h2.resp-tab-title:last-child {

  border-bottom: 12px solid #c1c1c1 !important;

  background: blue;

}



/*-----------Vertical tabs-----------*/



.resp-vtabs ul.resp-tabs-list {

  float: left;

  width: 30%;

}



.resp-vtabs .resp-tabs-list li {

  display: block;

  padding: 15px 15px !important;

  margin: 0;

  cursor: pointer;

  float: none;

}



.resp-vtabs .resp-tabs-container {

  padding: 0px;

  background-color: #fff;

  border: 1px solid #c1c1c1;

  float: left;

  width: 68%;

  min-height: 250px;

  border-radius: 4px;

  clear: none;

}



.resp-vtabs .resp-tab-content { border: none; }



.resp-vtabs li.resp-tab-active {

  border: 1px solid #c1c1c1;

  border-right: none;

  background-color: #fff;

  position: relative;

  z-index: 1;

  margin-right: -1px !important;

  padding: 14px 15px 15px 14px !important;

}



.resp-arrow {

  width: 0;

  height: 0;

  float: right;

  margin-top: 3px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 12px solid #c1c1c1;

}



h2.resp-tab-active span.resp-arrow {

  border: none;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 12px solid #ffffff;

}



/*-----------Accordion styles-----------*/



h2.resp-tab-active { background:#c2ae70 !important; }



.resp-easy-accordion h2.resp-accordion { display: block; }



.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }



.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }



.resp-jfit {

  width: 100%;

  margin: 0px;

}



.resp-tab-content-active { display: block; }



/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 768px) {



ul.resp-tabs-list { display: none !important; }



h2.resp-accordion { display: block; }



.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }



.resp-vtabs .resp-tabs-container {

  border: none;

  float: none;

  width: 100%;

  min-height: initial;

  clear: none;

}



.resp-accordion-closed { display: none !important; }



.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

}







/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8; }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation; }



button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1; }

  .mfp-arrow:before,

  .mfp-arrow:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

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

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

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

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }





/*

== malihu jquery custom scrollbar plugin ==

Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller

*/







/*

CONTENTS: 

    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 

    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 

    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.

    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 

    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 

    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 

        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.

*/







/* 

------------------------------------------------------------------------------------------------------------------------

1. BASIC STYLE  

------------------------------------------------------------------------------------------------------------------------

*/



    .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

    

    .mCustomScrollBox{ /* contains plugin's markup */

        position: relative;

        overflow: hidden;

        height: 100%;

        max-width: 100%;

        outline: none;

        direction: ltr;

    }



    .mCSB_container{ /* contains the original content */

        overflow: hidden;

        width: auto;

        height: auto;

    }







/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/



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



    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

    

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */

        margin-right: 0;

        margin-left: 30px;

    }

    

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



    .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

        position: absolute;

        width: 16px;

        height: auto;

        left: auto;

        top: 0;

        right: 0;

        bottom: 0;

    }



    .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

    

    .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 

    .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */

        right: auto;

        left: 0;

    }

    

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



    .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0; 

        height: auto;

    }



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



    .mCSB_scrollTools .mCSB_draggerRail{

        width: 2px;

        height: 100%;

        margin: 0 auto;

        -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

    }



    .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */

        cursor: pointer;

        width: 100%;

        height: 30px; /* minimum dragger height */

        z-index: 1;

    }



    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */

        position: relative;

        width: 4px;

        height: 100%;

        margin: 0 auto;

        -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

        text-align: center;

    }

    

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

    

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }



    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown{

        display: block;

        position: absolute;

        height: 20px;

        width: 100%;

        overflow: hidden;

        margin: 0 auto;

        cursor: pointer;

    }



    .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }







/* 

------------------------------------------------------------------------------------------------------------------------

3. HORIZONTAL SCROLLBAR 

x-axis

------------------------------------------------------------------------------------------------------------------------

*/



    .mCSB_horizontal.mCSB_inside > .mCSB_container{

        margin-right: 0;

        margin-bottom: 30px;

    }

    

    .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }



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



    .mCSB_scrollTools.mCSB_scrollTools_horizontal{

        width: auto;

        height: 16px;

        top: auto;

        right: 0;

        bottom: 0;

        left: 0;

    }



    .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

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



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



    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 2px;

        margin: 7px 0;

    }



    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{

        width: 30px; /* minimum dragger width */

        height: 100%;

        left: 0;

    }



    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 4px;

        margin: 6px auto;

    }

    

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{

        height: 12px; /* auto-expanded scrollbar */

        margin: 2px auto;

    }

    

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

        height: 8px; /* auto-expanded scrollbar */

        margin: 4px 0;

    }



    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{

        display: block;

        position: absolute;

        width: 20px;

        height: 100%;

        overflow: hidden;

        margin: 0 auto;

        cursor: pointer;

    }

    

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }



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







/* 

------------------------------------------------------------------------------------------------------------------------

4. VERTICAL AND HORIZONTAL SCROLLBARS 

yx-axis 

------------------------------------------------------------------------------------------------------------------------

*/



    .mCSB_container_wrapper{

        position: absolute;

        height: auto;

        width: auto;

        overflow: hidden;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin-right: 30px;

        margin-bottom: 30px;

    }

    

    .mCSB_container_wrapper > .mCSB_container{

        padding-right: 30px;

        padding-bottom: 30px;

        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    }

    

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

    

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

    

    /* non-visible horizontal scrollbar */

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

    

    /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

    

    /* RTL direction/left-side scrollbar */

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

    

    /* non-visible scrollbar/RTL direction/left-side scrollbar */

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

    

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */

        margin-right: 0;

        margin-left: 30px;

    }

    

    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

    

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

    

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{

        margin-right: 0; /* non-visible scrollbar */

        margin-left: 0;

    }

    

    /* non-visible horizontal scrollbar */

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }







/* 

------------------------------------------------------------------------------------------------------------------------

5. TRANSITIONS  

------------------------------------------------------------------------------------------------------------------------

*/



    .mCSB_scrollTools, 

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown,

    .mCSB_scrollTools .mCSB_buttonLeft,

    .mCSB_scrollTools .mCSB_buttonRight{

        -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    }

    

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{

        -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

    }







/* 

------------------------------------------------------------------------------------------------------------------------

6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  

------------------------------------------------------------------------------------------------------------------------

*/



    /* 

    ----------------------------------------

    6.1 THEMES 

    ----------------------------------------

    */

    

    /* default theme ("light") */



    .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

    

    .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,

    .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

    

    .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,

    .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,

    .mCustomScrollBox:hover > .mCSB_scrollTools,

    .mCustomScrollBox:hover ~ .mCSB_scrollTools,

    .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,

    .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }



    .mCSB_scrollTools .mCSB_draggerRail{

        background-color: #000; background-color: rgba(0,0,0,0.2);

        filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 

    }



    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(121,121,121,0.75);

        filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 

    }



    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(121,121,121,0.75);

        filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 

    }

    .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(121,121,121,0.75);

        filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 

    }



    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown,

    .mCSB_scrollTools .mCSB_buttonLeft,

    .mCSB_scrollTools .mCSB_buttonRight{

        background-image: url(mCSB_buttons.png); /* css sprites */

        background-repeat: no-repeat;

        opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 

    }



    .mCSB_scrollTools .mCSB_buttonUp{

        background-position: 0 0;

        /* 

        sprites locations 

        light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px

        dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px

        */

    }



    .mCSB_scrollTools .mCSB_buttonDown{

        background-position: 0 -20px;

        /* 

        sprites locations

        light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px

        dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px

        */

    }



    .mCSB_scrollTools .mCSB_buttonLeft{

        background-position: 0 -40px;

        /* 

        sprites locations 

        light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px

        dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px

        */

    }



    .mCSB_scrollTools .mCSB_buttonRight{

        background-position: 0 -56px;

        /* 

        sprites locations 

        light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px

        dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px

        */

    }



    .mCSB_scrollTools .mCSB_buttonUp:hover,

    .mCSB_scrollTools .mCSB_buttonDown:hover,

    .mCSB_scrollTools .mCSB_buttonLeft:hover,

    .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }



    .mCSB_scrollTools .mCSB_buttonUp:active,

    .mCSB_scrollTools .mCSB_buttonDown:active,

    .mCSB_scrollTools .mCSB_buttonLeft:active,

    .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

    



    /* theme: "dark" */



    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }



    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }



    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }



    .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }



    .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }



    .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }



    .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }



    .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

    

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





/*! jQuery UI - v1.12.1 - 2016-09-14

* http://jqueryui.com

* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px

* Copyright jQuery Foundation and other contributors; Licensed MIT */



/* Layout helpers

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

.ui-helper-hidden {

    display: none;

}

.ui-helper-hidden-accessible {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.ui-helper-reset {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    line-height: 1.3;

    text-decoration: none;

    font-size: 100%;

    list-style: none;

}

.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

    content: "";

    display: table;

    border-collapse: collapse;

}

.ui-helper-clearfix:after {

    clear: both;

}

.ui-helper-zfix {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    opacity: 0;

    filter:Alpha(Opacity=0); /* support: IE8 */

}



.ui-front {

    z-index: 100;

}





/* Interaction Cues

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

.ui-state-disabled {

    cursor: default !important;

    pointer-events: none;

}





/* Icons

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

.ui-icon {

    display: inline-block;

    vertical-align: middle;

    margin-top: -.25em;

    position: relative;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat;

}



.ui-widget-icon-block {

    left: 50%;

    margin-left: -8px;

    display: block;

}



/* Misc visuals

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



/* Overlays */

.ui-widget-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.ui-accordion .ui-accordion-header {

    display: block;

    cursor: pointer;

    position: relative;

    margin: 2px 0 0 0;

    padding: .5em .5em .5em .7em;

    font-size: 100%;

}

.ui-accordion .ui-accordion-content {

    padding: 1em 2.2em;

    border-top: 0;

    overflow: auto;

}

.ui-autocomplete {

    position: absolute;

    top: 0;

    left: 0;

    cursor: default;

}

.ui-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    display: block;

    outline: 0;

}

.ui-menu .ui-menu {

    position: absolute;

}

.ui-menu .ui-menu-item {

    margin: 0;

    cursor: pointer;

    /* support: IE10, see #8844 */

    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");

}

.ui-menu .ui-menu-item-wrapper {

    position: relative;

    padding: 3px 1em 3px .4em;

}

.ui-menu .ui-menu-divider {

    margin: 5px 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-width: 1px 0 0 0;

}

.ui-menu .ui-state-focus,

.ui-menu .ui-state-active {

    margin: -1px;

}



/* icon support */

.ui-menu-icons {

    position: relative;

}

.ui-menu-icons .ui-menu-item-wrapper {

    padding-left: 2em;

}



/* left-aligned */

.ui-menu .ui-icon {

    position: absolute;

    top: 0;

    bottom: 0;

    left: .2em;

    margin: auto 0;

}



/* right-aligned */

.ui-menu .ui-menu-icon {

    left: auto;

    right: 0;

}

.ui-button {

    padding: .4em 1em;

    display: inline-block;

    position: relative;

    line-height: normal;

    margin-right: .1em;

    cursor: pointer;

    vertical-align: middle;

    text-align: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;



    /* Support: IE <= 11 */

    overflow: visible;

}



.ui-button,

.ui-button:link,

.ui-button:visited,

.ui-button:hover,

.ui-button:active {

    text-decoration: none;

}



/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {

    width: 2em;

    box-sizing: border-box;

    text-indent: -9999px;

    white-space: nowrap;

}



/* no icon support for input elements */

input.ui-button.ui-button-icon-only {

    text-indent: 0;

}



/* button icon element(s) */

.ui-button-icon-only .ui-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -8px;

    margin-left: -8px;

}



.ui-button.ui-icon-notext .ui-icon {

    padding: 0;

    width: 2.1em;

    height: 2.1em;

    text-indent: -9999px;

    white-space: nowrap;



}



input.ui-button.ui-icon-notext .ui-icon {

    width: auto;

    height: auto;

    text-indent: 0;

    white-space: normal;

    padding: .4em 1em;

}



/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,

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

    border: 0;

    padding: 0;

}

.ui-controlgroup {

    vertical-align: middle;

    display: inline-block;

}

.ui-controlgroup > .ui-controlgroup-item {

    float: left;

    margin-left: 0;

    margin-right: 0;

}

.ui-controlgroup > .ui-controlgroup-item:focus,

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {

    z-index: 9999;

}

.ui-controlgroup-vertical > .ui-controlgroup-item {

    display: block;

    float: none;

    width: 100%;

    margin-top: 0;

    margin-bottom: 0;

    text-align: left;

}

.ui-controlgroup-vertical .ui-controlgroup-item {

    box-sizing: border-box;

}

.ui-controlgroup .ui-controlgroup-label {

    padding: .4em 1em;

}

.ui-controlgroup .ui-controlgroup-label span {

    font-size: 80%;

}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {

    border-left: none;

}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {

    border-top: none;

}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {

    border-right: none;

}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {

    border-bottom: none;

}



/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {



    /* Support: IE8 only, Android < 4.4 only */

    width: 75%;

    width: calc( 100% - 2.4em );

}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {

    border-top-style: solid;

}



.ui-checkboxradio-label .ui-icon-background {

    box-shadow: inset 1px 1px 1px #ccc;

    border-radius: .12em;

    border: none;

}

.ui-checkboxradio-radio-label .ui-icon-background {

    width: 16px;

    height: 16px;

    border-radius: 1em;

    overflow: visible;

    border: none;

}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,

.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {

    background-image: none;

    width: 8px;

    height: 8px;

    border-width: 4px;

    border-style: solid;

}

.ui-checkboxradio-disabled {

    pointer-events: none;

}

.ui-datepicker {

    width: 17em;

    padding: .2em .2em 0;

    display: none;

}

.ui-datepicker .ui-datepicker-header {

    position: relative;

    padding: .2em 0;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

    position: absolute;

    top: 2px;

    width: 1.8em;

    height: 1.8em;

}

.ui-datepicker .ui-datepicker-prev-hover,

.ui-datepicker .ui-datepicker-next-hover {

    top: 1px;

}

.ui-datepicker .ui-datepicker-prev {

    left: 2px;

}

.ui-datepicker .ui-datepicker-next {

    right: 2px;

}

.ui-datepicker .ui-datepicker-prev-hover {

    left: 1px;

}

.ui-datepicker .ui-datepicker-next-hover {

    right: 1px;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -8px;

    top: 50%;

    margin-top: -8px;

}

.ui-datepicker .ui-datepicker-title {

    margin: 0 2.3em;

    line-height: 1.8em;

    text-align: center;

}

.ui-datepicker .ui-datepicker-title select {

    font-size: 1em;

    margin: 1px 0;

}

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

    width: 45%;

}

.ui-datepicker table {

    width: 100%;

    font-size: .9em;

    border-collapse: collapse;

    margin: 0 0 .4em;

}

.ui-datepicker th {

    padding: .7em .3em;

    text-align: center;

    font-weight: bold;

    border: 0;

}

.ui-datepicker td {

    border: 0;

    padding: 1px;

}

.ui-datepicker td span,

.ui-datepicker td a {

    display: block;

    padding: .2em;

    text-align: right;

    text-decoration: none;

}

.ui-datepicker .ui-datepicker-buttonpane {

    background-image: none;

    margin: .7em 0 0 0;

    padding: 0 .2em;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

}

.ui-datepicker .ui-datepicker-buttonpane button {

    float: right;

    margin: .5em .2em .4em;

    cursor: pointer;

    padding: .2em .6em .3em .6em;

    width: auto;

    overflow: visible;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

    float: left;

}



/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {

    width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

    float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

    width: 95%;

    margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

    width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

    width: 33.3%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

    width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

    border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

    clear: left;

}

.ui-datepicker-row-break {

    clear: both;

    width: 100%;

    font-size: 0;

}



/* RTL support */

.ui-datepicker-rtl {

    direction: rtl;

}

.ui-datepicker-rtl .ui-datepicker-prev {

    right: 2px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next {

    left: 2px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-prev:hover {

    right: 1px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next:hover {

    left: 1px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane {

    clear: right;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {

    float: left;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

.ui-datepicker-rtl .ui-datepicker-group {

    float: right;

}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

    border-right-width: 0;

    border-left-width: 1px;

}



/* Icons */

.ui-datepicker .ui-icon {

    display: block;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat;

    left: .5em;

    top: .3em;

}

.ui-dialog {

    position: absolute;

    top: 0;

    left: 0;

    padding: .2em;

    outline: 0;

}

.ui-dialog .ui-dialog-titlebar {

    padding: .4em 1em;

    position: relative;

}

.ui-dialog .ui-dialog-title {

    float: left;

    margin: .1em 0;

    white-space: nowrap;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ui-dialog .ui-dialog-titlebar-close {

    position: absolute;

    right: .3em;

    top: 50%;

    width: 20px;

    margin: -10px 0 0 0;

    padding: 1px;

    height: 20px;

}

.ui-dialog .ui-dialog-content {

    position: relative;

    border: 0;

    padding: .5em 1em;

    background: none;

    overflow: auto;

}

.ui-dialog .ui-dialog-buttonpane {

    text-align: left;

    border-width: 1px 0 0 0;

    background-image: none;

    margin-top: .5em;

    padding: .3em 1em .5em .4em;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

    float: right;

}

.ui-dialog .ui-dialog-buttonpane button {

    margin: .5em .4em .5em 0;

    cursor: pointer;

}

.ui-dialog .ui-resizable-n {

    height: 2px;

    top: 0;

}

.ui-dialog .ui-resizable-e {

    width: 2px;

    right: 0;

}

.ui-dialog .ui-resizable-s {

    height: 2px;

    bottom: 0;

}

.ui-dialog .ui-resizable-w {

    width: 2px;

    left: 0;

}

.ui-dialog .ui-resizable-se,

.ui-dialog .ui-resizable-sw,

.ui-dialog .ui-resizable-ne,

.ui-dialog .ui-resizable-nw {

    width: 7px;

    height: 7px;

}

.ui-dialog .ui-resizable-se {

    right: 0;

    bottom: 0;

}

.ui-dialog .ui-resizable-sw {

    left: 0;

    bottom: 0;

}

.ui-dialog .ui-resizable-ne {

    right: 0;

    top: 0;

}

.ui-dialog .ui-resizable-nw {

    left: 0;

    top: 0;

}

.ui-draggable .ui-dialog-titlebar {

    cursor: move;

}

.ui-draggable-handle {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-resizable {

    position: relative;

}

.ui-resizable-handle {

    position: absolute;

    font-size: 0.1px;

    display: block;

    -ms-touch-action: none;

    touch-action: none;

}

.ui-resizable-disabled .ui-resizable-handle,

.ui-resizable-autohide .ui-resizable-handle {

    display: none;

}

.ui-resizable-n {

    cursor: n-resize;

    height: 7px;

    width: 100%;

    top: -5px;

    left: 0;

}

.ui-resizable-s {

    cursor: s-resize;

    height: 7px;

    width: 100%;

    bottom: -5px;

    left: 0;

}

.ui-resizable-e {

    cursor: e-resize;

    width: 7px;

    right: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-w {

    cursor: w-resize;

    width: 7px;

    left: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-se {

    cursor: se-resize;

    width: 12px;

    height: 12px;

    right: 1px;

    bottom: 1px;

}

.ui-resizable-sw {

    cursor: sw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    bottom: -5px;

}

.ui-resizable-nw {

    cursor: nw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    top: -5px;

}

.ui-resizable-ne {

    cursor: ne-resize;

    width: 9px;

    height: 9px;

    right: -5px;

    top: -5px;

}

.ui-progressbar {

    height: 2em;

    text-align: left;

    overflow: hidden;

}

.ui-progressbar .ui-progressbar-value {

    margin: -1px;

    height: 100%;

}

.ui-progressbar .ui-progressbar-overlay {

    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");

    height: 100%;

    filter: alpha(opacity=25); /* support: IE8 */

    opacity: 0.25;

}

.ui-progressbar-indeterminate .ui-progressbar-value {

    background-image: none;

}

.ui-selectable {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-selectable-helper {

    position: absolute;

    z-index: 100;

    border: 1px dotted black;

}

.ui-selectmenu-menu {

    padding: 0;

    margin: 0;

    position: absolute;

    top: 0;

    left: 0;

    display: none;

}

.ui-selectmenu-menu .ui-menu {

    overflow: auto;

    overflow-x: hidden;

    padding-bottom: 1px;

}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {

    font-size: 1em;

    font-weight: bold;

    line-height: 1.5;

    padding: 2px 0.4em;

    margin: 0.5em 0 0 0;

    height: auto;

    border: 0;

}

.ui-selectmenu-open {

    display: block;

}

.ui-selectmenu-text {

    display: block;

    margin-right: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ui-selectmenu-button.ui-button {

    text-align: left;

    white-space: nowrap;

    width: 14em;

}

.ui-selectmenu-icon.ui-icon {

    float: right;

    margin-top: 0;

}

.ui-slider {

    position: relative;

    text-align: left;

}

.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 1.2em;

    height: 1.2em;

    cursor: default;

    -ms-touch-action: none;

    touch-action: none;

}

.ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    background-position: 0 0;

}



/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,

.ui-slider.ui-state-disabled .ui-slider-range {

    filter: inherit;

}



.ui-slider-horizontal {

    height: .8em;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -.3em;

    margin-left: -.6em;

}

.ui-slider-horizontal .ui-slider-range {

    top: 0;

    height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

    left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

    right: 0;

}



.ui-slider-vertical {

    width: .8em;

    height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

    left: -.3em;

    margin-left: 0;

    margin-bottom: -.6em;

}

.ui-slider-vertical .ui-slider-range {

    left: 0;

    width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

    bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

    top: 0;

}

.ui-sortable-handle {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-spinner {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: 0;

    vertical-align: middle;

}

.ui-spinner-input {

    border: none;

    background: none;

    color: inherit;

    padding: .222em 0;

    margin: .2em 0;

    vertical-align: middle;

    margin-left: .4em;

    margin-right: 2em;

}

.ui-spinner-button {

    width: 1.6em;

    height: 50%;

    font-size: .5em;

    padding: 0;

    margin: 0;

    text-align: center;

    position: absolute;

    cursor: default;

    display: block;

    overflow: hidden;

    right: 0;

}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {

    border-top-style: none;

    border-bottom-style: none;

    border-right-style: none;

}

.ui-spinner-up {

    top: 0;

}

.ui-spinner-down {

    bottom: 0;

}

.ui-tabs {

    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

    padding: .2em;

}

.ui-tabs .ui-tabs-nav {

    margin: 0;

    padding: .2em .2em 0;

}

.ui-tabs .ui-tabs-nav li {

    list-style: none;

    float: left;

    position: relative;

    top: 0;

    margin: 1px .2em 0 0;

    border-bottom-width: 0;

    padding: 0;

    white-space: nowrap;

}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {

    margin-bottom: -1px;

    padding-bottom: 1px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,

.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {

    cursor: text;

}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {

    cursor: pointer;

}

.ui-tabs .ui-tabs-panel {

    display: block;

    border-width: 0;

    padding: 1em 1.4em;

    background: none;

}

.ui-tooltip {

    padding: 8px;

    position: absolute;

    z-index: 9999;

    max-width: 300px;

}

body .ui-tooltip {

    border-width: 2px;

}

/* Component containers

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

.ui-widget {

    font-family: Arial,Helvetica,sans-serif;

    font-size: 1em;

}

.ui-widget .ui-widget {

    font-size: 1em;

}

.ui-widget input,

.ui-widget select,

.ui-widget textarea,

.ui-widget button {

    font-family: Arial,Helvetica,sans-serif;

    font-size: 1em;

}

.ui-widget.ui-widget-content {

    border: 1px solid #c5c5c5;

}

.ui-widget-content {

    border: 1px solid #dddddd;

    background: #ffffff;

    color: #333333;

}

.ui-widget-content a {

    color: #333333;

}

.ui-widget-header {

    border: 1px solid #dddddd;

    background: #e9e9e9;

    color: #333333;

    font-weight: bold;

}

.ui-widget-header a {

    color: #333333;

}



/* Interaction states

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

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default,

.ui-button,



/* We use html here because we need a greater specificity to make sure disabled

works properly when clicked or hovered */

html .ui-button.ui-state-disabled:hover,

html .ui-button.ui-state-disabled:active {

    border: 1px solid #c5c5c5;

    background: #f6f6f6;

    font-weight: normal;

    color: #454545;

}

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited,

a.ui-button,

a:link.ui-button,

a:visited.ui-button,

.ui-button {

    color: #454545;

    text-decoration: none;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus,

.ui-button:hover,

.ui-button:focus {

    border: 1px solid #cccccc;

    background: #ededed;

    font-weight: normal;

    color: #2b2b2b;

}

.ui-state-hover a,

.ui-state-hover a:hover,

.ui-state-hover a:link,

.ui-state-hover a:visited,

.ui-state-focus a,

.ui-state-focus a:hover,

.ui-state-focus a:link,

.ui-state-focus a:visited,

a.ui-button:hover,

a.ui-button:focus {

    color: #2b2b2b;

    text-decoration: none;

}



.ui-visual-focus {

    box-shadow: 0 0 3px 1px rgb(94, 158, 214);

}

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active,

a.ui-button:active,

.ui-button:active,

.ui-button.ui-state-active:hover {

    border: 1px solid #003eff;

    background: #007fff;

    font-weight: normal;

    color: #ffffff;

}

.ui-icon-background,

.ui-state-active .ui-icon-background {

    border: #003eff;

    background-color: #ffffff;

}

.ui-state-active a,

.ui-state-active a:link,

.ui-state-active a:visited {

    color: #ffffff;

    text-decoration: none;

}



/* Interaction Cues

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

.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

    border: 1px solid #dad55e;

    background: #fffa90;

    color: #777620;

}

.ui-state-checked {

    border: 1px solid #dad55e;

    background: #fffa90;

}

.ui-state-highlight a,

.ui-widget-content .ui-state-highlight a,

.ui-widget-header .ui-state-highlight a {

    color: #777620;

}

.ui-state-error,

.ui-widget-content .ui-state-error,

.ui-widget-header .ui-state-error {

    border: 1px solid #f1a899;

    background: #fddfdf;

    color: #5f3f3f;

}

.ui-state-error a,

.ui-widget-content .ui-state-error a,

.ui-widget-header .ui-state-error a {

    color: #5f3f3f;

}

.ui-state-error-text,

.ui-widget-content .ui-state-error-text,

.ui-widget-header .ui-state-error-text {

    color: #5f3f3f;

}

.ui-priority-primary,

.ui-widget-content .ui-priority-primary,

.ui-widget-header .ui-priority-primary {

    font-weight: bold;

}

.ui-priority-secondary,

.ui-widget-content .ui-priority-secondary,

.ui-widget-header .ui-priority-secondary {

    opacity: .7;

    filter:Alpha(Opacity=70); /* support: IE8 */

    font-weight: normal;

}

.ui-state-disabled,

.ui-widget-content .ui-state-disabled,

.ui-widget-header .ui-state-disabled {

    opacity: .35;

    filter:Alpha(Opacity=35); /* support: IE8 */

    background-image: none;

}

.ui-state-disabled .ui-icon {

    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */

}



/* Icons

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



/* states and images */

.ui-icon {

    width: 16px;

    height: 16px;

}

.ui-icon,

.ui-widget-content .ui-icon {

    background-image: url("images/ui-icons_444444_256x240.png");

}

.ui-widget-header .ui-icon {

    background-image: url("images/ui-icons_444444_256x240.png");

}

.ui-state-hover .ui-icon,

.ui-state-focus .ui-icon,

.ui-button:hover .ui-icon,

.ui-button:focus .ui-icon {

    background-image: url("images/ui-icons_555555_256x240.png");

}

.ui-state-active .ui-icon,

.ui-button:active .ui-icon {

    background-image: url("images/ui-icons_ffffff_256x240.png");

}

.ui-state-highlight .ui-icon,

.ui-button .ui-state-highlight.ui-icon {

    background-image: url("images/ui-icons_777620_256x240.png");

}

.ui-state-error .ui-icon,

.ui-state-error-text .ui-icon {

    background-image: url("images/ui-icons_cc0000_256x240.png");

}

.ui-button .ui-icon {

    background-image: url("images/ui-icons_777777_256x240.png");

}



/* positioning */

.ui-icon-blank { background-position: 16px 16px; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }





/* Misc visuals

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



/* Corner radius */

.ui-corner-all,

.ui-corner-top,

.ui-corner-left,

.ui-corner-tl {

    border-top-left-radius: 3px;

}

.ui-corner-all,

.ui-corner-top,

.ui-corner-right,

.ui-corner-tr {

    border-top-right-radius: 3px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-left,

.ui-corner-bl {

    border-bottom-left-radius: 3px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-right,

.ui-corner-br {

    border-bottom-right-radius: 3px;

}



/* Overlays */

.ui-widget-overlay {

    background: #aaaaaa;

    opacity: .3;

    filter: Alpha(Opacity=30); /* support: IE8 */

}

.ui-widget-shadow {

    -webkit-box-shadow: 0px 0px 5px #666666;

    box-shadow: 0px 0px 5px #666666;

}









/**************global css end*******/



::-moz-selection {

    background-color: #007d9d;

    color: #fff;

    text-shadow: none;

}

::selection {

    background-color: #007d9d;

    color: #fff;

    text-shadow: none;

}

input::-moz-placeholder,

textarea::-moz-placeholder,

select::-moz-placeholder{

    color: inherit;

    opacity:0.7;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder,

select:-ms-input-placeholder{

    color: inherit;

    opacity:0.7;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder,

select::-webkit-input-placeholder{

    color: inherit;

    opacity:0.7;

}

body {

    margin: 0;

    padding: 0;

    font-size: 16px;

    overflow-x: hidden;

    font-family: 'Montserrat', sans-serif !important;

    background: #FFF;

}

.container:after,

.container:before {

    content: " ";

    display: table;

}

.container:after {

    clear: both;

}

h1,

h2,

h3,

h4,

h5,

h6,

ul,

li,

figure {

    margin: 0;

    padding: 0;

}

img {

    margin: 0;

    padding: 0;

    border: none;

    max-width: 100%;

    height: auto !important;

    display: block;

}



a, button, input{

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

a{

    text-decoration:none !important;

}



@font-face {

    font-family: 'Conv_ProximaBoldItalic';

    src: url('fonts/Proxima Nova Bold Italic.eot');

    src: local('☺'), url('fonts/Proxima Nova Bold Italic.woff') format('woff'), url('fonts/Proxima Nova Bold Italic.ttf') format('truetype'), url('fonts/Proxima Nova Bold Italic.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Conv_proximasemiboldItalic';

    src: url('fonts/proxima semibold Italic.eot');

    src: local('☺'), url('fonts/proxima semibold Italic.woff') format('woff'), url('fonts/proxima semibold Italic.ttf') format('truetype'), url('fonts/proxima semibold Italic.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Conv_proximanovacondensedLight';

    src: url('fonts/proximanovacondensed Light.eot');

    src: local('☺'), url('fonts/proximanovacondensed Light.woff') format('woff'), url('fonts/proximanovacondensed Light.ttf') format('truetype'), url('fonts/proximanovacondensed Light.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Conv_proximanovalightItalic';

    src: url('fonts/proximanova light Italic.eot');

    src: local('☺'), url('fonts/proximanova light Italic.woff') format('woff'), url('fonts/proximanova light Italic.ttf') format('truetype'), url('fonts/proximanova light Italic.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Conv_proximanovacondensedRegularItalic';

    src: url('fonts/proximanovacondensed Regular Italic.eot');

    src: local('☺'), url('fonts/proximanovacondensed Regular Italic.woff') format('woff'), url('fonts/proximanovacondensed Regular Italic.ttf') format('truetype'), url('fonts/proximanovacondensed Regular Italic.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Conv_proximanovacondensedRegular';

    src: url('fonts/proximanovacondensed Regular.eot');

    src: local('☺'), url('fonts/proximanovacondensed Regular.woff') format('woff'), url('fonts/proximanovacondensed Regular.ttf') format('truetype'), url('fonts/proximanovacondensed Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Conv_proximanovabold';

    src: url('fonts/proximanovabold.eot');

    src: local('☺'), url('fonts/proximanovabold.woff') format('woff'), url('fonts/proximanovabold.ttf') format('truetype'), url('fonts/proximanovabold.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



/***** header css start ******/



.main-header {

    width: 100%;

    float:left;

    background:#feba12;

    padding:12px 0 21px;

    border-bottom:#000000 1px solid;

}

.logo{

    float:left;

}



.language-bar{

    width:100%;

    float:left;

    text-align:right;

}

.language-bar h4{

    font-size:23px;

    color:#ffffff;

    font-family: 'Conv_proximasemiboldItalic';    

    font-weight:normal;

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

    margin:0;

    display:inline-block;

    vertical-align:middle;

}

.language-bar h4 span{

    text-transform:uppercase;

    color:#000;

    font-family: 'Conv_ProximaBoldItalic';

}

.language-bar .btn-donate{

    display:inline-block;

    vertical-align:middle;

    padding:0 21px;

    line-height:38px;

    color:#feba12;

    font-size:15px;

    font-weight:bold;

    letter-spacing:2px;

    background:#000;

    margin-left:20px;

}

.language-bar .btn-donate:hover{

    background: #424242;

}

.language-bar .btn-donate i{

    margin-right:10px;

}

.language-bar #qtranslate-2{

    display:inline-block;

    vertical-align:middle;

    margin-left:10px;

}

.language-bar .lang-drop,

#qtranxs_select_qtranslate-2-chooser{

    width:137px;

    height:38px;

    text-align:left;

    display:inline-block;

    vertical-align:top;

    position:relative;    

    border:#000 2px solid;

    padding:7px 12px;

    font-size:15px;

    color:#000000;

    font-weight:bold;

    background: transparent url(images/arrw.jpg) no-repeat right;

    -webkit-appearance:none;

    -moz-appearance:none;

    -o-appearance:none;

    appearance:none;

}

.language-bar .lang-drop:before{

    content:'';

    width:37px;

    height:38px;

    background:#000 url(images/arw.png) no-repeat center;

    position:absolute;

    top:0;

    right:0;

}

/*.language-bar .lang-drop li{

    display:block;

    font-size:15px;

    color:#000000;

    font-weight:bold;

    border:#000 2px solid;

    padding:7px 12px;

}

.language-bar .lang-drop li + li{

    border-top:none;

    display:none;

}*/



.nav-area{

    width:100%;

    float:left;

    text-align:right;

    position:relative;

    margin-top:25px;

    padding-right:55px;

}

.nav-area .nav-sup{

    width:100%;

    float: left;

}

.nav-area .nav-sup ul{

    margin:0;

}

.nav-area .nav-sup ul > li{

    display:inline-block;

    vertical-align:middle;

    position:relative;

    padding:5px;

}

.nav-area .nav-sup ul > li a{

    color:#000000;

    font-weight:bold;

    font-size:15px;

    display:block;

    letter-spacing:1px;

    padding:7px 12px;

    background:#feba12;

    z-index:9;

    position:relative;

}

.nav-area .nav-sup ul > li.active{

    background:url(images/border-img.jpg) repeat;

}

.nav-area .nav-sup .arrw{

    display:none;

}

.nav-area .hover-area-nav{

    position:absolute;

    width:0;

    height:45px;

    left:0;

    top:0;

    pointer-events:none;

    background:url(images/border-img.jpg) repeat top center;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}



/*submenu*/

.nav-area .nav-sup ul > li:hover .sub-menu{

    display:block;

}

.nav-area .nav-sup .sub-menu{

    width:245px;

    position: absolute;

    top: 100%;

    left:0;

    text-align:left;

    z-index: 999;

    background: #000;

    display:none;

    border-top:22px solid #feba12;

}

.nav-area .nav-sup .sub-menu > li{

    display:block;

    padding:0;

}

.nav-area .nav-sup .sub-menu > li > a{

    background:transparent;

    color:#c1c1c1;

    font-size:14px;

    font-family: 'Conv_proximanovacondensedLight';

}
.nav-area .nav-sup .sub-menu > li.active{
    background:none;
}

.nav-area .nav-sup .sub-menu > li + li > a{

    border-top:#252525 1px solid;

}

.nav-area .nav-sup .sub-menu > li > a:hover,
.nav-area .nav-sup .sub-menu > li.active > a{

    color:#feba12;

}

/**/

.nav-area .srch-icon{

    width:44px;

    height:44px;

    line-height:44px;

    font-size:19px;

    color:#000;

    text-align: center;

    position:absolute;

    top:0;

    right:0;

    background:url(images/srch-bg.jpg) repeat top left;

}





.mega-srch{

    width:100%;

    height:100%;

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

    position:fixed;

    top:0;

    left:0;

    z-index:99;

    display:none;
    padding:0 10px;

}

.mega-srch .srch-wrapper{

    width:100%;

    max-width:700px;

    height:100%;

    display:table;

    margin:0 auto;

}

.mega-srch .srch-wrapper form{

    display:table-cell;

    vertical-align:middle;

}

.mega-srch .input-fld{

    width:100%;

    float:left;    

}

.mega-srch .input-fld input{

    width:0;

    display:block;

    height:60px;

    margin:0 auto;

    background:transparent;

    border:none;

    border-bottom:#FFF 2px solid;

    padding:0;

    color:#FFF;

    font-size:20px;

    outline:none;

    -webkit-transition:all 0.5s ease-out;

    -moz-transition:all 0.5s ease-out;

    -o-transition:all 0.5s ease-out;

    transition:all 0.5s ease-out;

}

.mega-srch.active input{

    width:100%;

}

.mega-srch .btn-close{

    position:absolute;

    top:15px;

    right:30px;

    cursor:pointer;

    font-size:28px;

    color:#FFF;

}





/**/







/*banner css start*/

.banner-area{

    width:100%;

    float: left;

    z-index:9;

    position:relative;

}

.banner-area:before{

    content:'';

    width:100%;

    height:100%;

}

.banner-area .item > img{

    width:100%;

}



.banner-slider{

    width:100%;

    float: left;

}



.banner-slider .item{

    width:100%;

    float: left;

    height:538px;

    position:relative;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:left top;

    background: #ae7c00;

    background-blend-mode: multiply;

    outline:none;

}

.banner-slider .banner-caption{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    padding-top: 100px;  

}

.banner-slider .banner-caption:before{

    content:'';

    width:4%;

    height:44px;

    position:absolute;

    top:109px;

    left:0;

    background:url(images/stripe.jpg) no-repeat center;

}

.banner-slider .banner-caption .bnnr-hdng{

    font-weight:bold;

    font-size:60px;

    color:#FFF;

    text-transform:uppercase;

    line-height: 1em;

    margin:0 0 18px;

}

.banner-slider .banner-caption p{

    max-width:585px;

    color:#ffffff;

    font-size:21px;

    font-family: 'Conv_proximanovacondensedLight';

    line-height:1.4em;

    margin:0;

}

.banner-slider .banner-caption .btn-more{

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    bottom: 42px;

    right: 0;

    background: #020200;

    padding: 28px 70px;

    color: #feba12;

    font-weight: bold;

    font-size: 17px;

    letter-spacing: 3px;

}

.banner-slider .banner-caption .btn-more img{

    display:inline-block;

    vertical-align:middle;

    margin-left: 15px;

}

.banner-slider .banner-caption .btn-more:hover{

    background: #feba12;

    color:#000;

}







/*inner css start*/

.inner-banner-area{
    width:100%;
    float:left;
    position:relative;
    overflow:hidden;
    height:374px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center right;
    background-color:#ae7c00;
    background-blend-mode:multiply;
}



.inner-banner-area .banner-caption{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    left:0;

    z-index:9;

}

.inner-banner-area .banner-caption .container{    

    height:100%;

    display:table;

}

.inner-banner-area .banner-caption .main-txt{

    width:100%;

    height:100%;

    display:table-cell;

    vertical-align:middle;

}

.inner-banner-area .banner-caption .bnnr-hdng{

    font-weight: bold;

    font-size: 60px;

    color: #FFF;

    text-transform: uppercase;

    line-height: 1em;

    margin: 0 0 18px;

}

.inner-banner-area .banner-caption p{

    max-width: 585px;

    color: #ffffff;

    font-size: 21px;

    font-family: 'Conv_proximanovacondensedLight';

    line-height: 1.4em;

    margin: 0;

}



.inner-banner-area:before{

    content: '';

    width: 4%;

    height: 44px;

    position: absolute;

    top: 34%;

    left: 0;

    background: url(images/stripe.jpg) no-repeat center;

}

/**/


.payment-errors{
    display: inline-block;
    width: 100%;
    margin: 10px 0 20px;
    color: #feba12;
}





@media only screen and (max-width:1199px) {

.language-bar h4 {

    font-size: 20px;

}

.nav-area .nav-sup ul > li a {

    padding: 7px 5px;

}

.banner-slider .item {

    height: 350px;

}

.banner-slider .banner-caption .bnnr-hdng{

    font-size:40px;

}

.banner-slider .banner-caption:before{

    top:105px;

}

.banner-slider .banner-caption p{

    font-size:18px;

}

.banner-slider .banner-caption .btn-more {

    padding: 19px 30px;

    font-size:15px;

}



.inner-banner-area .banner-caption .bnnr-hdng {

    font-size: 40px;

    margin: 0 0 10px;

}

.inner-banner-area:before {

    width: 2%;

}

.inner-banner-area .banner-caption p {

    font-size: 18px;

}

}

@media only screen and (max-width:1100px) {

.banner-slider .banner-caption:before {

    width:2%;

}

}

@media only screen and (max-width:991px) {

.language-bar {

    width: auto;

    float: right;

    margin-top: 34px;

}

/*============================ 18.09.2017 ====================*/
.language-bar .btn-donate {

    padding: 0 10px;
    font-size: 12px;
    margin-left: 4px;
}
.language-bar .btn-donate i {
  margin-right: 5px;
}

.language-bar .lang-drop, #qtranxs_select_qtranslate-2-chooser {
  font-size: 12px;
  padding: 7px 12px;
  width: 122px;
}

.language-bar #qtranslate-2 {
  margin-left: 0;
}

.language-bar h4 {
  font-size: 16px;
}

.language-bar h4 span {
  font-size: 14px;
}

/*============================ 18.09.2017 ====================*/

.nav-area .nav-sup ul > li a {

    font-size: 13px;

}

.nav-area .hover-area-nav {

    height: 42px;

}

.banner-slider .banner-caption{

    padding-top:40px;

}

.banner-slider .banner-caption:before{

    top:45px;

}

.banner-slider .banner-caption .bnnr-hdng{

    font-size:30px;

}

.nav-area .nav-sup .sub-menu{

    border-top:21px solid #feba12;

}

.banner-slider .item {

    height: 290px;

}

.inner-banner-area {

    height: 245px;

}

.inner-banner-area .banner-caption .bnnr-hdng {

    font-size: 30px;

}

}

@media only screen and (max-width:767px) {

.nav-area {

    width: auto;

    position: absolute;

    top: 35px;

    right: 15px;

    margin-top:0;

}

.language-bar {

    width: 100%;

    text-align: center;

}

.language-bar h4 {

    font-size: 23px;

    margin: 0 0 10px;

    display: block;

}

.nav-area .nav-sup {

    width: 300px;

    height: 100%;

    text-align:left;

    float: none;

    position: fixed;

    z-index: 9999;

    top: 0;

    right:-100%;

    padding-top: 80px;

    background: #000;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}

.nav-area .nav-sup.active{

    right:0;

}

.nav-area .hover-area-nav{

    display:none;

}

.nav-area .full-nav{

    height:600px;

}

.nav-area .nav-sup ul > li{

    display:block;

    padding:0;

}

.nav-area .nav-sup ul > li a{

    background:transparent;

    color:#feba12;

    padding: 7px 12px;

}

.nav-area .nav-sup ul > li.active a,

.nav-area .nav-sup ul > li:hover > a{

    background:#feba12;

    color:#000;

}



.nav-area .nav-sup .sub-menu{

    border-top:none;

}

.nav-area .nav-sup ul > li:hover > .sub-menu{

    display:none;

}

.nav-area .nav-sup .sub-menu{

    width:100%;

    position:relative;

    top:0;

    display:none;

    background:#feba12;

}

.nav-area .nav-sup .sub-menu > li > a {

    color: #000;

    padding: 7px 20px;

}

.nav-area .nav-sup .sub-menu > li > a:hover,
.nav-area .nav-sup .sub-menu > li.active > a{

    color:#FFF;

}



.nav-area .nav-sup .arrw{

    width: 25px;

    height: 22px;

    text-align: center;

    background: #feba12;

    position: absolute;

    z-index: 99;

    top: 5px;

    right: 7px;

    display:block;

    cursor:pointer;

    -webkit-transition:all 0.3s ease-out;

    -moz-transition:all 0.3s ease-out;

    -o-transition:all 0.3s ease-out;

    transition:all 0.3s ease-out;

}



.nav-area .nav-sup .arrw.actv{

    background:#000;

    color: #feba12;

    -webkit-transform:rotate(180deg);

    -moz-transform:rotate(180deg);

    -o-transform:rotate(180deg);

    transform:rotate(180deg);

}



.toggle-menu{

    width: 54px;

    height: 44px;

    line-height:44px;

    background: #000;

    display: block;

    padding:20px 15px;

    top:0;

    right:0; 

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    transition:all 0.5s ease-in-out;

}

.toggle-menu.actv{

    z-index: 99999;

    position: fixed;

    top: 15px;

    right:15px;

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -o-transition:all 0.5s ease-in-out;

    transition:all 0.5s ease-in-out;

}

.toggle-menu.actv i{

    background:transparent;

}

.toggle-menu.actv i:before{

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    transform:rotate(45deg);

    top: 0;

}

.toggle-menu.actv i:after{

    top: 0;

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

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

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

    transform:rotate(-45deg);

}

.toggle-menu i{

    display: block;

    height:3px;

    background-color:#feba12;

    position: relative;

    cursor:pointer;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}

.toggle-menu i:before{

    content:'';

    width:100%;

    height:3px;

    position:absolute;

    top:-9px;

    left:0;

    background-color:#feba12;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}

.toggle-menu i:after{

    content:'';

    width:100%;

    height:3px;

    position:absolute;

    bottom:-9px;

    left:0;

    background-color:#feba12;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}

.overlay {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    pointer-events: none;

}

.overlay.actv {

    pointer-events: auto;

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

}





.banner-slider .banner-caption {

    text-align: center;

    padding:44px 15px;

}

.banner-slider .banner-caption:before{

    display:none;

}

.banner-slider .banner-caption .btn-more{

    position:relative;

    bottom:0;

}

.banner-slider .banner-caption p {

    margin: 0 auto 17px;

}

.inner-banner-area:before{

    display:none;

}

}

.g-recaptcha {
    display: inline-block;
}