:root {
    --primary-color: #1f8bff;
    --primary-opacity-0: rgba(31, 139, 255, 0);
    --primary-opacity-05: rgba(31, 139, 255, .05);
    --primary-opacity-1: rgba(31, 139, 255, .1);
    --primary-opacity-15: rgba(31, 139, 255, .15);
    --primary-opacity-2: rgba(31, 139, 255, .2);
    --primary-opacity-25: rgba(31, 139, 255, .25);
    --primary-opacity-3: rgba(31, 139, 255, .3);
    --primary-opacity-35: rgba(31, 139, 255, .35);
    --primary-opacity-4: rgba(31, 139, 255, .4);
    --primary-opacity-45: rgba(31, 139, 255, .45);
    --primary-opacity-5: rgba(31, 139, 255, .5);
    --primary-opacity-55: rgba(31, 139, 255, .55);
    --primary-opacity-6: rgba(31, 139, 255, .6);
    --primary-opacity-65: rgba(31, 139, 255, .65);
    --primary-opacity-7: rgba(31, 139, 255, .7);
    --primary-opacity-75: rgba(31, 139, 255, .75);
    --primary-opacity-8: rgba(31, 139, 255, .8);
    --primary-opacity-85: rgba(31, 139, 255, .85);
    --primary-opacity-9: rgba(31, 139, 255, .9);
    --primary-opacity-95: rgba(31, 139, 255, .95);
    --primary-gray: #5578a1;
    --primary-gray-opacity-0: rgba(85, 120, 161, 0);
    --primary-gray-opacity-05: rgba(85, 120, 161, .05);
    --primary-gray-opacity-1: rgba(85, 120, 161, .1);
    --primary-gray-opacity-15: rgba(85, 120, 161, .15);
    --primary-gray-opacity-2: rgba(85, 120, 161, .2);
    --primary-gray-opacity-25: rgba(85, 120, 161, .25);
    --primary-gray-opacity-3: rgba(85, 120, 161, .3);
    --primary-gray-opacity-35: rgba(85, 120, 161, .35);
    --primary-gray-opacity-4: rgba(85, 120, 161, .4);
    --primary-gray-opacity-45: rgba(85, 120, 161, .45);
    --primary-gray-opacity-5: rgba(85, 120, 161, .5);
    --primary-gray-opacity-55: rgba(85, 120, 161, .55);
    --primary-gray-opacity-6: rgba(85, 120, 161, .6);
    --primary-gray-opacity-65: rgba(85, 120, 161, .65);
    --primary-gray-opacity-7: rgba(85, 120, 161, .7);
    --primary-gray-opacity-75: rgba(85, 120, 161, .75);
    --primary-gray-opacity-8: rgba(85, 120, 161, .8);
    --primary-gray-opacity-85: rgba(85, 120, 161, .85);
    --primary-gray-opacity-9: rgba(85, 120, 161, .9);
    --primary-gray-opacity-95: rgba(85, 120, 161, .95);
    --primary-dark: #32465e;
    --analogous-color: #33bbff;
    --analogous-opacity-1: rgba(51, 187, 255, .1);
    --analogous-opacity-2: rgba(51, 187, 255, .2);
    --analogous-opacity-3: rgba(51, 187, 255, .3);
    --analogous-opacity-4: rgba(51, 187, 255, .4);
    --analogous-opacity-5: rgba(51, 187, 255, .5);
    --analogous-opacity-6: rgba(51, 187, 255, .6);
    --analogous-opacity-7: rgba(51, 187, 255, .7);
    --analogous-opacity-8: rgba(51, 187, 255, .8);
    --analogous-opacity-9: rgba(51, 187, 255, .9);
    --white-default: #fff;
    --white-opacity-0: rgba(255, 255, 255, 0);
    --white-opacity-05: rgba(255, 255, 255, .05);
    --white-opacity-1: rgba(255, 255, 255, .1);
    --white-opacity-15: rgba(255, 255, 255, .15);
    --white-opacity-2: rgba(255, 255, 255, .2);
    --white-opacity-25: rgba(255, 255, 255, .25);
    --white-opacity-3: rgba(255, 255, 255, .3);
    --white-opacity-35: rgba(255, 255, 255, .35);
    --white-opacity-4: rgba(255, 255, 255, .4);
    --white-opacity-45: rgba(255, 255, 255, .45);
    --white-opacity-5: rgba(255, 255, 255, .5);
    --white-opacity-55: rgba(255, 255, 255, .55);
    --white-opacity-6: rgba(255, 255, 255, .6);
    --white-opacity-65: rgba(255, 255, 255, .65);
    --white-opacity-7: rgba(255, 255, 255, .7);
    --white-opacity-75: rgba(255, 255, 255, .75);
    --white-opacity-8: rgba(255, 255, 255, .8);
    --white-opacity-85: rgba(255, 255, 255, .85);
    --white-opacity-9: rgba(255, 255, 255, .9);
    --white-opacity-95: rgba(255, 255, 255, .95);
    --success-color: #67c23a;
    --success-opacity-1: rgba(103, 194, 58, .1);
    --success-opacity-2: rgba(103, 194, 58, .2);
    --success-opacity-3: rgba(103, 194, 58, .3);
    --success-opacity-4: rgba(103, 194, 58, .4);
    --success-opacity-5: rgba(103, 194, 58, .5);
    --success-opacity-6: rgba(103, 194, 58, .6);
    --success-opacity-7: rgba(103, 194, 58, .7);
    --success-opacity-8: rgba(103, 194, 58, .8);
    --success-opacity-9: rgba(103, 194, 58, .9);
    --warning-color: #e6a23c;
    --warning-opacity-1: rgba(230, 162, 60, .1);
    --warning-opacity-2: rgba(230, 162, 60, .2);
    --warning-opacity-3: rgba(230, 162, 60, .3);
    --warning-opacity-4: rgba(230, 162, 60, .4);
    --warning-opacity-5: rgba(230, 162, 60, .5);
    --warning-opacity-6: rgba(230, 162, 60, .6);
    --warning-opacity-7: rgba(230, 162, 60, .7);
    --warning-opacity-8: rgba(230, 162, 60, .8);
    --warning-opacity-9: rgba(230, 162, 60, .9);
    --error-color: #f56c6c;
    --error-opacity-1: rgba(245, 108, 108, .1);
    --error-opacity-2: rgba(245, 108, 108, .2);
    --error-opacity-3: rgba(245, 108, 108, .3);
    --error-opacity-4: rgba(245, 108, 108, .4);
    --error-opacity-5: rgba(245, 108, 108, .5);
    --error-opacity-6: rgba(245, 108, 108, .6);
    --error-opacity-7: rgba(245, 108, 108, .7);
    --error-opacity-8: rgba(245, 108, 108, .8);
    --error-opacity-9: rgba(245, 108, 108, .9);
    --gray-0: #001e3c;
    --gray-opacity-0: rgba(0, 30, 60, 0);
    --gray-opacity-05: rgba(0, 30, 60, .05);
    --gray-opacity-1: rgba(0, 30, 60, .1);
    --gray-opacity-15: rgba(0, 30, 60, .15);
    --gray-opacity-2: rgba(0, 30, 60, .2);
    --gray-opacity-25: rgba(0, 30, 60, .25);
    --gray-opacity-3: rgba(0, 30, 60, .3);
    --gray-opacity-35: rgba(0, 30, 60, .35);
    --gray-opacity-4: rgba(0, 30, 60, .4);
    --gray-opacity-45: rgba(0, 30, 60, .45);
    --gray-opacity-5: rgba(0, 30, 60, .5);
    --gray-opacity-55: rgba(0, 30, 60, .55);
    --gray-opacity-6: rgba(0, 30, 60, .6);
    --gray-opacity-65: rgba(0, 30, 60, .65);
    --gray-opacity-7: rgba(0, 30, 60, .7);
    --gray-opacity-75: rgba(0, 30, 60, .75);
    --gray-opacity-8: rgba(0, 30, 60, .8);
    --gray-opacity-85: rgba(0, 30, 60, .85);
    --gray-opacity-9: rgba(0, 30, 60, .9);
    --gray-opacity-95: rgba(0, 30, 60, .95);
    --gray-1: #324057;
    --gray-2: #475669;
    --gray-3: #8492A6;
    --gray-4: #99A9BF;
    --gray-5: #C0CCDA;
    --gray-6: #D3DCE6;
    --gray-7: #E5E9F2;
    --gray-8: #EFF2F7;
    --gray-9: #f2f7fc;
    --text-color: #324057;
    --text-color-2: #475669;
    --text-color-3: #758397;
    --text-color-4: #8492A6;
    --border-color-0: #cad4e0;
    --border-color: #D3DCE6;
    --border-color-2: #E5E9F2;
    --border-color-3: #EFF2F7;
    --bg-color: #e8f0fa;
    --text-shadow: rgba(255,255,255,.6)
}
.nv-blocks {
    line-height: 1.6em;
    color: var(--text-color-2);
}
mark {
    background: var(--background, var(--primary-opacity-1));
    border-radius: 5px;
    color: var(--color, var(--primary-color));
    padding: 3px 5px;
    margin: 0 3px;
    text-shadow: 0 2px 2px var(--shadow-color, var(--primary-opacity-3)), 0 -1px var(--white-default);
}
mark.color-danger {
    --background: hsla(0, 87%, 69%, .1);
    --color: var(--error-color);
    --shadow-color: hsla(0, 87%, 69%, .3);
}
mark.color-warning {
    --background: rgba(230, 162, 60, .1);
    --color: var(--warning-color);
    --shadow-color: rgba(230, 162, 60, .3);
}
mark.color-success {
    --background: rgba(103, 194, 58, .1);
    --color: var(--success-color);
    --cshadow-olor: rgba(103, 194, 58, .3);
}
.zptheme-panel{
    --solid-color: var(--primary-color);
    --opacity-color: var(--primary-opacity-2);
    border: 1px solid var(--solid-color);
    border-radius: .5em;
    box-shadow: 0 2px 3px var(--opacity-color);
    background: var(--opacity-color) linear-gradient(var(--white-opacity-9),var(--white-opacity-9))
}

.zptheme-panel>.title{
    padding: .5em 1em;
    line-height: 2em;
    border-radius: .4em .4em 0 0;
    border-bottom: 1px solid var(--solid-color);
    background: var(--opacity-color) linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.3) 50%,rgba(0,0,0,.02) 0%,rgba(255,255,255,.5));
    color: var(--solid-color);
    text-shadow: 0 1px var(--white-default)
}

.zptheme-panel>.content{
    padding: .75em 1em
}

.zptheme-panel.success{
    --solid-color: rgb(103,194,58);
    --opacity-color: rgba(103,194,58,.2)
}

.zptheme-panel.warning{
    --solid-color: rgb(230,162,60);
    --opacity-color: rgba(230,162,60,.1)
}

.zptheme-panel.error{
    --solid-color: rgb(245,108,108);
    --opacity-color: rgba(245,108,108,.1)
}
.zptheme-icon i{
    font-size: 50px;
    margin-bottom: 15px;
}
.zptheme-title{
    margin-top: .6em;
    margin-bottom: .6em;
    color: inherit;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.35;
    font-size: 17px;
}
.zptheme-description{
    font-size: 14px;
    margin: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
}

.shortcodes_control .description {
    display: none
}

.shortcodes_control label {
    display: block;
    font-weight: bold;
    margin: 6px;
    margin-bottom: 0;
    margin-top: 12px
}

.shortcodes_control label span {
    display: inline;
    font-weight: normal
}

.shortcodes_control span {
    color: #999;
    display: block
}

.shortcodes_control textarea,.shortcodes_control input[type='text'] {
    margin-bottom: 3px;
    width: 99%
}

.shortcodes_control h4 {
    color: #999;
    font-size: 1em;
    margin: 15px 6px;
    text-transform: uppercase
}

.shortcodes_control textarea,select {
    border: 1px solid #ddd
}

.parentscat {
    font-weight: bold;
    background-color: #006699;
    color: #fff;
    padding: 4px 10px;
    margin: 8px 0 6px 0
}

.shortcode_sel {
    width: 100%
}

.wfieldset {
    padding: 18px 15px;
    border: 1px dashed #999
}

.wfieldset tt {
    padding: 0 5px;
    margin-top: -32px;
    position: absolute;
    background: #fff;
    font-size: 16px;
    font-family: microsoft yahei;
    font-weight: bold
}

.wfieldset a {
    position: relative;
    text-decoration: none;
    color: #999 !important
}

.werror {
    color: #fff;
    background: #f8495c url('../img/error.png') -1px -1px no-repeat;
    border: 1px solid #f8495c;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252)
}

