@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700);
@import "../PLUGINS/animate.css";

.btn, .btn:active, .btn:focus, .btn:focus:active {
    outline: 0 !important
}

    .btn.active, .btn:active {
        -webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,.1);
        box-shadow: inset 3px 3px 10px rgba(0,0,0,.1)
    }

.btn, .btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn, .btn-lg, .btn-sm, .btn-xs {
    border-radius: 2px
}

.btn-light {
    color: #222;
    background-color: #fcfcfc;
    border-color: #f2f2f2
}

    .btn-light.active, .btn-light.focus, .btn-light:active, .btn-light:focus, .btn-light:hover, .open > .dropdown-toggle.btn-light {
        color: #222;
        background-color: #e3e3e3;
        border-color: #d4d4d4
    }

    .btn-light.active, .btn-light:active, .open > .dropdown-toggle.btn-light {
        background-image: none
    }

    .btn-light.disabled, .btn-light.disabled.active, .btn-light.disabled.focus, .btn-light.disabled:active, .btn-light.disabled:focus, .btn-light.disabled:hover, .btn-light[disabled], .btn-light[disabled].active, .btn-light[disabled].focus, .btn-light[disabled]:active, .btn-light[disabled]:focus, .btn-light[disabled]:hover, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light.active, fieldset[disabled] .btn-light.focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:hover {
        background-color: #fcfcfc;
        border-color: #f2f2f2
    }

    .btn-light .badge {
        color: #fcfcfc;
        background-color: #222
    }

.btn-inverse {
    color: #fff;
    background-color: #363f3f;
    border-color: #2a3131
}

    .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #1e2424;
        border-color: #0e1010
    }

    .btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse {
        background-image: none
    }

    .btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
        background-color: #363f3f;
        border-color: #2a3131
    }

    .btn-inverse .badge {
        color: #363f3f;
        background-color: #fff
    }

.btn-cyan {
    color: #eee;
    background-color: #35a5ad;
    border-color: #2d8b92
}

    .btn-cyan.active, .btn-cyan.focus, .btn-cyan:active, .btn-cyan:focus, .btn-cyan:hover, .open > .dropdown-toggle.btn-cyan {
        color: #eee;
        background-color: #298086;
        border-color: #1e5e63
    }

    .btn-cyan.active, .btn-cyan:active, .open > .dropdown-toggle.btn-cyan {
        background-image: none
    }

    .btn-cyan.disabled, .btn-cyan.disabled.active, .btn-cyan.disabled.focus, .btn-cyan.disabled:active, .btn-cyan.disabled:focus, .btn-cyan.disabled:hover, .btn-cyan[disabled], .btn-cyan[disabled].active, .btn-cyan[disabled].focus, .btn-cyan[disabled]:active, .btn-cyan[disabled]:focus, .btn-cyan[disabled]:hover, fieldset[disabled] .btn-cyan, fieldset[disabled] .btn-cyan.active, fieldset[disabled] .btn-cyan.focus, fieldset[disabled] .btn-cyan:active, fieldset[disabled] .btn-cyan:focus, fieldset[disabled] .btn-cyan:hover {
        background-color: #35a5ad;
        border-color: #2d8b92
    }

    .btn-cyan .badge {
        color: #35a5ad;
        background-color: #eee
    }

.btn-pretty {
    -webkit-box-shadow: inset 0 -2px 2px rgba(0,0,0,.1),1px 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 -2px 2px rgba(0,0,0,.1),1px 1px 1px rgba(0,0,0,.1)
}

    .btn-pretty.active, .btn-pretty:active {
        position: relative;
        top: 1px;
        left: -1px;
        -webkit-box-shadow: inset 0 0 0 100px rgba(0,0,0,.05),inset -5px 5px 10px rgba(0,0,0,.1);
        box-shadow: inset 0 0 0 100px rgba(0,0,0,.05),inset -5px 5px 10px rgba(0,0,0,.1)
    }

