@charset "utf-8";

.scrollable.is-enabled {
    overflow: hidden !important
}

.is-enabled .scrollable-container {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    overflow: hidden !important
}

    .is-enabled .scrollable-container::-webkit-scrollbar {
        width: 0;
        height: 0;
        -webkit-appearance: none
    }

.scrollable-vertical.is-enabled .scrollable-container {
    overflow-y: scroll !important
}

.scrollable-horizontal.is-enabled .scrollable-container {
    overflow-x: scroll !important
}

.is-enabled .scrollable-content {
    position: relative !important;
    overflow: visible !important
}

    .is-enabled .scrollable-content:after, .is-enabled .scrollable-content:before {
        display: table;
        content: " "
    }

    .is-enabled .scrollable-content:after {
        clear: both
    }

.scrollable-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    user-focus: ignore;
    user-input: disabled;
    -webkit-touch-callout: none
}

.is-disabled .scrollable-bar {
    display: none
}

.scrollable-bar-hide {
    opacity: 0;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.scrollable-bar.is-dragging {
    opacity: 1
}

.scrollable-bar.is-disabled {
    display: none
}

.scrollable-bar-handle {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    cursor: pointer;
    background: rgba(163,175,183,.6);
    border-radius: 2px;
    -webkit-transition: width,height .5s;
    -o-transition: width,height .5s;
    transition: width,height .5s
}

.scrollable-bar-vertical {
    width: 4px;
    height: 100%;
    height: -webkit-calc(100% - 2*4px);
    height: calc(100% - 2*4px);
    margin: 4px 2px
}

    .scrollable-bar-vertical .scrollable-bar-handle {
        width: 100%
    }

.scrollable-bar-horizontal {
    width: 100%;
    width: -webkit-calc(100% - 2*4px);
    width: calc(100% - 2*4px);
    height: 4px;
    margin: 2px 4px
}

.scrollable-bar-vertical.is-dragging, .scrollable-bar-vertical.is-hovering {
    width: 8px;
    margin: 4px 1px
}

.scrollable-bar-horizontal.is-dragging, .scrollable-bar-horizontal.is-hovering {
    height: 8px;
    margin: 1px 4px
}

.scrollable-bar-horizontal .scrollable-bar-handle {
    height: 100%
}

.scrollable.is-dragging .scrollable-handle, .scrollable.is-hovering .scrollable-handle {
    border-radius: 8px
}

.scrollable.is-dragging .scrollable-bar-handle, .scrollable.is-hovering .scrollable-bar-handle {
    border-radius: 8px
}

.scrollable.is-scrolling .scrollable-bar {
    opacity: 1;
    -webkit-transition: opacity 0;
    -o-transition: opacity 0;
    transition: opacity 0
}

.scrollable.is-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-focus: ignore;
    user-input: disabled;
    -webkit-touch-callout: none
}

    .scrollable.is-dragging .scrollable-bar-handle {
        background: rgba(163,175,183,.8) !important
    }

.scrollable-inverse.scrollable .scrollable-bar-handle {
    background: rgba(243,247,249,.5)
}

.scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle {
    background: rgba(243,247,249,.8) !important
}

.scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-shadow.scrollable.is-hovering .scrollable-bar {
    background: rgba(228,234,236,.5)
}

.scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar {
    background: rgba(243,247,249,.3)
}

.alertify-logs > * {
    padding: 12px 24px;
    color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
    box-shadow: 0 2px 12px rgba(0,0,0,.2)
}

.alertify-logs > *, .alertify-logs > .default {
    background: rgba(0,0,0,.8)
}

.alertify-logs > .error {
    background: #f96868
}

.alertify-logs > .success {
    background: #46be8a
}

.alertify {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1700;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

    .alertify.hide {
        pointer-events: none;
        opacity: 0
    }

    .alertify, .alertify.hide, .alertify.show {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .33s cubic-bezier(.25,.8,.25,1);
        -o-transition: all .33s cubic-bezier(.25,.8,.25,1);
        transition: all .33s cubic-bezier(.25,.8,.25,1)
    }

        .alertify, .alertify * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .alertify .dialog {
                padding: 12px
            }

            .alertify .alert, .alertify .dialog {
                position: relative;
                top: 50%;
                width: 100%;
                margin: 0 auto;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%)
            }

                .alertify .alert > *, .alertify .dialog > * {
                    width: 400px;
                    max-width: 95%;
                    padding: 12px;
                    margin: 0 auto;
                    text-align: center;
                    background: #fff;
                    border-radius: 4px;
                    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
                    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.098),0 1px 10px 0 rgba(0,0,0,.084);
                    box-shadow: 0 2px 12px rgba(0,0,0,.2);
                    box-shadow: 0 2px 4px -1px rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.098),0 1px 10px 0 rgba(0,0,0,.084)
                }

                .alertify .alert .msg, .alertify .dialog .msg {
                    padding: 12px;
                    margin: 0;
                    margin-bottom: 12px;
                    text-align: left
                }

                .alertify .alert input, .alertify .dialog input {
                    width: 100%;
                    height: 36px;
                    padding: 6px 15px;
                    margin-bottom: 15px;
                    font-size: 14px;
                    line-height: 1.57142857;
                    color: #76838f;
                    background-color: #fff;
                    background-image: none;
                    border: 1px solid #e4eaec;
                    border-radius: 3px;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
                    -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
                    transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear
                }

                    .alertify .alert input:focus, .alertify .dialog input:focus {
                        border-color: #62a8ea;
                        outline: 0;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6);
                        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6)
                    }

                    .alertify .alert input.focus, .alertify .alert input:focus, .alertify .dialog input.focus, .alertify .dialog input:focus {
                        border-color: #62a8ea;
                        -webkit-box-shadow: none;
                        box-shadow: none
                    }

                    .alertify .alert input::-moz-placeholder, .alertify .dialog input::-moz-placeholder {
                        color: #a3afb7;
                        opacity: 1
                    }

                    .alertify .alert input:-ms-input-placeholder, .alertify .dialog input:-ms-input-placeholder {
                        color: #a3afb7
                    }

                    .alertify .alert input::-webkit-input-placeholder, .alertify .dialog input::-webkit-input-placeholder {
                        color: #a3afb7
                    }

                .alertify .alert nav, .alertify .dialog nav {
                    text-align: right
                }

                    .alertify .alert nav .btn, .alertify .dialog nav .btn {
                        margin: 4px 5px
                    }

.alertify-logs {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1699
}

    .alertify-logs > * {
        position: relative;
        float: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
        clear: both;
        -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
        -o-transition: all .3s cubic-bezier(.25,.8,.25,1);
        transition: all .3s cubic-bezier(.25,.8,.25,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .alertify-logs > .show {
        right: 0;
        opacity: 1
    }

    .alertify-logs > *, .alertify-logs > .hide {
        right: -100%;
        opacity: 0
    }

.flag-icon-background {
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: contain;
    background-size: contain
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: contain;
    background-size: contain
}

    .flag-icon:before {
        content: "\00a0"
    }

.dropdown-menu .flag-icon {
    margin-right: 5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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')
}

.swiper-container {
    margin-left: auto;
    margin-right: 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-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.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-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 {
    float: left;
    height: 100%;
    min-height: 1px
}

    .slick-slide:not(:first-child) {
        display: none
    }

[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
}

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

.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-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer.lg-use-left-for-zoom .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
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -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"
        }

.lg-group:after {
    content: "";
    display: table;
    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
    }

.fv-has-feedback {
    position: relative
}

.fv-control-feedback {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    text-align: center
}

.fv-help-block {
    display: block
}

.fv-form [placeholder]::-ms-clear {
    display: none
}

.fv-form-bootstrap .help-block {
    margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
    text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
    z-index: 100
}

.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top
}

.fv-form-bootstrap4 .fv-control-feedback {
    line-height: 38px;
    width: 38px;
    height: 38px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
    right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4.form-inline .form-group {
    vertical-align: top
}

.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
    top: 32px
}

.fv-form-bootstrap4:not(.form-inline) label.sr-only ~ .fv-control-feedback {
    top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
    top: 25px
}

.fv-form-bootstrap4 .has-success .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-success .form-control-label {
    color: #5cb85c
}

.fv-form-bootstrap4 .has-danger .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-danger label {
    color: #f0ad4e
}

.head_nav {
    background: #ffffff;
    background:;
    position: relative;
    z-index: 9999
}

    .head_nav .met-nav .dropdown-menu.bullet.sc::-webkit-scrollbar, body::-webkit-scrollbar {
        width: 6px;
        background: #ffffff;
        background:
    }

    .head_nav .met-nav .dropdown-menu.bullet.sc::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
        background: #fb4848;
        background:
    }

body::-webkit-scrollbar-track-piece {
    width: 6px
}

.head_nav .met-nav .dropdown-menu.bullet.sc::-webkit-scrollbar-track-piece {
    width: 12px
}

@media(max-width:1200px) {
    body::-webkit-scrollbar, .head_nav + .window-box .window-slide::-webkit-scrollbar {
        width: 0
    }

    body::-webkit-scrollbar-track-piece, .head_nav + .window-box .window-slide::-webkit-scrollbar-track-piece {
        width: 0
    }
}

.head_nav_load-box {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .999;
    transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    background-color: #ffffff;
    background-color:;
    background-image: url('../images/loading.gif');
    background-position: center;
    background-repeat: no-repeat
}

    .head_nav_load-box.bg {
        background-image: url('')
    }

    .head_nav_load-box.active {
        opacity: 0;
        visibility: hidden
    }

img:not([src]) {
    font-size: 0 !important;
    opacity: 0 !important
}

img[src*='data:image/png;base64'] {
    background-color:;
    background-image: url('../images/loading.gif');
    background-position: center;
    background-repeat: no-repeat
}

.head_nav_load-box.bg ~ * img[src*='data:image/png;base64'] {
    background-image: url('')
}

body {
    line-height: 1.75
}

header {
}

    header.container {
    }

.logo-box {
    float: left;
    height: 140px;
    line-height: 140px;
    vertical-align: middle
}

    .logo-box img {
        max-width: 100%;
        max-height: 140px
    }

    .logo-box:hover img {
        -webkit-animation: wobble 1s .2s ease both;
        -moz-animation: wobble 1s .2s ease both
    }

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }

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

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%)
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

.head-icon {
    float: right;
    padding: 45px 0;
    line-height: 0
}

    .head-icon:after {
        display: block;
        content: '';
        clear: both
    }

    .head-icon a {
        display: inline-block;
        text-align: left;
        border-left: 1px solid #eeeeee;
        padding-left: 20px;
        margin-left: 30px;
        height: 50px
    }

        .head-icon a:first-child {
            padding: 0;
            margin: 0;
            border-left: none
        }

        .head-icon a i {
            border-width: 1px;
            border-style: solid;
            border-color: #fb4848;
            border-color:;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 48px;
            font-size: 20px;
            color: #fb4848;
            color:;
            color:;
            float: left;
            margin-right: 10px
        }

        .head-icon a p {
            float: left;
            line-height: 25px;
            margin: 0
        }

        .head-icon a b {
            display: block;
            color: #121212;
            color:
        }

        .head-icon a span {
            display: block;
            max-width: 200px;
            overflow: hidden;
            color: #333333;
            color:;
            white-space: nowrap;
            text-overflow: ellipsis
        }

@media(max-width:1200px) {
    .head-icon a {
        margin-left: 15px
    }
}

@media(max-width:992px) {
    header {
        padding: 20px 0 25px 0;
        text-align: center
    }

        .tp-banner .container, header .container {
            width: auto
        }

    .logo-box {
        float: none;
        height: auto;
        line-height: normal
    }

    .head-icon {
        float: none;
        padding: 30px 0 0 0
    }
}

@media(max-width:767px) {
    header {
        padding: 15px 0;
        text-align: left
    }

    .head-icon {
        display: none
    }
}

nav {
    width: 100%;
    background: #36404b;
    line-height: 60px !important
}

    nav .container {
        position: relative
    }

    nav .navbar-logo {
        padding-left: 15px
    }

    nav .navbar-header {
        display: none
    }

    nav .dropdown-toggle:after {
        display: none
    }

    nav .navbar-header, .navbar-header .vertical-align-middle {
        font-size: 0 !important
    }

    nav .nav > li > a {
        padding: 0 30px;
        font-size: 15px;
        position: relative;
        display: block;
        overflow: visible;
        color: #121212;
        color: #ffffff
    }

    nav .nav font {
        position: relative;
        z-index: 1;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis
    }

@media(min-width:768px) {
    nav .nav font {
        max-width: 180px
    }
}

nav .navbar-collapse {
    padding: 0;
    float: left;
    margin-left: -15px !important
}

@media(max-width:992px) {
    nav .container {
        width: auto
    }

    nav .nav > li > a {
        padding: 0 20px
    }
}

nav .nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none
}

nav .nav > li > a.active {
    color: #ffffff
}

nav .nav > li > a:after {
    content: '';
    height: 0;
    display: block !important;
    margin: 0;
    border: 0;
    background: #fb4848;
    background:;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out
}

nav .nav > li > a.active:after {
    height: 100%
}

nav .nav > li:hover > a:after {
    height: 100%
}

nav .nav:hover > li > a.active {
    color: #121212;
    color: #ffffff
}

nav .nav > li:hover > a, nav .nav:hover > li:hover > a.active {
    color: #ffffff
}

nav .nav:hover > li > a.active:after {
    height: 0%
}

nav .nav:hover > li:hover > a.active:after {
    height: 100%
}

nav .navbar-nav > li > a {
    line-height: inherit
}

nav .nav > li.user {
}

    nav .nav > li.user a {
    }

        nav .nav > li.user a img {
            height: 30px;
            padding-right: 5px;
            position: relative;
            z-index: 2
        }

        nav .nav > li.user a i {
            padding-right: 5px;
            transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2)
        }

@media(min-width:768px) {
    nav .nav > li {
        float: left;
        line-height: inherit
    }

        nav .nav > li.login {
            padding-left: 15px
        }

            nav .nav > li.login a {
                padding: 0 15px
            }

        nav .nav > li.register {
            padding-right: 15px
        }

            nav .nav > li.register a {
                padding: 0 15px
            }

    nav .navbar-nav:before {
        display: block;
        content: '';
        float: right;
        width: 130px;
        height: 60px
    }

    nav .navfix-other {
        height: 60px
    }

    nav .navbar-right {
        margin-right: 0
    }
}

nav .navbar-right .dropdown-menu {
}

nav .dropdown-menu {
    top: 100%;
    display: none;
    overflow: visible !important;
    float: none;
    min-width: 180px;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background: #ffffff;
    background:;
    background: #36404b;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: 0 0 5px rgba(0,0,0,.05)
}

    nav .dropdown-menu > li {
        display: block;
        position: relative
    }

        nav .dropdown-menu > li > a {
            padding: 0 30px;
            line-height: 50px;
            font-size: 15px;
            background: none;
            display: block;
            color: #121212;
            color: #ffffff;
            color:
        }

            nav .dropdown-menu > li > a:before {
                content: '';
                width: 0;
                background: #fb4848;
                background:;
                background:;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                transition: .15s ease-in-out;
                -moz-transition: .15s ease-in-out;
                -ms-transition: .15s ease-in-out;
                -o-transition: .15s ease-in-out;
                -webkit-transition: .15s ease-in-out
            }

            nav .dropdown-menu > li > a.active, nav .dropdown-menu > li > a:hover {
                color: #ffffff;
                background: none
            }

                nav .dropdown-menu > li > a.active:before, nav .dropdown-menu > li > a:hover:before {
                    width: 100%
                }

        nav .dropdown-menu > li > ul > li > a {
        }

            nav .dropdown-menu > li > ul > li > a:hover {
                background: none
            }

    nav .dropdown-menu > .dropdown-submenu .dropdown-menu {
        top: -1px;
        left: 100%;
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s
    }

    nav .dropdown-menu > .dropdown-submenu:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        -ms-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        -webkit-transition: .35s ease-in-out
    }

    nav .dropdown-menu.bullet:before {
    }

    nav .dropdown-menu > li {
        margin: 0
    }

        nav .dropdown-menu > li:last-child {
            border: none
        }

nav .dropdown-menu-right.bullet:after, nav .dropdown-menu-right.bullet:before {
    right: 30px;
    display: none
}

nav .dropdown-menu.bullet:before {
}

nav .dropdown-menu.bullet:after, nav .dropdown-menu.bullet:before {
}

nav .dropdown-menu > .dropdown-submenu > a:after {
    display: none
}

nav .nav > li > ul.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

nav .nav > li.open > ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -ms-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    -webkit-transition: .35s ease-in-out
}