.wwarn {
    color: #000;
    background: #fdc640 url('../img/warn.png') -1px -1px no-repeat;
    border: 1px solid #fdc640;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252)
}

.wtips {
    color: #fff;
    background: #5282f7 url('../img/tips.png') -1px -1px no-repeat;
    border: 1px solid #5282f7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 0 3px 10px -1px #2c63ff !important
}

.wnotice {
    color: #fff;
    background: #00d084 url('../img/notice.png') -1px -1px no-repeat;
    border: 1px solid #00d084;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(12,85,141),-6px 0 12px -5px rgba(10,58,93,0)
}

.wquestion {
    color: #000;
    background: #eaeaea url('../img/question.png') -1px -1px no-repeat;
    border: 1px solid #eaeaea;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px
}

.wxuk {
    border: 2px dashed #fc3c2d;
    background: #fff;
    margin: 10px 0;
    padding: 10px 15px
}

.wred {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #f8495c;
    background: #eee
}

.wyellow {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #fdc640;
    background: #eee
}

.wblue {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #5282f7;
    background: #eee
}

.wgreen {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #00d084;
    background: #eee
}

.whidebox {
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px dashed #fc3c2d;
    padding: 8px;
    margin: 10px auto;
    color: #fc3c2d;
    width: 100%;
    border-radius: 4px
}

.whidebox p {
    margin: 0;
    padding: 0 60px
}

.whidebox::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\9690\85cf\5185\5bb9';
    background-color: #fc3c2d;
    color: #fff;
    line-height: 1;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0 0 2px 0;
    margin: -1px
}

.whidebox a {
    color: #04a1ef
}

.whidebox a:hover {
    color: #ffb300
}

.post_hide_box,.secret-password-content {
    border-radius: 5px;
    overflow: hidden;
    clear: both;
    margin: 10px 0;
    padding: 15px
}

.secret-password-content {
    position: relative
}

.secret-password-content i.secret-icon {
    right: 10px;
    top: 10px;
    color: #ccc;
    position: absolute;
    font-size: 18px;
    z-index: 3
}

.post_hide_box {
    font-size: 14px;
    box-shadow: 0 0 20px #d0d0d0
}

.post_hide_box:hover,.secret-password-content:hover {
}

.post_hide_box .post-secret-info {
    font-size: 16px;
    line-height: 20px;
    color: #fc3c2d;
    margin: 5px
}

.post_hide_box .post-secret-info i {
    margin-right: 5px;
    font-size: 18px
}

.post_hide_box form {
    margin: 15px 5px 12px
}

.post_hide_box form span {
    font-size: 16px;
    font-weight: 700
}

.post_hide_box .gzh-erweima {
    float: right;
    width: 125px;
    height: 125px;
    margin-right: 0px
}

.post_hide_box input[type='password'] {
    height: 28px;
    width: auto;
    padding-left: 5px;
    font-size: 12px;
    border: 1px solid #eaeaea;
    -moz-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
    -webkit-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
    -o-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
    transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear
}

.post_hide_box input[type='submit'] {
    background: #fc3c2d;
    border: none;
    border-left: none;
    padding: 0px;
    width: 60px;
    height: 30px;
    color: #fff;
    outline: 0;
    font-size: 12px
}

.post_hide_box input[type='submit']:hover {
    background: #fc8178
}

.post_hide_box .post-secret-notice {
    line-height: 1.42;
    margin: 0 5px;
    color: #666
}

.post_hide_box .post-secret-notice span {
    color: #fc3c2d
}

.btn-download:hover {
    color: #1290de;
    background-color: #fff;
    border-color: #1290de
}

.hidetitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 180px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    text-align: center
}

.hidetitle .collapseButton {
    background: #fff;
    padding: 8px 30px;
    border: 1px solid #2c74e6;
    border-radius: 5px;
    color: #2c74e6;
    text-decoration: none;
    margin-bottom: 20px
}

.hidetitle .collapseButton:hover {
    color: #fff;
    background: #2c74e6
}

.wpbutton {
    display: inline-block;
    line-height: 32px;
    text-align: center;
    margin: 12px 12px 12px 0;
    color: #fff !important;
    padding: 2px 20px;
    border-radius: 4px
}

.red {
    background-color: #f8495c
}

.red:hover {
    background-color: #f72b41
}

.yellow {
    background-color: #fdc640
}

.yellow:hover {
    background-color: #fcc02e
}

.blue {
    background-color: #5282f7
}

.blue:hover {
    background-color: #2f69f8
}

.green {
    background-color: #00d084
}

.green:hover {
    background-color: #03b775
}

.wp-toggle-box-head .icon-toggle {
    width: 24px;
    height: 24px;
    color: #999;
    margin: 0 6px;
    cursor: pointer;
    float: right;
    border: 1px #eee solid;
    text-align: center;
    font-size: 12px
}

.wp-toggle-box-head .icon-toggle:before {
    content: '+'
}

.wp-toggle-box-head .icon-toggle.active:before {
    content: '-'
}

.wp-toggle-box {
    margin: 12px 0 !important
}

ul.wp-toggle-box {
    margin-left: 0 !important
}

.wp-toggle-box li {
    margin: 6px 0 !important;
    list-style: none !important;
    padding-left: 0 !important;
    border: none !important
}

.wp-toggle-box li:before {
    background-color: transparent !important
}

.entry .wp-toggle-box-head,.entry .wp-toggle-box-content {
    cursor: pointer;
    color: #666;
    padding: 6px 12px
}

.wp-toggle-box .wp-toggle-box-head {
    background: #f8f8f8;
    font-size: 14px;
    border-bottom: 0;
    padding: 8px;
    margin: 0
}

.wp-toggle-box .wp-toggle-box-head:after {
    background: 0
}

.wp-toggle-box-head .icon-toggle.active:before,.wp-toggle-box .wp-toggle-box-head span.active {
    color: #fc3c2d
}

.wp-toggle-box-head .icon-toggle.active {
    background-color: #fff
}

.wp-toggle-box-content {
    background-color: #fdfdfd
}

.wp-toggle-box-content {
    padding: 10px;
    overflow: hidden
}

#wp-tabwrap {
    overflow: hidden;
    width: 100%;
    margin: 20px auto 12px auto
}

#wp-tabwrap li {
    margin: 6px 0 !important;
    list-style: none !important;
    padding: 0 !important;
    border: 0 !important
}

#wp-tabwrap li:before {
    background-color: transparent !important
}

#wp-tabwrap ul {
    margin-left: 0
}

#wp-tabs li a {
    float: left;
    display: block;
    background-color: #f2f2f2;
    border-top: 2px #eee solid;
    padding: 10px 24px;
    color: #666;
    text-align: center;
    font-size: 14px;
    margin-right: 4px
}

#wp-tabs li a:hover {
    background-color: #eee
}

#wp-tabs li.current a {
    background: #f9f9f9;
    color: #666;
    border-top: 2px #fc3c2d solid
}

#wp_tab_content > div {
    clear: both;
    padding: 20px;
    line-height: 30px;
    color: #666;
    background-color: #f9f9f9;
    border-bottom: 1px #eee solid;
    display: none
}

#wp_tab_content .current {
    display: block
}

#wp_tab_content p {
    margin: 0 0 20px 0
}

.wp-embed-card,span.wp-embed-card {
    display: block;
    position: relative;
    padding: 9px;
    margin: 20px auto;
    border: 1px dashed #d4d4d4;
    overflow: hidden;
    max-width: 100%
}

.wp-embed-card:hover,span.wp-embed-card:hover {
    box-shadow: 1px 1px 8px #eee
}

.wp-embed-card a,span.wp-embed-card a {
    padding-right: 0;
    text-decoration: none;
    color: #313131
}

.wp-embed-card span,span.wp-embed-card span {
    display: block;
    padding-right: 0
}

.wp-embed-card-category {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px
}

.wp-embed-card-category {
    background-color: #6a99d8;
    background-color: rgba(43,110,200,0.8);
    color: #fff
}

.wp-embed-card-category:hover {
    background-color: #d5e2f4;
    background-color: rgba(43,110,200,1)
}

.wp-embed-card .wp-embed-card-category {
    position: absolute;
    top: 20px;
    left: 15px;
    padding-right: 5px
}

.wp-embed-card-img {
    float: left;
    margin-right: 14px
}

.wp-embed-card-img img {
    max-height: 150px
}

.wp-embed-card-info {
    padding-right: 4px;
    overflow: hidden
}

.wp-embed-card-info .wp-card-name {
    font-size: 16px;
    height: 44px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: bold
}

.wp-embed-card-info .wp-card-tags {
    height: 20px;
    overflow: hidden
}

.wp-embed-card-info .wp-card-tags > span {
    display: inline-block;
    padding: 0 7px;
    margin-right: 8px;
    height: 16px;
    border: 1px solid #eee;
    line-height: 16px;
    color: #999;
    font-size: 12px
}

.wp-embed-card-info .wp-card-tags span.wp-tag-noborder {
    border: 0
}

.wp-embed-card-info .wp-card-abstract {
    height: 36px;
    line-height: 18px;
    margin: 5px 0;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    margin-bottom: 20px
}

.wp-embed-card-info .wp-card-controls {
    overflow: hidden;
    line-height: 28px
}

.wp-embed-card-info .wp-card-controls .wp-group-data {
    float: left;
    margin-right: 10px;
    color: #999;
    font-size: 12px
}

.wp-embed-card-info .wp-card-controls .wp-group-data i {
    margin-right: 5px;
    font-style: normal !important
}

.wp-embed-card-info .wp-card-btn-deep {
    float: right;
    width: 68px;
    height: 28px;
    margin-left: 10px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    background-color: #ff5e5c;
    color: #fff
}

.wp-embed-card-info .wp-card-btn-deep:hover {
    opacity: 0.9
}

@media only screen and (max-width: 700px) {
    span.wp-embed-card {
        width:95%;
        padding-left: 0;
        padding-right: 0
    }

    .wp-embed-card .wp-embed-card-img {
        width: 24.27184%;
        margin-left: 9px
    }

    .wp-embed-card .wp-embed-card-img img {
        width: 100%;
        height: auto
    }

    .wp-embed-card .wp-embed-card-info {
        overflow: visible;
        padding: 0 9px
    }

    .wp-embed-card .wp-embed-card-info .wp-card-name {
        margin-top: 1%;
        margin-bottom: 1.5%
    }

    .wp-embed-card-category {
        display: none !important
    }
}

.liangdian {
    margin: 0 -2% 10px 0 !important;
    padding: 0;
    overflow: hidden;
    clear: both
}

.liangdian li {
    float: left;
    position: relative;
    margin: 0 2% 2% 0;
    width: 31.33333%;
    padding: 20px 20px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #eee;
    color: #aaa;
    font-size: 12px;
    height: 105px;
    overflow: hidden;
    line-height: 1.6
}

.liangdian li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-color: #ff2323;
    color: #f6f6f6;
    line-height: 1;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0 0 2px 0
}

.liangdian li:nth-child(1)::before {
    content: '\4EAE\70B9 1'
}

.liangdian li:nth-child(2)::before {
    content: '\4EAE\70B9 2'
}

.liangdian li:nth-child(3)::before {
    content: '\4EAE\70B9 3'
}

.liangdian li:nth-child(4)::before {
    content: '\4EAE\70B9 4'
}

.liangdian li:nth-child(5)::before {
    content: '\4EAE\70B9 5'
}

.liangdian li:nth-child(6)::before {
    content: '\4EAE\70B9 6'
}

.liangdian li:nth-child(7)::before {
    content: '\4EAE\70B9 7'
}

.liangdian li:nth-child(8)::before {
    content: '\4EAE\70B9 8'
}

.liangdian li:nth-child(9)::before {
    content: '\4EAE\70B9 9'
}

.liangdian li:nth-child(10)::before {
    content: '\4EAE\70B9 10'
}

.liangdian li:nth-child(11)::before {
    content: '\4EAE\70B9 11'
}

.liangdian li:nth-child(12)::before {
    content: '\4EAE\70B9 12'
}

.liangdian li:nth-child(13)::before {
    content: '\4EAE\70B9 13'
}

.liangdian li:nth-child(14)::before {
    content: '\4EAE\70B9 14'
}

.liangdian li:nth-child(15)::before {
    content: '\4EAE\70B9 15'
}

.liangdian li:nth-child(16)::before {
    content: '\4EAE\70B9 16'
}

.liangdian li:nth-child(17)::before {
    content: '\4EAE\70B9 17'
}

.liangdian li:nth-child(18)::before {
    content: '\4EAE\70B9 18'
}

.liangdian li:nth-child(19)::before {
    content: '\4EAE\70B9 19'
}

