@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Sanchez&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=PT+Serif+Caption&subset=latin,latin-ext,cyrillic-ext,cyrillic);
@import url(//fonts.googleapis.com/css?family=Open+Sans); /*!
 *
 * Copyright Opentravel Vlasáková
 */
a {
    color: #7aa329
}

    a:hover {
        color: #3d5214
    }

.main a {
    text-decoration: underline
}

.main p {
    margin-bottom: 15px
}

.btn-primary {
    color: #fff;
    background-color: #9c3;
    border-color: #8ab82e;
    text-shadow: -1px -1px #8ab82e
}

    .btn-primary:hover, .btn-primary:focus {
        background: #4f4f4f;
        border-color: #1c1c1c;
        color: #fff;
        text-shadow: -1px -1px #1c1c1c
    }

.btn-black {
    color: #fff;
    background-color: #292929;
    border-color: #1c1c1c;
    text-shadow: -1px -1px #1c1c1c
}

    .btn-black:hover, .btn-black:focus {
        background: #4f4f4f;
        border-color: #1c1c1c;
        color: #fff;
        text-shadow: -1px -1px #1c1c1c
    }

.seda {
    background: #f5f5f5
}

.vyska {
    min-height: 202px;
    position: relative;
    margin-bottom: 20px
}

    .vyska a.vyska_link {
        min-height: 202px;
        display: block;
        position: absolute;
        top: 0;
        left: -10px;
        right: -10px
    }

        .vyska a.vyska_link:hover {
            cursor: pointer;
            background: rgba(153,204,51,0.09999999999999998)
        }

hr.bila {
    border-top-color: #fff
}

hr.line {
    border-top: solid 3px #444;
    margin: 0 0 5px
}

hr.linka {
    border-top: solid 1px #ccc;
    margin: 0
}

table.table-bordered > thead > tr > th {
    background: #444;
    color: #fff;
    border: solid 1px #111;
    vertical-align: middle
}

    table.table-bordered > thead > tr > th a {
        color: #fff
    }

.table > thead:first-child > tr:first-child > th {
    border-top: solid 1px #222
}

table.table-bordered > thead > tr.green > th {
    background: #9c3;
    color: #222;
    border: solid 1px #8ab82e
}

    table.table-bordered > thead > tr.green > th a {
        color: #222
    }

.table > thead:first-child > tr.green:first-child > th {
    border-top: solid 1px #8ab82e
}

td.monthly-data-live {
    background: rgba(153,204,51,0.15000000000000002)
}

.table-hover > tbody > tr:hover > td.monthly-data-live {
    background: rgba(153,204,51,0.19999999999999996)
}

a.no-deco {
    color: #222
}

    a.no-deco:hover {
        text-decoration: none;
        background: rgba(153,204,51,0.09999999999999998)
    }

        a.no-deco:hover .panel-heading {
            background: rgba(153,204,51,0.19999999999999996)
        }

        a.no-deco:hover .panel-body {
            background: rgba(153,204,51,0.09999999999999998)
        }

p.sedy-link {
    padding: 5px 10px;
    margin: 15px 0 0;
    background-color: #f5f5f5;
    border: solid 1px #cfcfcf;
    text-align: center
}

.well.minimal {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0
}

html, body {
    overflow-x: hidden
}

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

@-moz-keyframes scaleUp {
    to {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleUp {
    to {
        transform: scale(1);
        opacity: 1
    }
}

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

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

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

.flashNow {
    opacity: 0
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
    opacity: 1 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.shakeNow {
    opacity: 0
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    opacity: 1 !Important
}

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

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

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

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

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

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

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

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

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

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

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

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

.bounceNow {
    opacity: 0
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    opacity: 1 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tadaNow {
    opacity: 0
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
    opacity: 1 !Important
}

@-webkit-keyframes swing {
    20%,40%,60%,80%,100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    60% {
        transform: rotate(5deg)
    }

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

    100% {
        transform: rotate(0deg)
    }
}

.swingNow {
    opacity: 0
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
    opacity: !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateX(0%)
    }
}

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

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

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

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

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

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

    100% {
        -o-transform: translateX(0%)
    }
}

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

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

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

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

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

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

    100% {
        transform: translateX(0%)
    }
}

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

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

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

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

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

    50% {
        -moz-transform: scale(1.1)
    }

    100% {
        -moz-transform: scale(1)
    }
}

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

    50% {
        -o-transform: scale(1.1)
    }

    100% {
        -o-transform: scale(1)
    }
}

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

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

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

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

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

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

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

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

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

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

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

    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function: ease-in
    }

    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}

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

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

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

    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-animation-timing-function: ease-in
    }

    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}

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

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

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

    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeInNow {
    opacity: 0
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1 !Important
}

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

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

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

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

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

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

.fadeInUpNow {
    opacity: 0
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    opacity: 1 !important
}

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

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

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

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

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

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

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

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

.fadeInDownNow {
    opacity: 0
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1 !Important
}

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

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

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

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

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

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

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

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

.fadeInLeftNow {
    opacity: 0
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    opacity: 1 !important
}

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

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

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

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

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

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

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

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

