.flag-icon-so {
    background-image: url(../fonts/so.svg)
}

.flag-icon-sr {
    background-image: url(../fonts/sr.svg)
}

.flag-icon-ss {
    background-image: url(../fonts/ss.svg)
}

.flag-icon-st {
    background-image: url(../fonts/st.svg)
}

.flag-icon-sv {
    background-image: url(../fonts/sv.svg)
}

.flag-icon-sx {
    background-image: url(../fonts/sx.svg)
}

.flag-icon-sy {
    background-image: url(../fonts/sy.svg)
}

.flag-icon-sz {
    background-image: url(../fonts/sz.svg)
}

.flag-icon-tc {
    background-image: url(../fonts/tc.svg)
}

.flag-icon-td {
    background-image: url(../fonts/td.svg)
}

.flag-icon-tf {
    background-image: url(../fonts/tf.svg)
}

.flag-icon-tg {
    background-image: url(../fonts/tg.svg)
}

.flag-icon-th {
    background-image: url(../fonts/th.svg)
}

.flag-icon-tj {
    background-image: url(../fonts/tj.svg)
}

.flag-icon-tk {
    background-image: url(../fonts/tk.svg)
}

.flag-icon-tl {
    background-image: url(../fonts/tl.svg)
}

.flag-icon-tm {
    background-image: url(../fonts/tm.svg)
}

.flag-icon-tn {
    background-image: url(../fonts/tn.svg)
}

.flag-icon-to {
    background-image: url(../fonts/to.svg)
}

.flag-icon-tr {
    background-image: url(../fonts/tr.svg)
}

.flag-icon-tt {
    background-image: url(../fonts/tt.svg)
}

.flag-icon-tv {
    background-image: url(../fonts/tv.svg)
}

.flag-icon-tw {
    background-image: url(../fonts/tw.svg)
}

.flag-icon-tz {
    background-image: url(../fonts/tz.svg)
}

.flag-icon-ua {
    background-image: url(../fonts/ua.svg)
}

.flag-icon-ug {
    background-image: url(../fonts/ug.svg)
}

.flag-icon-um {
    background-image: url(../fonts/um.svg)
}

.flag-icon-us {
    background-image: url(../fonts/us.svg)
}

.flag-icon-uy {
    background-image: url(../fonts/uy.svg)
}

.flag-icon-uz {
    background-image: url(../fonts/uz.svg)
}

.flag-icon-va {
    background-image: url(../fonts/va.svg)
}

.flag-icon-vc {
    background-image: url(../fonts/vc.svg)
}

.flag-icon-ve {
    background-image: url(../fonts/ve.svg)
}

.flag-icon-vg {
    background-image: url(../fonts/vg.svg)
}

.flag-icon-vi {
    background-image: url(../fonts/vi.svg)
}

.flag-icon-vn {
    background-image: url(../fonts/vn.svg)
}

.flag-icon-vu {
    background-image: url(../fonts/vu.svg)
}

.flag-icon-wf {
    background-image: url(../fonts/wf.svg)
}

.flag-icon-ws {
    background-image: url(../fonts/ws.svg)
}

.flag-icon-ye {
    background-image: url(../fonts/ye.svg)
}

.flag-icon-yt {
    background-image: url(../fonts/yt.svg)
}

.flag-icon-za {
    background-image: url(../fonts/za.svg)
}

.flag-icon-zm {
    background-image: url(../fonts/zm.svg)
}

.flag-icon-zw {
    background-image: url(../fonts/zw.svg)
}

/*bootstrap-touchspin.min.css*/
.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px 16px 8px;
    margin-left: -1px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-bottom: none;
    border-radius: 0;
    border-top-right-radius: 3px
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    padding: 8px 16px;
    border-radius: 0;
    border-bottom-right-radius: 3px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 10px;
    font-weight: 300
}

.bootstrap-touchspin .input-group-btn .btn {
    padding: 6px 16px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

.bootstrap-touchspin-postfix.input-group-addon {
    border-left: none;
    broder-left: 0
}

.bootstrap-touchspin-prefix.input-group-addon {
    border-right: none;
    broder-right: 0
}

.bootstrap-touchspin input[name=touchSpinVertical] {
    border-radius: 3px 0 0 3px!important
}

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

.bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child),.bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child) {
    border-right: none;
    border-left: none
}

.bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-right: none;
    border-left: none
}

/*ladda.min.css*/
.ladda-button {
    position: relative
}

.ladda-button .ladda-spinner {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 0;
    pointer-events: none;
    opacity: 0
}

.ladda-button .ladda-label {
    position: relative;
    z-index: 3
}

.ladda-button .ladda-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    visibility: hidden;
    background: rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transition: .1s linear all;
    -o-transition: .1s linear all;
    transition: .1s linear all
}

.ladda-button[data-loading] .ladda-progress {
    visibility: visible;
    opacity: 1
}

.ladda-button,.ladda-button .ladda-label,.ladda-button .ladda-spinner {
    -webkit-transition: .3s cubic-bezier(.175,.885,.32,1.275 all);
    -o-transition: .3s cubic-bezier(.175,.885,.32,1.275 all);
    transition: .3s cubic-bezier(.175,.885,.32,1.275 all)
}

.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-label,.ladda-button[data-style=zoom-out] .ladda-spinner {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.ladda-button[data-style=expand-right] .ladda-spinner {
    right: -6px
}

.ladda-button[data-style=expand-right].btn-xs .ladda-spinner,.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner {
    right: -12px
}

.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 45px
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-right][data-loading] .btn-xs,.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size=xs] {
    padding-right: 30px
}

.ladda-button[data-style=expand-left] .ladda-spinner {
    left: 26px
}

.ladda-button[data-style=expand-left].btn-xs .ladda-spinner,.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner {
    left: 15px
}

.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 45px
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-left][data-loading].btn-xs,.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size=xs] {
    padding-left: 30px
}

.ladda-button[data-style=expand-up] {
    overflow: hidden
}

.ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0
}

.ladda-button[data-style=expand-up][data-loading] {
    padding-top: 30px
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    top: 16px;
    margin-top: 0;
    opacity: 1
}

.ladda-button[data-style=expand-up][data-loading].btn-xs,.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size=xs] {
    padding-top: 32px
}

.ladda-button[data-style=expand-up][data-loading].btn-xs .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner {
    top: 4px
}

.ladda-button[data-style=expand-down] {
    overflow: hidden
}

.ladda-button[data-style=expand-down] .ladda-spinner {
    top: 44px;
    left: 50%;
    margin-left: 0
}

.ladda-button[data-style=expand-down].btn-xs .ladda-spinner,.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner {
    top: 30px
}

.ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 30px
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-down][data-loading].btn-xs,.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size=xs] {
    padding-bottom: 23px
}

.ladda-button[data-style=slide-left] {
    overflow: hidden
}

.ladda-button[data-style=slide-left] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
    left: -100%;
    opacity: 0
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    left: 50%;
    opacity: 1
}

.ladda-button[data-style=slide-right] {
    overflow: hidden
}

.ladda-button[data-style=slide-right] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    left: 16px;
    margin-left: 0
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
    left: 100%;
    opacity: 0
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    left: 50%;
    opacity: 1
}

.ladda-button[data-style=slide-up] {
    overflow: hidden
}

.ladda-button[data-style=slide-up] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-top: 1em;
    margin-left: 0
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
    top: -1em;
    opacity: 0
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    margin-top: 0;
    opacity: 1
}

.ladda-button[data-style=slide-down] {
    overflow: hidden
}

.ladda-button[data-style=slide-down] .ladda-label {
    position: relative
}

.ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-top: -2em;
    margin-left: 0
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
    top: 1em;
    opacity: 0
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    margin-top: 0;
    opacity: 1
}

.ladda-button[data-style=zoom-out] {
    overflow: hidden
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: 32px;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}

.ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    margin-left: 0;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.ladda-button[data-style=zoom-in] {
    overflow: hidden
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2)
}

.ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2)
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    margin-left: 0;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.ladda-button[data-style=contract] {
    width: 100px;
    overflow: hidden
}

.ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: 0
}

.ladda-button[data-style=contract][data-loading] {
    width: 52px;
    border-radius: 50%
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1
}

.ladda-button[data-style=contract-overlay] {
    width: 100px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0);
    box-shadow: 0 0 0 3000px rgba(0,0,0,0)
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: 0
}

.ladda-button[data-style=contract-overlay][data-loading] {
    width: 52px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,.8);
    box-shadow: 0 0 0 3000px rgba(0,0,0,.8)
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1
}

/*tablesaw.min.css*/
table.tablesaw {
    /* width:100%; */
    /* max-width:100%; */
    empty-cells: show;
}

.tablesaw {
/*     width: 100%; */
    border-collapse: collapse
}

.tablesaw {
    padding: 0;
    border: 0
}

.tablesaw td,.tablesaw th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em
}

:root {
    var-button-selected-background: #29abe2;
    var-button-checkbox-selected-background: #34a3de;
    var-button-selected-shadow: rgba(0,75,115,.45);
    var-button-interaction-text: #76838f;
    var-button-interaction-shadow: #4faeef
}

.tablesaw-enhanced .tablesaw-bar .btn {
    position: relative;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none!important;
    padding: 4px 8px;
    margin: 0;
    clear: both;
    color: #76838f;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    background: 0 0;
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    -moz-appearance: none!important;
    -webkit-font-smoothing: antialiased
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
    text-decoration: none
}

.tablesaw-enhanced .tablesaw-bar .btn:focus,.tablesaw-enhanced .tablesaw-bar .btn:hover {
    background-color: #fff;
    border-color: #62a8ea;
    outline: 0
}

.tablesaw-enhanced .tablesaw-bar .btn:focus {
    color: #62a8ea
}

.tablesaw-bar .btn:focus {
    color: #62a8ea
}

.ie-lte8 .tablesaw-bar .btn:focus,.ie-lte8 .tablesaw-bar .btn:hover {
    color: #76838f;
    background-color: #fff;
    border-color: #aaa;
    outline: 0
}

.ie-lte8 .tablesaw-bar .btn:focus,.ie-lte8 .tablesaw-bar .btn:hover {
    color: #76838f;
    background-color: #fff;
    border-color: #62a8ea;
    outline: 0
}

.tablesaw-bar .btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 1em;
    margin: 0;
    font-weight: inherit;
    background: 0 0;
    border: none
}

.tablesaw-bar .btn-select select {
    display: inline-block;
    color: transparent;
    filter: alpha(opacity=0);
    opacity: 0
}

.tablesaw-bar .btn select option {
    font-family: sans-serif;
    color: #000;
    background: #fff
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
    min-width: 7.25em;
    margin-bottom: 3px;
    color: #76838f;
    text-align: left;
    text-indent: 0
}

.ie-lte8 .tablesaw-bar .btn-select {
    min-width: 6.1em
}

.tablesaw-bar .btn.btn-micro,.tablesaw-bar .btn.btn-small {
    position: relative;
    top: 0;
    display: inline-block;
    width: auto;
    height: auto
}

.tablesaw-bar .btn.btn-small {
    line-height: 20px
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
    text-align: left
}

.tablesaw-bar .btn-select:after {
    position: absolute;
    display: block;
    content: " ";
    background: #f3f7f9;
    background: rgba(0,0,0,.1)
}

.tablesaw-bar .btn-select:after {
    top: 6px;
    right: auto;
    bottom: 0;
    left: auto;
    display: inline-block;
    width: 1.8em;
    padding: 0;
    margin: 0 5px 0;
    font-family: "Web Icons";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    content: "\f18f";
    background: 0 0;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto
}

.tablesaw-bar .btn-select.btn-micro:after,.tablesaw-bar .btn-select.btn-small:after {
    background: 0 0;
    border-left-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tablesaw-bar .btn-select.btn-small:after {
    padding-top: 0;
    padding-right: 0;
    font-size: 16px
}

.tablesaw-advance .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 3px;
    -moz-appearance: none
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    position: relative;
    display: inline-block;
    margin-left: .5em;
    font-family: "Web Icons";
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    content: "\f18f"
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\f190"
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    content: "\f17e"
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    content: "\f17f"
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=40);
    opacity: .4
}

.tablesaw-bar {
    clear: both;
    font-family: sans-serif
}

.tablesaw-toolbar {
    float: left;
    font-size: 13px
}

.tablesaw-toolbar label {
    display: block;
    padding: .5em 0;
    margin-right: 20px;
    clear: both;
    color: #76838f;
    text-transform: uppercase
}

.tablesaw-bar .btn,.tablesaw-enhanced .tablesaw-bar .btn {
    margin-top: .5em;
    margin-bottom: .5em
}

.tablesaw-bar .btn-select,.tablesaw-enhanced .tablesaw-bar .btn-select {
    margin-bottom: 0
}

.tablesaw-bar .tablesaw-toolbar .btn {
    padding-left: .3em;
    margin-top: 0;
    margin-left: .4em;
    font-family: sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
    min-width: 0
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
    padding-top: 0
}

.tablesaw-bar .tablesaw-toolbar select {
    color: #76838f;
    text-transform: none;
    background: 0 0
}

.tablesaw-toolbar~table {
    clear: both
}

.tablesaw-toolbar .a11y-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

@media (min-width: 24em) {
    .tablesaw-toolbar .a11y-sm {
        position:static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: none
    }
}

.tablesaw td,.tablesaw th {
    line-height: 1em;
    text-align: left;
    vertical-align: middle
}