.liangdian li:nth-child(20)::before {
    content: '\4EAE\70B9 20'
}

.liangdian li:nth-child(21)::before {
    content: '\4EAE\70B9 21'
}

.liangdian li:nth-child(22)::before {
    content: '\4EAE\70B9 22'
}

.liangdian li:nth-child(23)::before {
    content: '\4EAE\70B9 23'
}

.liangdian li:nth-child(24)::before {
    content: '\4EAE\70B9 24'
}

.liangdian li:nth-child(25)::before {
    content: '\4EAE\70B9 25'
}

.liangdian li:nth-child(26)::before {
    content: '\4EAE\70B9 26'
}

.liangdian li:nth-child(27)::before {
    content: '\4EAE\70B9 27'
}

.liangdian li:nth-child(28)::before {
    content: '\4EAE\70B9 28'
}

.liangdian li:nth-child(29)::before {
    content: '\4EAE\70B9 29'
}

.liangdian li:nth-child(30)::before {
    content: '\4EAE\70B9 30'
}

.liangdian li:nth-child(31)::before {
    content: '\4EAE\70B9 31'
}

.liangdian li:nth-child(32)::before {
    content: '\4EAE\70B9 32'
}

.liangdian li:nth-child(33)::before {
    content: '\4EAE\70B9 33'
}

.liangdian li:nth-child(34)::before {
    content: '\4EAE\70B9 34'
}

.liangdian li:nth-child(35)::before {
    content: '\4EAE\70B9 35'
}

.liangdian li:nth-child(36)::before {
    content: '\4EAE\70B9 36'
}

.liangdian li:nth-child(37)::before {
    content: '\4EAE\70B9 37'
}

.liangdian li:nth-child(38)::before {
    content: '\4EAE\70B9 38'
}

.liangdian li:nth-child(39)::before {
    content: '\4EAE\70B9 39'
}

.liangdian li:nth-child(40)::before {
    content: '\4EAE\70B9 40'
}

.liangdian li:nth-child(41)::before {
    content: '\4EAE\70B9 41'
}

.liangdian li:nth-child(42)::before {
    content: '\4EAE\70B9 42'
}

.liangdian li:nth-child(43)::before {
    content: '\4EAE\70B9 43'
}

.liangdian li:nth-child(44)::before {
    content: '\4EAE\70B9 44'
}

.liangdian li:nth-child(45)::before {
    content: '\4EAE\70B9 45'
}

.liangdian li:nth-child(46)::before {
    content: '\4EAE\70B9 46'
}

.liangdian li:nth-child(47)::before {
    content: '\4EAE\70B9 47'
}

.liangdian li:nth-child(48)::before {
    content: '\4EAE\70B9 48'
}

.liangdian li:nth-child(49)::before {
    content: '\4EAE\70B9 49'
}

.liangdian li:nth-child(50)::before {
    content: '\4EAE\70B9 50'
}

.liangdian li:nth-child(51)::before {
    content: '\4EAE\70B9 51'
}

.liangdian li:nth-child(52)::before {
    content: '\4EAE\70B9 52'
}

.liangdian li:nth-child(53)::before {
    content: '\4EAE\70B9 53'
}

.liangdian li:nth-child(54)::before {
    content: '\4EAE\70B9 54'
}

.liangdian li:nth-child(55)::before {
    content: '\4EAE\70B9 55'
}

.liangdian li:nth-child(56)::before {
    content: '\4EAE\70B9 56'
}

.liangdian li:nth-child(57)::before {
    content: '\4EAE\70B9 57'
}

.liangdian li:nth-child(58)::before {
    content: '\4EAE\70B9 58'
}

.liangdian li:nth-child(59)::before {
    content: '\4EAE\70B9 59'
}

.liangdian li:nth-child(60)::before {
    content: '\4EAE\70B9 60'
}

.liangdian li::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 16px;
    content: '';
    background-color: #fff
}

.ripro-dark .liangdian li::after {
    background-color: #2d2d2d
}

.liangdian li:hover {
    border-color: #ff5e5c
}

.liangdian li:hover::before {
    background-color: #ff5e5c;
    color: #fff
}

.liangdian strong {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .liangdian li {
        width:48%
    }
}

@media (max-width: 544px) {
    .liangdian {
        margin:0 -2% 20px 0 !important
    }

    .liangdian li {
        height: 102px;
        padding: 18px 10px;
        line-height: 1.4;
        font-size: 11px
    }

    .liangdian li::before {
        font-size: 10px;
        padding: 4px;
        height: 16px
    }

    .liangdian strong {
        font-size: 12px
    }
}

.tip-contents {
    padding-left: 40px
}

.tip:before {
    font-weight: 900;
    font-family: 'FontAwesome';
    text-align: center
}

.tip {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 80px;
    margin-bottom: 10px;
    color: #fff;
    background: #20a0ff;
    background: -webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));
    background: -webkit-linear-gradient(left,#20a0ff,#20b8ff);
    background: linear-gradient(90deg,#20a0ff,#20b8ff);
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
    box-shadow: 0 3px 5px rgba(32,160,255,0.5);
    transition: 0.5s;
    padding: 10px
}

.tip > p {
    color: #fff !important;
    margin: 5px 0 !important
}

.tip:before {
    background: #20a0ff;
    background: -webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));
    background: -webkit-linear-gradient(bottom,#0092ff,#20b8ff);
    background: linear-gradient(0deg,#0092ff,#20b8ff);
    border-radius: 50%;
    color: #fff;
    content: '\f129';
    font-size: 12px;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24.5px;
    left: -12px;
    top: -12px;
    -webkit-box-shadow: 0 0 0 2.5px #fff;
    box-shadow: 0 0 0 2.5px #fff;
    animation-timing-function: ease-out;
    transition: cubic-bezier(0,0,0.2,1) 0.5s
}

.tip:hover::before {
    -webkit-animation: box 1s infinite;
    animation: box 1s infinite
}

@-webkit-keyframes box {
    0% {
        top: -12px
    }

    50% {
        top: -19px
    }

    100% {
        top: -12px
    }
}

@keyframes box {
    0% {
        top: -12px
    }

    50% {
        top: -19px
    }

    100% {
        top: -12px
    }
}

.tip ol {
    margin: 0
}

.tip.success {
    background: #61be33;
    background: -webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));
    background: -webkit-linear-gradient(left,#61be33,#8fce44);
    background: linear-gradient(90deg,#61be33,#8fce44);
    -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
    box-shadow: 0 3px 5px rgba(104,195,59,0.5)
}

.tip.success:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));
    background: -webkit-linear-gradient(bottom,#52bb1d,#95d34b);
    background: linear-gradient(0deg,#52bb1d,#95d34b);
    content: '\f00c'
}

.tip.worning {
    background: #ff953f;
    background: -webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));
    background: -webkit-linear-gradient(left,#ff953f,#ffb449);
    background: linear-gradient(90deg,#ff953f,#ffb449);
    -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
    box-shadow: 0 3px 5px rgba(255,154,73,0.5)
}

.tip.worning:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));
    background: -webkit-linear-gradient(bottom,#ff8f35,#ffc149);
    background: linear-gradient(0deg,#ff8f35,#ffc149);
    content: '\21'
}

.tip.error {
    background: #ff4949;
    background: -webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));
    background: -webkit-linear-gradient(left,#ff4949,#ff7849);
    background: linear-gradient(90deg,#ff4949,#ff7849);
    -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
    box-shadow: 0 3px 5px rgba(255,73,73,0.5)
}

.tip.error:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));
    background: -webkit-linear-gradient(bottom,#ff3838,#ff7849);
    background: linear-gradient(0deg,#ff3838,#ff7849);
    content: '\f00d'
}

.content-hide-tips {
    position: relative;
    padding: 40px 10px 10px;
    border: 1px dashed rgba(155,155,155,0.3);
    margin: 20px 0;
    border-radius: 8px;
    background-color: rgba(155,155,155,0.05)
}

.content-hide-tips .content-hide-text {
    position: absolute;
    left: 20px;
    top: 10px
}

.content-hide-tips .gray {
    font-size: 12px;
    color: #90949c
}

.content-hide-tips .btn {
    color: #eee;
    background-color: #f1404b
}

.content-hide-tips .btn:hover {
    color: #fff;
    background-color: #f1404b;
    box-shadow: 0px 5px 20px -3px rgba(249,100,90,0.6)
}

.content-hide-tips #pwbox {
    padding: 2px 10px;
    background-color: rgba(155,155,155,0.3);
    border-radius: 4px;
    border: 1px solid rgba(155,155,155,0.3)
}

ul,li {
    list-style-type: none
}

.redlist ul li,.yellowlist ul li,.bluelist ul li,.greenlist ul li {
    padding: 6px 6px 6px 28px;
    position: relative
}

.redlist ul li:before,.yellowlist ul li:before,.bluelist ul li:before,.greenlist ul li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    top: 16px;
    left: 12px
}

.redlist ul li:before {
    background-color: #e54028
}

.yellowlist ul li:before {
    background-color: #f18d05
}

.bluelist ul li:before {
    background-color: #00a1cb
}

.greenlist ul li:before {
    background-color: #7db500
}

.redlist ul,.yellowlist ul,.bluelist ul,.greenlist ul {
    margin-bottom: 12px
}

.article-content table {
    border-top: solid 2px #ddd;
    border-left: solid 2px #ddd;
    margin-bottom: 18px
}

.article-content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article-content table td,.article-content table th {
    border-bottom: solid 2px #ddd;
    border-right: solid 2px #ddd;
    padding: 5px 10px
}

.dltable p {
    margin: 0.001em 0.001em;
    width: 1px;
    line-height: 30px
}

.article-content .dltable p {
    text-indent: 0
}

.dltable a {
    padding: 0 1em 0 0
}

#tbc_cyan {
    color: #24b4f0;
    background: #c0e8ff url('../img/tbc_cyan.png') -1px -1px no-repeat;
    border: 1px solid #24b4f0;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_green {
    color: #7da33c;
    background: #ecf2d6 url('../img/tbc_green.png') -1px -1px no-repeat;
    border: 1px solid #aac66d;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_yellow {
    color: #ad9948;
    background: #fff4b9 url('../img/tbc_yellow.png') -1px -1px no-repeat;
    border: 1px solid #eac946;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_pink {
    color: #c66;
    background: #ffecea url('../img/tbc_pink.png') -1px -1px no-repeat;
    border: 1px solid #ebb1b1;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_gray {
    color: #556b2f;
    background: #eaeaea url('../img/tbc_gray.png') -1px -1px no-repeat;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

[class*='sgbtn'] {
    display: inline-block;
    text-indent: 0;
    position: relative;
    color: #fff;
    padding: 0 10px 0 10px;
    min-width: 160px;
    height: 38px;
    line-height: 38px;
    opacity: 0.8;
    text-align: center;
    font-family: Ubuntu,sans-serif;
    font-size: 15px;
    text-decoration: none;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

[class*='sgbtn']:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

[class*='sgbtn']:hover {
    opacity: 0.65
}

[class*='sgbtn']:hover:before {
    width: 45px;
    left: 205px
}

.sgbtn_blue {
    color: #fff;
    background: #1cb2f5
}

.sgbtn_red {
    color: #fff;
    background: #c00
}

.sgbtn_orange {
    color: #fff;
    background: #f90
}

.sgbtn_lv {
    color: #fff;
    background: #096
}

a[class*='sgbtn'] {
    color: #fff
}

a[class*='sgbtn']:hover {
    color: #fff
}

.greenbtn {
    -moz-box-shadow: 0 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0 10px 14px -7px #3e7327;
    box-shadow: 0 10px 14px -7px #3e7327;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77b55a),color-stop(1,#72b352));
    background: -moz-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -webkit-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -o-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -ms-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: linear-gradient(to bottom,#77b55a 5%,#72b352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a',endColorstr='#72b352',GradientType=0);
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0 1px 0 #5b8a3c
}

.greenbtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#72b352),color-stop(1,#77b55a));
    background: -moz-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -webkit-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -o-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -ms-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: linear-gradient(to bottom,#72b352 5%,#77b55a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352',endColorstr='#77b55a',GradientType=0);
    background-color: #72b352
}

.greenbtn:active {
    position: relative;
    top: 1px
}

.bluebtn {
    -moz-box-shadow: inset 0 1px 0 0 #54a3f7;
    -webkit-box-shadow: inset 0 1px 0 0 #54a3f7;
    box-shadow: inset 0 1px 0 0 #54a3f7;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007dc1),color-stop(1,#0061a7));
    background: -moz-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -webkit-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -o-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -ms-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1',endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #154682
}

.bluebtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0061a7),color-stop(1,#007dc1));
    background: -moz-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -webkit-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -o-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -ms-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7',endColorstr='#007dc1',GradientType=0);
    background-color: #0061a7
}

.bluebtn:active {
    position: relative;
    top: 1px
}

.yellowbtn {
    -moz-box-shadow: inset 0 1px 0 0 #fff6af;
    -webkit-box-shadow: inset 0 1px 0 0 #fff6af;
    box-shadow: inset 0 1px 0 0 #fff6af;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23));
    background: -moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -o-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fa2;
    display: inline-block;
    cursor: pointer;
    color: #333 !important;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fe6
}

.yellowbtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffab23),color-stop(1,#ffec64));
    background: -moz-linear-gr adient(top,#ffab23 5%,#ffec64 100%);
    background: -webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: -o-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: -ms-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0);
    background-color: #ffab23
}