.fadeInRightNow {
    opacity: 0
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    opacity: 1 !Important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    70% {
        -webkit-transform: scale(0.9)
    }

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

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }

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

    70% {
        -moz-transform: scale(0.9)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3)
    }

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

    70% {
        -o-transform: scale(0.9)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }

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

    70% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateY(0)
    }
}

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

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

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

    100% {
        -o-transform: translateY(0)
    }
}

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

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

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateY(0)
    }
}

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

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

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

    100% {
        -o-transform: translateY(0)
    }
}

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

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

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

    100% {
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateX(0)
    }
}

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

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

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

    100% {
        -o-transform: translateX(0)
    }
}

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

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

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

    100% {
        transform: translateX(0)
    }
}

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translateX(0)
    }
}

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

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

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

    100% {
        -o-transform: translateX(0)
    }
}

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

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

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

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

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

    25% {
        -webkit-transform: scale(0.95)
    }

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

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

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

    25% {
        -moz-transform: scale(0.95)
    }

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

    100% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
}

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

    25% {
        -o-transform: scale(0.95)
    }

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

    100% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
}

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

    25% {
        transform: scale(0.95)
    }

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

    100% {
        opacity: 0;
        transform: scale(0.3)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    20%,60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

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

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

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

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

    20%,60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

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

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

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

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

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

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

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

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

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

.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }

    10% {
        -webkit-transform: skewX(-8deg)
    }

    20% {
        -webkit-transform: skewX(7deg)
    }

    30% {
        -webkit-transform: skewX(-6deg)
    }

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

    50% {
        -webkit-transform: skewX(-4deg)
    }

    60% {
        -webkit-transform: skewX(3deg)
    }

    70% {
        -webkit-transform: skewX(-2deg)
    }

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

    90% {
        -webkit-transform: skewX(0deg)
    }

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

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }

    10% {
        -moz-transform: skewX(-8deg)
    }

    20% {
        -moz-transform: skewX(7deg)
    }

    30% {
        -moz-transform: skewX(-6deg)
    }

    40% {
        -moz-transform: skewX(5deg)
    }

    50% {
        -moz-transform: skewX(-4deg)
    }

    60% {
        -moz-transform: skewX(3deg)
    }

    70% {
        -moz-transform: skewX(-2deg)
    }

    80% {
        -moz-transform: skewX(1deg)
    }

    90% {
        -moz-transform: skewX(0deg)
    }

    100% {
        -moz-transform: skewX(0deg)
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }

    10% {
        -o-transform: skewX(-8deg)
    }

    20% {
        -o-transform: skewX(7deg)
    }

    30% {
        -o-transform: skewX(-6deg)
    }

    40% {
        -o-transform: skewX(5deg)
    }

    50% {
        -o-transform: skewX(-4deg)
    }

    60% {
        -o-transform: skewX(3deg)
    }

    70% {
        -o-transform: skewX(-2deg)
    }

    80% {
        -o-transform: skewX(1deg)
    }

    90% {
        -o-transform: skewX(0deg)
    }

    100% {
        -o-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }

    10% {
        transform: skewX(-8deg)
    }

    20% {
        transform: skewX(7deg)
    }

    30% {
        transform: skewX(-6deg)
    }

    40% {
        transform: skewX(5deg)
    }

    50% {
        transform: skewX(-4deg)
    }

    60% {
        transform: skewX(3deg)
    }

    70% {
        transform: skewX(-2deg)
    }

    80% {
        transform: skewX(1deg)
    }

    90% {
        transform: skewX(0deg)
    }

    100% {
        transform: skewX(0deg)
    }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes anim-fade {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0) scaleX(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1) scaleX(1)
    }
}

@-moz-keyframes anim-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes anim-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes anim-fade {
    0% {
        opacity: 0;
        transform: scaleY(0) scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleY(1) scaleX(1)
    }
}

.anim-fade {
    -webkit-animation-name: anim-fade;
    -moz-animation-name: anim-fade;
    -o-animation-name: anim-fade;
    animation-name: anim-fade;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1 !important
}

.fade {
    opacity: 0
}

html.ie9 .fade {
    opacity: 1 !important
}