.btn-outline {
    background-color: transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .btn-outline.btn-primary {
        border: 1px solid #004484;
        color: #004484
    }

        .btn-outline.btn-primary:focus {
            background-color: #004484
        }

    .btn-outline.btn-info {
        border: 1px solid #3989c6;
        color: #3989c6
    }

        .btn-outline.btn-info:focus {
            background-color: #3989c6
        }

    .btn-outline.btn-warning {
        border: 1px solid #e2993f;
        color: #e2993f
    }

        .btn-outline.btn-warning:focus {
            background-color: #e2993f
        }

    .btn-outline.btn-success {
        border: 1px solid #28c97b;
        color: #28c97b
    }

        .btn-outline.btn-success:focus {
            background-color: #28c97b
        }

    .btn-outline.btn-danger {
        border: 1px solid #d6451d;
        color: #d6451d
    }

        .btn-outline.btn-danger:focus {
            background-color: #d6451d
        }

    .btn-outline.btn-inverse {
        border: 1px solid #363f3f;
        color: #363f3f
    }

        .btn-outline.btn-inverse:focus {
            background-color: #363f3f
        }

    .btn-outline:active, .btn-outline:focus, .btn-outline:focus:active, .btn-outline:hover {
        border-color: transparent;
        color: #fff
    }

.btn-3d {
    position: relative;
    border: 0;
    border-radius: 6px !important;
    margin-top: 4px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

    .btn-3d.active, .btn-3d:active {
        top: 4px
    }

    .btn-3d.btn-default {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #ededed,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #ededed,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-default, .btn-3d.btn-default:hover {
            background-color: #fff
        }

            .btn-3d.btn-default:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #ededed;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #ededed
            }

    .btn-3d.btn-primary {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #003260,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #003260,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-primary, .btn-3d.btn-primary:hover {
            background-color: #004484
        }

            .btn-3d.btn-primary:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #003260;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #003260
            }

    .btn-3d.btn-danger {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #b73b19,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #b73b19,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-danger, .btn-3d.btn-danger:hover {
            background-color: #d6451d
        }

            .btn-3d.btn-danger:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #b73b19;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #b73b19
            }

    .btn-3d.btn-warning {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #dc8821,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #dc8821,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-warning, .btn-3d.btn-warning:hover {
            background-color: #e2993f
        }

            .btn-3d.btn-warning:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #dc8821;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #dc8821
            }

    .btn-3d.btn-info {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #3176aa,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #3176aa,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-info, .btn-3d.btn-info:hover {
            background-color: #3989c6
        }

            .btn-3d.btn-info:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #3176aa;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #3176aa
            }

    .btn-3d.btn-success {
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #22ab69,0 6px 2px 1px rgba(0,0,0,.4);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 6px 0 0 #22ab69,0 6px 2px 1px rgba(0,0,0,.4)
    }

        .btn-3d.btn-success, .btn-3d.btn-success:hover {
            background-color: #28c97b
        }

            .btn-3d.btn-success:active {
                -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #22ab69;
                box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,0 2px 0 0 #22ab69
            }

    .btn-3d.btn-outline {
        background-color: transparent
    }

.btn-circle {
    text-align: center;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 12px
}

    .btn-circle.btn-sm {
        width: 20px;
        height: 20px;
        padding: 1px;
        font-size: 9px
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 6px;
        font-size: 17px
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 6px;
        font-size: 24px
    }

    .btn-circle.btn-xxl {
        width: 90px;
        height: 90px;
        padding: 7px;
        font-size: 30px
    }

.btn-labeled {
    position: relative;
    padding-left: 52px
}

    .btn-labeled .btn-label {
        padding: 6px 12px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        text-align: center;
        width: 40px;
        background: rgba(0,0,0,.15);
        border-radius: 2px 0 0 2px
    }

    .btn-labeled.btn-xl {
        padding-left: 90px
    }

        .btn-labeled.btn-xl .btn-label {
            padding: 10px 20px;
            width: 70px
        }

    .btn-labeled.btn-lg {
        padding-left: 76px
    }

        .btn-labeled.btn-lg .btn-label {
            padding: 10px 16px;
            width: 60px
        }

    .btn-labeled.btn-sm {
        padding-left: 40px
    }

        .btn-labeled.btn-sm .btn-label {
            padding: 5px 10px;
            width: 30px
        }

    .btn-labeled.btn-xs {
        padding-left: 27px
    }

        .btn-labeled.btn-xs .btn-label {
            padding: 1px 5px;
            width: 22px
        }

.btn-xl {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 2px
}

.btn-social.btn-xl {
    padding-left: 80px
}

    .btn-social.btn-xl :first-child {
        line-height: 60px;
        width: 60px
    }

.btn-social-icon.btn-xl {
    height: 60px;
    width: 60px;
    padding: 0
}

    .btn-social-icon.btn-xl > :first-child {
        line-height: 60px
    }

