/* Minification failed. Returning unminified contents.
(8236,1): run-time error CSS1019: Unexpected token, found '%'
(8236,3): run-time error CSS1019: Unexpected token, found '{'
(8237,13): run-time error CSS1030: Expected identifier, found ' '
(8237,14): run-time error CSS1031: Expected selector, found '1'
(8237,14): run-time error CSS1025: Expected comma or open brace, found '1'
(8244,1): run-time error CSS1019: Unexpected token, found '100%'
(8244,6): run-time error CSS1019: Unexpected token, found '{'
(8245,13): run-time error CSS1030: Expected identifier, found ' '
(8245,14): run-time error CSS1031: Expected selector, found '1'
(8245,14): run-time error CSS1025: Expected comma or open brace, found '1'
(9151,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9162,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9175,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9185,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(9191,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9207,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9221,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9643,28): run-time error CSS1039: Token not allowed after unary operator: '-page-bg-color'
(9647,32): run-time error CSS1039: Token not allowed after unary operator: '-page-bg-image'
(9648,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-repeat'
(9649,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-positon'
(9651,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-size'
(9669,35): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(9687,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9688,17): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(9701,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color'
(9702,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9725,17): run-time error CSS1038: Expected hex color, found '#fffa'
(9726,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9727,17): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(9731,21): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(9735,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9756,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(9757,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color'
(9758,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9765,21): run-time error CSS1039: Token not allowed after unary operator: '-sys-table-font-size'
(9775,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(9776,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-hov-color'
(9777,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9785,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color-dull'
(9797,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(9798,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color'
(9799,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9804,21): run-time error CSS1039: Token not allowed after unary operator: '-sys-table-font-size'
(9813,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color'
(9814,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9838,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color-med'
(9842,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9851,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(9852,21): run-time error CSS1039: Token not allowed after unary operator: '-sys-table-font-size'
(9856,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9860,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color'
(9864,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(9868,35): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color'
(9869,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color'
(9880,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color'
(9884,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(9885,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(9906,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(9917,57): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color-dull'
(9917,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color-dull'
(9917,125): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9917,157): run-time error CSS1039: Token not allowed after unary operator: '-brand-body-bg-color'
(9950,28): run-time error CSS1039: Token not allowed after unary operator: '-play-back-color'
(9961,17): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(9965,28): run-time error CSS1039: Token not allowed after unary operator: '-body-backgound-color'
(10010,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(10083,23): run-time error CSS1038: Expected hex color, found '#f003'
(10122,45): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color-med'
(10122,79): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color-med'
(10122,114): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(10191,29): run-time error CSS1038: Expected hex color, found '#00'
(10253,22): run-time error CSS1039: Token not allowed after unary operator: '-support-notch-color'
(10331,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(10332,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(10341,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-hov-color'
(10342,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(10343,25): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(10347,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-bg-color'
(10348,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(10349,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(10354,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10371,17): run-time error CSS1039: Token not allowed after unary operator: '-body-font-color'
(10417,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-tracks-and-links'
(10447,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-buttons-color'
(10448,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(10463,17): run-time error CSS1038: Expected hex color, found '#fffa'
(10529,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bar-text-color'
(10545,26): run-time error CSS1039: Token not allowed after unary operator: '-fusion-nextpromo-cover'
(10551,26): run-time error CSS1039: Token not allowed after unary operator: '-fusion-prevpromo-cover'
(10681,1693): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,1714): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,1778): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,1803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2013): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2035): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2100): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2126): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2341): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2364): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2435): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2695): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,2791): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,2821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3049): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3074): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3144): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3397): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3492): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3520): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3749): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3774): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,3903): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,3932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,4231): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,4259): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,4387): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,4419): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,4713): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,4740): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,4868): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,4899): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,5189): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,5215): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,5344): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,5374): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,5653): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,5676): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,5755): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,5782): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,6015): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,6039): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,6119): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,6147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,6373): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,6395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,6740): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,6766): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,7257): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,7279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,7624): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,7650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,8173): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,8196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,8285): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,8312): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,8594): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,8620): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,8708): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,8738): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9014): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9039): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9128): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9157): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9429): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9453): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9541): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9569): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9729): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9749): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,9866): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,9886): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,10053): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,10078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,10399): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,10419): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,10685): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,10705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,10979): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,10998): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,11346): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,11367): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,11816): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,11837): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,12285): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,12308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,12703): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,12728): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,13092): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,13119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,13471): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,13499): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,13849): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,13876): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,14282): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,14303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,14410): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,14435): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,14684): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,14705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,14797): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,14822): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,14988): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,15009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10681,15417): run-time error CSS1019: Unexpected token, found '@keyframes'
(10681,15442): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);

html {
    font-family:  'Open Sans', sans-serif, Arial;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, footer, header, main {
    display: block
}

audio {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden] {
    display: none
}

a {
    background-color: transparent
}

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

b, strong {
    font-weight: 700
}

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

img {
    border: 0
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

textarea {
    overflow: auto
}

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

th {
    padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

/*body {
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 13px;
    line-height: 1.42857143;
    color: #444;
    background-color: #fff
}*/

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #1b2531;
    text-decoration: none
}

    a:focus, a:hover {
        color: #000;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

img {
    vertical-align: middle
}

.img-circle {
    border-radius: 50%
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 18px;
    margin-bottom: 9px
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 9px;
    margin-bottom: 9px
}

.h1, h1 {
    font-size: 33px
}

.h2, h2 {
    font-size: 27px
}

.h3, h3 {
    font-size: 23px
}

.h4, h4 {
    font-size: 17px
}

.h5, h5 {
    font-size: 13px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 9px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-primary {
    color: #1b2531
}

a.text-primary:focus, a.text-primary:hover {
    color: #090c10
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.bg-primary {
    color: #fff;
    background-color: #1b2531
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #090c10
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.page-header {
    padding-bottom: 8px;
    margin: 36px 0 18px;
    border-bottom: 1px solid #fff
}

code, pre {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px
}

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #444;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}



.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

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

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

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

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

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

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

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

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

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

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

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

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

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

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

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

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

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

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

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

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

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

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

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

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px
}

    .table > tbody > tr > th, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #dbe0e4
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dbe0e4
    }

    .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #dbe0e4
    }

    .table .table {
        background-color: #fff
    }

.table-bordered {
    border: 1px solid #dbe0e4
}

    .table-bordered > tbody > tr > th, .table-bordered > thead > tr > th {
        border: 1px solid #dbe0e4
    }

    .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-hover > tbody > tr:not(.nohover):hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table > tbody > tr.success > th, .table > tbody > tr > th.success, .table > thead > tr.success > th, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > th, .table > tbody > tr > th.info, .table > thead > tr.info > th, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #fff;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 30px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 26px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 45px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label {
        min-height: 18px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .radio input[type=radio] {
        position: absolute;
        margin-left: -20px
    }

    .radio + .radio {
        margin-top: -5px
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
    cursor: not-allowed
}

fieldset[disabled] .radio label {
    cursor: not-allowed
}

.input-sm {
    height: 26px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-sm {
    height: 26px;
    line-height: 26px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 26px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 26px;
    line-height: 26px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.input-lg {
    height: 45px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 5px
}

select.input-lg {
    height: 45px;
    line-height: 45px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 45px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 5px
}

.form-group-lg select.form-control {
    height: 45px;
    line-height: 45px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 37.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 26px;
    height: 26px;
    line-height: 26px
}

.has-success .control-label, .has-success .help-block, .has-success .radio, .has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .form-control-feedback {
    color: #3c763d
}

.has-error .control-label, .has-error .help-block, .has-error .radio, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 23px
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #848484
}

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

    .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:focus, .btn:hover {
        color: #454545;
        text-decoration: none
    }

    .btn:active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #1b2531;
    border-color: #121921
}

    .btn-primary:focus {
        color: #fff;
        background-color: #090c10;
        border-color: #000
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #090c10;
        border-color: #000
    }

    .btn-primary:active {
        color: #fff;
        background-color: #090c10;
        border-color: #000
    }

        .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
            color: #fff;
            background-color: #000;
            border-color: #000
        }

    .btn-primary:active {
        background-image: none
    }

    .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #1b2531;
        border-color: #121921
    }

.btn-success {
    color: #fff;
    background-color: #84bf43;
    border-color: #77ad3b
}

    .btn-success:focus {
        color: #fff;
        background-color: #6a9a35;
        border-color: #364e1b
    }

    .btn-success:hover {
        color: #fff;
        background-color: #6a9a35;
        border-color: #58802c
    }

    .btn-success:active {
        color: #fff;
        background-color: #6a9a35;
        border-color: #58802c
    }

        .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover {
            color: #fff;
            background-color: #58802c;
            border-color: #364e1b
        }

    .btn-success:active {
        background-image: none
    }

    .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #84bf43;
        border-color: #77ad3b
    }

.btn-info {
    color: #fff;
    background-color: #4fb5dd;
    border-color: #3aacd9
}

    .btn-info:focus {
        color: #fff;
        background-color: #28a1d1;
        border-color: #185f7b
    }

    .btn-info:hover {
        color: #fff;
        background-color: #28a1d1;
        border-color: #238ab3
    }

    .btn-info:active {
        color: #fff;
        background-color: #28a1d1;
        border-color: #238ab3
    }

        .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover {
            color: #fff;
            background-color: #238ab3;
            border-color: #185f7b
        }

    .btn-info:active {
        background-image: none
    }

    .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #4fb5dd;
        border-color: #3aacd9
    }

.btn-link {
    color: #1b2531;
    font-weight: 400;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #000;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #888;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 15px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 5px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.open > a {
    outline: 0
}