.tablesaw tbody th,.tablesaw td {
    vertical-align: middle
}

.tablesaw tbody th .btn,.tablesaw td .btn {
    margin: 0
}

.tablesaw thead th {
    text-align: left;
    text-transform: uppercase
}

.tablesaw caption {
    margin-bottom: 0;
    line-height: 2.4;
    text-align: left;
    filter: alpha(opacity=50);
    opacity: .5
}

@media (min-width: 25em) {
    .tablesaw caption {
        margin-bottom:.6em;
        line-height: 1.2
    }
}

.tablesaw-cell-label-top {
    font-weight: 300;
    text-transform: uppercase
}

.tablesaw-cell-label {
    text-transform: uppercase
}

@media (min-width: 40em) {
    .tablesaw td {
        line-height:1.5em
    }
}

.tablesaw-cell-label-top {
    font-weight: 300;
    text-transform: uppercase
}

.tablesaw-cell-label {
    text-transform: uppercase
}

@media (min-width: 40em) {
    .tablesaw td {
        line-height:1.5em
    }
}

.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {
    .tablesaw-stack td,.tablesaw-stack th {
        display: block;
        text-align: left
    }

    .tablesaw-stack tr {
        display: table-row;
        clear: both
    }

    .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {
        display: inline-block;
        width: 30%;
        padding: 0 .6em 0 0
    }

    .tablesaw-stack td .tablesaw-cell-label-top,.tablesaw-stack th .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0
    }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none!important
    }
}

@media (max-width: 767px) {
    .tablesaw-stack thead td,.tablesaw-stack thead th {
        display:none
    }

    .tablesaw-stack tbody td,.tablesaw-stack tbody th {
        float: left;
        width: 100%;
        clear: left
    }

    .tablesaw-cell-label {
        vertical-align: top
    }

    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%
    }

    .tablesaw-stack td:empty,.tablesaw-stack th:empty {
        display: none
    }
}

@media (min-width: 768px) {
    .tablesaw-stack tr {
        display:table-row
    }

    .tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th {
        display: table-cell
    }

    .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {
        display: none!important
    }
}

.tablesaw-fix-persist {
    table-layout: fixed
}

@media only all {
    .tablesaw-swipe td.tablesaw-cell-hidden,.tablesaw-swipe th.tablesaw-cell-hidden {
        display: none
    }
}

.btn.tablesaw-columntoggle-btn span {
    display: inline-block;
    text-indent: -9999px
}

.tablesaw-columntoggle-btnwrap {
    position: relative
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5
}

.tablesaw-columntoggle-popup {
    display: none
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    position: absolute;
    top: 2em;
    right: 0;
    z-index: 1;
    display: block;
    padding: .5em .8em;
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0
}

@media only all {
    .tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-6 {
        display: none
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0!important;
    right: 1em;
    left: auto!important;
    width: 12em;
    max-width: 18em;
    margin: -.5em auto 0
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none
}

@media (min-width: 20em) {
    .tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-1 {
        display:table-cell
    }
}

@media (min-width: 30em) {
    .tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-2 {
        display:table-cell
    }
}

@media (min-width: 40em) {
    .tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-3 {
        display:table-cell
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2
    }
}

@media (min-width: 50em) {
    .tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-4 {
        display:table-cell
    }
}

@media (min-width: 60em) {
    .tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-5 {
        display:table-cell
    }
}

@media (min-width: 70em) {
    .tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-6 {
        display:table-cell
    }
}

@media only all {
    .tablesaw-columntoggle td.tablesaw-cell-hidden,.tablesaw-columntoggle th.tablesaw-cell-hidden {
        display: none
    }

    .tablesaw-columntoggle td.tablesaw-cell-visible,.tablesaw-columntoggle th.tablesaw-cell-visible {
        display: table-cell
    }
}

.tablesaw-columntoggle-popup .btn-group>label {
    display: block;
    padding: .2em 0;
    white-space: nowrap
}

.tablesaw-columntoggle-popup .btn-group>label input {
    margin-right: .8em
}

.tablesaw-sortable,.tablesaw-sortable thead,.tablesaw-sortable thead tr,.tablesaw-sortable thead tr th {
    position: relative
}

.tablesaw-sortable thead tr th {
    padding-right: 1.6em;
    vertical-align: top
}

.tablesaw-sortable th.tablesaw-sortable-head,.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
    padding: 0
}

.tablesaw-sortable th.tablesaw-sortable-head button {
    padding-top: .9em;
    padding-right: 1.6em;
    padding-bottom: .7em;
    padding-left: .6em
}

.tablesaw-sortable .tablesaw-sortable-head button {
    position: relative;
    min-width: 100%;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    text-transform: inherit;
    background: 0 0;
    border: 0
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    position: absolute;
    right: .5em;
    display: inline-block;
    width: 7px;
    height: 10px;
    font-family: "Web Icons";
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    content: "\0020";
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
    content: "\f190"
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    content: "\f18f"
}

.tablesaw-sortable .not-applicable:after {
    display: block;
    content: "--"
}

.tablesaw-sortable .not-applicable span {
    display: none
}

.tablesaw-advance {
    float: right
}

.tablesaw-advance.minimap {
    margin-right: .4em
}

.tablesaw-advance-dots {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none
}

.tablesaw-advance-dots li {
    display: table-cell;
    padding: .4em .2em
}

.tablesaw-advance-dots li i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #a3afb7;
    border-radius: 100%
}

.tablesaw-advance-dots-hide {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=30);
    opacity: .3
}

/*lightgallery.min.css*/
.lg-sub-html,.lg-toolbar {
    background-color: rgba(0,0,0,.45)
}

#lg-counter,.lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block
}

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

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,.lg-actions .lg-prev {
    background-color: rgba(0,0,0,.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none!important;
    outline: 0;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px
}

.lg-next,.lg-prev,.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -o-transition: -o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition:border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../images/vimeo-play.png) no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../images/vimeo-play.png) 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../images/video-play.png) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../images/youtube-play.png) no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../images/youtube-play.png) 0 -60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0,0,0,.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    transition: visibility 0s linear .18s,opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0,5px,0);
    -o-transform: translate3d(0,5px,0);
    -ms-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0,0,0,.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer,.lg-outer .lg,.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.group:after,.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../images/loading.gif) center center no-repeat;
    display: none!important
}

.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block!important
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
    height: auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s!important;
    -moz-transition: none 0s ease 0s!important;
    -o-transition: none 0s ease 0s!important;
    transition: none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

/*swiper-3.3.1.min.css*/
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/*slick.css*/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 150px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*slick-theme.css*/
@charset 'UTF-8'; /* Slider */
.slick-loading .slick-list {
    background: #fff url(../images/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url(../../../templates/res028/min/widget/slick/./fonts/slick.eot);
    src: url(../fonts/slick.eot) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg) format('svg');
}

