@charset "utf-8";
.page {
    position: relative;
    min-height: -webkit-calc(100% - 44px);
    min-height: calc(100% - 44px);
}

.page-content {
    padding: 30px 30px
}

@media (max-width:479px) {
    .page-content {
        padding: 10px
    }
}

@media (max-width:991px) {
    .page {
        min-height: -webkit-calc(100% - 66px);
        min-height: calc(100% - 66px)
    }
}

.page-header+.page-content {
    padding-top: 0
}

.page-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px
}

.page-title>.icon {
    margin-right: .3em
}

.page-header {
    position: relative;
    padding: 30px 30px;
    margin-top: 0;
    margin-bottom: 0;
    background: 0 0;
    border-bottom: 0
}

.page-header .breadcrumb {
    padding: 0;
    margin: 0
}

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

.checkbox-custom label,
.radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-custom input[type=checkbox],
.radio-custom input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 0;
    margin-bottom: 0
}

.checkbox-custom.disabled label,
.radio-custom.disabled label {
    cursor: not-allowed
}

.input-group-addon .checkbox-custom,
.input-group-addon .radio-custom {
    margin: 0
}

.checkbox-custom {
    padding-left: 20px
}

.checkbox-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.checkbox-custom label:empty {
    padding-left: 0
}

.checkbox-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    margin-left: -20px;
    text-align: center;
    padding-top: 1px;
    font-size: 12px;
    color: #76838f
}

.checkbox-custom input[type=checkbox],
.checkbox-custom input[type=radio] {
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px
}

.checkbox-custom input[type=checkbox]:focus+label::before,
.checkbox-custom input[type=radio]:focus+label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox-custom input[type=checkbox]:checked+label::before,
.checkbox-custom input[type=radio]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom input[type=checkbox]:checked+label::after,
.checkbox-custom input[type=radio]:checked+label::after {
    font-family: metinfo-icon2;
    content: '\e6ad'
}

.checkbox-custom input[type=checkbox]:disabled+label,
.checkbox-custom input[type=radio]:disabled+label {
    opacity: .65
}

.checkbox-custom input[type=checkbox]:disabled+label::before,
.checkbox-custom input[type=radio]:disabled+label::before {
    background-color: #f3f7f9;
    border-color: #e4eaec;
    border-width: 1px;
    cursor: not-allowed
}

.checkbox-custom.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox-custom.checkbox-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.checkbox-inline+.checkbox-inline {
    margin-left: 20px
}

.checkbox-default input[type=checkbox]:checked+label::before,
.checkbox-default input[type=radio]:checked+label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.checkbox-default input[type=checkbox]:checked+label::after,
.checkbox-default input[type=radio]:checked+label::after {
    color: #62a8ea
}

.checkbox-primary input[type=checkbox]:checked+label::before,
.checkbox-primary input[type=radio]:checked+label::before {
    background-color: #62a8ea;
    border-color: #62a8ea
}

.checkbox-primary input[type=checkbox]:checked+label::after,
.checkbox-primary input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label::before,
.checkbox-danger input[type=radio]:checked+label::before {
    background-color: #f96868;
    border-color: #f96868
}

.checkbox-danger input[type=checkbox]:checked+label::after,
.checkbox-danger input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before,
.checkbox-info input[type=radio]:checked+label::before {
    background-color: #57c7d4;
    border-color: #57c7d4
}

.checkbox-info input[type=checkbox]:checked+label::after,
.checkbox-info input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked+label::before,
.checkbox-warning input[type=radio]:checked+label::before {
    background-color: #f2a654;
    border-color: #f2a654
}

.checkbox-warning input[type=checkbox]:checked+label::after,
.checkbox-warning input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked+label::before,
.checkbox-success input[type=radio]:checked+label::before {
    background-color: #46be8a;
    border-color: #46be8a
}

.checkbox-success input[type=checkbox]:checked+label::after,
.checkbox-success input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-sm {
    padding-left: 18px
}

.checkbox-sm label {
    padding-left: 8px
}

.checkbox-sm label:empty {
    padding-left: 0
}

.checkbox-sm label::after,
.checkbox-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -18px
}

.checkbox-sm label::after {
    font-size: 10px;
    line-height: 18px
}

.checkbox-sm input[type=checkbox],
.checkbox-sm input[type=radio] {
    width: 18px;
    height: 18px
}

.checkbox-sm input[type=checkbox]:checked+label::before,
.checkbox-sm input[type=radio]:checked+label::before {
    border-width: 9px
}

.checkbox-lg {
    padding-left: 24px
}

.checkbox-lg label {
    padding-left: 12px
}

.checkbox-lg label:empty {
    padding-left: 0
}

.checkbox-lg label::after,
.checkbox-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -24px
}

.checkbox-lg label::after {
    font-size: 14px;
    line-height: 24px
}

.checkbox-lg input[type=checkbox],
.checkbox-lg input[type=radio] {
    width: 24px;
    height: 24px
}

.checkbox-lg input[type=checkbox]:checked+label::before,
.checkbox-lg input[type=radio]:checked+label::before {
    border-width: 12px
}

.radio-custom {
    padding-left: 20px
}

.radio-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.radio-custom label:empty {
    padding-left: 0
}

.radio-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}

.radio-custom label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border: 2px solid #76838f;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-custom input[type=radio] {
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1
}

.radio-custom input[type=radio]:focus+label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio-custom input[type=radio]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px
}

.radio-custom input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio-custom input[type=radio]:disabled+label {
    opacity: .65
}

.radio-custom input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio-custom.radio-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.radio-inline+.radio-inline {
    margin-left: 20px
}

.radio-default input[type=radio]:checked+label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.radio-default input[type=radio]:checked+label::after {
    border-color: #62a8ea
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #62a8ea
}

.radio-primary input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #f96868
}

.radio-danger input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #57c7d4
}

.radio-info input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f2a654
}

.radio-warning input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #46be8a
}

.radio-success input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-sm {
    padding-left: 18px
}

.radio-sm label {
    padding-left: 8px
}

.radio-sm label:empty {
    padding-left: 0
}

.radio-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -20px
}

.radio-sm label::after {
    width: 4px;
    height: 4px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border-width: 2px
}

.radio-sm input[type=radio] {
    width: 18px;
    height: 18px
}

.radio-sm input[type=radio]:checked+label::before {
    border-width: 9px
}

.radio-lg {
    padding-left: 24px
}

.radio-lg label {
    padding-left: 12px
}

.radio-lg label:empty {
    padding-left: 0
}

.radio-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -20px
}

.radio-lg label::after {
    width: 8px;
    height: 8px;
    left: 8px;
    top: 8px;
    margin-left: -20px;
    border-width: 2px
}

.radio-lg input[type=radio] {
    width: 24px;
    height: 24px
}

.radio-lg input[type=radio]:checked+label::before {
    border-width: 12px
}