@-webkit-keyframes anim-slide {
    0% {
        -webkit-transform: translateY(100%)
    }

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

@-moz-keyframes anim-slide {
    0% {
        -moz-transform: translateY(100%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-o-keyframes anim-slide {
    0% {
        -o-transform: translateY(100%)
    }

    100% {
        -o-transform: translateY(0%)
    }
}

@keyframes anim-slide {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0%)
    }
}

.anim-slide {
    -webkit-animation-name: anim-slide;
    -moz-animation-name: anim-slide;
    -o-animation-name: anim-slide;
    animation-name: anim-slide;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1 !important
}

.slidea {
    opacity: 0
}

html.ie9 .slidea {
    opacity: 1 !important
}

@-webkit-keyframes anim-hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }

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

    65% {
        -webkit-transform: rotate(1deg)
    }

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

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

@-moz-keyframes anim-hatch {
    0% {
        -moz-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -moz-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -moz-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -moz-transform: rotate(-2deg)
    }

    65% {
        -moz-transform: rotate(1deg)
    }

    80% {
        -moz-transform: rotate(-1deg)
    }

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

@-o-keyframes anim-hatch {
    0% {
        -o-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -o-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -o-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -o-transform: rotate(-2deg)
    }

    65% {
        -o-transform: rotate(1deg)
    }

    80% {
        -o-transform: rotate(-1deg)
    }

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

@keyframes anim-hatch {
    0% {
        transform: rotate(0deg) scaleY(0)
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.anim-hatch {
    -webkit-animation-name: anim-hatch;
    -moz-animation-name: anim-hatch;
    -o-animation-name: anim-hatch;
    animation-name: anim-hatch;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    opacity: 1 !important
}

.hatch {
    opacity: 0
}

html.ie9 .hatch {
    opacity: 1 !important
}

@-webkit-keyframes anim-entrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

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

@-moz-keyframes anim-entrance {
    0% {
        -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@-o-keyframes anim-entrance {
    0% {
        -o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        -o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@keyframes anim-entrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

.anim-entrance {
    -webkit-animation-name: anim-entrance;
    -moz-animation-name: anim-entrance;
    -o-animation-name: anim-entrance;
    animation-name: anim-entrance;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    opacity: 1 !important
}

.entrance {
    opacity: 0
}

html.ie9 .entrance {
    opacity: 1 !important
}

body {
    overflow-x: hidden
}

.off .fadein, .fadein.off {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0,0,1,1);
    -moz-transition-timing-function: cubic-bezier(0,0,1,1);
    -o-transition-timing-function: cubic-bezier(0,0,1,1);
    transition-timing-function: cubic-bezier(0,0,1,1);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.on .fadein, .fadein.on {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0,0,1,1);
    -moz-transition-timing-function: cubic-bezier(0,0,1,1);
    -o-transition-timing-function: cubic-bezier(0,0,1,1);
    transition-timing-function: cubic-bezier(0,0,1,1);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.scale, scaleInv {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

    .off .scale, .off scaleInv, .scale.off, scaleInv.off {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
        -moz-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
        -o-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
        transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

    .on .scale, .on scaleInv, .scale.on, scaleInv.on {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
        -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
        -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
        transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

.off .scaleInv, .scaleInv.on {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
    -moz-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
    -o-transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
    transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045)
}

.on .scaleInv, .scaleInv.on {
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275)
}

.off .anim_8, .anim_8.off {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.on .anim_8, .anim_8.on {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.off .anim_7, .anim_7.off {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

.on .anim_7, .anim_7.on {
    -webkit-transition-delay: 1.55s;
    -moz-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s
}

.off .anim_6, .anim_6.off {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.on .anim_6, .anim_6.on {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.off .anim_5, .anim_5.off {
    -webkit-transition-delay: .44999999999999996s;
    -moz-transition-delay: .44999999999999996s;
    -o-transition-delay: .44999999999999996s;
    transition-delay: .44999999999999996s
}

.on .anim_5, .anim_5.on {
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.off .anim_4, .anim_4.off {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.on .anim_4, .anim_4.on {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.off .anim_3, .anim_3.off {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

.on .anim_3, .anim_3.on {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s
}

.off .anim_2, .anim_2.off {
    -webkit-transition-delay: .8999999999999999s;
    -moz-transition-delay: .8999999999999999s;
    -o-transition-delay: .8999999999999999s;
    transition-delay: .8999999999999999s
}

.on .anim_2, .anim_2.on {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.off .anim_1, .anim_1.off {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.on .anim_1, .anim_1.on {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s
}

.main a {
    text-decoration: underline
}

    .main a.btn {
        text-decoration: none
    }

.wrapsemibox {
    padding-top: 40px
}

ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
    padding: 0
}

    ul.icons {
        list-style: none
    }

        ul.icons i {
            margin-right: 5px
        }

::selection {
    background: #f60;
    color: #fff
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #444;
    font-family: Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif
}

h1, h2, h3 {
    color: #5c7a1f
}

.wrapsemibox h1.title:before, .wrapsemibox h2.title:before, .wrapsemibox h3.title:before, .wrapsemibox h4.title:before {
    content: " ";
    border-bottom: 1px solid #ccc;
    display: block;
    margin-top: 38px;
    margin-bottom: -20px
}

.wrapsemibox h1.title span, .wrapsemibox h2.title span, .wrapsemibox h3.title span, .wrapsemibox h4.title span {
    background: #fff;
    padding-right: 10px;
    line-height: 135%;
    display: inline-block
}

    .wrapsemibox h1.title span a, .wrapsemibox h2.title span a, .wrapsemibox h3.title span a, .wrapsemibox h4.title span a {
        color: #444
    }

        .wrapsemibox h1.title span a:hover, .wrapsemibox h2.title span a:hover, .wrapsemibox h3.title span a:hover, .wrapsemibox h4.title span a:hover {
            text-decoration: none;
            cursor: pointer;
            color: #5c7a1f
        }

.wrapsemibox h1.text-center.title span, .wrapsemibox h2.text-center.title span, .wrapsemibox h3.text-center.title span, .wrapsemibox h4.text-center.title span {
    background: #fff;
    padding: 0 10px
}

.wrapsemibox h1.text-right.title span, .wrapsemibox h2.text-right.title span, .wrapsemibox h3.text-right.title span, .wrapsemibox h4.text-right.title span {
    background: #fff;
    padding-left: 10px
}

.wrapsemibox .seda h2.title span, .wrapsemibox .seda h3.title span {
    background: #f5f5f5
}

.wrapsemibox .seda form {
    padding: 20px 20px 10px
}

    .wrapsemibox .seda form .form-group {
        margin-bottom: 10px
    }

.icon-image {
    display: block;
    margin: 0 auto -25px;
    text-align: center;
    color: #9c3
}

    .icon-image a i:hover {
        color: #add65c;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }

a ul li {
    color: #444
}

    a ul li:hover {
        text-decoration: none
    }

a li:hover, a:hover li, a:hover ul li {
    text-decoration: none
}

.breadcrumb {
    margin: 20px 0 0
}

ul.round li {
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
    position: relative
}

    ul.round li:hover {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-name: pulse;
        -moz-animation-name: pulse;
        -o-animation-name: pulse;
        animation-name: pulse
    }

        ul.round li:hover .label {
            background: #7aa329
        }

    ul.round li span.label {
        background: #dcdcdc;
        border-radius: 50%;
        height: 32px;
        width: 32px;
        line-height: 26px;
        display: inline-block
    }

    ul.round li h4 {
        line-height: 26px;
        margin-bottom: 0
    }

    ul.round li p {
        padding-left: 40px
    }

@media screen and (max-width:480px) {
    ul.round {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0
    }
}

.main .verifi p, .main .verifi h1, .main .verifi .table {
    margin-bottom: 30px
}

#statisticsRowMonthly table td.text-center, #statisticsRowAnnual table td.text-center {
    width: 22%
}

#performanceTableRow table th.text-left {
    width: 25%
}

.alert.nastav {
    padding: 4px 15px;
    margin: 0
}

.other-indices .header{
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    background: #9c3;
    border-radius: 6px;
    border: solid 1px #9c3;
    color: #314110;
    font-weight: bold;
}

.disclosure-info {
    margin-top: 20px
}

    .disclosure-info .header {
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        background: #e7f3ce;
        border-radius: 6px;
        border: solid 1px #deefbe;
        color: #314110
    }

    .disclosure-info .content {
        padding: 25px 15px 15px;
        border-radius: 6px;
        border: solid 1px #deefbe;
        margin-top: -15px
    }

#MainContent_cvStartEndDate {
    display: inline-block;
    padding: 6px 15px;
    background-color: #f2dede;
    color: #a94442;
    border: solid 1px #ebccd1;
    position: absolute;
    width: 220px;
    right: 130px;
    border-radius: 8px
}

.toparea {
    background: #fff;
    font-size: 12px;
    color: #222;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 75px
}

    .toparea a {
        color: #222;
        -webkit-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out
    }

    .toparea .title {
        font-size: 22px;
        line-height: 33px;
        vertical-align: bottom;
        color: #444
    }

        .toparea .title small {
            font-size: 22px
        }

.navbar-buton {
    position: absolute;
    top: -40px;
    right: 20px
}

.navbar {
    background-color: #444;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    min-height: 0;
    border-radius: 0;
    border: 0;
    padding: 20px 0 14px;
    z-index: 999
}

.navbar-brand {
    padding: 0
}

    .navbar-brand img {
        -webkit-transition: all 0 .7s ease;
        transition: all 0 .7s ease;
        display: none
    }

.nav {
    margin-top: 0
}

.affix-top {
    top: 95px;
    position: absolute;
    width: 100%
}

.navbar > .container a.navbar-brand {
    margin: 0 15px;
    line-height: 40px;
    color: #fff;
    font-weight: 800
}

.navbar.tiny > .container a.navbar-brand {
    line-height: 30px
}

.navbar-nav > li {
    margin-left: 6px
}

    .navbar-nav > li > .dropdown-menu {
        margin: 20px 0 0 0;
        background-color: #444;
        border: 0;
        font-size: 13px;
        padding-top: 0;
        padding-bottom: 0;
        min-width: 165px
    }

    .navbar-nav > li.active > a, .navbar-nav > li.active.open > a {
        background-color: #9c3;
        color: #222;
        border-bottom: solid 4px #8ab82e
    }

        .navbar-nav > li.active > a:hover, .navbar-nav > li.active.open > a:hover {
            background-color: #8ab82e
        }

    .navbar-nav > li.extra-nav-class > a {
        background-color: #9c3;
        color: #fff
    }

        .navbar-nav > li.extra-nav-class > a:hover {
            background-color: #8ab82e;
            color: #fff
        }

    .navbar-nav > li.open > a {
        background-color: #444
    }

        .navbar-nav > li.open > a:hover {
            background-color: #8ab82e;
            border-bottom: solid 4px #6b8f24
        }

    .navbar-nav > li > a {
        color: #fff;
        border-radius: 0;
        margin-top: -20px;
        padding-top: 20px;
        margin-bottom: -20px;
        padding-bottom: 20px;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-bottom: solid 4px #444
    }

        .navbar-nav > li > a:hover, .navbar-nav > li > a.dropdown-toggle:hover {
            background-color: #9c3;
            color: #222;
            border-bottom: solid 4px #6b8f24
        }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    background-color: #9c3
}

.nav .open > a, .nav .open > a:hover {
    border-color: #444
}

.dropdown-menu {
    border-radius: 0;
    font-size: 13px;
    padding: 0;
    border: 0
}

    .dropdown-menu .divider {
        padding: 5px;
        margin: 0;
        background: #9c3
    }

    .dropdown-menu .dropdown-header {
        padding: 8px 20px;
        margin: 0;
        background: #9c3;
        font-size: 14px;
        color: #fff
    }

    .dropdown-menu > li > a {
        color: #ccc;
        padding: 8px 20px;
        border-bottom: 1px solid #1e1e1e;
        border-top: 1px solid #6a6a6a;
        background: #444;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background: #2b2b2b;
            color: #fff
        }

.nav .open > a:focus, .nav > li > a:focus {
    background-color: #444;
    border-color: #444;
    color: #fff
}

li.dropdown:hover a.dropdown-toggle, li.dropdown.open:hover a.dropdown-toggle {
    background: #9c3;
    color: #222;
    border-color: #8ab82e
}

.affix {
    top: 0 !Important;
    padding: 0;
    width: 100%;
    z-index: 999
}

    .affix .navbar-buton {
        position: absolute;
        top: 10px;
        right: 20px
    }

    .affix .navbar-nav > li > .dropdown-menu {
        margin: 5px 0 0 0
    }

    .affix .navbar {
        padding: 5px 0 0;
        -webkit-animation: all 0 .7s ease;
        animation: all 0 .7s ease
    }

        .affix .navbar > .container a.navbar-brand {
            line-height: 33px
        }

    .affix .bot_shadow .shadow {
        top: 10px
    }

    .affix .navbar-brand img {
        max-height: 33px;
        -webkit-transition: all .7s ease;
        transition: all .7s ease;
        display: block
    }

    .affix .navbar-nav > li > a {
        line-height: 30px;
        margin-top: -5px;
        padding-top: 10px;
        margin-bottom: -5px;
        padding-bottom: 10px
    }

@media screen and (max-width:768px) {
    .row-navi {
        margin: 0 -15px
    }

    .navbar-nav > li {
        margin: 0;
        border-bottom: 1px solid #fbfbfb
    }

        .navbar-nav > li > a {
            margin: 0;
            padding: 10px 20px;
            line-height: 30px
        }

            .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
                background-color: #9c3;
                color: #fff
            }

    .affix .navbar-nav > li > a {
        margin: 0;
        padding: 10px 20px;
        line-height: 30px
    }

    .affix .navbar-buton {
        position: absolute;
        top: 14px;
        right: 120px
    }
}

.bs-header {
    margin: 0;
    padding: 0
}

    .bs-header .bs-text {
        display: block
    }

    .bs-header .bs-background {
        padding: 0;
        background-color: #8ab82e;
        color: #fff;
        text-shadow: -1px -1px #7aa329
    }

    .bs-header h1 {
        text-transform: uppercase;
        font-size: 27px;
        color: #fff;
        margin: 20px 0
    }

    .bs-header p {
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        font-weight: 300;
        margin: 10px 0 20px
    }

@media(max-width:767px) {
    .bs-header .bs-background {
        padding: 10px 0
    }

        .bs-header .bs-background::after {
            -webkit-background-size: auto auto;
            -moz-background-size: auto auto;
            -o-background-size: auto auto;
            background-size: auto auto
        }
}

.footer {
    background: #292929;
    color: #999;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 13px;
    line-height: 20px
}

    .footer a {
        color: #fbfbfb
    }

        .footer a:hover {
            text-decoration: underline
        }

    .footer ul.circleoklist li {
        padding: 2px 0
    }

    .footer h2 {
        font-size: 18px;
        color: #fff;
        text-align: left;
        display: inline-block;
        font-weight: 700;
        margin-bottom: 25px;
        margin-top: 0
    }

        .footer h2 a {
            color: #9c3
        }

        .footer h2:first-letter {
            color: #9c3
        }

    .footer hr {
        border-top: 1px solid #494949;
        margin-bottom: 25px
    }

    .footer input, .footer textarea, .footer input[type="text"] {
        background-color: #434343;
        border: 1px solid #101010;
        font-size: 12px;
        color: #aaa;
        margin-bottom: 10px
    }

        .footer input.error, .footer textarea.error, .footer input[type="text"].error {
            border: 1px solid red !Important
        }

    .footer .done {
        display: none
    }

    .footer .otnnl {
        padding: 10px 15px
    }

        .footer .otnnl label {
            display: none
        }

        .footer .otnnl input[type="text"] {
            width: 80%;
            background-color: #434343;
            border: 1px solid #101010;
            font-size: 12px;
            color: #aaa;
            margin: 0 20% 10px 0
        }

.copyright {
    color: #292929;
    font-size: 12px;
    background: #9c3
}

    .copyright p {
        line-height: 50px;
        margin: 0
    }

    .copyright ul {
        list-style: none;
        margin-top: 10px
    }

        .copyright ul li {
            float: left;
            margin: 0 5px;
            line-height: 33px
        }

            .copyright ul li:before {
                content: '|';
                color: #292929;
                display: inline-block;
                margin-right: 7px
            }

            .copyright ul li:nth-child(1):before {
                display: none
            }

            .copyright ul li a {
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
                color: #292929;
                font-size: 11px
            }

                .copyright ul li a:hover {
                    color: #292929;
                    text-decoration: underline
                }

.footer .titlearrow {
    font-size: 30px;
    color: #444;
    background: #373737
}

.footer .wraptitle {
    margin-bottom: 10px;
    text-align: left
}

#back-top {
    position: fixed;
    bottom: 50px;
    right: 2%;
    z-index: 1000
}

    #back-top a {
        width: 44px;
        display: block;
        text-align: center;
        color: #fff;
        line-height: 44px
    }

        #back-top a:hover {
            color: #999
        }

            #back-top a:hover span {
                opacity: .7
            }

    #back-top span {
        width: 40px;
        height: 40px;
        display: block;
        margin-bottom: 7px;
        background: #333;
        border-radius: 50%;
        -webkit-transition: 1s;
        transition: 1s
    }

ul.social {
    list-style: none;
    margin-left: 0;
    margin-top: 25px
}

    ul.social li {
        display: inline-block;
        margin-right: 10px
    }

.footer ul.social li a {
    color: #fff
}

    .footer ul.social li a:hover {
        color: #999
    }

ul li:before {
    color: #9c3
}

ul.checklist li, ul.circleoklist li {
    font-size: 14px;
    padding: 4px 20px
}

    ul.checklist li:before {
        content: "\f00c ";
        font-family: FontAwesome;
        margin-right: 5px;
        margin-left: -20px
    }

    ul.circleoklist li:before {
        content: "\f058 ";
        font-family: FontAwesome;
        margin-right: 5px
    }

.drop-cap {
    width: 50px;
    height: 50px;
    margin: 3px 10px 4px 0;
    float: left;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    background: #f54828;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

    .drop-cap.round {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .drop-cap.circle {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }

.carousel {
    margin: 0
}

    .carousel .animated h2, .carousel .animated p {
        padding: 20px 0;
        text-shadow: 1px 1px #fff
    }

    .carousel .animated h2 {
        font-size: 32px;
        color: #111
    }

    .carousel .animated p {
        font-size: 16px;
        color: #333
    }

.animacka {
    position: relative
}

    .animacka .pozice {
        position: absolute
    }

        .animacka .pozice.je_1 {
            left: 40px;
            top: 40px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .animacka .pozice.je_2 {
            left: 140px;
            top: 140px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .animacka .pozice.je_3 {
            left: 220px;
            top: 60px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

.carousel-caption {
    z-index: 10
}

.carousel .item {
    height: 340px;
    background-color: #fff
}

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto
}

.carousel-control i {
    margin-top: 100%
}

.carousel-caption {
    padding: 20px;
    color: #fff;
    text-align: left;
    background-image: url(design/bg_dark.png)
}

    .carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
        color: #fff;
        margin-top: 0
    }

@media screen and (min-width:992px) {
    .carousel .item {
        height: 440px
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    .carousel .item {
        height: 280px
    }
}

@media screen and (max-width:480px) {
    .carousel .item {
        height: 340px -140
    }

    .carousel-caption p {
        display: none
    }
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative
}

.jcarousel {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    width: 1075px
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .jcarousel ul li {
            width: 200px;
            float: left;
            border: 1px solid #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: 15px
        }

            .jcarousel ul li img {
                display: block;
                max-width: 100%;
                height: auto !important
            }

            .jcarousel ul li p {
                font-size: 14px;
                text-align: center;
                margin: 0;
                padding: 5px;
                background: #fff
            }

#event.jcarousel ul {
    width: 100%;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

    #event.jcarousel ul li {
        width: 100%;
        float: none;
        border: 1px solid #fff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0
    }

        #event.jcarousel ul li p {
            text-align: left;
            margin: 0;
            padding: 0;
            background: #fff
        }

@media screen and (min-width:992px) and (max-width:1200px) {
    #foto_galerie.jcarousel {
        width: 860px
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #foto_galerie.jcarousel {
        width: 645px
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    #foto_galerie.jcarousel {
        width: 430px
    }
}

@media screen and (max-width:480px) {
    #foto_galerie.jcarousel {
        width: 215px
    }
}

.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 00%;
    margin-top: -50px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4e443c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial,sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #f0efe7;
    -moz-box-shadow: 0 0 4px #f0efe7;
    box-shadow: 0 0 4px #f0efe7
}

.jcarousel-control-prev {
    right: 40px
}

.jcarousel-control-next {
    right: 0
}

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin: 0
}

    .jcarousel-pagination a {
        text-decoration: none;
        display: inline-block;
        font-size: 11px;
        height: 10px;
        width: 10px;
        line-height: 10px;
        background: #fff;
        color: #4e443c;
        border-radius: 10px;
        text-indent: -9999px;
        margin-right: 7px;
        -webkit-box-shadow: 0 0 2px #4e443c;
        -moz-box-shadow: 0 0 2px #4e443c;
        box-shadow: 0 0 2px #4e443c
    }

        .jcarousel-pagination a.active {
            background: #4e443c;
            color: #fff;
            opacity: 1;
            -webkit-box-shadow: 0 0 2px #f0efe7;
            -moz-box-shadow: 0 0 2px #f0efe7;
            box-shadow: 0 0 2px #f0efe7
        }

.blog-preview p, .event-preview p {
    margin: 0
}

.blog-preview {
    padding-bottom: 15px;
    padding-top: 20px;
    border-bottom: solid 1px #ddd
}

    .blog-preview img.thumb {
        max-width: 180px;
        margin-bottom: 10px
    }

    .blog-preview .inner p {
        line-height: 22px;
        overflow: hidden
    }

    .blog-preview .inner h4 {
        font-size: 14px;
        margin: 0;
        font-weight: 800
    }

        .blog-preview .inner h4 span {
            color: #a09d9d;
            display: block;
            font-weight: 400;
            border-top: #e8e8e8 1px solid;
            border-bottom: #e8e8e8 1px solid;
            margin: 15px 0;
            padding: 10px 0;
            line-height: 130%
        }

        .blog-preview .inner h4 a {
            color: #7aa329;
            text-decoration: underline
        }

            .blog-preview .inner h4 a span {
                color: #7aa329
            }

            .blog-preview .inner h4 a i {
                text-decoration: underline
            }

.event-preview {
    width: 100%;
    float: left;
    padding-bottom: 10px
}

    .event-preview .date {
        width: 11%;
        float: left
    }

    .event-preview .month {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 5px 0;
        background: #9c3
    }

    .event-preview .day {
        background: #fff;
        border: 1px solid #9c3;
        font-size: 24px;
        text-align: center;
        padding: 5px 0
    }

    .event-preview .inner {
        width: 85%;
        float: right
    }

        .event-preview .inner p {
            line-height: 22px;
            height: 66px;
            overflow: hidden
        }

        .event-preview .inner h4 {
            font-size: 14px;
            margin: 0;
            font-weight: 800
        }

            .event-preview .inner h4 span {
                color: #a09d9d;
                display: block;
                font-weight: 400;
                border-top: #e8e8e8 1px solid;
                border-bottom: #e8e8e8 1px solid;
                margin: 15px 0;
                padding: 10px 0;
                line-height: 130%
            }

            .event-preview .inner h4 a {
                color: #7aa329;
                text-decoration: underline
            }

#event .jcarousel {
    max-height: 370px
}

.nav-tabs {
    border-bottom: 3px solid #333
}

    .nav-tabs > li {
        margin-bottom: 0
    }

        .nav-tabs > li.pull-right a {
            color: #222
        }

            .nav-tabs > li.pull-right a i {
                color: #9c3
            }

        .nav-tabs > li > a {
            text-decoration: none;
            background: #f5f5f5;
            border: 1px solid #e1e1e1
        }

            .nav-tabs > li > a:hover {
                background: #ebebeb;
                border: 1px solid #dcdcdc
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #fff;
            background-color: #333;
            border: 1px solid #333;
            border-bottom-color: transparent;
            cursor: default
        }

    .nav-tabs.nav .open > a, .nav-tabs.nav .open > a:hover, .nav-tabs.nav .open > a:focus {
        border: 1px solid #333
    }

.well .nav-tabs > li a:hover {
    background: #ccc
}

.well .nav-tabs > li {
    margin-bottom: 0
}

    .well .nav-tabs > li.active > a, .well .nav-tabs > li.active > a:hover, .well .nav-tabs > li.active > a:focus {
        color: #fff;
        background-color: #333;
        border: 1px solid #333;
        border-bottom-color: transparent;
        cursor: default
    }

.tab-content > .tab-pane {
    padding: 10px
}

.panel-primary {
    border-color: #9c3
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #9c3;
        border-color: #9c3
    }

        .panel-primary > .panel-heading a {
            display: block
        }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fff
        }

.panel-black {
    border-color: #444
}

    .panel-black > .panel-heading {
        color: #fff;
        background-color: #444;
        border-color: #444
    }

        .panel-black > .panel-heading a {
            display: block
        }

            .panel-black > .panel-heading a:hover {
                color: #f9f9f9
            }

        .panel-black > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fff
        }

.panel-title > a:after {
    content: " - ";
    float: right
}

.panel-title > a.collapsed:after {
    content: " + ";
    float: right
}

i.fa-2x.fa-fw {
    float: left;
    margin-top: -3px;
    text-align: left
}

.team .panel .panel-body a i {
    color: #0274b3
}

.team .panel .panel-body a:hover i {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

.team .panel .panel-body img {
    margin-right: 20px
}

.team .panel .panel-body h3 {
    margin: 0;
    font-weight: 700
}

.team .panel .panel-body h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700
}

@media screen and (max-width:480px) {
    .team .panel .panel-body img {
        margin: 0 auto 10px auto;
        display: block
    }

        .team .panel .panel-body img.pull-left {
            float: none !important
        }
}

.btn-group.add-portfolio {
    margin-top: 0
}

h1 .btn-group.add-portfolio {
    margin-top: 20px
}

table.table td.text-center .checkbox {
    margin: 0
}

table.table span[class^="0"], table.table span[class*="0"], table.table span[class^="1"], table.table span[class*="1"], table.table span[class^="2"], table.table span[class*="2"], table.table span[class^="3"], table.table span[class*="3"], table.table span[class^="4"], table.table span[class*="4"], table.table span[class^="5"], table.table span[class*="5"], table.table span[class^="6"], table.table span[class*="6"], table.table span[class^="7"], table.table span[class*="7"], table.table span[class^="8"], table.table span[class*="8"], table.table span[class^="9"], table.table span[class*="9"] {
    color: #3d5214
}

    table.table span[class^="0"]:before, table.table span[class*="0"]:before, table.table span[class^="1"]:before, table.table span[class*="1"]:before, table.table span[class^="2"]:before, table.table span[class*="2"]:before, table.table span[class^="3"]:before, table.table span[class*="3"]:before, table.table span[class^="4"]:before, table.table span[class*="4"]:before, table.table span[class^="5"]:before, table.table span[class*="5"]:before, table.table span[class^="6"]:before, table.table span[class*="6"]:before, table.table span[class^="7"]:before, table.table span[class*="7"]:before, table.table span[class^="8"]:before, table.table span[class*="8"]:before, table.table span[class^="9"]:before, table.table span[class*="9"]:before {
        content: url(design/top.gif);
        float: left;
        opacity: .3
    }

table.table span[class^="-0"], table.table span[class*="-0"], table.table span[class^="-1"], table.table span[class*="-1"], table.table span[class^="-2"], table.table span[class*="-2"], table.table span[class^="-3"], table.table span[class*="-3"], table.table span[class^="-4"], table.table span[class*="-4"], table.table span[class^="-5"], table.table span[class*="-5"], table.table span[class^="-6"], table.table span[class*="-6"], table.table span[class^="-7"], table.table span[class*="-7"], table.table span[class^="-8"], table.table span[class*="-8"], table.table span[class^="-9"], table.table span[class*="-9"] {
    color: #900
}

    table.table span[class^="-0"]:before, table.table span[class*="-0"]:before, table.table span[class^="-1"]:before, table.table span[class*="-1"]:before, table.table span[class^="-2"]:before, table.table span[class*="-2"]:before, table.table span[class^="-3"]:before, table.table span[class*="-3"]:before, table.table span[class^="-4"]:before, table.table span[class*="-4"]:before, table.table span[class^="-5"]:before, table.table span[class*="-5"]:before, table.table span[class^="-6"]:before, table.table span[class*="-6"]:before, table.table span[class^="-7"]:before, table.table span[class*="-7"]:before, table.table span[class^="-8"]:before, table.table span[class*="-8"]:before, table.table span[class^="-9"]:before, table.table span[class*="-9"]:before {
        content: url(design/down.gif);
        float: left;
        opacity: .3
    }

table.table td:hover span:before {
    opacity: 1
}

table.table tr.header th i {
    padding-left: 5px
}

.pull-top {
    margin: -4px 0;
    padding: 2px 6px;
    font-size: 11px;
    float: right;
    line-height: 14px
}

.seda {
    padding: 15px 0 5px
}

    .seda .form-group {
        width: 100%;
        display: block;
        min-height: 34px
    }

.panel.profile .panel-footer {
    margin: -1px;
    border: solid 1px #dfdfdf;
    padding: 15px
}

.panel.profile address {
    padding: 10px 15px;
    margin: 0
}

.well.inverse {
    background: #444;
    color: #fff
}

    .well.inverse label {
        text-shadow: -1px -1px #040404
    }

    .well.inverse .form-group {
        margin-bottom: 5px
    }

@media screen and (max-width:480px) {
    .edit-potrtfolio h4 {
        background: #f5f5f5;
        margin: 0;
        padding: 10px 0
    }
}

@media screen and (max-width:768px) {
    .edit-potrtfolio h4 {
        background: #f5f5f5;
        margin: 0;
        padding: 10px 0
    }
}

.otnnl {
    padding: 10px 20px
}

    .otnnl label {
        width: 15%;
        text-align: center
    }

    .otnnl input[type="text"] {
        width: 60%;
        margin: 0 2%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
    }

    .otnnl input[type="button"] {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
        color: #fff;
        background-color: #333;
        border-color: #262626;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap
    }

    .otnnl #otnnlresulterr2 {
        color: #a94442;
        margin-left: 90px;
        margin-top: 5px
    }

    .otnnl #otnnlresultok2 {
        color: #9c3;
        margin-left: 90px;
        margin-top: 5px
    }

    .otnnl #otnnlresulterr {
        position: relative
    }

#otnnlresulterr1 {
    color: #ff84a4;
    margin-left: 100px;
    margin-top: -25px
}

#otnnlresultok1 {
    color: #9c3;
    margin-left: 100px;
    margin-top: -25px
}

.test .row {
    margin-bottom: 20px
}

    .test .row .row {
        margin-top: 10px;
        margin-bottom: 0
    }

.test [class*="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eee;
    border: 1px solid #ddd;
    background-color: #f1f1f1;
    border: 1px solid #e9e9e9
}

.modal-body.wrapsemibox {
    padding: 20px 30px 30px
}

    .modal-body.wrapsemibox .col-in {
        padding: 0 15px
    }

    .modal-body.wrapsemibox a {
        text-decoration: underline
    }

        .modal-body.wrapsemibox a.btn {
            text-decoration: none
        }

    .modal-body.wrapsemibox label.control-label {
        text-align: right;
        line-height: 34px
    }

.modal-body .pull-top {
    margin: -12px 0 0
}

@media(min-width:768px) {
    .modal-dialog {
        margin-top: 60px
    }
}

.modal-dialog {
    margin-top: 80px
}

/* strategyRow */
#strategyRow p {
    margin-bottom: 1rem;
}

#strategyRow .StrategyStrategyGoals, #strategyRow .StrategyCreatedForInvestors, #strategyRow .StrategyInvestmentFramework,
#strategyRow .StrategyAllocationConsiderations, #strategyRow .StrategyOpportunityCapture, #strategyRow .StrategyDiversification,
#strategyRow .StrategyPortfolioStabilization {
    margin-bottom: 1.5rem;
}