/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/*bootstrap-select.min.css*/
/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,select.selectpicker {
    display: none!important
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>select {
    position: absolute!important;
    bottom: 0;
    left: 50%;
    display: block!important;
    width: .5px!important;
    height: 100%!important;
    padding: 0!important;
    opacity: 0!important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block!important;
    width: 100%!important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

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

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0!important;
    padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204,204,204,.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204,204,204,.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,.bs-donebutton,.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

/*7-stroke.min.css*/
@font-face {
    font-family: Pe-icon-7-stroke;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/pe-icon-7-stroke.eot);
    src: url(../fonts/pe-icon-7-stroke.eot) format('embedded-opentype'),url(../fonts/pe-icon-7-stroke.woff) format('woff'),url(../fonts/pe-icon-7-stroke.ttf) format('truetype'),url(../fonts/pe-icon-7-stroke.svg) format('svg')
}

[class*=" pe-"],[class^=pe-] {
    position: relative;
    display: inline-block;
    font-family: Pe-icon-7-stroke;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pe-album:before {
    content: "\e6aa"
}

.pe-arc:before {
    content: "\e6ab"
}

.pe-back-2:before {
    content: "\e6ac"
}

.pe-bandaid:before {
    content: "\e6ad"
}

.pe-car:before {
    content: "\e6ae"
}

.pe-diamond:before {
    content: "\e6af"
}

.pe-door-lock:before {
    content: "\e6b0"
}

.pe-eyedropper:before {
    content: "\e6b1"
}

.pe-female:before {
    content: "\e6b2"
}

.pe-gym:before {
    content: "\e6b3"
}

.pe-hammer:before {
    content: "\e6b4"
}

.pe-headphones:before {
    content: "\e6b5"
}

.pe-helm:before {
    content: "\e6b6"
}

.pe-hourglass:before {
    content: "\e6b7"
}

.pe-leaf:before {
    content: "\e6b8"
}

.pe-magic-wand:before {
    content: "\e6b9"
}

.pe-male:before {
    content: "\e6ba"
}

.pe-map-2:before {
    content: "\e6bb"
}

.pe-next-2:before {
    content: "\e6bc"
}

.pe-paint-bucket:before {
    content: "\e6bd"
}

.pe-pendrive:before {
    content: "\e6be"
}

.pe-photo:before {
    content: "\e6bf"
}

.pe-piggy:before {
    content: "\e6c0"
}

.pe-plugin:before {
    content: "\e6c1"
}

.pe-refresh-2:before {
    content: "\e6c2"
}

.pe-rocket:before {
    content: "\e6c3"
}

.pe-settings:before {
    content: "\e6c4"
}

.pe-shield:before {
    content: "\e6c5"
}

.pe-smile:before {
    content: "\e6c6"
}

.pe-usb:before {
    content: "\e6c7"
}

.pe-vector:before {
    content: "\e6c8"
}

.pe-wine:before {
    content: "\e6c9"
}

.pe-cloud-upload:before {
    content: "\e68a"
}

.pe-cash:before {
    content: "\e68c"
}

.pe-close:before {
    content: "\e680"
}

.pe-bluetooth:before {
    content: "\e68d"
}

.pe-cloud-download:before {
    content: "\e68b"
}

.pe-way:before {
    content: "\e68e"
}

.pe-close-circle:before {
    content: "\e681"
}

.pe-id:before {
    content: "\e68f"
}

.pe-angle-up:before {
    content: "\e682"
}

.pe-wristwatch:before {
    content: "\e690"
}

.pe-angle-up-circle:before {
    content: "\e683"
}

.pe-world:before {
    content: "\e691"
}

.pe-angle-right:before {
    content: "\e684"
}

.pe-volume:before {
    content: "\e692"
}

.pe-angle-right-circle:before {
    content: "\e685"
}

.pe-users:before {
    content: "\e693"
}

.pe-angle-left:before {
    content: "\e686"
}

.pe-user-female:before {
    content: "\e694"
}

.pe-angle-left-circle:before {
    content: "\e687"
}

.pe-up-arrow:before {
    content: "\e695"
}

.pe-angle-down:before {
    content: "\e688"
}

.pe-switch:before {
    content: "\e696"
}

.pe-angle-down-circle:before {
    content: "\e689"
}

.pe-scissors:before {
    content: "\e697"
}

.pe-wallet:before {
    content: "\e600"
}

.pe-safe:before {
    content: "\e698"
}

.pe-volume2:before {
    content: "\e601"
}

.pe-volume1:before {
    content: "\e602"
}

.pe-voicemail:before {
    content: "\e603"
}

.pe-video:before {
    content: "\e604"
}

.pe-user:before {
    content: "\e605"
}

.pe-upload:before {
    content: "\e606"
}

.pe-unlock:before {
    content: "\e607"
}

.pe-umbrella:before {
    content: "\e608"
}

.pe-trash:before {
    content: "\e609"
}

.pe-tools:before {
    content: "\e60a"
}

.pe-timer:before {
    content: "\e60b"
}

.pe-ticket:before {
    content: "\e60c"
}

.pe-target:before {
    content: "\e60d"
}

.pe-sun:before {
    content: "\e60e"
}

.pe-study:before {
    content: "\e60f"
}

.pe-stopwatch:before {
    content: "\e610"
}

.pe-star:before {
    content: "\e611"
}

.pe-speaker:before {
    content: "\e612"
}

.pe-signal:before {
    content: "\e613"
}

.pe-shuffle:before {
    content: "\e614"
}

.pe-shopbag:before {
    content: "\e615"
}

.pe-share:before {
    content: "\e616"
}

.pe-server:before {
    content: "\e617"
}

.pe-search:before {
    content: "\e618"
}

.pe-film:before {
    content: "\e6a5"
}

.pe-science:before {
    content: "\e619"
}

.pe-disk:before {
    content: "\e6a6"
}

.pe-ribbon:before {
    content: "\e61a"
}

.pe-repeat:before {
    content: "\e61b"
}

.pe-refresh:before {
    content: "\e61c"
}

.pe-add-user:before {
    content: "\e6a9"
}

.pe-refresh-cloud:before {
    content: "\e61d"
}

.pe-paperclip:before {
    content: "\e69c"
}

.pe-radio:before {
    content: "\e61e"
}

.pe-note2:before {
    content: "\e69d"
}

.pe-print:before {
    content: "\e61f"
}

.pe-network:before {
    content: "\e69e"
}

.pe-prev:before {
    content: "\e620"
}

.pe-mute:before {
    content: "\e69f"
}

.pe-power:before {
    content: "\e621"
}

.pe-medal:before {
    content: "\e6a0"
}

.pe-portfolio:before {
    content: "\e622"
}

.pe-like2:before {
    content: "\e6a1"
}

.pe-plus:before {
    content: "\e623"
}

.pe-left-arrow:before {
    content: "\e6a2"
}

.pe-play:before {
    content: "\e624"
}

.pe-key:before {
    content: "\e6a3"
}

.pe-plane:before {
    content: "\e625"
}

.pe-joy:before {
    content: "\e6a4"
}

.pe-photo-gallery:before {
    content: "\e626"
}

.pe-pin:before {
    content: "\e69b"
}

.pe-phone:before {
    content: "\e627"
}

.pe-plug:before {
    content: "\e69a"
}

.pe-pen:before {
    content: "\e628"
}

.pe-right-arrow:before {
    content: "\e699"
}

.pe-paper-plane:before {
    content: "\e629"
}

.pe-delete-user:before {
    content: "\e6a7"
}

.pe-paint:before {
    content: "\e62a"
}

.pe-bottom-arrow:before {
    content: "\e6a8"
}

.pe-notebook:before {
    content: "\e62b"
}

.pe-note:before {
    content: "\e62c"
}

.pe-next:before {
    content: "\e62d"
}

.pe-news-paper:before {
    content: "\e62e"
}

.pe-musiclist:before {
    content: "\e62f"
}

.pe-music:before {
    content: "\e630"
}

.pe-mouse:before {
    content: "\e631"
}

.pe-more:before {
    content: "\e632"
}

.pe-moon:before {
    content: "\e633"
}

.pe-monitor:before {
    content: "\e634"
}

.pe-micro:before {
    content: "\e635"
}

.pe-menu:before {
    content: "\e636"
}

.pe-map:before {
    content: "\e637"
}

.pe-map-marker:before {
    content: "\e638"
}

.pe-mail:before {
    content: "\e639"
}

.pe-mail-open:before {
    content: "\e63a"
}

.pe-mail-open-file:before {
    content: "\e63b"
}

.pe-magnet:before {
    content: "\e63c"
}

.pe-loop:before {
    content: "\e63d"
}

.pe-look:before {
    content: "\e63e"
}

.pe-lock:before {
    content: "\e63f"
}

.pe-lintern:before {
    content: "\e640"
}

.pe-link:before {
    content: "\e641"
}

.pe-like:before {
    content: "\e642"
}

.pe-light:before {
    content: "\e643"
}

.pe-less:before {
    content: "\e644"
}

.pe-keypad:before {
    content: "\e645"
}

.pe-junk:before {
    content: "\e646"
}

.pe-info:before {
    content: "\e647"
}

.pe-home:before {
    content: "\e648"
}

.pe-help2:before {
    content: "\e649"
}

.pe-help1:before {
    content: "\e64a"
}

.pe-graph3:before {
    content: "\e64b"
}

.pe-graph2:before {
    content: "\e64c"
}

.pe-graph1:before {
    content: "\e64d"
}

.pe-graph:before {
    content: "\e64e"
}

.pe-global:before {
    content: "\e64f"
}

.pe-gleam:before {
    content: "\e650"
}

.pe-glasses:before {
    content: "\e651"
}

.pe-gift:before {
    content: "\e652"
}

.pe-folder:before {
    content: "\e653"
}

.pe-flag:before {
    content: "\e654"
}

.pe-filter:before {
    content: "\e655"
}

.pe-file:before {
    content: "\e656"
}

.pe-expand1:before {
    content: "\e657"
}

.pe-exapnd2:before {
    content: "\e658"
}

.pe-edit:before {
    content: "\e659"
}

.pe-drop:before {
    content: "\e65a"
}

.pe-drawer:before {
    content: "\e65b"
}

.pe-download:before {
    content: "\e65c"
}

.pe-display2:before {
    content: "\e65d"
}

.pe-display1:before {
    content: "\e65e"
}

.pe-diskette:before {
    content: "\e65f"
}

.pe-date:before {
    content: "\e660"
}

.pe-cup:before {
    content: "\e661"
}

.pe-culture:before {
    content: "\e662"
}

.pe-crop:before {
    content: "\e663"
}

.pe-credit:before {
    content: "\e664"
}

.pe-copy-file:before {
    content: "\e665"
}

.pe-config:before {
    content: "\e666"
}

.pe-compass:before {
    content: "\e667"
}

.pe-comment:before {
    content: "\e668"
}

.pe-coffee:before {
    content: "\e669"
}

.pe-cloud:before {
    content: "\e66a"
}

.pe-clock:before {
    content: "\e66b"
}

.pe-check:before {
    content: "\e66c"
}

.pe-chat:before {
    content: "\e66d"
}

.pe-cart:before {
    content: "\e66e"
}

.pe-camera:before {
    content: "\e66f"
}

.pe-call:before {
    content: "\e670"
}

.pe-calculator:before {
    content: "\e671"
}

.pe-browser:before {
    content: "\e672"
}

.pe-box2:before {
    content: "\e673"
}

.pe-box1:before {
    content: "\e674"
}

.pe-bookmarks:before {
    content: "\e675"
}

.pe-bicycle:before {
    content: "\e676"
}

.pe-bell:before {
    content: "\e677"
}

.pe-battery:before {
    content: "\e678"
}

.pe-ball:before {
    content: "\e679"
}

.pe-back:before {
    content: "\e67a"
}

.pe-attention:before {
    content: "\e67b"
}

.pe-anchor:before {
    content: "\e67c"
}

.pe-albums:before {
    content: "\e67d"
}

.pe-alarm:before {
    content: "\e67e"
}

.pe-airplay:before {
    content: "\e67f"
}

/*metinfo.css*/
.less-link {
    color: #2a333c
}

.less-link:hover {
    color: #db0000
}

.less-decorationnone {
    text-decoration: none
}

.less-decorationnone:active,.less-decorationnone:focus,.less-decorationnone:hover {
    text-decoration: none
}

.height-20 {
    height: 20px
}

.less-page-content {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee
}

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

.less-page-body {
    padding: 30px 0;
    background: #fff
}

@media (max-width: 767px) {
    .less-page-body {
        padding: 0
    }
}

.less-uldestyle {
    padding: 0;
    list-style: none
}

.met-editor {
    padding: 30px;
    background: #fff;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word
}

.met-editor p {
    margin-bottom: 16px
}

.met-editor img {
    max-width: 100%
}

.met-editor img:not(.imgloading) {
    height: auto !important
}

.met-editor table {
    color: #2a333c
}

.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;
    margin: auto;
    display: block
}

.met-editor .lg-item-box {
    display: inline
}

.met_pager {
    margin-top: 20px;
    text-align: center
}

.met_pager * {
    display: inline-block
}

.met_pager a {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    border-right: none;
    background: #fff;
    text-align: center;
    color: #76838f
}

.met_pager a:hover {
    background: #f5f5f5;
    text-decoration: none
}

.met_pager a.NextA {
    border-right: 1px solid #e4eaec
}

.met_pager .PreSpan,.met_pager .NextSpan {
    padding: 9px 15px;
    border: 1px solid #e4eaec;
    background: #fff;
    color: #ccd5db;
    cursor: default
}

.met_pager .firstPage,.met_pager .lastPage {
    min-width: 40px;
    height: 28px;
    line-height: 28px
}

.met_pager a.Ahover {
    border-color: #62a8ea;
    background: #62a8ea;
    color: #fff;
    cursor: default
}

.met_pager a.Ahover:hover {
    border-color: #62a8ea;
    background: #62a8ea;
    color: #fff
}

.met_pager a {
    text-decoration: none
}

.met_pager a:active,.met_pager a:focus,.met_pager a:hover {
    text-decoration: none
}

.met_pager .PageText {
    display: none;
    margin-left: 10px;
    color: #aaa
}

.met_pager input {
    display: none
}

.pager li {
    width: 49%;
    display: inline-block
}

.pager li a {
    max-width: 100%
}

.met-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

.flex {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.less-flex-vm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html,body {
    width: 100%;
    max-width: 100%;
    min-width: 320px
}

html {
    height: 100%
}

body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    font: 14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
    color: #2a333c;
    word-wrap: break-word
}

h1,h2,h3,b,strong {
    font-weight: bold
}

.overflow-visible {
    overflow: visible !important
}

.dropdown-menu,.dropdown-menu>li>a {
    border-radius: 0;
    font-weight: normal
}

.dropdown-menu>li {
    padding: 0
}

.dropdown-menu>li>a {
    color: #2a333c !important;
    transition: color .5s;
    -webkit-transition: color .5s;
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s
}

.dropdown-menu>li>a:hover {
    color: #db0000 !important
}

.dropdown-menu>li>a:hover {
    background: #f5f5f5
}

.fngallery .lg-item-box img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.met-white-lightGallery .lg-backdrop,.met-white-lightGallery .lg-actions .lg-next,.met-white-lightGallery .lg-actions .lg-prev,.met-white-lightGallery .lg-toolbar {
    background: #fff
}

.met-white-lightGallery .lg-sub-html {
    background: rgba(255,255,255,0.7);
    color: #555
}

.met-white-lightGallery .lg-toolbar.opacity0 {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.met-white-lightGallery .lg-toolbar .lg-icon:hover,.met-white-lightGallery .lg-actions .lg-next:hover,.met-white-lightGallery .lg-actions .lg-prev:hover,.met-white-lightGallery .lg-outer .lg-toogle-thumb:hover {
    color: #333
}

.met-white-lightGallery .lg-outer {
    z-index: 1602;
    background: #fff
}

.met-white-lightGallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 84px
}

.met-white-lightGallery .lg-outer .lg-thumb-outer,.met-white-lightGallery .lg-outer .lg-toogle-thumb {
    background-color: #f2f2f2
}

.met-white-lightGallery .lg-outer .lg-thumb-outer {
    padding: 0 10px
}

.met-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item {
    margin-bottom: 0;
    border-radius: 0
}

.met-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,.met-white-lightGallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover {
    border-color: #62a8ea
}

.met-form .form-control,.input-group-addon {
    border-radius: 0
}

.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-wrapper {
    width: auto
}

.swiper-navtab .swiper-wrapper.flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.swiper-navtab .swiper-slide {
    width: auto
}

.slh,.pager li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.slick-loading .slick-list {
    background: none
}

.slick-arrow {
    width: auto;
    height: auto;
    z-index: 1;
    color: #fff !important
}

.slick-arrow:before,.slick-arrow:after {
    font-family: inherit;
    display: none
}

.slick-arrow:hover {
    color: #db0000 !important
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow i {
    font-size: 60px
}

.slick-slide {
    outline: none
}

img.imgloading:not([src*=base64]),img.slick-loading:not([src*=base64]) {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

@media (max-width: 767px) {
    .invisible-xs {
        visibility: hidden
    }
}

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1) !important;
    animation-timing-function: cubic-bezier(.77, 0, .175, 1) !important
}

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

.animation-slide-top10 {
    animation-name: slide-top10;
    -webkit-animation-name: slide-top10;
    -moz-animation-name: slide-top10;
    -ms-animation-name: slide-top10;
    -o-animation-name: slide-top10
}

.animation-slide-bottom10 {
    animation-name: slide-bottom10;
    -webkit-animation-name: slide-bottom10;
    -moz-animation-name: slide-bottom10;
    -ms-animation-name: slide-bottom10;
    -o-animation-name: slide-bottom10
}

.animation-slide-left10 {
    animation-name: slide-left10;
    -webkit-animation-name: slide-left10;
    -moz-animation-name: slide-left10;
    -ms-animation-name: slide-left10;
    -o-animation-name: slide-left10
}

.animation-slide-right10 {
    animation-name: slide-right10;
    -webkit-animation-name: slide-right10;
    -moz-animation-name: slide-right10;
    -ms-animation-name: slide-right10;
    -o-animation-name: slide-right10
}

.animation-slide-top50 {
    animation-name: slide-top50;
    -webkit-animation-name: slide-top50;
    -moz-animation-name: slide-top50;
    -ms-animation-name: slide-top50;
    -o-animation-name: slide-top50
}

.animation-slide-bottom50 {
    animation-name: slide-bottom50;
    -webkit-animation-name: slide-bottom50;
    -moz-animation-name: slide-bottom50;
    -ms-animation-name: slide-bottom50;
    -o-animation-name: slide-bottom50
}

.animation-slide-left50 {
    animation-name: slide-left50;
    -webkit-animation-name: slide-left50;
    -moz-animation-name: slide-left50;
    -ms-animation-name: slide-left50;
    -o-animation-name: slide-left50
}

.animation-slide-right50 {
    animation-name: slide-right50;
    -webkit-animation-name: slide-right50;
    -moz-animation-name: slide-right50;
    -ms-animation-name: slide-right50;
    -o-animation-name: slide-right50
}

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

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

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

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

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

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

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

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

[class*=animation-] {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

body[class*=met-navfixed] {
    padding-top: 60px
}

body.met-navfixed-langlist {
    padding-top: 110px
}

.met-nav {
    min-height: 48px;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 1601
}

.met-nav.navbar-shadow {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1)
}

.met-nav.navbar-fixed-top {
    position: fixed
}

.met-nav .row {
    position: relative
}

.met-nav .navbar-logo {
    height: 48px;
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    display: block
}

.met-nav .navbar-logo img {
    max-height: 50px
}

.met-nav .navbar-toggle {
    height: 48px
}

.met-nav .nav>li>a {
    color: #2a333c !important;
    font-size: 16px
}

.met-nav .nav>li>a:hover {
    color: #db0000 !important
}

.met-nav .nav li a.active,.met-nav .dropdown.open>a {
    color: #db0000 !important
}

.met-nav .nav>li>a:hover,.met-nav .dropdown.open>a {
    background: #fff !important
}

.met-nav .nav>li.openallsub.open .dropdown-menu {
    display: block
}

.met-nav .nav>li.openallsub.open .dropdown-menu .dropdown-submenu>a:after {
    display: none
}

.met-nav .nav>li.openallsub.open .dropdown-menu .dropdown-menu {
    position: static;
    float: none;
    border-right: none;
    border-left: none
}

.met-nav .nav>li.openallsub.open .dropdown-menu .dropdown-menu li a {
    padding: 5px 15px 5px 30px
}

@media (max-width: 767px) {
    .met-nav .nav>li.openallsub.open .dropdown-menu .dropdown-menu li a {
        padding-left: 35px
    }
}

.met-nav .dropdown-menu.overflow-visible .dropdown-submenu:hover .dropdown-menu {
    display: table
}

.met-nav .dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu {
    left: auto;
    right: 100%
}

.met-nav .met-langlist {
    height: 60px;
    margin: 0 !important
}

.met-nav .met-langlist .dropdown-menu {
    top: 48px;
    bottom: auto
}

.met-nav .met-langlist .modal {
    background: rgba(0,0,0,0.3)
}

.met-nav .navlist.flex {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.met-nav .navlist.flex>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.met-nav .navlist.flex>li>a {
    height: 50px;
    line-height: 50px
}

.met-nav .navlist.flex>li>.dropdown-menu {
    top: 55px
}

@media (min-width: 768px) {
    .met-nav.navbar-fixed-top .navbar-collapse {
        padding: 0 15px
    }

    .met-nav .nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        height: 48px;
        line-height: 48px
    }

    .met-nav .dropdown-menu {
        top: 65px
    }

    .met-nav .dropdown-menu.bullet {
        top: 60px
    }

    .met-nav .met-nav-login {
        height: 48px;
        padding-top: 0;
        margin-left: 30px
    }

    .met-nav .met-head-user {
        margin-top: 10px;
        margin-left: 30px
    }

    .met-nav .met-langlist {
        float: right;
        height: 48px
    }
}

@media (max-width: 991px) {
    .met-nav .navlist>li {
        margin-left: 10px !important
    }

    .met-nav .nav-shop .navlist>li {
        margin-left: 0 !important
    }

    .met-nav .met-nav-login {
        margin-left: 10px
    }
}

@media (max-width: 767px) {
    .met-nav .navbar-logo img {
        max-width: 130px
    }

    .met-nav .navlist>li {
        margin-left: 0 !important
    }

    .met-nav .dropdown-menu.bullet:before,.met-nav .dropdown-menu.bullet:after {
        display: none
    }

    .met-nav .dropdown-menu.dropdown-menu.animate,.met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu {
        width: 100%
    }

    .met-nav .dropdown-menu.dropdown-menu.animate>li>a,.met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu>li>a {
        width: 100%;
        white-space: normal;
        word-break: break-all
    }

    .met-nav .dropdown-menu .dropdown-submenu .dropdown-menu>li>a {
        padding-left: 40px
    }

    .met-nav .navbar-logo {
        margin-left: 10px !important
    }

    .met-nav.navbar-fixed-top .navbar-collapse-toolbar {
        max-height: 340px;
        overflow-y: auto
    }

    .met-nav .met-nav-login,.met-nav .met-nav-right-shop,.met-nav .met-head-user {
        margin: 12px 0 0 !important
    }

    .met-nav .met-langlist {
        float: none
    }

    .met-nav .met-langlist .btn {
        padding: 6px 10px
    }
}

.met-head-user>li>a {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px
}

.met-head-user .dropdown-menu {
    top: 50px
}

.met-banner {
    width: 100%;
    height: 300px;
    margin: 0 !important;
    background: #ccc
}

.met-banner.fixedheight {
    display: -moz-deck
}

.met-banner.fixedheight .slick-slide {
    height: 100%
}

.met-banner.fixedheight .slick-slide img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
}