legend {
    font-weight: 400;
    border-style: dashed;
    border-color: #ccc;
    padding-bottom: 5px;
    font-size: 18px
}

.form-input-note {
    color: #919191;
    font-size: 11px
}

label {
    font-weight: 400;
    margin-bottom: 3px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.help-block {
    margin-top: 3px;
    margin-bottom: 4px;
    font-size: 90%
}

.form-control:focus, .form-control:hover {
    background-color: #fcfcfc
}

.form-control:hover {
    border-color: #b3b3b3
}

.form-control:focus {
    border-color: #3989c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border-color: #d9d9d9
}

textarea.expandible {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    textarea.expandible:focus {
        min-height: 100px
    }

fieldset[disabled] .has-error .checkbox, fieldset[disabled] .has-error .checkbox-inline, fieldset[disabled] .has-error .control-label, fieldset[disabled] .has-error .help-block, fieldset[disabled] .has-error .radio, fieldset[disabled] .has-error .radio-inline, fieldset[disabled] .has-error.checkbox label, fieldset[disabled] .has-error.checkbox-inline label, fieldset[disabled] .has-error.radio label, fieldset[disabled] .has-error.radio-inline label {
    color: #c9411b
}

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

    fieldset[disabled] .has-error .form-control:focus {
        border-color: #b23918;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ed9077;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ed9077
    }

fieldset[disabled] .has-error .input-group-addon {
    color: #c9411b;
    border-color: #df481e;
    background-color: #fef6f4
}

fieldset[disabled] .has-error .form-control-feedback {
    color: #c9411b
}

fieldset[disabled] .has-success .checkbox, fieldset[disabled] .has-success .checkbox-inline, fieldset[disabled] .has-success .control-label, fieldset[disabled] .has-success .help-block, fieldset[disabled] .has-success .radio, fieldset[disabled] .has-success .radio-inline, fieldset[disabled] .has-success.checkbox label, fieldset[disabled] .has-success.checkbox-inline label, fieldset[disabled] .has-success.radio label, fieldset[disabled] .has-success.radio-inline label {
    color: #209e61
}

fieldset[disabled] .has-success .form-control {
    border-color: #24b46e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    fieldset[disabled] .has-success .form-control:focus {
        border-color: #1b8954;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #5edfa1;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #5edfa1
    }

fieldset[disabled] .has-success .input-group-addon {
    color: #209e61;
    border-color: #24b46e;
    background-color: #f3fdf8
}

fieldset[disabled] .has-success .form-control-feedback {
    color: #209e61
}

fieldset[disabled] .has-warning .checkbox, fieldset[disabled] .has-warning .checkbox-inline, fieldset[disabled] .has-warning .control-label, fieldset[disabled] .has-warning .help-block, fieldset[disabled] .has-warning .radio, fieldset[disabled] .has-warning .radio-inline, fieldset[disabled] .has-warning.checkbox label, fieldset[disabled] .has-warning.checkbox-inline label, fieldset[disabled] .has-warning.radio label, fieldset[disabled] .has-warning.radio-inline label {
    color: #cf801f
}

fieldset[disabled] .has-warning .form-control {
    border-color: #df8d29;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    fieldset[disabled] .has-warning .form-control:focus {
        border-color: #b9721c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ecbc81;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ecbc81
    }

fieldset[disabled] .has-warning .input-group-addon {
    color: #cf801f;
    border-color: #df8d29;
    background-color: #fff
}

fieldset[disabled] .has-warning .form-control-feedback {
    color: #cf801f
}

.lobi-form input, .lobi-form select, .lobi-form textarea {
    outline: 0;
    width: 100%;
    border: 1px solid #c7c7c7;
    padding: 5px 10px
}

.lobi-form input, .lobi-form select {
    height: 32px
}

.lobi-form textarea {
    height: auto;
    resize: none
}

.lobi-form input, .lobi-form select, .lobi-form textarea {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

    .lobi-form input:hover, .lobi-form select:hover, .lobi-form textarea:hover {
        border-color: #61a1d1
    }

    .lobi-form input:focus, .lobi-form select:focus, .lobi-form textarea:focus {
        border-color: #3989c6
    }

    .lobi-form input:focus, .lobi-form input:hover, .lobi-form select:focus, .lobi-form select:hover, .lobi-form textarea:focus, .lobi-form textarea:hover {
        background-color: #fcfcfc
    }

.lobi-form fieldset {
    padding: 15px
}

    .lobi-form fieldset header {
        font-size: 18px;
        padding-bottom: 7px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #ccc
    }

    .lobi-form fieldset + fieldset {
        border-top: 1px solid #e2e2e2;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.02);
        box-shadow: inset 0 1px 3px rgba(0,0,0,.02)
    }

    .lobi-form fieldset[disabled] input, .lobi-form fieldset[disabled] input:focus, .lobi-form fieldset[disabled] input:hover, .lobi-form fieldset[disabled] select, .lobi-form fieldset[disabled] select:focus, .lobi-form fieldset[disabled] select:hover, .lobi-form fieldset[disabled] textarea, .lobi-form fieldset[disabled] textarea:focus, .lobi-form fieldset[disabled] textarea:hover {
        cursor: not-allowed;
        border-color: #d9d9d9;
        background-color: #f6f6f6
    }

    .lobi-form fieldset[disabled] .checkbox, .lobi-form fieldset[disabled] .radio {
        cursor: not-allowed
    }

.lobi-form footer {
    text-align: right;
    padding: 10px 12px;
    border-top: 1px solid rgba(0,0,0,.1);
    background-color: #eee
}

.lobi-form .input {
    position: relative;
    font-weight: 400;
    display: block
}

    .lobi-form .input .tooltip {
        position: absolute;
        z-index: 99999;
        left: -9999px;
        padding: 3px 8px;
        font-size: 11px;
        line-height: 17px;
        font-weight: 400;
        background: rgba(0,0,0,.9);
        border-color: rgba(0,0,0,.9);
        color: #fff;
        opacity: 0;
        -webkit-transition: margin .3s,opacity .3s;
        -o-transition: margin .3s,opacity .3s;
        transition: margin .3s,opacity .3s
    }

        .lobi-form .input .tooltip:after {
            content: ' ';
            position: absolute;
            color: inherit
        }

        .lobi-form .input .tooltip.tooltip-primary {
            background-color: #004484;
            color: #fff;
            border-color: #004484
        }

        .lobi-form .input .tooltip.tooltip-danger {
            background-color: #d6451d;
            color: #fff;
            border-color: #d6451d
        }

        .lobi-form .input .tooltip.tooltip-success {
            background-color: #28c97b;
            color: #fff;
            border-color: #28c97b
        }

        .lobi-form .input .tooltip.tooltip-info {
            background-color: #3989c6;
            color: #fff;
            border-color: #3989c6
        }

        .lobi-form .input .tooltip.tooltip-warning {
            background-color: #e2993f;
            color: #fff;
            border-color: #e2993f
        }

    .lobi-form .input .tooltip-top-left, .lobi-form .input .tooltip-top-right {
        bottom: 100%;
        margin-bottom: 15px
    }

    .lobi-form .input .tooltip-bottom-left, .lobi-form .input .tooltip-bottom-right {
        top: 100%;
        margin-top: 15px
    }

    .lobi-form .input .tooltip-left {
        top: 4px;
        white-space: nowrap;
        margin-right: 15px
    }

    .lobi-form .input .tooltip-right {
        top: 4px;
        white-space: nowrap;
        margin-left: 15px
    }

    .lobi-form .input .tooltip-bottom-left:after {
        bottom: 100%;
        left: 11.5px;
        border: 4px solid transparent;
        border-bottom-color: inherit
    }

    .lobi-form .input .tooltip-bottom-right:after {
        bottom: 100%;
        right: 11.5px;
        border: 4px solid transparent;
        border-bottom-color: inherit
    }

    .lobi-form .input .tooltip-top-right:after {
        top: 100%;
        right: 11.5px;
        border: 4px solid transparent;
        border-top-color: inherit
    }

    .lobi-form .input .tooltip-top-left:after {
        top: 100%;
        left: 11.5px;
        border: 4px solid transparent;
        border-top-color: inherit
    }

    .lobi-form .input .tooltip-left:after {
        top: 6px;
        left: 100%;
        border: 4px solid transparent;
        border-left-color: inherit
    }

    .lobi-form .input .tooltip-right:after {
        top: 6px;
        right: 100%;
        border: 4px solid transparent;
        border-right-color: inherit
    }

    .lobi-form .input input:focus + .tooltip, .lobi-form .input textarea:focus + .tooltip {
        opacity: 1
    }

    .lobi-form .input input:focus + .tooltip-top-right, .lobi-form .input textarea:focus + .tooltip-top-right {
        right: 0;
        left: auto;
        margin-bottom: 5px
    }

    .lobi-form .input input:focus + .tooltip-top-left, .lobi-form .input textarea:focus + .tooltip-top-left {
        left: 0;
        margin-bottom: 5px
    }

    .lobi-form .input input:focus + .tooltip-bottom-right, .lobi-form .input textarea:focus + .tooltip-bottom-right {
        right: 0;
        left: auto;
        margin-top: 5px
    }

    .lobi-form .input input:focus + .tooltip-bottom-left, .lobi-form .input textarea:focus + .tooltip-bottom-left {
        left: 0;
        margin-top: 5px
    }

    .lobi-form .input input:focus + .tooltip-left, .lobi-form .input textarea:focus + .tooltip-left {
        left: auto;
        right: 100%;
        margin-right: 5px
    }

    .lobi-form .input input:focus + .tooltip-right, .lobi-form .input textarea:focus + .tooltip-right {
        left: 100%;
        margin-left: 5px
    }

.lobi-form .input-icon {
    position: absolute;
    text-align: center;
    color: #bababa;
    top: 4px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.lobi-form .input-icon-append {
    border-left: 1px solid #bababa;
    padding-left: 3px;
    right: 5px
}

    .lobi-form .input-icon-append ~ input, .lobi-form .input-icon-append ~ textarea {
        padding-right: 39px
    }

.lobi-form .input-icon-prepend {
    border-right: 1px solid #bababa;
    padding-right: 3px;
    left: 5px
}

    .lobi-form .input-icon-prepend ~ input, .lobi-form .input-icon-prepend ~ textarea {
        padding-left: 39px
    }

.lobi-form .input-file .input-button {
    position: absolute;
    right: 1px;
    top: 1px;
    border-color: transparent;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    cursor: default;
    height: 30px;
    line-height: 30px;
    background-color: #3989c6;
    width: 100px
}

    .lobi-form .input-file .input-button input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0
    }

.lobi-form fieldset[disabled] .input .input-button {
    cursor: not-allowed;
    background-color: #88b8dd
}

    .lobi-form fieldset[disabled] .input .input-button input[type=file] {
        cursor: not-allowed
    }

.lobi-form .form-group.has-feedback .input .input-icon-append ~ .form-control-feedback {
    right: 29px
}

.lobi-form .has-success label {
    color: #1b8954
}

.lobi-form .has-success input, .lobi-form .has-success select, .lobi-form .has-success textarea {
    border-color: #1b8954
}

.lobi-form .has-error label {
    color: #b23918
}

.lobi-form .has-error input, .lobi-form .has-error select, .lobi-form .has-error textarea {
    border-color: #b23918
}

.lobi-form .has-warning label {
    color: #b9721c
}

.lobi-form .has-warning input, .lobi-form .has-warning select, .lobi-form .has-warning textarea {
    border-color: #b9721c
}

.lobi-form .has-feedback .input-file .form-control-feedback {
    right: 105px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #1b8954
}

.has-success .form-control {
    border-color: #1b8954;
    -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: #135f3a
    }

.has-success .input-group-addon {
    color: #1b8954;
    border-color: #1b8954;
    background-color: #c9f4df
}

.has-success .form-control-feedback {
    color: #1b8954
}

.has-success .form-control:focus + .form-control-feedback {
    color: #135f3a
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #b9721c
}

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

    .has-warning .form-control:focus {
        border-color: #8c5715
    }

.has-warning .input-group-addon {
    color: #b9721c;
    border-color: #b9721c;
    background-color: #fdf7f0
}

.has-warning .form-control-feedback {
    color: #b9721c
}

.has-warning .form-control:focus + .form-control-feedback {
    color: #8c5715
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #b23918
}

.has-error .form-control {
    border-color: #b23918;
    -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: #852b12
    }

.has-error .input-group-addon {
    color: #b23918;
    border-color: #b23918;
    background-color: #f7d2c8
}

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

.has-error .form-control:focus + .form-control-feedback {
    color: #852b12
}

.has-error .form-control + .form-control-feedback, .has-success .form-control + .form-control-feedback, .has-warning .form-control + .form-control-feedback {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group-xs .form-control, .input-xs {
    height: 24px;
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.8;
    border-radius: 0
}

select.form-group-xs .form-control, select.input-xs {
    height: 24px;
    line-height: 24px
}

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

.form-group-xl .form-control, .input-xl {
    height: 56px;
    padding: 10px 20px;
    font-size: 28px;
    line-height: 1.1;
    border-radius: 2px
}

select.form-group-xl .form-control, select.input-xl {
    height: 56px;
    line-height: 56px
}

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

@media (min-width:768px) {
    .form-group-xs .control-label {
        padding-top: 2px
    }
}

.form-group-xl .form-control-feedback, .input-xl + .form-control-feedback {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 28px
}

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

.form-group-lg .form-control-feedback, .input-lg + .form-control-feedback {
    font-size: 17px
}

.form-group-sm .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.form-group-sm .form-control-feedback, .input-sm + .form-control-feedback {
    font-size: 12px
}

.form-group-xs .form-control-feedback, .input-xs + .form-control-feedback {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 11px
}

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

.has-feedback.form-group-xl .form-control {
    padding-right: 56px
}

.has-feedback.form-group-lg .form-control {
    padding-right: 45px
}

.has-feedback.form-group-sm .form-control {
    padding-right: 30px
}

.has-feedback.form-group-xs .form-control {
    padding-right: 24px
}

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

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

.lobicheck {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-top: 5px;
    padding-left: 30px;
    margin-bottom: 8px
}

    .lobicheck i {
        position: absolute;
        left: 0;
        outline: 0;
        display: block;
        border-style: solid;
        background: #fff;
        border-color: #777;
        -webkit-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s
    }

    .lobicheck input[type=checkbox] {
        position: absolute;
        left: -10000px
    }

        .lobicheck input[type=checkbox]:checked + i:after {
            left: 0;
            position: absolute;
            font-style: normal;
            text-align: center;
            font-weight: 400;
            content: "\f00c";
            font-family: FontAwesome;
            line-height: 19px
        }

    .lobicheck i {
        color: #004484
    }

    .lobicheck input[type=checkbox]:checked + i {
        border-color: #004484
    }

    .lobicheck:hover input[type=checkbox]:checked + i {
        border-color: #004484;
        color: #004484
    }

    .lobicheck:hover i {
        border-color: #004484
    }

    .lobicheck.lobicheck-inversed i {
        color: #fff
    }

    .lobicheck.lobicheck-inversed input[type=checkbox]:checked + i {
        background-color: #004484
    }

    .lobicheck.lobicheck-inversed:hover input[type=checkbox]:checked + i {
        border-color: #002a51;
        background-color: #002a51;
        color: #fff
    }

    .lobicheck i {
        width: 18px;
        height: 18px;
        border-width: 1px;
        top: 0
    }

    .lobicheck input[type=checkbox]:checked + i:after {
        font-size: 16px;
        top: -1px;
        width: 15px;
        height: 15px
    }

    .lobicheck.lobicheck-rounded i {
        border-radius: 4.5px
    }

    .lobicheck:hover i {
        -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,.1);
        box-shadow: inset 0 -1px 1px rgba(0,0,0,.1)
    }

    .lobicheck:active i {
        -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.2);
        box-shadow: inset 2px 2px 5px rgba(0,0,0,.2);
        background-color: #f4f4f4
    }

.lobicheck-warning i {
    color: #e2993f
}

.lobicheck-warning input[type=checkbox]:checked + i {
    border-color: #e2993f
}

.lobicheck-warning:hover input[type=checkbox]:checked + i {
    border-color: #e2993f;
    color: #e2993f
}

.lobicheck-warning:hover i {
    border-color: #e2993f
}

.lobicheck-warning.lobicheck-inversed i {
    color: #fff
}

.lobicheck-warning.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #e2993f
}

.lobicheck-warning.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #cf801f;
    background-color: #cf801f;
    color: #fff
}