#strategyRow .StrategyMarketEfficiencyPicture img {
    width: 100%;
    margin: 3rem 0;
    padding: 10px 0;
    border: 1px solid #f5f5f5;
}

#strategyRow .StrategyMarketEfficiencyPicture2 {

    @media(min-width:992px) {
        text-align: right;
    }    
}

#strategyRow .StrategyMarketEfficiencyPicture2 img {
    width: 100%;
    max-width: 480px;
}

/* strategyRow PDF */
#strategyRow p {
    margin-bottom: 1rem;
}

#strategyRow .StrategyStrategyGoals, #strategyRow .StrategyCreatedForInvestors, #strategyRow .StrategyInvestmentFramework,
#strategyRow .StrategyAllocationConsiderations, #strategyRow .StrategyOpportunityCapture, #strategyRow .StrategyDiversification,
#strategyRow .StrategyPortfolioStabilization {
    margin-bottom: 1.5rem;
}

#strategyRow .StrategyStrategyGoals {
margin-top: 1.5rem;
}

#strategyRow .StrategyStrategyGoals span,
#strategyRow .StrategyCreatedForInvestors span,
#strategyRow .StrategyInvestmentFramework span {
float: left;
background: #9c3;
display: inline-block;
padding: 0.5rem;
min-width: 170px;
margin-right: 1rem;
font-style: italic;
    font-weight: bold;
}