@media(max-width:767px) {
    nav .navbar-header {
        display: block;
        margin: 0 -15px
    }

    nav {
        line-height: 50px;
        position: relative
    }

        nav.nav-mod-fixed {
            position: fixed
        }

        nav .navbar-collapse {
            float: none;
            border: none;
            margin-right: -15px
        }

        nav .navfix-mod-other {
            height: 60px
        }

        nav .nav > li > ul.dropdown-menu {
            opacity: 1;
            visibility: hidden;
            display: none;
            background: #ffffff;
            background:;
            background: #36404b
        }

        nav .nav > li.open > ul.dropdown-menu {
            display: block;
            background: #ffffff;
            background:;
            background: #36404b
        }

        nav .navbar-toggle {
            float: none;
            padding: 0px 15px;
            border: none;
            background: none;
            outline: none;
            margin: 0;
            height: 60px
        }

        nav .navbar-nav {
            margin: 0
        }

        nav .nav > li > a:after {
            content: '';
            border: none;
            width: 100% !important;
            left: 0;
            right: auto
        }

        nav .nav > li > a.active:after {
            border: none;
            left: 0;
            right: auto
        }

        nav .dropdown-menu > .dropdown-submenu .dropdown-menu {
            visibility: visible;
            opacity: 1;
            transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            -webkit-transform: translateY(0px)
        }

        nav .dropdown-menu > li {
            border: none
        }

            nav .dropdown-menu > li > a:active {
                background: none !important
            }

        nav .hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
            background: #121212;
            background: #ffffff
        }

        nav .navbar-nav .dropdown-menu > li > a {
            line-height: 40px;
            border: none;
            position: relative
        }

        nav .navbar-nav .dropdown-menu > li > ul > li > a {
            padding: 0 45px
        }
}

.nav-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    z-index: 1;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

    .nav-button:before {
        display: block;
        content: '';
        border-width: 0 0 60px 27px;
        position: absolute;
        right: 0;
        bottom: 0;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 142px;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .nav-button form {
        color: #ffffff;
        display: block;
        padding: 0 15px 0 5px;
        height: 60px;
        overflow: hidden;
        font-size: 15px
    }

        .nav-button form i {
            float: left;
            position: relative;
            margin-top: 12px;
            width: 36px;
            height: 36px;
            cursor: pointer
        }

            .nav-button form i:before {
                display: block;
                content: '';
                border: 1px solid #ffffff;
                width: 15px;
                height: 15px;
                position: absolute;
                left: 8px;
                top: 9px;
                border-radius: 50%;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .nav-button form i:after {
                display: block;
                content: '';
                background: #ffffff;
                width: 1px;
                height: 6px;
                position: absolute;
                left: 22px;
                top: 21px;
                transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

        .nav-button form b {
            float: left;
            font-weight: normal;
            position: relative;
            z-index: 1;
            width: 54px;
            overflow: hidden;
            cursor: pointer;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            opacity: 1
        }

            .nav-button form b:after {
                content: '...';
                letter-spacing: 3px;
                padding-left: 5px;
                display: inline-block;
                -webkit-animation: search 5s infinite both;
                -moz-animation: search 5s infinite both
            }

        .nav-button form input.text {
            float: left;
            border: none;
            background: none;
            padding: 0 5px;
            font-size: 15px;
            height: 30px;
            line-height: 30px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            color: #ffffff;
            position: relative;
            z-index: 1;
            outline: none;
            margin: 15px 5px 0 0;
            width: 0;
            opacity: 0
        }

            .nav-button form input.text::-webkit-input-placeholder {
                color: #ffffff;
                opacity: .45
            }

            .nav-button form input.text:-moz-placeholder {
                color: #ffffff;
                opacity: .45
            }

            .nav-button form input.text::-moz-placeholder {
                color: #ffffff;
                opacity: .45
            }

            .nav-button form input.text:-ms-input-placeholder {
                color: #ffffff;
                opacity: .45
            }

        .nav-button form input.submit {
            display: none !important
        }

    .nav-button:focus:before, .nav-button:hover:before {
        border-width: 0 0 60px 13px;
        opacity: .95;
        width: 232px
    }

    .nav-button:hover form {
    }

        .nav-button:focus form input.text, .nav-button:hover form input.text {
            width: 140px;
            opacity: 1
        }

        .nav-button:hover form i:before {
        }

        .nav-button:hover form i:after {
        }

        .nav-button:focus form b, .nav-button:hover form b {
            width: 0;
            opacity: 0
        }

@-webkit-keyframes search {
    0% {
        content: '...'
    }

    33.3333% {
        content: '.'
    }

    66.6666% {
        content: '..'
    }

    100% {
        content: '...'
    }
}

@media(max-width:767px) {
    nav {
        overflow: hidden;
        width: 100%
    }

    .nav-button {
        right: 0
    }

        .nav-button:before {
            width: 67px
        }

        .nav-button:hover:before {
            width: 212px
        }

        .nav-button form {
            padding: 0 5px 0 0
        }

            .nav-button form b {
                display: none
            }

    .navbar-collapse-toolbar.in ~ .nav-button {
        opacity: 0;
        right: -75px
    }
}

.visible-md-block {
    display: none !important
}

@media(max-width:1200px) {
    .visible-md-block {
        display: block !important
    }
}

.banner {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    color: #333333;
    color:
}

@media(max-width:767px) {
    .banner > .container {
        padding: 0;
        width: auto !important
    }
}

.banner.bgimg {
    background-image: url()
}

.banner .banner-box {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    position: relative;
    line-height: 1.45;
    z-index: 820;
    background:
}

.banner .banner-wrapper {
    width: 10000%;
    overflow: hidden
}

    .banner .banner-wrapper:after {
        display: block;
        clear: both;
        content: ''
    }

.banner .banner-slide {
    width: 1%;
    float: left;
    position: relative
}

    .banner .banner-slide > a {
        display: block
    }

    .banner .banner-slide dl {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 50%;
        text-align: center;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

        .banner .banner-slide dl.H0 {
            text-align: left
        }

        .banner .banner-slide dl.H1 {
            text-align: right
        }

        .banner .banner-slide dl.H2 {
            top: 0;
            transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none
        }

        .banner .banner-slide dl.H3 {
            top: auto;
            bottom: 0;
            transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none
        }

        .banner .banner-slide dl.H4 {
        }

        .banner .banner-slide dl > dd {
            position: relative;
            padding-top: 30px;
            padding-bottom: 30px;
            margin: 0 auto
        }

            .banner .banner-slide dl > dd > h3 {
                display: block;
                margin: 0;
                font-size: 48px;
                color: #121212;
                color:;
                transform: translateY(-40px);
                -moz-transform: translateY(-40px);
                -ms-transform: translateY(-40px);
                -o-transform: translateY(-40px);
                -webkit-transform: translateY(-40px);
                transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                -webkit-transition: .3s
            }

            .banner .banner-slide dl > dd > p {
                display: block;
                margin: 0;
                font-size: 18px;
                transform: translateY(40px);
                -moz-transform: translateY(40px);
                -ms-transform: translateY(40px);
                -o-transform: translateY(40px);
                -webkit-transform: translateY(40px);
                color: #333333;
                color:;
                transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                -webkit-transition: .3s
            }

            .banner .banner-slide dl > dd > h3, .banner .banner-slide dl > dd > p {
                transition: transform .5s .4s,opacity .5s .4s;
                -moz-transition: transform .5s .4s,opacity .5s .4s;
                -ms-transition: transform .5s .4s,opacity .5s .4s;
                -o-transition: transform .5s .4s,opacity .5s .4s;
                -webkit-transition: transform .5s .4s,opacity .5s .4s;
                opacity: 0
            }

    .banner .banner-slide a:hover dl > dd > h3:hover, .banner .banner-slide a:hover dl > dd > p:hover {
        color: #fb4848;
        color:
    }

    .banner .banner-slide dl > dd > h3 + p {
        margin-top: 15px
    }

    .banner .banner-slide.swiper-slide-active dl > dd > h3, .banner .banner-slide.swiper-slide-active dl > dd > p {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1
    }

    .banner .banner-slide ul {
        overflow: hidden;
        width: 100%;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 1
    }

        .banner .banner-slide ul > li {
            width: 100%;
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0;
            display: block;
            background: center no-repeat;
            background-size: cover
        }

            .banner .banner-slide ul > li.height {
                width: 4000px;
                left: -2000px;
                margin-left: 50%
            }

            .banner .banner-slide ul > li.pc {
                display: block
            }

            .banner .banner-slide ul > li.pad {
                display: none
            }

            .banner .banner-slide ul > li.phone {
                display: none
            }

            .banner .banner-slide ul > li > img {
                display: block;
                margin: 0 auto;
                max-width: 100%;
                min-height: 1px
            }

            .banner .banner-slide ul > li.fullheight {
                overflow: hidden
            }

                .banner .banner-slide ul > li.fullheight > img {
                    width: 100%;
                    opacity: 0
                }

.banner.full .banner-box, .banner.full .banner-wrapper, .banner.full .banner-slide, .banner.full .banner-slide a, .banner.full .banner-slide ul, .banner.full .banner-slide li {
    height: 100%
}

@media(max-width:1200px) {
    .banner .banner-slide ul > li.pc {
        display: none
    }

    .banner .banner-slide ul > li.pad {
        display: block
    }

    .banner .banner-slide ul > li.phone {
        display: none
    }

    .banner .banner-slide dl > dd > h3 {
        font-size: s25px
    }

    .banner .banner-slide dl > dd > p {
        font-size: s30px
    }

    .banner .banner-slide dl > dd > h3 + p {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .banner .banner-slide ul > li.pc {
        display: none
    }

    .banner .banner-slide ul > li.pad {
        display: none
    }

    .banner .banner-slide ul > li.phone {
        display: block
    }

    .banner .banner-slide dl > dd > h3 {
        font-size: s18px
    }

    .banner .banner-slide dl > dd > p {
        font-size: s18px
    }

    .banner .banner-slide dl > dd > h3 + p {
        margin-top: 5px
    }
}

.banner .banner-pagination {
    position: absolute;
    z-index: 2;
    height: 8px;
    line-height: 8px;
    font-size: 0;
    opacity: .6;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    bottom: 5%;
    left: 0;
    right: 0;
    text-align: center
}

.banner .banner-box:hover .banner-pagination {
    opacity: 1
}

.banner .banner-pagination i {
    background: #ffffff;
    background:;
    opacity: 1;
    top: 0;
    width: 10px;
    height: 10px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

    .banner .banner-pagination i.swiper-pagination-bullet-active {
        background: #fb4848;
        background:
    }

    .banner .banner-pagination i:hover {
        background: #121212;
        background:
    }

.banner .banner-controls {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.banner .banner-box:hover .banner-controls {
    opacity: .9
}

.banner .banner-controls i {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 30px;
    line-height: inherit;
    color:;
    transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

    .banner .banner-controls i:hover {
        color: #fb4848;
        color:
    }

.banner .banner-controls.left {
    left: 5%
}

.banner .banner-controls.right {
    right: 5%
}

.banner.full-height .banner-box {
    height: 100%
}

.banner.full-height .banner-wrapper {
    height: 100%
}

.banner.full-height .banner-slide {
    height: 100%
}

    .banner.full-height .banner-slide ul {
        height: 100%
    }

        .banner.full-height .banner-slide ul > li {
            height: 100%
        }

@media(max-width:1600px) {
    .banner .banner-slide dl > dd > h3 {
        font-size: 46px
    }
}

@media(max-width:1440px) {
    .banner .banner-slide dl > dd > h3 {
        font-size: 44px
    }

    .banner .banner-slide dl > dd > p {
        font-size: 17px
    }
}

@media(max-width:1200px) {
    .banner .banner-slide ul > li.pc {
        display: none
    }

    .banner .banner-slide ul > li.pad {
        display: block
    }

    .banner .banner-slide ul > li.phone {
        display: none
    }

    .banner .banner-controls {
        display: none
    }

    .banner .banner-slide dl > dd > h3 {
        font-size: 34px
    }

    .banner .banner-slide dl > dd > p {
        font-size: 16px
    }

    .banner .banner-slide dl > dd > h3 + p {
        margin-top: 10px
    }
}

@media(max-width:992px) {
    .banner .banner-slide dl > dd > h3 {
        font-size: 32px
    }
}

@media(max-width:767px) {
    .banner .banner-slide ul > li.pc {
        display: none
    }

    .banner .banner-slide ul > li.pad {
        display: none
    }

    .banner .banner-slide ul > li.phone {
        display: block
    }

    .banner .banner-slide dl > dd > h3 {
        font-size: 28px
    }

    .banner .banner-slide dl > dd > p {
        font-size: 14px
    }

    .banner .banner-slide dl > dd > h3 + p {
        margin-top: 5px
    }

    .banner .banner-pagination {
        bottom: 10px
    }
}

@media(max-width:480px) {
    .banner .banner-slide dl > dd > h3 {
        font-size: 24px
    }
}

.foot_info {
    background: #ffffff;
    background: #2c343d;
    position: relative;
    background-position: top center;
    background-size: cover;
    display: block;
    width: 100%;
    border: none;
    padding: 25px 40px;
    color: #333333;
    color: #ffffff;
    text-align: center
}

    .foot_info p {
        margin-bottom: 0
    }

@media (max-width:1199px) {
    .foot_info {
        padding: 20px 30px
    }
}

@media (max-width:767px) {
    .foot_info {
        padding: 15px
    }
}

.foot_info:after {
    display: block;
    clear: both;
    content: ''
}

.foot_info a {
    color: #121212;
    color: #ffffff;
    transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s
}

    .foot_info a:hover {
        color: #fb4848;
        color:
    }

.foot_info.lr .foot-left {
    float: left;
    text-align: left
}

.foot_info .foot-nav {
    margin-bottom: 5px
}

    .foot_info .foot-nav:after {
        display: block;
        clear: both;
        content: ''
    }

    .foot_info .foot-nav a {
        display: inline-block
    }

        .foot_info .foot-nav a:after {
            content: '/';
            color: #121212;
            color: #ffffff;
            opacity: .3;
            display: inline-block;
            margin: 0 5px 0 10px
        }

        .foot_info .foot-nav a:last-child:after {
            display: none
        }

.foot_info.lr .foot-right {
    float: right;
    text-align: right
}

.foot_info .foot-text {
    margin-bottom: 5px
}

    .foot_info .foot-text u {
        text-decoration: none;
        opacity: .75
    }

.foot_info .text-link {
}

    .foot_info .text-link:after {
        display: block;
        clear: both;
        content: ''
    }

    .foot_info .text-link ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .foot_info .text-link ul li {
            display: inline-block;
            list-style: none;
            padding: 0 0 0 10px;
            margin: 0
        }

            .foot_info .text-link ul li:first-child {
                padding: 0
            }

            .foot_info .text-link ul li a {
            }

                .foot_info .text-link ul li a:before {
                    display: inline-block;
                    content: '';
                    width: 5px;
                    height: 5px;
                    border-radius: 2px;
                    transition: .5s;
                    -ms-transition: .5s;
                    -moz-transition: .5s;
                    -webkit-transition: .5s;
                    -o-transition: .5s;
                    background: #fb4848;
                    background:;
                    position: relative;
                    top: -3px;
                    margin-right: 10px
                }

                .foot_info .text-link ul li a img {
                    display: inline-block;
                    max-height: 45px;
                    margin: 7.5px 0
                }

.foot_info .foot-lang {
    line-height: 30px;
    margin: 5px 0
}

    .foot_info .foot-lang a {
        background:;
        color: #121212;
        color:;
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s
    }

        .foot_info .foot-lang a:hover {
            background: #fb4848;
            background:
        }

        .foot_info .foot-lang a.simplified {
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            border-radius: 99px;
            text-align: center
        }

            .foot_info .foot-lang a.simplified i {
                font-style: normal
            }

        .foot_info .foot-lang a.lang {
            display: inline-block;
            padding: 0 10px;
            line-height: 30px;
            margin: 3px 0
        }

        .foot_info .foot-lang a.simplified + a.lang {
            margin-left: 8px
        }

        .foot_info .foot-lang a.lang b {
            font-weight: normal
        }

@media (max-width:992px) and (min-width:768px),(max-width:767px) {
    .foot_info .foot-left {
        float: none;
        text-align: center
    }

    .foot_info .foot-nav {
        margin-bottom: 0px
    }

    .foot_info .foot-right {
        float: none;
        text-align: center
    }

    .foot_info .foot-text {
        margin-bottom: 0px
    }
}

.foot_info .hasbottom {
    height: 60px;
    clear: both;
    display: none
}

    .foot_info .hasbottom.iskeshi {
        display: block
    }

.foot_info_bottom {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    line-height: 1.65
}

    .foot_info_bottom a.item {
        color: #ffffff;
        padding: 5px 0;
        display: inline-block
    }

        .foot_info_bottom a.item i {
            font-size: 16px;
            display: block
        }

        .foot_info_bottom a.item span {
            color: #ffffff;
            font-size: 14px
        }

.foot_info_bottom {
    display: none
}

    .foot_info_bottom.iskeshi {
        display: block
    }

    .foot_info_bottom .main {
        display: flex
    }

        .foot_info_bottom .main > div {
            flex: 1
        }

@media (max-width:767px) {
    .foot_info .hasbottom {
        display: block
    }

    .foot_info_bottom {
        display: block
    }
}

.back_top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    background: #F00;
    background: #36404b;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    box-shadow: 2px 0 8px rgba(0,0,0,.25)
}

    .back_top.active {
        visibility: visible;
        opacity: .85
    }

        .back_top.active:hover {
            opacity: 1;
            background: #fb4848;
            background:
        }

    .back_top:before {
        display: inline-block;
        border-width: 0 8px 13px 8px;
        border-style: solid;
        border-color: transparent;
        border-bottom-color: #121212;
        border-bottom-color: #ffffff;
        content: ''
    }

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.tp-table {
    display: table
}

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

    .tp-cell p {
        line-height: 1.65
    }

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 2px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #888;
    white-space: nowrap
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #000
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #fff
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans",sans-serif;
    padding: 3px 10px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans",sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

    .tp-caption a:hover {
        color: #ffa902
    }

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0,0,0,0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0,0,0,0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none
}

    .tp-caption.medium_bg_red a:hover {
        color: #fff;
        text-decoration: underline
    }

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0px;
    border-color: rgb(0,0,0);
    border-style: none
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(0,0,0);
    padding: 0px 20px 5px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #db4360;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #fff;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #67ae73;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(0,0,0,1);
    text-shadow: none;
    margin: 0px;
    letter-spacing: -1.5px;
    padding: 1px 4px 0px 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0px;
    border-color: rgb(255,255,255);
    border-style: none
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(102,102,102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(102,102,102);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(117,117,117);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgba(235,235,235,1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: rgb(34,34,34);
    border-style: none
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(52,73,94);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(52,73,94);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(227,58,12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(227,58,12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(227,58,12);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(243,156,18);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(243,156,18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: rgba(160,179,151,1);
    width: 4000px;
    height: 150px;
    border-width: 0px;
    border-color: rgb(34,34,34);
    border-style: none
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(127,140,141);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0,0,0);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(0,0,0);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(52,73,94);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.roundedimage {
    border-width: 0px;
    border-color: rgb(34,34,34);
    border-style: none
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(0,0,0);
    padding: 10px 20px 15px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0,0,0);
    text-decoration: none;
    background-color: rgb(255,255,255);
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(0,0,0);
    border-style: none
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(243,156,18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255,214,88);
    border-style: none
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans',sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
    -moz-box-shadow: 0px 3px 0px 0px #104d0b;
    box-shadow: 0px 3px 0px 0px #104d0b
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
    -moz-box-shadow: 0px 3px 0px 0px #0f3e68;
    box-shadow: 0px 3px 0px 0px #0f3e68
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
    -moz-box-shadow: 0px 3px 0px 0px #7c1212;
    box-shadow: 0px 3px 0px 0px #7c1212
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #ff7700;
    -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
    -moz-box-shadow: 0px 3px 0px 0px #a34c00;
    box-shadow: 0px 3px 0px 0px #a34c00
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0px 3px 0px 0px #222;
    -moz-box-shadow: 0px 3px 0px 0px #222;
    box-shadow: 0px 3px 0px 0px #222
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0px 3px 0px 0px #555;
    -moz-box-shadow: 0px 3px 0px 0px #555;
    box-shadow: 0px 3px 0px 0px #555
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

    .fullwidthbanner-container .fullwidthbanner {
        width: 100%;
        position: relative
    }

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    font-size: 1.4em -webkit-font-smoothing:antialiased !important
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

    .tp-bannershadow.tp-shadow1 {
        background: url(../images/shadow1.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px
    }

    .tp-bannershadow.tp-shadow2 {
        background: url(../images/shadow2.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px
    }

    .tp-bannershadow.tp-shadow3 {
        background: url(../images/shadow3.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px
    }

.caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

    .caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
        width: 100% !important;
        height: 100% !important;
        display: none
    }

.tp-caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

    .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
        width: 100% !important;
        height: 100% !important;
        display: none
    }

.fullscreenvideo .vjs-loading-spinner {
    visibility: none;
    display: none !important;
    width: 0px;
    height: 0px
}

.fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.fullcoveredvideo.video-js, .fullcoveredvideo video {
    background: transparent !important
}

.fullcoveredvideo .vjs-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1
}

    .tp-dottedoverlay.twoxtwo {
        background: url(../images/gridtile.png)
    }

    .tp-dottedoverlay.twoxtwowhite {
        background: url(../images/gridtile_white.png)
    }

    .tp-dottedoverlay.threexthree {
        background: url(../images/gridtile_3x3.png)
    }

    .tp-dottedoverlay.threexthreewhite {
        background: url(../images/gridtile_3x3_white.png)
    }

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px)
}

    .tp-bullets.hidebullets {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

    .tp-bullets.simplebullets.navbar {
        border: 1px solid #666;
        border-bottom: 1px solid #444;
        background: url(../images/boxed_bgtile.png);
        height: 40px;
        padding: 0px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .tp-bullets.simplebullets.navbar-old {
        background: url(../images/navigdots_bgtile.png);
        height: 35px;
        padding: 0px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .tp-bullets.simplebullets.round .bullet {
        cursor: pointer;
        position: relative;
        background: #36404b;
        width: 8px;
        height: 8px;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        margin-left: 8px;
        border-radius: 50%;
        transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        -webkit-transition: .3s
    }

        .tp-bullets.simplebullets.round .bullet.last {
            margin-right: 3px
        }

    .tp-bullets.simplebullets.round-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../images/bullets.png) no-Repeat bottom left;
        width: 23px;
        height: 23px;
        margin-right: 0px;
        float: left;
        margin-top: 0px
    }

        .tp-bullets.simplebullets.round-old .bullet.last {
            margin-right: 0px
        }

    .tp-bullets.simplebullets.square .bullet {
        cursor: pointer;
        position: relative;
        background: url(../images/bullets2.png) no-Repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0px;
        float: left;
        margin-top: 0px
    }

        .tp-bullets.simplebullets.square .bullet.last {
            margin-right: 0px
        }

    .tp-bullets.simplebullets.square-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../images/bullets2.png) no-Repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0px;
        float: left;
        margin-top: 0px
    }

        .tp-bullets.simplebullets.square-old .bullet.last {
            margin-right: 0px
        }

    .tp-bullets.simplebullets.navbar .bullet {
        cursor: pointer;
        position: relative;
        background: url(../images/bullet_boxed.png) no-Repeat top left;
        width: 18px;
        height: 19px;
        margin-right: 5px;
        float: left;
        margin-top: 0px
    }

        .tp-bullets.simplebullets.navbar .bullet.first {
            margin-left: 0px !important
        }

        .tp-bullets.simplebullets.navbar .bullet.last {
            margin-right: 0px !important
        }

    .tp-bullets.simplebullets.navbar-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../images/navigdots.png) no-Repeat bottom left;
        width: 15px;
        height: 15px;
        margin-left: 5px !important;
        margin-right: 5px !important;
        float: left;
        margin-top: 10px
    }

        .tp-bullets.simplebullets.navbar-old .bullet.first {
            margin-left: 0px !important
        }

        .tp-bullets.simplebullets.navbar-old .bullet.last {
            margin-right: 0px !important
        }

    .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
        background-position: top left
    }

    .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
        background: #fb4848
    }

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px)
}

    .tparrows.hidearrows {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0px
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: rgba(0,0,0,.3);
    width: 30px;
    height: 110px;
    left: 0 !important;
    top: 50% !important;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

    .tp-leftarrow.default:before {
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        margin: 50px 0 0 10px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #fff
    }

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: rgba(0,0,0,.3);
    width: 30px;
    height: 110px;
    right: 0 !important;
    top: 50% !important;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s
}

    .tp-rightarrow.default:before {
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        margin: 50px 0 0 9px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: #fff
    }

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background: #fb4848
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

    .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
        width: 5000px;
        position: absolute
    }

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

    .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    height: 2px;
    background: #fff;
    background: rgba(255,255,255,.2);
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0
}

    .tp-bannertimer.tp-bottom {
        bottom: 0px;
        height: 5px;
        top: auto
    }