.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #444444;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #373737;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #1b2531;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #888888;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #888888;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

    .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
    }

    .btn-group > .btn:first-child {
        margin-left: 0
    }

        .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

    .btn-group > .btn:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .btn-group > .btn-group {
        float: left
    }

        .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
            border-radius: 0
        }

        .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 5px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-btn > .btn {
    height: 26px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-btn > .btn {
    height: 26px;
    line-height: 26px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group .form-control, .input-group-btn {
    display: table-cell
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

    .input-group .form-control:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

        .input-group .form-control:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #888888;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #6f6f6f;
    }

.label-primary {
    background-color: #1b2531;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #090c10;
    }

.label-success {
    background-color: #84bf43;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #6a9a35;
    }

.label-info {
    background-color: #4fb5dd;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #28a1d1;
    }

.label-warning {
    background-color: #f69f00;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #c37e00;
    }

.label-danger {
    background-color: #f04e51;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #ec1f23;
    }



.app .label {
    position: relative;
    line-height: 14px;
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}

    .app .label.label-default {
        background: #DBE0E4 !important;
        color: #454545 !important;
    }

    .app .label.label-primary {
        background: #292f43 !important;
        color: #FFF !important;
    }

    .app .label.label-success {
        background: #76AB3C !important;
        color: #FFF !important;
    }

    .app .label.label-info {
        background: #4FB5DD !important;
        color: #FFF !important;
    }

    .app .label.label-warning {
        background: #F69F00 !important;
        color: #FFF !important;
    }

    .app .label.label-danger {
        background: #F04E51 !important;
        color: #FFF !important;
    }

    .app .label.label-bordered {
        padding: 2px 5px;
        background: transparent;
    }

        .app .label.label-bordered.label-default {
            border: 1px solid #DBE0E4;
            color: #454545;
        }

            .app .label.label-bordered.label-default.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
            }

            .app .label.label-bordered.label-default[href]:hover {
                background: transparent;
                border-color: #bec7ce;
                color: #2b2b2b;
            }

        .app .label.label-bordered.label-primary {
            border: 1px solid #292f43;
            color: #292f43;
        }

            .app .label.label-bordered.label-primary.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
            }

            .app .label.label-bordered.label-primary[href]:hover {
                background: transparent;
                border-color: #161923;
                color: #161923;
            }

        .app .label.label-bordered.label-success {
            border: 1px solid #76AB3C;
            color: #76AB3C;
        }

            .app .label.label-bordered.label-success.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
            }

            .app .label.label-bordered.label-success[href]:hover {
                background: transparent;
                border-color: #5c852f;
                color: #5c852f;
            }

        .app .label.label-bordered.label-info {
            border: 1px solid #4FB5DD;
            color: #4FB5DD;
        }

            .app .label.label-bordered.label-info.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
            }

            .app .label.label-bordered.label-info[href]:hover {
                background: transparent;
                border-color: #28a1d1;
                color: #28a1d1;
            }

        .app .label.label-bordered.label-warning {
            border: 1px solid #F69F00;
            color: #F69F00;
        }

            .app .label.label-bordered.label-warning.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
            }

            .app .label.label-bordered.label-warning[href]:hover {
                background: transparent;
                border-color: #c37e00;
                color: #c37e00;
            }

        .app .label.label-bordered.label-danger {
            border: 1px solid #F04E51;
            color: #F04E51;
        }

            .app .label.label-bordered.label-danger.label-ghost {
                -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
                -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
                box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
            }

            .app .label.label-bordered.label-danger[href]:hover {
                background: transparent;
                border-color: #ec1f23;
                color: #ec1f23;
            }

    .app .label.label-rounded {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .app .label.label-ghost {
        margin: 0px 0px 0px 5px;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    transform: scale(1);
    transform-origin: 0 0;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-bottom {
    vertical-align: bottom
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well-lg {
    padding: 24px;
    border-radius: 5px
}

.well-sm {
    padding: 9px;
    border-radius: 2px
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

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

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}


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

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

    .animated.bounceIn {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@-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)
    }
}

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

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

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

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

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

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

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

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

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

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

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

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    60%,80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    60%,80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

@-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)
    }
}

@-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
    }
}

@-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
    }
}

@-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)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

    .bootstrap-select.form-control:not([class*=col-]) {
        width: 100%
    }

    .bootstrap-select.form-control.input-group-btn {
        z-index: auto
    }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

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

[class*=" note-icon-"]:before, [class^=note-icon-]:before {
    display: inline-block;
    font: normal normal normal 14px summernote;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    -moz-osx-font-smoothing: grayscale
}

@-moz-document url-prefix() {
    .note-image-input {
        height: auto
    }
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

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

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

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

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

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

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

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

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

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }

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

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

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

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }

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

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

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

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

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

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #f8d486
    }

    100% {
        background-color: #f8bb86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #f8d486
    }

    100% {
        background-color: #f8bb86
    }
}

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

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

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

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

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

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

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

    90% {
        opacity: .5
    }

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

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

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

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

    90% {
        opacity: .5
    }

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

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

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

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

    90% {
        opacity: .5
    }

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

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: .5
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}
/*!
 * Cropper v2.3.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-08-10T08:58:55.176Z
 */ /*!
 * <%= meta.title %> v<%= meta.version %> Stylesheet
 * Docs & License: <%= meta.homepage %>
 * (c) <%= meta.copyright %>
 */ /*!
 * Bootstrap Colorpicker v2.3.3
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */ /*! X-editable - v1.5.1 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ /*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}*/