.met-banner.banner-ny-h {
    height: 150px
}

.met-banner.banner-ny-h .slick-slide img {
    min-height: 100px
}

@media (max-width: 900px) {
    .met-banner.banner-ny-h {
        height: 75px
    }
    .slick-slide{
        min-height: 75px !important;
    }
    .met-banner.banner-ny-h .slick-slide img{
        min-height: 75px;
    }
    .met-banner.fixedheight .slick-slide img{
        height: 75px;
    }
}
@media (max-width: 600px) {
    .met-banner.banner-ny-h {
        height: 60px
    }
    .slick-slide{
        min-height: 60px !important;
    }
    .met-banner.banner-ny-h .slick-slide img{
        min-height: 60px;
    }
    .met-banner.fixedheight .slick-slide img{
        height: 60px;
    }
}


.met-banner.slick-slider {
    display: block
}

.met-banner .slick-list,.met-banner .slick-track {
    height: 100%
}

.met-banner .slick-slide {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.met-banner .slick-slide:first-child {
    display: block
}

.met-banner .slick-slide a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.met-banner .slick-slide img {
    min-height: 150px
}

.met-banner .slick-arrow {
    width: 15%;
    height: 100%;
    top: 50%;
    text-align: center
}

.met-banner .slick-arrow i {
    font-size: 70px;
    color: #fff !important;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}

@media (max-width: 767px) {
    .met-banner .slick-arrow i {
        font-size: 50px
    }
}

.met-banner .slick-dots {
    margin: 0;
    bottom: 20px
}

.met-banner .slick-dots li {
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 100%;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-banner .slick-dots li.slick-active {
    background: #fff
}

.met-banner .slick-dots li button {
    display: none
}

@media (max-width: 991px) {
    .met-banner {
        height: 150px
    }
}

@media (min-width: 768px) {
    .met-banner:hover .slick-arrow {
        display: block !important
    }
}

@media (max-width: 767px) {
    .met-banner .slick-dots {
        bottom: 5px
    }

    .met-banner .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 5px
    }
}

.met-banner .banner-text {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.met-banner .banner-text .container {
    height: 100%;
    display: table;
    text-align: center
}

.met-banner .banner-text .container .banner-text-con {
    display: table-cell;
    vertical-align: middle
}

.met-banner .banner-text.p-1 .container {
    text-align: left
}

.met-banner .banner-text.p-1 .container .banner-text-con div {
    width: 60%;
    float: left
}

.met-banner .banner-text.p-2 .container {
    text-align: right
}

.met-banner .banner-text.p-2 .container .banner-text-con div {
    width: 60%;
    float: right
}

.met-banner .banner-text.p-3 {
    top: 10%
}

.met-banner .banner-text.p-3 .container .banner-text-con {
    vertical-align: top
}

.met-banner .banner-text.p-4 {
    top: auto;
    bottom: 10%
}

.met-banner .banner-text.p-4 .container .banner-text-con {
    vertical-align: bottom
}

.met-banner .banner-text.p-3 .container .banner-text-con,.met-banner .banner-text.p-4 .container .banner-text-con,.met-banner .banner-text.p-5 .container .banner-text-con {
    width: 60%
}

.met-banner .banner-text h4,.met-banner .banner-text p {
    color: #fff
}

.met-banner .banner-text h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 500
}

.met-banner .banner-text p {
    font-size: 36px;
    margin: 20px 0 0;
    text-shadow: none
}

.met-banner .banner-text .btn {
    margin-top: 30px;
    font-size: 20px
}

@media (max-width: 991px) {
    .met-banner .banner-text h4 {
        font-size: 20px
    }

    .met-banner .banner-text p {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .met-banner .banner-text .container {
        width: 100%
    }

    .met-banner .banner-text.p-5 .container .banner-text-con {
        width: 100%
    }

    .met-banner .banner-text h4 {
        font-size: 18px
    }

    .met-banner .banner-text p {
        margin-top: 15px;
        font-size: 24px
    }

    .met-banner .banner-text .btn {
        margin-top: 20px;
        font-size: 16px
    }
}

@media (max-width: 479px) {
    .met-banner .banner-text h4 {
        font-size: 16px
    }

    .met-banner .banner-text p {
        margin-top: 10px;
        font-size: 20px
    }
}

.met-banner-ny {
    background-color: #62a8ea;
    height: 120px
}

.met-banner-ny h1,.met-banner-ny h2 {
    margin: 0;
    padding: 10px 30px;
    font-size: 35px;
    font-weight: 300;
    text-shadow: none;
    color: #fff
}

@media (max-width: 767px) {
    .met-banner-ny {
        height: 90px
    }

    .met-banner-ny h1,.met-banner-ny h2 {
        font-size: 26px
    }
}

.met-position {
    background: #fff;
    border-bottom: 1px solid #f0f2f5
}

.met-position.bordernone {
    border-bottom: none
}

@media (max-width: 767px) {
    .met-position {
        border-bottom: 1px solid #f0f2f5
    }
}

.met-position .breadcrumb {
    margin: 0;
    padding: 15px
}

.met-position a {
    text-decoration: none
}

.met-position a:active,.met-position a:focus,.met-position a:hover {
    text-decoration: none
}

.met-position.pattern-show {
    background: #f2f2f2;
    border-bottom: none
}

.met-position.pattern-show .breadcrumb {
    padding: 10px
}

.met-column-nav {
    border-bottom: 1px solid #f0f2f5;
    text-align: center;
    background-color: #eee
}

.met-column-nav.bordernone {
    border-bottom: none
}

.met-column-nav .met-column-nav-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.met-column-nav .met-column-nav-ul>li {
    white-space: nowrap;
    display: inline-block;
    float: none
}

.met-column-nav .met-column-nav-ul>li a.link {
    text-decoration: none;
    display: block;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 300;
    color: #90939b
}

.met-column-nav .met-column-nav-ul>li a.link:active,.met-column-nav .met-column-nav-ul>li a.link:focus,.met-column-nav .met-column-nav-ul>li a.link:hover {
    text-decoration: none
}

.met-column-nav .met-column-nav-ul>li a.link:hover,.met-column-nav .met-column-nav-ul>li a.link.active {
    color: #db0000
}

.met-column-nav .met-column-nav-ul>li>ul>li>a.active {
    color: #db0000 !important
}

.met-column-nav .product-search:first-child {
    margin-top: 10px
}

.met-column-nav .product-search .form-group {
    max-width: 500px;
    margin: 0 auto 10px
}

@media (max-width: 767px) {
    .met-column-nav {
        border-bottom: 1px solid #f0f2f5
    }

    .met-column-nav .row {
        margin: 0
    }

    .met-column-nav .sidebar-tile {
        height: 54px
    }
}

.met-links {
    border-top: 1px solid #63686e;
    color: #ccc;
    background-color: #4a4e53
}

.met-links a {
    color: #ccc
}

.met-links ol {
    margin-bottom: 0;
    text-align: left
}

.met-links .breadcrumb>li+li:before {
    color: #ccc
}

.met-links li {
    white-space: nowrap
}

.met-links li img {
    height: 40px
}

.met-footnav {
    background: #4a4e53;
    color: #ccc
}

.met-footnav .title {
    padding: 50px 0 27px;
    border-bottom: 1px solid #63686e
}

.met-footnav .title h2 {
    font-size: 30px;
    font-weight: normal;
    color: #ccc;
    line-height: 28px
}

.met-footnav .title p {
    font-size: 14px;
    line-height: 28px;
    margin: 15px 0 0;
    color: #ccc
}

.met-footnav .foot-box {
    margin-top: 30px
}

.met-footnav .foot-box .foot-img {
    text-align: right
}

.met-footnav .foot-box .foot-img img {
    max-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.met-footnav .foot-box .foot-tel {
    text-align: right
}

.met-footnav .foot-box .foot-tel span {
    font-size: 12px;
    margin: 15px 0 10px;
    display: block;
    text-align: right
}

.met-footnav .foot-box .foot-tel a {
    font-size: 44px;
    color: #ccc;
    font-weight: 700;
    height: 35px;
    display: block;
    line-height: 35px
}

.met-footnav .foot-box .foot-tel p {
    font-size: 12px;
    color: #ccc;
    line-height: 32px
}

.met-footnav .foot-box .foot-tel .more-info {
    font-size: 14px;
    color: #ccc;
    font-weight: bold;
    line-height: 20px;
    text-align: right;
    margin: 10px 3px
}

.met-footnav .met-foot-feedback .form-group {
    width: 50%;
    float: left;
    text-align: left
}

.met-footnav .met-foot-feedback .w100 {
    width: 100%
}

.met-footnav .met-foot-feedback .btn {
    background: #575b60;
    color: #ccc;
    border: 1px solid #575b60;
    outline: none;
    border-radius: 0;
    height: 36px;
    line-height: 34px;
    padding: 0 15px
}

.met-footnav .met-foot-feedback input {
    color: #ccc;
    border: 1px solid #575b60;
    background: #575b60
}

.met-footnav .met-foot-feedback textarea {
    color: #ccc;
    border: 1px solid #575b60;
    background: #575b60
}

.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu {
    background: transparent;
    border: 0
}

.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu ul {
    padding: 0
}

.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu li {
    background: #44474b;
    margin: 0
}

.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu li a {
    color: #fff !important
}

.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu li a:hover,.met-footnav .met-foot-feedback .bootstrap-select.btn-group .dropdown-menu li a:focus {
    color: #000 !important
}

.met-footnav .met-foot-feedback .input-group {
    padding-right: 15px
}

footer {
    height: auto;
    border-top: 1px solid #f0f2f5;
    padding: 20px 0;
    color: #aaa;
    line-height: 1.8
}

footer p {
    margin-bottom: 0
}

.met-langlist .flag-icon {
    margin-right: 3px;
    font-size: 15px
}

.met-langlist .dropdown-menu {
    min-width: 100%
}

@media (max-width: 767px) {
    #met-langlist-modal .modal-center {
        height: auto !important
    }
}

#met-langlist-modal .modal-content {
    border-radius: 0
}

#met-langlist-modal .modal-content .modal-body {
    padding: 40px 40px 20px;
    position: relative
}

#met-langlist-modal .modal-content .modal-body .close {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 40px
}