#strategyRow .StrategyCreatedForInvestors ul {
float: left;
}

#strategyRow .StrategyMarketEfficiencyPicture img {
    width: 100%;
    margin: 3rem 0;
    padding: 10px 0;
    border: 1px solid #f5f5f5;
}

#strategyRow .StrategyMarketEfficiencyPicture2 {
        text-align: left;
}

    #strategyRow .StrategyMarketEfficiencyPicture2 img {
        width: 100%;
        max-width: 400px;
    }

#strategyRow .vami-chart {
    height: 280px;
}

#strategyRow .monthly-returns-chart {
    height: 550px;
}

/*Top 20 Funds*/
.top-alt-funds-page .row.TopAltFundsIntroduction, div#topAltFundsRow .row.TopAltFundsIntroduction {
    font-size: 16px;
}

.top-alt-funds-page h1.title:before, .top-alt-funds-page h3.title:before,
div#topAltFundsRow h1.title:before, div#topAltFundsRow h3.title:before {
    display: none;
}

.top-alt-funds-page h1, .top-alt-funds-page h3,
div#topAltFundsRow h1, div#topAltFundsRow h3 {
    text-align: left;
    text-transform: uppercase;
}

div#topAltFundsRow h3 {
    color: #333;
    margin-bottom: 0;
}