.margin-0 {
    margin: 0 !important
}

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

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-15 {
    margin-top: 15px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-top-30 {
    margin-top: 30px !important
}

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

.margin-top-50 {
    margin-top: 50px !important
}

.margin-top-100 {
    margin-top: 100px !important
}

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

.margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

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

.margin-bottom-50 {
    margin-bottom: 50px !important
}

.margin-bottom-100 {
    margin-bottom: 100px !important
}

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

.margin-left-5 {
    margin-left: 5px !important
}

.margin-left-10 {
    margin-left: 10px !important
}

.margin-left-15 {
    margin-left: 15px !important
}

.margin-left-20 {
    margin-left: 20px !important
}

.margin-left-30 {
    margin-left: 30px !important
}

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

.margin-left-50 {
    margin-left: 50px !important
}

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

.margin-right-5 {
    margin-right: 5px !important
}

.margin-right-10 {
    margin-right: 10px !important
}

.margin-right-15 {
    margin-right: 15px !important
}

.margin-right-20 {
    margin-right: 20px !important
}

.margin-right-30 {
    margin-right: 30px !important
}

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

.margin-right-50 {
    margin-right: 50px !important
}

.padding-0 {
    padding: 0 !important
}

.padding-5 {
    padding: 5px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-15 {
    padding: 15px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-30 {
    padding: 30px !important
}

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

.padding-50 {
    padding: 50px !important
}

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

.padding-left-5 {
    padding-left: 5px !important
}

.padding-left-10 {
    padding-left: 10px !important
}

.padding-left-15 {
    padding-left: 15px !important
}

.padding-left-20 {
    padding-left: 20px !important
}

.padding-left-30 {
    padding-left: 30px !important
}

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

.padding-left-50 {
    padding-left: 50px !important
}

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

.padding-right-5 {
    padding-right: 5px !important
}

.padding-right-10 {
    padding-right: 10px !important
}

.padding-right-15 {
    padding-right: 15px !important
}

.padding-right-20 {
    padding-right: 20px !important
}

.padding-right-30 {
    padding-right: 30px !important
}

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

.padding-right-50 {
    padding-right: 50px !important
}

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

.padding-top-5 {
    padding-top: 5px !important
}

.padding-top-10 {
    padding-top: 10px !important
}

.padding-top-15 {
    padding-top: 15px !important
}

.padding-top-20 {
    padding-top: 20px !important
}

.padding-top-30 {
    padding-top: 30px !important
}

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

.padding-top-50 {
    padding-top: 50px !important
}

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

.padding-bottom-5 {
    padding-bottom: 5px !important
}

.padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-bottom-15 {
    padding-bottom: 15px !important
}

.padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-bottom-30 {
    padding-bottom: 30px !important
}

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

.padding-bottom-50 {
    padding-bottom: 50px !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.text-primary {
    color: #292f43 !important
}

.text-info {
    color: #4fb5dd !important
}

.text-success {
    color: #76ab3c !important
}

.text-sm {
    font-size: 11px
}

.text-lg {
    font-size: 15px
}

.text-italic {
    font-style: italic !important
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

html {
    height: 100%
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #454545;
    font-family: 'Open Sans',sans-serif, Arial;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    background: #edeff0;
    overflow-x: hidden
}

    body * {
        outline: 0 !important
    }

    body a {
        color: #0f9dea
    }

        body a:hover {
            color: #0d8dd2
        }

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

        body .row > div[class^=col-] {
            padding-left: 10px;
            padding-right: 10px
        }

.app {
    float: left;
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow-x: hidden
}

    .app .app-container {
        float: left;
        width: 100%;
        position: relative;
        background: #edeff0
    }

        .app .app-container .app-content {
            width: 100%;
            transform: scale(1);
            transform-origin: 0 0;
        }

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

            .app .app-container .app-content:after {
                clear: both
            }

@media (max-width:480px) {
    .app .row {
        margin: 0
    }

        .app .row div[class^=col-md-] {
            float: left;
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }
}

@media (max-width:992px) {
    .app .app-container .app-content {
        float: left;
        width: 100%
    }

    .app div[class^=col-md] {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }
}

.app .app-header {
    float: left;
    width: 100%;
    height: 60px
}

    .app .app-header .app-header-title {
        float: left;
        padding: 10px 10px 10px 15px
    }

        .app .app-header .app-header-title .title, .app .app-header .app-header-title h1, .app .app-header .app-header-title h2, .app .app-header .app-header-title h3, .app .app-header .app-header-title h4, .app .app-header .app-header-title h5, .app .app-header .app-header-title h6 {
            font-size: 14px;
            line-height: 40px;
            font-weight: 600;
            padding: 0;
            margin: 0
        }

            .app .app-header .app-header-title .title span, .app .app-header .app-header-title h1 span, .app .app-header .app-header-title h2 span, .app .app-header .app-header-title h3 span, .app .app-header .app-header-title h4 span, .app .app-header .app-header-title h5 span, .app .app-header .app-header-title h6 span {
                font-size: 20px;
                line-height: 40px;
                float: left;
                margin-right: 10px
            }

    .app .app-header .app-header-buttons {
        float: left;
        padding: 9px 5px 10px 10px;
        margin: 0;
        list-style: none;
        width: auto
    }

        .app .app-header .app-header-buttons.pull-right {
            padding-right: 15px
        }

@media (max-width:992px) {
    .app .app-header {
        height: auto
    }

        .app .app-header .app-header-buttons .contact {
            padding-left: 40px
        }

            .app .app-header .app-header-buttons .contact > .contact-container {
                width: 0;
                margin-right: 0 !important;
                height: 40px;
                overflow: hidden
            }
}

.app .app-footer {
    float: left;
    width: 100%;
    position: relative
}

    .app .app-footer .title {
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 15px;
        margin-top: 30px
    }

        .app .app-footer .title img {
            float: left;
            margin-right: 10px
        }

        .app .app-footer .title span[class^=icon-] {
            font-size: 20px;
            float: left;
            margin-right: 10px;
            line-height: 26px
        }

        .app .app-footer .title:first-child {
            margin-top: 0
        }

    .app .app-footer:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        content: " "
    }

@-webkit-keyframes nav-appear {
    0% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes nav-appear {
    0% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    float: left;
    width: 100%
}

    h1 .fa, h1 [class^=icon-], h2 .fa, h2 [class^=icon-], h3 .fa, h3 [class^=icon-], h4 .fa, h4 [class^=icon-], h5 .fa, h5 [class^=icon-], h6 .fa, h6 [class^=icon-] {
        float: left;
        margin-right: 10px
    }

    h1 [class^=icon-], h2 [class^=icon-], h3 [class^=icon-], h4 [class^=icon-], h5 [class^=icon-], h6 [class^=icon-] {
        font-size: 20px
    }

    h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa {
        font-size: 14px
    }

h1 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 15px
}

    h1 .fa, h1 [class^=icon-] {
        line-height: 32px
    }

h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px
}

    h2 .fa, h2 [class^=icon-] {
        line-height: 28px
    }

h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px
}

    h3 .fa, h3 [class^=icon-] {
        line-height: 24px
    }

h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

    h4 .fa, h4 [class^=icon-] {
        line-height: 20px
    }

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

    h5 .fa, h5 [class^=icon-] {
        line-height: 20px
    }

h6 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600
}

    h6 .fa, h6 [class^=icon-] {
        line-height: 20px
    }

p {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px
}

    p:last-child {
        margin-bottom: 0
    }

label {
    font-weight: 600;
    font-size: 12px;
}

.input-group.input-group-lg > .form-control, .input-group.input-group-lg > .input-group-btn > .btn {
    height: 50px;
    font-size: 14px
}

.input-group.input-group-sm {
    margin: 5px 0
}

    .input-group.input-group-sm > .form-control, .input-group.input-group-sm > .input-group-btn > .btn {
        height: 30px;
        padding: 0 5px
    }

.input-group .input-group-btn > .btn:active, .input-group .input-group-btn > .btn:focus, .input-group .input-group-btn > .btn:hover {
    z-index: 2
}

.form-control {
    height: 40px;
    border-color: #dbe0e4;
    color: #454545;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .form-control:focus {
        outline: 0;
        border-color: #ccd3d9;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .form-control[multiple] {
        padding: 5px 0
    }

        .form-control[multiple] option {
            padding: 3px 5px;
            margin-bottom: 3px
        }

    .form-control[readonly] {
        color: #7f8fa4
    }

    .form-control[disabled] {
        opacity: .5
    }

    .form-control[type=file] {
        padding-top: 8px
    }

input[type=file] {
    margin-top: 8px
}

.help-block {
    color: #7f8fa4;
    margin-bottom: 0
}

    .help-block.control-label {
        margin-top: 0;
        font-weight: 400
    }

.file-input {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

    .file-input input[type=file], .file-input input[type=file]:focus, .file-input input[type=file]:hover {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 2;
        outline: 0;
        width: 100%;
        height: 100%;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }

.file-input-name {
    margin-left: 10px
}

.radio {
    float: left;
    width: 100%;
    min-height: 20px;
    line-height: 20px
}

    .radio:first-child {
        margin-top: -10px
    }

        .radio:first-child:last-child {
            margin-top: 0;
            margin-bottom: 0
        }

    .radio + .radio {
        margin-top: 0
    }

.form-group, .input-group {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    position: relative
}

    .form-group .input-group {
        margin-bottom: 0
    }

    .form-group > label + .help-block {
        margin-top: -5px;
        margin-bottom: 10px
    }

    .form-group:last-child {
        margin-bottom: 0
    }

.input-lg {
    height: 50px;
    font-size: 16px
}

.input-sm {
    height: 30px;
    font-size: 12px
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px
}

    .form-control-feedback .fa {
        font-size: 14px
    }

    .form-control-feedback [class^=icon-] {
        font-size: 20px
    }

.has-success .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.has-success .form-control {
    border-color: #76ab3c;
    color: #76ab3c
}

    .has-success .form-control:focus {
        border-color: #699835
    }

.has-success .control-label, .has-success .help-block, .has-success label {
    color: #76ab3c
}

.has-success.has-feedback .form-control-feedback {
    color: #76ab3c
}

.has-success .app-radio span:before {
    border-color: #76ab3c
}

.has-success .app-radio span:after {
    background: #76ab3c
}

.has-error .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.has-error .form-control {
    border-color: #f04e51;
    color: #f04e51
}

    .has-error .form-control:focus {
        border-color: #ee363a
    }

.has-error .control-label, .has-error .help-block, .has-error label {
    color: #f04e51
}

.has-error.has-feedback .form-control-feedback {
    color: #f04e51
}

.has-error .app-radio span:before {
    border-color: #f04e51
}

.has-error .app-radio span:after {
    background: #f04e51
}

.spinner-wrapper {
    float: left;
    width: 100%;
    position: relative
}

    .spinner-wrapper input {
        padding-right: 25px
    }

.app-radio {
    line-height: 20px;
    margin: 10px 0;
    float: left;
    width: 100%
}

    .app-radio label {
        padding-left: 20px;
        font-weight: 400;
        position: relative;
        cursor: pointer;
        margin-bottom: 0
    }

        .app-radio label input {
            position: absolute;
            left: 0;
            top: 0;
            width: 16px;
            height: 16px;
            opacity: 0;
            z-index: 3;
            margin: 0;
            cursor: pointer
        }

            .app-radio label input:checked + span:after {
                -webkit-transform: scale(1,1);
                -moz-transform: scale(1,1);
                -ms-transform: scale(1,1);
                -o-transform: scale(1,1);
                transform: scale(1,1)
            }

            .app-radio label input:disabled + span {
                opacity: .5
            }

        .app-radio label span {
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px
        }

            .app-radio label span:before {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                width: 16px;
                height: 16px;
                border: 1px solid #dbe0e4;
                background: #fff;
                content: " "
            }

            .app-radio label span:after {
                position: absolute;
                z-index: 2;
                color: #454545;
                -webkit-transform: scale(0,0);
                -moz-transform: scale(0,0);
                -ms-transform: scale(0,0);
                -o-transform: scale(0,0);
                transform: scale(0,0);
                -webkit-transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
                -moz-transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
                -ms-transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
                -o-transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
                transition: transform .1s cubic-bezier(.8,-.33,.2,1.33)
            }

            .app-radio label span:after {
                content: " ";
                background: #454545;
                width: 8px;
                height: 8px;
                left: 4px;
                top: 4px
            }

    .app-radio.success label {
        color: #76ab3c
    }

        .app-radio.success label span:before {
            border-color: #76ab3c
        }

        .app-radio.success label span:after {
            background: #76ab3c
        }

.table .app-radio {
    margin: 0;
    width: 20px
}

.switch {
    cursor: pointer;
    position: relative;
    height: 30px;
    line-height: 30px;
    margin: 5px 0
}

    .switch input {
        position: absolute;
        opacity: 0
    }

        .switch input:checked + span:after {
            left: 16px
        }

        .switch input:checked + span {
            background-color: #76ab3c
        }

        .switch input:disabled + span {
            background-color: #fff
        }

            .switch input:disabled + span:after {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                border: 1px solid #dbe0e4
            }

    .switch span {
        position: relative;
        width: 45px;
        height: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #f04e51;
        border: 1px solid rgba(0,0,0,.1);
        display: inline-block;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
        left: 0
    }

        .switch span:after {
            content: "";
            position: absolute;
            background-color: #fff;
            width: 26px;
            top: 1px;
            bottom: 1px;
            left: 1px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
            box-shadow: 1px 1px 2px rgba(0,0,0,.1);
            -webkit-transition: all .1s linear;
            -moz-transition: all .1s linear;
            -ms-transition: all .1s linear;
            -o-transition: all .1s linear;
            transition: all .1s linear
        }

    .switch.switch-lg {
        margin: 0;
        height: 35px;
        line-height: 35px;
        margin: 0 !important
    }

        .switch.switch-lg input:checked + span:after {
            left: 27px
        }

        .switch.switch-lg span {
            width: 60px;
            height: 35px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }

            .switch.switch-lg span:after {
                width: 30px
            }

    .switch.switch-sm {
        margin: 0;
        height: 20px;
        line-height: 20px;
        margin: 10px 0
    }

        .switch.switch-sm input:checked + span:after {
            left: 16px
        }

        .switch.switch-sm span {
            width: 35px;
            height: 20px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px
        }

            .switch.switch-sm span:after {
                width: 16px
            }

.btn {
    padding: 5px 20px;
    line-height: 28px;
    text-decoration: none;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

    .btn.btn-primary {
        border-color: #232839;
        background: #292f43;
        color: #fff
    }

        .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-primary:hover {
            border-color: #1a1d29;
            background: #232839;
            color: #f2f2f2
        }

        .btn.btn-primary:focus {
            border-color: #1a1d29;
            background: #232839;
            color: #fff
        }

        .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-primary:focus {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
        }

            .btn.btn-primary:active.btn-icon-fixed span, .btn.btn-primary:active:focus.btn-icon-fixed span, .btn.btn-primary:focus.btn-icon-fixed span {
                border-color: #1a1d29;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
            }

    .btn.btn-success {
        border-color: #6ea038;
        background: #76ab3c;
        color: #fff
    }

        .btn.btn-success:active, .btn.btn-success:active:focus, .btn.btn-success:hover {
            border-color: #618d31;
            background: #6ea038;
            color: #f2f2f2
        }

        .btn.btn-success:focus {
            border-color: #618d31;
            background: #6ea038;
            color: #fff
        }

        .btn.btn-success:active, .btn.btn-success:active:focus, .btn.btn-success:focus {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
        }

            .btn.btn-success:active.btn-icon-fixed span, .btn.btn-success:active:focus.btn-icon-fixed span, .btn.btn-success:focus.btn-icon-fixed span {
                border-color: #618d31;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
            }

    .btn.btn-info {
        border-color: #42b0db;
        background: #4fb5dd;
        color: #fff
    }

        .btn.btn-info:active, .btn.btn-info:active:focus, .btn.btn-info:hover {
            border-color: #2da7d6;
            background: #42b0db;
            color: #f2f2f2
        }

        .btn.btn-info:focus {
            border-color: #2da7d6;
            background: #42b0db;
            color: #fff
        }

        .btn.btn-info:active, .btn.btn-info:active:focus, .btn.btn-info:focus {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
        }

            .btn.btn-info:active.btn-icon-fixed span, .btn.btn-info:active:focus.btn-icon-fixed span, .btn.btn-info:focus.btn-icon-fixed span {
                border-color: #2da7d6;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
            }

    .btn.btn-link {
        border-color: transparent;
        background: 0 0;
        color: #7f8fa4
    }

        .btn.btn-link:active, .btn.btn-link:active:focus, .btn.btn-link:hover {
            border-color: transparent;
            background: rgba(0,0,0,0);
            color: #708299
        }

        .btn.btn-link:focus {
            border-color: transparent;
            background: rgba(0,0,0,0);
            color: #7f8fa4
        }

        .btn.btn-link:active, .btn.btn-link:active:focus, .btn.btn-link:focus {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

            .btn.btn-link:active.btn-icon-fixed span, .btn.btn-link:active:focus.btn-icon-fixed span, .btn.btn-link:focus.btn-icon-fixed span {
                border-color: transparent;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
            }

    .btn.btn-facebook {
        border-color: #43609f;
        background: #4867aa;
        color: #fff
    }

        .btn.btn-facebook:active, .btn.btn-facebook:active:focus, .btn.btn-facebook:hover {
            border-color: #3c568d;
            background: #43609f;
            color: #f2f2f2
        }

        .btn.btn-facebook:focus {
            border-color: #3c568d;
            background: #43609f;
            color: #fff
        }

        .btn.btn-facebook:active, .btn.btn-facebook:active:focus, .btn.btn-facebook:focus {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
        }

            .btn.btn-facebook:active.btn-icon-fixed span, .btn.btn-facebook:active:focus.btn-icon-fixed span, .btn.btn-facebook:focus.btn-icon-fixed span {
                border-color: #3c568d;
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
            }

    .btn span[class^=icon-] {
        margin: 0 10px 0 -5px;
        float: left;
        line-height: 28px;
        font-size: 20px
    }

        .btn span[class^=icon-].pull-right {
            margin: 0 -5px 0 10px;
            float: right
        }

    .btn span.fa {
        font-size: 14px
    }

    .btn.btn-lg {
        padding: 10px 30px;
        font-size: 13px;
        text-transform: uppercase
    }

        .btn.btn-lg.btn-icon {
            width: 50px
        }

    .btn.btn-sm {
        padding: 0 15px;
        margin: 5px 0
    }

        .btn.btn-sm.btn-icon {
            width: 30px
        }

    .btn.btn-xs {
        padding: 2px 10px;
        line-height: 20px
    }

        .btn.btn-xs.btn-icon {
            width: 24px
        }

    .btn.btn-icon {
        padding-left: 0;
        padding-right: 0;
        width: 40px
    }

        .btn.btn-icon span {
            line-height: 28px;
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
            font-size: 20px
        }

            .btn.btn-icon span.fa {
                font-size: 14px
            }

.btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 0
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 0
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -2px
}

@media (max-width:992px) {
    .btn {
        margin-bottom: 5px
    }
}

.app .row.row-table {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #dbe0e4
}

    .app .row.row-table > div[class^=col-] {
        border-right: 1px solid #dbe0e4
    }

        .app .row.row-table > div[class^=col-]:last-child {
            border-right: 0
        }

@media (max-width:992px) {
    .app .row.row-table {
        border-bottom: 0
    }

        .app .row.row-table > div[class^=col-] {
            border-bottom: 1px solid #dbe0e4;
            border-right: 0;
            margin-bottom: 0
        }
}

% {
    opacity: 1
}

80% {
    opacity: .8
}

100% {
    opacity: 1
}



.app .block {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    margin-bottom: 15px;
    background: #FFF;
    border: 1px solid #DBE0E4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .app .block .app-heading {
        background: transparent;
    }

    .app .block > .app-heading {
        margin-top: 20px;
        margin-bottom: 15px;
        padding: 15px 0px;
    }

        .app .block > .app-heading:first-child {
            margin-top: 0px;
        }

    .app .block > .block-heading {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 5px;
    }

    .app .block > .block-content {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

        .app .block > .block-content.mCustomScrollbar {
            padding-right: 0px !important;
        }

            .app .block > .block-content.mCustomScrollbar .mCSB_container {
                padding-right: 20px;
            }

    .app .block .block-content.block-content-inside {
        float: left;
        width: 100%;
        padding: 15px;
    }

    .app .block > .block-footer {
        float: left;
        width: 100%;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 0px;
    }

    .app .block .block-divider {
        float: left;
        width: 100%;
        height: 1px;
        background: #DBE0E4;
        margin-bottom: 15px;
        position: relative;
        margin-top: 10px;
    }

        .app .block .block-divider span {
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            background: #FFF;
            text-align: center;
            line-height: 20px;
            left: 50%;
            top: -10px;
            margin-left: -10px;
        }

            .app .block .block-divider span.fa {
                font-size: 14px;
            }

            .app .block .block-divider span[class^='icon-'] {
                font-size: 20px;
            }

        .app .block .block-divider.dir-left span {
            left: 20px;
            margin-left: 0px;
        }

        .app .block .block-divider.dir-right span {
            right: 20px;
            margin-left: 0px;
        }

    .app .block .block-divider-text {
        float: left;
        width: 100%;
        padding: 5px 20px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 15px;
        background: #f2f2f2;
        border-top: 1px solid #DBE0E4;
        border-bottom: 1px solid #DBE0E4;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

        .app .block .block-divider-text span {
            margin-right: 5px;
        }

            .app .block .block-divider-text span.fa {
                font-size: 14px;
            }

            .app .block .block-divider-text span[class^='icon-'] {
                font-size: 20px;
            }

    .app .block.block-highlight {
        -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
    }

    .app .block.block-highlight-hover {
        -webkit-transition: box-shadow 100ms linear;
        -moz-transition: box-shadow 100ms linear;
        -ms-transition: box-shadow 100ms linear;
        -o-transition: box-shadow 100ms linear;
        transition: box-shadow 100ms linear;
    }

        .app .block.block-highlight-hover:hover {
            -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
        }

    .app .block.block-primary {
        border-top: 2px solid #292f43;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 0px;
    }


    .app .block.block-condensed {
        padding: 0px;
    }

        .app .block.block-condensed > .app-heading {
            padding: 20px 20px 15px;
        }

        .app .block.block-condensed > .block-heading {
            padding: 10px 20px;
            background: #F5F5F5;
            border-bottom: 1px solid #DBE0E4;
        }

            .app .block.block-condensed > .block-heading > .app-heading {
                padding: 10px 0px;
                background: transparent;
            }

        .app .block.block-condensed > .block-content {
            padding: 0px 20px;
        }

        .app .block.block-condensed > .block-footer {
            background: #F5F5F5;
            border-top: 1px solid #DBE0E4;
            padding: 20px;
        }

    .app .block.block-condensed-v {
        padding: 0px 15px;
    }

    .app .block.block-condensed-h {
        padding: 15px 0px;
    }

    .app .block.block-toggled {
        padding-bottom: 10px;
    }

        .app .block.block-toggled > .app-heading {
            margin-bottom: 0px;
        }

        .app .block.block-toggled > .block-content,
        .app .block.block-toggled > .block-footer {
            display: none;
        }

    .app .block.block-expanded {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 1050;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .app .block.block-arrow-top {
        position: relative;
    }

        .app .block.block-arrow-top:after,
        .app .block.block-arrow-top:before {
            bottom: 100%;
            left: 30px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .app .block.block-arrow-top:after {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #FFF;
            border-width: 10px;
            margin-left: -10px;
        }

        .app .block.block-arrow-top:before {
            border-color: rgba(194, 225, 245, 0);
            border-bottom-color: #DBE0E4;
            border-width: 11px;
            margin-left: -11px;
        }

    .app .block > .block-loading-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
    }

        .app .block > .block-loading-layer .app-spinner {
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -10px 0px 0px -10px;
        }




.app .table tr td,
.app .table tr th {
    line-height: 20px;
    padding: 10px 15px;
    vertical-align: middle;
}

.app .table > thead > tr > th {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1B2431;
    border-bottom: 1px solid #DBE0E4;
}

.app .table > tbody > tr > td {
    border-bottom: 1px solid #DBE0E4;
}

.app .table > tbody > tr:last-child > td {
    border-bottom: 0px;
}

.app .table.table-striped > tbody > tr:nth-of-type(odd) {
    background: #F5F5F5;
}

.app .table.table-bordered {
    border: 1px solid #DBE0E4;
}

    .app .table.table-bordered > tbody > tr > td {
        border: 0px;
        border-bottom: 1px solid #DBE0E4;
        border-right: 1px solid #DBE0E4;
    }

        .app .table.table-bordered > tbody > tr > td:last-child {
            border-right: 0px;
        }

    .app .table.table-bordered > tbody > tr:last-child > td {
        border-bottom: 0px;
    }

.app .table.table-hover > tbody > tr:hover > td {
    background: #F5F5F5;
}

.app .table.table-head-light > thead > tr > th {
    color: #7F8FA4;
}

.app .table.table-head-custom > thead > tr > th {
    background: #2D3349;
    color: #FFF;
}

.app .table.table-noborder > thead > tr > th,
.app .table.table-noborder > tbody > tr > td {
    border: 0px;
}

.app .table.table-clean-paddings > thead > tr > th:first-child,
.app .table.table-clean-paddings > tbody > tr > td:first-child {
    padding-left: 0px;
}

.app .table.table-clean-paddings > thead > tr > th:last-child,
.app .table.table-clean-paddings > tbody > tr > td:last-child {
    padding-right: 0px;
}

.app .block > .table.table-bordered {
    border-left: 0px;
    border-right: 0px;
}

    .app .block > .table.table-bordered > thead > tr > th,
    .app .block > .table.table-bordered > tbody > tr > td {
        border-left: 0px;
    }

        .app .block > .table.table-bordered > thead > tr > th:last-child,
        .app .block > .table.table-bordered > tbody > tr > td:last-child {
            border-right: 0px;
        }

.app .block > .table:last-child {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.app .table .contact.contact-lg,
.app .table .contact.contact-xlg,
.app .table .contact.contact-single {
    margin-bottom: 0px;
}

@media (max-width: 992px) {
    .table-responsive {
        border: 0px;
    }
}


.alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.alert {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .alert .alert-icon {
        float: left;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        line-height: 20px;
        text-align: center;
    }

        .alert .alert-icon span.fa {
            font-size: 14px;
        }

        .alert .alert-icon span[class^='icon-'] {
            font-size: 20px;
        }

    .alert.alert-icon-block {
        padding-left: 60px;
        position: relative;
    }

        .alert.alert-icon-block .alert-icon {
            position: absolute;
            left: 0px;
            top: 0px;
            min-width: 50px;
            height: 100%;
            padding: 15px;
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
        }

        .alert.alert-icon-block.dir-right {
            padding-left: 15px;
            padding-right: 60px;
        }

            .alert.alert-icon-block.dir-right .alert-icon {
                left: auto;
                right: 0px;
                margin-right: 0px;
                -webkit-border-top-right-radius: 5px;
                -webkit-border-bottom-right-radius: 5px;
                -webkit-border-bottom-left-radius: 0px;
                -webkit-border-top-left-radius: 0px;
                -moz-border-radius-topright: 5px;
                -moz-border-radius-bottomright: 5px;
                -moz-border-radius-bottomleft: 0px;
                -moz-border-radius-topleft: 0px;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
                border-bottom-left-radius: 0px;
                border-top-left-radius: 0px;
            }

    .alert.alert-transparency {
        opacity: 0.8;
    }

    .alert strong {
        font-weight: 600;
    }

    .alert.alert-default {
        background: #FFF;
        color: #454545;
        border: 1px solid #DBE0E4;
    }

        .alert.alert-default.alert-icon-block .alert-icon {
            background: #f7f7f7;
            border-right: 1px solid #dee3e6;
        }

        .alert.alert-default.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #dee3e6;
        }

    .alert.alert-primary {
        background: #292f43;
        color: #FFF;
        border: 1px solid #232839;
    }

        .alert.alert-primary.alert-icon-block .alert-icon {
            background: #232839;
            border-right: 1px solid #252a3c;
        }

        .alert.alert-primary.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #252a3c;
        }

    .alert.alert-success {
        background: #76AB3C;
        color: #FFF;
        border: 1px solid #6ea038;
    }

        .alert.alert-success.alert-icon-block .alert-icon {
            background: #6ea038;
            border-right: 1px solid #71a339;
        }

        .alert.alert-success.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #71a339;
        }

    .alert.alert-info {
        background: #4FB5DD;
        color: #FFF;
        border: 1px solid #42b0db;
    }

        .alert.alert-info.alert-icon-block .alert-icon {
            background: #42b0db;
            border-right: 1px solid #46b1db;
        }

        .alert.alert-info.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #46b1db;
        }

    .alert.alert-warning {
        background: #F69F00;
        color: #FFF;
        border: 1px solid #e79500;
    }

        .alert.alert-warning.alert-icon-block .alert-icon {
            background: #e79500;
            border-right: 1px solid #ec9800;
        }

        .alert.alert-warning.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #ec9800;
        }

    .alert.alert-danger {
        background: #F04E51;
        color: #FFF;
        border: 1px solid #ef4043;
    }

        .alert.alert-danger.alert-icon-block .alert-icon {
            background: #ef4043;
            border-right: 1px solid #ef4548;
        }

        .alert.alert-danger.alert-icon-block.dir-right .alert-icon {
            border-right: 0px;
            border-left: 1px solid #ef4548;
        }

    .alert.alert-inside {
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .alert.alert-dismissible > .close {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #FFF;
        -webkit-transition: opacity 100ms linear;
        -moz-transition: opacity 100ms linear;
        -ms-transition: opacity 100ms linear;
        -o-transition: opacity 100ms linear;
        transition: opacity 100ms linear;
    }

        .alert.alert-dismissible > .close span {
            line-height: 20px;
        }

        .alert.alert-dismissible > .close .fa {
            font-size: 14px;
        }

        .alert.alert-dismissible > .close span[class^='icon-'] {
            font-size: 20px;
        }

    .alert.alert-dismissible.alert-default .close {
        color: #000;
    }


/*Spinners*/



.app-spinner.loading {
    float: left;
    border-radius: 50%;
    margin: 10px 5px 10px 0px;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(219, 224, 228, 0.1);
    border-top-color: #DBE0E4;
    animation: spin 1s infinite linear;
}

.app-spinner.loading.loading-primary {
    border-color: rgba(41, 47, 67, 0.3);
    border-top-color: #292f43;
}

.app-spinner.loading.loading-info {
    border-color: rgba(79, 181, 221, 0.3);
    border-top-color: #4FB5DD;
}

.app-spinner.loading.loading-success {
    border-color: rgba(118, 171, 60, 0.3);
    border-top-color: #76AB3C;
}

.app-spinner.loading.loading-warning {
    border-color: rgba(246, 159, 0, 0.3);
    border-top-color: #F69F00;
}

.app-spinner.loading.loading-danger {
    border-color: rgba(240, 78, 81, 0.3);
    border-top-color: #F04E51;
}

.app-spinner.pulse {
    float: left;
    position: relative;
    width: 5px;
    height: 20px;
    margin: 10px 15px 10px 10px;
    background: rgba(219, 224, 228, 0.1);
    animation: pulse 750ms infinite;
    animation-delay: 250ms;
}

    .app-spinner.pulse:before,
    .app-spinner.pulse:after {
        content: '';
        position: absolute;
        display: block;
        height: 12px;
        width: 5px;
        background: rgba(219, 224, 228, 0.1);
        top: 50%;
        transform: translateY(-50%);
        animation: pulse 750ms infinite;
    }

    .app-spinner.pulse:before {
        left: -10px;
    }

    .app-spinner.pulse:after {
        left: 10px;
        animation-delay: 250ms;
    }

    .app-spinner.pulse.pulse-primary {
        background: #292f43;
    }

        .app-spinner.pulse.pulse-primary:before,
        .app-spinner.pulse.pulse-primary:after {
            background: #292f43;
        }

    .app-spinner.pulse.pulse-info {
        background: #4FB5DD;
    }

        .app-spinner.pulse.pulse-info:before,
        .app-spinner.pulse.pulse-info:after {
            background: #4FB5DD;
        }

    .app-spinner.pulse.pulse-success {
        background: #76AB3C;
    }

        .app-spinner.pulse.pulse-success:before,
        .app-spinner.pulse.pulse-success:after {
            background: #76AB3C;
        }

    .app-spinner.pulse.pulse-warning {
        background: #F69F00;
    }

        .app-spinner.pulse.pulse-warning:before,
        .app-spinner.pulse.pulse-warning:after {
            background: #F69F00;
        }

    .app-spinner.pulse.pulse-danger {
        background: #F04E51;
    }

        .app-spinner.pulse.pulse-danger:before,
        .app-spinner.pulse.pulse-danger:after {
            background: #F04E51;
        }

.app-spinner.scaleout {
    float: left;
    margin: 10px 5px 10px 0px;
    width: 20px;
    height: 20px;
    background-color: #DBE0E4;
    border-radius: 100%;
    -webkit-animation: scaleout 1s infinite ease-in-out;
    animation: scaleout 1s infinite ease-in-out;
}

    .app-spinner.scaleout.scaleout-primary {
        background-color: #292f43;
    }

    .app-spinner.scaleout.scaleout-info {
        background-color: #4FB5DD;
    }

    .app-spinner.scaleout.scaleout-success {
        background-color: #76AB3C;
    }

    .app-spinner.scaleout.scaleout-warning {
        background-color: #F69F00;
    }

    .app-spinner.scaleout.scaleout-danger {
        background-color: #F04E51;
    }

.app-spinner.rotating {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 10px 5px 10px 0px;
    animation: rotate 1.4s infinite ease-in-out, background 1.4s infinite ease-in-out alternate;
}

.app-spinner.snake {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 10px 5px 10px 0px;
    border: 3px solid #292f43;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 1s infinite linear;
}

.app-spinner.pulsate {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 10px 5px 10px 0px;
    border: 3px solid #292f43;
    border-radius: 50%;
    animation: pulsate 1s infinite linear;
}

.btn > .app-spinner {
    margin: 4px 10px 4px 0px;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
    }

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

@keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes pulse {
    50% {
        background: #DBE0E4;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

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

@keyframes rotate {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}

@keyframes background {
    0% {
        background-color: #292f43;
    }

    50% {
        background-color: #4FB5DD;
    }

    100% {
        background-color: #76AB3C;
    }
}

.app-checkbox.inline, .app-radio.inline {
    display: inline-block;
    margin-right: 20px;
    float: none;
    width: auto;
}



/*Modals*/
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-header:after,
.modal-footer:after {
    clear: both;
}


.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.modal .modal-dialog {
    margin: 100px auto 0px;
}

    .modal .modal-dialog .modal-content {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-color: transparent;
        -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
        zoom: 1;
    }

       

        .modal .modal-dialog .modal-content .modal-header {
            border: 0px;
            float: left;
            width: 100%;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

            .modal .modal-dialog .modal-content .modal-header .modal-title {
                width: auto;
                font-size: 14px;
                font-weight: 600;
                line-height: 30px;
            }

        .modal .modal-dialog .modal-content .modal-body {
            float: left;
            width: 100%;
        }

            .modal .modal-dialog .modal-content .modal-body .app-heading {
                background: transparent;
            }

        .modal .modal-dialog .modal-content .modal-footer {
            float: left;
            width: 100%;
            border: 0px;
        }

    .modal .modal-dialog > .close {
        position: absolute;
        top: -14px;
        right: -35px;
        color: #FFF;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        opacity: 0.5;
        -webkit-transition: opacity 100ms linear;
        -moz-transition: opacity 100ms linear;
        -ms-transition: opacity 100ms linear;
        -o-transition: opacity 100ms linear;
        transition: opacity 100ms linear;
    }

        .modal .modal-dialog > .close [class^="icon-"] {
            font-size: 20px;
        }

        .modal .modal-dialog > .close .fa {
            font-size: 14px;
        }

        .modal .modal-dialog > .close:hover {
            opacity: 0.8;
        }

    .modal .modal-dialog.modal-fw {
        width: 94%;
    }

    .modal .modal-dialog.modal-primary .modal-header {
        background: #292f43;
    }

        .modal .modal-dialog.modal-primary .modal-header .modal-title {
            color: #FFF;
        }

    .modal .modal-dialog.modal-info .modal-header {
        background: #4FB5DD;
    }

        .modal .modal-dialog.modal-info .modal-header .modal-title {
            color: #FFF;
        }

    .modal .modal-dialog.modal-success .modal-header {
        background: #76AB3C;
    }

        .modal .modal-dialog.modal-success .modal-header .modal-title {
            color: #FFF;
        }

    .modal .modal-dialog.modal-warning .modal-header {
        background: #F69F00;
    }

        .modal .modal-dialog.modal-warning .modal-header .modal-title {
            color: #FFF;
        }

    .modal .modal-dialog.modal-danger .modal-header {
        background: #F04E51;
    }

        .modal .modal-dialog.modal-danger .modal-header .modal-title {
            color: #FFF;
        }

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal .modal-dialog .modal-content:before,
.modal .modal-dialog .modal-content:after {
    content: "";
    display: table;
}

.modal .modal-dialog .modal-content:after {
    clear: both;
}

@media screen and (max-width: 769px) {
    input, select, textarea {
        font-size: 14px !important;
    }

    .optional {
        display: none;
    }

    .poolminiplayer {
        bottom: 20px !important;
    }

    .promocontainerclassic {
        width: inherit !important;
    }

    .p-3 {
        padding: 3px !important;
    }

    .app .block {
        padding: 10px 5px 10px;
    }

    /* Tables*/

    .genrebasedordering {
        padding-left: 2px !important;
    }

    .actionscell {
        min-width: 120px !important;
        width: 120px !important
    }

    .app .table tr td {
        padding-left: 4px !important;
        padding-right: 2px !important;
    }

    .trackname {
        /*max-width: 280px !important;*/
        /*     max-width: calc(100% - 50px) !important;*/
        line-height: 1.5;
        font-size: 9px !important;
        white-space: inherit !important;
    }

    .extrafilerow td p {
        font-size: 9px !important;
    }

    .btn-additionalmedia span {
        display: none;
    }

    .optional {
        display: none;
    }

    .dyn-pad-left {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 920px) {
    .optional {
        display: none;
    }

    body .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .dyn-pad-left {
        padding-left: 0px !important;
    }
}

@media screen and (min-width: 769px) {
    .promocontainerclassic {
        width: 630px !important;
    }

    .dyn-pad-left {
        padding-left: 0px !important;
    }
}

.dyn-pad-left {
    padding-left: 10px !important;
}

body {
    background-color: var(--page-bg-color);
}

    body.hasbackground {
        background-image: var(--page-bg-image);
        background-repeat: var(--brand-background-repeat);
        background-position: var(--brand-background-positon);
        background-attachment: fixed;
        background-size: var(--brand-background-size);
    }

.transition-fade {
    transition: 0.4s;
    opacity: 1;
}

html.is-animating .transition-fade {
    opacity: 0;
}

.app {
    margin-top: 40px;
}


hr {
    border-bottom: 1px solid var(--body-font-color);
    width: 100%;
}

h6 {
    font-size: 16px;
}



/*            Header*/

.promoheaderblock {
    background-color: transparent;
    margin-bottom: 5px;
}

.cardbackground {
    background-color: var(--brand-body-bg-color);
    color: var(--body-font-color);
}

/* IMAGES*/
.headerimage {
    border-radius: 3px;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.view a.info {
    font-size: 10px !important;
    background: var( --brand-buttons-color) !important;
    color: var(--brand-bar-text-color) !important;
}

/*    feedback*/
.feedbackpanel {
    border: 1px solid #dbe0e4;
}

.nfmpanel {
    display: none;
    margin-top: 5px;
    background-color: #b10606b3;
    border-radius: 5px;
    border: 1px solid #b10606b3;
}

.feedback-notforme {
    font-size: 12px;
    line-height: 40px;
    font-weight: 600;
}

.block-semitrans {
    background: #fffa;
    background-color: var(--brand-body-bg-color) !important;
    color: var(--body-font-color);
}

    .block-semitrans .label {
        color: var(--body-font-color);
    }

.app .block.block-arrow-top::after {
    border-bottom-color: var(--brand-body-bg-color);
}

.app .block.block-arrow-top::before {
    /*  border-bottom-color: var(--brand-body-bg-color);*/
    border-bottom-color: #dbe0e4;
}


.form-control {
    height: 30px;
}


.alert {
    margin-bottom: 0px !important;
}

/*   buttons*/

.btn.btn-primary {
    border-color: var(--brand-bar-bg-color);
    background: var( --brand-buttons-color);
    color: var(--brand-bar-text-color);
}

.btn.btn-xs {
    padding: 2px 4px;
    /* line-height: var(--sys-table-font-size);*/
    line-height: 14px;
    font-size: var(--sys-table-font-size);
    margin-bottom: 0px;
    transition: all 0.5s ease;
    font-weight: 300
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-primary:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-color: var(--brand-bar-bg-color);
    background: var(--brand-buttons-hov-color);
    color: var(--brand-bar-text-color);
}

.btn-notforme:hover {
    color: white;
}

.btn-downloaded {
    background-color: var(--brand-buttons-color-dull) !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 9px !important;
}


.btn-additionalmedia {
    margin-bottom: 2px;
}

.playTrack, .playTrack:active, .playTrack:focus {
    border-color: var(--brand-bar-bg-color);
    background: var( --brand-buttons-color);
    color: var(--brand-bar-text-color);
    width: 23px !important;
}

.btn.btn-icon span.fa {
    font-size: var(--sys-table-font-size);
    /*    line-height: var(--sys-table-font-size) !important;*/
    line-height: 1.2 !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

/*    Labels*/
.label-promo {
    background: var( --brand-buttons-color);
    color: var(--brand-bar-text-color);
    /* opacity: 0.8; */
    font-size: 9px !important;
    font-weight: 300 !important;
    padding: 0px 5px !important;
    margin-top: 7px;
}

.trackname {
    max-width: 442px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}

.trackname-micro {
    font-size: 10px;
}

.label-genre {
    font-size: 8px !important;
    margin-top: 3px;
    background-color: var(--brand-bar-bg-color-med) !important;
    padding: 2px 6px 2px 6px !important;
    line-height: 10px !important;
    margin-top: 6px;
    color: var(--brand-bar-text-color);
}

.genrebasedordering {
    padding-left: 5px;
}

/*   Table*/
.table {
    color: var(--brand-tracks-and-links);
    font-size: var(--sys-table-font-size);
}

.trackstable {
    background-color: var(--brand-body-bg-color);
}

.app .table.table-bordered {
    border: 1px solid var(--table-border-color);
}

.app .table > thead > tr > th {
    border-bottom: 1px solid var(--brand-bar-bg-color);
}

.app .table.table-bordered > tbody > tr > td {
    border-bottom: 1px solid var(--table-border-color);
    border-right: 1px solid var(--table-border-color);
}

.actionscell {
    min-width: 125px;
    width: 125px
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid var(--table-border-color);
}

.app .table.table-head-custom > thead > tr > th {
    background: var(--brand-bar-bg-color);
    color: var(--brand-bar-text-color);
}

.table-hover > tbody > tr:not(.nohover):hover {
    background-color: #f5f5f5aa !important;
}

.app .table.table-hover > tbody > tr:hover > td {
    background: none;
}

.nohover:hover {
    background-color: inherit;
}

.app .table tr td p {
    margin-top: 0px !important;
}

.nohover {
    background: none;
    color: var(--brand-tracks-and-links);
}

.genrerow {
    font-weight: 600 !important;
}

.stripedgenre {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    background: repeating-linear-gradient( -55deg, var(--brand-bar-bg-color-dull), var(--brand-bar-bg-color-dull) 5px, var(--brand-body-bg-color) 5px, var(--brand-body-bg-color) 10px );
}

/*experimental*/
.rowplaying td:first-child::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: red;
    z-index: -1;
}

/*  player */
/*.poolminiplayer {
    position: fixed;
    z-index: 1051;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: var(--play-back-color);
    height: 50px;
    display: none;
}*/

.poolminiplayer {
    position: fixed;
    z-index: 1051;
    bottom: 5px;
    left: 0px;
    width: 100%;
    background-color: var(--play-back-color);
    height: 70px;
    display: none;
    border: solid 1px #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.promofontcolor {
    color: var(--body-font-color);
}

.promobackgoundcolor {
    background-color: var(--body-backgound-color);
}

.micro {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

.noColPadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.nopadding {
    padding: 0px !important;
}

.padding3 {
    padding: 3px !important;
}


.noVertPadding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.publishingLabel {
    font-size: 10px;
}


.playTrack, .downloadbutton {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

    .playTrack span {
        line-height: 20px !important;
    }


.rowplaying {
    /*color: rgb(45, 51, 73) !important;*/
    /*    color: rgba(34, 102, 138, 0.95);*/
    color: var(--brand-tracks-and-links);
    /* font-size: 12px;*/
    /*    background-color: rgba(45, 51, 73, 0.05) !important;*/
    /*  font-weight: 600;*/
    transition: color 1s;
}

/*Table overrides*/
.app .table tr td {
    padding: 0px 5px;
}

.app .table > thead > tr > th {
    font-size: 14px;
    font-weight: 300;
    padding: 5px 5px !important;
}

.app .table tr td {
    line-height: 25px;
    text-transform: none !important;
    font-weight: 600;
}


.app .table tr th {
    line-height: 12px;
    text-transform: none !important;
    font-weight: 600;
}

.tracktdclickable {
    cursor: pointer;
}

.extrafilerow {
}


.btn-group {
    white-space: normal;
}

.alert-icon {
    min-width: 30px !important;
}

.alert.alert-icon-block {
    padding-left: 40px !important;
}

hr {
    border-top: 1px dotted #000000 !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.margin-right-10 {
    margin-right: 10px;
}


/*Feedback panel*/

.input-sm {
    height: 30px;
    font-size: 12px;
    line-height: 12px;
    height: 24px !important;
}

.radioerror {
    border: 1px dashed #ff0e0e94 !important;
    background-color: #f003;
    transition: all;
    transition-duration: .2s;
    padding-bottom: 5px;
}



.btn-xs {
    line-height: 2;
}

.fusionPhoto {
    height: auto;
    width: 38px;
    transition: height 0.1s linear;
    transition: width 0.1s linear;
}

.rounded-bordered {
    border: double 1px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.navbar {
    transition: height 0.1s linear;
    min-height: 40px;
}
/*Player progress*/
.trackplayprogressrow {
    display: none;
}

.trackplayprogress {
    height: 3px;
    -webkit-transition: width .2s;
    background-color: #090c10;
    background: linear-gradient(90deg, var(--brand-bar-bg-color-med) 0%, var(--brand-bar-bg-color-med) 35%, var(--brand-bar-bg-color) 100%);
    transition: width .2s;
    transform-origin: 0 0;
    transform: scaleX(0.0);
}

.help-block {
    color: inherit;
    margin-bottom: 0px;
    font-size: 9px;
    margin-left: -15px;
}


/*Promo Artwork*/
.view {
    width: 100%;
    float: left;
    border: 3px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff
}

    .view .mask, .view .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }

    .view img {
        display: block;
        position: relative
    }

    .view h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 0 0
    }

    .view p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center
    }

    .view a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 1px #00;
        margin-top: calc(50% - 20px);
    }

        .view a.info:hover {
            box-shadow: 0 0 5px #000
        }

/*Effect 1*/
.view-first img {
    transition: all 0.2s linear;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(255,255,255, 0.6);
    transition: all 0.4s ease-in-out;
}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img {
    transform: scale(1.1);
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}


/*Supporting*/
.app-radio label span::after {
    background: var(--support-notch-color);
}

.app-radio {
    margin: 0;
}

/*RATING*/
.rating {
    float: left;
    border: none;
}

    .rating label {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .rating:not(:checked) > input {
        position: absolute;
        /*     top: -9999px;*/
        clip: rect(0, 0, 0, 0);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        /*      line-height: 1;*/
        color: #605b5b;
    }

        .rating:not(:checked) > label:before {
            content: '★ ';
        }

    .rating > input:checked ~ label {
        color: #f70;
    }

    .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
        color: gold;
    }

    .rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
    }

    .rating > label:active {
        position: relative;
    }

/* 1-10 numeric rating */
.rating-numeric {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
}

    .rating-numeric input[type=radio] {
        position: absolute;
        clip: rect(0,0,0,0);
    }

    .rating-numeric label {
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid var(--brand-tracks-and-links);
        color: var(--brand-tracks-and-links);
        cursor: pointer;
        font-size: 12px;
        font-weight: 600;
        margin: 0;
        transition: background 0.15s, color 0.15s, border-color 0.15s;
    }

        .rating-numeric label:hover {
            background: var(--brand-buttons-hov-color);
            border-color: var(--brand-bar-bg-color);
            color: var(--brand-bar-text-color);
        }

    .rating-numeric input[type=radio]:checked + label {
        background: var(--brand-bar-bg-color);
        border-color: var(--brand-tracks-and-links);
        color: var(--brand-bar-text-color);
        transform: unset;
    }

/* animation */
@keyframes shimmer {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}
/*   USER SPACE*/

.userbody {
    margin-top: 10px;
    width: 97%;
    margin: auto;
    font-size: 11px !important;
    min-height: 200px;
    color: var(--body-font-color);
    font-style: normal;
    /*font-family: "Segoe UI";*/
    font-weight: 400;
    line-height: 1.5;
}

    .userbody h1 {
        font-family: Arial,Verdana,Helvetica,Sans-serif;
        font-size: 22px;
        font-weight: 700;
        font-style: normal;
    }

    .userbody p {
        font-size: 11px;
        font-weight: 400;
    }

    .userbody h3 {
        border: 0px none;
        font-size: 12px;
        font-weight: 700;
    }

    .userbody h5 {
        font-size: 11px;
        line-height: 20px;
        margin-bottom: 5px;
        font-weight: 400;
    }

    .userbody dl {
        font-size: 11px;
    }

    .userbody dt {
        font-size: 14px;
    }

    .userbody dd {
        font-size: 14px;
        font-weight: 700;
    }

    .userbody a, a:visited, a:hover {
        color: var(--brand-tracks-and-links);
        text-decoration: underline;
    }

    .userbody ol {
        display: inline-block;
    }



/*Alerts*/
.alert.alert-success {
    padding-top: 4px;
    padding-bottom: 4px;
}

.alert.alert-icon-block .alert-icon {
    padding: 4px;
}


/*MODALS*/
@media (min-width: 769px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

.modal-header {
    background-color: var(--brand-buttons-color);
    color: var(--brand-bar-text-color);
    padding-top: 0px;
    padding-bottom: 0px;
}



/*nav*/
.btn.btn-sm-or {
    padding: 0 10px;
    margin: 0px 0;
    line-height: 1.6;
}

.modal-body-block {
    background: #fffa;
    background-color: rgba(255, 255, 255, 0.667);
}

.navbar {
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

    .navbar > .container, .navbar > .container-fluid {
        justify-content: normal;
    }


    .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
        left: auto;
        right: 0;
    }

    .navbar .nav > li > .dropdown-menu:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 9px;
    }

    .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
        left: auto;
        right: 12px;
    }

    .navbar .nav > li > .dropdown-menu:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 10px;
    }

    .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
        left: auto;
        right: 13px;
    }

.fusionbadge {
    font-size: 10px;
    margin-left: 15px;
    color: white;
    border: double 2px transparent;
    border-radius: 15px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    color: black;
    line-height: 12px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
}

.btn-fusion-nav, .btn-fusion-nav-next, .btn-fusion-nav-prev {
    color: var(--brand-bar-text-color) !important;
    /*    border-radius: 15px;*/
    height: 31px;
    width: 31px;
    font-weight: 600;
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1.0 !important;
    padding: 0px;
    transition: 2s ease all;
    background-blend-mode: multiply
}

    .btn-fusion-nav-next:hover {
        background: var(--fusion-nextpromo-cover) !important;
        background-size: contain !important;
        cursor: pointer;
    }

    .btn-fusion-nav-prev:hover {
        background: var(--fusion-prevpromo-cover) !important;
        background-size: contain !important;
        cursor: pointer;
    }

.btn-shrink {
    height: 25px;
    width: 25px;
}
/*.btn-fusion-nav::before {
    content: "";
    background-image: url("https://localhost:44300/art/6ff34ee1-5d23-4c2b-beea-b63d327b4de8?thumb=150") !important;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.65;
}*/
.fusion-count {
    color: white;
    font-size: 12px;
    margin: 6px 10px;
}


.tooltip {
    font-family: inherit !important;
    line-height: inherit !important;
    opacity: 0.8;
}

.tooltip-inner {
    background-color: white;
    color: black
}

/* Slick Modals - Smooth Banner */
.smoothBanner * {
    text-align: center;
}
.smoothBanner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 400px;
    background: url("/assets/booya/img/marketing/fusion/FusionExample001.png") 0 0 no-repeat;
   /* background-size: cover;*/
    z-index: -1;
}
.smoothBanner .top {
    color: #fff;
    padding: 200px 0 60px 0;
    text-shadow: 3px 3px 0 rgba(0,0,0,.3);
    height: 300px;
}
.smoothBanner .top .title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}
.smoothBanner p {
    font-size: 14px;
    line-height: 24px;
}
.smoothBanner .top p {
    letter-spacing: 4px;
    padding-top: 10px;
    color: #fff;
}
.smoothBanner .bottom p {
    font-size: 14px;
    letter-spacing: 1px;
}
.smoothBanner .bottom a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 12px 50px;
    background: #b35b5b;
    background: linear-gradient(to bottom, #343d4d 50%, #b35b5b 50%);
    background-size: 100% 200%;
    background-position: bottom left;
    margin-top: 20px;
    transition: all 0.2s ease;
}
.smoothBanner .bottom a:hover {
    background-position: top left;
}
@media screen and (min-width: 541px) {
    .smoothBanner .top .title {
        display: block;
        max-width: 50%;
        margin: auto;
    }
    .smoothBanner .bottom {
        padding: 0 50px 50px 50px;
    }
}
@media screen and (max-width: 540px) {
    .smoothBanner .top .title {
        font-size: 28px;
    }
    .smoothBanner .top p,
    .smoothBanner .bottom a {
        font-size: 12px;
    }
    .smoothBanner .bottom a {
        margin-top: 10px;
    }
    .smoothBanner .bottom {
        padding: 70px 30px 30px 30px;
    }
}
/**
 * Slick Modals - HTML5 and CSS3 Powered Modal Popups
 * ---------------------------------------------------
 * @file      Defines plugin styles
 * @author    Capelle @ Codecanyon
 * @copyright @author
 * @version   5.0
 * @url       https://codecanyon.net/item/slick-modal-css3-powered-popups/12335988
 */

.sm-wrapper,[data-sm-init=true]{display:none}.sm-wrapper *{box-sizing:border-box}.sm-wrapper,.sm-wrapper .sm-overlay,.sm-wrapper .sm-popup{position:fixed;top:0;left:0}.sm-wrapper{z-index:99999997}.sm-wrapper .sm-overlay{top:0;left:0;width:100%;height:100%;content:"";z-index:99999998}.sm-wrapper .sm-popup{z-index:99999999}.sm-sticky-button{position:fixed;top:30px;left:30px;background:#333;font-size:12px;font-weight:700;color:#fff;padding:8px 20px;cursor:pointer;z-index:99999996}.sm-sticky-button:hover{opacity:.8}.sm-wrapper .sm-popup .sm-draggable{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:0 0;cursor:move;-webkit-user-select:none;user-select:none;z-index:998}.sm-wrapper [data-sm-close=true]{cursor:pointer}body.sm-pageAnimated>:not(.sm-wrapper){pointer-events:none}.sm-wrapper .sm-popup>div:after{content:'';display:block;clear:both}.sm-wrapper .sm-popup[data-sm-position*=enter]{left:0;right:0}.sm-wrapper .sm-popup[data-sm-position*=eft]{left:0;right:auto}.sm-wrapper .sm-popup[data-sm-position*=ight]{left:auto;right:0}.sm-wrapper .sm-popup[data-sm-position*=top]{top:0;bottom:auto}.sm-wrapper .sm-popup[data-sm-position*=bottom]{top:auto;bottom:0}.sm-wrapper .sm-popup[data-sm-position=right],.sm-wrapper .sm-popup[data-sm-position=center],.sm-wrapper .sm-popup[data-sm-position=left]{top:0;bottom:0}.sm-wrapper div[data-sm-animated=true]{animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:both;animation-direction:normal;backface-visibility:hidden;transform-style:preserve-3d}.sm-wrapper.sm-active div[data-sm-effect=zoomIn]{animation-name:sm-zoomIn}.sm-wrapper div[data-sm-effect=zoomIn]{animation-name:sm-zoomIn-out}@keyframes sm-zoomIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:none}}@keyframes sm-zoomIn-out{0%{opacity:1;transform:none}100%{opacity:0;transform:scale(.7)}}.sm-wrapper.sm-active div[data-sm-effect=zoomOut]{animation-name:sm-zoomOut}.sm-wrapper div[data-sm-effect=zoomOut]{animation-name:sm-zoomOut-out}@keyframes sm-zoomOut{0%{opacity:0;transform:scale(1.3)}100%{opacity:1;transform:none}}@keyframes sm-zoomOut-out{0%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.3)}}.sm-wrapper.sm-active div[data-sm-effect=slideTop]{animation-name:sm-slideTop}.sm-wrapper div[data-sm-effect=slideTop]{animation-name:sm-slideTop-out}@keyframes sm-slideTop{0%{opacity:0;transform:translateY(-25%)}100%{opacity:1;transform:none}}@keyframes sm-slideTop-out{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-25%)}}.sm-wrapper.sm-active div[data-sm-effect=slideBottom]{animation-name:sm-slideBottom}.sm-wrapper div[data-sm-effect=slideBottom]{animation-name:sm-slideBottom-out}@keyframes sm-slideBottom{0%{opacity:0;transform:translateY(25%)}100%{opacity:1;transform:none}}@keyframes sm-slideBottom-out{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(25%)}}.sm-wrapper.sm-active div[data-sm-effect=slideRight]{animation-name:sm-slideRight}.sm-wrapper div[data-sm-effect=slideRight]{animation-name:sm-slideRight-out}@keyframes sm-slideRight{0%{opacity:0;transform:translateX(25%)}100%{opacity:1;transform:none}}@keyframes sm-slideRight-out{0%{opacity:1;transform:none}100%{opacity:0;transform:translateX(25%)}}.sm-wrapper.sm-active div[data-sm-effect=slideLeft]{animation-name:sm-slideLeft}.sm-wrapper div[data-sm-effect=slideLeft]{animation-name:sm-slideLeft-out}@keyframes sm-slideLeft{0%{opacity:0;transform:translateX(-25%)}100%{opacity:1;transform:none}}@keyframes sm-slideLeft-out{0%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-25%)}}.sm-wrapper.sm-active div[data-sm-effect=slideInTop]{animation-name:sm-slideInTop}.sm-wrapper div[data-sm-effect=slideInTop]{animation-name:sm-slideInTop-out}@keyframes sm-slideInTop{0%{opacity:0;transform:scale(.8) translateY(-30%)}50%{opacity:1;transform:scale(.8) translateY(0)}100%{opacity:1;transform:none}}@keyframes sm-slideInTop-out{0%{opacity:1;transform:none}50%{opacity:1;transform:scale(.8) translateY(0)}100%{opacity:0;transform:scale(.8) translateY(-30%)}}.sm-wrapper.sm-active div[data-sm-effect=slideInBottom]{animation-name:sm-slideInBottom}.sm-wrapper div[data-sm-effect=slideInBottom]{animation-name:sm-slideInBottom-out}@keyframes sm-slideInBottom{0%{opacity:0;transform:scale(.8) translateY(30%)}50%{opacity:1;transform:scale(.8) translateY(0)}100%{opacity:1;transform:none}}@keyframes sm-slideInBottom-out{0%{opacity:1;transform:none}50%{opacity:1;transform:scale(.8) translateY(0)}100%{opacity:0;transform:scale(.8) translateY(30%)}}.sm-wrapper.sm-active div[data-sm-effect=slideInRight]{animation-name:sm-slideInRight}.sm-wrapper div[data-sm-effect=slideInRight]{animation-name:sm-slideInRight-out}@keyframes sm-slideInRight{0%{opacity:0;transform:scale(.8) translateX(30%)}50%{opacity:1;transform:scale(.8) translateX(0)}100%{opacity:1;transform:none}}@keyframes sm-slideInRight-out{0%{opacity:1;transform:none}50%{opacity:1;transform:scale(.8) translateX(0)}100%{opacity:0;transform:scale(.8) translateX(30%)}}.sm-wrapper.sm-active div[data-sm-effect=slideInLeft]{animation-name:sm-slideInLeft}.sm-wrapper div[data-sm-effect=slideInLeft]{animation-name:sm-slideInLeft-out}@keyframes sm-slideInLeft{0%{opacity:0;transform:scale(.8) translateX(-30%)}50%{opacity:1;transform:scale(.8) translateX(0)}100%{opacity:1;transform:none}}@keyframes sm-slideInLeft-out{0%{opacity:1;transform:none}50%{opacity:1;transform:scale(.8) translateX(0)}100%{opacity:0;transform:scale(.8) translateX(-30%)}}.sm-wrapper.sm-active div[data-sm-effect=rotateIn]{animation-name:sm-rotateIn}.sm-wrapper div[data-sm-effect=rotateIn]{animation-name:sm-rotateIn-out}@keyframes sm-rotateIn{0%{opacity:0;transform:rotate(720deg) scale(.5)}100%{opacity:1;transform:none}}@keyframes sm-rotateIn-out{0%{opacity:1;transform:none}100%{opacity:0;transform:rotate(720deg) scale(.5)}}.sm-wrapper.sm-active div[data-sm-effect=rotateOut]{animation-name:sm-rotateOut}.sm-wrapper div[data-sm-effect=rotateOut]{animation-name:sm-rotateOut-out}@keyframes sm-rotateOut{0%{opacity:0;transform:rotate(720deg) scale(1.4)}100%{opacity:1;transform:none}}@keyframes sm-rotateOut-out{0%{opacity:1;transform:none}100%{opacity:0;transform:rotate(720deg) scale(1.4)}}.sm-wrapper.sm-active div[data-sm-effect=flipInX]{animation-name:sm-flipInX}.sm-wrapper div[data-sm-effect=flipInX]{animation-name:sm-flipInX-out}@keyframes sm-flipInX{0%{opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px)}}@keyframes sm-flipInX-out{0%{transform:perspective(400px)}20%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}40%{opacity:1;transform:perspective(400px) rotate3d(1,0,0,10deg)}60%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}100%{opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in}}.sm-wrapper.sm-active div[data-sm-effect=flipInY]{animation-name:sm-flipInY}.sm-wrapper div[data-sm-effect=flipInY]{animation-name:sm-flipInY-out}@keyframes sm-flipInY{0%{opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px)}}@keyframes sm-flipInY-out{0%{transform:perspective(400px)}20%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}40%{opacity:1;transform:perspective(400px) rotate3d(0,1,0,10deg)}60%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}100%{opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in}}.sm-wrapper.sm-active div[data-sm-effect=swingTop]{animation-name:sm-swingTop}.sm-wrapper div[data-sm-effect=swingTop]{animation-name:sm-swingTop-out;transform-origin:top center}@keyframes sm-swingTop{0%{opacity:0;transform:perspective(300px) rotateX(-90deg)}100%{opacity:1;transform:none}}@keyframes sm-swingTop-out{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(300px) rotateX(-90deg)}}.sm-wrapper.sm-active div[data-sm-effect=swingBottom]{animation-name:sm-swingBottom}.sm-wrapper div[data-sm-effect=swingBottom]{animation-name:sm-swingBottom-out;transform-origin:bottom center}@keyframes sm-swingBottom{0%{opacity:0;transform:perspective(300px) rotateX(90deg)}100%{opacity:1;transform:none}}@keyframes sm-swingBottom-out{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(300px) rotateX(90deg)}}.sm-wrapper.sm-active div[data-sm-effect=swingRight]{animation-name:sm-swingRight}.sm-wrapper div[data-sm-effect=swingRight]{animation-name:sm-swingRight-out;transform-origin:center right}@keyframes sm-swingRight{0%{opacity:0;transform:perspective(200px) rotateY(-90deg)}100%{opacity:1;transform:none}}@keyframes sm-swingRight-out{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(200px) rotateY(-90deg)}}.sm-wrapper.sm-active div[data-sm-effect=swingLeft]{animation-name:sm-swingLeft}.sm-wrapper div[data-sm-effect=swingLeft]{animation-name:sm-swingLeft-out;transform-origin:center left}@keyframes sm-swingLeft{0%{opacity:0;transform:perspective(200px) rotateY(90deg)}100%{opacity:1;transform:none}}@keyframes sm-swingLeft-out{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(200px) rotateY(90deg)}}.sm-wrapper.sm-active div[data-sm-effect=flash]{animation-name:sm-flash}@keyframes sm-flash{0%,40%,80%{opacity:0}100%,20%,60%{opacity:1}}.sm-wrapper.sm-active div[data-sm-effect=pulse]{animation-name:sm-pulse}@keyframes sm-pulse{0%{opacity:0}25%{opacity:1}25%,75%{transform:scale(1.05)}0%,100%,50%{transform:none}}.sm-wrapper.sm-active div[data-sm-effect=rubberBand]{animation-name:sm-rubberBand}@keyframes sm-rubberBand{0%{opacity:0;transform:scale3d(1,1,1)}30%{opacity:1;transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}.sm-wrapper.sm-active div[data-sm-effect=shake]{animation-name:sm-shake}@keyframes sm-shake{0%{opacity:0}10%{opacity:1}0%,100%{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.sm-wrapper.sm-active div[data-sm-effect=swing]{animation-name:sm-swing;transform-origin:top center}@keyframes sm-swing{0%{opacity:0}20%{opacity:1;transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}100%{transform:rotate3d(0,0,1,0deg)}}.sm-wrapper.sm-active div[data-sm-effect=tada]{animation-name:sm-tada}@keyframes sm-tada{0%{opacity:0;transform:scale3d(1,1,1)}10%{opacity:1}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}.sm-wrapper.sm-active div[data-sm-effect=wobble]{animation-name:sm-wobble}@keyframes sm-wobble{0%{opacity:0;transform:none}15%{opacity:1;transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{transform:none}}.sm-wrapper.sm-active div[data-sm-effect=bounce]{animation-name:sm-bounce;transform-origin:center bottom}@keyframes sm-bounce{0%{opacity:0}20%{opacity:1}0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.sm-wrapper.sm-active div[data-sm-effect=bounceIn]{animation-name:sm-bounceIn}@keyframes sm-bounceIn{0%,100%,20%,40%,60%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}.sm-wrapper.sm-active div[data-sm-effect=bounceInUp]{animation-name:sm-bounceInUp}@keyframes sm-bounceInUp{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}.sm-wrapper.sm-active div[data-sm-effect=bounceInDown]{animation-name:sm-bounceInDown}@keyframes sm-bounceInDown{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}.sm-wrapper.sm-active div[data-sm-effect=bounceInRight]{animation-name:sm-bounceInRight}@keyframes sm-bounceInRight{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}.sm-wrapper.sm-active div[data-sm-effect=bounceInLeft]{animation-name:sm-bounceInLeft}@keyframes sm-bounceInLeft{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}.sm-wrapper.sm-active div[data-sm-effect=unFold]{animation-name:sm-unFold}.sm-wrapper div[data-sm-effect=unFold]{animation-name:sm-unFold-out}@keyframes sm-unFold{0%{transform:scaleY(.01) scaleX(0)}50%{transform:scaleY(.01) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes sm-unFold-out{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.01) scaleX(1)}100%{transform:scaleY(.01) scaleX(0)}}.sm-wrapper.sm-active div[data-sm-effect=flowIn]{animation-name:sm-flowIn}.sm-wrapper div[data-sm-effect=flowIn]{animation-name:sm-flowIn-out}@keyframes sm-flowIn{0%{opacity:0;border-radius:200px;transform:scale(.6)}50%{opacity:1}100%{transform:scale(1)}}@keyframes sm-flowIn-out{0%{transform:scale(1)}50%{opacity:1}100%{opacity:0;border-radius:200px;transform:scale(.6)}}.sm-wrapper.sm-active div[data-sm-effect=fadeIn]{animation-name:sm-fadeIn}@keyframes sm-fadeIn{0%{opacity:0}100%{opacity:1}}.sm-wrapper div[data-sm-effect*=bounce],.sm-wrapper div[data-sm-effect=flash],.sm-wrapper div[data-sm-effect=pulse],.sm-wrapper div[data-sm-effect=rubberBand],.sm-wrapper div[data-sm-effect=shake],.sm-wrapper div[data-sm-effect=swing],.sm-wrapper div[data-sm-effect=tada],.sm-wrapper div[data-sm-effect=wobble],.sm-wrapper div[data-sm-effect=fadeIn]{animation-name:sm-fadeIn-out}@keyframes sm-fadeIn-out{0%{opacity:1}100%{opacity:0}}.sm-wrapper .sm-button{position:absolute;z-index:999}.sm-wrapper .sm-button,.sm-wrapper .sm-button:after,.sm-wrapper .sm-button:before{transition:all .1s ease}.sm-wrapper .sm-button[data-sm-button-align=right][data-sm-button-place=inside]{right:12px}.sm-wrapper .sm-button[data-sm-button-align=right][data-sm-button-place=outside]{right:0}.sm-wrapper .sm-button[data-sm-button-align=left][data-sm-button-place=inside]{left:12px}.sm-wrapper .sm-button[data-sm-button-align=left][data-sm-button-place=outside]{left:0}.sm-wrapper .sm-button[data-sm-button-place=inside]{top:12px}.sm-wrapper .sm-button[data-sm-button-place=outside]{top:-28px}.sm-wrapper .sm-button[data-sm-button-style*=cancel]{width:24px;height:24px}.sm-wrapper .sm-button[data-sm-button-style*=cancel][data-sm-button-place=outside]{margin-top:-6px}.sm-wrapper .sm-button[data-sm-button-style*=cancel]:after,.sm-wrapper .sm-button[data-sm-button-style*=cancel]:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:80%;height:2px;margin:auto;transform-origin:center}.sm-wrapper .sm-button[data-sm-button-style*=cancel]:before{transform:rotate(45deg)}.sm-wrapper .sm-button[data-sm-button-style*=cancel]:after{transform:rotate(-45deg)}.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=inside],.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=outside]:after,.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=outside]:before,.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place=inside]:after,.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place=inside]:before{background:#111}.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=inside]:after,.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=inside]:before,.sm-wrapper .sm-button:not([data-sm-button-style*=simple])[data-sm-button-style*=cancel][data-sm-button-place=outside],.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place=outside]:after,.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place=outside]:before{background:#fff}.sm-wrapper .sm-button:not([data-sm-button-style*=label]){opacity:.5}.sm-wrapper .sm-button:not([data-sm-button-style*=label]):hover{opacity:1}.sm-wrapper .sm-button[data-sm-button-style*=text]:after{content:attr(data-sm-button-text);font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase}.sm-wrapper .sm-button[data-sm-button-style*=circle]{border-radius:50%}.sm-wrapper .sm-button[data-sm-button-style*="text simple"]{font-size:11px}.sm-wrapper .sm-button[data-sm-button-style*="text simple"][data-sm-button-place=inside]:after{color:#111}.sm-wrapper .sm-button[data-sm-button-style*="text simple"][data-sm-button-place=outside]:after{color:#fff}.sm-wrapper .sm-button[data-sm-button-style*=label]{font-size:9px;color:#fff;padding:6px 12px;background:#111;background:linear-gradient(to right,#cc3434 50%,#111 50%);background-size:200% 100%;background-position:right bottom}.sm-wrapper .sm-button[data-sm-button-style*=label]:hover{background-position:left bottom}