@media only screen and (min-width:0px) and (max-width:479px) {
    .responsive .tp-bullets {
        display: none
    }

    .responsive .tparrows {
        display: none
    }
}

.vjs-tech {
    margin-top: 1px
}

.tp-caption .vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    line-height: 30px;
    vertical-align: top;
    padding: 0px
}

    .tp-caption .vjs-default-skin .vjs-big-play-button:before {
        position: absolute;
        top: 0px;
        left: 0px;
        line-height: 40px;
        text-shadow: none !important;
        color: #fff;
        font-size: 18px
    }

.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../images/coloredbg.png) repeat
}

.tp-loader {
    margin: -30px -30px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 60px;
    height: 60px
}

    .tp-loader:before, .tp-loader:after {
        width: 100%;
        height: 100%;
        display: block;
        content: '';
        border-radius: 50%;
        background-color: #fb4848;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: bounce 2.0s infinite ease-in-out;
        animation: bounce 2.0s infinite ease-in-out
    }

    .tp-loader:after {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s
    }

@-webkit-keyframes bounce {
    0%,100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%,100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-transparentimg {
    content: "url(../images/transparent.png)"
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1
}

.banner_list {
    background: #ffffff;
    background:;
    position: relative;
    visibility: hidden
}

    .banner_list .tp-cell .container * {
        max-width: 100%;
        word-wrap: break-word;
        word-break: break-all
    }

    .banner_list .tp-banner .make, .banner_list .tp-banner .name {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        text-overflow: ellipsis
    }

    .banner_list .tp-banner .make {
        color: #333333;
        color: #ffffff;
        color: #ffffff
    }

    .banner_list .tp-banner .name {
        color: #121212;
        color: #ffffff
    }

    .banner_list .tp-banner .desc {
        color: #333333;
        color: #ffffff
    }

@media(min-width:1201px) {
    .banner_list .tp-banner1-content {
    }

        .banner_list .tp-banner1-content .make {
            font-size: 22px
        }

        .banner_list .tp-banner1-content .name {
            font-size: 40px
        }

        .banner_list .tp-banner1-content .desc {
            font-size: 16px;
            white-space: pre-wrap;
            max-width: 800px
        }

        .banner_list .tp-banner1-content .img {
            margin-top: 34px
        }

            .banner_list .tp-banner1-content .img img {
                margin-right: 30px
            }

                .banner_list .tp-banner1-content .img img:last-child {
                    margin-right: 0 !important
                }

        .banner_list .tp-banner1-content .more {
            margin-top: 34px
        }

    .banner_list .tp-banner2-content {
        padding-left: 40%;
        padding-top: 68px
    }

        .banner_list .tp-banner2-content .make {
            font-size: 22px
        }

        .banner_list .tp-banner2-content .name {
            font-size: 40px
        }

        .banner_list .tp-banner2-content .desc {
            font-size: 16px;
            white-space: pre-wrap;
            max-width: 680px
        }

        .banner_list .tp-banner2-content .more {
            margin-top: 34px
        }

    .banner_list .tp-banner3-content {
        padding-left: 35%;
        padding-top: 68px
    }

        .banner_list .tp-banner3-content .make {
            font-size: 22px
        }

        .banner_list .tp-banner3-content .name {
            font-size: 40px
        }

        .banner_list .tp-banner3-content .desc {
            font-size: 16px;
            white-space: pre-wrap;
            max-width: 660px
        }

        .banner_list .tp-banner3-content .more {
            margin-top: 34px
        }
}

@media(max-width:1200px) and (min-width:768px) {
    .banner_list .tp-banner1-content {
        padding-left: 5%
    }

        .banner_list .tp-banner1-content .make {
            font-size: 18px
        }

        .banner_list .tp-banner1-content .name {
            font-size: 30px
        }

        .banner_list .tp-banner1-content .desc {
            font-size: 14px;
            white-space: pre-wrap;
            max-width: 480px;
            height: 69px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden
        }

        .banner_list .tp-banner1-content .img {
            display: none
        }

        .banner_list .tp-banner1-content .more {
            margin-top: 34px
        }

    .banner_list .tp-banner2-content {
        padding-left: 45%
    }

        .banner_list .tp-banner2-content .make {
            font-size: 18px
        }

        .banner_list .tp-banner2-content .name {
            font-size: 26px
        }

        .banner_list .tp-banner2-content .desc {
            font-size: 14px;
            white-space: pre-wrap;
            padding-right: 30px;
            height: 46px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden
        }

        .banner_list .tp-banner2-content .more {
            margin-top: 34px
        }

    .banner_list .tp-banner3-content {
        padding-left: 46%
    }

        .banner_list .tp-banner3-content .make {
            font-size: 18px
        }

        .banner_list .tp-banner3-content .name {
            font-size: 30px
        }

        .banner_list .tp-banner3-content .desc {
            font-size: 14px;
            white-space: pre-wrap;
            padding-right: 30px;
            height: 69px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden
        }

        .banner_list .tp-banner3-content .more {
            margin-top: 34px
        }
}

@media(max-width:767px) {
    .banner_list .tp-banner1-content {
        text-align: center
    }

        .banner_list .tp-banner1-content .make {
            display: none
        }

        .banner_list .tp-banner1-content .name {
            font-size: 22px;
            white-space: pre-wrap
        }

        .banner_list .tp-banner1-content .desc {
            display: none
        }

        .banner_list .tp-banner1-content .img {
            display: none
        }

    .banner_list .tp-banner2-content {
        text-align: center
    }

        .banner_list .tp-banner2-content .make {
            display: none
        }

        .banner_list .tp-banner2-content .name {
            font-size: 22px;
            white-space: pre-wrap
        }

        .banner_list .tp-banner2-content .desc {
            display: none
        }

    .banner_list .tp-banner3-content {
        text-align: center
    }

        .banner_list .tp-banner3-content .make {
            display: none
        }

        .banner_list .tp-banner3-content .name {
            font-size: 22px;
            white-space: pre-wrap
        }

        .banner_list .tp-banner3-content .desc {
            display: none
        }
}

.banner_list .tp-leftarrow, .banner_list .tp-rightarrow, .banner_list .tp-bullets.simplebullets.round .bullet {
    background:
}

    .banner_list .tp-loader:before, .banner_list .tp-loader:after, .banner_list .tp-leftarrow:hover, .banner_list .tp-rightarrow:hover, .banner_list .tp-bullets.simplebullets.round .bullet.selected {
        background: #fb4848;
        background:
    }

.banner_list .more-box {
    width: 166px;
    height: 44px;
    line-height: 44px;
    font-size: 14px !important;
    display: inline-block;
    padding: 0;
    border: none;
    background: #fb4848;
    background:;
    background: #36404b;
    color: #ffffff !important;
    position: relative;
    text-indent: 36px;
    text-align: left;
    cursor: pointer
}

    .banner_list .more-box:before {
        display: block;
        content: '';
        border-width: 0 0 44px 20px;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .banner_list .more-box:after {
        display: block;
        content: "\f178";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 14px
    }

    .banner_list .more-box:hover {
        background: #fb4848;
        background:;
        background:;
        color: #ffffff !important
    }

        .banner_list .more-box:hover:before {
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

.column_list {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 40px 0
}

@media(max-width:1199px) {
    .column_list {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .column_list {
        padding: 20px 0
    }
}

.column_list .title-box {
    position: relative;
    text-align: center;
    padding: 0 0 60px 0
}

    .column_list .title-box:before {
        height: 5px;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        margin: 0px auto;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 24px;
        z-index: 0;
        content: ''
    }

    .column_list .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        background: #fb4848;
        background: #fb4848;
        background: #36404b;
        z-index: 1
    }

        .column_list .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

        .column_list .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-bottom-color: #36404b
        }

        .column_list .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color: #fb4848;
            border-top-color: #36404b
        }

    .column_list .title-box p {
        display: block;
        color: #333333;
        color:;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .column_list .title-box a:hover {
        background: #fb4848
    }

        .column_list .title-box a:hover:before {
            border-bottom-color: #fb4848
        }

        .column_list .title-box a:hover:after {
            border-top-color: #fb4848
        }

    .column_list .title-box b {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 109px 0 0;
        right: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .column_list .title-box i {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 0 0 109px;
        left: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .column_list .title-box b:after {
        display: block;
        content: '';
        border-width: 54px 24px 0 0;
        border-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
        border-top-color: #fb4848;
        border-top-color: #fb4848;
        border-top-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        left: auto;
        right: 0
    }

    .column_list .title-box b:hover:after {
        border-top-color: #36404b
    }

    .column_list .title-box i:after {
        display: block;
        content: '';
        border-width: 0 0 54px 24px;
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-color: #fb4848;
        border-bottom-color: #fb4848;
        border-bottom-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        right: auto;
        left: 0
    }

    .column_list .title-box i:hover:after {
        border-bottom-color: #36404b
    }

    .column_list .title-box b:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        left: 0
    }

    .column_list .title-box i:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        right: 0
    }

@media(max-width:479px) {
    .column_list .title-box {
        padding: 0 0 30px 0
    }

        .column_list .title-box:before {
            top: 24px
        }
}

.column_list:hover .title-box b, .column_list:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.column_list .slick-arrow, .column_list .slick-dots {
    display: none !important
}

.column_list .servic-box {
}

    .column_list .servic-box a {
        display: block;
        background: #f7f7f7;
        position: relative;
        overflow: hidden
    }

        .column_list .servic-box a:before {
            display: block;
            content: '';
            border-width: 0 0 40px 20px;
            position: absolute;
            right: 1px;
            bottom: 1px;
            border-style: solid;
            border-color: transparent;
            width: 60px;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-bottom-color: #36404b;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s
        }

        .column_list .servic-box a:hover:before {
            border-bottom-color: #fb4848
        }

        .column_list .servic-box a:after {
            display: block;
            content: "\f178";
            font-family: FontAwesome;
            position: absolute;
            line-height: 40px;
            bottom: 1px;
            right: 15px;
            z-index: 1;
            color: #121212;
            color: #ffffff
        }

        .column_list .servic-box a img {
            display: block;
            max-width: 100%;
            z-index: 998;
            position: relative;
            margin: 0 auto;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s
        }

        .column_list .servic-box a:hover img {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1)
        }

        .column_list .servic-box a span {
            background: #fb4848;
            background: #fb4848;
            background: #fb4848;
            z-index: 999;
            display: block;
            line-height: 50px;
            text-align: center;
            position: relative;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s
        }

        .column_list .servic-box a:hover span {
            background: #36404b
        }

        .column_list .servic-box a span h4 {
            display: block;
            overflow: hidden;
            margin: 0;
            line-height: 50px;
            color: #121212;
            color: #ffffff;
            color: #ffffff;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 18px;
            padding: 0 15px
        }

        .column_list .servic-box a span i {
            display: block;
            background: #fb4848;
            background: #fb4848;
            background: #fb4848;
            width: 70px;
            height: 36px;
            line-height: 34px;
            font-size: 24px;
            color: #121212;
            color: #ffffff;
            color: #ffffff;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            position: absolute;
            left: 50%;
            top: -36px;
            margin-left: -35px
        }

        .column_list .servic-box a:hover span i {
            background: #36404b
        }

        .column_list .servic-box a span i:after {
            border-style: solid;
            border-width: 0 35px 20px 35px;
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            content: '';
            position: absolute;
            bottom: 36px;
            left: 0
        }

        .column_list .servic-box a:hover span i:after {
            border-bottom-color: #36404b
        }

        .column_list .servic-box a p {
            display: block;
            padding: 30px 25px 60px 25px;
            margin: 0;
            line-height: 25px;
            border: 1px solid #ececec;
            border-top: none
        }

            .column_list .servic-box a p font {
                overflow: hidden;
                display: block;
                height: 75px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                color: #333333;
                color:;
                color: #999999
            }

.case_list0 {
    background: #ffffff;
    background: #f6f7f8;
    position: relative;
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 40px 0
}

@media(max-width:1199px) {
    .case_list0 {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .case_list0 {
        padding: 20px 0
    }
}

.case_list0 .title-box {
    position: relative;
    text-align: center;
    padding: 0 0 60px 0
}

    .case_list0 .title-box:before {
        height: 5px;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        margin: 0px auto;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 24px;
        z-index: 0;
        content: ''
    }

    .case_list0 .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        background: #fb4848;
        background:;
        background: #36404b;
        z-index: 1
    }

        .case_list0 .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

        .case_list0 .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

        .case_list0 .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color:;
            border-top-color: #36404b
        }

    .case_list0 .title-box p {
        display: block;
        color: #333333;
        color:;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .case_list0 .title-box a:hover {
        background: #fb4848
    }

        .case_list0 .title-box a:hover:before {
            border-bottom-color: #fb4848
        }

        .case_list0 .title-box a:hover:after {
            border-top-color: #fb4848
        }

    .case_list0 .title-box b {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 109px 0 0;
        right: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .case_list0 .title-box i {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 0 0 109px;
        left: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .case_list0 .title-box b:after {
        display: block;
        content: '';
        border-width: 54px 24px 0 0;
        border-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
        border-top-color: #fb4848;
        border-top-color:;
        border-top-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        left: auto;
        right: 0
    }

    .case_list0 .title-box b:hover:after {
        border-top-color: #36404b
    }

    .case_list0 .title-box i:after {
        display: block;
        content: '';
        border-width: 0 0 54px 24px;
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        right: auto;
        left: 0
    }

    .case_list0 .title-box i:hover:after {
        border-bottom-color: #36404b
    }

    .case_list0 .title-box b:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        left: 0
    }

    .case_list0 .title-box i:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        right: 0
    }

@media(max-width:479px) {
    .case_list0 .title-box {
        padding: 0 0 30px 0
    }

        .case_list0 .title-box:before {
            top: 24px
        }
}

.case_list0:hover .title-box b, .case_list0:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.case_list0 .slick-arrow, .case_list0 .slick-dots {
    display: none !important
}

.case_list0 .image-box {
}

.case_list0 .image-move {
    text-align: center;
    line-height: 2
}

    .case_list0 .image-move li {
        background: #ffffff
    }

        .case_list0 .image-move li b {
            display: block;
            overflow: hidden;
            position: relative
        }

            .case_list0 .image-move li b img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

        .case_list0 .image-move li:hover b img {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1)
        }

        .case_list0 .image-move li b em {
            display: block;
            z-index: 8;
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5)
        }

        .case_list0 .image-move li:hover b em {
            top: 0
        }

        .case_list0 .image-move li b i, .case_list0 .image-move li b a {
            position: absolute;
            z-index: 9;
            border: 1px solid #ffffff;
            color: #ffffff;
            width: 44px;
            height: 44px;
            font-size: 14px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-radius: 50%;
            top: -50%;
            text-align: center;
            line-height: 42px;
            cursor: pointer
        }

        .case_list0 .image-move li b i {
            right: 52.5%
        }

        .case_list0 .image-move li b a {
            left: 52.5%
        }

        .case_list0 .image-move li:hover b i, .case_list0 .image-move li:hover b a {
            top: 50%
        }

        .case_list0 .image-move li b i:hover, .case_list0 .image-move li b a:hover {
            background: #fb4848;
            background:
        }

        .case_list0 .image-move li a.bt {
            border-width: 0 1px 1px 0;
            border-color: #eeeeee;
            border-style: solid;
            display: block;
            padding: 15px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s
        }

            .case_list0 .image-move li a.bt h4 {
                font-size: 15px;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin: 0;
                padding: 0;
                font-weight: normal;
                color: #121212;
                color: #ffffff;
                color: #36404b;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .case_list0 .image-move li a.bt font {
                display: block;
                font-size: 14px;
                color: #333333;
                color:;
                color: #999999;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

        .case_list0 .image-move li:hover a.bt {
            background: #fb4848;
            background:
        }

            .case_list0 .image-move li:hover a.bt h4 {
                color: #ffffff
            }

            .case_list0 .image-move li:hover a.bt font {
                color: #ffffff;
                opacity: .95
            }

@media(max-width:479px) {
    .case_list0 .image-move {
        margin: 0 15px
    }
}

.lg-actions .lg-next, .lg-actions .lg-prev, .lg-outer .lg-toogle-thumb, .lg-outer .lg-thumb-outer, .lg-sub-html, .lg-toolbar, .lg-backdrop {
    background:
}

    .lg-actions .lg-next, .lg-actions .lg-prev, .lg-outer .lg-toogle-thumb, .lg-toolbar .lg-icon, .lg-sub-html, .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, .lg-outer .lg-toogle-thumb:hover, .lg-toolbar .lg-icon:hover, .lg-sub-html:hover {
        color:
    }

.img_list {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 40px 0
}

@media(max-width:1199px) {
    .img_list {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .img_list {
        padding: 20px 0
    }
}

.img_list .title-box {
    position: relative;
    text-align: center;
    padding: 0 0 60px 0
}

    .img_list .title-box:before {
        height: 5px;
        margin: 0px auto;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 24px;
        z-index: 0;
        content: ''
    }

    .img_list .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        background: #fb4848;
        background:;
        background: #36404b;
        z-index: 1
    }

        .img_list .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

        .img_list .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

        .img_list .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color:;
            border-top-color: #36404b
        }

    .img_list .title-box p {
        display: block;
        color: #333333;
        color:;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .img_list .title-box a:hover {
        background:
    }

        .img_list .title-box a:hover:before {
            border-bottom-color:
        }

        .img_list .title-box a:hover:after {
            border-top-color:
        }

    .img_list .title-box b {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 109px 0 0;
        right: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .img_list .title-box i {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 0 0 109px;
        left: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .img_list .title-box b:after {
        display: block;
        content: '';
        border-width: 54px 24px 0 0;
        border-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
        border-top-color: #fb4848;
        border-top-color:;
        border-top-color:;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        left: auto;
        right: 0
    }

    .img_list .title-box b:hover:after {
        border-top-color: #36404b
    }

    .img_list .title-box i:after {
        display: block;
        content: '';
        border-width: 0 0 54px 24px;
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        right: auto;
        left: 0
    }

    .img_list .title-box i:hover:after {
        border-bottom-color: #36404b
    }

    .img_list .title-box b:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        left: 0
    }

    .img_list .title-box i:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        right: 0
    }

@media(max-width:479px) {
    .img_list .title-box {
        padding: 0 0 30px 0
    }

        .img_list .title-box:before {
            top: 24px
        }
}

.img_list:hover .title-box b, .img_list:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.img_list .slick-arrow, .img_list .slick-dots {
    display: none !important
}

.img_list .team-box {
}

    .img_list .team-box .slick-slide {
        overflow: hidden
    }

    .img_list .team-box a {
        color: #121212;
        color: #ffffff;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

        .img_list .team-box a:hover {
            color:
        }

    .img_list .team-box span {
        position: relative;
        display: block;
        overflow: hidden
    }

    .img_list .team-box img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .img_list .team-box span:hover img {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }

    .img_list .team-box h4 {
        position: absolute;
        font-size: 18px;
        background: #fb4848;
        background: #36404b;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
        z-index: 0;
        padding: 20px;
        opacity: 0.9;
        max-height: 100%;
        overflow: hidden;
        color: #121212;
        color: #ffffff;
        transition: .6s;
        -ms-transition: .6s;
        -moz-transition: .6s;
        -webkit-transition: .6s;
        -o-transition: .6s
    }

    .img_list .team-box span:hover h4 {
        bottom: -100%
    }

    .img_list .team-box p {
        position: absolute;
        margin: 0;
        bottom: -100%;
        left: 0;
        right: 0;
        z-index: 1;
        background: #fb4848;
        color: #121212;
        color: #ffffff;
        padding: 25px 30px;
        opacity: 0.9;
        max-height: 75%;
        overflow: hidden;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .img_list .team-box span:hover p {
        bottom: 0
    }

    .img_list .team-box p b {
        display: block;
        font-size: 17px;
        margin-bottom: 10px
    }

    .img_list .team-box p i {
        display: block;
        line-height: 1.75;
        font-style: normal;
        opacity: .95
    }

.show_list {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    padding: px 0
}

@media(max-width:1199px) {
    .show_list {
        padding: px 0
    }
}

@media(max-width:767px) {
    .show_list {
        padding: px 0
    }
}

.show_list .title-box {
    position: relative;
    text-align: center;
    padding: 60px 0
}

    .show_list .title-box:before {
        height: 5px;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        margin: 0px auto;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 84px;
        z-index: 0;
        content: ''
    }

    .show_list .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        background: #fb4848;
        background:;
        background: #36404b;
        z-index: 1
    }

        .show_list .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

        .show_list .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

        .show_list .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color:;
            border-top-color: #36404b
        }

    .show_list .title-box p {
        display: block;
        color: #333333;
        color:;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .show_list .title-box a:hover {
        background:
    }

        .show_list .title-box a:hover:before {
            border-bottom-color:
        }

        .show_list .title-box a:hover:after {
            border-top-color:
        }

    .show_list .title-box b {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 109px 0 0;
        right: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .show_list .title-box i {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 0 0 109px;
        left: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .show_list .title-box b:after {
        display: block;
        content: '';
        border-width: 54px 24px 0 0;
        border-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
        border-top-color: #fb4848;
        border-top-color:;
        border-top-color:;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        left: auto;
        right: 0
    }

    .show_list .title-box b:hover:after {
        border-top-color: #36404b
    }

    .show_list .title-box i:after {
        display: block;
        content: '';
        border-width: 0 0 54px 24px;
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        right: auto;
        left: 0
    }

    .show_list .title-box i:hover:after {
        border-bottom-color: #36404b
    }

    .show_list .title-box b:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        left: 0
    }

    .show_list .title-box i:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        right: 0
    }

@media(max-width:479px) {
    .show_list .title-box {
        padding: 30px 0
    }

        .show_list .title-box:before {
            top: 54px
        }

        .show_list .title-box b {
            margin: 30px 109px 0 0
        }

        .show_list .title-box i {
            margin: 30px 0 0 109px
        }
}

.show_list:hover .title-box b, .show_list:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.not-padding {
    padding: 0
}

.show_list .about-box {
    background: #f7f7f7;
    display: table;
    width: 100%
}

.show_list .about-cut {
    display: table-row
}

.show_list .about-image {
    display: table-cell !important;
    width: 50%;
    position: relative;
    background-size: cover
}

    .show_list .about-image img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

.show_list .about-cut.auto .about-image {
    background: none !important;
    vertical-align: middle
}

    .show_list .about-cut.auto .about-image img {
        display: inline !important
    }

.show_list .about-content {
    display: table-cell;
    width: 50%;
    padding: 40px 0 40px 60px;
    
}

    .show_list .about-content .met-editor {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }

.show_list .about-cut.auto .about-content {
    vertical-align: top
}

@media(max-width:1200px) {
    .show_list .about-content {
        padding: 60px 0 60px 30px
    }
}

@media(max-width:992px) {
    .show_list .about-box {
        display: block
    }

    .show_list .about-cut {
        display: block
    }

    .show_list .about-image {
        display: block !important;
        width: auto
    }

        .show_list .about-image img {
            opacity: 1;
            position: static
        }

    .show_list .about-content {
        display: block;
        width: auto;
        padding: 50px 25px 50px 30px
    }
}

@media(max-width:479px) {
    .show_list .about-content {
        display: block;
        width: auto;
        padding: 30px 15px
    }
}

.show_list .clear-box {
    clear: both
}

.show_list .more-box {
    width: 166px;
    height: 44px;
    line-height: 44px;
    font-size: 14px !important;
    display: inline-block;
    padding: 0;
    border: none;
    background: #fb4848;
    background:;
    background: #36404b;
    color: #ffffff !important;
    position: relative;
    text-indent: 36px;
    text-align: left;
    cursor: pointer
}

    .show_list .more-box:before {
        display: block;
        content: '';
        border-width: 0 0 44px 20px;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .show_list .more-box:after {
        display: block;
        content: "\f178";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 14px
    }

    .show_list .more-box:hover {
        background: #fb4848;
        background:;
        background:;
        color: #ffffff !important
    }

        .show_list .more-box:hover:before {
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

.news_list {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    padding: 40px 0
}

@media(max-width:1199px) {
    .news_list {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .news_list {
        padding: 20px 0
    }
}

.news_list .title-box {
    position: relative;
    text-align: center;
    padding: 0 0 60px 0
}

    .news_list .title-box:before {
        height: 5px;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        margin: 0px auto;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 24px;
        z-index: 0;
        content: ''
    }

    .news_list .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        background: #fb4848;
        background:;
        background: #36404b;
        z-index: 1
    }

        .news_list .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

        .news_list .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

        .news_list .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color:;
            border-top-color: #36404b
        }

    .news_list .title-box p {
        display: block;
        color: #333333;
        color: #999999;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .news_list .title-box a:hover {
        background: #fb4848
    }

        .news_list .title-box a:hover:before {
            border-bottom-color: #fb4848
        }

        .news_list .title-box a:hover:after {
            border-top-color: #fb4848
        }

    .news_list .title-box b {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 109px 0 0;
        right: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .news_list .title-box i {
        position: absolute;
        width: 70px;
        height: 54px;
        top: 0;
        margin: 0 0 0 109px;
        left: 50%;
        cursor: pointer;
        transition: .3s 1s;
        -ms-transition: .3s 1s;
        -moz-transition: .3s 1s;
        -webkit-transition: .3s 1s;
        z-index: 99
    }

    .news_list .title-box b:after {
        display: block;
        content: '';
        border-width: 54px 24px 0 0;
        border-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
        border-top-color: #fb4848;
        border-top-color:;
        border-top-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        left: auto;
        right: 0
    }

    .news_list .title-box b:hover:after {
        border-top-color: #36404b
    }

    .news_list .title-box i:after {
        display: block;
        content: '';
        border-width: 0 0 54px 24px;
        border-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color: #fb4848;
        border-style: solid;
        width: 70px;
        line-height: 54px;
        z-index: 8;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        right: auto;
        left: 0
    }

    .news_list .title-box i:hover:after {
        border-bottom-color: #36404b
    }

    .news_list .title-box b:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        left: 0
    }

    .news_list .title-box i:before {
        color: #121212;
        color: #ffffff;
        z-index: 9;
        position: absolute;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 24px;
        top: 0;
        right: 0
    }

@media(max-width:479px) {
    .news_list .title-box {
        padding: 0 0 30px 0
    }

        .news_list .title-box:before {
            top: 24px
        }
}

.news_list:hover .title-box b, .news_list:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.news_list .slick-arrow, .news_list .slick-dots {
    display: none !important
}

.news_list .info-box {
}

    .news_list .info-box strong {
        display: block;
        overflow: hidden;
        background: #ffffff
    }

        .news_list .info-box strong img {
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s
        }

    .news_list .info-box .col-md-4:hover strong img {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }

    .news_list .info-box font {
        display: block;
        position: relative;
        line-height: 76px;
        height: 80px;
        background: #ffffff;
        border-width: 3px 1px 0 1px;
        border-style: solid;
        border-color: transparent;
        border-top-color: #fb4848;
        border-top-color:;
        border-left-color: #ececec;
        border-right-color: #ececec
    }

        .news_list .info-box font:after {
            display: block;
            clear: both;
            content: ''
        }

        .news_list .info-box font i {
            float: left;
            width: 30px;
            height: 30px;
            text-align: center;
            margin: 24px 10px 0 15px;
            line-height: 28px;
            border-radius: 50%;
            border: 1px solid transparent;
            border-color: #333333;
            border-color: #999999;
            border-color: #707070;
            color: #333333;
            color: #999999;
            color: #707070
        }

            .news_list .info-box font i:first-child {
                margin-left: 35px
            }

        .news_list .info-box font b {
            float: left;
            color: #333333;
            color: #999999;
            color: #707070
        }

        .news_list .info-box font p {
            position: absolute;
            right: -1px;
            top: 0;
            height: 78px;
            line-height: 78px;
            background: #fb4848;
            background:;
            background:;
            color: #ffffff;
            padding: 0 35px
        }

    .news_list .info-box span {
        display: block;
        border: 1px solid #ececec;
        background: #ffffff;
        padding: 35px 30px 35px 35px
    }

        .news_list .info-box span h4 {
            font-size: 17px;
            display: block;
            margin: 0;
            padding: 0;
            color: #121212;
            color: #ffffff;
            color: #151515;
            line-height: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .news_list .info-box span p {
            display: block;
            margin: 20px 0;
            overflow: hidden;
            line-height: 25px;
            height: 75px;
            color: #333333;
            color: #999999;
            color: #999999;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3
        }

@media(max-width:1200px) {
    .news_list .info-box font i {
        margin: 24px 5px 0 10px
    }

        .news_list .info-box font i:first-child {
            margin-left: 15px
        }

    .news_list .info-box font p {
        padding: 0 15px
    }

    .news_list .info-box span {
        padding: 25px 10px 25px 15px
    }

        .news_list .info-box span p {
            margin: 10px 0
        }
}

@media(max-width:992px) {
    .news_list .info-box font i {
        margin: 24px 10px 0 15px
    }

    .news_list .info-box font p {
        padding: 0 35px
    }
}

.news_list .more-box {
    width: 166px;
    height: 44px;
    line-height: 44px;
    font-size: 14px !important;
    display: inline-block;
    padding: 0;
    border: none;
    background: #fb4848;
    background:;
    background: #36404b;
    color: #ffffff !important;
    position: relative;
    text-indent: 36px;
    text-align: left;
    cursor: pointer
}

    .news_list .more-box:before {
        display: block;
        content: '';
        border-width: 0 0 44px 20px;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color: #fb4848;
        border-style: solid;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .news_list .more-box:after {
        display: block;
        content: "\f178";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 14px
    }

    .news_list .more-box:hover {
        background: #fb4848;
        background:;
        background: #fb4848;
        color: #ffffff !important
    }

        .news_list .more-box:hover:before {
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

.product_list, .product_list .product-box {
    padding: 40px 0
}

@media(max-width:1199px) {
    .product_list, .product_list .product-box {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .product_list, .product_list .product-box {
        padding: 20px 0
    }
}

.product_list {
    background: #ffffff;
    background: #ffffff;
    position: relative;
    padding-bottom: 0;
    background-position: top center;
    background-size: cover;
    text-align: center
}

    .product_list .title-box {
        position: relative;
        text-align: center;
        padding: 0 0 60px 0
    }

        .product_list .title-box:before {
            height: 5px;
            border-top: 1px solid #d7d9db;
            border-bottom: 1px solid #d7d9db;
            margin: 0px auto;
            max-width: 350px;
            width: 100%;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 24px;
            z-index: 0;
            content: ''
        }

        .product_list .title-box a {
            width: 220px;
            height: 54px;
            line-height: 54px;
            display: block;
            margin: 0 auto;
            -webkit-transform: translateX(0);
            -o-transform: translateX(0);
            -ms-transform: translateX(0);
            -moz-transform: translateX(0);
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            text-align: center;
            position: relative;
            background: #fb4848;
            background: #fb4848;
            background: #36404b;
            z-index: 1
        }

            .product_list .title-box a h2 {
                color: #121212;
                color: #ffffff;
                font-size: 18px;
                margin: 0;
                display: block;
                line-height: 54px;
                padding: 0 3px;
                font-weight: normal;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block
            }

            .product_list .title-box a:before {
                width: 10px;
                height: 54px;
                line-height: 54px;
                display: block;
                content: '';
                position: absolute;
                top: 0;
                left: -24px;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                border-width: 0 3px 54px 24px;
                border-color: transparent;
                border-style: solid;
                border-bottom-color: #fb4848;
                border-bottom-color: #fb4848;
                border-bottom-color: #36404b
            }

            .product_list .title-box a:after {
                width: 10px;
                height: 54px;
                line-height: 54px;
                display: block;
                content: '';
                position: absolute;
                top: 0;
                right: -24px;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                border-width: 54px 24px 0 3px;
                border-color: transparent;
                border-style: solid;
                border-top-color: #fb4848;
                border-top-color: #fb4848;
                border-top-color: #36404b
            }

        .product_list .title-box p {
            display: block;
            color: #333333;
            color: #999999;
            margin: 30px 15px 0 15px;
            font-size: 15px;
            word-break: break-all
        }

        .product_list .title-box a:hover {
            background: #fb4848
        }

            .product_list .title-box a:hover:before {
                border-bottom-color: #fb4848
            }

            .product_list .title-box a:hover:after {
                border-top-color: #fb4848
            }

        .product_list .title-box b {
            position: absolute;
            width: 70px;
            height: 54px;
            top: 0;
            margin: 0 109px 0 0;
            right: 50%;
            cursor: pointer;
            transition: .3s 1s;
            -ms-transition: .3s 1s;
            -moz-transition: .3s 1s;
            -webkit-transition: .3s 1s;
            z-index: 99
        }

        .product_list .title-box i {
            position: absolute;
            width: 70px;
            height: 54px;
            top: 0;
            margin: 0 0 0 109px;
            left: 50%;
            cursor: pointer;
            transition: .3s 1s;
            -ms-transition: .3s 1s;
            -moz-transition: .3s 1s;
            -webkit-transition: .3s 1s;
            z-index: 99
        }

        .product_list .title-box b:after {
            display: block;
            content: '';
            border-width: 54px 24px 0 0;
            border-color: transparent;
            position: absolute;
            left: 0;
            top: 0;
            border-top-color: #fb4848;
            border-top-color: #fb4848;
            border-top-color: #fb4848;
            border-style: solid;
            width: 70px;
            line-height: 54px;
            z-index: 8;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            left: auto;
            right: 0
        }

        .product_list .title-box b:hover:after {
            border-top-color: #36404b
        }

        .product_list .title-box i:after {
            display: block;
            content: '';
            border-width: 0 0 54px 24px;
            border-color: transparent;
            position: absolute;
            right: 0;
            top: 0;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-style: solid;
            width: 70px;
            line-height: 54px;
            z-index: 8;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            right: auto;
            left: 0
        }

        .product_list .title-box i:hover:after {
            border-bottom-color: #36404b
        }

        .product_list .title-box b:before {
            color: #121212;
            color: #ffffff;
            z-index: 9;
            position: absolute;
            width: 54px;
            height: 54px;
            line-height: 54px;
            font-size: 24px;
            top: 0;
            left: 0
        }

        .product_list .title-box i:before {
            color: #121212;
            color: #ffffff;
            z-index: 9;
            position: absolute;
            width: 54px;
            height: 54px;
            line-height: 54px;
            font-size: 24px;
            top: 0;
            right: 0
        }

@media(max-width:479px) {
    .product_list .title-box {
        padding: 0 0 30px 0
    }

        .product_list .title-box:before {
            top: 24px
        }
}

.product_list:hover .title-box b, .product_list:hover .title-box i {
    -webkit-animation: tada 1s 1s ease both;
    -moz-animation: tada 1s 1s ease both
}

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

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

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

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

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

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

.product_list .slick-arrow, .product_list .slick-dots {
    display: none !important
}

.product_list .product-box {
    background: #fafafa;
    padding-top: 50px
}

    .product_list .product-box span.out {
        display: block;
        padding: 4px;
        background: #ffffff;
        line-height: 1;
        border: 1px solid #eeeeee;
        position: relative;
        overflow: hidden
    }

        .product_list .product-box span.out p {
            margin: 0;
            display: block;
            position: relative;
            overflow: hidden
        }

            .product_list .product-box span.out p i {
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.5);
                top: -100%;
                left: 0;
                z-index: 9;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .product_list .product-box span.out p a {
                font-style: normal;
                position: absolute;
                top: -50%;
                left: 50%;
                margin: -22px 0 0 -83px;
                z-index: 10;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .product_list .product-box span.out p img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
                position: relative;
                z-index: 8;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

        .product_list .product-box span.out:hover p i {
            top: 0
        }

        .product_list .product-box span.out:hover p a {
            top: 50%
        }

        .product_list .product-box span.out:hover p img {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1)
        }

        .product_list .product-box span.out b {
            display: block;
            padding: 25px 15px;
            text-align: center;
            font-size: 15px
        }

            .product_list .product-box span.out b h4 {
                display: block;
                margin: 0;
                padding: 0
            }

                .product_list .product-box span.out b h4 a {
                    font-size: 15px;
                    color: #121212;
                    color: #ffffff;
                    color: #151515
                }

                    .product_list .product-box span.out b h4 a:hover {
                        color: #fb4848;
                        color: #fb4848
                    }

            .product_list .product-box span.out b font {
                display: block;
                color: #cc0000;
                padding-top: 20px;
                font-weight: bold;
                font-size: 18px;
                font-family: Arial
            }

                .product_list .product-box span.out b font a {
                    font-size: 14px
                }

.product_list .more-box {
    width: 166px;
    height: 44px;
    line-height: 44px;
    font-size: 14px !important;
    display: inline-block;
    padding: 0;
    border: none;
    background: #fb4848;
    background: #fb4848;
    background: #36404b;
    color: #ffffff !important;
    position: relative;
    text-indent: 36px;
    text-align: left;
    cursor: pointer
}

    .product_list .more-box:before {
        display: block;
        content: '';
        border-width: 0 0 44px 20px;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color: #fb4848;
        border-bottom-color: #fb4848;
        border-style: solid;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .product_list .more-box:after {
        display: block;
        content: "\f178";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 14px
    }

    .product_list .more-box:hover {
        background: #fb4848;
        background: #fb4848;
        background: #fb4848;
        color: #ffffff !important
    }

        .product_list .more-box:hover:before {
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color: #fb4848;
            border-bottom-color: #36404b
        }

.link_list {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 40px 0
}

@media(max-width:1199px) {
    .link_list {
        padding: 30px 0
    }
}

@media(max-width:767px) {
    .link_list {
        padding: 20px 0
    }
}

.link_list .title-box {
    position: relative;
    text-align: center;
    padding: 0 0 60px 0
}

    .link_list .title-box:before {
        height: 5px;
        margin: 0px auto;
        border-top: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db;
        max-width: 350px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 24px;
        z-index: 0;
        content: ''
    }

    .link_list .title-box a {
        width: 220px;
        height: 54px;
        line-height: 54px;
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        text-align: center;
        position: relative;
        z-index: 1;
        background: #fb4848;
        background:;
        background: #36404b
    }

        .link_list .title-box a:before {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 0 3px 54px 24px;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #36404b
        }

        .link_list .title-box a:after {
            width: 10px;
            height: 54px;
            line-height: 54px;
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -24px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            border-width: 54px 24px 0 3px;
            border-color: transparent;
            border-style: solid;
            border-top-color: #fb4848;
            border-top-color:;
            border-top-color: #36404b
        }

        .link_list .title-box a h2 {
            color: #121212;
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            display: block;
            line-height: 54px;
            padding: 0 3px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block
        }

    .link_list .title-box p {
        display: block;
        color: #333333;
        color:;
        margin: 30px 15px 0 15px;
        font-size: 15px;
        word-break: break-all
    }

    .link_list .title-box a:hover {
        background:
    }

        .link_list .title-box a:hover:before {
            border-bottom-color:
        }

        .link_list .title-box a:hover:after {
            border-top-color:
        }

@media(max-width:479px) {
    .link_list .title-box {
        padding: 0 0 30px 0
    }

        .link_list .title-box:before {
            top: 24px
        }
}

.link_list .slick-arrow, .link_list .slick-dots {
    display: none !important
}

.link_list .link-box {
}

    .link_list .link-box:after {
        display: block;
        content: '';
        clear: both
    }

    .link_list .link-box div {
        display: table;
        border: 1px solid #eeeeee;
        background:;
        margin: -1px -1px 0 0;
        overflow: hidden
    }

        .link_list .link-box div a {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            height: 180px
        }

            .link_list .link-box div a img {
                max-height: 180px;
                max-width: 100%
            }

        .link_list .link-box div:hover a img {
            -webkit-animation: swing 1s .2s ease both;
            -moz-animation: swing 1s .2s ease both
        }

@-webkit-keyframes swing {
    20%,40%,60%,80%,100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

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

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

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

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

@-moz-keyframes swing {
    20%,40%,60%,80%,100% {
        -moz-transform-origin: top center
    }

    20% {
        -moz-transform: rotate(15deg)
    }

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

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

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

    100% {
        -moz-transform: rotate(0deg)
    }
}

.foot_contact {
    position: relative;
    color: #333333;
    color: #ffffff;
    background: #ffffff center bottom no-repeat;
    background-color:
}

    .foot_contact.bg {
        background-image: url('');
        background-size: cover
    }

    .foot_contact .met-editor {
        font-size: inherit;
        color: #333333;
        color: #ffffff
    }

    .foot_contact .bottom-box {
        background: #36404b center bottom no-repeat;
        overflow: hidden;
        width: 100%
    }

        .foot_contact .bottom-box.bg {
            background-image: url('../images/1546674163.png')
        }

    .foot_contact .touch-box {
        padding: 30px;
        position: relative;
        z-index: 2;
        background: #000000 center;
        background-size: cover;
        line-height: 44px
    }

        .foot_contact .touch-box.bg {
            background-image: url('../images/1546673636.jpg')
        }

        .foot_contact .touch-box:after {
            display: block;
            content: '';
            clear: both
        }

        .foot_contact .touch-box p {
            float: left;
            color: #333333;
            color: #ffffff;
            color:;
            font-size: 18px;
            margin: 0 0 0 30px;
            line-height: 22px;
            padding: 11px 0
        }

        .foot_contact .touch-box > a {
            float: right
        }

@media(max-width:992px) {
    .foot_contact .touch-box p {
        float: right
    }

    .foot_contact .touch-box > a {
        margin-top: 15px
    }
}

@media(max-width:479px) {
    .foot_contact .touch-box p {
        float: none;
        margin: 0;
        margin-top: 15px;
        font-size: 16px
    }

    .foot_contact .touch-box > a {
        float: none
    }
}

.foot_contact .index-about {
    color: #121212;
    color: #ffffff;
    padding-bottom: 15px
}

    .foot_contact .index-about * {
        max-width: 100%
    }

.foot_contact .index-column {
    overflow: hidden
}

.foot_contact .bottom-three {
    margin-top: 55px
}

    .foot_contact .bottom-three .col-md-4 {
        margin-bottom: 20px
    }

.foot_contact .bottom-title {
    color: #121212;
    color: #ffffff;
    font-size: 18px;
    height: 29px;
    margin-bottom: 10px;
    text-align: left
}

.foot_contact .bottom-column {
    padding-top: 5px;
    margin-right: -20px
}

    .foot_contact .bottom-column ul {
        display: inline;
        margin: 0;
        padding: 0;
        list-style: none
    }

        .foot_contact .bottom-column ul li {
            display: inline-block;
            padding: 0;
            list-style: none;
            line-height: 40px;
            margin-right: 20px;
            white-space: nowrap
        }

            .foot_contact .bottom-column ul li:before {
                display: inline-block;
                margin-left: 8px;
                content: '';
                border: 5px solid transparent;
                border-left-color: #333333;
                border-left-color: #ffffff;
                border-left-color: #969ea7;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .foot_contact .bottom-column ul li:hover:before {
                border-left-color: #fb4848;
                border-left-color:
            }

            .foot_contact .bottom-column ul li a {
                color: #333333;
                color: #ffffff;
                color: #969ea7;
                padding-left: 10px;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s
            }

            .foot_contact .bottom-column ul li:hover a {
                color: #fb4848;
                color:
            }

@media(min-width:1440px) {
    .foot_contact .bottom-column ul:first-child li {
        min-width: 160px
    }
}

@media(min-width:992px) {
    .foot_contact .bottom-columns {
        text-align: center
    }

    .foot_contact .index-column {
        display: inline-block;
        text-align: left
    }

    .foot_contact .bottom-column {
        display: table;
        margin: 0;
        width: 0
    }

        .foot_contact .bottom-column ul {
            display: table-cell
        }

            .foot_contact .bottom-column ul li {
                display: block;
                margin-right: 30px
            }

            .foot_contact .bottom-column ul:last-child li {
                margin-right: 20px
            }
}

.foot_contact .bottom-icon {
    margin-top: 20px;
    margin-bottom: 40px
}

    .foot_contact .bottom-icon a {
        display: block;
        margin-bottom: 20px
    }

        .foot_contact .bottom-icon a:after {
            display: block;
            content: '';
            clear: both
        }

        .foot_contact .bottom-icon a i {
            float: left;
            width: 90px;
            height: 90px;
            background: #434e5a;
            text-align: center;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            line-height: 90px;
            color: #121212;
            color: #ffffff;
            font-size: 20px;
            border-radius: 50%
        }

        .foot_contact .bottom-icon a:hover i {
            background: #fb4848;
            background:;
            background: #fb4848
        }

        .foot_contact .bottom-icon a b {
            display: block;
            color: #121212;
            color: #ffffff;
            font-size: 17px;
            padding: 20px 0 5px 105px;
            font-weight: normal
        }

        .foot_contact .bottom-icon a p {
            display: block;
            color: #333333;
            color: #ffffff;
            font-size: 15px;
            padding-left: 105px;
            word-wrap: break-word
        }

@media(max-width:479px) {
    .foot_contact .bottom-three {
    }

    .foot_contact .bottom-icon {
        margin: 20px 0 40px 0
    }

        .foot_contact .bottom-icon .col-xs-6 {
            width: 100%;
            float: none
        }
}

.foot_contact .message-list {
}

    .foot_contact .message-list * {
        outline: none !important;
        box-shadow: none !important
    }

    .foot_contact .message-list .form-group {
        position: relative;
        margin: 0;
        background-clip: content-box;
        background-color:;
        color: #121212;
        color: #ffffff;
        color: #ffffff
    }

        .foot_contact .message-list .form-group:before {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            content: '';
            display: block;
            border-bottom: 1px solid transparent;
            border-bottom-color: #888888
        }

    .foot_contact .message-list *::-webkit-input-placeholder {
        color: #121212;
        color: #ffffff;
        color: #ffffff;
        opacity: .75
    }

    .foot_contact .message-list *:-moz-placeholder {
        color: #121212;
        color: #ffffff color:#ffffff;
        opacity: .75
    }

    .foot_contact .message-list *::-moz-placeholder {
        color: #121212;
        color: #ffffff;
        color: #ffffff;
        opacity: .75
    }

    .foot_contact .message-list *:-ms-input-placeholder {
        color: #121212;
        color: #ffffff;
        color: #ffffff;
        opacity: .75
    }

    .foot_contact .message-list .ftype_select, .foot_contact .message-list .ftype_input {
        width: 100%
    }

    .foot_contact .message-list .ftype_upload, .foot_contact .message-list .ftype_checkbox, .foot_contact .message-list .ftype_radio, .foot_contact .message-list .ftype_textarea {
        width: 100%
    }

        .foot_contact .message-list .ftype_checkbox *, .foot_contact .message-list .ftype_radio * {
            float: left;
            line-height: 20px;
            margin: 0
        }

        .foot_contact .message-list .ftype_radio label, .foot_contact .message-list .ftype_checkbox label {
            color: #121212;
            color: #ffffff;
            color: #ffffff
        }

        .foot_contact .message-list .ftype_upload label {
            padding: 10px;
            margin: 0;
            overflow: hidden;
            line-height: 20px;
            float: left;
            color: #121212;
            color: #ffffff;
            color: #ffffff
        }

        .foot_contact .message-list .ftype_upload > div {
        }

    .foot_contact .message-list .help-block {
        position: absolute;
        right: 20px;
        top: 10px
    }

    .foot_contact .message-list .input-group-icon + .help-block {
        right: 100px
    }

    .foot_contact .message-list .submint {
        width: 100%;
        margin: 15px 0 0;
        float: none;
        clear: both
    }

        .foot_contact .message-list .submint:before {
            display: none
        }

    .foot_contact .message-list textarea {
        width: 100%;
        padding: 10px;
        line-height: 30px;
        height: 110px;
        background: none;
        border: 0;
        color: #121212;
        color: #ffffff;
        color: #ffffff
    }

    .foot_contact select.form-control:not([size]):not([multiple]), .foot_contact .message-list select {
        background: none;
        border: 0;
        margin: 0;
        width: 98%;
        padding: 10px;
        line-height: 30px;
        height: 50px;
        cursor: pointer;
        color: #121212;
        color: #ffffff;
        color: #ffffff
    }

    .foot_contact .message-list option {
        padding: 0;
        margin: 0;
        color: #151515
    }

    .foot_contact .message-list input[type=text], .foot_contact .message-list input[type=tel], .foot_contact .message-list input[type=number], .foot_contact .message-list input[type=email] {
        width: 100% !important;
        padding: 10px;
        line-height: 50px;
        height: 50px;
        background: none;
        border: 0;
        color: #121212;
        color: #ffffff;
        color: #ffffff
    }

    .foot_contact .message-list input[type='number']::-webkit-outer-spin-button, .foot_contact .message-list input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0
    }

    .foot_contact .message-list .input-group-file input[type=text], .foot_contact .message-list .input-group-file input[type=tel], .foot_contact .message-list .input-group-file input[type=number], .foot_contact .message-list .input-group-file input[type=email] {
        background: none;
        border: none
    }

    .foot_contact .message-list input[name=code] ~ img {
        position: absolute;
        right: 20px;
        top: 50%;
        height: 20px;
        margin-top: -10px
    }

    .foot_contact .message-list .input-group-addon {
        padding: 0 8px;
        width: 80px;
        background: none;
        border: none
    }

        .foot_contact .message-list .input-group-addon img {
            width: 80px;
            height: 20px
        }

    .foot_contact .message-list input[type=checkbox], .foot_contact .message-list input[type=radio] {
        margin: 0;
        cursor: pointer;
        padding: 0;
        display: none;
        position: relative;
        top: 2px
    }

        .foot_contact .message-list input[type=checkbox] + label, .foot_contact .message-list input[type=checkbox] + label ~ label, .foot_contact .message-list input[type=radio] + label, .foot_contact .message-list input[type=radio] + label ~ label {
            padding-left: 35px;
            position: relative
        }

    .foot_contact .message-list .control-label {
        margin: 0 0 0 10px;
        color: #121212;
        color: #ffffff;
        color: #ffffff
    }

    .foot_contact .message-list .checkbox-custom, .foot_contact .message-list .radio-custom {
        padding: 0;
        margin: 0;
        display: inline-block
    }

.foot_contact .input-group-file {
    display: inline
}

    .foot_contact .input-group-file .input-group-btn .btn-file {
        padding: 0 5px;
        line-height: 30px;
        margin: 10px 0 0 10px;
        position: relative;
        z-index: 999;
        border: 0;
        border-radius: 5px;
        background: #ffffff;
        background:;
        float: left
    }

        .foot_contact .input-group-file .input-group-btn .btn-file:hover {
            background: #fb4848;
            background:
        }

    .foot_contact .input-group-file input[type=text] {
        width: 60% !important;
        float: left;
        padding-left: 45px
    }

.foot_contact .ftype_upload .btn-primary, .foot_contact .radio-primary input[type=radio]:checked + label::before, .foot_contact .radio-primary input[type=radio]:checked + label ~ label::before, .foot_contact .checkbox-primary input[type=radio]:checked + label::before, .foot_contact .checkbox-primary input[type=radio]:checked + label ~ label::before, .foot_contact .checkbox-primary input[type=checkbox]:checked + label::before, .foot_contact .checkbox-primary input[type=checkbox]:checked + label ~ label::before {
    margin: 15px 0 0 10px;
    background: #fb4848;
    background:;
    border-color: #fb4848;
    border-color:;
    cursor: pointer !important
}

.foot_contact .radio-primary input[type=radio]:checked + label::after, .foot_contact .checkbox-primary input[type=radio]:checked + label::after, .foot_contact .checkbox-primary input[type=checkbox]:checked + label::after {
    margin: 15px 0 0 10px
}

.foot_contact .radio-custom label::before, .foot_contact .checkbox-custom label::before {
    background: #ffffff;
    background:;
    border-color: #888888;
    margin: 15px 0 0 10px
}

.foot_contact .message-list label {
    color: #121212;
    color: #ffffff;
    color: #ffffff;
    line-height: 50px;
    padding: 0;
    cursor: pointer;
    margin: 0;
    float: left
}

.foot_contact .message-list .submint {
    border: none;
    margin-top: 20px;
    text-align: right
}

.foot_contact .message-list small.form-control-label {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    line-height: 50px
}

.foot_contact .input-group.input-group-icon + small {
    right: 90px
}

.foot_contact .more-box {
    width: 166px;
    height: 44px;
    line-height: 44px;
    font-size: 14px !important;
    display: inline-block;
    padding: 0;
    border: none;
    background: #fb4848;
    background:;
    background: #434e5a;
    color: #ffffff !important;
    position: relative;
    text-indent: 36px;
    text-align: left;
    cursor: pointer
}

    .foot_contact .more-box:before {
        display: block;
        content: '';
        border-width: 0 0 44px 20px;
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        border-bottom-color:;
        border-style: solid;
        width: 55px;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .foot_contact .more-box:after {
        display: block;
        content: "\f178";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 14px
    }

    .foot_contact .more-box:hover {
        background: #fb4848;
        background:;
        background:;
        color: #ffffff !important
    }

        .foot_contact .more-box:hover:before {
            border-color: transparent;
            border-bottom-color: #fb4848;
            border-bottom-color:;
            border-bottom-color: #434e5a
        }

.foot_contact .social-box {
    float: left
}

    .foot_contact .social-box:after {
        display: table;
        content: '';
        clear: both
    }

    .foot_contact .social-box a {
        float: left;
        width: 44px;
        height: 44px;
        border-radius: 44px;
        line-height: 44px;
        color: #121212;
        color: #ffffff;
        color:;
        background: #36404b;
        font-size: 18px;
        margin: 0 15px 0 0;
        cursor: pointer;
        text-align: center;
        position: relative;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s
    }

        .foot_contact .social-box a:last-child {
            margin: 0
        }

        .foot_contact .social-box a:hover {
            color:;
            background: #fb4848;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s
        }

        .foot_contact .social-box a span {
            position: absolute;
            z-index: 1000;
            width: 120px;
            margin: 0;
            display: block;
            box-shadow: 0 3px 6px rgba(0,0,0,.1);
            visibility: hidden;
            opacity: 0;
            bottom: 60px;
            left: 50%;
            margin-left: -60px;
            transition: .3s;
            -moz-transition: .3s;
            -ms-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s
        }

        .foot_contact .social-box a:hover span {
            visibility: visible;
            opacity: 1
        }

        .foot_contact .social-box a span:before {
            position: absolute;
            left: 50%;
            top: 100%;
            border-style: solid;
            border-width: 8px 6px 0 6px;
            border-color: transparent;
            border-top-color: #121212;
            border-top-color: #ffffff;
            border-top-color:;
            content: '';
            margin-left: -6px
        }

        .foot_contact .social-box a span img {
            width: 100%;
            display: block
        }

@media(max-width:479px) {
    .foot_contact .social-box {
        float: none
    }
}

.show {
    background: #ffffff;
    background:;
    position: relative;
    background-position: top center;
    background-size: 100% auto;
    word-break: break-all;
    overflow: hidden;
    color: #333333;
    color:
}

    .show a:focus, .show a:hover {
        color: #fb4848;
        color:
    }

    .show .h1, .show .h2, .show .h3, .show .h4, .show .h5, .show .h6, .show h1, .show h2, .show h3, .show h4, .show h5, .show h6 {
        color: #121212;
        color:
    }

    .show .met-show {
        padding: 30px 0px;
        word-break: break-all
    }

@media (max-width:767px) {
    .show .met-show {
        padding: 0px
    }
}

@media (max-width:767px) {
    .show .met-show {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.show .met-editor {
    padding: 30px;
    width: 100%;
    max-width: 100%;
    font-weight: 300;
    line-height: 1.8;
    word-wrap: break-word;
    background:;
    word-break: keep-all
}

@media (max-width:767px) {
    .show .met-editor {
        padding: 10px
    }
}

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

.show .met-editor * {
    max-width: 100%
}

.show .met-editor .table-saw {
    overflow-x: auto
}

.show .met-editor .metvideobox, .show .met-editor video, .show .met-editor .metvideo, .show .met-editor iframe, .show .met-editor embed {
    max-width: 100% !important;
    margin: auto;
    display: block
}

@media(max-width:767px) {
    .show .met-editor .metvideobox {
        max-height: 350px
    }
}

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


.subcolumn_nav {
    background: #ffffff;
    position: relative;
    z-index: 996;
    background-position: top center;
    background-size: cover;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

    .subcolumn_nav .column-nav {
        display: block;
        overflow: hidden;
        position: relative;
        margin: 0 auto
    }

        .subcolumn_nav .column-nav ol {
            display: block;
            margin: 0;
            padding: 0;
            list-style: none;
            width: 3999px
        }

            .subcolumn_nav .column-nav ol:after {
                display: block;
                clear: both;
                content: ''
            }

            .subcolumn_nav .column-nav ol li {
                float: left;
                margin: 0;
                display: block;
                padding: 0;
                list-style: none;
                border-radius: 3px;
                position: relative
            }

                .subcolumn_nav .column-nav ol li.navs a:after {
                    display: inline-block;
                    content: '';
                    border-color: transparent;
                    border-style: solid;
                    opacity: .95;
                    border-top-color: #121212;
                    border-top-color:;
                    border-width: 5px 4px 0 4px;
                    margin-left: 4px;
                    position: relative;
                    top: -2px
                }

                .subcolumn_nav .column-nav ol li.navs.not a:after {
                    display: none
                }

                .subcolumn_nav .column-nav ol li a {
                    padding: 7px 14px;
                    font-size: 14px;
                    display: block;
                    cursor: pointer;
                    color: #121212;
                    color:;
                    transition: .2s;
                    -moz-transition: .2s;
                    -ms-transition: .2s;
                    -o-transition: .2s;
                    -webkit-transition: .2s
                }

                .subcolumn_nav .column-nav ol li.active a {
                    color: #fb4848;
                }

                .subcolumn_nav .column-nav ol li.navs.active a:after {
                    border-top-color: #fb4848;
                }

    .subcolumn_nav .column-hover {
        position: relative
    }

        .subcolumn_nav .column-hover ul {
            display: block;
            list-style: none;
            margin: 0;
            padding: 10px 0 10px 0;
            position: absolute;
            top: 0;
            transition: .2s;
            -moz-transition: .2s;
            -ms-transition: .2s;
            -o-transition: .2s;
            -webkit-transition: .2s;
            border: 1px solid;
            box-shadow: 0 4px 8px rgba(0,0,0,.05);
            position: absolute;
            background: #f1f1f1;
        }

            .subcolumn_nav .column-hover ul:after {
                content: '';
                width: 12px;
                height: 12px;
                border: 1px solid;
                border-right: 0;
                border-bottom: 0;
                position: absolute;
                top: -7px;
                left: 50%;
                margin-left: -7px;
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                display: none
            }

            .subcolumn_nav .column-hover ul.active {
                visibility: visible;
                opacity: 1
            }

            .subcolumn_nav .column-hover ul.has, .subcolumn_nav .column-hover ul.has:after {
                display: block
            }

            .subcolumn_nav .column-hover ul li {
                display: inline-block;
                list-style: none;
                margin: 0;
                padding: 0
            }

                .subcolumn_nav .column-hover ul li a {
                    display: block;
                    padding: 0 20px;
                    line-height: 35px;
                    font-size: 14px;
                    color: #121212;
                }

                .subcolumn_nav .column-hover ul li.active a {
                    color: #fb4848;
                }

                .subcolumn_nav .column-hover ul li a:hover {
                    background: #fb4848;
                }

@media(min-width:1200px) {
    .subcolumn_nav .column-hover li.all {
        display: none
    }

    .subcolumn_nav .column-nav ul li a {
        font-size: 15px
    }

    .subcolumn_nav .column-nav ol li a {
        padding: 18px;
        font-size: 15px
    }

    .subcolumn_nav .column-nav ol li:first-child a {
        padding-left: 0
    }
}

.news_list_detail {
    background: #ffffff;
    background: #f8f8f8;
    position: relative;
    background-position: top center;
    background-size: 100% auto;
    word-break: break-all;
    overflow: hidden;
    color: #333333;
    color: #555555
}

    .news_list_detail a {
        color: #121212;
        color:
    }

        .news_list_detail a:focus, .news_list_detail a:hover {
            color: #fb4848;
            color:
        }

    .news_list_detail .h1, .news_list_detail .h2, .news_list_detail .h3, .news_list_detail .h4, .news_list_detail .h5, .news_list_detail .h6, .news_list_detail h1, .news_list_detail h2, .news_list_detail h3, .news_list_detail h4, .news_list_detail h5, .news_list_detail h6 {
        color: #121212;
        color:
    }

    .news_list_detail .met-editor {
        padding: 30px;
        background: #ffffff;
        width: 100%;
        max-width: 100%;
        font-weight: 300;
        line-height: 1.8;
        word-wrap: break-word
    }

    .news_list_detail .tag-box {
        background: #ffffff;
        padding: 0 30px 30px 30px
    }

        .news_list_detail .tag-box a {
            display: inline-block;
            margin-left: 10px
        }

@media (max-width:767px) {
    .news_list_detail .met-editor {
        padding: 10px
    }

    .news_list_detail .tag-box {
        padding: 0 10px 10px 10px
    }
}

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

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

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

.news_list_detail .met-editor .table-saw {
    overflow-x: auto
}

.news_list_detail .met-editor .metvideobox, .news_list_detail .met-editor video, .news_list_detail .met-editor .metvideo, .news_list_detail .met-editor iframe, .news_list_detail .met-editor embed {
    max-width: 100% !important
}

.news_list_detail .vjs-fullscreen {
}

@media(max-width:767px) {
    .news_list_detail .met-editor .metvideobox {
        max-height: 350px
    }
}

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

.news_list_detail .met-news-bar {
    margin-left: 30px;
    padding: 20px;
    background: #ffffff
}

@media (max-width:991px) {
    .news_list_detail .met-news-bar {
        margin-left: 0px;
        margin-top: 30px;
        padding: 30px
    }
}

@media (max-width:767px) {
    .news_list_detail .met-news-bar {
        margin: 0;
        padding: 15px
    }
}

.news_list_detail .met-news-bar ul.column {
    padding: 0px;
    list-style: none
}

    .news_list_detail .met-news-bar ul.column li {
        margin-bottom: 10px
    }

        .news_list_detail .met-news-bar ul.column li a {
            font-size: 15px
        }

.news_list_detail .met-news-bar .recommend {
    margin: 20px 0px;
    padding: 20px 0px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

    .news_list_detail .met-news-bar .recommend h3 {
        font-size: 18px;
        font-weight: 300;
        margin: 0px
    }

    .news_list_detail .met-news-bar .recommend .list-group {
        margin-top: 10px;
        margin-bottom: 0px
    }

        .news_list_detail .met-news-bar .recommend .list-group a {
            font-size: 15px
        }

.news_list_detail .list-group-bordered .list-group-item {
    border-color: #ececec
}

.news_list_detail .list-group-item {
    background: none
}

.news_list_detail .form-control {
    border: 1px solid #ececec;
    background: none
}

.news_list_detail .met-shownews {
    padding: 30px 0px
}

    .news_list_detail .met-shownews .met-shownews-header, .news_list_detail .met-shownews .met-shownews-footer {
        padding: 30px;
        background: #ffffff
    }

@media (max-width:767px) {
    .news_list_detail .met-news-bar ul.column li a {
        font-size: 14px
    }

    .news_list_detail .met-shownews .met-shownews-header, .news_list_detail .met-shownews .met-shownews-footer {
        padding: 10px
    }
}

.news_list_detail .met-shownews .met-shownews-header {
    padding-bottom: 0px
}

.news_list_detail .met-shownews h1 {
    margin: 0px;
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 1.5;
    font-weight: 300
}

.news_list_detail .met-shownews .info {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    font-weight: 300
}

    .news_list_detail .met-shownews .info span {
        padding-right: 10px;
        opacity: .9
    }

@media (max-width:767px) {
    .news_list_detail .met-shownews .info {
        padding-bottom: 20px
    }
}

.news_list_detail .met-shownews .met-shownews-footer {
    padding-top: 0px
}

    .news_list_detail .met-shownews .met-shownews-footer ul.pager {
        margin: 0px;
        border-top: 1px solid #ececec;
        padding-top: 20px
    }

@media (max-width:767px) {
    .news_list_detail .met-shownews {
        padding: 14px 0px
    }

        .news_list_detail .met-shownews h1 {
            font-size: 24px
        }

        .news_list_detail .met-shownews .met-shownews-header {
            padding-top: 20px
        }
}

.news_list_detail .widget {
    background: none;
    box-shadow: none
}

.news_list_detail .border-top1 {
    border-top: 1px solid #ececec
}

.news_list_detail .page-item .page-link {
    border-radius: .215rem
}

.news_list_detail .met-page {
    padding: 0 !important
}

    .news_list_detail .met-page .pagination li a {
        color: #333333;
        color: #555555
    }

    .news_list_detail .met-page .page-link {
        border: 1px solid #ececec
    }

        .news_list_detail .met-page .page-link:focus, .news_list_detail .met-page .page-link:hover {
            background: none;
            border-color: #fb4848;
            border-color:
        }

    .news_list_detail .met-page .pagination li a:focus, .news_list_detail .met-page .pagination li a:hover {
        color: #fb4848;
        color:
    }
.product_list_detail {
    background: #ffffff;
    background: #f8f8f8;
    position: relative;
    background-position: top center;
    background-size: 100% auto;
    word-break: break-word;
    overflow: hidden;
    color: #333333;
    color: #5e7387
}

    .product_list_detail a {
        color: #121212;
        color:
    }

        .product_list_detail a:focus, .product_list_detail a:hover {
            color: #fb4848;
            color:
        }

    .product_list_detail .h1, .product_list_detail .h2, .product_list_detail .h3, .product_list_detail .h4, .product_list_detail .h5, .product_list_detail .h6, .product_list_detail h1, .product_list_detail h2, .product_list_detail h3, .product_list_detail h4, .product_list_detail h5, .product_list_detail h6 {
        color: #121212;
        color:
    }

    .product_list_detail .container .container {
        width: auto
    }

    .product_list_detail .container:not(.not) {
        margin-top: 70px;
        position: relative
    }

    .product_list_detail .met-showproduct-body .container:not(.not) {
        margin-bottom: 70px
    }

    .product_list_detail .container:not(.not):before {
        position: absolute;
        left: -35px;
        right: -35px;
        top: -35px;
        bottom: -35px;
        z-index: 1;
        display: block;
        content: '';
        background: #ffffff;
        opacity: 1
    }

    .product_list_detail .container:not(.not) .row {
        position: relative;
        z-index: 2
    }

@media (max-width:1199px) {
    .product_list_detail .container:not(.not) {
        margin-top: 45px
    }

    .product_list_detail .met-showproduct-body .container:not(.not) {
        margin-bottom: 45px
    }

    .product_list_detail .container:not(.not):before {
        left: -25px;
        right: -25px;
        top: -25px;
        bottom: -25px
    }
}

@media (max-width:992px) {
    .product_list_detail .container:not(.not) {
        margin-top: 40px
    }

    .product_list_detail .met-showproduct-body .container:not(.not) {
        margin-bottom: 40px
    }

    .product_list_detail .container:not(.not):before {
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px
    }
}

@media (max-width:767px) {
    .product_list_detail .container:not(.not):before {
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px
    }
}

@media (max-width:992px) and (min-width:768px) {
    .product_list_detail .container:not(.not) {
        width: 708px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .product_list_detail .container:not(.not) {
        margin-top: 50px
    }
}

@media (max-height:375px) and (orientation:landscape) {
    .product_list_detail .container:not(.not) {
        margin-top: 40px
    }
}

.product_list_detail u {
    text-decoration: none
}

.product_list_detail .location-box {
    padding: 9px 0;
    background: #ffffff !important;
    border-bottom: 1px solid #ececec;
    overflow: auto;
    width: 100%
}

    .product_list_detail .location-box ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .product_list_detail .location-box ul:after {
            display: block;
            content: '';
            clear: both
        }

        .product_list_detail .location-box ul li {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0
        }

            .product_list_detail .location-box ul li:before {
                content: '>';
                display: inline-block;
                padding: 0 10px
            }

            .product_list_detail .location-box ul li:first-child:before {
                display: none
            }

            .product_list_detail .location-box ul li i {
                padding-right: 4px
            }

.product_list_detail .navbar-default .navbar-toggle {
    color: #76838f
}

.product_list_detail .navbar-default .navbar-toggle {
    border-color: transparent
}

.product_list_detail .navbar-toggle {
    height: 66px;
    padding: 22px 15px;
    margin-top: 16px;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 0;
    line-height: 22px;
    background: 0 0 !important;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear
}

@media (min-width:768px) {
    .product_list_detail .navbar-toggle {
        display: none
    }
}

.product_list_detail .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 16px;
    margin-right: 15px;
    margin-bottom: 16px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.product_list_detail .shop-product-intro + .para {
    margin-top: 20px
}

.product_list_detail .shop-product-intro .p-20 {
    padding: 0 !important
}

.product_list_detail .shop-product-intro .font-size-18 {
    font-size: 24px !important
}

.product_list_detail .shop-product-intro .form-control-label.col-sm-2 {
}

.product_list_detail .shop-product-intro .form-control {
    padding: 0 15px;
    line-height: 26px;
    height: 36px;
    color: !important !important;
    background: none !important;
    border-left-style: none;
    border-left-color: #ececec !important;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: #ececec !important;
    border-right-width: medium;
    border-top-color: #ececec !important;
    border-bottom-color: #ececec !important;
}

.product_list_detail .shop-product-intro .price * {
    color: #fb4848;
    color:;
    color:
}

.product_list_detail .shop-product-intro #price {
    font-size: 40px !important
}

.product_list_detail .shop-product-intro .product-tocart {
    border: none;
    background: #f96868;
    background: !important;
    color: !important
}

.product_list_detail .shop-product-intro .btn-success, .product_list_detail .shop-product-intro .btn-warning {
    border: none;
    background: #f2a654;
    background:;
    color: !important
}

@media (max-width:767px) {
    .product_list_detail .shop-product-intro .cart-favorite a {
        padding: 10px 25px;
        line-height: 26px
    }
}

@media (max-width:479px) {
    .product_list_detail .shop-product-intro .cart-favorite {
        position: relative;
        background: none;
        display: block
    }

        .product_list_detail .shop-product-intro .cart-favorite .pull-sm-right.product-favorite {
            display: inline-block
        }

        .product_list_detail .shop-product-intro .cart-favorite .product-tocart {
            display: inline-block
        }

        .product_list_detail .shop-product-intro .cart-favorite .product-tocart {
            float: left;
            margin-right: 15px !important
        }
}

.product_list_detail .shop-product-intro .cart-favorite .btn i {
    margin-left: -5px
}

.product_list_detail .shop-product-intro .cart-favorite .btn:hover {
    background: #fb4848 !important;
    background: !important
}

.product_list_detail .shop-product-intro .form-group {
    margin-bottom: 0px
}

.product_list_detail .shop-product-intro del {
    position: relative;
    top: -2px;
    font-weight: 300
}

    .product_list_detail .shop-product-intro del:not(:first-child) {
        margin-left: 20px
    }

.product_list_detail .shop-product-intro label {
    margin-bottom: 5px
}

.product_list_detail .shop-product-intro .selectpara-body a.btn {
    margin-top: 8px
}

.product_list_detail .shop-product-intro .selectpara-body .selectpara {
    text-align: center
}

.product_list_detail .shop-product-intro .selectpara-body a.btn.btn-default {
    padding: 0 20px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    border: none !important;
    border-radius: 50px
}

.product_list_detail .modal-primary .modal-header {
    border-radius: 0 !important
}

.product_list_detail .shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger {
    background: #fb4848 !important;
    background: !important;
    border-color: #fb4848 !important;
    border-color: !important
}

.product_list_detail .shop-product-intro .height-10 {
    height: 10px
}

.product_list_detail .shop-product-intro .text-default {
    padding: 20px;
    background: #F3F7F9
}

.product_list_detail .shop-product-intro .purchase-btn a.btn {
    width: 100%;
    display: block
}

    .product_list_detail .shop-product-intro .purchase-btn a.btn i {
        margin-right: 8px
    }

@media (min-width:768px) {
    .product_list_detail .shop-product-intro .purchase-btn a.btn {
        width: auto;
        display: inline-block;
        padding: 10px 35px
    }
}

.product_list_detail .shop-product-para .selectpara-list .selectpara {
    position: relative;
    margin: 0 10px 10px 0;
    display: inline-block;
    color: !important !important;
}

    .product_list_detail .shop-product-para .selectpara-list .selectpara:before {
        position: absolute;
        border-color: #5e7387;
        border-color: #ececec;
        border-width: 1px;
        border-style: solid;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: ''
    }

    .product_list_detail .shop-product-para .selectpara-list .selectpara.btn-danger {
        background: #fb4848 !important;
        background: !important;
        color: !important
    }

        .product_list_detail .shop-product-para .selectpara-list .selectpara.btn-danger:before {
            opacity: 0
        }

.product_list_detail .para, .product_list_detail .para * {
    color: !important
}

.product_list_detail .shop-product-intro .form-control-label {
    color: #333333;
    color: #5e7387
}

.product_list_detail .shop-product-intro.grey-500 {
    color: #333333 !important;
    color: #5e7387 !important
}

.product_list_detail .shop-btn-body .btn-danger {
    background: #f96868 !important;
    background: !important;
    border: none;
    color: !important
}

    .product_list_detail .shop-btn-body .btn-danger:hover {
        background: #fb4848 !important;
        background: !important
    }

.product_list_detail .navbar-default .navbar-toolbar .nav-link:hover, .product_list_detail .navbar-default .navbar-toolbar .nav-link:focus {
    color: #333333 !important;
    color: #5e7387 !important
}

.product_list_detail .navbar-default .navbar-toolbar .nav-link.active {
    color: !important !important;
}

.product_list_detail .cart-favorite a, .product_list_detail .cart-favorite a:hover, .product_list_detail .cart-favorite a:focus {
    color: #333333;
    color: #5e7387
}

.product_list_detail .product-favorite {
    border: none;
    color: !important
}

.product_list_detail .product-intro h1 {
    color: #121212;
    color:
}

.product_list_detail .product-intro p {
    color: #333333;
    color: #5e7387
}

.product_list_detail .modal-content {
    background: #ffffff
}

.product_list_detail .met-column-nav {
    border: none;
    background: #fff
}

.product_list_detail .modal-primary .modal-header, .product_list_detail .btn-outline.btn-primary.active, .product_list_detail .btn-outline.btn-primary:active, .product_list_detail .btn-outline.btn-primary {
    background: #fb4848 !important;
    border: none !important;
    background: !important;
    color: !important
}

    .product_list_detail .btn-outline.btn-primary:focus, .product_list_detail .btn-outline.btn-primary:hover {
        opacity: .8
    }

    .product_list_detail .modal-primary .modal-header * {
        color: !important
    }

.product_list_detail .open > .dropdown-toggle.btn-outline.btn-primary, .product_list_detail .btn-primary {
    border-color: #fb4848 !important;
    border-color: !important;
    background: #fb4848 !important;
    background: !important;
    color: !important
}

.product_list_detail .nav-tabs > li > a {
    font-size: 16px;
    padding-top: 0
}

.product_list_detail .nav-tabs-line > li.active > a, .product_list_detail .nav-tabs-line > li.active > a:focus, .product_list_detail .nav-tabs-line > li.active > a:hover {
    border-bottom-color: #333;
    color: #333
}

.product_list_detail .met-showproduct.pagetype1 .row {
    z-index: auto
}

.product_list_detail .met-showproduct.pagetype1 .container:before {
    z-index: 0
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
    margin-top: 0
}

.product_list_detail .btn-primary.focus, .product_list_detail .btn-primary:focus, .product_list_detail .btn-primary:hover {
    border-color: #333;
    background-color: #333
}

.product_list_detail .btn-default {
    background: none !important;
    color: inherit !important;
    font-size: inherit !important;
    border: none !important;
    line-height: inherit !important;
    margin: 0 !important
}

    .product_list_detail .btn-default a {
        margin: 0 auto;
        opacity: 1;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none
    }

    .product_list_detail .btn-default:focus, .product_list_detail .btn-default:hover {
        background: none !important
    }

        .product_list_detail .btn-default:hover a:before {
            width: 0
        }

        .product_list_detail .met-news ul.met-page-ajax li p.info i, .product_list_detail .btn-default:hover span {
            color: #fb4848;
            color:
        }

            .product_list_detail .btn-default:hover span:after {
                padding-left: 9px;
                letter-spacing: 2px
            }

.product_list_detail .block-bg, .product_list_detail .panel, .product_list_detail .met-showproduct.pagetype2 .content:nth-child(even) {
    background: none
}

.product_list_detail ~ .alertify {
    z-index: 1701
}

    .product_list_detail ~ .alertify .alert > *, .product_list_detail ~ .alertify .dialog > * {
        background: #ffffff
    }

    .product_list_detail ~ .alertify .alert .msg, .product_list_detail ~ .alertify .dialog .msg {
        color: #333333;
        color: #5e7387
    }

    .product_list_detail ~ .alertify .dialog .btn-default {
        color: #333333 !important;
        color: #5e7387 !important
    }

    .product_list_detail ~ .alertify .btn-primary {
        border-color: #fb4848 !important;
        border-color: !important;
        background: #fb4848 !important;
        background: !important;
        color: !important
    }

        .product_list_detail ~ .alertify .btn-primary:hover {
            opacity: .9
        }

    .product_list_detail ~ .alertify .btn-default {
        background: none !important;
        color: inherit !important;
        font-size: inherit !important;
        border: none !important;
        line-height: inherit !important;
        margin: 0 !important
    }

        .product_list_detail ~ .alertify .btn-default a {
            margin: 0 auto;
            opacity: 1;
            transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none
        }

        .product_list_detail ~ .alertify .btn-default:focus, .product_list_detail ~ .alertify .btn-default:hover {
            background: none !important
        }

@media (min-width:768px) {
    .product_list_detail .met-showproduct.pagetype2 .shop-btn-body {
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype2 .navbar-toggle {
        padding: 0px;
        float: none
    }

    .product_list_detail .met-showproduct.pagetype2 .shop-btn {
        padding: 6px 13px;
        font-size: 12px;
        line-height: 1.5
    }
}

.product_list_detail .met-showproduct.pagetype2 #shop-fashion-option .modal-content, .product_list_detail .met-showproduct.pagetype2 #shop-fashion-option .modal-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype2 #shop-fashion-option .modal-body {
        padding: 15px
    }
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
    margin-top: 0
}

.product_list_detail .met-showproduct.pagetype2 nav.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #ffffff !important;
    transform: translateY(0);
    transition: .5s .1s;
    -moz-transition: .5s .1s;
    -ms-transition: .5s .1s;
    -o-transition: .5s .1s;
    -webkit-transition: .5s .1s
}

.product_list_detail .met-showproduct.pagetype2 .location-box ~ nav.navbar {
    top: 40px
}

.product_list_detail .met-showproduct.pagetype2 nav.navbar.navbar-fixed-top {
    position: fixed;
    top: 0
}

.product_list_detail .met-showproduct.pagetype2 .navbar .container {
}

.product_list_detail .met-showproduct-head, .product_list_detail .met-showproduct-body, .product_list_detail .met-showproduct.pagetype1 {
    background: none !important;
    border: none !important
}

.product_list_detail .shownews-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 30px 0;
    visibility: hidden
}

    .product_list_detail .shownews-container.swiper-container-horizontal {
        visibility: visible
    }

    .product_list_detail .shownews-container.full {
        margin-top: 0px;
        padding-top: 50px
    }

    .product_list_detail .shownews-container:after {
        display: block;
        clear: both;
        content: ''
    }

.product_list_detail .shownews-wrapper {
    width: 10000%
}

.product_list_detail .shownews-slide {
    width: 1%;
    min-height: 1px;
    float: left
}

    .product_list_detail .shownews-slide img {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }

.product_list_detail .shownews-container-small {
    width: 100%;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    margin: -15px auto 0 auto;
    padding-top: 15px
}

    .product_list_detail .shownews-container-small.swiper-container-horizontal {
        visibility: visible
    }

    .product_list_detail .shownews-container-small:after {
        display: block;
        clear: both;
        content: ''
    }

.product_list_detail .shownews-wrapper-small {
    width: 10000%
}

.product_list_detail .shownews-slide-small {
    float: left;
    cursor: pointer;
    position: relative;
    margin-right: 15px
}

    .product_list_detail .shownews-slide-small:last-child {
        margin-right: 0px
    }

    .product_list_detail .shownews-slide-small.active:before {
        border-width: 0 10px 10px 10px;
        border-style: solid;
        content: '';
        border-color: transparent;
        border-bottom-color: #fb4848;
        border-bottom-color:;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px
    }

    .product_list_detail .shownews-slide-small.active:after {
        border-width: 2px;
        border-style: solid;
        border-color: #fb4848;
        border-color:;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: '';
        position: absolute;
        z-index: 2
    }

    .product_list_detail .shownews-slide-small img {
        display: block;
        position: relative;
        z-index: 1;
        opacity: 0
    }

        .product_list_detail .shownews-slide-small img[src] {
            opacity: 1
        }

@media (max-width:767px) {
    .product_list_detail .shownews-container {
        margin: 15px 0
    }

    .product_list_detail .shownews-container-small {
        margin: -15px auto 15px auto
    }
}

.product_list_detail .shownews-slide-small img {
    width: 80px
}

.product_list_detail .panel-body {
    padding: 0
}

.product_list_detail .met-editor {
    color: #333333;
    color: #5e7387
}

.product_list_detail .tag-box {
    margin: 15px 0
}

    .product_list_detail .tag-box span {
        color: #333333;
        color: #5e7387
    }

    .product_list_detail .tag-box a {
        color: #333333;
        color: #5e7387;
        display: inline-block;
        margin-left: 10px
    }

        .product_list_detail .tag-box a:hover {
            color: #fb4848;
            color:
        }

.product_list_detail .nav-tabs {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #121212;
    border-bottom-color:;
    border-bottom-color: #ececec
}

.product_list_detail .nav-tabs-line .nav-link {
    color: !important !important;
}

    .product_list_detail .nav-tabs-line .nav-link:focus, .product_list_detail .nav-tabs-line .nav-link:hover {
        color: !important !important;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: !important !important;
    }

.product_list_detail .nav-tabs > li {
    margin: 0 !important;
    position: relative;
    top: 1px
}

    .product_list_detail .nav-tabs > li > a {
        position: relative;
        border-bottom: 1px solid transparent
    }

        .product_list_detail .nav-tabs > li > a.active {
            border-bottom-color: #fb4848;
            border-bottom-color:
        }

.product_list_detail .nav-tabs-line > li > a {
}

    .product_list_detail .nav-tabs-line > li > a.active, .product_list_detail .nav-tabs-line > li > a.active:focus, .product_list_detail .nav-tabs-line > li > a.active:hover {
        color: inherit;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #fb4848;
        border-bottom-color:
    }

.product_list_detail .navbar-collapse {
    padding: 0
}

.product_list_detail .met-showproduct .nav > li > a {
    display: block;
    padding: 20px
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor .para {
    border-color: #ececec
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt {
    color: #121212;
    color:
}

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {
        color: #fb4848;
        color:
    }

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description {
    color: #333333;
    color: #5e7387
}

.product_list_detail .paralist {
    z-index: 2;
    position: relative
}

    .product_list_detail .paralist li {
        color: #333333;
        color: #5e7387;
        color:
    }

@media (max-width:767px) {
    .product_list_detail .paralist {
        margin: 0
    }
}

.product_list_detail .met-showproduct {
}

    .product_list_detail .met-showproduct .para li {
        margin: 0;
        padding: 3px 15px;
        word-wrap: break-word
    }

@media (min-width:992px) {
    .product_list_detail .met-showproduct .para.blocks-md-4 li:nth-child(4n+3) {
        clear: none
    }
}

.product_list_detail .met-showproduct .met-showproduct-list {
    margin: 0
}

.product_list_detail .met-showproduct.pagetype1 {
    background: #f2f2f2
}

    .product_list_detail .met-showproduct.pagetype1 .less-page-content {
        background: #f2f2f2
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-head {
        padding: 0
    }

.product_list_detail .product-text {
    padding: 15px 30px
}

    .product_list_detail .product-text span.t {
        margin-bottom: 5px;
        display: block
    }

        .product_list_detail .product-text span.t i {
            color: #fb4848;
            color:
        }

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 {
    margin-top: 0;
    font-size: 28px
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description {
    margin-bottom: 15px
}

@media (max-width:992px) {
    .product_list_detail .product-text {
        padding: 20px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .product-intro {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .product-intro {
        margin-top: 0
    }

    .product_list_detail .product-text {
        padding: 15px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-head {
        padding: 15px 0
    }
}

.product_list_detail .bootstrap-touchspin .input-group-btn .btn {
    width: 36px;
    height: 36px;
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #ececec !important;
    line-height: 34px !important;
    background: none !important;
    font-size: 20px !important;
    color: !important !important;
    border-radius: 0 !important;
    padding: 0 !important
}

    .product_list_detail .bootstrap-touchspin .input-group-btn .btn:hover {
        background: #fb4848 !important;
        background: !important;
        color: !important !important;
        border-left-color: #fb4848 !important;
        border-right-color: #fb4848 !important;
        border-top-color: #fb4848 !important;
        border-bottom-color: #fb4848 !important;
    }

.product_list_detail .form-control {
}

.product_list_detail .met-showproduct.pagetype1 .para {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body {
    padding: 30px 0px 0px
}

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .panel {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        box-shadow: none !important;
        margin-bottom: auto
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor {
        padding: 0px
    }

        .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor .para {
            margin-bottom: 15px;
            border-top: none
        }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
        margin-bottom: 20px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot h4.example-title {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 300
    }

@media (min-width:992px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
        margin-right: 35px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot {
        margin-left: 35px
    }
}

@media (min-width:1199px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
        margin-right: 40px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot {
        margin-left: 60px
    }
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {
    text-align: center;
    clear: none
}

@media (min-width:992px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {
        width: 100%
    }
}

@media (min-width:1200px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-head .container:before {
        left: -21px;
        right: -21px
    }
}

@media (max-width:992px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .container {
        margin-bottom: 0
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .row {
        margin: 0 -5px
    }

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 15px
    }
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img {
    margin: 0px auto;
    margin-bottom: 5px;
    display: block
}

    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img img {
        width: 100%;
        margin: 0px auto
    }

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt, .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:active, .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:focus, .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {
    text-decoration: none
}

.product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry p {
    margin-bottom: 0px
}

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body {
        padding: 15px 0px 0px
    }

        .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .panel {
            margin-bottom: 15px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -o-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none
        }

        .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .panel-body {
            padding: 0
        }

        .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {
            margin-right: 0px
        }

        .product_list_detail .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {
            margin-bottom: 15px;
            margin-top: -10px
        }
}

.product_list_detail .met-showproduct .nav > li > a {
    padding: 0 20px 10px 20px
}

.product_list_detail .met-showproduct .navbar-default .navbar-brand {
    color: #121212;
    color:;
    padding: 0 !important
}

.product_list_detail .met-showproduct .navbar-default .navbar-toolbar > li > a {
    color: #121212;
    color:;
    background: none !important
}

.product_list_detail .met-showproduct.pagetype2 nav.navbar .navbar-right li.active a {
    color: !important !important;
}

.product_list_detail .met-showproduct.pagetype2 {
    background: none;
    height: auto !important
}

    .product_list_detail .met-showproduct.pagetype2 .less-page-content {
        background: #f2f2f2
    }

    .product_list_detail .met-showproduct.pagetype2 nav.navbar {
        min-height: 50px;
        margin-bottom: 0px;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

        .product_list_detail .met-showproduct.pagetype2 nav.navbar.navbar-fixed-top {
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            -moz-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)
        }

        .product_list_detail .met-showproduct.pagetype2 nav.navbar h1 {
            margin: 0px;
            height: auto;
            line-height: 50px;
            padding-top: 0px;
            padding-bottom: 0px
        }

        .product_list_detail .met-showproduct.pagetype2 nav.navbar .nav {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex
        }

            .product_list_detail .met-showproduct.pagetype2 nav.navbar .nav > li > a {
                padding-top: 0px;
                padding-bottom: 0px;
                height: 50px;
                line-height: 50px;
                white-space: nowrap
            }

        .product_list_detail .met-showproduct.pagetype2 nav.navbar .navbar-toggle {
            height: 50px;
            padding-top: 0px;
            padding-bottom: 0px;
            float: right;
            margin: 0
        }

        .product_list_detail .met-showproduct.pagetype2 nav.navbar .navbar-right li.active a {
            color: #4e97d9
        }

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype2 .row {
        margin: 0
    }

    .product_list_detail .met-showproduct.pagetype2 nav.navbar .nav {
        float: none
    }
}

.product_list_detail .met-showproduct.pagetype2 .content {
    padding: 15px 0px
}

    .product_list_detail .met-showproduct.pagetype2 .content:last-child {
        margin-bottom: 60px
    }

.product_list_detail .met-showproduct.pagetype2 .content-2, .product_list_detail .met-showproduct.pagetype2 .content-4, .product_list_detail .met-showproduct.pagetype2 .content-6 {
    background: none
}

    .product_list_detail .met-showproduct.pagetype2 .content-2 .met-editor, .product_list_detail .met-showproduct.pagetype2 .content-4 .met-editor, .product_list_detail .met-showproduct.pagetype2 .content-6 .met-editor {
        background: #f2f2f2
    }

@media (max-width:767px) {
    .product_list_detail .met-showproduct.pagetype2 .content {
        padding: 10px 0px
    }

    .product_list_detail .met-showproduct.pagetype2 .blocks {
        padding-left: 10px
    }

        .product_list_detail .met-showproduct.pagetype2 .blocks li {
            width: 50%;
            word-wrap: break-word
        }

            .product_list_detail .met-showproduct.pagetype2 .blocks li:nth-child(2n+1) {
                clear: both
            }

            .product_list_detail .met-showproduct.pagetype2 .blocks li .widget {
                margin-right: 10px
            }
}

.product_list_detail .showproduct-pager {
}

    .product_list_detail .showproduct-pager .border-top1 {
        padding: 0 !important
    }

    .product_list_detail .showproduct-pager .container {
        margin: 0 !important;
        padding: 0 !important
    }

        .product_list_detail .showproduct-pager .container:before {
            display: none
        }

    .product_list_detail .showproduct-pager a {
        border-color: #ececec;
        color: !important !important;
        background: none !important
    }

        .product_list_detail .showproduct-pager a:hover {
            border-color: !important;
            color: !important
        }

.product_list_detail .shoppro-discount-body {
    font-size: 0
}

    .product_list_detail .shoppro-discount-body .btn {
        margin: 0 10px 10px 0 !important
    }

    .product_list_detail .shoppro-discount-body .btn-outline.btn-default {
        border: 1px solid #5e7387 !important;
        border: 1px solid #ececec !important;
        font-size: 12px !important;
        line-height: 16px !important;
        display: inline-block
    }

        .product_list_detail .shoppro-discount-body .btn-outline.btn-default:hover {
            border-color: #fb4848 !important;
            border-color: !important;
            background: #fb4848 !important;
            background: !important;
            color: !important
        }

.product_list_detail .shop-product-intro .bg-grey-100 {
    background: none !important;
    background: !important;
    padding: 5px 0 10px 15px !important;
    margin-bottom: 15px !important
}

.product_list_detail a.linkbox.btn.btn-danger {
    border: none;
    background-color: !important;
    color: #fff;
    color: !important
}

    .product_list_detail a.linkbox.btn.btn-danger:hover {
        background-color: !important;
        color: !important
    }

.product_list_detail .swiper-button-prev.swiper-button-white, .product_list_detail .swiper-button-next.swiper-button-white {
    background-color: rgba(0,0,0,.05);
    background-size: 70% auto;
    background-position: center;
    background-repeat: no-repeat
}

    .product_list_detail .swiper-button-prev.swiper-button-white:hover, .product_list_detail .swiper-button-next.swiper-button-white:hover {
        background-color: rgba(0,0,0,.35)
    }

.product_list_detail .page-item .page-link {
    border-radius: .215rem
}

.product_list_detail .page-item {
    margin-top: 30px
}

@media (max-width:1199px) {
    .product_list_detail .page-item {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .product_list_detail .page-item {
        margin-top: 10px
    }
}