.yellowbtn:active {
    position: relative;
    top: 1px
}

.tooltip {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    height: 16px;
    line-height: 16px;
    top: -0.5em;
    vertical-align: baseline
}

.tooltip-icon {
    border: 1px solid #c01e22;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    font-family: “caption”,Arial;
    color: #c01e22
}

.tip-content {
    z-index: 999999;
    display: none;
    position: absolute;
    left: -5px;
    bottom: 30px;
    width: 240px
}

.tip-content-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: 0em;
    display: block;
    width: auto;
    max-width: 200px;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #c01e22;
    background: #fff;
    line-height: 20px;
    color: #333;
    font-size: 14px
}

.tip-content-inner:before {
    content: “”;
    position: absolute;
    left: 7px;
    bottom: -24px;
    border-style: solid solid solid solid;
    border-color: #c01e22 transparent transparent transparent;
    border-width: 12px 6px
}

.tip-content-inner:after {
    content: “”;
    position: absolute;
    left: 8px;
    bottom: -20px;
    border-style: solid solid solid solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 5px
}

.tooltip:hover > .tip-content {
    display: block
}

.su-u-clearfix::after {
    content: '';
    display: table;
    clear: both
}

.su-u-trim >:first-child {
    margin-top: 0
}

.su-u-trim >:last-child {
    margin-bottom: 0
}

.su-u-responsive-media-yes {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder {
    position: static !important
}

.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.su-u-overflow-hidden {
    overflow: hidden
}

.su-accordion {
    margin-bottom: 1.5em
}

.su-accordion .su-spoiler {
    margin-bottom: 0.5em
}

.su-audio {
    position: relative;
    width: 100%;
    height: 30px;
    margin-bottom: 1.5em;
    background: #7c8781;
    background: -webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));
    background: linear-gradient(to bottom,#7c8781 0,#0a0809 100%);
    border-radius: 3px
}

.su-audio .jp-pause,.su-audio .jp-play {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
    border-right: 1px solid #454947;
    background-image: url(../images/player/default.png);
    background-repeat: no-repeat
}

.su-audio .jp-play {
    background-position: 0 0
}

.su-audio .jp-pause {
    background-position: -30px 0
}

.su-audio .jp-current-time,.su-audio .jp-duration {
    position: absolute;
    top: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #eee;
    text-shadow: 0 -1px 0 #000
}

.su-audio .jp-current-time {
    left: 45px
}

.su-audio .jp-duration {
    right: 10px
}

.su-audio .jp-play-bar,.su-audio .jp-seek-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    border-radius: 3px;
    cursor: pointer
}

.su-audio .jp-progress {
    position: absolute;
    top: 10px;
    left: 85px;
    right: 50px;
    height: 10px;
    background: #333;
    box-shadow: 0 0 5px #000 inset;
    border-radius: 3px
}

.su-audio .jp-seek-bar {
    background: #0b0b0b;
    background: -webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));
    background: linear-gradient(to bottom,#0b0b0b 0,#666 100%)
}

.su-audio .jp-play-bar {
    background: #6db3f2;
    background: -webkit-gradient( linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de) );
    background: linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)
}

.su-box {
    margin: 0 0 1.5em;
    border-width: 2px;
    border-style: solid
}

.su-box-title {
    display: block;
    padding: 0.5em 1em;
    font-weight: 700;
    font-size: 1.1em
}

.su-box-content {
    background-color: #fff;
    color: #444;
    padding: 1em
}

.su-box-style-soft .su-box-title {
    background-image: url(../images/styles/style-soft.png);
    background-position: 0 0;
    background-repeat: repeat-x
}

.su-box-style-glass .su-box-title {
    background-image: url(../images/styles/style-glass.png);
    background-position: 0 50%;
    background-repeat: repeat-x
}

.su-box-style-bubbles .su-box-title {
    background-image: url(../images/styles/style-bubbles.png);
    background-position: 0 50%;
    background-repeat: repeat-x
}

.su-box-style-noise .su-box-title {
    background-image: url(../images/styles/style-noise.png);
    background-position: 0 0;
    background-repeat: repeat-x
}

