@charset "UTF-8";

@font-face {
    font-family: cudirect;
    src: url(cudirect.eot);
    src: url(cudirect.eot) format("embedded-opentype"),url(cudirect.woff2) format("woff2"),url(cudirect.woff) format("woff"),url(cudirect.ttf) format("truetype"),url(cudirect.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

cudc-kbb-tradein .cu-icon, cudc-kbb-tradein [class*=cu-] {
    display: inline-block;
    font: 1em/1 cudirect;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: sub
}

.cu-icon-align-baseline {
    vertical-align: baseline
}

.cu-icon-sm {
    font-size: .8em
}

.cu-icon-lg {
    font-size: 1.2em
}

.cu-icon-16 {
    font-size: 16px
}

.cu-icon-32 {
    font-size: 32px
}

.cu-icon-bg-circle, .cu-icon-bg-square {
    padding: .35em;
    background-color: #eee
}

.cu-icon-bg-circle {
    border-radius: 50%
}

.cu-icon-ul {
    padding-left: 0;
    list-style-type: none
}

    .cu-icon-ul > li {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        line-height: 1.4
    }

        .cu-icon-ul > li > .cu-icon {
            margin-right: .4em;
            line-height: inherit
        }

.cu-icon-is-spinning {
    -webkit-animation: 2s linear infinite icon-spin;
    animation: 2s linear infinite icon-spin
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0)
    }

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

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.cu-icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cu-icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cu-icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.cu-icon-flip-y {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.cu-icon-flip-x {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.cu-user-circle::before {
    content: "\ea36"
}

.cu-credit-card-alt::before {
    content: "\ea38"
}

.cu-calendar-alt::before {
    content: "\ea3a"
}

.cu-chevron-up::before {
    content: "\ea3b"
}

.cu-chevron-right::before {
    content: "\ea3c"
}

.cu-chevron-left::before {
    content: "\ea3d"
}

.cu-chevron-down::before {
    content: "\ea3e"
}

.cu-arrow-down::before {
    content: "\ea3f"
}

.cu-bookmark::before {
    content: "\ea40"
}

.cu-calculator::before {
    content: "\ea41"
}

.cu-calendar::before {
    content: "\ea42"
}

.cu-check::before {
    content: "\ea43"
}

.cu-clock::before {
    content: "\ea44"
}

.cu-check-circle-alt::before {
    content: "\ea45"
}

.cu-credit-card::before {
    content: "\ea46"
}

.cu-currency::before {
    content: "\ea47"
}

.cu-double-arrow-right::before {
    content: "\ea48"
}

.cu-double-arrow-left::before {
    content: "\ea49"
}

.cu-ellipsis::before {
    content: "\ea4a"
}

.cu-star::before {
    content: "\ea4b"
}

.cu-star-solid::before {
    content: "\ea4c"
}

.cu-grid::before {
    content: "\ea4d"
}

.cu-info-circle::before {
    content: "\ea4e"
}

.cu-info-circle-solid::before {
    content: "\ea4f"
}

.cu-check-list::before {
    content: "\ea50"
}

.cu-map-pin::before {
    content: "\ea51"
}

.cu-map-pin-solid::before {
    content: "\ea52"
}

.cu-delete::before {
    content: "\ea53"
}

.cu-phone::before {
    content: "\ea54"
}

.cu-add::before {
    content: "\ea55"
}

.cu-price-tag::before {
    content: "\ea56"
}

.cu-question::before {
    content: "\ea57"
}

.cu-question-solid::before {
    content: "\ea58"
}

.cu-edit::before {
    content: "\ea59"
}

.cu-move-up::before {
    content: "\ea5a"
}

.cu-swap-horizontal::before {
    content: "\ea5b"
}

.cu-triangle-up::before {
    content: "\ea5c"
}

.cu-triangle-down::before {
    content: "\ea5d"
}

.cu-line-graph::before {
    content: "\ea5e"
}

.cu-half-star::before {
    content: "\ea60"
}

.cu-cloud-upload::before {
    content: "\ea61"
}

.cu-property-agreement::before {
    content: "\ea63"
}

.cu-mail::before {
    content: "\ea64"
}

.cu-phone-call::before {
    content: "\ea65"
}

.cu-message::before {
    content: "\ea66"
}

.cu-single-copy::before {
    content: "\ea67"
}

.cu-lightning-bolt::before {
    content: "\ea68"
}

.cu-info::before {
    content: "\ea69"
}

.cu-folder-money-us::before {
    content: "\ea6a"
}

.cu-log-out::before {
    content: "\ea6b"
}

.cu-users-wm::before {
    content: "\ea6c"
}

.cu-phone-call-solid::before {
    content: "\ea6d"
}

.cu-phone-solid::before {
    content: "\ea6e"
}

.cu-messages::before {
    content: "\ea6f"
}

.cu-cash::before {
    content: "\ea70"
}

.cu-times::before {
    content: "\ea71"
}

.cu-payment::before {
    content: "\ea72"
}

.cu-arrow-right::before {
    content: "\ea73"
}

.cu-arrow-left::before {
    content: "\ea74"
}

.cu-home::before {
    content: "\ea75"
}

.cu-application::before {
    content: "\ea76"
}

.cu-verification::before {
    content: "\ea77"
}

.cu-approved::before {
    content: "\ea78"
}

.cu-funding::before {
    content: "\ea79"
}

.cu-user-circle-alt::before {
    content: "\ea7a"
}

.cu-id-badge::before {
    content: "\ea7b"
}

.cu-screen-share::before {
    content: "\ea7c"
}

.cu-background::before {
    content: "\ea7d"
}

.cu-paint::before {
    content: "\ea7f"
}

.cu-add-ons::before {
    content: "\ea81"
}

.cu-warning::before {
    content: "\ea82"
}

.cu-android-logo::before {
    content: "\ea83"
}

.cu-apple-logo::before {
    content: "\ea84"
}

.cu-video-camera::before {
    content: "\ea85"
}

.cu-battery::before {
    content: "\ea86"
}

.cu-eye-slash::before {
    content: "\ea87"
}

.cu-bluetooth::before {
    content: "\ea88"
}

.cu-brakes::before {
    content: "\ea89"
}

.cu-car-trunk::before {
    content: "\ea8a"
}

.cu-cloud-sun::before {
    content: "\ea8b"
}

.cu-happy::before {
    content: "\ea8c"
}

.cu-car-front::before {
    content: "\ea8d"
}

.cu-display::before {
    content: "\ea8e"
}

.cu-chair::before {
    content: "\ea8f"
}

.cu-car-exterior::before {
    content: "\ea90"
}

.cu-fan::before {
    content: "\ea91"
}

.cu-gasoline::before {
    content: "\ea92"
}

.cu-headlight::before {
    content: "\ea93"
}

.cu-headphones-mic::before {
    content: "\ea94"
}

.cu-hook::before {
    content: "\ea95"
}

.cu-hybrid::before {
    content: "\ea96"
}

.cu-power::before {
    content: "\ea97"
}

.cu-lock::before {
    content: "\ea98"
}

.cu-wrench::before {
    content: "\ea99"
}

.cu-navigation::before {
    content: "\ea9a"
}

.cu-moon::before {
    content: "\ea9b"
}

.cu-oil-engine::before {
    content: "\ea9c"
}

.cu-parking::before {
    content: "\ea9d"
}

.cu-tachometer::before {
    content: "\ea9e"
}

.cu-power-plug::before {
    content: "\ea9f"
}

.cu-cloud-rain::before {
    content: "\eaa0"
}

.cu-remote-start::before {
    content: "\eaa1"
}

.cu-shield::before {
    content: "\eaa2"
}

.cu-seat::before {
    content: "\eaa3"
}

.cu-steering-wheel::before {
    content: "\eaa4"
}

.cu-sun::before {
    content: "\eaa5"
}

.cu-server::before {
    content: "\eaa6"
}

.cu-truck::before {
    content: "\eaa7"
}

.cu-cable::before {
    content: "\eaa8"
}

.cu-wheel::before {
    content: "\eaa9"
}

.cu-wifi::before {
    content: "\eaaa"
}

.cu-traction-control::before {
    content: "\eaab"
}

.cu-bell::before {
    content: "\eaac"
}

.cu-car-parking::before {
    content: "\eaad"
}

.cu-car-agreement::before {
    content: "\eaae"
}

.cu-car-compare-alt::before {
    content: "\eaaf"
}

.cu-photo::before {
    content: "\eab0"
}

.cu-headphones::before {
    content: "\eab1"
}

.cu-car-mirror::before {
    content: "\eab2"
}

.cu-car-compare-solid::before {
    content: "\eab3"
}

.cu-car-compare::before {
    content: "\eab4"
}

.cu-menu::before {
    content: "\eab5"
}

.cu-menu-alt::before {
    content: "\eab6"
}

.cu-minus-circle-solid::before {
    content: "\eaba"
}

.cu-circle-solid::before {
    content: "\eabb"
}

.cu-circle-alt::before {
    content: "\eabc"
}

.cu-home-alt::before {
    content: "\eabd"
}

.cu-circle::before {
    content: "\eabe"
}

.cu-half-circle::before {
    content: "\eabf"
}

.cu-check-circle-solid::before {
    content: "\eac0"
}

.cu-equal-housing-logo::before {
    content: "\eac1"
}

.cu-print::before {
    content: "\eac2"
}

.cu-sad::before {
    content: "\eac3"
}

.cu-calendar-confirm::before {
    content: "\eac4"
}

.cu-arrow-circle-solid-right::before {
    content: "\eac5"
}

.cu-search::before {
    content: "\eac6"
}

.cu-spinner-circle::before {
    content: "\eac7"
}

.cu-dot-circle-solid::before {
    content: "\eac8"
}

.cu-check-square-solid::before {
    content: "\eac9"
}

.cu-square-solid::before {
    content: "\eaca"
}

.cu-spinner-dots::before {
    content: "\eacb"
}

.cu-circle-light::before {
    content: "\eacc"
}

.cu-square-light::before {
    content: "\eacd"
}

.cu-times-circle::before {
    content: "\eace"
}

.cu-check-circle::before {
    content: "\eacf"
}

.cu-ellipsis-v::before {
    content: "\ead0"
}

.cu-exclamation::before {
    content: "\ead1"
}

.cu-folder-upload-1::before {
    content: "\ead3"
}

.cu-computer-upload::before {
    content: "\ead4"
}

.cu-file-download-alt::before {
    content: "\ead6"
}

.cu-doc::before {
    content: "\ead7"
}

.cu-docx::before {
    content: "\ead8"
}

.cu-folder-closed::before {
    content: "\eadb"
}

.cu-folder-open::before {
    content: "\eadc"
}

.cu-jpg::before {
    content: "\eadd"
}

.cu-pdf-3::before {
    content: "\eade"
}

.cu-png::before {
    content: "\eadf"
}

.cu-svg::before {
    content: "\eae0"
}

.cu-gif::before {
    content: "\eae1"
}

.cu-file-upload::before {
    content: "\eae2"
}

.cu-file-download::before {
    content: "\eae4"
}

.cu-rotate-left::before {
    content: "\eae5"
}

.cu-rotate-right::before {
    content: "\eae6"
}

.cu-exclude::before {
    content: "\eae7"
}

.cu-single-copies::before {
    content: "\eae8"
}

.cu-inbox-download::before {
    content: "\eae9"
}

.cu-inbox-upload::before {
    content: "\eaea"
}

.blds-margin--0 {
    margin: 0 !important
}

.blds-margin-top--0, .blds-margin-y--0 {
    margin-top: 0 !important
}

.blds-margin-right--0, .blds-margin-x--0 {
    margin-right: 0 !important
}

.blds-margin-bottom--0, .blds-margin-y--0 {
    margin-bottom: 0 !important
}

.blds-margin-left--0, .blds-margin-x--0 {
    margin-left: 0 !important
}

.blds-margin--4 {
    margin: 4px !important
}

.blds-margin-top--4, .blds-margin-y--4 {
    margin-top: 4px !important
}

.blds-margin-right--4, .blds-margin-x--4 {
    margin-right: 4px !important
}

.blds-margin-bottom--4, .blds-margin-y--4 {
    margin-bottom: 4px !important
}

.blds-margin-left--4, .blds-margin-x--4 {
    margin-left: 4px !important
}

.blds-margin--8 {
    margin: 8px !important
}

.blds-margin-top--8, .blds-margin-y--8 {
    margin-top: 8px !important
}

.blds-margin-right--8, .blds-margin-x--8 {
    margin-right: 8px !important
}

.blds-margin-bottom--8, .blds-margin-y--8 {
    margin-bottom: 8px !important
}

.blds-margin-left--8, .blds-margin-x--8 {
    margin-left: 8px !important
}

.blds-margin--16 {
    margin: 16px !important
}

.blds-margin-top--16, .blds-margin-y--16 {
    margin-top: 16px !important
}

.blds-margin-right--16, .blds-margin-x--16 {
    margin-right: 16px !important
}

.blds-margin-bottom--16, .blds-margin-y--16 {
    margin-bottom: 16px !important
}

.blds-margin-left--16, .blds-margin-x--16 {
    margin-left: 16px !important
}

.blds-margin--24 {
    margin: 24px !important
}

.blds-margin-top--24, .blds-margin-y--24 {
    margin-top: 24px !important
}

.blds-margin-right--24, .blds-margin-x--24 {
    margin-right: 24px !important
}

.blds-margin-bottom--24, .blds-margin-y--24 {
    margin-bottom: 24px !important
}

.blds-margin-left--24, .blds-margin-x--24 {
    margin-left: 24px !important
}

.blds-margin--32 {
    margin: 32px !important
}

.blds-margin-top--32, .blds-margin-y--32 {
    margin-top: 32px !important
}

.blds-margin-right--32, .blds-margin-x--32 {
    margin-right: 32px !important
}

.blds-margin-bottom--32, .blds-margin-y--32 {
    margin-bottom: 32px !important
}

.blds-margin-left--32, .blds-margin-x--32 {
    margin-left: 32px !important
}

.blds-margin--40 {
    margin: 40px !important
}

.blds-margin-top--40, .blds-margin-y--40 {
    margin-top: 40px !important
}

.blds-margin-right--40, .blds-margin-x--40 {
    margin-right: 40px !important
}

.blds-margin-bottom--40, .blds-margin-y--40 {
    margin-bottom: 40px !important
}

.blds-margin-left--40, .blds-margin-x--40 {
    margin-left: 40px !important
}

.blds-margin--48 {
    margin: 48px !important
}

.blds-margin-top--48, .blds-margin-y--48 {
    margin-top: 48px !important
}

.blds-margin-right--48, .blds-margin-x--48 {
    margin-right: 48px !important
}

.blds-margin-bottom--48, .blds-margin-y--48 {
    margin-bottom: 48px !important
}

.blds-margin-left--48, .blds-margin-x--48 {
    margin-left: 48px !important
}

.blds-padding--0 {
    padding: 0 !important
}

.blds-padding-top--0, .blds-padding-y--0 {
    padding-top: 0 !important
}

.blds-padding-right--0, .blds-padding-x--0 {
    padding-right: 0 !important
}

.blds-padding-bottom--0, .blds-padding-y--0 {
    padding-bottom: 0 !important
}

.blds-padding-left--0, .blds-padding-x--0 {
    padding-left: 0 !important
}

.blds-padding--4 {
    padding: 4px !important
}

.blds-padding-top--4, .blds-padding-y--4 {
    padding-top: 4px !important
}

.blds-padding-right--4, .blds-padding-x--4 {
    padding-right: 4px !important
}

.blds-padding-bottom--4, .blds-padding-y--4 {
    padding-bottom: 4px !important
}

.blds-padding-left--4, .blds-padding-x--4 {
    padding-left: 4px !important
}

.blds-padding--8 {
    padding: 8px !important
}

.blds-padding-top--8, .blds-padding-y--8 {
    padding-top: 8px !important
}

.blds-padding-right--8, .blds-padding-x--8 {
    padding-right: 8px !important
}

.blds-padding-bottom--8, .blds-padding-y--8 {
    padding-bottom: 8px !important
}

.blds-padding-left--8, .blds-padding-x--8 {
    padding-left: 8px !important
}

.blds-padding--16 {
    padding: 16px !important
}

.blds-padding-top--16, .blds-padding-y--16 {
    padding-top: 16px !important
}

.blds-padding-right--16, .blds-padding-x--16 {
    padding-right: 16px !important
}

.blds-padding-bottom--16, .blds-padding-y--16 {
    padding-bottom: 16px !important
}

.blds-padding-left--16, .blds-padding-x--16 {
    padding-left: 16px !important
}

.blds-padding--24 {
    padding: 24px !important
}

.blds-padding-top--24, .blds-padding-y--24 {
    padding-top: 24px !important
}

.blds-padding-right--24, .blds-padding-x--24 {
    padding-right: 24px !important
}

.blds-padding-bottom--24, .blds-padding-y--24 {
    padding-bottom: 24px !important
}

.blds-padding-left--24, .blds-padding-x--24 {
    padding-left: 24px !important
}

.blds-padding--32 {
    padding: 32px !important
}

.blds-padding-top--32, .blds-padding-y--32 {
    padding-top: 32px !important
}

.blds-padding-right--32, .blds-padding-x--32 {
    padding-right: 32px !important
}

.blds-padding-bottom--32, .blds-padding-y--32 {
    padding-bottom: 32px !important
}

.blds-padding-left--32, .blds-padding-x--32 {
    padding-left: 32px !important
}

.blds-padding--40 {
    padding: 40px !important
}

.blds-padding-top--40, .blds-padding-y--40 {
    padding-top: 40px !important
}

.blds-padding-right--40, .blds-padding-x--40 {
    padding-right: 40px !important
}

.blds-padding-bottom--40, .blds-padding-y--40 {
    padding-bottom: 40px !important
}

.blds-padding-left--40, .blds-padding-x--40 {
    padding-left: 40px !important
}

.blds-padding--48 {
    padding: 48px !important
}

.blds-padding-top--48, .blds-padding-y--48 {
    padding-top: 48px !important
}

.blds-padding-right--48, .blds-padding-x--48 {
    padding-right: 48px !important
}

.blds-padding-bottom--48, .blds-padding-y--48 {
    padding-bottom: 48px !important
}

.blds-padding-left--48, .blds-padding-x--48 {
    padding-left: 48px !important
}

.blds--margin--auto {
    margin: auto !important
}

.blds-margin-top--auto, .blds-margin-y--auto {
    margin-top: auto !important
}

.blds-margin-right--auto, .blds-margin-x--auto {
    margin-right: auto !important
}

.blds-margin-bottom--auto, .blds-margin-y--auto {
    margin-bottom: auto !important
}

.blds-margin-left--auto, .blds-margin-x--auto {
    margin-left: auto !important
}

cudc-kbb-tradein {
    font-family: "Nunito Sans",sans-serif;
    color: #445663;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .3px
}

    cudc-kbb-tradein li, cudc-kbb-tradein ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    cudc-kbb-tradein h1, cudc-kbb-tradein h3 {
        font-size: 3rem;
        line-height: 3.5rem;
        font-weight: 400;
        letter-spacing: .5px
    }

    cudc-kbb-tradein h2 {
        font-size: 2.25rem;
        line-height: 2.75rem;
        color: #1c2e36;
        font-weight: 400;
        letter-spacing: .5px
    }

    cudc-kbb-tradein h3 {
        font-size: 1.75rem;
        line-height: 2.125rem;
        font-weight: 400;
        letter-spacing: .5px
    }

    cudc-kbb-tradein h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: #1c2e36;
        font-weight: 400;
        letter-spacing: .5px
    }

    cudc-kbb-tradein h5 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        color: #1c2e36;
        font-weight: 400;
        letter-spacing: .5px
    }

    cudc-kbb-tradein h6 {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #3e4e64;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-weight: 800
    }

    cudc-kbb-tradein a {
        text-decoration: underline;
        color: #2196f3
    }

        cudc-kbb-tradein a:hover {
            text-decoration: underline;
            color: #3bb0ff
        }

            cudc-kbb-tradein a:hover.blds-no-hover {
                text-decoration: none;
                color: #2196f3
            }

        cudc-kbb-tradein a.blds-hover-none:hover {
            text-decoration: none
        }

        cudc-kbb-tradein a.blds-font-color--base, cudc-kbb-tradein a.blds-font-color--base:hover {
            color: #445663
        }

        cudc-kbb-tradein a.blds-font-color--black:hover {
            color: #1c2b36
        }

    cudc-kbb-tradein p {
        font-size: 1rem;
        line-height: 1.625rem
    }

        cudc-kbb-tradein p a:hover {
            text-decoration: underline
        }

    cudc-kbb-tradein cudc-kbb-tradein article, cudc-kbb-tradein cudc-kbb-tradein aside, cudc-kbb-tradein cudc-kbb-tradein figcaption, cudc-kbb-tradein cudc-kbb-tradein figure, cudc-kbb-tradein cudc-kbb-tradein footer, cudc-kbb-tradein cudc-kbb-tradein header, cudc-kbb-tradein cudc-kbb-tradein hgroup, cudc-kbb-tradein cudc-kbb-tradein main, cudc-kbb-tradein cudc-kbb-tradein nav, cudc-kbb-tradein cudc-kbb-tradein section {
        display: block
    }

    cudc-kbb-tradein cudc-kbb-tradein img {
        vertical-align: middle;
        border-style: none;
        max-width: 100%
    }

    cudc-kbb-tradein cudc-kbb-tradein svg:not(:root) {
        overflow: hidden
    }

    cudc-kbb-tradein cudc-kbb-tradein [tabindex="-1"]:focus {
        outline: 0 !important
    }

    cudc-kbb-tradein cudc-kbb-tradein h1, cudc-kbb-tradein cudc-kbb-tradein h2, cudc-kbb-tradein cudc-kbb-tradein h3, cudc-kbb-tradein cudc-kbb-tradein h4, cudc-kbb-tradein cudc-kbb-tradein h5, cudc-kbb-tradein cudc-kbb-tradein h6, cudc-kbb-tradein cudc-kbb-tradein p {
        margin-top: 0
    }

    cudc-kbb-tradein .blds-text-align--left {
        text-align: left
    }

    cudc-kbb-tradein .blds-text-align--right {
        text-align: right
    }

    cudc-kbb-tradein .blds-text-align--center {
        text-align: center
    }

    cudc-kbb-tradein .blds-float--left {
        float: left
    }

    cudc-kbb-tradein .blds-float--right {
        float: right
    }

    cudc-kbb-tradein .blds-float--none {
        float: none
    }

    cudc-kbb-tradein .blds-display--block {
        display: block
    }

    cudc-kbb-tradein .blds-display--inline-block {
        display: inline-block
    }

    cudc-kbb-tradein .blds-display--inline {
        display: inline
    }

    cudc-kbb-tradein .blds-display--flex {
        display: -webkit-box;
        display: flex
    }

    cudc-kbb-tradein .blds-display--none {
        display: none
    }

    cudc-kbb-tradein .blds-width--25 {
        width: 25%
    }

    cudc-kbb-tradein .blds-width--50 {
        width: 50%
    }

    cudc-kbb-tradein .blds-width--75 {
        width: 75%
    }

    cudc-kbb-tradein .blds-width--100 {
        width: 100%
    }

    cudc-kbb-tradein .blds-width--auto {
        width: auto
    }

    cudc-kbb-tradein .blds-border-top--solid {
        border-top: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-top--none {
        border-top: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-right--solid {
        border-right: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-right--none {
        border-right: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom--solid {
        border-bottom: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom--none {
        border-bottom: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-left--solid {
        border-left: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-left--none {
        border-left: 1px #dde5eb
    }

@media (min-width:576px) {
    .blds-margin-sm--0 {
        margin: 0 !important
    }

    .blds-margin-top-sm--0, .blds-margin-y-sm--0 {
        margin-top: 0 !important
    }

    .blds-margin-right-sm--0, .blds-margin-x-sm--0 {
        margin-right: 0 !important
    }

    .blds-margin-bottom-sm--0, .blds-margin-y-sm--0 {
        margin-bottom: 0 !important
    }

    .blds-margin-left-sm--0, .blds-margin-x-sm--0 {
        margin-left: 0 !important
    }

    .blds-margin-sm--4 {
        margin: 4px !important
    }

    .blds-margin-top-sm--4, .blds-margin-y-sm--4 {
        margin-top: 4px !important
    }

    .blds-margin-right-sm--4, .blds-margin-x-sm--4 {
        margin-right: 4px !important
    }

    .blds-margin-bottom-sm--4, .blds-margin-y-sm--4 {
        margin-bottom: 4px !important
    }

    .blds-margin-left-sm--4, .blds-margin-x-sm--4 {
        margin-left: 4px !important
    }

    .blds-margin-sm--8 {
        margin: 8px !important
    }

    .blds-margin-top-sm--8, .blds-margin-y-sm--8 {
        margin-top: 8px !important
    }

    .blds-margin-right-sm--8, .blds-margin-x-sm--8 {
        margin-right: 8px !important
    }

    .blds-margin-bottom-sm--8, .blds-margin-y-sm--8 {
        margin-bottom: 8px !important
    }

    .blds-margin-left-sm--8, .blds-margin-x-sm--8 {
        margin-left: 8px !important
    }

    .blds-margin-sm--16 {
        margin: 16px !important
    }

    .blds-margin-top-sm--16, .blds-margin-y-sm--16 {
        margin-top: 16px !important
    }

    .blds-margin-right-sm--16, .blds-margin-x-sm--16 {
        margin-right: 16px !important
    }

    .blds-margin-bottom-sm--16, .blds-margin-y-sm--16 {
        margin-bottom: 16px !important
    }

    .blds-margin-left-sm--16, .blds-margin-x-sm--16 {
        margin-left: 16px !important
    }

    .blds-margin-sm--24 {
        margin: 24px !important
    }

    .blds-margin-top-sm--24, .blds-margin-y-sm--24 {
        margin-top: 24px !important
    }

    .blds-margin-right-sm--24, .blds-margin-x-sm--24 {
        margin-right: 24px !important
    }

    .blds-margin-bottom-sm--24, .blds-margin-y-sm--24 {
        margin-bottom: 24px !important
    }

    .blds-margin-left-sm--24, .blds-margin-x-sm--24 {
        margin-left: 24px !important
    }

    .blds-margin-sm--32 {
        margin: 32px !important
    }

    .blds-margin-top-sm--32, .blds-margin-y-sm--32 {
        margin-top: 32px !important
    }

    .blds-margin-right-sm--32, .blds-margin-x-sm--32 {
        margin-right: 32px !important
    }

    .blds-margin-bottom-sm--32, .blds-margin-y-sm--32 {
        margin-bottom: 32px !important
    }

    .blds-margin-left-sm--32, .blds-margin-x-sm--32 {
        margin-left: 32px !important
    }

    .blds-margin-sm--40 {
        margin: 40px !important
    }

    .blds-margin-top-sm--40, .blds-margin-y-sm--40 {
        margin-top: 40px !important
    }

    .blds-margin-right-sm--40, .blds-margin-x-sm--40 {
        margin-right: 40px !important
    }

    .blds-margin-bottom-sm--40, .blds-margin-y-sm--40 {
        margin-bottom: 40px !important
    }

    .blds-margin-left-sm--40, .blds-margin-x-sm--40 {
        margin-left: 40px !important
    }

    .blds-margin-sm--48 {
        margin: 48px !important
    }

    .blds-margin-top-sm--48, .blds-margin-y-sm--48 {
        margin-top: 48px !important
    }

    .blds-margin-right-sm--48, .blds-margin-x-sm--48 {
        margin-right: 48px !important
    }

    .blds-margin-bottom-sm--48, .blds-margin-y-sm--48 {
        margin-bottom: 48px !important
    }

    .blds-margin-left-sm--48, .blds-margin-x-sm--48 {
        margin-left: 48px !important
    }

    .blds-padding-sm--0 {
        padding: 0 !important
    }

    .blds-padding-top-sm--0, .blds-padding-y-sm--0 {
        padding-top: 0 !important
    }

    .blds-padding-right-sm--0, .blds-padding-x-sm--0 {
        padding-right: 0 !important
    }

    .blds-padding-bottom-sm--0, .blds-padding-y-sm--0 {
        padding-bottom: 0 !important
    }

    .blds-padding-left-sm--0, .blds-padding-x-sm--0 {
        padding-left: 0 !important
    }

    .blds-padding-sm--4 {
        padding: 4px !important
    }

    .blds-padding-top-sm--4, .blds-padding-y-sm--4 {
        padding-top: 4px !important
    }

    .blds-padding-right-sm--4, .blds-padding-x-sm--4 {
        padding-right: 4px !important
    }

    .blds-padding-bottom-sm--4, .blds-padding-y-sm--4 {
        padding-bottom: 4px !important
    }

    .blds-padding-left-sm--4, .blds-padding-x-sm--4 {
        padding-left: 4px !important
    }

    .blds-padding-sm--8 {
        padding: 8px !important
    }

    .blds-padding-top-sm--8, .blds-padding-y-sm--8 {
        padding-top: 8px !important
    }

    .blds-padding-right-sm--8, .blds-padding-x-sm--8 {
        padding-right: 8px !important
    }

    .blds-padding-bottom-sm--8, .blds-padding-y-sm--8 {
        padding-bottom: 8px !important
    }

    .blds-padding-left-sm--8, .blds-padding-x-sm--8 {
        padding-left: 8px !important
    }

    .blds-padding-sm--16 {
        padding: 16px !important
    }

    .blds-padding-top-sm--16, .blds-padding-y-sm--16 {
        padding-top: 16px !important
    }

    .blds-padding-right-sm--16, .blds-padding-x-sm--16 {
        padding-right: 16px !important
    }

    .blds-padding-bottom-sm--16, .blds-padding-y-sm--16 {
        padding-bottom: 16px !important
    }

    .blds-padding-left-sm--16, .blds-padding-x-sm--16 {
        padding-left: 16px !important
    }

    .blds-padding-sm--24 {
        padding: 24px !important
    }

    .blds-padding-top-sm--24, .blds-padding-y-sm--24 {
        padding-top: 24px !important
    }

    .blds-padding-right-sm--24, .blds-padding-x-sm--24 {
        padding-right: 24px !important
    }

    .blds-padding-bottom-sm--24, .blds-padding-y-sm--24 {
        padding-bottom: 24px !important
    }

    .blds-padding-left-sm--24, .blds-padding-x-sm--24 {
        padding-left: 24px !important
    }

    .blds-padding-sm--32 {
        padding: 32px !important
    }

    .blds-padding-top-sm--32, .blds-padding-y-sm--32 {
        padding-top: 32px !important
    }

    .blds-padding-right-sm--32, .blds-padding-x-sm--32 {
        padding-right: 32px !important
    }

    .blds-padding-bottom-sm--32, .blds-padding-y-sm--32 {
        padding-bottom: 32px !important
    }

    .blds-padding-left-sm--32, .blds-padding-x-sm--32 {
        padding-left: 32px !important
    }

    .blds-padding-sm--40 {
        padding: 40px !important
    }

    .blds-padding-top-sm--40, .blds-padding-y-sm--40 {
        padding-top: 40px !important
    }

    .blds-padding-right-sm--40, .blds-padding-x-sm--40 {
        padding-right: 40px !important
    }

    .blds-padding-bottom-sm--40, .blds-padding-y-sm--40 {
        padding-bottom: 40px !important
    }

    .blds-padding-left-sm--40, .blds-padding-x-sm--40 {
        padding-left: 40px !important
    }

    .blds-padding-sm--48 {
        padding: 48px !important
    }

    .blds-padding-top-sm--48, .blds-padding-y-sm--48 {
        padding-top: 48px !important
    }

    .blds-padding-right-sm--48, .blds-padding-x-sm--48 {
        padding-right: 48px !important
    }

    .blds-padding-bottom-sm--48, .blds-padding-y-sm--48 {
        padding-bottom: 48px !important
    }

    .blds-padding-left-sm--48, .blds-padding-x-sm--48 {
        padding-left: 48px !important
    }

    .blds--margin-sm--auto {
        margin: auto !important
    }

    .blds-margin-top-sm--auto, .blds-margin-y-sm--auto {
        margin-top: auto !important
    }

    .blds-margin-right-sm--auto, .blds-margin-x-sm--auto {
        margin-right: auto !important
    }

    .blds-margin-bottom-sm--auto, .blds-margin-y-sm--auto {
        margin-bottom: auto !important
    }

    .blds-margin-left-sm--auto, .blds-margin-x-sm--auto {
        margin-left: auto !important
    }

    cudc-kbb-tradein .blds-text-align-sm--left {
        text-align: left
    }

    cudc-kbb-tradein .blds-text-align-sm--right {
        text-align: right
    }

    cudc-kbb-tradein .blds-text-align-sm--center {
        text-align: center
    }

    cudc-kbb-tradein .blds-float-sm--left {
        float: left
    }

    cudc-kbb-tradein .blds-float-sm--right {
        float: right
    }

    cudc-kbb-tradein .blds-float-sm--none {
        float: none
    }

    cudc-kbb-tradein .blds-display-sm--block {
        display: block
    }

    cudc-kbb-tradein .blds-display-sm--inline-block {
        display: inline-block
    }

    cudc-kbb-tradein .blds-display-sm--inline {
        display: inline
    }

    cudc-kbb-tradein .blds-display-sm--flex {
        display: -webkit-box;
        display: flex
    }

    cudc-kbb-tradein .blds-display-sm--none {
        display: none
    }

    cudc-kbb-tradein .blds-width-sm--25 {
        width: 25%
    }

    cudc-kbb-tradein .blds-width-sm--50 {
        width: 50%
    }

    cudc-kbb-tradein .blds-width-sm--75 {
        width: 75%
    }

    cudc-kbb-tradein .blds-width-sm--100 {
        width: 100%
    }

    cudc-kbb-tradein .blds-width-sm--auto {
        width: auto
    }

    cudc-kbb-tradein .blds-border-top-sm--solid {
        border-top: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-top-sm--none {
        border-top: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-sm--solid {
        border-right: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-sm--none {
        border-right: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-sm--solid {
        border-bottom: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-sm--none {
        border-bottom: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-sm--solid {
        border-left: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-sm--none {
        border-left: 1px #dde5eb
    }
}

@media (min-width:768px) {
    .blds-margin-md--0 {
        margin: 0 !important
    }

    .blds-margin-top-md--0, .blds-margin-y-md--0 {
        margin-top: 0 !important
    }

    .blds-margin-right-md--0, .blds-margin-x-md--0 {
        margin-right: 0 !important
    }

    .blds-margin-bottom-md--0, .blds-margin-y-md--0 {
        margin-bottom: 0 !important
    }

    .blds-margin-left-md--0, .blds-margin-x-md--0 {
        margin-left: 0 !important
    }

    .blds-margin-md--4 {
        margin: 4px !important
    }

    .blds-margin-top-md--4, .blds-margin-y-md--4 {
        margin-top: 4px !important
    }

    .blds-margin-right-md--4, .blds-margin-x-md--4 {
        margin-right: 4px !important
    }

    .blds-margin-bottom-md--4, .blds-margin-y-md--4 {
        margin-bottom: 4px !important
    }

    .blds-margin-left-md--4, .blds-margin-x-md--4 {
        margin-left: 4px !important
    }

    .blds-margin-md--8 {
        margin: 8px !important
    }

    .blds-margin-top-md--8, .blds-margin-y-md--8 {
        margin-top: 8px !important
    }

    .blds-margin-right-md--8, .blds-margin-x-md--8 {
        margin-right: 8px !important
    }

    .blds-margin-bottom-md--8, .blds-margin-y-md--8 {
        margin-bottom: 8px !important
    }

    .blds-margin-left-md--8, .blds-margin-x-md--8 {
        margin-left: 8px !important
    }

    .blds-margin-md--16 {
        margin: 16px !important
    }

    .blds-margin-top-md--16, .blds-margin-y-md--16 {
        margin-top: 16px !important
    }

    .blds-margin-right-md--16, .blds-margin-x-md--16 {
        margin-right: 16px !important
    }

    .blds-margin-bottom-md--16, .blds-margin-y-md--16 {
        margin-bottom: 16px !important
    }

    .blds-margin-left-md--16, .blds-margin-x-md--16 {
        margin-left: 16px !important
    }

    .blds-margin-md--24 {
        margin: 24px !important
    }

    .blds-margin-top-md--24, .blds-margin-y-md--24 {
        margin-top: 24px !important
    }

    .blds-margin-right-md--24, .blds-margin-x-md--24 {
        margin-right: 24px !important
    }

    .blds-margin-bottom-md--24, .blds-margin-y-md--24 {
        margin-bottom: 24px !important
    }

    .blds-margin-left-md--24, .blds-margin-x-md--24 {
        margin-left: 24px !important
    }

    .blds-margin-md--32 {
        margin: 32px !important
    }

    .blds-margin-top-md--32, .blds-margin-y-md--32 {
        margin-top: 32px !important
    }

    .blds-margin-right-md--32, .blds-margin-x-md--32 {
        margin-right: 32px !important
    }

    .blds-margin-bottom-md--32, .blds-margin-y-md--32 {
        margin-bottom: 32px !important
    }

    .blds-margin-left-md--32, .blds-margin-x-md--32 {
        margin-left: 32px !important
    }

    .blds-margin-md--40 {
        margin: 40px !important
    }

    .blds-margin-top-md--40, .blds-margin-y-md--40 {
        margin-top: 40px !important
    }

    .blds-margin-right-md--40, .blds-margin-x-md--40 {
        margin-right: 40px !important
    }

    .blds-margin-bottom-md--40, .blds-margin-y-md--40 {
        margin-bottom: 40px !important
    }

    .blds-margin-left-md--40, .blds-margin-x-md--40 {
        margin-left: 40px !important
    }

    .blds-margin-md--48 {
        margin: 48px !important
    }

    .blds-margin-top-md--48, .blds-margin-y-md--48 {
        margin-top: 48px !important
    }

    .blds-margin-right-md--48, .blds-margin-x-md--48 {
        margin-right: 48px !important
    }

    .blds-margin-bottom-md--48, .blds-margin-y-md--48 {
        margin-bottom: 48px !important
    }

    .blds-margin-left-md--48, .blds-margin-x-md--48 {
        margin-left: 48px !important
    }

    .blds-padding-md--0 {
        padding: 0 !important
    }

    .blds-padding-top-md--0, .blds-padding-y-md--0 {
        padding-top: 0 !important
    }

    .blds-padding-right-md--0, .blds-padding-x-md--0 {
        padding-right: 0 !important
    }

    .blds-padding-bottom-md--0, .blds-padding-y-md--0 {
        padding-bottom: 0 !important
    }

    .blds-padding-left-md--0, .blds-padding-x-md--0 {
        padding-left: 0 !important
    }

    .blds-padding-md--4 {
        padding: 4px !important
    }

    .blds-padding-top-md--4, .blds-padding-y-md--4 {
        padding-top: 4px !important
    }

    .blds-padding-right-md--4, .blds-padding-x-md--4 {
        padding-right: 4px !important
    }

    .blds-padding-bottom-md--4, .blds-padding-y-md--4 {
        padding-bottom: 4px !important
    }

    .blds-padding-left-md--4, .blds-padding-x-md--4 {
        padding-left: 4px !important
    }

    .blds-padding-md--8 {
        padding: 8px !important
    }

    .blds-padding-top-md--8, .blds-padding-y-md--8 {
        padding-top: 8px !important
    }

    .blds-padding-right-md--8, .blds-padding-x-md--8 {
        padding-right: 8px !important
    }

    .blds-padding-bottom-md--8, .blds-padding-y-md--8 {
        padding-bottom: 8px !important
    }

    .blds-padding-left-md--8, .blds-padding-x-md--8 {
        padding-left: 8px !important
    }

    .blds-padding-md--16 {
        padding: 16px !important
    }

    .blds-padding-top-md--16, .blds-padding-y-md--16 {
        padding-top: 16px !important
    }

    .blds-padding-right-md--16, .blds-padding-x-md--16 {
        padding-right: 16px !important
    }

    .blds-padding-bottom-md--16, .blds-padding-y-md--16 {
        padding-bottom: 16px !important
    }

    .blds-padding-left-md--16, .blds-padding-x-md--16 {
        padding-left: 16px !important
    }

    .blds-padding-md--24 {
        padding: 24px !important
    }

    .blds-padding-top-md--24, .blds-padding-y-md--24 {
        padding-top: 24px !important
    }

    .blds-padding-right-md--24, .blds-padding-x-md--24 {
        padding-right: 24px !important
    }

    .blds-padding-bottom-md--24, .blds-padding-y-md--24 {
        padding-bottom: 24px !important
    }

    .blds-padding-left-md--24, .blds-padding-x-md--24 {
        padding-left: 24px !important
    }

    .blds-padding-md--32 {
        padding: 32px !important
    }

    .blds-padding-top-md--32, .blds-padding-y-md--32 {
        padding-top: 32px !important
    }

    .blds-padding-right-md--32, .blds-padding-x-md--32 {
        padding-right: 32px !important
    }

    .blds-padding-bottom-md--32, .blds-padding-y-md--32 {
        padding-bottom: 32px !important
    }

    .blds-padding-left-md--32, .blds-padding-x-md--32 {
        padding-left: 32px !important
    }

    .blds-padding-md--40 {
        padding: 40px !important
    }

    .blds-padding-top-md--40, .blds-padding-y-md--40 {
        padding-top: 40px !important
    }

    .blds-padding-right-md--40, .blds-padding-x-md--40 {
        padding-right: 40px !important
    }

    .blds-padding-bottom-md--40, .blds-padding-y-md--40 {
        padding-bottom: 40px !important
    }

    .blds-padding-left-md--40, .blds-padding-x-md--40 {
        padding-left: 40px !important
    }

    .blds-padding-md--48 {
        padding: 48px !important
    }

    .blds-padding-top-md--48, .blds-padding-y-md--48 {
        padding-top: 48px !important
    }

    .blds-padding-right-md--48, .blds-padding-x-md--48 {
        padding-right: 48px !important
    }

    .blds-padding-bottom-md--48, .blds-padding-y-md--48 {
        padding-bottom: 48px !important
    }

    .blds-padding-left-md--48, .blds-padding-x-md--48 {
        padding-left: 48px !important
    }

    .blds--margin-md--auto {
        margin: auto !important
    }

    .blds-margin-top-md--auto, .blds-margin-y-md--auto {
        margin-top: auto !important
    }

    .blds-margin-right-md--auto, .blds-margin-x-md--auto {
        margin-right: auto !important
    }

    .blds-margin-bottom-md--auto, .blds-margin-y-md--auto {
        margin-bottom: auto !important
    }

    .blds-margin-left-md--auto, .blds-margin-x-md--auto {
        margin-left: auto !important
    }

    cudc-kbb-tradein .blds-text-align-md--left {
        text-align: left
    }

    cudc-kbb-tradein .blds-text-align-md--right {
        text-align: right
    }

    cudc-kbb-tradein .blds-text-align-md--center {
        text-align: center
    }

    cudc-kbb-tradein .blds-float-md--left {
        float: left
    }

    cudc-kbb-tradein .blds-float-md--right {
        float: right
    }

    cudc-kbb-tradein .blds-float-md--none {
        float: none
    }

    cudc-kbb-tradein .blds-display-md--block {
        display: block
    }

    cudc-kbb-tradein .blds-display-md--inline-block {
        display: inline-block
    }

    cudc-kbb-tradein .blds-display-md--inline {
        display: inline
    }

    cudc-kbb-tradein .blds-display-md--flex {
        display: -webkit-box;
        display: flex
    }

    cudc-kbb-tradein .blds-display-md--none {
        display: none
    }

    cudc-kbb-tradein .blds-width-md--25 {
        width: 25%
    }

    cudc-kbb-tradein .blds-width-md--50 {
        width: 50%
    }

    cudc-kbb-tradein .blds-width-md--75 {
        width: 75%
    }

    cudc-kbb-tradein .blds-width-md--100 {
        width: 100%
    }

    cudc-kbb-tradein .blds-width-md--auto {
        width: auto
    }

    cudc-kbb-tradein .blds-border-top-md--solid {
        border-top: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-top-md--none {
        border-top: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-md--solid {
        border-right: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-md--none {
        border-right: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-md--solid {
        border-bottom: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-md--none {
        border-bottom: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-md--solid {
        border-left: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-md--none {
        border-left: 1px #dde5eb
    }
}

@media (min-width:940px) {
    .blds-margin-lg--0 {
        margin: 0 !important
    }

    .blds-margin-top-lg--0, .blds-margin-y-lg--0 {
        margin-top: 0 !important
    }

    .blds-margin-right-lg--0, .blds-margin-x-lg--0 {
        margin-right: 0 !important
    }

    .blds-margin-bottom-lg--0, .blds-margin-y-lg--0 {
        margin-bottom: 0 !important
    }

    .blds-margin-left-lg--0, .blds-margin-x-lg--0 {
        margin-left: 0 !important
    }

    .blds-margin-lg--4 {
        margin: 4px !important
    }

    .blds-margin-top-lg--4, .blds-margin-y-lg--4 {
        margin-top: 4px !important
    }

    .blds-margin-right-lg--4, .blds-margin-x-lg--4 {
        margin-right: 4px !important
    }

    .blds-margin-bottom-lg--4, .blds-margin-y-lg--4 {
        margin-bottom: 4px !important
    }

    .blds-margin-left-lg--4, .blds-margin-x-lg--4 {
        margin-left: 4px !important
    }

    .blds-margin-lg--8 {
        margin: 8px !important
    }

    .blds-margin-top-lg--8, .blds-margin-y-lg--8 {
        margin-top: 8px !important
    }

    .blds-margin-right-lg--8, .blds-margin-x-lg--8 {
        margin-right: 8px !important
    }

    .blds-margin-bottom-lg--8, .blds-margin-y-lg--8 {
        margin-bottom: 8px !important
    }

    .blds-margin-left-lg--8, .blds-margin-x-lg--8 {
        margin-left: 8px !important
    }

    .blds-margin-lg--16 {
        margin: 16px !important
    }

    .blds-margin-top-lg--16, .blds-margin-y-lg--16 {
        margin-top: 16px !important
    }

    .blds-margin-right-lg--16, .blds-margin-x-lg--16 {
        margin-right: 16px !important
    }

    .blds-margin-bottom-lg--16, .blds-margin-y-lg--16 {
        margin-bottom: 16px !important
    }

    .blds-margin-left-lg--16, .blds-margin-x-lg--16 {
        margin-left: 16px !important
    }

    .blds-margin-lg--24 {
        margin: 24px !important
    }

    .blds-margin-top-lg--24, .blds-margin-y-lg--24 {
        margin-top: 24px !important
    }

    .blds-margin-right-lg--24, .blds-margin-x-lg--24 {
        margin-right: 24px !important
    }

    .blds-margin-bottom-lg--24, .blds-margin-y-lg--24 {
        margin-bottom: 24px !important
    }

    .blds-margin-left-lg--24, .blds-margin-x-lg--24 {
        margin-left: 24px !important
    }

    .blds-margin-lg--32 {
        margin: 32px !important
    }

    .blds-margin-top-lg--32, .blds-margin-y-lg--32 {
        margin-top: 32px !important
    }

    .blds-margin-right-lg--32, .blds-margin-x-lg--32 {
        margin-right: 32px !important
    }

    .blds-margin-bottom-lg--32, .blds-margin-y-lg--32 {
        margin-bottom: 32px !important
    }

    .blds-margin-left-lg--32, .blds-margin-x-lg--32 {
        margin-left: 32px !important
    }

    .blds-margin-lg--40 {
        margin: 40px !important
    }

    .blds-margin-top-lg--40, .blds-margin-y-lg--40 {
        margin-top: 40px !important
    }

    .blds-margin-right-lg--40, .blds-margin-x-lg--40 {
        margin-right: 40px !important
    }

    .blds-margin-bottom-lg--40, .blds-margin-y-lg--40 {
        margin-bottom: 40px !important
    }

    .blds-margin-left-lg--40, .blds-margin-x-lg--40 {
        margin-left: 40px !important
    }

    .blds-margin-lg--48 {
        margin: 48px !important
    }

    .blds-margin-top-lg--48, .blds-margin-y-lg--48 {
        margin-top: 48px !important
    }

    .blds-margin-right-lg--48, .blds-margin-x-lg--48 {
        margin-right: 48px !important
    }

    .blds-margin-bottom-lg--48, .blds-margin-y-lg--48 {
        margin-bottom: 48px !important
    }

    .blds-margin-left-lg--48, .blds-margin-x-lg--48 {
        margin-left: 48px !important
    }

    .blds-padding-lg--0 {
        padding: 0 !important
    }

    .blds-padding-top-lg--0, .blds-padding-y-lg--0 {
        padding-top: 0 !important
    }

    .blds-padding-right-lg--0, .blds-padding-x-lg--0 {
        padding-right: 0 !important
    }

    .blds-padding-bottom-lg--0, .blds-padding-y-lg--0 {
        padding-bottom: 0 !important
    }

    .blds-padding-left-lg--0, .blds-padding-x-lg--0 {
        padding-left: 0 !important
    }

    .blds-padding-lg--4 {
        padding: 4px !important
    }

    .blds-padding-top-lg--4, .blds-padding-y-lg--4 {
        padding-top: 4px !important
    }

    .blds-padding-right-lg--4, .blds-padding-x-lg--4 {
        padding-right: 4px !important
    }

    .blds-padding-bottom-lg--4, .blds-padding-y-lg--4 {
        padding-bottom: 4px !important
    }

    .blds-padding-left-lg--4, .blds-padding-x-lg--4 {
        padding-left: 4px !important
    }

    .blds-padding-lg--8 {
        padding: 8px !important
    }

    .blds-padding-top-lg--8, .blds-padding-y-lg--8 {
        padding-top: 8px !important
    }

    .blds-padding-right-lg--8, .blds-padding-x-lg--8 {
        padding-right: 8px !important
    }

    .blds-padding-bottom-lg--8, .blds-padding-y-lg--8 {
        padding-bottom: 8px !important
    }

    .blds-padding-left-lg--8, .blds-padding-x-lg--8 {
        padding-left: 8px !important
    }

    .blds-padding-lg--16 {
        padding: 16px !important
    }

    .blds-padding-top-lg--16, .blds-padding-y-lg--16 {
        padding-top: 16px !important
    }

    .blds-padding-right-lg--16, .blds-padding-x-lg--16 {
        padding-right: 16px !important
    }

    .blds-padding-bottom-lg--16, .blds-padding-y-lg--16 {
        padding-bottom: 16px !important
    }

    .blds-padding-left-lg--16, .blds-padding-x-lg--16 {
        padding-left: 16px !important
    }

    .blds-padding-lg--24 {
        padding: 24px !important
    }

    .blds-padding-top-lg--24, .blds-padding-y-lg--24 {
        padding-top: 24px !important
    }

    .blds-padding-right-lg--24, .blds-padding-x-lg--24 {
        padding-right: 24px !important
    }

    .blds-padding-bottom-lg--24, .blds-padding-y-lg--24 {
        padding-bottom: 24px !important
    }

    .blds-padding-left-lg--24, .blds-padding-x-lg--24 {
        padding-left: 24px !important
    }

    .blds-padding-lg--32 {
        padding: 32px !important
    }

    .blds-padding-top-lg--32, .blds-padding-y-lg--32 {
        padding-top: 32px !important
    }

    .blds-padding-right-lg--32, .blds-padding-x-lg--32 {
        padding-right: 32px !important
    }

    .blds-padding-bottom-lg--32, .blds-padding-y-lg--32 {
        padding-bottom: 32px !important
    }

    .blds-padding-left-lg--32, .blds-padding-x-lg--32 {
        padding-left: 32px !important
    }

    .blds-padding-lg--40 {
        padding: 40px !important
    }

    .blds-padding-top-lg--40, .blds-padding-y-lg--40 {
        padding-top: 40px !important
    }

    .blds-padding-right-lg--40, .blds-padding-x-lg--40 {
        padding-right: 40px !important
    }

    .blds-padding-bottom-lg--40, .blds-padding-y-lg--40 {
        padding-bottom: 40px !important
    }

    .blds-padding-left-lg--40, .blds-padding-x-lg--40 {
        padding-left: 40px !important
    }

    .blds-padding-lg--48 {
        padding: 48px !important
    }

    .blds-padding-top-lg--48, .blds-padding-y-lg--48 {
        padding-top: 48px !important
    }

    .blds-padding-right-lg--48, .blds-padding-x-lg--48 {
        padding-right: 48px !important
    }

    .blds-padding-bottom-lg--48, .blds-padding-y-lg--48 {
        padding-bottom: 48px !important
    }

    .blds-padding-left-lg--48, .blds-padding-x-lg--48 {
        padding-left: 48px !important
    }

    .blds--margin-lg--auto {
        margin: auto !important
    }

    .blds-margin-top-lg--auto, .blds-margin-y-lg--auto {
        margin-top: auto !important
    }

    .blds-margin-right-lg--auto, .blds-margin-x-lg--auto {
        margin-right: auto !important
    }

    .blds-margin-bottom-lg--auto, .blds-margin-y-lg--auto {
        margin-bottom: auto !important
    }

    .blds-margin-left-lg--auto, .blds-margin-x-lg--auto {
        margin-left: auto !important
    }

    cudc-kbb-tradein .blds-text-align-lg--left {
        text-align: left
    }

    cudc-kbb-tradein .blds-text-align-lg--right {
        text-align: right
    }

    cudc-kbb-tradein .blds-text-align-lg--center {
        text-align: center
    }

    cudc-kbb-tradein .blds-float-lg--left {
        float: left
    }

    cudc-kbb-tradein .blds-float-lg--right {
        float: right
    }

    cudc-kbb-tradein .blds-float-lg--none {
        float: none
    }

    cudc-kbb-tradein .blds-display-lg--block {
        display: block
    }

    cudc-kbb-tradein .blds-display-lg--inline-block {
        display: inline-block
    }

    cudc-kbb-tradein .blds-display-lg--inline {
        display: inline
    }

    cudc-kbb-tradein .blds-display-lg--flex {
        display: -webkit-box;
        display: flex
    }

    cudc-kbb-tradein .blds-display-lg--none {
        display: none
    }

    cudc-kbb-tradein .blds-width-lg--25 {
        width: 25%
    }

    cudc-kbb-tradein .blds-width-lg--50 {
        width: 50%
    }

    cudc-kbb-tradein .blds-width-lg--75 {
        width: 75%
    }

    cudc-kbb-tradein .blds-width-lg--100 {
        width: 100%
    }

    cudc-kbb-tradein .blds-width-lg--auto {
        width: auto
    }

    cudc-kbb-tradein .blds-border-top-lg--solid {
        border-top: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-top-lg--none {
        border-top: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-lg--solid {
        border-right: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-lg--none {
        border-right: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-lg--solid {
        border-bottom: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-lg--none {
        border-bottom: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-lg--solid {
        border-left: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-lg--none {
        border-left: 1px #dde5eb
    }
}

@media (min-width:1200px) {
    .blds-margin-xl--0 {
        margin: 0 !important
    }

    .blds-margin-top-xl--0, .blds-margin-y-xl--0 {
        margin-top: 0 !important
    }

    .blds-margin-right-xl--0, .blds-margin-x-xl--0 {
        margin-right: 0 !important
    }

    .blds-margin-bottom-xl--0, .blds-margin-y-xl--0 {
        margin-bottom: 0 !important
    }

    .blds-margin-left-xl--0, .blds-margin-x-xl--0 {
        margin-left: 0 !important
    }

    .blds-margin-xl--4 {
        margin: 4px !important
    }

    .blds-margin-top-xl--4, .blds-margin-y-xl--4 {
        margin-top: 4px !important
    }

    .blds-margin-right-xl--4, .blds-margin-x-xl--4 {
        margin-right: 4px !important
    }

    .blds-margin-bottom-xl--4, .blds-margin-y-xl--4 {
        margin-bottom: 4px !important
    }

    .blds-margin-left-xl--4, .blds-margin-x-xl--4 {
        margin-left: 4px !important
    }

    .blds-margin-xl--8 {
        margin: 8px !important
    }

    .blds-margin-top-xl--8, .blds-margin-y-xl--8 {
        margin-top: 8px !important
    }

    .blds-margin-right-xl--8, .blds-margin-x-xl--8 {
        margin-right: 8px !important
    }

    .blds-margin-bottom-xl--8, .blds-margin-y-xl--8 {
        margin-bottom: 8px !important
    }

    .blds-margin-left-xl--8, .blds-margin-x-xl--8 {
        margin-left: 8px !important
    }

    .blds-margin-xl--16 {
        margin: 16px !important
    }

    .blds-margin-top-xl--16, .blds-margin-y-xl--16 {
        margin-top: 16px !important
    }

    .blds-margin-right-xl--16, .blds-margin-x-xl--16 {
        margin-right: 16px !important
    }

    .blds-margin-bottom-xl--16, .blds-margin-y-xl--16 {
        margin-bottom: 16px !important
    }

    .blds-margin-left-xl--16, .blds-margin-x-xl--16 {
        margin-left: 16px !important
    }

    .blds-margin-xl--24 {
        margin: 24px !important
    }

    .blds-margin-top-xl--24, .blds-margin-y-xl--24 {
        margin-top: 24px !important
    }

    .blds-margin-right-xl--24, .blds-margin-x-xl--24 {
        margin-right: 24px !important
    }

    .blds-margin-bottom-xl--24, .blds-margin-y-xl--24 {
        margin-bottom: 24px !important
    }

    .blds-margin-left-xl--24, .blds-margin-x-xl--24 {
        margin-left: 24px !important
    }

    .blds-margin-xl--32 {
        margin: 32px !important
    }

    .blds-margin-top-xl--32, .blds-margin-y-xl--32 {
        margin-top: 32px !important
    }

    .blds-margin-right-xl--32, .blds-margin-x-xl--32 {
        margin-right: 32px !important
    }

    .blds-margin-bottom-xl--32, .blds-margin-y-xl--32 {
        margin-bottom: 32px !important
    }

    .blds-margin-left-xl--32, .blds-margin-x-xl--32 {
        margin-left: 32px !important
    }

    .blds-margin-xl--40 {
        margin: 40px !important
    }

    .blds-margin-top-xl--40, .blds-margin-y-xl--40 {
        margin-top: 40px !important
    }

    .blds-margin-right-xl--40, .blds-margin-x-xl--40 {
        margin-right: 40px !important
    }

    .blds-margin-bottom-xl--40, .blds-margin-y-xl--40 {
        margin-bottom: 40px !important
    }

    .blds-margin-left-xl--40, .blds-margin-x-xl--40 {
        margin-left: 40px !important
    }

    .blds-margin-xl--48 {
        margin: 48px !important
    }

    .blds-margin-top-xl--48, .blds-margin-y-xl--48 {
        margin-top: 48px !important
    }

    .blds-margin-right-xl--48, .blds-margin-x-xl--48 {
        margin-right: 48px !important
    }

    .blds-margin-bottom-xl--48, .blds-margin-y-xl--48 {
        margin-bottom: 48px !important
    }

    .blds-margin-left-xl--48, .blds-margin-x-xl--48 {
        margin-left: 48px !important
    }

    .blds-padding-xl--0 {
        padding: 0 !important
    }

    .blds-padding-top-xl--0, .blds-padding-y-xl--0 {
        padding-top: 0 !important
    }

    .blds-padding-right-xl--0, .blds-padding-x-xl--0 {
        padding-right: 0 !important
    }

    .blds-padding-bottom-xl--0, .blds-padding-y-xl--0 {
        padding-bottom: 0 !important
    }

    .blds-padding-left-xl--0, .blds-padding-x-xl--0 {
        padding-left: 0 !important
    }

    .blds-padding-xl--4 {
        padding: 4px !important
    }

    .blds-padding-top-xl--4, .blds-padding-y-xl--4 {
        padding-top: 4px !important
    }

    .blds-padding-right-xl--4, .blds-padding-x-xl--4 {
        padding-right: 4px !important
    }

    .blds-padding-bottom-xl--4, .blds-padding-y-xl--4 {
        padding-bottom: 4px !important
    }

    .blds-padding-left-xl--4, .blds-padding-x-xl--4 {
        padding-left: 4px !important
    }

    .blds-padding-xl--8 {
        padding: 8px !important
    }

    .blds-padding-top-xl--8, .blds-padding-y-xl--8 {
        padding-top: 8px !important
    }

    .blds-padding-right-xl--8, .blds-padding-x-xl--8 {
        padding-right: 8px !important
    }

    .blds-padding-bottom-xl--8, .blds-padding-y-xl--8 {
        padding-bottom: 8px !important
    }

    .blds-padding-left-xl--8, .blds-padding-x-xl--8 {
        padding-left: 8px !important
    }

    .blds-padding-xl--16 {
        padding: 16px !important
    }

    .blds-padding-top-xl--16, .blds-padding-y-xl--16 {
        padding-top: 16px !important
    }

    .blds-padding-right-xl--16, .blds-padding-x-xl--16 {
        padding-right: 16px !important
    }

    .blds-padding-bottom-xl--16, .blds-padding-y-xl--16 {
        padding-bottom: 16px !important
    }

    .blds-padding-left-xl--16, .blds-padding-x-xl--16 {
        padding-left: 16px !important
    }

    .blds-padding-xl--24 {
        padding: 24px !important
    }

    .blds-padding-top-xl--24, .blds-padding-y-xl--24 {
        padding-top: 24px !important
    }

    .blds-padding-right-xl--24, .blds-padding-x-xl--24 {
        padding-right: 24px !important
    }

    .blds-padding-bottom-xl--24, .blds-padding-y-xl--24 {
        padding-bottom: 24px !important
    }

    .blds-padding-left-xl--24, .blds-padding-x-xl--24 {
        padding-left: 24px !important
    }

    .blds-padding-xl--32 {
        padding: 32px !important
    }

    .blds-padding-top-xl--32, .blds-padding-y-xl--32 {
        padding-top: 32px !important
    }

    .blds-padding-right-xl--32, .blds-padding-x-xl--32 {
        padding-right: 32px !important
    }

    .blds-padding-bottom-xl--32, .blds-padding-y-xl--32 {
        padding-bottom: 32px !important
    }

    .blds-padding-left-xl--32, .blds-padding-x-xl--32 {
        padding-left: 32px !important
    }

    .blds-padding-xl--40 {
        padding: 40px !important
    }

    .blds-padding-top-xl--40, .blds-padding-y-xl--40 {
        padding-top: 40px !important
    }

    .blds-padding-right-xl--40, .blds-padding-x-xl--40 {
        padding-right: 40px !important
    }

    .blds-padding-bottom-xl--40, .blds-padding-y-xl--40 {
        padding-bottom: 40px !important
    }

    .blds-padding-left-xl--40, .blds-padding-x-xl--40 {
        padding-left: 40px !important
    }

    .blds-padding-xl--48 {
        padding: 48px !important
    }

    .blds-padding-top-xl--48, .blds-padding-y-xl--48 {
        padding-top: 48px !important
    }

    .blds-padding-right-xl--48, .blds-padding-x-xl--48 {
        padding-right: 48px !important
    }

    .blds-padding-bottom-xl--48, .blds-padding-y-xl--48 {
        padding-bottom: 48px !important
    }

    .blds-padding-left-xl--48, .blds-padding-x-xl--48 {
        padding-left: 48px !important
    }

    .blds--margin-xl--auto {
        margin: auto !important
    }

    .blds-margin-top-xl--auto, .blds-margin-y-xl--auto {
        margin-top: auto !important
    }

    .blds-margin-right-xl--auto, .blds-margin-x-xl--auto {
        margin-right: auto !important
    }

    .blds-margin-bottom-xl--auto, .blds-margin-y-xl--auto {
        margin-bottom: auto !important
    }

    .blds-margin-left-xl--auto, .blds-margin-x-xl--auto {
        margin-left: auto !important
    }

    cudc-kbb-tradein .blds-text-align-xl--left {
        text-align: left
    }

    cudc-kbb-tradein .blds-text-align-xl--right {
        text-align: right
    }

    cudc-kbb-tradein .blds-text-align-xl--center {
        text-align: center
    }

    cudc-kbb-tradein .blds-float-xl--left {
        float: left
    }

    cudc-kbb-tradein .blds-float-xl--right {
        float: right
    }

    cudc-kbb-tradein .blds-float-xl--none {
        float: none
    }

    cudc-kbb-tradein .blds-display-xl--block {
        display: block
    }

    cudc-kbb-tradein .blds-display-xl--inline-block {
        display: inline-block
    }

    cudc-kbb-tradein .blds-display-xl--inline {
        display: inline
    }

    cudc-kbb-tradein .blds-display-xl--flex {
        display: -webkit-box;
        display: flex
    }

    cudc-kbb-tradein .blds-display-xl--none {
        display: none
    }

    cudc-kbb-tradein .blds-width-xl--25 {
        width: 25%
    }

    cudc-kbb-tradein .blds-width-xl--50 {
        width: 50%
    }

    cudc-kbb-tradein .blds-width-xl--75 {
        width: 75%
    }

    cudc-kbb-tradein .blds-width-xl--100 {
        width: 100%
    }

    cudc-kbb-tradein .blds-width-xl--auto {
        width: auto
    }

    cudc-kbb-tradein .blds-border-top-xl--solid {
        border-top: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-top-xl--none {
        border-top: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-xl--solid {
        border-right: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-right-xl--none {
        border-right: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-xl--solid {
        border-bottom: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-bottom-xl--none {
        border-bottom: 1px #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-xl--solid {
        border-left: 1px solid #dde5eb
    }

    cudc-kbb-tradein .blds-border-left-xl--none {
        border-left: 1px #dde5eb
    }
}

cudc-kbb-tradein .blds-position--relative {
    position: relative
}

cudc-kbb-tradein .blds-position--absolute {
    position: absolute
}

cudc-kbb-tradein .blds-position--static {
    position: static
}

cudc-kbb-tradein .blds-position--fixed {
    position: fixed
}

cudc-kbb-tradein .blds-left--0 {
    left: 0
}

cudc-kbb-tradein .blds-right--0 {
    right: 0
}

cudc-kbb-tradein .blds-top--0 {
    top: 0
}

cudc-kbb-tradein .blds-bottom--0 {
    bottom: 0
}

cudc-kbb-tradein .blds-flex-flow--wrap {
    flex-flow: wrap
}

cudc-kbb-tradein .blds-flex-flow--nowrap {
    flex-flow: nowrap
}

cudc-kbb-tradein .blds-flex-flow--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column
}

cudc-kbb-tradein .blds-flex-flow--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row
}

cudc-kbb-tradein .blds-flex-align--bottom {
    margin: auto 0 0
}

cudc-kbb-tradein .blds-flex-align--top {
    margin: 0 0 auto
}

cudc-kbb-tradein .blds-flex-align--middle {
    margin-top: auto;
    margin-bottom: auto
}

cudc-kbb-tradein .blds-align-self--center {
    align-self: center !important
}

cudc-kbb-tradein .blds-align-self--end {
    align-self: end !important
}

cudc-kbb-tradein .blds-align-self--start {
    align-self: start !important
}

cudc-kbb-tradein .blds-align-self--flex-end {
    align-self: flex-end !important
}

cudc-kbb-tradein .blds-align-self--flex-start {
    align-self: flex-start !important
}

cudc-kbb-tradein .blds-align-items--center {
    -webkit-box-align: center !important;
    align-items: center !important
}

cudc-kbb-tradein .blds-align-items--end {
    -webkit-box-align: end !important;
    align-items: end !important
}

cudc-kbb-tradein .blds-align-items--start {
    -webkit-box-align: start !important;
    align-items: start !important
}

cudc-kbb-tradein .blds-align-items--flex-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important
}

cudc-kbb-tradein .blds-align-items--flex-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important
}

cudc-kbb-tradein .blds-justify-content--space-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

cudc-kbb-tradein .blds-justify-content--space-around {
    justify-content: space-around
}

cudc-kbb-tradein .blds-justify-content--flex-start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

cudc-kbb-tradein .blds-justify-content--flex-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

cudc-kbb-tradein .blds-flex--justify-center, cudc-kbb-tradein .blds-justify-content--center {
    -webkit-box-pack: center;
    justify-content: center
}

cudc-kbb-tradein .blds-flex--auto {
    -webkit-box-flex: 1;
    flex: auto
}

cudc-kbb-tradein .blds-flex-direction--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

cudc-kbb-tradein .blds-flex-direction--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

cudc-kbb-tradein .blds-flex-direction--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

cudc-kbb-tradein .blds-flex-direction--column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

cudc-kbb-tradein .blds-row-wrap {
    padding-left: 15px;
    padding-right: 15px
}

cudc-kbb-tradein .blds-border {
    border: 1px solid #dde5eb
}

cudc-kbb-tradein .blds-border-top {
    border-top: 1px solid #dde5eb
}

cudc-kbb-tradein .blds-border-right {
    border-right: 1px solid #dde5eb
}

cudc-kbb-tradein .blds-border-bottom {
    border-bottom: 1px solid #dde5eb
}

cudc-kbb-tradein .blds-border-left {
    border-left: 1px solid #dde5eb
}

cudc-kbb-tradein .blds-border-none {
    border: 0 !important
}

cudc-kbb-tradein .blds-border-width--2 {
    border-width: 2px
}

cudc-kbb-tradein .blds-border-radius {
    border-radius: 4px
}

cudc-kbb-tradein .blds-border-radius--8 {
    border-radius: 8px
}

cudc-kbb-tradein .blds-border-radius--16 {
    border-radius: 16px
}

cudc-kbb-tradein .blds-border-radius--50 {
    border-radius: 50%
}

cudc-kbb-tradein .blds-border-radius--0 {
    border-radius: 0
}

cudc-kbb-tradein .blds-border-color--primary {
    border-color: #2196f3
}

cudc-kbb-tradein .blds-border-color--success {
    border-color: #13ce66
}

cudc-kbb-tradein .blds-border-color--warning {
    border-color: #ffc82c
}

cudc-kbb-tradein .blds-border-color--error {
    border-color: #ff4949
}

cudc-kbb-tradein .blds-border-color--info {
    border-color: #1fb6ff
}

cudc-kbb-tradein .blds-font-color--primary {
    color: #2196f3
}

cudc-kbb-tradein .blds-font-color--primary-light {
    color: #3bb0ff
}

cudc-kbb-tradein .blds-font-color--primary-dark, cudc-kbb-tradein .blds-font-color--primary-x-dark {
    color: #087dda
}

cudc-kbb-tradein .blds-font-color--primary-xx-dark {
    color: #00308d
}

cudc-kbb-tradein .blds-font-color--cudl-blue {
    color: #1c2b36
}

cudc-kbb-tradein .blds-font-color--accent {
    color: #1c2e36
}

cudc-kbb-tradein .blds-font-color--accent-light {
    color: #3e4e64
}

cudc-kbb-tradein .blds-font-color--accent-x-light {
    color: #a4b3b7
}

cudc-kbb-tradein .blds-font-color--accent-xx-light {
    color: #dde5eb
}

cudc-kbb-tradein .blds-font-color--accent-xxx-light {
    color: #e6edef
}

cudc-kbb-tradein .blds-font-color--orange {
    color: #f89b35
}

cudc-kbb-tradein .blds-font-color--blue {
    color: #1fb6ff
}

cudc-kbb-tradein .blds-font-color--warning {
    color: #ffc82c
}

cudc-kbb-tradein .blds-font-color--error {
    color: #ff4949
}

cudc-kbb-tradein .blds-font-color--success {
    color: #13ce66
}

cudc-kbb-tradein .blds-font-color--rating {
    color: #ffbb58
}

cudc-kbb-tradein .blds-font-color--steel {
    color: #445663
}

cudc-kbb-tradein .blds-font-color--slate {
    color: #7e8a9a
}

cudc-kbb-tradein .blds-font-color--silver {
    color: #a5b0b8
}

cudc-kbb-tradein .blds-font-color--smoke {
    color: #d5dee3
}

cudc-kbb-tradein .blds-font-color--white {
    color: #fff
}

cudc-kbb-tradein .blds-font-color--black {
    color: #1c2b36
}

cudc-kbb-tradein .blds-font-color--snow-light {
    color: #fafbfc
}

cudc-kbb-tradein .blds-font-color--base {
    color: #445663
}

cudc-kbb-tradein .blds-font-color--transparent {
    color: transparent
}

cudc-kbb-tradein .blds-font-color--disabled {
    color: #a5b0b8
}

cudc-kbb-tradein .blds-font-family--base {
    font-family: "Nunito Sans",sans-serif
}

cudc-kbb-tradein .blds-font-weight--regular {
    font-weight: 400
}

cudc-kbb-tradein .blds-font-weight--bold {
    font-weight: 600
}

cudc-kbb-tradein .blds-font-weight--x-bold {
    font-weight: 800
}

cudc-kbb-tradein .blds-font-weight--xx-bold {
    font-weight: 900
}

cudc-kbb-tradein .blds-font-weight--400 {
    font-weight: 400
}

cudc-kbb-tradein .blds-font-weight--500 {
    font-weight: 500
}

cudc-kbb-tradein .blds-font-weight--600 {
    font-weight: 600
}

cudc-kbb-tradein .blds-font-weight--700 {
    font-weight: 700
}

cudc-kbb-tradein .blds-font-weight--800 {
    font-weight: 800
}

cudc-kbb-tradein .blds-font-weight--900 {
    font-weight: 900
}

cudc-kbb-tradein .blds-font-size--base {
    font-size: 1rem;
    line-height: 1.625rem
}

cudc-kbb-tradein .blds-font-size--10 {
    font-size: .625rem;
    line-height: 1rem
}

cudc-kbb-tradein .blds-font-size--12 {
    font-size: .75rem;
    line-height: 1.25rem
}

cudc-kbb-tradein .blds-font-size--14 {
    font-size: .875rem;
    line-height: 1.375rem
}

cudc-kbb-tradein .blds-font-size--18 {
    font-size: 1.125rem;
    line-height: 1.875rem
}

cudc-kbb-tradein .blds-font-size--22 {
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--28 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--32 {
    font-size: 2rem;
    line-height: 2.375rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--36 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--40 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--48 {
    font-size: 3rem;
    line-height: 3.25rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--54 {
    font-size: 3.375rem;
    line-height: 4rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--64 {
    font-size: 4rem;
    line-height: 4.625rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-font-size--72 {
    font-size: 4.5rem;
    line-height: 5.25rem;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-bg-color--white {
    background-color: #fff
}

cudc-kbb-tradein .blds-bg-color--black {
    background-color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--primary-light {
    background-color: #3bb0ff;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--primary-dark {
    background-color: #087dda;
    color: #fff
}

cudc-kbb-tradein .blds-bg-color--primary-x-dark {
    background-color: #0063c0;
    color: #fff
}

cudc-kbb-tradein .blds-bg-color--primary-xx-dark {
    background-color: #00308d;
    color: #fff
}

cudc-kbb-tradein .blds-bg-color--accent {
    background-color: #1c2e36
}

cudc-kbb-tradein .blds-bg-color--accent-light {
    background-color: #3e4e64
}

cudc-kbb-tradein .blds-bg-color--accent-x-light {
    background-color: #a4b3b7
}

cudc-kbb-tradein .blds-bg-color--accent-xx-light {
    background-color: #dde5eb
}

cudc-kbb-tradein .blds-bg-color--accent-xxx-light {
    background-color: #e6edef
}

cudc-kbb-tradein .blds-bg-color--cudl-blue {
    background-color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--snow-blue {
    background-color: #e7f0f7
}

cudc-kbb-tradein .blds-bg-color--default-state {
    background-color: #1fb6ff;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--success {
    background-color: #13ce66 !important;
    color: #fff
}

cudc-kbb-tradein .blds-bg-color--error {
    background-color: #ff4949 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--warning {
    background-color: #ffc82c !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--rating {
    background-color: #ffbb58 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--snow-light {
    background-color: #fafbfc;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--snow {
    background-color: #f5f8fa !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--snow-dark {
    background-color: #eff2f5 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--snow-x-dark {
    background-color: #dde5eb !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--smoke {
    background-color: #d5dee3 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--steel {
    background-color: #445663 !important;
    color: #fff
}

cudc-kbb-tradein .blds-bg-color--slate {
    background-color: #7e8a9a !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--silver {
    background-color: #a5b0b8 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-bg-color--almond {
    background-color: #f89b35 !important
}

cudc-kbb-tradein .blds-light-theme {
    background-color: #fff;
    color: #73839a
}

    cudc-kbb-tradein .blds-light-theme .blds-font-color--accent {
        color: #3e4e64
    }

cudc-kbb-tradein .blds-dark-theme {
    background-color: #1c2b36;
    color: #d6e1e4
}

    cudc-kbb-tradein .blds-dark-theme .blds-font-color--accent {
        color: #fff
    }

cudc-kbb-tradein .blds-box-shadow {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.05)
}

cudc-kbb-tradein .blds-box-shadow--wide {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)
}

cudc-kbb-tradein .blds-box-shadow--x-wide {
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2)
}

cudc-kbb-tradein .blds-label--alt {
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: 1.2px;
    color: #3e4e64;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 10px
}

    cudc-kbb-tradein .blds-label--alt.input-align {
        line-height: 40px;
        margin-right: 8px
    }

@media (max-width:767px) {
    cudc-kbb-tradein .blds-label--alt {
        font-size: 1rem;
        line-height: 18px
    }
}

cudc-kbb-tradein .blds-ellipsis {
    max-width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

cudc-kbb-tradein .blds-transform--translateY-up-50 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

cudc-kbb-tradein .blds-transform--translateY-up-100 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

cudc-kbb-tradein .blds-transform--translateY-down-50 {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

cudc-kbb-tradein .blds-transform--translateY-down-100 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

cudc-kbb-tradein .blds-transform--translateX-right-50 {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

cudc-kbb-tradein .blds-transform--translateX-right-100 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

cudc-kbb-tradein .blds-transform--translateX-left-50 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

cudc-kbb-tradein .blds-transform--translateX-left-100 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

cudc-kbb-tradein .blds-bulleted-list {
    padding-left: 24px;
    margin-bottom: 32px
}

    cudc-kbb-tradein .blds-bulleted-list li {
        list-style-type: disc;
        list-style-position: outside;
        margin-bottom: 8px
    }

cudc-kbb-tradein .blds-text-decoration--none {
    text-decoration: none
}

cudc-kbb-tradein .blds-text-decoration--underline {
    text-decoration: underline
}

cudc-kbb-tradein .blds-text-decoration--line-through {
    text-decoration: line-through
}

cudc-kbb-tradein .blds-hover-text-decoration--none:hover {
    text-decoration: none
}

cudc-kbb-tradein .blds-hover-text-decoration--underline:hover {
    text-decoration: underline
}

cudc-kbb-tradein .blds-font-style--italic {
    font-style: italic
}

cudc-kbb-tradein .blds-font-style--normal {
    font-style: normal
}

cudc-kbb-tradein .blds-max-width--desktop {
    max-width: 1366px
}

cudc-kbb-tradein .blds-max-width--100 {
    max-width: 100%
}

cudc-kbb-tradein .blds-max-width--tablet-width {
    max-width: 768px
}

cudc-kbb-tradein .blds-max-width--1136 {
    max-width: 1136px
}

cudc-kbb-tradein .blds-max-width--1280 {
    max-width: 1280px
}

@media print {
    cudc-kbb-tradein .blds-print-hide {
        display: none !important
    }
}

cudc-kbb-tradein .blds-print-only {
    display: none
}

@media print {
    cudc-kbb-tradein .blds-print-only {
        display: block
    }
}

cudc-kbb-tradein .blds-text-transform--uppercase {
    text-transform: uppercase;
    letter-spacing: .5px
}

cudc-kbb-tradein .blds-text-transform--lowercase {
    text-transform: lowercase
}

cudc-kbb-tradein .blds-text-transform--capitalize {
    text-transform: capitalize
}

cudc-kbb-tradein .blds-text-transform--none {
    text-transform: none
}

cudc-kbb-tradein .blds-vertical-align--top {
    vertical-align: top
}

cudc-kbb-tradein .blds-vertical-align--text-top {
    vertical-align: text-top
}

cudc-kbb-tradein .blds-vertical-align--bottom {
    vertical-align: bottom
}

cudc-kbb-tradein .blds-vertical-align--text-bottom {
    vertical-align: text-bottom
}

cudc-kbb-tradein .blds-vertical-align--baseline {
    vertical-align: baseline
}

cudc-kbb-tradein .blds-vertical-align--sub {
    vertical-align: sub
}

cudc-kbb-tradein .blds-vertical-align--super {
    vertical-align: super
}

cudc-kbb-tradein .blds-vertical-align--middle {
    vertical-align: middle
}

cudc-kbb-tradein .blds-clearfix:after {
    display: table;
    content: '';
    clear: both
}

cudc-kbb-tradein .blds-clear--both {
    clear: both
}

cudc-kbb-tradein .blds-clear--left {
    clear: left
}

cudc-kbb-tradein .blds-clear--right {
    clear: right
}

cudc-kbb-tradein .blds-overflow--auto {
    overflow: auto
}

cudc-kbb-tradein .blds-overflow--hidden {
    overflow: hidden
}

cudc-kbb-tradein .blds-overflow--scroll {
    overflow: scroll
}

cudc-kbb-tradein .blds-height--100 {
    height: 100%
}

cudc-kbb-tradein .blds-height--50 {
    height: 50%
}

cudc-kbb-tradein .blds-height--0 {
    height: 0
}

cudc-kbb-tradein ol.blds-ordered-list {
    padding-left: 24px;
    margin-bottom: 32px;
    counter-reset: number;
    list-style-type: none;
    -webkit-padding-start: 0
}

    cudc-kbb-tradein ol.blds-ordered-list li {
        margin-bottom: 8px
    }

        cudc-kbb-tradein ol.blds-ordered-list li:before {
            counter-increment: number;
            content: counter(number) " "
        }

cudc-kbb-tradein .blds-breadcrumb {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    padding: 0
}

    cudc-kbb-tradein .blds-breadcrumb li {
        margin-right: 5px
    }

cudc-kbb-tradein .blds-disabled {
    opacity: .4;
    pointer-events: none
}

cudc-kbb-tradein .blds-hover-bg--snow:hover {
    background-color: #f5f8fa
}

cudc-kbb-tradein .blds-hover-bg--snow-dark:hover {
    background-color: #eff2f5
}

cudc-kbb-tradein .blds--transition {
    -webkit-transition: .4s ease-in-out;
    transition: .4s all ease-in-out 0s
}

cudc-kbb-tradein body.ea-modal-open, cudc-kbb-tradein body.ea-panel-open, cudc-kbb-tradein body.ea-workflow-nav-open {
    overflow: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

cudc-kbb-tradein .blds-bg-color--primary {
    background-color: #2196f3 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-ada-level--aa .blds-font-color--slate {
    color: #697686
}

cudc-kbb-tradein .blds-ada-level--aa .blds-font-color--silver {
    color: #667682
}

cudc-kbb-tradein .blds-ada-level--aa .blds-font-color--warning {
    color: #977000
}

cudc-kbb-tradein .blds-ada-level--aa .blds-font-color--error {
    color: #ec0000
}

cudc-kbb-tradein .blds-ada-level--aa .blds-font-color--success {
    color: #0d8843
}

cudc-kbb-tradein .blds-ada-level--aa .blds-border-color--warning {
    border-color: #977000
}

cudc-kbb-tradein .blds-ada-level--aa .blds-border-color--error {
    border-color: #ec0000
}

cudc-kbb-tradein .blds-ada-level--aa .blds-border-color--success {
    border-color: #0d8843
}

cudc-kbb-tradein .blds-ada-level--aa .blds-border-color--info {
    border-color: #0094dc
}

cudc-kbb-tradein .blds-ada-level--aa .blds-bg-color--warning {
    background-color: #ffbd03 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-ada-level--aa .blds-error-msg {
    color: #d73a3a
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-font-color--slate {
    color: #4c5561
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-font-color--silver {
    color: #4d5962
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-font-color--warning {
    color: #6e5200
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-font-color--error {
    color: #b40000
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-font-color--success {
    color: #0a6733
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-border-color--warning {
    border-color: #6e5200
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-border-color--error {
    border-color: #b40000
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-border-color--success {
    border-color: #0a6733
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-border-color--info {
    border-color: #007fbd
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-bg-color--warning {
    background-color: #d9a100 !important;
    color: #1c2b36
}

cudc-kbb-tradein .blds-ada-level--aaa .blds-error-msg {
    color: #9f2929
}

cudc-kbb-tradein .blds-screen-reader-only {
    position: absolute !important;
    text-indent: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

cudc-kbb-tradein .blds-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

cudc-kbb-tradein .blds-no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

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

cudc-kbb-tradein .blds-col {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%
}

cudc-kbb-tradein .blds-col-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

cudc-kbb-tradein .blds-col-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

cudc-kbb-tradein .blds-col-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

cudc-kbb-tradein .blds-col-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

cudc-kbb-tradein .blds-col-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

cudc-kbb-tradein .blds-col-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

cudc-kbb-tradein .blds-col-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

cudc-kbb-tradein .blds-col-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

cudc-kbb-tradein .blds-col-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

cudc-kbb-tradein .blds-col-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%
}

cudc-kbb-tradein .blds-col-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

cudc-kbb-tradein .blds-col-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

cudc-kbb-tradein .blds-col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    cudc-kbb-tradein .blds-col-sm {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    cudc-kbb-tradein .blds-col-sm-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    cudc-kbb-tradein .blds-col-sm-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    cudc-kbb-tradein .blds-col-sm-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    cudc-kbb-tradein .blds-col-sm-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    cudc-kbb-tradein .blds-col-sm-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    cudc-kbb-tradein .blds-col-sm-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    cudc-kbb-tradein .blds-col-sm-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    cudc-kbb-tradein .blds-col-sm-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    cudc-kbb-tradein .blds-col-sm-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    cudc-kbb-tradein .blds-col-sm-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    cudc-kbb-tradein .blds-col-sm-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    cudc-kbb-tradein .blds-col-sm-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    cudc-kbb-tradein .blds-col-sm-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    cudc-kbb-tradein .blds-col-md {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    cudc-kbb-tradein .blds-col-md-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    cudc-kbb-tradein .blds-col-md-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    cudc-kbb-tradein .blds-col-md-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    cudc-kbb-tradein .blds-col-md-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    cudc-kbb-tradein .blds-col-md-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    cudc-kbb-tradein .blds-col-md-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    cudc-kbb-tradein .blds-col-md-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    cudc-kbb-tradein .blds-col-md-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    cudc-kbb-tradein .blds-col-md-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    cudc-kbb-tradein .blds-col-md-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    cudc-kbb-tradein .blds-col-md-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    cudc-kbb-tradein .blds-col-md-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    cudc-kbb-tradein .blds-col-md-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:940px) {
    cudc-kbb-tradein .blds-col-lg {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    cudc-kbb-tradein .blds-col-lg-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    cudc-kbb-tradein .blds-col-lg-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    cudc-kbb-tradein .blds-col-lg-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    cudc-kbb-tradein .blds-col-lg-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    cudc-kbb-tradein .blds-col-lg-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    cudc-kbb-tradein .blds-col-lg-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    cudc-kbb-tradein .blds-col-lg-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    cudc-kbb-tradein .blds-col-lg-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    cudc-kbb-tradein .blds-col-lg-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    cudc-kbb-tradein .blds-col-lg-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    cudc-kbb-tradein .blds-col-lg-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    cudc-kbb-tradein .blds-col-lg-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    cudc-kbb-tradein .blds-col-lg-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    cudc-kbb-tradein .blds-col-xl {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    cudc-kbb-tradein .blds-col-xl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    cudc-kbb-tradein .blds-col-xl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    cudc-kbb-tradein .blds-col-xl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    cudc-kbb-tradein .blds-col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    cudc-kbb-tradein .blds-col-xl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    cudc-kbb-tradein .blds-col-xl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    cudc-kbb-tradein .blds-col-xl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    cudc-kbb-tradein .blds-col-xl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    cudc-kbb-tradein .blds-col-xl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    cudc-kbb-tradein .blds-col-xl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    cudc-kbb-tradein .blds-col-xl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    cudc-kbb-tradein .blds-col-xl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    cudc-kbb-tradein .blds-col-xl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

cudc-kbb-tradein .blds-check-wrap {
    position: relative
}

    cudc-kbb-tradein .blds-check-wrap input[type=checkbox], cudc-kbb-tradein .blds-check-wrap input[type=radio] {
        position: absolute;
        left: -9999px
    }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox] + label, cudc-kbb-tradein .blds-check-wrap input[type=radio] + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block
        }

            cudc-kbb-tradein .blds-check-wrap input[type=checkbox] + label:after, cudc-kbb-tradein .blds-check-wrap input[type=checkbox] + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:after, cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:before {
                font: 18px cudirect;
                position: absolute;
                left: 0;
                top: 0;
                text-align: center;
                width: 20px;
                height: 20px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            cudc-kbb-tradein .blds-check-wrap input[type=checkbox] + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:before {
                content: '\eacd';
                color: #a5b0b8
            }

            cudc-kbb-tradein .blds-check-wrap input[type=checkbox] + label:after, cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:after {
                content: '\eac9';
                color: #2196f3
            }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:not(:checked) + label:after, cudc-kbb-tradein .blds-check-wrap input[type=radio]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:checked + label:after, cudc-kbb-tradein .blds-check-wrap input[type=radio]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:focus + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio]:focus + label:before {
            outline: #1c2e36 dotted 1px
        }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox].blds-error:not(:checked) + label, cudc-kbb-tradein .blds-check-wrap input[type=checkbox].error:not(:checked) + label, cudc-kbb-tradein .blds-check-wrap input[type=radio].blds-error:not(:checked) + label, cudc-kbb-tradein .blds-check-wrap input[type=radio].error:not(:checked) + label {
            color: #ff4949
        }

            cudc-kbb-tradein .blds-check-wrap input[type=checkbox].blds-error:not(:checked) + label:before, cudc-kbb-tradein .blds-check-wrap input[type=checkbox].error:not(:checked) + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio].blds-error:not(:checked) + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio].error:not(:checked) + label:before {
                color: #ff4949;
                font-weight: 400
            }

        cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:disabled, cudc-kbb-tradein .blds-check-wrap input[type=radio]:disabled {
            cursor: default
        }

            cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:disabled + label, cudc-kbb-tradein .blds-check-wrap input[type=radio]:disabled + label {
                color: #7e8a9a;
                cursor: default
            }

                cudc-kbb-tradein .blds-check-wrap input[type=checkbox]:disabled + label:before, cudc-kbb-tradein .blds-check-wrap input[type=radio]:disabled + label:before {
                    font-weight: 800
                }

        cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:before {
            content: '\eacc'
        }

        cudc-kbb-tradein .blds-check-wrap input[type=radio] + label:after {
            content: '\eac8'
        }

cudc-kbb-tradein .blds-input-help {
    color: #7e8a9a;
    font-style: oblique
}

cudc-kbb-tradein input.blds-input, cudc-kbb-tradein select.blds-select, cudc-kbb-tradein textarea.blds-textarea {
    border: 1px solid #dde5eb;
    border-radius: 4px;
    background: #fff;
    font-size: 1rem;
    height: 48px;
    line-height: 48px;
    padding: 0 15px 0 10px;
    width: 100%;
    display: inline-block;
    color: #445663;
    -moz-appearance: textfield
}

    cudc-kbb-tradein input.blds-input:focus, cudc-kbb-tradein select.blds-select:focus, cudc-kbb-tradein textarea.blds-textarea:focus {
        outline: 0;
        border-color: #087dda;
        box-shadow: 0 0 3px 0 rgba(0,118,222,.5);
        background: #fff
    }

    cudc-kbb-tradein input.blds-input::-webkit-inner-spin-button, cudc-kbb-tradein input.blds-input::-webkit-outer-spin-button, cudc-kbb-tradein select.blds-select::-webkit-inner-spin-button, cudc-kbb-tradein select.blds-select::-webkit-outer-spin-button, cudc-kbb-tradein textarea.blds-textarea::-webkit-inner-spin-button, cudc-kbb-tradein textarea.blds-textarea::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    cudc-kbb-tradein input.blds-input.blds-error, cudc-kbb-tradein input.blds-input.error, cudc-kbb-tradein select.blds-select.blds-error, cudc-kbb-tradein select.blds-select.error, cudc-kbb-tradein textarea.blds-textarea.blds-error, cudc-kbb-tradein textarea.blds-textarea.error {
        border-color: #ff4949 !important
    }

        cudc-kbb-tradein input.blds-input.blds-error + .blds-error-msg, cudc-kbb-tradein input.blds-input.blds-error + .error-msg, cudc-kbb-tradein input.blds-input.error + .blds-error-msg, cudc-kbb-tradein input.blds-input.error + .error-msg, cudc-kbb-tradein select.blds-select.blds-error + .blds-error-msg, cudc-kbb-tradein select.blds-select.blds-error + .error-msg, cudc-kbb-tradein select.blds-select.error + .blds-error-msg, cudc-kbb-tradein select.blds-select.error + .error-msg, cudc-kbb-tradein textarea.blds-textarea.blds-error + .blds-error-msg, cudc-kbb-tradein textarea.blds-textarea.blds-error + .error-msg, cudc-kbb-tradein textarea.blds-textarea.error + .blds-error-msg, cudc-kbb-tradein textarea.blds-textarea.error + .error-msg {
            display: block
        }

    cudc-kbb-tradein input.blds-input.blds-is-invalid, cudc-kbb-tradein select.blds-select.blds-is-invalid, cudc-kbb-tradein textarea.blds-textarea.blds-is-invalid {
        border-color: #ff4949 !important
    }

    cudc-kbb-tradein input.blds-input:-ms-input-placeholder, cudc-kbb-tradein input.blds-input::-ms-input-placeholder, cudc-kbb-tradein input.blds-input:placeholder-shown, cudc-kbb-tradein select.blds-select:-ms-input-placeholder, cudc-kbb-tradein select.blds-select::-ms-input-placeholder, cudc-kbb-tradein select.blds-select:placeholder-shown, cudc-kbb-tradein textarea.blds-textarea:-ms-input-placeholder, cudc-kbb-tradein textarea.blds-textarea::-ms-input-placeholder, cudc-kbb-tradein textarea.blds-textarea:placeholder-shown {
        background: #fafbfc
    }

    cudc-kbb-tradein input.blds-input[required]:invalid, cudc-kbb-tradein select.blds-select[required]:invalid, cudc-kbb-tradein textarea.blds-textarea[required]:invalid {
        background: #fafbfc
    }

    cudc-kbb-tradein input.blds-input:disabled, cudc-kbb-tradein select.blds-select:disabled, cudc-kbb-tradein textarea.blds-textarea:disabled {
        color: #a5b0b8;
        background-color: #eff2f5;
        border-color: #dde5eb
    }

    cudc-kbb-tradein input.blds-input.blds-group-input--first, cudc-kbb-tradein select.blds-select.blds-group-input--first, cudc-kbb-tradein textarea.blds-textarea.blds-group-input--first {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-color: transparent
    }

        cudc-kbb-tradein input.blds-input.blds-group-input--first:focus, cudc-kbb-tradein select.blds-select.blds-group-input--first:focus, cudc-kbb-tradein textarea.blds-textarea.blds-group-input--first:focus {
            border-right-color: #087dda
        }

    cudc-kbb-tradein input.blds-input.blds-group-input--last, cudc-kbb-tradein select.blds-select.blds-group-input--last, cudc-kbb-tradein textarea.blds-textarea.blds-group-input--last {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

cudc-kbb-tradein textarea.blds-textarea {
    height: auto;
    min-height: 75px
}

cudc-kbb-tradein .blds-input-appended {
    position: relative
}

    cudc-kbb-tradein .blds-input-appended span {
        color: #7e8a9a;
        font-weight: 700;
        right: 16px;
        top: 8px;
        position: absolute;
        font-size: 14px;
        pointer-events: none
    }

cudc-kbb-tradein .blds-select-wrap {
    position: relative
}

    cudc-kbb-tradein .blds-select-wrap:after {
        font: 8px/48px cudirect;
        content: '\ea5d';
        color: #7e8a9a;
        position: absolute;
        top: 0;
        right: 5px;
        pointer-events: none;
        width: 20px;
        height: 48px;
        display: inline-block;
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: sub
    }

    cudc-kbb-tradein .blds-select-wrap .blds-select {
        text-overflow: ellipsis;
        cursor: pointer;
        padding-right: 32px;
        -webkit-appearance: none;
        -moz-appearance: none
    }

        cudc-kbb-tradein .blds-select-wrap .blds-select::-ms-expand {
            display: none
        }

        cudc-kbb-tradein .blds-select-wrap .blds-select:disabled {
            color: #a5b0b8;
            background-color: #eff2f5;
            border-color: #dde5eb
        }

        cudc-kbb-tradein .blds-select-wrap .blds-select.ng-pristine.ng-invalid {
            color: #a5b0b8;
            background-color: #fafbfc
        }

            cudc-kbb-tradein .blds-select-wrap .blds-select.ng-pristine.ng-invalid option {
                background: #fff;
                color: #445663
            }

    cudc-kbb-tradein .blds-select-wrap.inline-label {
        display: -webkit-box;
        display: flex
    }

        cudc-kbb-tradein .blds-select-wrap.inline-label label {
            width: 22%;
            padding: 10px 10px 10px 0;
            line-height: 20px
        }

        cudc-kbb-tradein .blds-select-wrap.inline-label select {
            width: 78%
        }

    cudc-kbb-tradein .blds-select-wrap.input-stacked {
        margin-bottom: 6px
    }

cudc-kbb-tradein label.blds-label {
    cursor: pointer;
    margin: 0 0 2px;
    font-size: 14px
}

cudc-kbb-tradein .blds-required {
    position: relative;
    display: block
}

    cudc-kbb-tradein .blds-required:after {
        position: absolute;
        content: '*';
        padding-left: 3px;
        color: #ff4949;
        font-weight: 600
    }

    cudc-kbb-tradein .blds-required:hover:after {
        content: 'Required'
    }

cudc-kbb-tradein .blds-pill-group .pill-group {
    border: 1px solid #a5b0b8;
    padding: 3px 20px 3px 3px;
    border-radius: 4px;
    display: inline-block
}

cudc-kbb-tradein .clear-pills {
    display: none
}

cudc-kbb-tradein button.blds-pill, cudc-kbb-tradein span.blds-pill {
    text-decoration: none;
    color: #7e8a9a;
    background: #fff;
    border: 1px solid #dde5eb;
    border-radius: 4px;
    font-size: .6875rem;
    line-height: .8125rem;
    padding: 5px 7px 3px 8px;
    cursor: default;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0 3px 2px 0;
    white-space: nowrap
}

    cudc-kbb-tradein button.blds-pill.alt, cudc-kbb-tradein button.blds-pill:hover, cudc-kbb-tradein span.blds-pill.alt, cudc-kbb-tradein span.blds-pill:hover {
        background: #f5f8fa;
        color: inherit;
        text-decoration: none
    }

    cudc-kbb-tradein button.blds-pill i, cudc-kbb-tradein span.blds-pill i {
        cursor: pointer;
        font-weight: 400;
        padding: 0 0 0 5px;
        vertical-align: text-top;
        font-size: 14px
    }

    cudc-kbb-tradein button.blds-pill + .clear-pills, cudc-kbb-tradein span.blds-pill + .clear-pills {
        display: inline
    }

    cudc-kbb-tradein button.blds-pill.small, cudc-kbb-tradein span.blds-pill.small {
        font-size: 10px;
        line-height: 10px;
        padding: 2px 8px
    }

    cudc-kbb-tradein button.blds-pill.blds-pill-success, cudc-kbb-tradein span.blds-pill.blds-pill-success {
        border-color: #0eb759;
        background-color: #13ce66;
        color: #fff
    }

cudc-kbb-tradein .blds-input-ranges {
    display: -webkit-box !important;
    display: flex !important
}

    cudc-kbb-tradein .blds-input-ranges > div {
        width: calc(50% - 12px)
    }

    cudc-kbb-tradein .blds-input-ranges span {
        display: block;
        width: 24px;
        text-align: center;
        align-self: center;
        padding-top: 25px
    }

    cudc-kbb-tradein .blds-input-ranges.collapse:not(.show) {
        display: none !important
    }

cudc-kbb-tradein .blds-date-wrap {
    position: relative
}

    cudc-kbb-tradein .blds-date-wrap:after {
        font-family: cudirect !important;
        content: '\e00d';
        display: inline-block;
        color: #7e8a9a;
        right: 16px;
        top: 8px;
        position: absolute;
        font-size: 14px;
        pointer-events: none
    }

    cudc-kbb-tradein .blds-date-wrap.date-max-width {
        max-width: 145px
    }

    cudc-kbb-tradein .blds-date-wrap input {
        font-size: 12px
    }

cudc-kbb-tradein ::-moz-focus-inner, cudc-kbb-tradein ::-moz-focus-outer {
    outline: 0;
    border: none
}

cudc-kbb-tradein ::-moz-focusring {
    color: transparent
}

cudc-kbb-tradein .blds-error-msg {
    display: inline-block;
    padding: 4px 0;
    color: #ff4949;
    font-size: .875rem;
    line-height: 1.125rem
}

cudc-kbb-tradein ::-webkit-input-placeholder {
    color: #a5b0b8
}

cudc-kbb-tradein ::-moz-placeholder {
    color: #a5b0b8
}

cudc-kbb-tradein :-ms-input-placeholder {
    color: #a5b0b8
}

cudc-kbb-tradein ::-ms-input-placeholder {
    color: #a5b0b8
}

cudc-kbb-tradein ::placeholder {
    color: #a5b0b8
}

cudc-kbb-tradein .blds-form-field-wrap {
    max-width: 365px
}

cudc-kbb-tradein .blds-button {
    color: #fff;
    background-color: #2196f3;
    font-family: "Nunito Sans",sans-serif;
    font-size: 1rem;
    letter-spacing: .3px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 15px 32px;
    line-height: 1rem;
    -webkit-transition: .1s ease-in-out;
    transition: .1s all ease-in-out 0s;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    position: relative
}

    cudc-kbb-tradein .blds-button i {
        color: #fff
    }

    cudc-kbb-tradein .blds-button.blds-button-reverse {
        color: #3e4e64;
        border-color: #dde5eb;
        background-color: #fff
    }

        cudc-kbb-tradein .blds-button.blds-button-reverse i {
            color: #3e4e64
        }

    cudc-kbb-tradein .blds-button.focus, cudc-kbb-tradein .blds-button:focus {
        outline: #1c2e36 dotted 1px;
        box-shadow: none !important
    }

        cudc-kbb-tradein .blds-button.focus.blds-button-reverse, cudc-kbb-tradein .blds-button:focus.blds-button-reverse {
            box-shadow: none;
            border-color: #a4b3b7
        }

    cudc-kbb-tradein .blds-button.hover, cudc-kbb-tradein .blds-button:hover:not(:disabled):not(.disabled) {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        color: #fff;
        background-color: #3bb0ff;
        outline: 0
    }

        cudc-kbb-tradein .blds-button.hover.blds-button-reverse, cudc-kbb-tradein .blds-button.hover.btn-secondary, cudc-kbb-tradein .blds-button:hover:not(:disabled):not(.disabled).blds-button-reverse, cudc-kbb-tradein .blds-button:hover:not(:disabled):not(.disabled).btn-secondary {
            background-color: #e6edef;
            border-color: #a4b3b7;
            color: #3e4e64
        }

    cudc-kbb-tradein .blds-button.blds-disabled, cudc-kbb-tradein .blds-button.disabled, cudc-kbb-tradein .blds-button:disabled {
        opacity: .4;
        cursor: not-allowed;
        pointer-events: none
    }

        cudc-kbb-tradein .blds-button.blds-disabled.btn-secondary, cudc-kbb-tradein .blds-button.disabled.btn-secondary, cudc-kbb-tradein .blds-button:disabled.btn-secondary {
            background-color: #fff
        }

    cudc-kbb-tradein .blds-button:not([disabled]):not(.disabled):active {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    cudc-kbb-tradein .blds-button:not(.hover):not([disabled]):not(.disabled).active, cudc-kbb-tradein .blds-button:not([disabled]):not(.disabled):active {
        background-color: #087dda;
        outline: 0
    }

        cudc-kbb-tradein .blds-button:not(.hover):not([disabled]):not(.disabled).active.blds-button-reverse, cudc-kbb-tradein .blds-button:not([disabled]):not(.disabled):active.blds-button-reverse {
            background-color: #dde5eb;
            border-color: #a4b3b7;
            color: #3e4e64;
            box-shadow: none
        }

    cudc-kbb-tradein .blds-button.blds-button-small {
        font-size: .8rem;
        line-height: .8rem;
        padding: 5px 10px
    }

    cudc-kbb-tradein .blds-button.blds-button-large {
        padding: 17px 40px
    }

    cudc-kbb-tradein .blds-button:not(.blds-icon-only) i {
        margin-right: 8px
    }

    cudc-kbb-tradein .blds-button.blds-full-width {
        width: 100%;
        max-width: 288px
    }

    cudc-kbb-tradein .blds-button.blds-icon-only {
        padding: 13px 15px;
        max-width: 50px;
        max-height: 44px;
        text-align: center
    }

    cudc-kbb-tradein .blds-button.blds-button-circle {
        font-size: 30px;
        line-height: 60px;
        text-align: center;
        height: 60px;
        width: 60px;
        border-radius: 60px
    }

        cudc-kbb-tradein .blds-button.blds-button-circle i {
            line-height: 60px
        }

        cudc-kbb-tradein .blds-button.blds-button-circle[disabled] {
            background-color: #a5b0b8
        }

cudc-kbb-tradein .blds-button-group.blds-button i {
    font-size: 16px
}

cudc-kbb-tradein .blds-button-group.blds-button.blds-button-reverse:not(.active), cudc-kbb-tradein .blds-button-group.blds-button.blds-button-reverse:not(.active) i {
    color: #dde5eb
}

cudc-kbb-tradein .blds-button-group.blds-button.hover, cudc-kbb-tradein .blds-button-group.blds-button:hover:not(:disabled):not(.disabled), cudc-kbb-tradein .blds-button-group.blds-button:not(.hover):not([disabled]):not(.disabled).active, cudc-kbb-tradein .blds-button-group.blds-button:not([disabled]):not(.disabled):active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

cudc-kbb-tradein button {
    border: none;
    background: 0 0;
    cursor: pointer;
    padding: 0
}

    cudc-kbb-tradein button:focus {
        outline: #1c2e36 dotted 1px
    }

    cudc-kbb-tradein button.blds-font-color--base, cudc-kbb-tradein button.blds-font-color--base:hover {
        color: #445663
    }

    cudc-kbb-tradein button.active .blds-themed-active, cudc-kbb-tradein button:hover .blds-themed-hover {
        color: #2196f3
    }

    cudc-kbb-tradein button.blds-inline-spinner {
        position: relative
    }

        cudc-kbb-tradein button.blds-inline-spinner:after {
            font-family: cudirect;
            content: '\eac7';
            font-size: 20px;
            position: absolute;
            right: -30px;
            top: 12px;
            display: none;
            color: #445663;
            speak: none;
            text-transform: none;
            -webkit-animation: 1.5s linear infinite rotate;
            animation: 1.5s linear infinite rotate;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    cudc-kbb-tradein button.blds-loading:after {
        display: block
    }

cudc-kbb-tradein .blds-button-group .blds-button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

cudc-kbb-tradein .blds-button-group .blds-button:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media (max-width:767px) {
    cudc-kbb-tradein .blds-button-group.blds-button-group--stack {
        display: block
    }

        cudc-kbb-tradein .blds-button-group.blds-button-group--stack > .blds-button {
            display: block;
            margin-left: 0;
            width: 100%;
            max-width: 288px;
            border-radius: 4px !important;
            margin-bottom: 10px
        }
}

cudc-kbb-tradein .blds-button-reverse:not([disabled]):not(.disabled).active, cudc-kbb-tradein .blds-button-reverse:not([disabled]):not(.disabled):active, cudc-kbb-tradein .show > .blds-button-reverse.dropdown-toggle {
    background-color: #f5f8fa;
    color: #3e4e64
}

cudc-kbb-tradein .dropdown-item.active, cudc-kbb-tradein .dropdown-item:active {
    color: #1c2e36;
    text-decoration: none;
    background-color: #f5f8fa
}

cudc-kbb-tradein button[data-toggle=collapse].blds-transition--flip {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: .3s -webkit-transform ease-in-out 0s;
    transition: .3s transform ease-in-out 0s;
    transition: .3s transform ease-in-out 0s,.3s -webkit-transform ease-in-out 0s;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

    cudc-kbb-tradein button[data-toggle=collapse].blds-transition--flip.collapsed {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotating {
    -webkit-animation: 2s linear infinite rotating;
    animation: 2s linear infinite rotating
}

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

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

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

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

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

    60% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

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

@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

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

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

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

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

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rollOut {
    from {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .animated.fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s
    }

    .animated.faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }

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

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

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

.blds-throb:before {
    -webkit-animation: 3s ease-out 2s infinite throb;
    animation: 3s ease-out 2s infinite throb;
    border-radius: 50%;
    border: 2px solid #7e8a9a;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px
}

.blds-dark-mode .blds-throb:before {
    -webkit-animation: 3s ease-out 2s infinite darkThrob;
    animation: 3s ease-out 2s infinite darkThrob
}

@-webkit-keyframes throb {
    0% {
        box-shadow: 0 0 4px 3px rgba(126,138,154,0),0 0 0 0 #fff,0 0 0 0 rgba(126,138,154,0)
    }

    5% {
        box-shadow: 0 0 4px 3px #7e8a9a,0 0 6px 5px #fff,0 0 6px 7px #7e8a9a
    }

    100%,70% {
        box-shadow: 0 0 8px 6px rgba(126,138,154,0),0 0 0 20px #fff,0 0 0 20px rgba(126,138,154,0)
    }
}

@keyframes throb {
    0% {
        box-shadow: 0 0 4px 3px rgba(126,138,154,0),0 0 0 0 #fff,0 0 0 0 rgba(126,138,154,0)
    }

    5% {
        box-shadow: 0 0 4px 3px #7e8a9a,0 0 6px 5px #fff,0 0 6px 7px #7e8a9a
    }

    100%,70% {
        box-shadow: 0 0 8px 6px rgba(126,138,154,0),0 0 0 20px #fff,0 0 0 20px rgba(126,138,154,0)
    }
}

@-webkit-keyframes darkThrob {
    0% {
        box-shadow: 0 0 4px 3px rgba(213,222,227,0),0 0 0 0 #1c2b36,0 0 0 0 rgba(213,222,227,0)
    }

    5% {
        box-shadow: 0 0 4px 3px #d5dee3,0 0 6px 5px #1c2b36,0 0 6px 7px #d5dee3
    }

    100%,70% {
        box-shadow: 0 0 8px 6px rgba(213,222,227,0),0 0 0 20px #1c2b36,0 0 0 20px rgba(213,222,227,0)
    }
}

@keyframes darkThrob {
    0% {
        box-shadow: 0 0 4px 3px rgba(213,222,227,0),0 0 0 0 #1c2b36,0 0 0 0 rgba(213,222,227,0)
    }

    5% {
        box-shadow: 0 0 4px 3px #d5dee3,0 0 6px 5px #1c2b36,0 0 6px 7px #d5dee3
    }

    100%,70% {
        box-shadow: 0 0 8px 6px rgba(213,222,227,0),0 0 0 20px #1c2b36,0 0 0 20px rgba(213,222,227,0)
    }
}

.blds-flip--y {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}