.lobicheck-success i {
    color: #28c97b
}

.lobicheck-success input[type=checkbox]:checked + i {
    border-color: #28c97b
}

.lobicheck-success:hover input[type=checkbox]:checked + i {
    border-color: #28c97b;
    color: #28c97b
}

.lobicheck-success:hover i {
    border-color: #28c97b
}

.lobicheck-success.lobicheck-inversed i {
    color: #fff
}

.lobicheck-success.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #28c97b
}

.lobicheck-success.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #209e61;
    background-color: #209e61;
    color: #fff
}

.lobicheck-danger i {
    color: #d6451d
}

.lobicheck-danger input[type=checkbox]:checked + i {
    border-color: #d6451d
}

.lobicheck-danger:hover input[type=checkbox]:checked + i {
    border-color: #d6451d;
    color: #d6451d
}

.lobicheck-danger:hover i {
    border-color: #d6451d
}

.lobicheck-danger.lobicheck-inversed i {
    color: #fff
}

.lobicheck-danger.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #d6451d
}

.lobicheck-danger.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #a93717;
    background-color: #a93717;
    color: #fff
}

.lobicheck-info i {
    color: #3989c6
}

.lobicheck-info input[type=checkbox]:checked + i {
    border-color: #3989c6
}

.lobicheck-info:hover input[type=checkbox]:checked + i {
    border-color: #3989c6;
    color: #3989c6
}