.su-button {
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-button-wide {
    display: block !important;
    margin: 1em 0
}

.su-button-center {
    text-align: center
}

.su-button span {
    display: block !important;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-button img {
    border: none !important;
    vertical-align: middle !important;
    margin: -0.2em 0.4em 0 -0.3em !important;
    box-shadow: none !important
}

.su-button i {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.5em 0 0 !important;
    text-align: center;
    line-height: 1em
}

.su-button.su-button-float-icon img {
    margin: 0 0.5em !important
}

.su-button small {
    display: block;
    margin: -0.2em 0 0;
    color: inherit;
    text-align: center;
    font-style: normal;
    font-size: 0.8em;
    line-height: 1;
    opacity: 0.7
}

.su-button-style-default {
    border-width: 1px;
    border-style: solid
}

.su-button-style-default:hover {
    opacity: 0.7
}

.su-button-style-default span {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid
}

.su-button-style-flat,.su-button-style-flat span {
    border: none
}

.su-button-style-flat span {
    position: relative
}

.su-button-style-flat:hover span {
    top: 1px
}

.su-button-style-ghost {
    background: 0 0 !important
}

.su-button-style-ghost span {
    border-width: 3px;
    border-style: solid
}

.su-button-style-ghost:hover span {
    border-color: inherit !important
}

.su-button-style-soft span {
    background: 0 -20px url(../images/styles/style-soft.png) repeat-x
}

.su-button-style-soft:hover span {
    background: 0 0 url(../images/styles/style-soft.png) repeat-x
}

.su-button-style-glass span {
    background: 0 50% url(../images/styles/style-glass.png) repeat-x
}

.su-button-style-glass:hover span {
    background: 100% 50% url(../images/styles/style-glass.png) repeat-x
}

.su-button-style-bubbles span {
    background: 0 50% url(../images/styles/style-bubbles.png) no-repeat
}

.su-button-style-bubbles:hover span {
    background: -710px 50% url(../images/styles/style-bubbles.png) no-repeat
}

.su-button-style-noise span {
    background: 0 0 url(../images/styles/style-noise.png) repeat-x
}

.su-button-style-noise:hover span {
    background: 0 0 url(../images/styles/style-noise.png) repeat-x
}

.su-button-style-stroked span {
    margin: 1px;
    border: 1px dashed #fff !important
}

.su-button-style-stroked:hover span {
    opacity: 0.7
}

.su-button-style-3d {
    border-bottom-style: solid;
    border-bottom-width: 6px
}

.su-button-style-3d span {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.su-button-style-3d:hover {
    position: relative;
    top: 3px;
    border-bottom-width: 3px
}

.su-carousel {
    position: relative;
    margin-bottom: 1.5em;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.su-carousel-centered {
    margin: 0 auto 1.5em
}

.su-carousel-slides {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left,top,-webkit-transform;
    transition-property: left,top,-webkit-transform;
    transition-property: transform,left,top;
    transition-property: transform,left,top,-webkit-transform;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease
}

.swiper-free-mode > .su-carousel-slides {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.su-carousel-slide {
    position: relative;
    float: left
}

.su-carousel-slide > a,.su-carousel-slide > a > img,.su-carousel-slide > img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.su-carousel-responsive-yes .su-carousel-slide > a,.su-carousel-responsive-yes .su-carousel-slide > a > img,.su-carousel-responsive-yes .su-carousel-slide > img {
    height: auto
}

.su-carousel-pages-no .su-carousel-pagination {
    display: none
}

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

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

.su-carousel .su-carousel-slide a {
    padding: 0 5px
}

.su-carousel .su-carousel-slide img {
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.su-carousel .su-carousel-slide-title {
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 4px;
    display: block;
    padding: 2px 3px;
    color: #fff;
    line-height: 1.2;
    font-size: 11px;
    background: #000;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s
}

.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: #000 0 0 url(../images/swiper/default.png) no-repeat;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-carousel .su-carousel-prev {
    right: 20px;
    margin-right: 40px;
    background-position: -40px 0
}

.su-carousel .su-carousel-next {
    left: 20px;
    margin-left: 40px;
    background-position: 0 0
}

.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev {
    margin-left: 0;
    margin-right: 0;
    opacity: 0.7
}

.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover {
    opacity: 1
}

.su-carousel .su-carousel-pagination {
    position: absolute;
    left: 15%;
    right: 15%;
    top: 50%;
    width: 70%;
    height: 0;
    margin-top: -7px;
    text-align: center;
    cursor: default;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-carousel:hover .su-carousel-pagination {
    bottom: 20px;
    opacity: 1
}

.su-carousel .su-carousel-pagination span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    background: #000 0 -999px url(../images/swiper/default.png) no-repeat;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-carousel:hover .su-carousel-pagination span {
    margin: 0 3px
}

.su-carousel .su-carousel-pagination span.swiper-visible-switch {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5)
}

.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover {
    background-position: 0 -40px
}

.su-row {
    margin-bottom: 1.5em
}

.su-row::after {
    display: table;
    clear: both;
    content: ''
}

.su-row .su-column {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 0 0 4%
}

.su-row .su-column:first-child {
    margin-left: 0
}

.su-row .su-column.su-column-size-1-1 {
    margin-right: 0;
    margin-left: 0
}

.su-row .su-column.su-column-centered {
    float: none;
    margin-right: auto;
    margin-left: auto
}

.su-row .su-column-size-1-1 {
    width: 100%
}

.su-row .su-column-size-1-2 {
    width: 48%
}

.su-row .su-column-size-1-3 {
    width: 30.66%
}

.su-row .su-column-size-2-3 {
    width: 65.33%
}

.su-row .su-column-size-1-4 {
    width: 22%
}

.su-row .su-column-size-3-4 {
    width: 74%
}

.su-row .su-column-size-1-5 {
    width: 16.8%
}

.su-row .su-column-size-2-5 {
    width: 37.6%
}

.su-row .su-column-size-3-5 {
    width: 58.4%
}

.su-row .su-column-size-4-5 {
    width: 79.2%
}

.su-row .su-column-size-1-6 {
    width: 13.33%
}

.su-row .su-column-size-5-6 {
    width: 82.66%
}

.su-row .su-column embed,.su-row .su-column iframe,.su-row .su-column img,.su-row .su-column object {
    max-width: 100%
}

.su-custom-gallery {
    margin-bottom: 1.5em
}

.su-custom-gallery:after,.su-custom-gallery:before {
    content: '';
    display: table
}

.su-custom-gallery:after {
    clear: both
}

.su-custom-gallery-slide {
    position: relative;
    float: left;
    margin: 0.5em;
    overflow: hidden
}

.su-custom-gallery-slide a {
    display: block;
    width: 100%
}

.su-custom-gallery-slide img {
    display: block;
    margin: 0;
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-custom-gallery-slide:hover img {
    background: #eee;
    border: 1px solid #aaa
}

.su-custom-gallery-slide span {
    position: absolute;
    left: 4px;
    bottom: 4px;
    right: 4px;
    display: block;
    padding: 2px 4px;
    font-size: 12px;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.5);
    line-height: 1.3;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-custom-gallery-slide:hover span {
    opacity: 1
}

.su-custom-gallery-title-never span {
    display: none
}

.su-custom-gallery-title-always span {
    opacity: 1
}

.su-dailymotion {
    margin: 0 0 1.5em
}

.su-dailymotion iframe {
    border: none !important
}

.su-display-posts-template-default .su-post {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1.75em
}

.su-display-posts-template-default .su-post-thumbnail {
    margin: 0 1.25em 0 0;
    width: 8.25em
}

.su-display-posts-template-default .su-post-thumbnail a {
    display: block !important;
    text-decoration: none !important
}

.su-display-posts-template-default .su-post-thumbnail img {
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.su-display-posts-template-default .su-post-body {
    -webkit-box-flex: 1;
    flex: 1
}

.su-display-posts-template-default h2.su-post-title {
    margin: 0 0 1em !important;
    padding: 0 !important;
    border: none !important;
    font-size: 1.35em !important
}

.su-display-posts-template-default h2.su-post-title::after,.su-display-posts-template-default h2.su-post-title::before {
    display: none
}

.su-display-posts-template-default .su-post-meta {
    margin: 1em 0;
    font-size: 0.85em;
    opacity: 0.85
}

.su-display-posts-template-default .su-post-excerpt p {
    margin: 1em 0
}

.su-display-posts-template-default .su-post-excerpt >:last-child {
    margin-bottom: 0 !important
}

.su-display-posts-template-default .su-post-comments-link {
    margin: 1em 0 0
}

.su-display-posts-template-teasers .su-post {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1em
}

.su-display-posts-template-teasers .su-post-thumbnail {
    margin: 0 1em 0 0;
    width: 3.75em
}

.su-display-posts-template-teasers .su-post-thumbnail a {
    display: block !important;
    text-decoration: none !important
}

.su-display-posts-template-teasers .su-post-thumbnail img {
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.su-display-posts-template-teasers .su-post-body {
    -webkit-box-flex: 1;
    flex: 1
}

.su-display-posts-template-teasers h2.su-post-title {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-size: 1.15em !important
}

.su-display-posts-template-teasers h2.su-post-title::after,.su-display-posts-template-teasers h2.su-post-title::before {
    display: none
}

.su-display-posts-template-single h2.su-post-title {
    margin: 0 0 1em !important;
    padding: 0 !important;
    border: none !important;
    font-size: 1.75em !important
}

.su-display-posts-template-single .su-post-meta {
    margin: 1em 0;
    font-size: 0.85em;
    opacity: 0.85
}

.su-display-posts-pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.su-display-posts-pagination-next {
    margin-left: auto
}

.su-divider {
    clear: both;
    border: none;
    text-align: right;
    line-height: 1
}

.su-divider a {
    display: inline-block;
    font-size: 0.8em;
    text-decoration: none;
    outline: 0;
    padding-bottom: 5px
}

.su-divider-style-default {
    border-bottom-style: solid
}

.su-divider-style-dotted {
    border-bottom-style: dotted
}

.su-divider-style-dashed {
    border-bottom-style: dashed
}

.su-divider-style-double {
    border-bottom-style: double
}

.su-document {
    margin: 0 0 1.5em
}

.su-document iframe {
    border: none !important
}

.su-dropcap {
    float: left;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: 0.2em 0.5em 0.2em 0;
    line-height: 2em;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase
}

.su-dropcap-style-default {
    color: #fff;
    background: #45484d;
    background: -webkit-gradient(linear,left top,left bottom,from(#45484d),to(black));
    background: linear-gradient(to bottom,#45484d 0,#000 100%);
    text-shadow: -1px -1px 0 #000;
    border-radius: 50%
}

.su-dropcap-style-flat {
    background: #444;
    color: #fff
}

.su-dropcap-style-light {
    color: #333;
    border-radius: 50%;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(white),to(#eaeaea));
    background: linear-gradient(to bottom,#fff 0,#eaeaea 100%)
}

.su-dropcap-style-simple {
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: left
}

.su-expand {
    margin: 0 0 1.5em
}

.su-expand-content {
    overflow: hidden
}

.su-expand-link {
    margin-top: 0.5em;
    cursor: pointer
}

.su-expand-link:hover {
    opacity: 0.7
}

.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited {
    display: inline;
    text-decoration: none;
    box-shadow: none;
    background: 0 0;
    border: none
}

.su-expand-link-style-underlined .su-expand-link span {
    text-decoration: underline
}

.su-expand-link-style-dotted .su-expand-link span {
    border-bottom: 1px dotted #333
}

.su-expand-link-style-dashed .su-expand-link span {
    border-bottom: 1px dashed #333
}

.su-expand-link-style-button .su-expand-link a {
    display: inline-block;
    margin-top: 0.2em;
    padding: 0.2em 0.4em;
    border: 2px solid #333
}

.su-expand-link-more {
    display: none
}

.su-expand-link-less {
    display: block
}

.su-expand-collapsed .su-expand-link-more {
    display: block
}

.su-expand-collapsed .su-expand-link-less {
    display: none
}

.su-expand-link i {
    display: inline-block;
    margin: 0 0.3em 0 0;
    vertical-align: middle;
    color: inherit
}

.su-expand-link img {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.3em 0 0;
    vertical-align: middle
}

.su-frame,.su-frame-inner {
    display: block
}

.su-frame-align-left {
    float: left;
    margin: 0 1em 1em 0
}

.su-frame-align-center {
    float: none;
    margin: 1em auto
}

.su-frame-align-right {
    float: right;
    margin: 0 0 1em 1em
}

.su-frame img {
    display: block !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.su-frame-style-default {
    padding: 2px;
    border: 1px solid #999;
    background: #fff;
    box-shadow: 1px 1px 4px #ccc
}

.su-frame-style-default .su-frame-inner {
    padding: 2px;
    border: 4px solid #eee
}

.su-gmap {
    margin: 0 0 1.5em
}

.su-gmap iframe {
    border: none !important
}

.su-guests {
    margin-bottom: 1.5em
}

.su-heading-style-default {
    padding: 2px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.su-heading-style-default .su-heading-inner {
    padding: 1em 0.5em;
    border-top: 4px solid #eee;
    border-bottom: 4px solid #eee
}

.su-heading.su-heading-align-left {
    text-align: left
}

.su-heading.su-heading-align-left .su-heading-inner {
    padding-left: 0.2em
}

.su-heading.su-heading-align-right {
    text-align: right
}

.su-heading.su-heading-align-right .su-heading-inner {
    padding-right: 0.2em
}

.su-heading.su-heading-align-center {
    text-align: center
}

.su-highlight {
    display: inline;
    padding: 1px 0
}

.su-image-carousel {
    margin: 1.5em 0;
    width: 100%
}

.su-image-carousel:first-child {
    margin-top: 0
}

.su-image-carousel:last-child {
    margin-bottom: 0
}

.su-image-carousel-item {
    box-sizing: border-box;
    width: 100%
}

.su-image-carousel-item-content {
    position: relative
}

.su-image-carousel-item-content a,.su-image-carousel-item-content a:active,.su-image-carousel-item-content a:focus,.su-image-carousel-item-content a:hover,.su-image-carousel-item-content a:visited,.su-image-carousel-item-content img {
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none
}

.su-image-carousel-item-content a::after,.su-image-carousel-item-content a::before,.su-image-carousel-item-content img::after,.su-image-carousel-item-content img::before {
    display: none
}

.su-image-carousel-item-content span {
    position: absolute;
    display: block;
    overflow: auto;
    max-height: 60%;
    word-wrap: break-word;
    font-size: 0.9em;
    line-height: 1.3
}

.su-image-carousel-item-content span:empty {
    display: none
}

.su-image-carousel-columns-2 .su-image-carousel-item {
    width: 50%
}

.su-image-carousel-columns-3 .su-image-carousel-item {
    width: 33.3333333333%
}

.su-image-carousel-columns-4 .su-image-carousel-item {
    width: 25%
}

.su-image-carousel-columns-5 .su-image-carousel-item {
    width: 20%
}

.su-image-carousel-columns-6 .su-image-carousel-item {
    width: 16.6666666666%
}

.su-image-carousel-columns-7 .su-image-carousel-item {
    width: 14.2857142857%
}

.su-image-carousel-columns-8 .su-image-carousel-item {
    width: 12.5%
}

.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 3%;
    width: 48.5%
}

.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2.9%;
    width: 31.4%
}

.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2.8%;
    width: 22.9%
}

.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2.5%;
    width: 18%
}

.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2.6%;
    width: 14.5%
}

.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2.2%;
    width: 12.4%
}

.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item {
    margin-right: 2%;
    width: 10.75%
}

.su-image-carousel-crop .su-image-carousel-item-content::before {
    float: left;
    margin-left: -1px;
    width: 1px;
    height: 0;
    content: ''
}

.su-image-carousel-crop .su-image-carousel-item-content::after {
    display: table;
    clear: both;
    content: ''
}

.su-image-carousel-crop .su-image-carousel-item-content a,.su-image-carousel-crop .su-image-carousel-item-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.su-image-carousel-crop .su-image-carousel-item-content img {
    -o-object-fit: cover;
    object-fit: cover
}

.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before {
    padding-top: 56.25%
}

.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before {
    padding-top: 62.5%
}

.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before {
    padding-top: 42.857142857143%
}

.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before {
    padding-top: 80%
}

.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before {
    padding-top: 75%
}

.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before {
    padding-top: 66.666666666667%
}

.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before {
    padding-top: 50%
}

.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before {
    padding-top: 100%
}

.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before {
    padding-top: 200%
}

.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before {
    padding-top: 150%
}

.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before {
    padding-top: 133.33333333333%
}

.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before {
    padding-top: 125%
}

.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before {
    padding-top: 233.33333333333%
}

.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before {
    padding-top: 160%
}

.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before {
    padding-top: 177.77777777778%
}

.su-image-carousel-align-left {
    float: left;
    margin-top: 0;
    margin-right: 1.5em
}

.su-image-carousel-align-right {
    float: right;
    margin-top: 0;
    margin-left: 1.5em
}

.su-image-carousel-align-center {
    margin-right: auto;
    margin-left: auto
}

.su-image-carousel-align-full {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    max-width: 100vw !important;
    width: 100vw !important
}

.su-image-carousel button.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    display: block;
    margin: -22px 0 0;
    padding: 0;
    width: 44px;
    height: 44px;
    outline: 0;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease,-webkit-transform 0.2s ease;
    transition: opacity 0.2s ease,-webkit-transform 0.2s ease;
    transition: opacity 0.2s ease,transform 0.2s ease;
    transition: opacity 0.2s ease,transform 0.2s ease,-webkit-transform 0.2s ease;
    -webkit-transform: none;
    transform: none
}

.su-image-carousel:hover button.flickity-prev-next-button {
    opacity: 0.5
}

.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover {
    box-shadow: none;
    opacity: 1
}

.su-image-carousel button.flickity-prev-next-button:focus {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.su-image-carousel button.flickity-prev-next-button[disabled] {
    display: none
}

.su-image-carousel button.flickity-prev-next-button.previous {
    left: 20px
}

.su-image-carousel button.flickity-prev-next-button.next {
    right: 20px
}

.su-image-carousel > ol.flickity-page-dots {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    list-style: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.su-image-carousel:hover > ol.flickity-page-dots {
    opacity: 1
}

.su-image-carousel > ol.flickity-page-dots > li.dot {
    position: relative;
    display: inline-block;
    margin: 5px;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    list-style: none;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    pointer-events: all
}

.su-image-carousel > ol.flickity-page-dots > li.dot:hover {
    opacity: 1
}

.su-image-carousel > ol.flickity-page-dots > li.dot::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.su-image-carousel > ol.flickity-page-dots > li.dot.is-selected::before {
    display: block
}

.su-image-carousel-controls-style-dark button.flickity-prev-next-button {
    background: #000;
    color: #fff
}

.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot {
    background: #000
}

.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before {
    background: #fff
}

.su-image-carousel-controls-style-light button.flickity-prev-next-button {
    background: #fff;
    color: #000
}

.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot {
    background: #fff
}

.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before {
    background: #000
}

.su-image-carousel-slides-style-default .su-image-carousel-item-content {
    margin: 1px
}

.su-image-carousel-slides-style-default .su-image-carousel-item-content img {
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 7px;
    background: #fff
}

.su-image-carousel-slides-style-default .su-image-carousel-item-content span {
    right: 4px;
    bottom: 4px;
    left: 4px;
    padding: 0.5em 0.7em;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.7)),to(transparent));
    background: linear-gradient(to top,rgba(0,0,0,0.7),transparent);
    color: #fff;
    text-shadow: 0 2px 5px #000
}

.su-image-carousel-slides-style-minimal .su-image-carousel-item-content {
    margin: 1px
}

.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.7em;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.7)),to(transparent));
    background: linear-gradient(to top,rgba(0,0,0,0.7),transparent);
    color: #fff;
    text-shadow: 0 2px 5px #000
}

.su-image-carousel-slides-style-photo .su-image-carousel-item-content {
    padding: 7px
}

.su-image-carousel-slides-style-photo .su-image-carousel-item-content img {
    border: 5px solid #fff;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5)
}

.su-image-carousel-slides-style-photo .su-image-carousel-item-content span {
    right: 12px;
    bottom: 12px;
    left: 12px;
    padding: 0.3em 0.5em;
    background: #fff;
    color: #000;
    font-size: 0.9em
}

.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img {
    top: 7px;
    right: 7px;
    bottom: 7px;
    left: 7px;
    width: calc(100% - 14px);
    height: calc(100% - 14px)
}

.su-image-carousel-mfp.mfp-bg {
    z-index: 102000 !important
}

.su-image-carousel-mfp.mfp-wrap {
    z-index: 102001 !important
}

.su-image-carousel-mfp.mfp-wrap .mfp-preloader {
    z-index: 102002 !important
}

.su-image-carousel-mfp.mfp-wrap .mfp-content {
    z-index: 102003 !important
}

.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close {
    z-index: 102004 !important
}

.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight
}

.su-label {
    display: inline;
    margin-right: 0.3em;
    padding: 0.1em 0.3em;
    font-size: 0.8em;
    height: 0.8em;
    line-height: 0.8em;
    color: #fff;
    border-radius: 3px
}

.su-label-type-default {
    background: #999
}

.su-label-type-success {
    background: #090
}

.su-label-type-warning {
    background: #f90
}

.su-label-type-important {
    background: #f03
}

.su-label-type-black {
    background: #111
}

.su-label-type-info {
    background: #09c
}

.su-lightbox-content {
    position: relative;
    margin: 0 auto
}

#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content {
    display: block !important
}