#met-langlist-modal .modal-content a.btn {
    padding: 0 15px;
    border: none;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

#met-langlist-modal .modal-content a.btn span.flag-icon {
    margin-right: 8px;
    top: 7px;
    font-size: 30px
}

.met-index-body {
    padding: 70px 0;
    background: #fff
}

.met-index-body h2 {
    font-size: 30px;
    margin-top: 0;
    text-align: center;
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
    text-shadow: none
}

.met-index-body p.desc {
    font-size: 18px;
    text-align: center;
    width: 80%;
    color: #666;
    margin: 0 auto
}

@media (max-width: 991px) {
    .met-index-body {
        padding: 60px 0
    }
}

@media (max-width: 767px) {
    .met-index-body {
        padding: 50px 0
    }

    .met-index-body h2 {
        font-size: 28px
    }

    .met-index-body p.desc {
        font-size: 14px
    }
}

.met-index-service {
    text-align: center;
    background: #1585c9
}

.met-index-service h2 {
    color: #fff
}

.met-index-service p.desc {
    color: #fff
}

.met-index-service .num {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 35px;
    top: 5px;
    color: #1585c9;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    font-weight: 100;
    font-family: arial;
    z-index: 9;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-service [class*=blocks] li {
    margin: 50px 0 0;
    clear: none
}

.met-index-service [class*=blocks] li:hover i {
    background: #fff;
    color: #1585c9
}

.met-index-service [class*=blocks] li:hover .num {
    background: #1585c9;
    color: #fff
}

.met-index-service [class*=blocks] li i {
    width: 120px;
    height: 120px;
    text-align: center;
    font-size: 50px;
    line-height: 120px;
    color: #fff;
    border-radius: 100%;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border: 1px solid #fff
}

.met-index-service [class*=blocks] li img {
    max-width: 100%
}

.met-index-service [class*=blocks] li h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 20px;
    color: #fff
}

.met-index-service [class*=blocks] li p {
    width: 90%;
    margin: 0 auto;
    font-weight: 300;
    color: #fff
}

.met-index-service [class*=blocks] li a {
    text-decoration: none
}

.met-index-service [class*=blocks] li a:active,.met-index-service [class*=blocks] li a:focus,.met-index-service [class*=blocks] li a:hover {
    text-decoration: none
}

@media (max-width: 991px) {
    .met-index-service [class*=blocks] li {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    .met-index-service [class*=blocks] li {
        margin-top: 30px
    }

    .met-index-service [class*=blocks] li i {
        width: 90px;
        height: 90px;
        font-size: 40px;
        line-height: 90px
    }
}

@media (max-width: 479px) {
    .met-index-service [class*=blocks] li p {
        width: 100%
    }
}

.met-index-product {
    text-align: center;
    background: #f5f5f5
}

.met-index-product .container {
    width: 1210px
}

.met-index-product .nav-tabs {
    margin: 30px auto;
    text-align: center;
    border-bottom: 1px solid rgba(212,212,212,0.7);
    position: relative
}

.met-index-product .nav-tabs li {
    white-space: nowrap;
    display: inline-block;
    float: none;
    top: 6px;
    margin: 0;
    margin-right: 40px
}

.met-index-product .nav-tabs .nav-tabs-autoline {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    width: 0;
    height: 2px;
    background-color: #db0000;
    -webkit-transition-property: left,width;
    transition-property: left,width
}

.met-index-product .nav-tabs h3 {
    font-size: 16px;
    font-weight: 300;
    color: #666
}

.met-index-product .tab-banner {
    width: 240px;
    height: 100%;
    padding: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left
}

.met-index-product .tab-banner .title {
    color: #fff;
    font-size: 18px;
    height: 72px;
    border-bottom: 1px solid #fff;
    width: 100%;
    display: block;
    line-height: 84px;
    text-align: left;
    padding-left: 29px
}

.met-index-product .tab-banner .desc {
    padding: 92px 32px 0
}

.met-index-product .tab-banner .desc span {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    text-align: left
}

.met-index-product .tab-content {
    height: 380px
}

.met-index-product .tab-content.tab-pd {
    height: 420px
}

.met-index-product .tab-content .tab-pane {
    height: 100%
}

.met-index-product .tab-item {
    width: 312px;
    height: 100%;
    background: #fff;
    float: left;
    z-index: 0;
    border-right: 1px solid rgba(212,212,212,0.7);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-product .tab-item .widget {
    width: 310px;
    height: 100%;
    padding-top: 50px;
    margin: 0 auto
}

.met-index-product .tab-item .widget .widget-header {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 25px
}

.met-index-product .tab-item .widget .widget-header img {
    height: 100%;
    filter: #808080;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-product .tab-item .widget .widget-title {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 0
}

.met-index-product .tab-item .widget .widget-title a {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.met-index-product .tab-item .widget .desc {
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    max-height: 90px;
    overflow: hidden
}

.met-index-product .tab-item .widget .desc a {
    display: inline-block;
    margin: 25px 11px 0;
    font-size: 12px;
    color: #fff
}

.met-index-product .tab-item .widget strong {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #f96868;
    font-weight: normal;
    margin-top: 15px
}

.met-index-product .tab-item .widget.product-detail {
    padding-top: 0
}

.met-index-product .tab-item .widget.product-detail .desc {
    height: 78px;
    line-height: 24px
}

.met-index-product .tab-item .widget.product-detail .widget-header {
    width: 100%;
    height: 150px
}

.met-index-product .tab-item .widget.product-detail .widget-header img {
    -webkit-filter: none;
    filter: none
}

.met-index-product .tab-item:hover {
    transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    box-shadow: 0 2px 5px rgba(0,0,0,0.15)
}

.met-index-product .tab-item:hover .widget .widget-header img {
    -webkit-filter: none;
    filter: none
}

.met-index-product .tab-item:hover .widget .widget-title a {
    color: #db0000
}

.met-index-news {
    background: #f3f3f3
}

.met-index-news ul {
    margin-top: 20px
}

.met-index-news ul li {
    margin: 30px 0 0
}

.met-index-news ul li a {
    color: #2a333c;
    font-size: 16px
}

.met-index-news ul li a:hover {
    color: #db0000
}

.met-index-news ul li p {
    color: #76838f;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px
}

.met-index-news ul li p.des {
    margin-bottom: 5px
}

.met-index-news ul li .left {
    width: 85px;
    height: 85px;
    border: 1px solid #333;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-news ul li .left strong {
    font-size: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-weight: normal;
    color: #333;
    margin-top: 17px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-news ul li .left em {
    font-style: normal;
    font-size: 14px;
    color: #333;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-news ul li .right {
    width: 245px;
    float: left;
    margin-left: 20px
}

@media (max-width: 991px) {
    .met-index-news ul li .media-left {
        padding-right: 10px
    }

    .met-index-news ul li .media-left .media-object {
        width: 100px
    }

    .met-index-news ul li p.des {
        max-height: 4.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 767px) {
    .met-index-news ul li {
        width: 100% !important;
        margin-top: 20px
    }

    .met-index-news ul li h4 {
        font-size: 16px
    }
}

.met-index-news .media:hover .left {
    background: #f39800;
    border: 1px solid #f39800
}

.met-index-news .media:hover .left strong {
    color: #fff
}

.met-index-news .media:hover .left em {
    color: #fff
}

.met-index-news .news-list .slick-dots li {
    border-radius: 100%;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    background: #666;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 12px !important
}

.met-index-news .news-list .slick-dots li.slick-active {
    background: #db0000;
    width: 24px !important;
    border-radius: 12px
}

.met-index-news .news-list .slick-dots button {
    display: none
}

.met-index-about {
    position: relative;
    overflow: hidden;
    padding: 120px 0
}

.met-index-about .container {
    z-index: 2;
    position: relative
}

.met-index-about .about-list {
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 5px;
    box-shadow: rgba(0,0,0,0.1) 0 0 5px;
    margin-top: 50px;
    font-size: 0;
    background-color: #fff;
    padding: 30px 15px
}

.met-index-about .about-list ul {
    margin: 0
}

.met-index-about .about-list li {
    padding: 0;
    text-align: left;
    margin: 0
}

.met-index-about .about-list li a {
    display: inline-block;
    margin: 0 auto
}

.met-index-about .about-list li .left {
    width: 75px;
    height: 75px
}

.met-index-about .about-list li .right {
    padding-top: 12px;
    margin-left: 15px;
    float: left
}

.met-index-about .about-list li .right h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px
}

.met-index-about .about-list li .right p {
    font-size: 12px;
    color: #666;
    margin: 0
}

.met-index-about .about-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    z-index: 1;
    opacity: .98;
    font-size: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: bgScroll 24s infinite linear;
    animation: bgScroll 24s infinite linear;
    will-change: transform
}

.met-index-about .about-bg .bg-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 280px
}

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

    100% {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}

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

    100% {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}

.met-index-team .team-list {
    margin-top: 20px
}

.met-index-team .team-list li {
    margin: 0 20px
}

.met-index-team .team-list li a img {
    width: 210px;
    height: 305px;
    margin: 0 auto;
}

.met-index-team .team-list li h3 {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    padding: 10px 0;
    margin: 0
}

.met-index-team .team-list li h3 span {
    font-size: 12px;
    color: #666
}

.met-index-team .team-list li p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin: 0
}

.met-index-team .team-list li .hot-phone {
    font-size: 14px;
    padding: 10px 0 14px
}

.met-index-team .team-list li .hot-phone b {
    font-size: 20px;
    color: #ff7f00
}

.met-index-team .team-list .slick-arrow {
    background-color: #eee;
    border-radius: 100%;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-team .team-list .slick-arrow i {
    font-size: 50px;
    color: #666;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.met-index-team .team-list .slick-arrow:hover {
    background-color: #1585c9
}

.met-index-team .team-list .slick-arrow:hover i {
    color: #fff
}

.met-index-team .team-list .slick-arrow.slick-next {
    right: -30px
}

.met-index-team .team-list .slick-arrow.slick-prev {
    left: -30px
}

.blocks-2>li:nth-child(2n+3),.blocks-3>li:nth-child(3n+4),.blocks-4>li:nth-child(4n+5),.blocks-5>li:nth-child(5n+6),.blocks-6>li:nth-child(6n+7),.block-first {
    clear: none
}

.met-show {
    padding: 30px 0;
    background: #fff;
    word-break: break-all
}

@media (max-width: 767px) {
    .met-show {
        padding: 0
    }
}

@media (max-width: 767px) {
    .met-show {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.met-news {
    padding: 30px 0;
    border-top: 1px solid #f0f2f5;
    background: #f2f2f2
}

@media (max-width: 767px) {
    .met-news {
        padding: 0
    }

    .met-news .met-news-tabs {
        padding: 15px
    }

    .met-news .met-news-tabs .row {
        margin: 0
    }
}

.met-news .met-news-body {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.met-news .met-news-list {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    border: none
}

@media (max-width: 767px) {
    .met-news .met-news-list {
        padding: 10px
    }
}

@media (max-width: 767px) {
    .met-news .met-news-list {
        padding: 15px
    }
}

.met-news .news-headlines {
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 30px;
    overflow: hidden
}

.met-news .news-headlines .slick-slide {
    width: 100%;
    position: relative
}

.met-news .news-headlines .slick-slide:first-child {
    display: block
}

.met-news .news-headlines .headlines-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center
}

.met-news .news-headlines .headlines-text h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    color: #fff
}

.met-news .news-headlines .slick-dots {
    bottom: 35px
}

@media (max-width: 767px) {
    .met-news .news-headlines {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .met-news .news-headlines .headlines-text {
        bottom: 20px
    }

    .met-news .news-headlines .headlines-text h3 {
        font-size: 16px
    }

    .met-news .news-headlines .slick-dots {
        bottom: 20px
    }
}

.met-news ul.met-page-ajax {
    padding: 0;
    list-style: none
}

.met-news ul.met-page-ajax li {
    border-bottom: 1px solid #f0f2f5;
    padding: 30px 0
}

.met-news ul.met-page-ajax li h4 {
    margin: 0 0 20px;
    font-size: 22px
}

.met-news ul.met-page-ajax li h4 a {
    color: #2a333c
}

.met-news ul.met-page-ajax li h4 a:hover {
    color: #db0000
}

.met-news ul.met-page-ajax li p {
    font-size: 16px;
    font-weight: 300
}

.met-news ul.met-page-ajax li p.des {
    color: #76838f;
    margin-bottom: 10px
}

.met-news ul.met-page-ajax li p.info {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7
}

.met-news ul.met-page-ajax li p.info span {
    margin-left: 25px
}

.met-news ul.met-page-ajax li p.info span b {
    font-weight: 300
}

.met-news ul.met-page-ajax li p.info span:first-child {
    margin: 0
}

.met-news ul.met-page-ajax li p.info i {
    color: #a3afb7;
    font-weight: 300
}

@media (max-width: 991px) {
    .met-news ul.met-page-ajax li h4 {
        font-size: 18px;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .met-news ul.met-page-ajax li {
        padding: 20px 0
    }

    .met-news ul.met-page-ajax li .media-left {
        padding-right: 10px
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: 100px
    }

    .met-news ul.met-page-ajax li h4 {
        font-size: 16px;
        margin-bottom: 5px
    }

    .met-news ul.met-page-ajax li p {
        font-size: 14px
    }

    .met-news ul.met-page-ajax li p.des {
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 349px) {
    .met-news ul.met-page-ajax li .media-left,.met-news ul.met-page-ajax li .media-body {
        width: 100%;
        display: block
    }

    .met-news ul.met-page-ajax li .media-left {
        padding: 0
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: auto;
        max-width: 100%
    }

    .met-news ul.met-page-ajax li .media-body {
        margin-top: 15px
    }
}

.met-news.type-3 .met-news-body {
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.met-news.type-3 .widget {
    border-radius: 0
}

.met-news.type-3 .widget .widget-body,.met-news.type-3 .widget .widget-header {
    border-radius: 0
}

.met-news.type-3 .widget .widget-title {
    font-size: 24px
}

.met-news.type-3 .widget .widget-title a {
    color: #2a333c
}

.met-news.type-3 .widget .widget-title a:hover {
    color: #db0000
}

.met-news.type-3 .widget .widget-metas span {
    margin-left: 10px
}

.met-news.type-3 .widget .widget-metas span:first-child {
    margin: 0
}

@media (max-width: 767px) {
    .met-news.type-3 .widget {
        margin: 15px 0 0
    }

    .met-news.type-3 .widget:first-child {
        margin: 0
    }

    .met-news.type-3 .widget .widget-title {
        font-size: 18px
    }

    .met-news.type-3 .widget .widget-body {
        padding: 15px 10px
    }
}

.met-news-bar {
    background: #fff;
    border: 1px solid #eee;
    float: left;
    margin-left: 20px;
    -webkit-box-shadow: 3px 3px 3px -3px #ddd;
    box-shadow: 3px 3px 3px -3px #ddd
}

.met-news-bar .news-list-tab .nav-tabs li {
    width: 50%;
    text-align: center;
    background: #eee
}

.met-news-bar .news-list-tab .nav-tabs li a {
    padding: 12px 25px;
    margin: 0;
    border-radius: 0
}

.met-news-bar .news-list-tab .nav-tabs-solid>li.active>a,.met-news-bar .news-list-tab .nav-tabs-solid>li.active>a:focus,.met-news-bar .news-list-tab .nav-tabs-solid>li.active>a:hover {
    background: #fff
}

.met-news-bar .news-list-tab .nav-tabs-solid~.tab-content {
    background: #fff;
    padding: 15px
}

.met-news-bar .list-group a {
    margin-left: 5px;
    line-height: 32px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 210px;
    display: inline-block
}

.met-news-bar .list-group .time {
    display: block;
    margin-left: 26px;
    color: #666
}

.met-news-bar .list-group .badge {
    position: relative;
    top: -13px
}

@media (max-width: 991px) {
    .met-news-bar {
        margin-left: 0;
        margin-top: 30px;
        padding: 30px;
        width: 100%
    }

    .met-news-bar .list-group a {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .met-news-bar {
        margin: 0;
        padding: 0
    }
}

@media (max-width: 415px) {
    .met-news-bar .list-group a {
        max-width: 270px
    }
}

@media (max-width: 320px) {
    .met-news-bar .list-group a {
        max-width: 210px
    }
}

.met-shownews {
    padding: 30px 0;
    border-top: 1px solid #f0f2f5;
    background: #f2f2f2
}

.met-shownews .met-shownews-body {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.met-shownews .met-shownews-header,.met-shownews .met-shownews-footer {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee
}

@media (max-width: 767px) {
    .met-shownews .met-shownews-header,.met-shownews .met-shownews-footer {
        padding: 10px
    }
}

.met-shownews .met-shownews-header {
    padding-bottom: 0
}

.met-shownews h1 {
    margin: 0;
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 300
}

.met-shownews .info {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7
}

.met-shownews .info span {
    padding-right: 10px
}

@media (max-width: 767px) {
    .met-shownews .info {
        padding-bottom: 20px
    }
}

.met-shownews .met-shownews-footer {
    padding-top: 0
}

.met-shownews .met-shownews-footer ul.pager {
    margin: 0;
    border-top: 1px solid #f0f2f5;
    padding-top: 20px
}

@media (max-width: 767px) {
    .met-shownews {
        padding: 0
    }

    .met-shownews h1 {
        font-size: 24px
    }

    .met-shownews .met-shownews-header {
        padding-top: 20px
    }
}

.met_tools_code {
    margin-top: 30px;
    text-align: center;
    font-size: 0
}

@media (max-width: 767px) {
    .met_tools_code {
        margin-top: 10px
    }
}

.met_tools_code .bdsharebuttonbox {
    display: inline
}

.met_tools_code .bdsharebuttonbox a {
    float: none;
    display: inline-block
}

.met-product {
    background: #f2f2f2
}

.met-product .container {
    padding: 30px 0
}

.met-product .container-fluid {
    padding: 30px
}

.met-product .met-grid li {
    clear: none
}

.met-product .widget,.met-product .widget .widget-header,.met-product .widget-body {
    border-radius: 0 !important
}

.met-product .widget-metas {
    word-wrap: break-word
}

.met-product .widget-body-footer {
    margin-top: 15px
}

.met-product.type-1 h4 {
    margin: 0;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.met-product.type-1 h4 a {
    color: #2a333c
}

.met-product.type-1 h4 a:hover {
    color: #db0000
}

.met-product.type-2 .container-fluid {
    padding: 15px
}

.met-product.type-2 h4 {
    margin: 0;
    font-weight: 300
}

@media (max-width: 767px) {
    .met-product.type-2 .met-grid {
        padding-bottom: 10px
    }

    .met-product.type-2 .met-grid li {
        background: #f2f2f2
    }
}

@media (max-width: 767px) {
    .met-product .container,.met-product .container-fluid {
        padding: 10px !important
    }

    .met-product.type-1 .met-grid,.met-product.type-3 .met-grid {
        margin: 0 -10px 0 0
    }

    .met-product.type-1 .met-grid li,.met-product.type-3 .met-grid li {
        margin-bottom: 10px;
        padding: 0 10px 0 0
    }

    .met-product .widget-body {
        padding: 15px
    }

    .met-product .widget-body .widget-body-footer {
        margin-top: 10px
    }
}

.no-js .grid li,.no-cssanimations .met-grid li {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}

.met-grid li {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0)
}

.met-grid li.shown {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}

.met-grid li.animate {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: moveUp .65s ease forwards;
    animation: moveUp .65s ease forwards
}

@-webkit-keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100)
    }
}

#met-imgs-carousel {
    min-height: 200px;
    overflow: hidden
}

#met-imgs-carousel.slick-dotted {
    padding-bottom: 74px
}

#met-imgs-carousel .slick-track {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#met-imgs-carousel.slick-slider .slick-slide {
    width: 100%;
    cursor: -webkit-grab;
    cursor: grab
}

#met-imgs-carousel .slick-slide {
    width: 100%
}

#met-imgs-carousel .slick-slide:first-child {
    display: block
}

#met-imgs-carousel .slick-slide span {
    display: inline-block
}