.lobicheck-info:hover i {
    border-color: #3989c6
}

.lobicheck-info.lobicheck-inversed i {
    color: #fff
}

.lobicheck-info.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #3989c6
}

.lobicheck-info.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #2e6e9e;
    background-color: #2e6e9e;
    color: #fff
}

.lobicheck-inverse i {
    color: #363f3f
}

.lobicheck-inverse input[type=checkbox]:checked + i {
    border-color: #363f3f
}

.lobicheck-inverse:hover input[type=checkbox]:checked + i {
    border-color: #363f3f;
    color: #363f3f
}

.lobicheck-inverse:hover i {
    border-color: #363f3f
}

.lobicheck-inverse.lobicheck-inversed i {
    color: #fff
}

.lobicheck-inverse.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #363f3f
}

.lobicheck-inverse.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #1e2424;
    background-color: #1e2424;
    color: #fff
}

.lobicheck-lg {
    padding-left: 30px;
    margin-bottom: 13px
}

    .lobicheck-lg i {
        width: 25px;
        height: 25px;
        border-width: 2px;
        top: -2px
    }

    .lobicheck-lg input[type=checkbox]:checked + i:after {
        font-size: 22px;
        top: 2px;
        width: 20px;
        height: 20px
    }

    .lobicheck-lg.lobicheck-rounded i {
        border-radius: 6.25px
    }