.su-lightbox-content-preview {
    width: 100%;
    min-height: 300px;
    background: #444;
    overflow: hidden
}

.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6 {
    color: inherit
}

.su-lightbox {
    cursor: pointer
}

.su-list {
    margin-bottom: 1.5em
}

.su-list ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.su-list ul li {
    position: relative;
    display: block !important;
    margin: 0 !important;
    padding: 4px 0 4px 2em !important;
    list-style-type: none !important;
    line-height: 1.3em
}

.su-list ul li > img {
    position: absolute;
    left: 0;
    top: 4px;
    width: 1.3em;
    height: 1.3em;
    padding: 0;
    margin: 0;
    border: none
}

.su-list ul li > i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    text-align: center
}

.su-members {
    margin-bottom: 1.5em;
    padding: 1em;
    border-width: 1px 0;
    border-style: solid;
    text-align: center
}

.su-members a {
    text-decoration: underline;
    color: inherit
}

.su-note {
    margin: 0 0 1.5em;
    border-width: 1px;
    border-style: solid
}

.su-note-inner {
    padding: 1em;
    border-width: 1px;
    border-style: solid
}

.su-posts-default-loop .su-post {
    margin-bottom: 2.5em;
    line-height: 1.5
}

.su-posts-default-loop .su-post:after {
    content: '';
    display: table;
    clear: both
}

.su-posts-default-loop .su-post-thumbnail {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 1em
}

.su-posts-default-loop .su-post-thumbnail img {
    max-width: 100px;
    max-height: 100px
}

.su-posts-default-loop h2.su-post-title {
    clear: none;
    margin: 0 0 0.3em;
    font-size: 1.2em;
    font-weight: 700
}

.su-posts-default-loop .su-post-meta {
    margin-bottom: 0.7em;
    font-size: 0.8em;
    opacity: 0.6
}

.su-posts-default-loop .su-post-excerpt {
    margin-bottom: 0.5em
}

.su-posts-default-loop .su-post-excerpt p:last-child {
    margin-bottom: 0
}

.su-posts-default-loop .su-post-comments-link {
    font-size: 0.9em
}

.su-posts-teaser-loop .su-post {
    margin-bottom: 1.5em;
    line-height: 1.2
}

.su-posts-teaser-loop .su-post:after {
    content: '';
    display: table;
    clear: both
}

.su-posts-teaser-loop .su-post-thumbnail {
    float: left;
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 1em 0 0
}

.su-posts-teaser-loop .su-post-thumbnail img {
    display: block;
    margin: 0;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%
}

.su-posts-teaser-loop h2.su-post-title {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0.9em;
    font-weight: 400;
    clear: none
}

.su-posts-single-post .su-post {
    margin-bottom: 2.5em;
    line-height: 1.5
}

.su-posts-single-post .su-post:after {
    content: '';
    display: table;
    clear: both
}

.su-posts-single-post h1.su-post-title {
    clear: none;
    margin: 0 0 0.3em;
    font-size: 1.2em;
    font-weight: 700
}

.su-posts-single-post .su-post-meta {
    margin-bottom: 0.7em;
    font-size: 0.8em;
    opacity: 0.6
}

.su-posts-single-post .su-post-content {
    margin-bottom: 0.5em
}

.su-posts-single-post .su-post-content p:last-child {
    margin-bottom: 0
}

.su-private {
    margin: 0 0 1.5em
}

.su-pullquote {
    display: block;
    width: 30%;
    padding: 0.5em 1em
}

.su-pullquote-align-left {
    margin: 0.5em 1.5em 1em 0;
    padding-left: 0;
    float: left;
    border-right: 5px solid #eee
}

.su-pullquote-align-right {
    margin: 0.5em 0 1em 1.5em;
    padding-right: 0;
    float: right;
    border-left: 5px solid #eee
}

.su-qrcode {
    display: inline-block
}

.su-qrcode-align-left {
    float: left;
    margin: 0 0.5em 0.5em 0
}

.su-qrcode-align-center {
    display: block;
    clear: both;
    margin: 1em auto;
    text-align: center
}

.su-qrcode-align-right {
    float: right;
    margin: 0 0 0.5em 0.5em
}

.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover {
    background: 0 0;
    outline: 0;
    display: inline;
    text-decoration: none
}

.su-qrcode-clickable a:hover {
    opacity: 0.7
}

.su-qrcode img {
    max-width: 100%
}

.su-quote-style-default {
    position: relative;
    margin-bottom: 1.5em;
    padding: 0.5em 3em;
    font-style: italic
}

.su-quote-style-default:after,.su-quote-style-default:before {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/quote.png);
    content: ''
}

.su-quote-style-default:before {
    top: 0;
    left: 0;
    background-position: 0 0
}

.su-quote-style-default:after {
    right: 0;
    bottom: 0;
    background-position: -20px 0
}

.su-quote-style-default .su-quote-cite {
    display: block;
    text-align: right;
    font-style: normal
}

.su-quote-style-default .su-quote-cite:before {
    content: '\2014\0000a0'
}

.su-quote-style-default .su-quote-cite a {
    text-decoration: underline
}

.su-screenr {
    margin: 0 0 1.5em
}

.su-screenr iframe {
    border: none !important
}

.su-service {
    position: relative;
    margin: 0 0 1.5em
}

.su-service-title {
    display: block;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: 700;
    font-size: 1.1em
}

.su-service-title img {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.su-service-title i {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em
}

.su-service-content {
    line-height: 1.4
}

.su-slider {
    position: relative;
    margin-bottom: 1.5em;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.su-slider-centered {
    margin: 0 auto 1.5em
}

.su-slider-slides {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left,top,-webkit-transform;
    transition-property: left,top,-webkit-transform;
    transition-property: transform,left,top;
    transition-property: transform,left,top,-webkit-transform;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease
}

.swiper-free-mode > .su-slider-slides {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.su-slider-slide {
    position: relative;
    float: left
}

.su-slider-slide > a,.su-slider-slide > a > img,.su-slider-slide > img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.su-slider-responsive-yes .su-slider-slide > a,.su-slider-responsive-yes .su-slider-slide > a > img,.su-slider-responsive-yes .su-slider-slide > img {
    height: auto
}

.su-slider-pages-no .su-slider-pagination {
    display: none
}

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

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

.su-slider-slide-title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: block;
    max-width: 90%;
    padding: 5px 10px;
    color: #fff;
    line-height: 1.3;
    background: #000;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    opacity: 0;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s
}

.su-slider-slide-visible .su-slider-slide-title {
    opacity: 1
}

.su-slider-next,.su-slider-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px !important;
    background: #000 0 0 url(../images/swiper/default.png) no-repeat;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-slider-prev {
    right: 10px;
    margin-right: 30px;
    background-position: -40px 0
}

.su-slider-next {
    left: 10px;
    margin-left: 30px;
    background-position: 0 0
}

.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev {
    margin-left: 0;
    margin-right: 0;
    opacity: 0.7
}

.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover {
    opacity: 1
}

.su-slider-pagination {
    position: absolute;
    left: 15%;
    right: 15%;
    top: 50%;
    width: 70%;
    height: 0;
    margin-top: -7px;
    text-align: center;
    cursor: default;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-slider:hover .su-slider-pagination {
    bottom: 20px;
    opacity: 1
}

.su-slider-pagination span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    background: #000 0 -999px url(../images/swiper/default.png) no-repeat;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-slider:hover .su-slider-pagination span {
    margin: 0 3px
}

.su-slider .su-slider-pagination span.swiper-visible-switch {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5)
}

.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover {
    background-position: 0 -40px
}

.su-spacer {
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.su-spacer-5 {
    height: 5px
}

.su-spacer-10 {
    height: 10px
}

.su-spacer-20 {
    height: 20px
}

.su-spacer-30 {
    height: 30px
}

.su-spacer-40 {
    height: 40px
}

.su-spoiler {
    margin-bottom: 1.5em
}

.su-spoiler .su-spoiler:last-child {
    margin-bottom: 0
}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: 700;
    font-size: 13px
}

.su-spoiler-title:focus {
    outline: currentColor thin dotted
}

.su-spoiler-icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

.su-spoiler-content {
    padding: 14px;
    -webkit-transition: padding-top 0.2s;
    transition: padding-top 0.2s;
    -ie-transition: padding-top 0.2s
}

.su-spoiler.su-spoiler-closed > .su-spoiler-content {
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    pointer-events: none
}

.su-spoiler.su-spoiler-closed > .su-spoiler-content iframe {
    display: none
}

.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f068'
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f067'
}

.su-spoiler-icon-plus-circle .su-spoiler-icon:before {
    content: '\f056'
}

.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f055'
}

.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before {
    content: '\f146'
}

.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0fe'
}

.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before {
    content: '\f147'
}

.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f196'
}

.su-spoiler-icon-arrow .su-spoiler-icon:before {
    content: '\f063'
}

.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f061'
}

.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before {
    content: '\f0ab'
}

.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0a9'
}

.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before {
    content: '\f01a'
}

.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f18e'
}

.su-spoiler-icon-chevron .su-spoiler-icon:before {
    content: '\f078'
}

.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f054'
}

.su-spoiler-icon-chevron-circle .su-spoiler-icon:before {
    content: '\f13a'
}

.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f138'
}

.su-spoiler-icon-caret .su-spoiler-icon:before {
    content: '\f0d7'
}

.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f0da'
}

.su-spoiler-icon-caret-square .su-spoiler-icon:before {
    content: '\f150'
}

.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f152'
}

.su-spoiler-icon-folder-1 .su-spoiler-icon:before {
    content: '\f07c'
}

.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f07b'
}

.su-spoiler-icon-folder-2 .su-spoiler-icon:before {
    content: '\f115'
}

.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f114'
}

.su-spoiler-style-default > .su-spoiler-title {
    padding-left: 27px;
    padding-right: 0
}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    left: 0
}

.su-spoiler-style-default > .su-spoiler-content {
    padding: 1em 0 1em 27px
}

.su-spoiler-style-fancy {
    border: 1px solid #ccc;
    background: #fff;
    color: #333
}

.su-spoiler-style-fancy > .su-spoiler-title {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 0.9em
}

.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title {
    border: none
}

.su-spoiler-style-fancy > .su-spoiler-content {
    border-radius: 10px
}

.su-spoiler-style-simple {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.su-spoiler-style-simple > .su-spoiler-title {
    padding: 5px 10px;
    background: #f0f0f0;
    color: #333;
    font-size: 0.9em
}

.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon {
    display: none
}

.su-spoiler-style-simple > .su-spoiler-content {
    padding: 1em 10px;
    background: #fff;
    color: #333
}

.su-table {
    width: 100%;
    margin-bottom: 1.5em
}

.su-table table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    font-size: 1em !important;
    border: 1px solid #ccc !important;
    table-layout: auto !important
}

.su-table table th {
    text-align: center !important;
    padding: 1em !important;
    font-size: 1em !important;
    font-weight: 700 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    background: #f0f0f0 !important
}

.su-table table td {
    padding: 0.5em 1em !important;
    border: 1px solid #ccc !important;
    background: #fff !important
}

.su-table-responsive {
    overflow-x: auto
}

.su-table-responsive table {
    width: auto !important;
    min-width: 100% !important
}

.su-table-responsive table td,.su-table-responsive table th {
    word-break: initial !important
}

.su-table-alternate table tr:nth-child(even) td {
    background-color: #f7f7f7 !important
}

.su-table-fixed table {
    table-layout: fixed !important
}