div#topAltFundsRow h3 span {
    padding: 0;
}

div#topAltFundsRow .row.date-range {
    color: #999;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

div#topAltFundsRow .table-striped {
    border: none;
}

div#topAltFundsRow .table-striped thead th {
    font-style: italic;
}

div#topAltFundsRow .table-striped thead th, div#topAltFundsRow .table-striped tbody td {
    border-left: none;
    border-right: none;
}

div#topAltFundsRow .table-striped tr.first-row td {
    font-style: italic;
    font-weight: bold;
}

div#topAltFundsRow .table-striped > tbody > tr > td {
    background-color: #f9f9f9;
}

div#topAltFundsRow .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #fff;
}

    div#topAltFundsRow .table-striped tr.average td {
        background-color: #fff;
        border-top: 2px solid #444;
        border-bottom: 4px solid #444;
        border-bottom-style: double;
    }

div#topAltFundsRow tr.empty-tr td{border: 0px;}

div#topAltFundsRow .table-striped tr.index td {
    background-color: #fff;
    border: none;
    padding-bottom: 0;
}

#praeIndexModal .modal-body, #axsIndexModal .modal-body {
    padding: 30px 45px;
    text-align: center;
}

#praeIndexModal .modal-body .row:first-of-type, #axsIndexModal .modal-body .row:first-of-type {
    margin-bottom: 40px;
}


.change-password h3 { 
    color: #444;
}