@media (min-width:768px) {

    .form-inline .checkbox-custom,
    .form-inline .radio-custom {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox-custom label,
    .form-inline .radio-custom label {
        padding-left: 0
    }

    .form-inline .checkbox-custom input[type=checkbox],
    .form-inline .radio-custom input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .radio-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom input[type=checkbox] {
        position: absolute;
        margin-left: -20px
    }

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

.form-horizontal .checkbox-custom,
.form-horizontal .radio-custom {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .501rem
}

.form-horizontal .checkbox-custom,
.form-horizontal .radio-custom {
    min-height: 2.073rem
}

.loader {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 40px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.loader-default {
    width: 1em;
    height: 1em;
    background-color: #a3afb7;
    border-radius: 100%;
    -webkit-animation: loader-default 1s infinite ease-in-out;
    -o-animation: loader-default 1s infinite ease-in-out;
    animation: loader-default 1s infinite ease-in-out
}

.loader-circle {
    width: 1em;
    height: 1em;
    border-top: .125em solid rgba(163, 175, 183, .5);
    border-right: .125em solid rgba(163, 175, 183, .5);
    border-bottom: .125em solid rgba(163, 175, 183, .5);
    border-left: .125em solid #a3afb7;
    border-radius: 50%;
    -webkit-animation: loader-circle 1.1s infinite linear;
    -o-animation: loader-circle 1.1s infinite linear;
    animation: loader-circle 1.1s infinite linear
}

.loader-round-circle {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: loader-round-circle 1.3s infinite linear;
    -o-animation: loader-round-circle 1.3s infinite linear;
    animation: loader-round-circle 1.3s infinite linear
}

.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #62a8ea;
    z-index: 999999
}

@-webkit-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@-o-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

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

@-webkit-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-o-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes loader-round-circle {

    0%,
    100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@-o-keyframes loader-round-circle {

    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@keyframes loader-round-circle {

    0%,
    100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animation-hover:not(:hover),
.animation-hover:not(:hover) [class*=animation-],
.touch .animation-hover:not(.hover),
.touch .animation-hover:not(.hover) [class*=animation-] {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

.animation-reverse {
    -webkit-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animation-repeat {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animation-fade {
    -webkit-animation-name: fade;
    -o-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

.animation-scale {
    -webkit-animation-name: scale-12;
    -o-animation-name: scale-12;
    animation-name: scale-12
}

.animation-scale-up {
    -webkit-animation-name: fade-scale-02;
    -o-animation-name: fade-scale-02;
    animation-name: fade-scale-02
}

.animation-scale-down {
    -webkit-animation-name: fade-scale-18;
    -o-animation-name: fade-scale-18;
    animation-name: fade-scale-18
}

.animation-slide-top {
    -webkit-animation-name: slide-top;
    -o-animation-name: slide-top;
    animation-name: slide-top
}

.animation-slide-bottom {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom
}

.animation-slide-left {
    -webkit-animation-name: slide-left;
    -o-animation-name: slide-left;
    animation-name: slide-left
}

.animation-slide-right {
    -webkit-animation-name: slide-right;
    -o-animation-name: slide-right;
    animation-name: slide-right
}

.animation-shake {
    -webkit-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

.animation-duration-10 {
    -webkit-animation-duration: 15s;
    -o-animation-duration: 15s;
    animation-duration: 15s
}

.animation-duration-9 {
    -webkit-animation-duration: 9s;
    -o-animation-duration: 9s;
    animation-duration: 9s
}

.animation-duration-8 {
    -webkit-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s
}

.animation-duration-7 {
    -webkit-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.animation-duration-6 {
    -webkit-animation-duration: 6s;
    -o-animation-duration: 6s;
    animation-duration: 6s
}

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

.animation-duration-4 {
    -webkit-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s
}

.animation-duration-3 {
    -webkit-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

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

.animation-duration-1 {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.animation-delay-100 {
    -webkit-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s
}

.animation-duration-250 {
    -webkit-animation-duration: 250ms;
    -o-animation-duration: 250ms;
    animation-duration: 250ms
}

.animation-duration-300 {
    -webkit-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.animation-duration-500 {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animation-duration-750 {
    -webkit-animation-duration: 750ms;
    -o-animation-duration: 750ms;
    animation-duration: 750ms
}

.animation-delay-1000 {
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.animation-delay-900 {
    -webkit-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.animation-delay-800 {
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.animation-delay-700 {
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.animation-delay-600 {
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.animation-delay-500 {
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.animation-delay-400 {
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.animation-delay-300 {
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.animation-delay-200 {
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.animation-delay-100 {
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.animation-top-left {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.animation-top-center {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.animation-top-right {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.animation-middle-left {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

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

@-o-keyframes scale-12 {
    0% {
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

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

@keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

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

@-webkit-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

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

@-o-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -o-transform: scale(.2);
        transform: scale(.2)
    }

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

@keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

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

@-webkit-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@-o-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake {

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

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

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

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

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

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

@-o-keyframes shake {

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

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

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

    30% {
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }

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

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

@keyframes shake {

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

    10% {
        -webkit-transform: translateX(-9px);
        -o-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        -o-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

.bg-red-100 {
    background-color: #ffeaea !important
}

.bg-red-200 {
    background-color: #fad3d3 !important
}

.bg-red-300 {
    background-color: #fab4b4 !important
}

.bg-red-400 {
    background-color: #fa9898 !important
}

.bg-red-500 {
    background-color: #fa7a7a !important
}

.bg-red-600 {
    background-color: #f96868 !important
}

.bg-red-700 {
    background-color: #e9595b !important
}

.bg-red-800 {
    background-color: #d6494b !important
}

.red-100 {
    color: #ffeaea !important
}

.red-200 {
    color: #fad3d3 !important
}

.red-300 {
    color: #fab4b4 !important
}

.red-400 {
    color: #fa9898 !important
}

.red-500 {
    color: #fa7a7a !important
}

.red-600 {
    color: #f96868 !important
}

.red-700 {
    color: #e9595b !important
}

.red-800 {
    color: #d6494b !important
}

.bg-pink-100 {
    background-color: #fce4ec !important
}

.bg-pink-200 {
    background-color: #ffccde !important
}

.bg-pink-300 {
    background-color: #fba9c6 !important
}

.bg-pink-400 {
    background-color: #fb8db4 !important
}

.bg-pink-500 {
    background-color: #f978a6 !important
}

.bg-pink-600 {
    background-color: #f96197 !important
}

.bg-pink-700 {
    background-color: #f44c87 !important
}

.bg-pink-800 {
    background-color: #e53b75 !important
}

.pink-100 {
    color: #fce4ec !important
}

.pink-200 {
    color: #ffccde !important
}

.pink-300 {
    color: #fba9c6 !important
}

.pink-400 {
    color: #fb8db4 !important
}

.pink-500 {
    color: #f978a6 !important
}

.pink-600 {
    color: #f96197 !important
}

.pink-700 {
    color: #f44c87 !important
}

.pink-800 {
    color: #e53b75 !important
}

.bg-purple-100 {
    background-color: #f6f2ff !important
}

.bg-purple-200 {
    background-color: #e3dbf4 !important
}

.bg-purple-300 {
    background-color: #d2c5ec !important
}

.bg-purple-400 {
    background-color: #bba7e4 !important
}

.bg-purple-500 {
    background-color: #a58add !important
}

.bg-purple-600 {
    background-color: #926dde !important
}

.bg-purple-700 {
    background-color: #7c51d1 !important
}

.bg-purple-800 {
    background-color: #6d45bc !important
}

.purple-100 {
    color: #f6f2ff !important
}

.purple-200 {
    color: #e3dbf4 !important
}

.purple-300 {
    color: #d2c5ec !important
}

.purple-400 {
    color: #bba7e4 !important
}

.purple-500 {
    color: #a58add !important
}

.purple-600 {
    color: #926dde !important
}

.purple-700 {
    color: #7c51d1 !important
}

.purple-800 {
    color: #6d45bc !important
}

.bg-indigo-100 {
    background-color: #edeff9 !important
}

.bg-indigo-200 {
    background-color: #dadef5 !important
}

.bg-indigo-300 {
    background-color: #bcc5f4 !important
}

.bg-indigo-400 {
    background-color: #9daaf3 !important
}

.bg-indigo-500 {
    background-color: #8897ec !important
}

.bg-indigo-600 {
    background-color: #677ae4 !important
}

.bg-indigo-700 {
    background-color: #5166d6 !important
}

.bg-indigo-800 {
    background-color: #465bd4 !important
}

.indigo-100 {
    color: #edeff9 !important
}

.indigo-200 {
    color: #dadef5 !important
}

.indigo-300 {
    color: #bcc5f4 !important
}

.indigo-400 {
    color: #9daaf3 !important
}

.indigo-500 {
    color: #8897ec !important
}

.indigo-600 {
    color: #677ae4 !important
}

.indigo-700 {
    color: #5166d6 !important
}

.indigo-800 {
    color: #465bd4 !important
}

.bg-blue-100 {
    background-color: #e8f1f8 !important
}

.bg-blue-200 {
    background-color: #d5e4f1 !important
}

.bg-blue-300 {
    background-color: #bcd8f1 !important
}

.bg-blue-400 {
    background-color: #a2caee !important
}

.bg-blue-500 {
    background-color: #89bceb !important
}

.bg-blue-600 {
    background-color: #62a8ea !important
}

.bg-blue-700 {
    background-color: #4e97d9 !important
}

.bg-blue-800 {
    background-color: #3583ca !important
}

.blue-100 {
    color: #e8f1f8 !important
}

.blue-200 {
    color: #d5e4f1 !important
}

.blue-300 {
    color: #bcd8f1 !important
}

.blue-400 {
    color: #a2caee !important
}

.blue-500 {
    color: #89bceb !important
}

.blue-600 {
    color: #62a8ea !important
}

.blue-700 {
    color: #4e97d9 !important
}

.blue-800 {
    color: #3583ca !important
}

.bg-cyan-100 {
    background-color: #ecf9fa !important
}

.bg-cyan-200 {
    background-color: #d3eff2 !important
}

.bg-cyan-300 {
    background-color: #baeaef !important
}

.bg-cyan-400 {
    background-color: #9ae1e9 !important
}

.bg-cyan-500 {
    background-color: #77d6e1 !important
}

.bg-cyan-600 {
    background-color: #57c7d4 !important
}

.bg-cyan-700 {
    background-color: #47b8c6 !important
}

.bg-cyan-800 {
    background-color: #37a9b7 !important
}

.cyan-100 {
    color: #ecf9fa !important
}

.cyan-200 {
    color: #d3eff2 !important
}

.cyan-300 {
    color: #baeaef !important
}

.cyan-400 {
    color: #9ae1e9 !important
}

.cyan-500 {
    color: #77d6e1 !important
}

.cyan-600 {
    color: #57c7d4 !important
}

.cyan-700 {
    color: #47b8c6 !important
}

.cyan-800 {
    color: #37a9b7 !important
}

.bg-teal-100 {
    background-color: #ecfdfc !important
}

.bg-teal-200 {
    background-color: #cdf4f1 !important
}

.bg-teal-300 {
    background-color: #99e1da !important
}

.bg-teal-400 {
    background-color: #79d1c9 !important
}

.bg-teal-500 {
    background-color: #56bfb5 !important
}

.bg-teal-600 {
    background-color: #3aa99e !important
}

.bg-teal-700 {
    background-color: #269b8f !important
}

.bg-teal-800 {
    background-color: #178d81 !important
}

.teal-100 {
    color: #ecfdfc !important
}

.teal-200 {
    color: #cdf4f1 !important
}

.teal-300 {
    color: #99e1da !important
}

.teal-400 {
    color: #79d1c9 !important
}

.teal-500 {
    color: #56bfb5 !important
}

.teal-600 {
    color: #3aa99e !important
}

.teal-700 {
    color: #269b8f !important
}

.teal-800 {
    color: #178d81 !important
}

.bg-green-100 {
    background-color: #e7faf2 !important
}

.bg-green-200 {
    background-color: #bfedd8 !important
}

.bg-green-300 {
    background-color: #9fe5c5 !important
}

.bg-green-400 {
    background-color: #7dd3ae !important
}

.bg-green-500 {
    background-color: #5cd29d !important
}

.bg-green-600 {
    background-color: #46be8a !important
}

.bg-green-700 {
    background-color: #36ab7a !important
}

.bg-green-800 {
    background-color: #279566 !important
}

.green-100 {
    color: #e7faf2 !important
}

.green-200 {
    color: #bfedd8 !important
}

.green-300 {
    color: #9fe5c5 !important
}

.green-400 {
    color: #7dd3ae !important
}

.green-500 {
    color: #5cd29d !important
}

.green-600 {
    color: #46be8a !important
}

.green-700 {
    color: #36ab7a !important
}

.green-800 {
    color: #279566 !important
}

.bg-light-green-100 {
    background-color: #f1f7ea !important
}

.bg-light-green-200 {
    background-color: #e0ecd1 !important
}

.bg-light-green-300 {
    background-color: #cadfb1 !important
}

.bg-light-green-400 {
    background-color: #bad896 !important
}

.bg-light-green-500 {
    background-color: #acd57c !important
}

.bg-light-green-600 {
    background-color: #9ece67 !important
}

.bg-light-green-700 {
    background-color: #83b944 !important
}

.bg-light-green-800 {
    background-color: #70a532 !important
}

.light-green-100 {
    color: #f1f7ea !important
}

.light-green-200 {
    color: #e0ecd1 !important
}

.light-green-300 {
    color: #cadfb1 !important
}

.light-green-400 {
    color: #bad896 !important
}

.light-green-500 {
    color: #acd57c !important
}

.light-green-600 {
    color: #9ece67 !important
}

.light-green-700 {
    color: #83b944 !important
}

.light-green-800 {
    color: #70a532 !important
}

.bg-yellow-100 {
    background-color: #fffae7 !important
}

.bg-yellow-200 {
    background-color: #f9eec1 !important
}

.bg-yellow-300 {
    background-color: #f6e7a9 !important
}

.bg-yellow-400 {
    background-color: #f8e59b !important
}

.bg-yellow-500 {
    background-color: #f7e083 !important
}

.bg-yellow-600 {
    background-color: #f7da64 !important
}

.bg-yellow-700 {
    background-color: #f9cd48 !important
}

.bg-yellow-800 {
    background-color: #fbc02d !important
}

.yellow-100 {
    color: #fffae7 !important
}

.yellow-200 {
    color: #f9eec1 !important
}

.yellow-300 {
    color: #f6e7a9 !important
}

.yellow-400 {
    color: #f8e59b !important
}

.yellow-500 {
    color: #f7e083 !important
}

.yellow-600 {
    color: #f7da64 !important
}

.yellow-700 {
    color: #f9cd48 !important
}

.yellow-800 {
    color: #fbc02d !important
}

.bg-orange-100 {
    background-color: #fff3e6 !important
}

.bg-orange-200 {
    background-color: #ffddb9 !important
}

.bg-orange-300 {
    background-color: #fbce9d !important
}

.bg-orange-400 {
    background-color: #f6be80 !important
}

.bg-orange-500 {
    background-color: #f4b066 !important
}

.bg-orange-600 {
    background-color: #f2a654 !important
}

.bg-orange-700 {
    background-color: #ec9940 !important
}

.bg-orange-800 {
    background-color: #e98f2e !important
}

.orange-100 {
    color: #fff3e6 !important
}

.orange-200 {
    color: #ffddb9 !important
}

.orange-300 {
    color: #fbce9d !important
}

.orange-400 {
    color: #f6be80 !important
}

.orange-500 {
    color: #f4b066 !important
}

.orange-600 {
    color: #f2a654 !important
}

.orange-700 {
    color: #ec9940 !important
}

.orange-800 {
    color: #e98f2e !important
}

.bg-brown-100 {
    background-color: #fae6df !important
}

.bg-brown-200 {
    background-color: #e2bdaf !important
}

.bg-brown-300 {
    background-color: #d3aa9c !important
}

.bg-brown-400 {
    background-color: #b98e7e !important
}

.bg-brown-500 {
    background-color: #a17768 !important
}

.bg-brown-600 {
    background-color: #8d6658 !important
}

.bg-brown-700 {
    background-color: #7d5b4f !important
}

.bg-brown-800 {
    background-color: #715146 !important
}

.brown-100 {
    color: #fae6df !important
}

.brown-200 {
    color: #e2bdaf !important
}

.brown-300 {
    color: #d3aa9c !important
}

.brown-400 {
    color: #b98e7e !important
}

.brown-500 {
    color: #a17768 !important
}

.brown-600 {
    color: #8d6658 !important
}

.brown-700 {
    color: #7d5b4f !important
}

.brown-800 {
    color: #715146 !important
}

.bg-grey-100 {
    background-color: #fafafa !important
}

.bg-grey-200 {
    background-color: #eee !important
}

.bg-grey-300 {
    background-color: #e0e0e0 !important
}

.bg-grey-400 {
    background-color: #bdbdbd !important
}

.bg-grey-500 {
    background-color: #9e9e9e !important
}

.bg-grey-600 {
    background-color: #757575 !important
}

.bg-grey-700 {
    background-color: #616161 !important
}

.bg-grey-800 {
    background-color: #424242 !important
}

.grey-100 {
    color: #fafafa !important
}

.grey-200 {
    color: #eee !important
}

.grey-300 {
    color: #e0e0e0 !important
}

.grey-400 {
    color: #bdbdbd !important
}

.grey-500 {
    color: #9e9e9e !important
}

.grey-600 {
    color: #757575 !important
}

.grey-700 {
    color: #616161 !important
}

.grey-800 {
    color: #424242 !important
}

.bg-blue-grey-100 {
    background-color: #f3f7f9 !important
}

.bg-blue-grey-200 {
    background-color: #e4eaec !important
}

.bg-blue-grey-300 {
    background-color: #ccd5db !important
}

.bg-blue-grey-400 {
    background-color: #a3afb7 !important
}

.bg-blue-grey-500 {
    background-color: #76838f !important
}

.bg-blue-grey-600 {
    background-color: #526069 !important
}

.bg-blue-grey-700 {
    background-color: #37474f !important
}

.bg-blue-grey-800 {
    background-color: #263238 !important
}

.blue-grey-100 {
    color: #f3f7f9 !important
}

.blue-grey-200 {
    color: #e4eaec !important
}

.blue-grey-300 {
    color: #ccd5db !important
}

.blue-grey-400 {
    color: #a3afb7 !important
}

.blue-grey-500 {
    color: #76838f !important
}

.blue-grey-600 {
    color: #526069 !important
}

.blue-grey-700 {
    color: #37474f !important
}

.blue-grey-800 {
    color: #263238 !important
}

.bg-primary-100 {
    background-color: #e8f1f8 !important
}

.bg-primary-200 {
    background-color: #d5e4f1 !important
}

.bg-primary-300 {
    background-color: #bcd8f1 !important
}

.bg-primary-400 {
    background-color: #a2caee !important
}

.bg-primary-500 {
    background-color: #89bceb !important
}

.bg-primary-600 {
    background-color: #62a8ea !important
}

.bg-primary-700 {
    background-color: #4e97d9 !important
}

.bg-primary-800 {
    background-color: #3583ca !important
}

.primary-100 {
    color: #e8f1f8 !important
}

.primary-200 {
    color: #d5e4f1 !important
}

.primary-300 {
    color: #bcd8f1 !important
}

.primary-400 {
    color: #a2caee !important
}

.primary-500 {
    color: #89bceb !important
}

.primary-600 {
    color: #62a8ea !important
}

.primary-700 {
    color: #4e97d9 !important
}

.primary-800 {
    color: #3583ca !important
}

.black {
    color: #000 !important
}

.white {
    color: #fff !important
}

.bg-white {
    color: #76838f;
    background-color: #fff
}

.bg-primary {
    color: #fff;
    background-color: #62a8ea
}

.bg-primary:hover {
    background-color: #8fc1f0
}

.bg-primary a,
.bg-primary a.bg-primary {
    color: #fff
}

.bg-primary a.bg-primary:hover,
.bg-primary a:hover {
    color: #fff
}

.bg-success {
    color: #fff;
    background-color: #46be8a
}

.bg-success:hover {
    background-color: #6ccba2
}

.bg-success a,
.bg-success a.bg-primary {
    color: #fff
}

.bg-success a.bg-primary:hover,
.bg-success a:hover {
    color: #fff
}

.bg-info {
    color: #fff;
    background-color: #57c7d4
}

.bg-info:hover {
    background-color: #80d5de
}

.bg-info a,
.bg-info a.bg-info {
    color: #fff
}

.bg-info a.bg-info:hover,
.bg-info a:hover {
    color: #fff
}

.bg-warning {
    color: #fff;
    background-color: #f2a654
}

.bg-warning:hover {
    background-color: #f6bf83
}

.bg-warning a,
.bg-warning a.bg-warning {
    color: #fff
}

.bg-warning a.bg-warning:hover,
.bg-warning a:hover {
    color: #fff
}

.bg-danger {
    color: #fff;
    background-color: #f96868
}

.bg-danger:hover {
    background-color: #fb9999
}

.bg-danger a,
.bg-danger a.bg-danger {
    color: #fff
}

.bg-danger a.bg-danger:hover,
.bg-danger a:hover {
    color: #fff
}

.bg-dark {
    color: #fff;
    background-color: #526069
}

.bg-dark:hover {
    background-color: #687a86
}

.bg-dark a,
.bg-dark a.bg-dark {
    color: #fff
}

.bg-dark a.bg-dark:hover,
.bg-dark a:hover {
    color: #fff
}

.blocks,
[class*=blocks-] {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

.blocks>.block,
[class*=blocks-]>.block,
[class*=blocks-]>li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    margin-bottom: 1.875rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.blocks.no-space,
[class*=blocks-].no-space {
    margin: 0
}

.blocks.no-space>.block,
.blocks.no-space>li,
[class*=blocks-].no-space>.block,
[class*=blocks-].no-space>li {
    padding: 0;
    margin: 0
}

.blocks-100>.block,
.blocks-100>li {
    width: 100%
}

.blocks-2>.block,
.blocks-2>li {
    width: 50%
}

.blocks-3>.block,
.blocks-3>li {
    width: 33.333333%
}

.blocks-4>.block,
.blocks-4>li {
    width: 25%
}

.blocks-5>.block,
.blocks-5>li {
    width: 20%
}

.blocks-6>.block,
.blocks-6>li {
    width: 16.666667%
}

.blocks-xs-100>.block,
.blocks-xs-100>li {
    width: 100%
}

.blocks-xs-2>.block,
.blocks-xs-2>li {
    width: 50%
}

.blocks-xs-3>.block,
.blocks-xs-3>li {
    width: 33.333333%
}

.blocks-xs-4>.block,
.blocks-xs-4>li {
    width: 25%
}

.blocks-xs-5>.block,
.blocks-xs-5>li {
    width: 20%
}

.blocks-xs-6>.block,
.blocks-xs-6>li {
    width: 16.666667%
}

@media (min-width:480px) {

    .blocks-sm-100>.block,
    .blocks-sm-100>li {
        width: 100%
    }

    .blocks-sm-2>.block,
    .blocks-sm-2>li {
        width: 50%
    }

    .blocks-sm-3>.block,
    .blocks-sm-3>li {
        width: 33.333333%
    }

    .blocks-sm-4>.block,
    .blocks-sm-4>li {
        width: 25%
    }

    .blocks-sm-5>.block,
    .blocks-sm-5>li {
        width: 20%
    }

    .blocks-sm-6>.block,
    .blocks-sm-6>li {
        width: 16.666667%
    }
}

@media (min-width:768px) {

    .blocks-md-100>.block,
    .blocks-md-100>li {
        width: 100%
    }

    .blocks-md-2>.block,
    .blocks-md-2>li {
        width: 50%
    }

    .blocks-md-3>.block,
    .blocks-md-3>li {
        width: 33.333333%
    }

    .blocks-md-4>.block,
    .blocks-md-4>li {
        width: 25%
    }

    .blocks-md-5>.block,
    .blocks-md-5>li {
        width: 20%
    }

    .blocks-md-6>.block,
    .blocks-md-6>li {
        width: 16.666667%
    }
}

@media (min-width:992px) {

    .blocks-lg-100>.block,
    .blocks-lg-100>li {
        width: 100%
    }

    .blocks-lg-2>.block,
    .blocks-lg-2>li {
        width: 50%
    }

    .blocks-lg-3>.block,
    .blocks-lg-3>li {
        width: 33.333333%
    }

    .blocks-lg-4>.block,
    .blocks-lg-4>li {
        width: 25%
    }

    .blocks-lg-5>.block,
    .blocks-lg-5>li {
        width: 20%
    }

    .blocks-lg-6>.block,
    .blocks-lg-6>li {
        width: 16.666667%
    }
}

@media (min-width:1200px) {

    .blocks-xl-100>.block,
    .blocks-xl-100>li {
        width: 100%
    }

    .blocks-xl-2>.block,
    .blocks-xl-2>li {
        width: 50%
    }

    .blocks-xl-3>.block,
    .blocks-xl-3>li {
        width: 33.333333%
    }

    .blocks-xl-4>.block,
    .blocks-xl-4>li {
        width: 25%
    }

    .blocks-xl-5>.block,
    .blocks-xl-5>li {
        width: 20%
    }

    .blocks-xl-6>.block,
    .blocks-xl-6>li {
        width: 16.666667%
    }
}

@media (min-width:1600px) {

    .blocks-xxl-100>.block,
    .blocks-xxl-100>li {
        width: 100%
    }

    .blocks-xxl-2>.block,
    .blocks-xxl-2>li {
        width: 50%
    }

    .blocks-xxl-3>.block,
    .blocks-xxl-3>li {
        width: 33.333333%
    }

    .blocks-xxl-4>.block,
    .blocks-xxl-4>li {
        width: 25%
    }

    .blocks-xxl-5>.block,
    .blocks-xxl-5>li {
        width: 20%
    }

    .blocks-xxl-6>.block,
    .blocks-xxl-6>li {
        width: 16.666667%
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom
}

.avatar i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px
}

.avatar-online i {
    background-color: #46be8a
}

.avatar-100 {
    width: 100px
}

.avatar-100 i {
    height: 20px;
    width: 20px
}

.avatar-lg {
    width: 50px
}

.avatar-lg i {
    height: 12px;
    width: 12px
}

.avatar-sm {
    width: 30px
}

.avatar-sm i {
    height: 8px;
    width: 8px
}

.avatar-xs {
    width: 20px
}

.avatar-xs i {
    height: 7px;
    width: 7px
}

.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 1
}

.icon.pull-xs-left {
    margin-right: .3em
}

.icon.pull-xs-right {
    margin-left: .3em
}

.icon-circle {
    position: relative;
    margin: .5em
}

.icon-circle:before {
    position: relative;
    z-index: 1
}

.icon-circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    width: 2em;
    height: 2em;
    background-color: inherit;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-lg {
    font-size: 1.333333em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-spin {
    -webkit-animation: icon-spin 2s infinite linear;
    -o-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear
}

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

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

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

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

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

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

.hamburger {
    vertical-align: middle;
    font-size: 17px
}

.hamburger,
.hamburger .hamburger-bar,
.hamburger:after,
.hamburger:before {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.hamburger:after,
.hamburger:before {
    content: ""
}

.hamburger .hamburger-bar,
.hamburger:after,
.hamburger:before {
    display: block;
    width: 1em;
    height: .1em;
    margin: 0;
    border-radius: 1px;
    background: #76838f
}

.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after,
.navbar-default .hamburger:before {
    background: #76838f
}

.navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after,
.navbar-inverse .hamburger:before {
    background: #fff
}

.hamburger .hamburger-bar {
    margin: .2em 0
}

.hamburger-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close .hamburger-bar {
    opacity: 0
}

.hamburger-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close.collapsed:before,
.hamburger-close.hided:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-close.collapsed .hamburger-bar,
.hamburger-close.hided .hamburger-bar {
    opacity: 1
}

.hamburger-close.collapsed:after,
.hamburger-close.hided:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-arrow-left.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hamburger-arrow-left.collapsed:before {
    width: .6em;
    -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
    transform: translate3d(.45em, .1em, 0) rotate(45deg)
}

.hamburger-arrow-left.collapsed .hamburger-bar {
    border-radius: .2em
}

.hamburger-arrow-left.collapsed:after {
    width: .6em;
    -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
    transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
}

.counter-label {
    display: block
}

.counter-icon {
    font-size: 20px
}

.panel {
    position: relative;
    margin-bottom: 1.875rem;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .286rem;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-content>.row {
    padding-left: 30px;
    padding-right: 30px
}

.panel-content>.row>[class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

.panel-heading {
    position: relative;
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-right-radius: .214rem;
    border-top-left-radius: .214rem
}

.panel-heading+.alert {
    border-radius: 0
}

.panel-heading>.nav-tabs {
    border-bottom: none
}

.panel-heading+.nav-tabs {
    margin-top: -.715rem
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-body {
    position: relative;
    padding: 30px 30px
}

.panel-body::after {
    content: "";
    display: table;
    clear: both
}

.panel-heading+.panel-body {
    padding-top: 0
}

.panel-body .h1:first-child,
.panel-body .h2:first-child,
.panel-body .h3:first-child,
.panel-body .h4:first-child,
.panel-body .h5:first-child,
.panel-body .h6:first-child,
.panel-body h1:first-child,
.panel-body h2:first-child,
.panel-body h3:first-child,
.panel-body h4:first-child,
.panel-body h5:first-child,
.panel-body h6:first-child {
    margin-top: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.panel-body>.list-group-dividered:only-child>.list-group-item:last-child {
    border-bottom-color: transparent
}

.panel-footer {
    padding: 0 30px 15px;
    border-top: 1px solid transparent;
    background-color: transparent;
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem
}

.table+.panel-footer {
    padding-top: 15px;
    border-color: #e4eaec
}

.panel-title {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 30px;
    font-size: 18px;
    color: #37474f
}

.panel-title>.icon {
    margin-right: 10px
}

.panel-title>.tag {
    margin-left: 10px
}

.panel-title .small,
.panel-title small {
    color: #76838f
}

.panel-title>.small>a,
.panel-title>a,
.panel-title>small>a {
    color: inherit
}

.panel>.nav-tabs-vertical .nav-tabs {
    margin-left: -1px
}

.panel>.nav-tabs-vertical .nav-tabs>li>a {
    border-left: none;
    border-radius: 0
}

.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
    margin-right: -1px
}

.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse>li>a {
    border-right: none;
    border-radius: 0
}

.panel>.alert {
    padding-left: 30px;
    padding-right: 30px
}

.panel>.alert-dismissible {
    padding-right: 50px
}

@media (max-width:479px) {
    .panel>.alert {
        padding-left: 20px;
        padding-right: 20px
    }

    .panel>.alert-dismissible {
        padding-right: 40px
    }
}

.cover {
    overflow: hidden
}

.cover-image {
    width: 100%
}

.overlay {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.overlay-figure {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.overlay-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff
}

.overlay-panel a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.overlay-panel>:last-child {
    margin-bottom: 0
}

.overlay-panel h1,
.overlay-panel h2,
.overlay-panel h3,
.overlay-panel h4,
.overlay-panel h5,
.overlay-panel h6 {
    color: inherit
}

.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
    opacity: 0
}

.overlay-background {
    background: rgba(0, 0, 0, .5)
}

.overlay-image {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.overlay-top {
    bottom: auto
}

.overlay-bottom {
    top: auto
}

.overlay-left {
    right: auto
}

.overlay-right {
    left: auto
}

.overlay-icon {
    font-size: 0;
    text-align: center
}

.overlay-icon:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.overlay-icon .icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    text-decoration: none
}

.overlay-blur,
.overlay-fade,
.overlay-grayscale,
.overlay-scale,
.overlay-spin,
[class*=overlay-slide] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;
    -o-transition-property: opacity -o-transform filter;
    transition-property: opacity transform filter
}

.overlay-fade {
    opacity: .7
}

.overlay-hover:hover .overlay-fade {
    opacity: 1
}

.overlay-scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.overlay-hover:hover .overlay-scale {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.overlay-spin {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.overlay-hover:hover .overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
}

.overlay-grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.overlay-hover:hover .overlay-grayscale {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

[class*=overlay-slide] {
    opacity: 0
}

.overlay-slide-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.overlay-slide-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.overlay-slide-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.overlay-hover:hover [class*=overlay-slide] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.example-wrap {
    margin-bottom: 80px
}

.example-wrap .example-wrap {
    margin-bottom: 0
}

.example {
    margin-top: 20px;
    margin-bottom: 20px
}

.example:before {
    content: "";
    display: table
}

.example::after {
    content: "";
    display: table;
    clear: both
}

.example-title {
    text-transform: uppercase
}

h4.example-title {
    font-size: 14px
}

h3.example-title {
    font-size: 18px
}

.panel-body>.example-wrap:last-child {
    margin-bottom: 0
}

.panel-body>.row:last-child>[class*=col-]:last-child .example-wrap:last-child {
    margin-bottom: 0
}

.example-well {
    position: relative;
    margin-bottom: 30px;
    background-color: #f3f7f9
}

.example-well .center {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4eaec;
    background-color: #f3f7f9;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}
/*自定义animation-动画*/
.animation-slide-top10{-webkit-animation-name:slide-top10;animation-name:slide-top10}
@-webkit-keyframes slide-top10{
    0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-top10{
    0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-bottom10{-webkit-animation-name:slide-bottom10;animation-name:slide-bottom10}
@-webkit-keyframes slide-bottom10{
    0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-bottom10{
    0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-left10{-webkit-animation-name:slide-left10;animation-name:slide-left10}
@-webkit-keyframes slide-left10{
    0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-left10{
    0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-right10{-webkit-animation-name:slide-right10;animation-name:slide-right10}
@-webkit-keyframes slide-right10{
    0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-right10{
    0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-top50{-webkit-animation-name:slide-top50;animation-name:slide-top50}
@-webkit-keyframes slide-top50{
    0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-top50{
    0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-bottom50{-webkit-animation-name:slide-bottom50;animation-name:slide-bottom50}
@-webkit-keyframes slide-bottom50{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-bottom50{
    0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-left50{-webkit-animation-name:slide-left50;animation-name:slide-left50}
@-webkit-keyframes slide-left50{
    0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-left50{
    0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animation-slide-right50{-webkit-animation-name:slide-right50;animation-name:slide-right50}
@-webkit-keyframes slide-right50{
    0%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide-right50{
    0%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
/*下拉菜单*/
.dropdown-item.active{color:#4E97D9!important}
.dropdown-item:hover,
.dropdown-item.active{background:#f5f5f5!important}
.dropdown-toggle::after{margin-top:-3px}
.dropdown-submenu:hover .dropdown-menu{display:table}
.dropdown-submenu.dropdown-item{padding:0!important}
.dropdown-menu,
.dropdown-menu .dropdown-item{font-weight:normal}
@media (max-width:1199px){
    .dropdown-item{white-space:normal}
}
@media (max-width:767px){
    .dropdown-menu.dropdown-menu-bullet:before,
    .dropdown-menu.dropdown-menu-bullet:after{display:none}
}
/*应用侧栏*/
.met-sidebar-nav .list-group-item a{color:#76838f}
.met-sidebar-nav .list-group-item a:hover{color:#000;text-decoration:none}
.met-sidebar-nav .list-group-item.active a{color:#62a8ea}
/*编辑器*/
.met-editor{width:100%;max-width:100%;font-size:16px;line-height:1.8}
.met-editor *{max-width: 100%;}
.met-editor p{margin-bottom:.8em}
.met-editor table p{margin-bottom: 0;}
.met-editor img{max-width:100%!important;vertical-align:top}
.met-editor img[src]:not(.imgloading):not([height!='']){height:auto}
.met-editor .table-saw{overflow-x:auto}
.met-editor .metvideobox,
.met-editor video,
.met-editor .metvideo,
.met-editor iframe,
.met-editor embed{max-width:100%!important;}
.met-editor video{outline: none;}
.met-editor .lg-item-box{display:inline-block}
@media (max-width:767px){
    .met-editor{font-size:14px}
}
/*滚动条*/
@media (min-width:1024px){
    .dropdown-menu-media .list-group::-webkit-scrollbar{width: 5px;}
    .dropdown-menu-media .list-group::-webkit-scrollbar-thumb{background-color: #bbb;border-radius: 5px;}
    .dropdown-menu-media .list-group::-webkit-scrollbar-track{background-color: #e5e5e5;}
}
@charset "utf-8";
/*UI框架-公用样式*/
/* 米拓企业建站系统 Copyright (C) 长沙米拓信息技术有限公司 (https://www.metinfo.cn). All rights reserved. */
/*初始化*/
body{color:#2a333c;background-color: #fff;word-wrap: break-word;word-break:break-word;overflow-x:hidden}
@media (min-width:1921px){
    .container{width: 75%;}
}
a:focus{outline:none}
.decorationnone,
.dropdown-item:active,
a:active,
.decorationnone:active,
.dropdown-item:focus,
a:focus,
.decorationnone:focus,
.dropdown-item:hover,
a:hover,
.decorationnone:hover{text-decoration:none}
.decoration:hover{text-decoration: underline;}
a:hover{color:#4e97d9}
/*延迟加载背景图片*/
img[data-original]:not([src]),
img[data-original][src=""]{visibility: hidden;}
img.imgloading:not([src*="base64"]),
img.slick-loading:not([src*="base64"]){object-fit:scale-down;background:#fff}
img[src*="?type=flag"]:not([width]){width: 20px;}
main,header,nav,article,section,aside,footer{display: block;}
/*表格*/
table{margin-bottom:10px;color:#333}
table a{text-decoration:none}
table th{background-color:#f3f7f9;}
table th,
table td{outline:none;display: table-cell !important;padding:.572rem}
table th:not([valign]),
table td:not([valign]){vertical-align:middle;}
table td .tag:not(.tag-pill){line-height:inherit}
table:not([border='0']) th,
table:not([border='0']) td{border: 1px solid  #ddd;}
table td.text-xs-center input[type="text"],
table th.text-xs-center input[type="text"]{text-align:center}
@media (min-width:480px){
    table th{white-space:nowrap}
    table.form-inline .form-group,
    table.form-inline .form-control{display: block;width: 100%;}
}
/*datatables表格插件*/
div.dataTables_paginate .paginate_button.active>a, div.dataTables_paginate .paginate_button.active>a:focus, div.dataTables_paginate .paginate_button.active>a:hover{background:#ddd !important;border-color:#ddd !important;color:#777 !important}
.dataTables_empty{text-align:center}
.dataTables_info{color:#777}
body table.table-bordered.dataTable{border-collapse:collapse !important}
.table-striped.dataTable tbody tr.active td,
body .table-striped.dataTable tbody tr.active:hover td{background:#f3f7f9 !important;color:inherit !important}
.table-striped.dataTable tbody tr.active td>a,
body .table-striped.dataTable tbody tr.active:hover td>a{color:#62a8ea !important}
@media (max-width:479px){
    .dataTables_info{float:none !important}
    .dataTables_paginate{float:none !important}
}
/* 提示弹窗 */
.alertify-logs{bottom:auto!important;top:48%;z-index:1701!important}
 /*选项卡 */
@media (max-width:767px){
    .nav-tabs .nav-link{padding:5px 10px}
}
/*表单*/
.form-group{position: relative;}
.form-group .small-fixed{position: absolute;left: 0;top: 100%;}
.form-group .small-fixed small.form-control-label{margin: 0;margin-right: 10px;padding: 0;line-height: 1.5;}
.input-group-file .btn-file input[type="file"]{width:100%;height:100%}
.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover{z-index: 3;}
.input-group-file .btn-delete-file{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);z-index: 4;}
.form-inline .checkbox-custom label{padding-left:0}
.form-control-label{color:#555}
.form-group:before,
.form-group:after{display:table;content:" "}
.form-group:after{clear:both}
table.form-inline .form-group{margin-right:0}
/* 返回顶部 */
.met-scroll-top{position:fixed;right:10px;bottom:10px;z-index:10}
/*其它*/
.nav-tabs .nav-link{color:#333}
.edui-editor,/*百度编辑器外框*/
.token-input{max-width:100%}/*tag插件*/
.edui-default .edui-editor-toolbarbox{position:relative !important}
.clockpicker-popover .popover-title{font-weight:normal!important}
.met-fixed,
.fixed-b-l{position:fixed;left:0;z-index:1000}
.met-fixed{top:0}
.fixed-b-l{bottom:0}
.overflow-visible{overflow:visible!important}
.oya{overflow-y:auto!important;scroll-behavior:smooth}
.oxa{overflow-x:auto!important;scroll-behavior:smooth}
.h-10{height:10px}
.h-20{height:20px}
.h-100p{height:100%}
.hide{display:none !important}
#getcode,.met-getcode{height:24px}
.opacity1,
.slick-arrow:hover i{opacity:1}
.opacity0{opacity:0}
.flex,
.slick-track{display:flex}
.slick-track{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.radius0{-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-o-border-radius:0px !important;border-radius:0px !important}
.radius3{-webkit-border-radius:3px !important;-moz-border-radius:3px !important;-o-border-radius:3px !important;border-radius:3px !important}
.radius5{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;-o-border-radius:5px !important;border-radius:5px !important}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;-o-border-radius:10px !important;border-radius:10px !important}
.box-shadow-none{box-shadow:none}
.box-shadow1{box-shadow:0 1px 1px rgba(0,0,0,.05)}
.ulstyle{margin:0;padding:0px;list-style:none}
.border-none{border:none!important}
.border-top1{border-top:1px solid #f0f2f5}
.border-bottom1{border-bottom:1px solid #f0f2f5}
.border-type1{border:1px solid #ccc}
.flex-start{-webkit-justify-content:flex-start!important;justify-content:flex-start!important}
.flex-center{-webkit-justify-content:center;justify-content:center}
.flex-end{-webkit-justify-content:flex-end;justify-content:flex-end}
.text-shadow-none{text-shadow:none}
.dropdown-item,
.transition500{transition:all 0.5s!important}
.modal-content{overflow:hidden}
.page-content{padding:30px 0px}
.webui-popover{z-index:1600}
.pearl-title{white-space:normal}
[class*="animation-"]{animation-fill-mode:none}
.oxh{overflow-x: hidden;}
@media (max-width:991px){
    .page-content{padding:20px 0px}
    .panel{margin-bottom:20px}
    .panel-body{padding:20px}
}
@media (max-width:767px){
    .page-content{padding:15px 0px}
    .panel,
    .well,
    .card-shadow{margin-bottom:15px}
    .panel-body,
    .well,
    .modal-body,
    .modal-header,
    .modal-footer{padding:15px}
    .modal-footer{padding-top:0}
    .well,.card-shadow{margin-bottom:15px}
}
@media screen\0{
    select.form-control{padding-right:15px}
}
.tag-sm{font-size:12px}
.w-a{width:auto !important}
.overscroll-none{overscroll-behavior:none;}
.overscroll-unset{overscroll-behavior:unset;}
.position-sticky{position: sticky !important;}
.transition300{transition: all 0.3s !important}
.animsition{opacity: 0;}
@charset "utf-8";
/* 米拓企业建站系统 Copyright (C) 长沙米拓信息技术有限公司 (https://www.metinfo.cn). All rights reserved. */
/*模板公用样式*/
/*图片画廊皮肤*/
.met-lightgallery .lg-backdrop,
.met-lightgallery .lg-toolbar{background:#fff}
.met-lightgallery .lg-actions .lg-icon{padding:10px 0;background:rgba(255,255,255,0.5)}
.met-lightgallery .lg-actions .lg-icon:before,
.met-lightgallery .lg-actions .lg-icon:after{content:''}
.met-lightgallery .lg-actions .lg-icon i{font-size:40px}
.met-lightgallery .lg-sub-html{background:rgba(255,255,255,0.7)}
.met-lightgallery .lg-toolbar.opacity0{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.met-lightgallery .lg-outer{z-index:1602;background:#fff}
.met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:84px}
.met-lightgallery .lg-outer .lg-thumb-outer,
.met-lightgallery .lg-outer .lg-toogle-thumb{background:#fff}
.met-lightgallery .lg-outer .lg-thumb-outer{padding:0 10px}
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item{margin-bottom:0}
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover{border-color:#62a8ea}
.met-lightgallery .lg-toolbar .lg-icon:hover,
.met-lightgallery .lg-actions .lg-next:hover,
.met-lightgallery .lg-actions .lg-prev:hover,
.met-lightgallery .lg-outer .lg-toogle-thumb:hover{color:#2a333c}
.met-lightgallery .lg-sub-html{color:#5e7387}
/*swiper水平滚动导航*/
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar{width:100%;height:3px;left:0;bottom:0}
.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag{background:rgba(0,0,0,0.2)}
.swiper-navtab .swiper-slide{width:auto}
.swiper-wrapper>*{box-sizing:border-box}
/*slick*/
.slick-loading .slick-list{background:none}
.slick-arrow{width:auto;height:auto;z-index:1;color:#fff!important;text-align:center}
.slick-arrow:before,
.slick-arrow:after{display:none}
.slick-arrow:hover{color:#4E97D9!important}
.slick-arrow.slick-next{right:0}
.slick-arrow.slick-prev{left:0}
.slick-arrow i{font-size:40px;opacity:.5}
.slick-slide img[data-lazy]{width:auto!important;max-width:100%!important}
/*展示视频*/
.met-product-showvideo-btn{position: absolute;left: 10px;top: 0;z-index: 1100;font-size:60px;-webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
        transform: translateY(-100%);}
.met-product-showvideo-btn a{line-height: 1;}
.met-product-showvideo-btn i{color: #000;background: #fff;border-radius: 100%;}
.met-product-showvideo{position: absolute;left: 0;top: 0;z-index: 1100;}
.met-product-showvideo .vertical-align-middle{position: relative;}
.met-product-showvideo video,
.met-product-showvideo iframe,
.met-product-showvideo embed{max-width: 100%;vertical-align: top;}
.met-product-showvideo p{margin-bottom: 0;}
.met-product-showvideo .video-close{width: 40px;height: 40px;background: #000;opacity: .7;color: #fff;font-size: 30px;font-weight: bold;line-height: 35px;border-radius: 100%;position: absolute;right: 5px;top: 5px;z-index: 1100;}
.met-product-showvideo video{outline: none;}
@media (max-width:767px){
	.met-product-showvideo .video-close{width: 30px;height: 30px;font-size: 24px;line-height:30px;}
}
/*内页侧栏*/
.met-sidebar{margin-left:30px}
@media (max-width:991px){
	.met-sidebar{margin-left:0px;margin-top:20px}
}
@media (max-width:767px){
	.met-sidebar{margin-top:15px}
}
.met-sidebar >:not(:first-child){margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f0f2f5}
.leftsidebar{margin-left:0!important;margin-right:30px!important}
@media (max-width:991px){
	.leftsidebar{margin-right:0px!important}
}
/*社会化分享按钮*/
.met-tools .bdsharebuttonbox{display:inline-block;vertical-align:top}
#bdshare_weixin_qrcode_dialog{box-sizing:content-box}
/*透明度*/
.no-js .grid li,
.no-cssanimations .met-grid li,
.met-grid li.shown,
#met-imgs-slick .slick-dots li.slick-active{opacity:1}
.met-lightgallery .lg-toolbar.opacity0,
.met-grid li{opacity:0}
/*弹性布局*/
#met-imgs-slick .slick-dots{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
/*详情页参数列表*/
.paralist li{margin-bottom:0}
@media (min-width:480px){
    .paralist li{padding-right:3px;padding-bottom:3px}
}
/*其它*/
.met-showproduct-head .product-para{border-top:1px solid #f0f2f5}
.met-showproduct-head .product-para,
.product-detail .met-editor .product-para{border-bottom:1px solid #f0f2f5}
.met-column-nav-ul,
.met-column-nav-ul.swiper-wrapper,
#met-imgs-slick .slick-dots{-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper{-webkit-justify-content:flex-end;justify-content:flex-end}
.met-page .pagination li a{max-width:100%}
.block-bg{background:#fff}
.met-editor table tr.ue-table-interlace-color-single{background: #fcfcfc;}
.met-editor table tr.ue-table-interlace-color-double{background: #f7faff;}
/*模板调用样式（本来应该由UI自定义的）*/
.dropdown-item,
.met-page .pagination li a,
.sidebar-news-list .list-group a,
.sidebar-column li a,
.met-nav .navlist .nav-item a,
.met-footnav .list h4 a,
.index-product-list h4 a,
.index-news-list li a,
.met-news-list li h4 a,
.met-news-list.type-3 .card h4 a,
.met-product.type-1 .met-product-list li h4 a,
.met-download-list .list-group-item .media-heading a,
.met-job-list .card .card-title a,
.met-search-list .list-group-item h4 a,
.met-footnav .info em a:hover,
.index-service-list li h3{color:#2a333c}
.dropdown-item:hover,
.met-page .pagination li a:hover,
.sidebar-news-list .list-group a:hover,
.sidebar-column li a:hover,
.met-nav .navlist .nav-item a:hover,
.met-footnav .list h4 a:hover,
.index-product-list h4 a:hover,
.index-news-list li a:hover,
.met-news-list li h4 a:hover,
.met-news-list.type-3 .card h4 a:hover,
.met-product.type-1 .met-product-list li h4 a:hover,
.met-download-list .list-group-item .media-heading a:hover,
.met-job-list .card .card-title a:hover,
.met-search-list .list-group-item h4 a:hover,
.sidebar-piclist-ul li h4 a:hover,
.met-link a:hover,
.met-footnav .list ul li a:hover,
.met-column-nav-ul li a:hover,
.sitemap-list a:hover,
.met-nav .navlist .nav-item a.nav-link:hover{color:#4e97d9}
.sidebar-column li a.active,
.met-column-nav-ul li a.active{color:#fff}
.sidebar-column li i,
.met-link .breadcrumb>li+li:before,
.met-footnav .info p,
footer{color:#aaa}
.sidebar-piclist-ul li h4 a,
.paralist li,
.met-link,
.met-link a,
.met-footnav .list ul li a,
.met-footnav .info em a,
.met-index-body p.desc,
.index-service-list li i,
.index-service-list li p,
.met-showproduct-head .product-intro p.description{color:#5e7387}
.met-head-user .dropdown i,
.met-search-list .list-group-item .search-text{color:#9e9e9e}
.dropdown-item,
.met-page .pagination li a,
.sidebar-news-list .list-group a,
.sidebar-column li a,
.met-nav .navlist .nav-item a,
.met-footnav .list h4 a,
.index-product-list h4 a,
.index-news-list li a,
.met-news-list li h4 a,
.met-news-list.type-3 .card h4 a,
.met-product.type-1 .met-product-list li h4 a,
.met-download-list .list-group-item .media-heading a,
.met-job-list .card .card-title a,
.met-search-list .list-group-item h4 a,
.sidebar-piclist-ul li h4 a,
.met-link a,
.met-footnav .list ul li a,
.met-column-nav-ul li a,
.sitemap-list a{text-decoration:none}
.dropdown-item:active,
.met-page .pagination li a:active,
.sidebar-news-list .list-group a:active,
.sidebar-column li a:active,
.met-nav .navlist .nav-item a:active,
.met-footnav .list h4 a:active,
.index-product-list h4 a:active,
.index-news-list li a:active,
.met-news-list li h4 a:active,
.met-news-list.type-3 .card h4 a:active,
.met-product.type-1 .met-product-list li h4 a:active,
.met-download-list .list-group-item .media-heading a:active,
.met-job-list .card .card-title a:active,
.met-search-list .list-group-item h4 a:active,
.sidebar-piclist-ul li h4 a:active,
.met-link a:active,
.met-footnav .list ul li a:active,
.met-column-nav-ul li a:active,
.sitemap-list a:active,
.decorationnone:active,
.dropdown-item:focus,
.met-page .pagination li a:focus,
.sidebar-news-list .list-group a:focus,
.sidebar-column li a:focus,
.met-nav .navlist .nav-item a:focus,
.met-footnav .list h4 a:focus,
.index-product-list h4 a:focus,
.index-news-list li a:focus,
.met-news-list li h4 a:focus,
.met-news-list.type-3 .card h4 a:focus,
.met-product.type-1 .met-product-list li h4 a:focus,
.met-download-list .list-group-item .media-heading a:focus,
.met-job-list .card .card-title a:focus,
.met-search-list .list-group-item h4 a:focus,
.sidebar-piclist-ul li h4 a:focus,
.met-link a:focus,
.met-footnav .list ul li a:focus,
.met-column-nav-ul li a:focus,
.sitemap-list a:focus,
.decorationnone:focus,
.dropdown-item:hover,
.met-page .pagination li a:hover,
.sidebar-news-list .list-group a:hover,
.sidebar-column li a:hover,
.met-nav .navlist .nav-item a:hover,
.met-footnav .list h4 a:hover,
.index-product-list h4 a:hover,
.index-news-list li a:hover,
.met-news-list li h4 a:hover,
.met-news-list.type-3 .card h4 a:hover,
.met-product.type-1 .met-product-list li h4 a:hover,
.met-download-list .list-group-item .media-heading a:hover,
.met-job-list .card .card-title a:hover,
.met-search-list .list-group-item h4 a:hover,
.sidebar-piclist-ul li h4 a:hover,
.met-link a:hover,
.met-footnav .list ul li a:hover,
.met-column-nav-ul li a:hover,
.sitemap-list a:hover,
.decorationnone:hover{text-decoration:none}
.navhover-bg,
.met-head-user .dropdown>a{background:#f5f5f5}
.index-bg{background:#f5f5f5}
.page-bg,
.bg-pagebg1{background:#f2f2f2}
.block-bg,
.panel,
.met-showproduct.pagetype2 .content:nth-child(even){background:#fff}
.editor-color{background:#5e7387}
.pagecr-bg{background:#62a8ea}
.index-service-list li i{border-radius:100%}
.met-head+.met-crumbs,
.met-head+.met-column-nav{border-top:1px solid #f0f2f5}
.sidebar-column li a{display:block;font-size:16px}
.sidebar-column li i{float:right;margin-top:2px;font-size:14px}
.sidebar-column li ul a{font-size:14px}
.ab_ad { height:450px;}
.ad_p { max-width:1440px; margin:auto; position:relative; }
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .nav-scroller {
                scrollbar-width: thin;
                scrollbar-color: theme('colors.primary') theme('colors.neutral');
            }
            .nav-scroller::-webkit-scrollbar {
                height: 6px;
            }
            .nav-scroller::-webkit-scrollbar-track {
                background: theme('colors.neutral');
                border-radius: 3px;
            }
            .nav-scroller::-webkit-scrollbar-thumb {
                background-color: theme('colors.primary');
                border-radius: 3px;
            }
            .nav-item-active {
                @apply text-primary border-b-2 border-primary font-medium;
            }
        }
		
.listing-item {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0 12px;
    margin: 0;
}		
.listing-item li {
    background: transparent;
    background: ;
    padding: 20px;
    position: relative;
    transition: all 0.2s;
    border-radius: 8px;
    border: 3px solid #fff;
    border-radius: 8px;
}
.listing-item li:hover { border: 3px solid #eee;}
.listing-item li .title h4 {
    width: calc(100% - 140px);
    font-size: 20px;
    line-height: 30px;
    color: #000000;
	margin-top:20px;
}
.listing-item li .card .media-body {
    width: calc(100% - 175px);
}
.block {
    display: block !important;
}
@media (min-width: 768px) {
    .media-body {
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .pull-md-right {
        float: right !important;
    }
}

.listing-item li .card .media-left img {
    width: 155px;
}
.content-right img {
    max-width: 1300px;
    text-align: center;
    margin: auto;
}
.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.text-detail  { margin-top:20px;color:#999; }
.pull-md-right {color:#999; }
.row_wz { margin-top:40px; margin-bottom:40px;}
.weizhi { height:60px; vertical-align:middle; line-height:60px;max-width:1280px; margin:auto;}
.nav_wz {max-width:1280px; margin:auto;}
ul, ol {
    list-style: none; /* 移除所有列表的默认标记 */
  }
.nav_wz ul { margin:0px; padding:0px;  list-style:none; padding-bottom: 20px;}
.nav_wz {
    display: flex;
    justify-content: center; /* 水平居中 */
    width: 100%;
    padding: 10px 0;
}

.nav_wz ul {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; /* 子元素（li）居中 */
    gap: 10px; /* 元素间距 */
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav_wz li {
    white-space: nowrap; /* 防止文本换行 */
}

.nav_wz a {
    display: block;
    padding: 8px 16px;
    background-color: #666;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.nav_wz a.active {background-color: #df0310;}
.nav_wz a:hover {background-color: #666; color: white;} 
.fenye1 { margin-bottom:40px;}
.wz_title { vertical-align:middle;  text-align:center; font-size:20px; font-weight:bold; border-bottom:1px solid #ccc;}
.wz_title p { font-size:14px; font-weight:normal; margin-top:10px;}
.wz_r {margin-top:10px;}
.row_cp ul { padding:0px; margin:0px; margin-top:40px;}
.row_cp { margin-bottom:20px; overflow:hidden;}
.row_cp ul li {padding:0px; margin:0px;}
.row_cp ul li { float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:20px; border:1px solid #ccc; box-sizing: border-box; }
.cp_img img {
    width: 100%;
    height: 250px; /* 固定高度 */
    object-fit: contain; /* 关键属性：保持图片比例，完整显示在容器内 */
    display: block;
}
.cp_title { text-align:center; padding-bottom:20px;}
.row_cp ul li:hover { border:1px solid #62a8ea;}
.wz_r img,.row_wznr img { width: 100%;}

@media screen and (min-width: 992px) {
    .nav-list li:nth-child(3) .nav-link.dropdown-toggle:after,.nav-list li:nth-child(5) .nav-link.dropdown-toggle:after, .nav-list li:nth-child(7) .nav-link.dropdown-toggle:after{
		display:none;
    }
}

.lx_n_left { float:left; width:40%;}
.lx_n_right { float:left; width:60%;}

.div_input input {
    width: 100%;
    border: 0;
    background: none;
    text-align: left;
	border:1px solid #ccc;
}

.message .div_input {
    margin: 5px;
    line-height: 40px;
    padding:0px;
    margin-bottom: 12px;
}

@media (min-width: 767px) {
    .btn1 input {
        float: left;
    }
}
.btn1 input {
    color: #fff;
    display: block;
    line-height: 44px;
    width: 140px;
    text-align: center;
    background: #333333;
    margin: 0 auto;
    border: 0px;
    clear: both;
}
.page_tit_t h3:after, .page_tit_d h3:after {
    content: "";
    text-align: left;
    display: block;
    border-bottom: 4px solid #df0310;
    width: 4%;
    margin: 10px auto;
    position: absolute;
    left: 0px;
}
.message ul  { margin:0px; padding:0px;}
.message ul li { margin:0px; padding:0px;}
.div_input textarea { width:100%; border:1px solid #ccc;}
.page_tit_d { position:relative;}
.lx_n_right { margin-bottom:40px;}
.navces {
    color: #fff;
    background-color: #df0310;
} 

.navces a {
	
	   color: #fff!important;
}
@media (max-width: 750px) {
  .navbar,.fn { display:none!important;}
  .swiper-wrapper img {width:100%;}
  .team_list_met_36_3_66.met-index-body { padding:0px!important;} 
  .container,.about_list_met_28_1_57 .left_side { width:94%!important; margin:auto; float:none!important;}
  .foot_nav { height:200px!important;}
  .copyright .p1 { padding-top:40px;}
  .banner {margin-top:60px; }
  .ab_ad { height: 200px; display: none;}
  .ab_m img { width: 100%;}
  .ab_m { margin-top: 59px;}
  .listing-item li { padding:0px;}
  .listing-item li .card .media-body { width: 100%;}
  .weizhi { width:80% ; margin: auto;}
  .listing-item li .card .media-left img {width: 100%;}
  .listing-item li .title h4 { width: 100%; font-size: 14px; margin-top: 20px;}
  .row_cp ul li { width:100% ; margin: 0px; margin-bottom: 20px;}
  .lx_n_left,.lx_n_right {  width: 100%; }
  .btn1 input {  width: 100%; }
}

@media (min-width: 750px) {

.mobile-nav { display:none;}
.ab_m { display: none;}
}

        .mobile-nav {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            z-index: 1000;
        }

        .mobile-nav-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 15px;
            height: 56px;
        }

        .mobile-menu-toggle {
            width: 24px;
            height: 24px;
            position: relative;
            cursor: pointer;
            z-index: 1001;
            padding: 4px;
        }

        .mobile-menu-toggle span {
            display: block;
            position: absolute;
            height: 2px;
            width: 100%;
            background: #333;
            transition: all 0.3s ease;
            border-radius: 2px;
        }

        .mobile-menu-toggle span:nth-child(1) { top: 4px; }
        .mobile-menu-toggle span:nth-child(2) { top: 11px; }
        .mobile-menu-toggle span:nth-child(3) { top: 18px; }

        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg);
            top: 11px;
        }

        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg);
            top: 11px;
        }

        .mobile-logo {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            height: 32px;
        }

        .mobile-logo img {
            height: 100%;
            width: auto;
        }

        .mobile-menu {
            position: fixed;
            top: 0;
            left: -100%;
            width: 85%;
            max-width: 320px;
            height: 100vh;
            background: #fff;
            padding: 70px 0 20px;
            transition: all 0.3s ease;
            z-index: 999;
            overflow-y: auto;
            box-shadow: 2px 0 8px rgba(0,0,0,0.1);
        }

        .mobile-menu.active {
            left: 0;
        }

        .mobile-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-menu > ul > li {
            border-bottom: 1px solid #f0f0f0;
        }

        .mobile-menu > ul > li > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            font-size: 15px;
        }

        .mobile-menu > ul > li > a.has-submenu:after {
            content: '';
            width: 8px;
            height: 8px;
            border-right: 2px solid #999;
            border-bottom: 2px solid #999;
            transform: rotate(45deg);
            transition: transform 0.3s ease;
        }

        .mobile-menu > ul > li > a.has-submenu.active:after {
            transform: rotate(-135deg);
        }

        .mobile-submenu {
            display: none;
            background: #f9f9f9;
        }

        .mobile-submenu.active {
            display: block;
        }

        .mobile-submenu li a {
            display: block;
            padding: 14px 20px 14px 40px;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: background 0.2s ease;
        }

        .mobile-submenu li a:hover {
            background: #f0f0f0;
        }

        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 998;
        }

        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        @media (max-width: 768px) {
            .mobile-nav {
                display: block;
            }
            
            body.menu-open {
                overflow: hidden;
            }
        }

        /* 页面内容样式 */
        .page-content {
            padding: 70px 20px 20px;
        }

        .page-content h1 {
            margin-bottom: 20px;
        }

        .page-content p {
            margin-bottom: 15px;
        }
.banner { text-align:center; margin-top:59px;}
.banner img { width:100%;}