.su-tabs {
    margin: 0 0 1.5em;
    padding: 3px;
    border-radius: 3px;
    background: #eee
}

.su-tabs-nav span {
    display: inline-block;
    margin-right: 3px;
    padding: 10px 15px;
    min-height: 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.su-tabs-nav span:hover {
    background: #f5f5f5
}

.su-tabs-nav span.su-tabs-current {
    background: #fff;
    cursor: default
}

.su-tabs-nav span:focus {
    outline: currentColor thin dotted
}

.su-tabs-nav span.su-tabs-disabled {
    opacity: 0.5;
    cursor: default
}

.su-tabs-pane {
    padding: 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 13px
}

.su-tabs-pane:not(.su-tabs-pane-open) {
    overflow: hidden !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    border: none !important
}

.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes {
    box-sizing: border-box !important
}

.su-tabs-vertical {
    display: -webkit-box;
    display: flex
}

.su-tabs-vertical .su-tabs-nav {
    width: 30%
}

.su-tabs-vertical .su-tabs-nav > span {
    display: block;
    margin-right: 0;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.su-tabs-vertical .su-tabs-panes {
    width: 70%
}

.su-tabs-vertical .su-tabs-panes .su-tabs-pane {
    height: 100%;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.qtip.su-qtip {
    max-width: 480px !important
}

.su-tooltip {
    display: inline-block
}

.su-qtip-size-1 {
    font-size: 0.8em !important
}

.su-qtip-size-2 {
    font-size: 0.9em !important
}

.su-qtip-size-3 {
    font-size: 1em !important
}

.su-qtip-size-4 {
    font-size: 1.1em !important
}

.su-qtip-size-5 {
    font-size: 1.2em !important
}

.su-qtip-size-6 {
    font-size: 1.3em !important
}

.su-tooltip-content {
    display: none
}

.su-tooltip-content >:last-child {
    margin-bottom: 0
}

.qtip-content .su-tooltip-content embed,.qtip-content .su-tooltip-content iframe,.qtip-content .su-tooltip-content img,.qtip-content .su-tooltip-content object {
    max-width: 430px
}

.qtip-content .su-tooltip-content .su-u-responsive-media-yes {
    width: 430px
}

.su-video {
    position: relative;
    margin-bottom: 1.5em;
    overflow: hidden
}

.su-video .jp-title {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 0 1em;
    line-height: 30px;
    font-size: 0.9em;
    background: #000;
    background: rgba(0,0,0,0.5);
    color: #fff;
    -webkit-transition: top 0.2s;
    transition: top 0.2s
}

.su-video:hover .jp-title {
    top: 0
}

.su-video .jp-start {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    background: 50% 50% url(../images/player/default-start.png) no-repeat
}

.su-video:hover .jp-start {
    opacity: 0.8
}

.su-video.jp-video-full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.su-video.jp-video-full .jp-jplayer {
    position: fixed !important;
    left: 0;
    top: 0;
    overflow: hidden
}

.su-video .jp-gui {
    position: relative;
    height: 30px;
    background: #7c8781;
    background: -webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));
    background: linear-gradient(to bottom,#7c8781 0,#0a0809 100%);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.su-video.jp-video-full .jp-gui {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.su-video-controls-no .jp-gui {
    position: absolute !important;
    bottom: -100px;
    left: 0;
    right: 0;
    -webkit-transition: bottom 0.2s;
    transition: bottom 0.2s
}

.su-video-controls-no:hover .jp-gui {
    bottom: 0
}

.su-video img {
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-right: 1px solid #454947;
    cursor: pointer
}

.su-video .jp-gui .jp-play {
    background: 0 0 url(../images/player/default.png) no-repeat
}

.su-video .jp-gui .jp-pause {
    background: -30px 0 url(../images/player/default.png) no-repeat
}

.su-video .jp-full-screen,.su-video .jp-restore-screen {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-left: 1px solid #454947;
    cursor: pointer
}

.su-video .jp-full-screen {
    background: 0 -30px url(../images/player/default.png) no-repeat
}

.su-video .jp-restore-screen {
    background: -30px -30px url(../images/player/default.png) no-repeat
}

.su-video .jp-progress {
    position: absolute;
    top: 10px;
    left: 90px;
    right: 90px;
    height: 10px;
    background: #333;
    border-radius: 3px;
    box-shadow: 0 0 5px #000 inset
}

.su-video .jp-play-bar,.su-video .jp-seek-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
    border-radius: 3px
}

.su-video .jp-seek-bar {
    background: #0b0b0b;
    background: -webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));
    background: linear-gradient(to bottom,#0b0b0b 0,#666 100%)
}

.su-video .jp-play-bar {
    background: #6db3f2;
    background: -webkit-gradient( linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de) );
    background: linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)
}

.su-video .jp-current-time,.su-video .jp-duration {
    position: absolute;
    top: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #f5f5f5;
    font-size: 10px
}

.su-video .jp-current-time {
    left: 50px
}

.su-video .jp-duration {
    right: 50px
}

.su-vimeo {
    margin: 0 0 1.5em
}

.su-vimeo iframe {
    border: none !important
}

.su-youtube {
    margin: 0 0 1.5em
}

.su-youtube iframe {
    border: none !important
}

@media screen and (max-width: 768px) {
    .su-button span {
        padding-top:0.25em !important;
        padding-bottom: 0.25em !important;
        line-height: 1.2 !important
    }

    .su-button small {
        margin-top: 0.2em !important
    }

    .su-display-posts-template-default .su-post-thumbnail {
        width: 4em
    }

    .su-display-posts-template-teasers .su-post-thumbnail {
        width: 2.75em
    }

    .su-image-carousel-adaptive .su-image-carousel-item,.su-image-carousel-adaptive.su-image-carousel-has-spacing .su-image-carousel-item {
        margin-right: 0;
        width: 100%
    }
}

@media screen and (max-width: 48em) {
    .su-pullquote {
        width:auto
    }

    .su-pullquote-align-left,.su-pullquote-align-right {
        float: none;
        margin: 1.5em 0;
        padding: 0.5em 1em
    }
}

@media only screen and (max-width: 768px) {
    .su-tabs-vertical {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes {
        width: 100%
    }

    .su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav > span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes > span {
        border-radius: 3px
    }

    .su-tabs-mobile-stack .su-tabs-nav span {
        display: block
    }

    .su-tabs-mobile-scroll .su-tabs-nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
        white-space: nowrap;
        overflow-x: auto
    }
}

@media only screen and (max-width: 767px) {
    .su-row .su-column {
        float:none;
        width: 100%;
        margin: 0
    }

    .su-row .su-column + .su-column {
        margin: 1.5rem 0 0
    }
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus {
        outline-style:auto;
        outline-color: -webkit-focus-ring-color
    }
}

.mks_separator {
    clear: both;
    display: block;
    margin: 0 0 20px;
    float: left;
    width: 100%
}

.mks_highlight {
    padding: 0 2px
}

.mks_dropcap_letter {
    float: left;
    font-size: 52px;
    line-height: 1em;
    margin: 0px 10px 0 0;
    font-weight: bold
}

.mks_dropcap {
    display: block;
    float: left;
    font-size: 52px;
    line-height: 1em;
    margin: 5px 10px 0 0;
    padding: 10px 20px;
    text-align: center
}

.mks_dropcap_circle {
    border-radius: 50%
}

.mks_dropcap_rounded {
    border-radius: 20%
}

.mks_pullquote {
    display: block;
    padding: 25px;
    font-size: 24px;
    line-height: 1.4em;
    position: relative;
    margin: 0 0 20px
}

.mks_pullquote_left {
    float: left;
    margin: 0 20px 0 0
}

.mks_pullquote_right {
    float: right;
    margin: 0 0 0 20px
}

a.mks_button {
    display: inline-block;
    text-decoration: none;
    background: #ffa226;
    line-height: 18px;
    position: relative;
    margin: 0 10px 10px 0;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 1s ease 0s;
    -webkit-transition: background 1s ease 0s;
    -moz-transition: background 1s ease 0s;
    -o-transition: background 1s ease 0s
}

.mks_button:hover {
    text-decoration: none;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    filter: alpha(opacity=70);
    opacity: 0.7
}

.mks_button_small {
    padding: 10px 15px
}

.mks_button_medium {
    padding: 16px 24px
}

.mks_button_large {
    padding: 22px 36px
}

.mks_button.rounded {
    border-radius: 10px
}

.mks_button i {
    margin: 0 5px 0 0
}