.form-horizontal .lobicheck i {
    margin-top: 6px
}

fieldset[disabled] .lobicheck i {
    color: #84c3ff
}

fieldset[disabled] .lobicheck input[type=checkbox]:checked + i {
    border-color: #84c3ff
}

fieldset[disabled] .lobicheck:hover input[type=checkbox]:checked + i {
    border-color: #84c3ff;
    color: #84c3ff
}

fieldset[disabled] .lobicheck.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #84c3ff
}

fieldset[disabled] .lobicheck:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #84c3ff;
    background-color: #84c3ff;
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-warning i {
    color: #f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning input[type=checkbox]:checked + i {
    border-color: #f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning:hover input[type=checkbox]:checked + i {
    border-color: #f6e0c4;
    color: #f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #f6e0c4;
    background-color: #f6e0c4;
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-danger i {
    color: #f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger input[type=checkbox]:checked + i {
    border-color: #f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger:hover input[type=checkbox]:checked + i {
    border-color: #f1ad9b;
    color: #f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #f1ad9b;
    background-color: #f1ad9b;
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-success i {
    color: #9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success input[type=checkbox]:checked + i {
    border-color: #9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success:hover input[type=checkbox]:checked + i {
    border-color: #9eecc6;
    color: #9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #9eecc6;
    background-color: #9eecc6;
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-info i {
    color: #b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info input[type=checkbox]:checked + i {
    border-color: #b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info:hover input[type=checkbox]:checked + i {
    border-color: #b0d0e8;
    color: #b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #b0d0e8;
    background-color: #b0d0e8;
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-inverse i {
    color: #7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse input[type=checkbox]:checked + i {
    border-color: #7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse:hover input[type=checkbox]:checked + i {
    border-color: #7e9090;
    color: #7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed i {
    color: #fff
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color: #7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse:hover i {
    border-color: #777
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #7e9090;
    background-color: #7e9090;
    color: #fff
}

.lobicheck input:disabled:checked + i, .lobicheck:hover input:disabled:checked + i {
    border-color: #84c3ff;
    color: #84c3ff
}

.lobicheck-danger input:disabled:checked + i, .lobicheck-danger:hover input:disabled:checked + i {
    border-color: #f1ad9b;
    color: #f1ad9b
}

.lobicheck-success input:disabled:checked + i, .lobicheck-success:hover input:disabled:checked + i {
    border-color: #9eecc6;
    color: #9eecc6
}

.lobicheck-warning input:disabled:checked + i, .lobicheck-warning:hover input:disabled:checked + i {
    border-color: #f6e0c4;
    color: #f6e0c4
}

.lobicheck-info input:disabled:checked + i, .lobicheck-info:hover input:disabled:checked + i {
    border-color: #b0d0e8;
    color: #b0d0e8
}

.lobicheck-inverse input:disabled:checked + i, .lobicheck-inverse:hover input:disabled:checked + i {
    border-color: #7e9090;
    color: #7e9090
}

.lobicheck.lobicheck-inversed input:disabled:checked + i, .lobicheck.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #84c3ff;
    background-color: #84c3ff;
    color: #fff
}

.lobicheck-danger.lobicheck-inversed input:disabled:checked + i, .lobicheck-danger.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #f1ad9b;
    background-color: #f1ad9b;
    color: #fff
}

.lobicheck-success.lobicheck-inversed input:disabled:checked + i, .lobicheck-success.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #9eecc6;
    background-color: #9eecc6;
    color: #fff
}

.lobicheck-warning.lobicheck-inversed input:disabled:checked + i, .lobicheck-warning.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #f6e0c4;
    background-color: #f6e0c4;
    color: #fff
}