#met-imgs-carousel .slick-slide img {
    display: inline
}

#met-imgs-carousel .slick-dots {
    bottom: 0;
    overflow: hidden;
    z-index: 2
}

#met-imgs-carousel .slick-dots div {
    margin: auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    position: relative
}

#met-imgs-carousel .slick-dots li {
    width: 64px;
    height: 64px;
    margin: 0 0 0 10px;
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    border: 2px solid #ddd
}

#met-imgs-carousel .slick-dots li:first-child {
    margin: 0
}

#met-imgs-carousel .slick-dots li.slick-active {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    border-color: #db0000
}

#met-imgs-carousel .slick-dots li img {
    width: 60px;
    height: 60px;
    -o-object-fit: fill;
    object-fit: fill
}

#met-imgs-carousel .slick-arrow {
    width: 15%;
    height: 100%;
    top: 50%
}

#met-imgs-carousel .slick-arrow:hover i {
    color: #999
}

#met-imgs-carousel .slick-arrow.slick-prev {
    text-align: left
}

#met-imgs-carousel .slick-arrow.slick-next {
    text-align: right
}

#met-imgs-carousel .slick-arrow i {
    font-size: 70px;
    color: #ccc
}

@media (max-width: 767px) {
    #met-imgs-carousel .slick-arrow i {
        font-size: 50px
    }
}

.met-showproduct .para li {
    margin: 0;
    padding: 3px 15px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    color: #5e7387
}

@media (min-width: 992px) {
    .met-showproduct .para.blocks-md-4 li:nth-child(4n+3) {
        clear: none
    }
}

.met-showproduct .met-showproduct-list {
    margin: 0
}

.met-showproduct.pagetype1 {
    background: #f2f2f2
}

.met-showproduct.pagetype1 .less-page-content {
    background: #f2f2f2
}

.met-showproduct.pagetype1 .met-showproduct-head {
    background: #fff;
    padding: 30px 0
}

.met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 {
    margin-top: 0;
    font-size: 28px
}

.met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description {
    margin-bottom: 15px;
    color: #5e7387
}

@media (max-width: 992px) {
    .met-showproduct.pagetype1 .met-showproduct-head .product-intro {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .met-showproduct.pagetype1 .met-showproduct-head {
        padding: 15px 0
    }
}

.met-showproduct.pagetype1 .para {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5
}

.met-showproduct.pagetype1 .met-showproduct-body {
    padding: 30px 0 0
}

.met-showproduct.pagetype1 .met-showproduct-body .panel {
    border-radius: 0
}

.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor {
    padding: 0
}

.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor .para {
    margin-bottom: 15px;
    border-top: none
}

@media (min-width: 992px) {
    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
        margin-right: 15px
    }
}

.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .met-showproduct.pagetype1 .met-showproduct-body .product-hot {
        margin-left: 45px
    }
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {
    text-align: center;
    clear: none
}