.mks_col {
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

.mks_col {
    display: block;
    float: left;
    display: block;
    width: 100%;
    margin: 0 0 20px 0
}

.mks_col .mks_one_half,.mks_col .mks_one_third,.mks_col .mks_one_quarter,.mks_col .mks_two_thirds {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 30px;
    margin-left: 2.564102564102564%
}

.mks_col .mks_one_half {
    width: 48.717948717948715%
}

.mks_col .mks_one_third {
    width: 31.623931623931625%
}

.mks_col .mks_two_thirds {
    width: 63.24786324786324%
}

.mks_col .mks_one_quarter {
    width: 23.076923076923077%
}

.mks_col [class*='mks_']:first-child {
    margin-left: 0
}

.mks_ico {
    display: block;
    height: 48px;
    width: 48px;
    float: left;
    margin-right: 5px;
    text-indent: -9999px;
    margin-bottom: 5px;
    position: relative
}

.mks_ico.rounded {
    border-radius: 20%
}

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

.mks_ico:hover {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    filter: alpha(opacity=70);
    opacity: 0.7
}

.mks_ico.aim_ico {
    background: url('.../img/social_icons/aim_ico.png') no-repeat 0 0
}

.mks_ico.apple_ico {
    background: url('.../img/social_icons/apple_ico.png') no-repeat 0 0
}

.mks_ico.behance_ico {
    background: url('.../img/social_icons/behance_ico.png') no-repeat 0 0
}

.mks_ico.blogger_ico {
    background: url('.../img/social_icons/blogger_ico.png') no-repeat 0 0
}

.mks_ico.cargo_ico {
    background: url('.../img/social_icons/cargo_ico.png') no-repeat 0 0
}

.mks_ico.envato_ico {
    background: url('.../img/social_icons/envato_ico.png') no-repeat 0 0
}

.mks_ico.delicious_ico {
    background: url('.../img/social_icons/delicious_ico.png') no-repeat 0 0
}

.mks_ico.deviantart_ico {
    background: url('.../img/social_icons/deviantart_ico.png') no-repeat 0 0
}

.mks_ico.digg_ico {
    background: url('.../img/social_icons/digg_ico.png') no-repeat 0 0
}

.mks_ico.dribbble_ico {
    background: url('.../img/social_icons/dribbble_ico.png') no-repeat 0 0
}

.mks_ico.evernote_ico {
    background: url('.../img/social_icons/evernote_ico.png') no-repeat 0 0
}

.mks_ico.facebook_ico {
    background: url('.../img/social_icons/facebook_ico.png') no-repeat 0 0
}

.mks_ico.flickr_ico {
    background: url('.../img/social_icons/flickr_ico.png') no-repeat 0 0
}

.mks_ico.forrst_ico {
    background: url('.../img/social_icons/forrst_ico.png') no-repeat 0 0
}

.mks_ico.github_ico {
    background: url('.../img/social_icons/github_ico.png') no-repeat 0 0
}

.mks_ico.google_ico {
    background: url('.../img/social_icons/google_ico.png') no-repeat 0 0
}

.mks_ico.googleplus_ico {
    background: url('.../img/social_icons/googleplus_ico.png') no-repeat 0 0
}

.mks_ico.grooveshark_ico {
    background: url('.../img/social_icons/grooveshark_ico.png') no-repeat 0 0
}

.mks_ico.icloud_ico {
    background: url('.../img/social_icons/icloud_ico.png') no-repeat 0 0
}

.mks_ico.lastfm_ico {
    background: url('.../img/social_icons/lastfm_ico.png') no-repeat 0 0
}

.mks_ico.linkedin_ico {
    background: url('.../img/social_icons/linkedin_ico.png') no-repeat 0 0
}

.mks_ico.myspace_ico {
    background: url('.../img/social_icons/myspace_ico.png') no-repeat 0 0
}

.mks_ico.picasa_ico {
    background: url('.../img/social_icons/picasa_ico.png') no-repeat 0 0
}

.mks_ico.pinterest_ico {
    background: url('.../img/social_icons/pinterest_ico.png') no-repeat 0 0
}

.mks_ico.posterous_ico {
    background: url('.../img/social_icons/posterous_ico.png') no-repeat 0 0
}

.mks_ico.reddit_ico {
    background: url('.../img/social_icons/reddit_ico.png') no-repeat 0 0
}

.mks_ico.rss_ico {
    background: url('.../img/social_icons/rss_ico.png') no-repeat 0 0
}

.mks_ico.skype_ico {
    background: url('.../img/social_icons/skype_ico.png') no-repeat 0 0
}

.mks_ico.stumbleupon_ico {
    background: url('.../img/social_icons/stumbleupon_ico.png') no-repeat 0 0
}

.mks_ico.soundcloud_ico {
    background: url('.../img/social_icons/soundcloud_ico.png') no-repeat 0 0
}

.mks_ico.tumblr_ico {
    background: url('.../img/social_icons/tumblr_ico.png') no-repeat 0 0
}

.mks_ico.twitter_ico {
    background: url('.../img/social_icons/twitter_ico.png') no-repeat 0 0
}

.mks_ico.vimeo_ico {
    background: url('.../img/social_icons/vimeo_ico.png') no-repeat 0 0
}

.mks_ico.wordpress_ico {
    background: url('.../img/social_icons/wordpress_ico.png') no-repeat 0 0
}

.mks_ico.yahoo_ico {
    background: url('.../img/social_icons/yahoo_ico.png') no-repeat 0 0
}

.mks_ico.youtube_ico {
    background: url('.../img/social_icons/youtube_ico.png') no-repeat 0 0
}

.mks_ico.zerply_ico {
    background: url('.../img/social_icons/zerply_ico.png') no-repeat 0 0
}

.mks_ico.instagram_ico {
    background: url('.../img/social_icons/instagram_ico.png') no-repeat 0 0
}

.mks_ico.vine_ico {
    background: url('.../img/social_icons/vine_ico.png') no-repeat 0 0
}

.mks_ico.spotify_ico {
    background: url('.../img/social_icons/spotify_ico.png') no-repeat 0 0
}

.mks_ico.fh_px_ico {
    background: url('.../img/social_icons/fh_px_ico.png') no-repeat 0 0
}

.mks_ico.xing_ico {
    background: url('.../img/social_icons/xing_ico.png') no-repeat 0 0
}

.mks_ico.weibo_ico {
    background: url('.../img/social_icons/weibo_ico.png') no-repeat 0 0
}

.mks_ico.tencent_ico {
    background: url('.../img/social_icons/tencent_ico.png') no-repeat 0 0
}

.mks_ico.me2day_ico {
    background: url('.../img/social_icons/me2day_ico.png') no-repeat 0 0
}

.mks_ico.twitch_ico {
    background: url('.../img/social_icons/twitch_ico.png') no-repeat 0 0
}

.mks_ico.itunes_ico {
    background: url('.../img/social_icons/itunes_ico.png') no-repeat 0 0
}

.mks_ico.vk_ico {
    background: url('.../img/social_icons/vk_ico.png') no-repeat 0 0
}

.mks_ico.aim_ico {
    background-color: #e95a00
}

.mks_ico.apple_ico {
    background-color: #606060
}

.mks_ico.behance_ico {
    background-color: #18a3fe
}

.mks_ico.blogger_ico {
    background-color: #fb913f
}

.mks_ico.cargo_ico {
    background-color: #00c462
}

.mks_ico.envato_ico {
    background-color: #a9cf58
}

.mks_ico.delicious_ico {
    background-color: #3274d1
}

.mks_ico.deviantart_ico {
    background-color: #d0de21
}

.mks_ico.digg_ico {
    background-color: #2882c6
}

.mks_ico.dribbble_ico {
    background-color: #ef5b92
}

.mks_ico.evernote_ico {
    background-color: #77ba2f
}

.mks_ico.facebook_ico {
    background-color: #3b5998
}

.mks_ico.flickr_ico {
    background-color: #f1628b
}

.mks_ico.forrst_ico {
    background-color: #5b9a68
}

.mks_ico.github_ico {
    background-color: #7292a2
}

.mks_ico.google_ico {
    background-color: #dd4b39
}

.mks_ico.googleplus_ico {
    background-color: #d94a39
}

.mks_ico.grooveshark_ico {
    background-color: #f88e00
}

.mks_ico.icloud_ico {
    background-color: #fb913f
}

.mks_ico.lastfm_ico {
    background-color: #d21309
}

.mks_ico.linkedin_ico {
    background-color: #71b2d0
}

.mks_ico.myspace_ico {
    background-color: #003398
}

.mks_ico.picasa_ico {
    background-color: #444
}

.mks_ico.pinterest_ico {
    background-color: #cb2027
}

.mks_ico.posterous_ico {
    background-color: #f9d560
}

.mks_ico.reddit_ico {
    background-color: #bfd0e2
}

.mks_ico.rss_ico {
    background-color: #fe9900
}

.mks_ico.skype_ico {
    background-color: #18b7f1
}

.mks_ico.stumbleupon_ico {
    background-color: #eb4924
}

.mks_ico.soundcloud_ico {
    background-color: #f60000
}

.mks_ico.tumblr_ico {
    background-color: #3a5976
}

.mks_ico.twitter_ico {
    background-color: #48c4d2
}

.mks_ico.vimeo_ico {
    background-color: #62a0ad
}

.mks_ico.wordpress_ico {
    background-color: #464646
}

.mks_ico.yahoo_ico {
    background-color: #ab64bc
}

.mks_ico.youtube_ico {
    background-color: #f45750
}

.mks_ico.zerply_ico {
    background-color: #8db259
}

.mks_ico.instagram_ico {
    background-color: #306088
}

.mks_ico.vine_ico {
    background-color: #00bf8f
}

.mks_ico.spotify_ico {
    background-color: #95ba1a
}

.mks_ico.fh_px_ico {
    background-color: #02adea
}

.mks_ico.xing_ico {
    background-color: #126567
}

.mks_ico.weibo_ico {
    background-color: #e6162c
}

.mks_ico.tencent_ico {
    background-color: #389fda
}

.mks_ico.me2day_ico {
    background-color: #4e28ac
}

.mks_ico.twitch_ico {
    background-color: #6441a5
}

.mks_ico.itunes_ico {
    background-color: #fa332f
}

.mks_ico.vk_ico {
    background-color: #45668e
}

.mks_ico.square,.mks_ico.rounded,.mks_ico.circle {
    background-position: center center
}

.mks_progress_bar {
    margin: 0 0 20px
}

.mks_progress_label {
    line-height: 1.2em;
    margin: 0 0 5px
}

.mks_progress_name {
    opacity: 0.5;
    float: right
}

.mks_progress_level {
    display: inline-block;
    background: #eee;
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden
}

.mks_progress_level.rounded,.mks_progress_level.rounded .mks_progress_level_set {
    border-radius: 5px
}

.mks_progress_level_set {
    display: block;
    height: 100%;
    background: #ddd;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.mks_accordion_item,.mks_toggle {
    margin: 0;
    display: block;
    border: 1px solid;
    border-bottom: none
}

.mks_accordion,.mks_toggle {
    border-bottom: 1px solid
}

.mks_accordion,.mks_toggle {
    margin: 0 0 20px 0
}

.mks_accordion_active {
    border-bottom: none
}

.mks_accordion_heading,.mks_toggle_heading {
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    position: relative;
    padding: 15px 60px 15px 20px;
    margin: 0px;
    font-weight: normal
}

.mks_accordion > p,.mks_toggle > p {
    display: none
}

.mks_accordion_content,.mks_toggle_content {
    display: none;
    border-top: 1px solid;
    padding: 20px 20px 20px 20px
}

.mks_accordion_active .mks_toggle_content,.mks_toggle_active .mks_toggle_content {
    display: block
}

.mks_accordion_content p:last-child,.mks_toggle_content p:last-child {
    margin-bottom: 0
}

.mks_accordion_active .fa-minus,.mks_toggle_active .fa-minus {
    display: block
}

.mks_accordion .fa-plus,.mks_toggle .fa-plus {
    display: block
}

.mks_accordion_active .fa-plus,.mks_toggle_active .fa-plus {
    display: none
}

.mks_accordion_heading i,.mks_toggle_heading i {
    display: none;
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    margin: -10px 0 0 0;
    top: 50%;
    right: 20px
}

.mks_tabs {
    display: none;
    overflow: hidden;
    padding: 40px 0 0 0;
    position: relative;
    margin: 0 0 20px 0
}

.mks_tabs_nav {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 41px;
    display: block;
    width: 100%;
    z-index: 1
}

.mks_tab_item {
    position: relative;
    display: block;
    padding: 20px 20px 20px 20px;
    border: 1px solid
}

.mks_tab_nav_item.active {
    border-bottom: 1px solid #fff
}

.mks_tab_nav_item {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    border: 1px solid;
    border-bottom: 1px solid;
    height: 39px;
    line-height: 39px;
    padding: 0 20px;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}

.mks_tab_nav_item:hover {
    cursor: pointer
}

.mks_tabs.vertical {
    padding: 0 0 0 19.9%
}

.mks_tabs.vertical .mks_tab_nav_item {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid;
    margin: 0 0 -1px 0;
    min-height: 39px
}

.mks_tabs.vertical .mks_tabs_nav {
    width: 20%;
    height: 100%
}

.mks_tabs.vertical .mks_tab_nav_item.active {
    border-bottom: 1px solid;
    border-right: 1px solid #fff
}

.mks_tabs.vertical .mks_tab_item {
    border-left: 1px solid;
    min-height: 200px
}

.mks_tab_item .mks_col {
    float: none
}

.mks_tab_item .mks_col:before {
    content: '';
    display: block;
    clear: both
}

.mks_col:after,.mks_tab_item .mks_col:after {
    content: '';
    display: block;
    clear: both
}

@media only screen and (max-width: 479px) {
    .mks_col .mks_one_half,.mks_col .mks_one_third,.mks_col .mks_one_quarter,.mks_col .mks_two_thirds {
        width:100%;
        margin-left: 0;
        margin-bottom: 1em
    }

    .mks_pullquote {
        width: 100% !important
    }

    .mks_tab_nav_item {
        padding: 0 10px
    }
}

.tab_zpro {
    background: var(--is-body);
    display: -webkit-box;
    display: -ms-flexbox;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    list-style: none;
    border-radius: .35rem;
}

.tab_zpro .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: center;
    width: 100%;
}

.article-content .tab_zpro {
    padding-left: 0;
    margin-bottom: 0
}

.tab_zpro li {
    margin-bottom: 0;
}

.article-content .h2-title {
    border-left: none;
    padding-left: 0;
    margin: 0;
    text-align: center
}

.article-content .zpro-list {
    padding-left: 0;
    margin-bottom: 0;
}

.article-content .zpro-list li {
    margin-bottom: 0
}

.zpro-list .list-group-item {
    padding: .5rem 1rem;
}

/*迷幻紫*/
#zm_mhz {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

/*西瓜红*/
#zm_xgh {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg, #FF9A8B 0%, #ff6a8838 55%, #FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg, #ff9a8b7a 0%, #ff6a88ab 55%, #ff99ac82 100%);
}

/*华为P30 天空之境*/
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
}

/*小宇宙*/
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient(circle 263px at 100.2% 3%, rgba(12, 85, 141, 1) 31.1%, rgba(205, 181, 93, 1) 36.4%, rgba(244, 102, 90, 1) 50.9%, rgba(199, 206, 187, 1) 60.7%, rgba(249, 140, 69, 1) 72.5%, rgba(12, 73, 116, 1) 72.6%);
}

/*橄榄绿*/
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient(102deg, rgba(68, 110, 92, 1) 17.4%, rgba(107, 156, 120, 1) 49.3%, rgba(154, 183, 130, 1) 83.4%, rgba(247, 237, 191, 1) 110.3%);
}

/*小太阳*/
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient(circle farthest-corner at -8.9% 51.2%, rgba(255, 124, 0, 1) 0%, rgba(255, 124, 0, 1) 15.9%, rgba(255, 163, 77, 1) 15.9%, rgba(255, 163, 77, 1) 24.4%, rgba(19, 30, 37, 1) 24.5%, rgba(19, 30, 37, 1) 66%);
}

/*优雅紫*/
#zm_yyz {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%);
}

/*深邃黑*/
#zm_szh {
    color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%);
}

/*无边框*/
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
}

#zm_xyz a, #zm_gll a {
    color: #eeeeee;
}

#zm_szh a {
    color: #c7c7c7;
}

#zm_xty a, #zm_yyz a {
    color: #ffffff;
}

.short-card {
    padding: 0;
    margin-bottom: 20px;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
#carousel-single .carousel-item img {
    height: 400px;
    min-height:400px;
    max-height:400px;
    object-fit: cover; 
    width: 100%;
    margin-bottom: 20px;
}

@media (max-width:768px) {
    .w-xl-100{
       width: 100%!important;  
    }
}