.lobicheck-info.lobicheck-inversed input:disabled:checked + i, .lobicheck-info.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #b0d0e8;
    background-color: #b0d0e8;
    color: #fff
}

.lobicheck-inverse.lobicheck-inversed input:disabled:checked + i, .lobicheck-inverse.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #7e9090;
    background-color: #7e9090;
    color: #fff
}

.lobicheck:active input:disabled + i, fieldset[disabled] .lobicheck:active i {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.lobicheck:hover input:disabled + i, fieldset[disabled] .lobicheck:hover i {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #777
}

.table tr td .lobicheck, .table tr th .lobicheck {
    margin-top: 0;
    margin-bottom: 0
}

body {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif
}

.highlight {
    overflow: auto;
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px
}

    .highlight pre {
        min-width: 400px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        word-break: normal;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

        .highlight pre code {
            padding: 0;
            background-color: transparent
        }

.bs-example + .highlight {
    margin-top: -16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

body, html {
    display: table;
    width: 100%;
    height: 100%;
    background-attachment: fixed
}

.login-wrapper {
    display: table-cell;
    vertical-align: middle
}

    .login-wrapper form {
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
        visibility: hidden;
        position: fixed;
        z-index: -5;
        border-bottom: none;
        box-shadow: none;
        padding: 6px;
        -moz-transform: scale(0,1) translate(-150px);
        -webkit-transform: scale(0,1) translate(-150px);
        -o-transform: scale(0,1) translate(-150px);
        -ms-transform: scale(0,1) translate(-150px);
        transform: scale(0,1) translate(-150px);
        margin: 0 auto;
        max-width: 400px;
        background-color: #fff;
        border-radius: 0
    }

        .login-wrapper form .login-header {
            font-weight: 400;
            font-size: 22px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            padding: 15px 20px;
            background-color: #f4f4f4;
            border-bottom: 1px solid #ddd
        }

            .login-wrapper form .login-header a {
                color: #079170
            }

        .login-wrapper form .login-footer {
            background-color: #f4f4f4;
            border-top: 1px solid #ddd;
            padding: 15px 20px
        }

            .login-wrapper form .login-footer:after, .login-wrapper form .login-footer:before {
                content: " ";
                display: table
            }

            .login-wrapper form .login-footer:after {
                clear: both
            }

        .login-wrapper form.visible {
            visibility: visible;
            position: relative;
            z-index: auto;
            -moz-transform: scale(1,1) translate(0);
            -webkit-transform: scale(1,1) translate(0);
            -o-transform: scale(1,1) translate(0);
            -ms-transform: scale(1,1) translate(0);
            transform: scale(1,1) translate(0);
            transition: transform .3s ease;
            -moz-transition: -moz-transform .3s ease;
            -webkit-transition: -webkit-transform .3s ease;
            -o-transition: -o-transform .2s ease
        }