@media (min-width: 992px) {
    .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {
        width: 100%
    }
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img {
    margin: 0 auto;
    margin-bottom: 5px;
    display: block
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img img {
    margin: 0 auto
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt {
    color: #5e7387;
    text-decoration: none
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:active,.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:focus,.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {
    text-decoration: none
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {
    color: #db0000
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry p {
    color: #f96868;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .met-showproduct.pagetype1 .met-showproduct-body {
        padding: 15px 0 0
    }

    .met-showproduct.pagetype1 .met-showproduct-body .panel {
        margin-bottom: 15px;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

    .met-showproduct.pagetype1 .met-showproduct-body .panel-body {
        padding: 15px
    }

    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
        margin-right: 0
    }

    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
        margin-bottom: 15px;
        margin-top: -10px
    }
}

.met-showproduct.pagetype2 {
    background: #fff
}

.met-showproduct.pagetype2 .less-page-content {
    background: #f2f2f2
}

.met-showproduct.pagetype2 nav.navbar {
    min-height: 50px;
    margin-bottom: 0;
    background: #f5f5f5;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.met-showproduct.pagetype2 nav.navbar.navbar-fixed-top {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.95)
}

.met-showproduct.pagetype2 nav.navbar h1 {
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

.met-showproduct.pagetype2 nav.navbar .nav {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.met-showproduct.pagetype2 nav.navbar .nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    line-height: 50px;
    white-space: nowrap
}

.met-showproduct.pagetype2 nav.navbar .navbar-toggle {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a {
    color: #db0000
}

@media (max-width: 767px) {
    .met-showproduct.pagetype2 nav.navbar .nav {
        float: none
    }
}

.met-showproduct.pagetype2 .content {
    padding: 30px 0
}

.met-showproduct.pagetype2 .content-2,.met-showproduct.pagetype2 .content-4,.met-showproduct.pagetype2 .content-6 {
    background: #f2f2f2
}

.met-showproduct.pagetype2 .content-2 .met-editor,.met-showproduct.pagetype2 .content-4 .met-editor,.met-showproduct.pagetype2 .content-6 .met-editor {
    background: #f2f2f2
}

@media (max-width: 767px) {
    .met-showproduct.pagetype2 .content {
        padding: 10px 0
    }

    .met-showproduct.pagetype2 .blocks {
        padding-left: 10px
    }

    .met-showproduct.pagetype2 .blocks li {
        width: 50%;
        word-wrap: break-word
    }

    .met-showproduct.pagetype2 .blocks li:nth-child(2n+1) {
        clear: both
    }

    .met-showproduct.pagetype2 .blocks li .widget {
        margin-right: 10px
    }
}

.met-download {
    padding: 30px 0;
    background: #f2f2f2;
    border-top: 1px solid #f0f2f5
}

.met-download .list-group {
    margin-bottom: 30px
}

.met-download .met-download-body {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.met-download .met-download-list {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee
}

@media (max-width: 767px) {
    .met-download .met-download-list {
        padding: 10px
    }
}

.met-download .met-download-list .list-group-item {
    padding: 30px 0
}

.met-download .met-download-list .media-left {
    padding-right: 5px;
    padding-left: 10px
}

.met-download .met-download-list .media-left i {
    font-size: 38px;
    color: #a3afb7
}

.met-download .met-download-list h4.media-heading a {
    color: #2a333c;
    font-size: 16px
}

.met-download .met-download-list h4.media-heading a:hover {
    color: #db0000
}

.met-download .met-download-list small {
    color: #76838f;
    font-size: 14px
}

.met-download .met-download-list a.btn {
    margin-right: 10px
}

@media (max-width: 767px) {
    .met-download .list-group {
        margin: 0
    }

    .met-download .met-download-list {
        padding: 15px
    }

    .met-download .met-download-list .list-group-item {
        padding: 20px 0
    }
}

.met-download .met-download-header,.met-download .met-download-footer {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee
}

@media (max-width: 767px) {
    .met-download .met-download-header,.met-download .met-download-footer {
        padding: 10px
    }
}

.met-download .met-download-header {
    padding-bottom: 0
}

.met-download h1 {
    margin: 0;
    font-size: 32px;
    margin-bottom: 5px;
    font-weight: 300
}

.met-download .info {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px;
    color: #a3afb7
}

.met-download .info span {
    padding-right: 10px
}

@media (max-width: 767px) {
    .met-download .info {
        padding-bottom: 20px
    }
}

.met-download .paralist {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .met-download .paralist {
        padding: 10px
    }
}

.met-download .paralist dl {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px
}

.met-download .paralist dl dd {
    margin-bottom: 5px;
    color: #76838f
}

@media (min-width: 768px) {
    .met-download .paralist dl {
        padding-bottom: 25px
    }

    .met-download .paralist dl dt {
        width: 100px;
        margin-bottom: 5px
    }

    .met-download .paralist dl dd {
        margin-left: 120px;
        margin-bottom: 5px
    }
}

.met-download .paralist .met-download-btn {
    margin-top: 20px
}

@media (max-width: 767px) {
    .met-download {
        padding: 0
    }

    .met-download h1 {
        font-size: 24px
    }

    .met-download .met-download-header {
        padding-top: 20px
    }
}

.met-img {
    border-top: 1px solid #f0f2f5
}

.met-img .widget,.met-img .cover,.met-img .cover-image {
    border-radius: 0
}

@media (min-width: 480px) and (max-width:767px) {
    .met-img ul.met-page-ajax li {
        width: 50%
    }
}

.met-showimg-con,.imgpara {
    padding: 30px 30px 0
}

@media (max-width: 767px) {
    .met-showimg-con,.imgpara {
        padding: 10px 10px 0
    }
}

.imgparalist>li {
    margin: 0;
    padding: 3px 15px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    color: #5e7387
}

@media (min-width: 992px) {
    .imgparalist>li:nth-child(4n+3) {
        clear: none
    }
}

.met-job {
    padding: 30px 0;
    background: #f2f2f2
}

@media (max-width: 767px) {
    .met-job {
        padding: 0
    }
}

.met-job .widget {
    border-radius: 0
}

.met-job .widget .widget-body:last-child {
    border-radius: 0
}

.met-job .widget .widget-title a {
    color: #2a333c
}

.met-job .widget .widget-title a:hover {
    color: #db0000
}

.met-job .widget .widget-metas span {
    margin-right: 10px
}

.met-job .widget .met-editor {
    padding: 0 20px
}

@media (max-width: 767px) {
    .met-job .widget {
        margin: 15px 10px
    }

    .met-job .widget .widget-body {
        padding: 15px 10px
    }

    .met-job .widget .met-editor {
        padding: 0
    }

    .met-job .widget hr {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

#met-job-cv .modal-header {
    border-radius: 0
}

@media (max-width: 767px) {
    #met-job-cv .modal-body {
        padding: 15px
    }
}

.met-form .form-group .control-label {
    font-weight: normal
}

.met-message {
    padding: 30px 0;
    background: #fff
}

@media (max-width: 767px) {
    .met-message {
        padding: 0
    }
}

.met-message .col-md-6 {
    float: none;
    margin: auto
}

.met-message .met-message-body,.met-message .met-message-submit {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

@media (max-width: 767px) {
    .met-message .met-message-body,.met-message .met-message-submit {
        padding: 10px
    }
}

.met-message .met-message-body .media-left {
    padding-right: 0;
    display: block;
    float: left
}

.met-message .met-message-body .media-left i {
    font-size: 36px;
    color: #a3afb7
}

.met-message .met-message-body .media-body {
    width: calc(54%);
    word-wrap: break-word;
    display: block;
    float: left
}

.met-message .met-message-body .media-body p {
    font-size: 14px;
    color: #76838f
}

@media (min-width: 992px) {
    .met-message .met-message-submit {
        margin-left: 30px
    }
}

@media (max-width: 767px) {
    .met-message .met-message-submit {
        padding-bottom: 20px
    }
}

.met-feedback {
    padding: 30px 0;
    background: #fff
}

.met-feedback .container {
    max-width: 800px
}

.met-feedback .met-feedback-body {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

@media (max-width: 767px) {
    .met-feedback .met-feedback-body {
        padding: 10px
    }
}

@media (max-width: 767px) {
    .met-feedback {
        padding: 10px
    }
}

.met-search {
    padding: 30px 0;
    border-top: 1px solid #f0f2f5;
    background: #f2f2f2
}

@media (max-width: 767px) {
    .met-search {
        padding: 0
    }

    .met-search .met-search-body {
        padding: 20px 10px
    }
}

.met-search .met-search-body {
    min-height: 500px;
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

@media (max-width: 767px) {
    .met-search .met-search-body {
        padding: 10px
    }
}

.met-search .met-search-body .page-search-form {
    margin-bottom: 10px
}

.met-search .met-search-body .met_pager {
    margin-top: 30px;
    text-align: left
}

.met-search .met-search-body .page-search-title {
    font-size: 26px
}

.met-search .met-search-body .list-group-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.met-search .met-search-body .list-group-item p {
    color: #76838f
}

.met-search .met-search-body .list-group-item>h4 {
    margin-bottom: 5px
}

.met-search .met-search-body .list-group-item>h4 a {
    text-decoration: none;
    color: #526069
}

.met-search .met-search-body .list-group-item>h4 a :hover {
    text-decoration: none;
    color: #37474f
}

.met-search .met-search-body .list-group-item>p:last-child {
    margin-bottom: 0
}

.met-sitemap {
    padding: 30px 0;
    background: #f2f2f2
}

@media (max-width: 767px) {
    .met-sitemap {
        padding: 0
    }
}

.met-sitemap .met-sitemap-body {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

@media (max-width: 767px) {
    .met-sitemap .met-sitemap-body {
        padding: 10px
    }
}

.sitemap-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.sitemap-list a {
    color: #76838f
}

.sitemap-list>li {
    margin-bottom: 25px
}

.sitemap-list>li:last-child {
    margin-bottom: 0
}

.sitemap-list>li.is-single {
    margin-bottom: 10px
}

.sitemap-list>li>a {
    display: block;
    padding: 14px 15px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid #e4eaec;
    border-radius: 5px
}

.sitemap-list>li>ul {
    position: relative;
    padding: 10px 10px 20px 40px;
    margin: 0;
    list-style-type: none
}

.sitemap-list>li>ul a:hover {
    color: #62a8ea
}

.sitemap-list>li>ul::before {
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    content: " ";
    background: #e4eaec
}

.sitemap-list>li>ul>li>a {
    position: relative;
    display: block;
    min-width: 220px;
    padding: 10px;
    margin-bottom: 5px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid #e4eaec
}

.sitemap-list>li>ul>li>a::after,.sitemap-list>li>ul>li>a::before {
    position: absolute;
    top: 50%;
    content: " ";
    background: #e4eaec
}

.sitemap-list>li>ul>li>a::before {
    left: -20px;
    width: 20px;
    height: 1px;
    margin-top: -1px
}

.sitemap-list>li>ul>li>a::after {
    left: -23px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-radius: 50%
}

.sitemap-list-sub {
    position: relative;
    padding: 5px 0 9px 40px;
    margin-top: -5px;
    list-style-type: none
}

.sitemap-list-sub::before {
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    content: " ";
    background: #e4eaec
}

.sitemap-list-sub>li {
    position: relative;
    line-height: 30px
}

.sitemap-list-sub>li::after,.sitemap-list-sub>li::before {
    position: absolute;
    top: 50%;
    left: -22px;
    content: " ";
    background: #e4eaec
}

.sitemap-list-sub>li::before {
    width: 15px;
    height: 1px;
    margin-top: -1px
}

.sitemap-list-sub>li::after {
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-radius: 50%
}

@media (max-width: 479px) {
    .sitemap-list {
        padding-left: 40px;
        list-style-type: disc
    }

    .sitemap-list .icon {
        display: none
    }

    .sitemap-list>li:first-child {
        margin-bottom: 20px;
        margin-left: -16px;
        list-style-type: none
    }

    .sitemap-list>li>a {
        display: inline;
        padding: 10px;
        border: none
    }

    .sitemap-list>li>a i {
        display: none
    }

    .sitemap-list>li>ul {
        padding: 5px 0 5px 26px;
        list-style-type: circle
    }

    .sitemap-list>li>ul::before {
        display: none
    }

    .sitemap-list>li>ul>li>a {
        display: inline;
        padding: 10px 0;
        border: none
    }

    .sitemap-list>li>ul>li>a::after,.sitemap-list>li>ul>li>a::before {
        display: none
    }

    .sitemap-list-sub {
        padding: 5px 0 5px 20px;
        list-style-type: square
    }

    .sitemap-list-sub::before {
        display: none
    }

    .sitemap-list-sub>li {
        line-height: normal
    }

    .sitemap-list-sub>li::after,.sitemap-list-sub>li::before {
        display: none
    }
}

.met-nav-right-shop.nav>li {
    background: #f5f5f5;
    margin-bottom: 10px
}

.met-nav-right-shop.nav>li:last-child {
    margin-bottom: 0
}

.met-nav-right-shop.nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px
}

.met-nav-right-shop .dropdown-menu li i {
    color: #9e9e9e
}

.met-nav-right-shop .dropdown>a>i {
    margin-right: 5px;
    color: #76838f
}

.met-nav-right-shop #topcart-body .avatar {
    width: 50px
}

.met-nav-right-shop #topcart-body .avatar img {
    border-radius: 0
}

.met-nav-right-shop .dropdown-menu-header {
    padding: 20px 20px
}

.met-nav-right-shop .dropdown-menu-footer {
    height: 55px;
    line-height: 55px;
    padding: 0 15px !important
}

@media (min-width: 768px) {
    .met-nav-right-shop {
        margin-top: 10px;
        margin-left: 30px
    }

    .met-nav-right-shop.nav>li {
        margin-left: 20px;
        margin-left: 5px;
        margin-bottom: 0
    }

    .met-nav-right-shop.nav>li:first-child {
        margin-left: 0
    }

    .met-nav-right-shop .dropdown-menu {
        top: 50px
    }
}

@media (max-width: 991px) {
    .met-nav-right-shop {
        margin-left: 10px
    }
}

@media (max-width: 767px) {
    .met-nav-right-shop {
        margin-left: 0;
        margin-right: 0
    }
}

.shop-product-intro+.para {
    margin-top: 20px
}

.shop-product-intro #price {
    font-size: 32px
}

.shop-product-intro .form-group {
    margin-bottom: 0
}

.shop-product-intro del {
    position: relative;
    top: -2px;
    font-weight: 300
}

.shop-product-intro del:not(:first-child) {
    margin-left: 20px
}

.shop-product-intro label {
    margin-bottom: 0
}

.shop-product-intro .selectpara-body a.btn {
    margin-top: 8px
}

.shop-product-intro .selectpara-body .selectpara {
    min-width: 70px;
    text-align: center
}

.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:focus,.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:hover {
    background-color: transparent;
    color: #f96868
}

.shop-product-intro .height-10 {
    height: 10px
}

.shop-product-intro .text-default {
    padding: 20px;
    background: #f3f7f9
}

.shop-product-intro .purchase-btn a.btn {
    width: 100%;
    display: block
}

.shop-product-intro .purchase-btn a.btn i {
    margin-right: 8px
}

@media (min-width: 768px) {
    .shop-product-intro .purchase-btn a.btn {
        width: auto;
        display: inline-block;
        padding: 10px 35px
    }
}

@media (max-width: 767px) {
    .shop-product-intro .price {
        padding: 10px 20px !important
    }

    .shop-product-intro .product-tocart {
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .met-showproduct.pagetype2 .shop-btn-body {
        margin-left: 20px
    }
}

@media (max-width: 767px) {
    .met-showproduct.pagetype2 .navbar-toggle {
        padding: 0;
        float: none
    }

    .met-showproduct.pagetype2 .shop-btn {
        padding: 6px 13px;
        font-size: 12px;
        line-height: 1.5
    }
}

.met-showproduct.pagetype2 #shop-fashion-option .modal-content,.met-showproduct.pagetype2 #shop-fashion-option .modal-header {
    border-radius: 0
}

@media (max-width: 767px) {
    .met-showproduct.pagetype2 #shop-fashion-option .modal-body {
        padding: 15px
    }
}

.left {
    float: left
}

.right {
    float: right
}

a {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

ul,li {
    list-style: none;
    padding: 0
}

a:hover {
    text-decoration: none
}

.ease-out {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.navleft-active {
    background: #fff !important
}

.navleft-active .fir-nav {
    color: #db0000 !important
}

.navleft-active .fir-nav i {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    color: #db0000
}

.navleft-active a {
    color: #666 !important
}

.navright-active {
    opacity: 1 !important;
    visibility: visible !important
}

.nav-tabs-line>li.active>a,.nav-tabs-line>li.active>a:focus,.nav-tabs-line>li.active>a:hover {
    border-bottom: 2px solid transparent;
    outline: none
}

.top-box {
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: #eee
}

.top-box span {
    display: inline-block;
    height: 18px;
    padding-left: 20px;
    line-height: 18px;
    margin: 4px 0;
    font-size: 12px;
    color: #666
}

.top-box .left {
    height: 32px
}

.top-box .left span {
    padding-left: 24px;
    background: url(../images/hi.png) no-repeat 2px center
}

.top-box .right .fa {
    margin-right: 10px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.top-box .right .icon {
    font-size: 24px;
    height: 18px;
    line-height: 22px;
    float: right;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.top-box .right a {
    color: #666;
    font-size: 12px
}

.top-box .right span {
    cursor: pointer
}

.top-box .right span:hover i {
    color: #db0000
}

.top-box .right span:hover a {
    color: #db0000
}

.logo-box {
    width: 100%;
    height: 60px;
    margin: 15px 0
}

.logo-box .free p {
    float: right;
    letter-spacing: 1px;
    line-height: 60px;
    color: #9d9d9d;
    font-size: 16px
}

.logo-box .free p b {
    font-weight: 700;
    color: #ff7f00;
    font-size: 20px
}

.sidenav {
    height: 48px;
    line-height: 48px;
    text-align: left;
    font-size: 14px;
    background: #055bc3;
    color: #fff;
    width: 240px;
    float: left;
    position: relative;
    cursor: pointer
}

.sidenav .sn-title {
    margin-left: 22px
}

.sidenav .sn-title i {
    position: absolute;
    right: 22px
}

.sidenav .sn-list {
    background: rgba(36,136,200,0.78);
    display: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.sidenav .sn-list .sn-li {
    width: 240px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #10a4fc;
    z-index: 9999;
    cursor: pointer
}

.sidenav .sn-list .sn-li .nav-left {
    display: block;
    width: 100%;
    padding: 8px 22px;
    position: relative
}

.sidenav .sn-list .sn-li .nav-left .namemark {
    font-size: 24px;
    margin: 0 10px 0 0;
    width: 24px;
    height: 22px;
    position: relative;
    top: 3px
}

.sidenav .sn-list .sn-li .nav-left .fa-angle-right {
    position: absolute;
    right: 22px
}

.sidenav .sn-list .sn-li .nav-left .sec-nav {
    display: block;
    line-height: 12px
}

.sidenav .sn-list .sn-li .nav-left .sec-nav h3 {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    margin-right: 12px;
    line-height: 19px
}

.sidenav .sn-list .sn-li .nav-left .sec-nav h3 a {
    color: #fff;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.sidenav .sn-list .sn-li .nav-left .sec-nav h3 a:hover {
    color: #db0000
}

.sidenav .sn-list .sn-li .nav-right {
    width: 938px;
    max-height: 433px;
    overflow: hidden;
    position: absolute;
    left: 240px;
    top: 47px;
    display: block;
    border: 1px solid #1786ca;
    border-left: none;
    z-index: 8;
    text-align: left;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.sidenav .sn-list .sn-li .nav-right .main {
    width: 938px;
    min-height: 430px;
    text-align: left
}

.sidenav .sn-list .sn-li .nav-right .main .left {
    width: 686px;
    padding: 0 21px 0 14px;
    height: 428px;
    float: left;
    border-right: 1px solid #e5e5e5;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list {
    padding: 15px 0 0;
    overflow: hidden
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-title {
    width: 140px;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 22px
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-title a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-title a i {
    font-size: 18px;
    color: #666;
    float: right
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-text {
    min-height: 45px;
    padding: 2px 0 10px;
    width: 488px;
    float: left;
    border-bottom: 1px dashed #cfcfcf
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-text ul {
    overflow: hidden
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-text ul li {
    margin: 5px 25px 5px 0;
    float: left;
    line-height: 22px;
    font-size: 14px
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-text ul li a {
    color: #666;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.sidenav .sn-list .sn-li .nav-right .main .left .sec-list .sec-text ul li a:hover {
    color: #db0000
}

.sidenav .sn-list .sn-li .nav-right .main .right {
    width: 252px;
    height: 428px
}

.sidenav .sn-list .sn-li .nav-right .main .right .sec-img {
    padding: 14px 12px 17px;
    position: relative;
    border-bottom: 1px solid #eee;
    height: 219px
}

.sidenav .sn-list .sn-li .nav-right .main .right .sec-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.sidenav .sn-list.sn-open {
    display: block
}

.banner {
    position: relative
}

.banner .banner-news {
    position: relative;
    top: -431px
}

.banner .banner-tips {
    right: 0;
    position: absolute;
    top: 15px;
    width: 240px;
    background: rgba(255,255,255,0.78);
    z-index: 2
}

.banner .banner-tips .banner-box {
    padding: 16px 17px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.banner .banner-tips .banner-box .title {
    font-size: 14px;
    color: #000;
    height: 16px;
    line-height: 16px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: 5px solid #1cabeb;
    position: relative
}

.banner .banner-tips .banner-box .title a {
    display: inline-block;
    float: right
}

.banner .banner-tips .banner-box .title a i {
    font-size: 12px;
    color: #055bc3
}

.banner .banner-tips .banner-box .list i {
    font-size: 14px;
    margin-right: 5px;
    color: #055bc3
}

.banner .banner-tips .banner-box .list a {
    color: #666;
    font-size: 12px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    float: left;
    display: inline-block
}

.banner .banner-tips .banner-box .list a.w100 {
    width: 100%
}

.banner .banner-tips .banner-box .list a:hover {
    color: #db0000
}

.banner .banner-tips .banner-box .list span {
    display: inline-block;
    float: right;
    width: 20%;
    color: #666;
    line-height: 28px
}

.met-news {
    background-color: #fff
}

.met-news .met-news-body {
    border: 1px solid #eee
}

.met-news-nav .met-column-nav {
    background: #eee;
    padding: 0;
    border-bottom: none
}

.met-news-nav .met-column-nav .met-column-nav-ul {
    text-align: left;
    padding: 0
}

.met-news-nav .met-column-nav .met-column-nav-ul>li a.link {
    padding: 12px 25px;
    border-top: 2px solid transparent;
    font-size: 14px
}

.met-news-nav .met-column-nav .met-column-nav-ul>li a.active {
    background: #fff;
    border-top: 2px solid #db0000
}

@media (max-width: 991px) {
    .sidenav {
        display: none
    }

    .met-index-team .team-list .slick-arrow.slick-prev {
        left: 0
    }

    .met-index-team .team-list .slick-arrow.slick-next {
        right: 0
    }

    .met-footnav .met-foot-feedback .form-group {
        width: 100%
    }

    .met-footnav .foot-box .foot-img {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel span {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel .more-info {
        text-align: center
    }

    .met-index-about .about-list li {
        text-align: center;
        margin-bottom: 15px
    }

    .met-index-about .about-list li .left {
        margin: 0 auto;
        float: none
    }

    .met-index-about .about-list li .right {
        margin-left: 0;
        width: 100%
    }

    .free {
        display: none
    }

    .logo-box {
        margin: 0
    }

    .met-nav .navbar-logo {
        height: 60px
    }

    #product-tabs {
        margin-bottom: 0
    }

    .tab-content {
        margin-top: 30px
    }

    .tab-content .swiper-container {
        height: auto
    }

    .tab-content .swiper-container.active {
        height: 100%
    }

    .product-pane {
        display: none
    }

    .product-pane.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .met-index-product .nav-tabs li {
        margin-right: 20px
    }

    .met-index-news ul li .left {
        width: 62px;
        height: 62px
    }

    .met-index-news ul li .left strong {
        font-size: 16px;
        line-height: 30px;
        margin-top: 0
    }

    .met-index-news ul li .left em {
        font-size: 12px
    }

    .met-index-news ul li .right {
        width: 70%;
        margin-left: 7%
    }

    .met-footnav .foot-box .foot-tel a {
        font-size: 36px
    }
}

@media (max-width: 767px) {
    .banner .banner-tips {
        display: none
    }

    .top-box .right {
        float: none
    }

    .sidenav {
        display: none
    }

    .met-index-team .team-list .slick-arrow.slick-prev {
        left: 0
    }

    .met-index-team .team-list .slick-arrow.slick-next {
        right: 0
    }

    .met-footnav .met-foot-feedback .form-group {
        width: 100%
    }

    .met-footnav .foot-box .foot-img {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel span {
        text-align: center
    }

    .met-footnav .foot-box .foot-tel .more-info {
        text-align: center
    }

    .met-index-about .about-list li {
        text-align: center;
        margin-bottom: 15px
    }

    .met-index-about .about-list li .left {
        margin: 0 auto;
        float: none
    }

    .met-index-about .about-list li .right {
        margin-left: 0;
        width: 100%
    }

    .free {
        display: none
    }

    .logo-box {
        margin: 0
    }

    .met-nav .navbar-logo {
        height: 60px
    }

    #product-tabs {
        margin-bottom: 0
    }

    .tab-content {
        margin-top: 30px
    }

    .product-pane {
        display: none
    }

    .product-pane.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .met-index-product .nav-tabs li {
        margin-right: 20px
    }

    .met-index-news ul li .left {
        width: 62px;
        height: 62px
    }

    .met-index-news ul li .left strong {
        font-size: 16px;
        line-height: 30px;
        margin-top: 0
    }

    .met-index-news ul li .left em {
        font-size: 12px
    }

    .met-index-news ul li .right {
        width: 70%;
        margin-left: 7%
    }

    .met-footnav .foot-box .foot-tel a {
        font-size: 36px
    }

    .met-index-service .num {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

#product-tabs a[data-toggle="tab"] {
    cursor: pointer;
}

.top-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
}

body {
    padding-top: 32px;
}

.sidenav .sn-list .sn-li .nav-left .sec-nav {
    height: 19px;
    overflow: hidden;
}

@media(max-width: 480px) {
    .top-box .right span {
        display:none;
    }

    .top-box .right span:first-child {
        display: inline-block;
    }
}

.simple-article h1,.simple-article h2,.simple-article h3,.simple-article h4,.simple-article h5,.simple-article h6 {
    font-weight: bold;
}

.simple-article h1 {
    font-size: 34px;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.simple-article h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.simple-article h3 {
    font-size: 26px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.simple-article h4 {
    font-size: 22px;
    line-height: 1.25em;
    margin-bottom: 10px;
}

.simple-article h5 {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.simple-article h6 {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.simple-article p {
    color: #666;
}

.simple-article blockquote {
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    padding: 10px 20px 10px 45px;
    color: #666;
    line-height: 160%;
    margin-bottom: 15px;
}

/* ????Ӭ */
.simple-article blockquote em {
    color: #999;
    text-align: right;
    display: block;
}

.dropcap {
    float: left;
    padding: 10px 10px 5px 0;
    font-weight: bold;
}

/* é|–?-—????2‰ */
.simple-article hr {
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
    height: 1px;
    font-size: 0;
    margin: 25px 0;
    clear: both;
    *margin: 17px 0;
}

.simple-article .br {
    font-size: 0;
}

/*-------------------------------------
   List
-------------------------------------*/
.simple-article li ul,.simple-article li ol {
    margin: 0;
}

.simple-article ul,.simple-article ol {
    margin: 0 0 15px 0;
    padding-left: 1.5em;
    line-height: 180%;
    _margin-left: 5px;
}

.simple-article ul {
    list-style-type: disc;
}

.simple-article ul.square {
    list-style: square;
}

.simple-article ul.circle {
    list-style: circle;
}

.simple-article ol {
    list-style-type: decimal;
    *padding-left: 1.8em;
}

.simple-article dl {
    margin: 0 0 1.5em 0;
}

.simple-article dl dt {
    font-weight: bold;
}

.simple-article dd {
    margin-left: 1.5em;
}

/*-------------------------------------
   2. table
-------------------------------------*/
.simple-article table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    /* width:100%; */
    margin-bottom: 15px;
}

.simple-article table th {
    font-weight: bold;
}

.simple-article table th, .simple-article table td {
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    /*text-align: left;*/
    vertical-align: top;
}

.simple-article table colgroup + thead tr:first-child th, .simple-article table colgroup + thead tr:first-child td, .simple-article table thead:first-child tr:first-child th, .simple-article table thead:first-child tr:first-child td {
    border-top: 0 none;
}

.simple-article table thead tr th,.simple-article table thead tr td {
    *border-top: 0 none;
}

.simple-article .table-striped tbody tr:nth-child(2n+1) td,.simple-article .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}

.simple-article table th {
    background: #EBEBEB;
}

.simple-article .table-bordered {
    -moz-border-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}

.simple-article .table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}

.simple-article .table-row thead th {
    background: #ebebeb;
}

.simple-article .table-row tbody th {
    background: #f5f5f5;
}

.simple-article .table-col {
    border-top-width: 0;
}

.simple-article .table-col tbody th {
    background: #ebebeb;
}

.simple-article ul li {
    list-style: inside
}

/*Alignment*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    clear: both;
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}