li{

list-style:none;margin:0px
}

ul {
list-style:none;margin:0px
}
table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tfoot>tr>td {
    padding: 12px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    padding: 10px 4px
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(even) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    background: #f7f7f7;
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    background: #fff;
    outline: 0;
    border: 1px solid #2980B9
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        line-height: 34px
    }

    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 30px
    }

    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 20px
}

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

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

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled {
    cursor: not-allowed
}

fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

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

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

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

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

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm,
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm,
select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
textarea.form-group-sm .form-control {
    height: auto
}

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

.input-lg,
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg,
select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
textarea.form-group-lg .form-control {
    height: auto
}

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

.has-feedback {
    position: relative
}

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

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

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

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

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

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

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

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

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

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

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

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

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

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

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

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

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    padding: 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65
}

fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65
}

.btn-default {
    color: #fff;
    background-color: #252525;
    border-color: #0c0c0c
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
    color: #fff;
    background-color: #0c0c0c;
    border-color: #000
}

.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active {
    background-image: none
}

.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled] {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default {
    background-color: #fff;
    border-color: #ccc
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default.disabled:focus,
.btn-default[disabled]:focus {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default:focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default.disabled.focus,
.btn-default[disabled].focus {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default.disabled:active,
.btn-default[disabled]:active {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default:active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default.disabled.active,
.btn-default[disabled].active {
    background-color: #fff;
    border-color: #ccc
}

fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #2980B9;
    border-color: #49207c
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #49207c;
    border-color: #311653
}

.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active,
.btn-primary.active {
    background-image: none
}

.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary:focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.disabled.focus,
.btn-primary[disabled].focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.disabled:active,
.btn-primary[disabled]:active {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary:active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.disabled.active,
.btn-primary[disabled].active {
    background-color: #337ab7;
    border-color: #2e6da4
}

fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,
.btn-success.active {
    background-image: none
}

.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success[disabled] {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.disabled:focus,
.btn-success[disabled]:focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success:focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.disabled.focus,
.btn-success[disabled].focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.disabled:active,
.btn-success[disabled]:active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success:active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.disabled.active,
.btn-success[disabled].active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active {
    background-image: none
}

.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info[disabled] {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.disabled:focus,
.btn-info[disabled]:focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info:focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.disabled.focus,
.btn-info[disabled].focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.disabled:active,
.btn-info[disabled]:active {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info:active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.disabled.active,
.btn-info[disabled].active {
    background-color: #5bc0de;
    border-color: #46b8da
}

fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active {
    background-image: none
}

.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.disabled:focus,
.btn-warning[disabled]:focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning:focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.disabled.focus,
.btn-warning[disabled].focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.disabled:active,
.btn-warning[disabled]:active {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning:active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.disabled.active,
.btn-warning[disabled].active {
    background-color: #f0ad4e;
    border-color: #eea236
}

fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active {
    background-image: none
}

.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.disabled:focus,
.btn-danger[disabled]:focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger:focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.disabled.focus,
.btn-danger[disabled].focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.disabled:active,
.btn-danger[disabled]:active {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger:active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.disabled.active,
.btn-danger[disabled].active {
    background-color: #d9534f;
    border-color: #d43f3a
}

fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link:active,
.btn-link.active,
.btn-link[disabled] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover {
    color: #777;
    text-decoration: none
}

fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}


.collapse {
   
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 0;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #fff
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
font-size: 14px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group {
    margin-left: -1px
}

.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

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

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

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

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active {
    outline: 0
}

.btn-group.open .dropdown-toggle {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 20%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

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

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/ "
}

.breadcrumb>.active {
    color: #777
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.pager .disabled>a:hover,
.pager .disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;

    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item.disabled {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}


.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "‹"
}

.carousel-control .icon-next:before {
    content: "›"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed !important
}

.affix-bottom {
    position: absolute
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
    display: none !important
}

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

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

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

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

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

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

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

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999999999
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5em;
    height: 5em;
    margin: -52.5px 0 0 -52.5px;
    text-indent: -9999em;
    border-top: 0.5em solid #2980B9;
    border-right: 0.5em solid rgba(97, 43, 164, 0.06);
    border-bottom: 0.5em solid rgba(97, 43, 164, 0.06);
    border-left: 0.5em solid rgba(97, 43, 164, 0.06);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: circle 1.1s infinite linear;
    animation: circle 1.1s infinite linear
}

.loader,
.loader:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 7em;
    height: 7em
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg) scale3d(1, 1, 1);
        transform: rotate(0deg) scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale3d(1.3, 1.3, 1.3);
        transform: rotate(180deg) scale3d(1.3, 1.3, 1.3)
    }

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

@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg) scale3d(1, 1, 1);
        transform: rotate(0deg) scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale3d(1.3, 1.3, 1.3);
        transform: rotate(180deg) scale3d(1.3, 1.3, 1.3)
    }

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

.header-top {
    border-bottom: 1px solid #eee;
    padding: 0
}

@media screen and (max-width: 767px) {
    .header-top .container {
        padding: 0
    }
}

.header {
    position: relative
}

.header .logo {
    float: left;

    display: block
}

@media screen and (max-width: 991px) {
    .header .logo {
        padding-top: 25px
    }
}

@media screen and (max-width: 767px) {
    .header .logo {
        max-width: 154px;
        text-align: center;
        float: none;
        padding: 12px 0;
        margin: 0 auto
    }
}

.header .logo img {
    cursor: pointer;
    max-width: 100%
}

.mmenu {
    display: none;
    position: absolute;
    text-align: center;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    line-height: 62px
}

.mmenu i {
    color: #2980B9;
    font-size: 34px
}

@media screen and (max-width: 767px) {
    .mmenu {
        display: block
    }
}

.mm-navbar {
    border-bottom: 1px solid #000000
}

.mm-navbar a {
    text-shadow: 0 1px 2px #000
}

.mm-listview>li>a,
.mm-listview>li>span {
    text-shadow: 0 2px 2px #000
}

.mm-listview>li {
    border-top: 1px solid #2F2F2F;
    border-bottom: 1px solid #000
}

.mm-listview>li:last-child {
    border-bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    border-bottom: 0 !important
}

.mm-listview>li .mm-navbar-bottom-1 {
    border-top: 1px solid #2F2F2F
}

.mm-listview .mm-next {
    border-left: 1px solid #000
}

.mm-listview .mm-next:before {
    content: '';
    border-color: #2F2F2F
}

.mm-menu.mm-theme-dark {
    box-shadow: 2px 0 20px 0 #000
}

.mm-menu.mm-theme-dark .mm-panels>.mm-panel {
    border-bottom: 2px 0 20px rgba(0, 0, 0, 0.4)
}


.phone {
    display: block;
    float: left;
    margin-left: 12px;
    line-height: 45px
}

.phone .phone-box {
    display: inline-block;
    line-height: 30px;
    color: #555;
    font-size: 13px;
    line-height: normal;
    padding-right: 14px
}

.toplink>li {
    float: right;
    border-left: 1px solid #e5e5e5;
    min-width: 54px;
    text-align: center;
    position: relative;
    background-color: #f5f5f5
}

.toplink>li>a {
    display: block;
    padding: 0 5px;
    height: 45px;
    line-height: 44px;
    color: #333
}

.toplink>li>a:hover {
    background-color: #e1e1e1
}

.block-language-wrapper {
    border-left: 1px solid #eee;
    color: #666;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 400;
    height: 44px;
    margin: 0 0px;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .block-language-wrapper {
        display: none
    }
}

.block-language-wrapper .block-language {
    background: none;
    box-shadow: none;
    border: none;
    color: #666;
    line-height: 48px;
    padding: 18px 0
}

.top-search {
    height: 45px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #f5f5f5;
    border-left: 1px #eee solid
}

@media screen and (max-width: 767px) {
    .top-search {
        display: none
    }
}

.top-search a {
    display: block;
    cursor: pointer
}

.block-member-wrapper {
    border-left: 1px solid #eee;
    color: #666;
    cursor: pointer;
    font-weight: 400;
    height: 45px;
    margin: 0;
    position: relative
}


.cart-top {
    position: relative
}

.top-cart-contain .mini-cart {
    text-align: center;
    cursor: pointer
}

.top-cart-contain .mini-cart .basket a {
    color: #666;
    float: right;
    font-weight: normal;
    margin: 0;
    line-height: 30px;
    padding: 0 0 5px;
    text-transform: uppercase
}

.top-cart-contain .mini-cart .basket a:hover {
    text-decoration: none
}

.top-cart-contain .mini-cart .basket .cart-box {
    display: inline-block
}

.top-cart-contain .mini-cart .basket .cart-box .cart-total {
    background-color: #2980B9;
    border-radius: 32px;
    padding: 1px 7px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    height: 22px;
    font-size: 13px
}

.top-cart-contain .mini-cart .fa-shopping-cart {
    font-size: 16px;
    color: #282828;
    vertical-align: middle
}

.top-cart-content {
    display: none;
    width: 300px;
    position: absolute;
    top: 46px;
    right: 0px;
    background: #fff;
    padding: 0;
    text-align: left;
    z-index: 10000;
    border-color: #2980B9 #eee #2980B9;
    border-image: none;
    border-right: 1px solid #eee;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: initial
}

@media screen and (max-width: 479px) {
    .top-cart-content {
        right: 0;
        width: 100%
    }

    .top-cart-content .product-name {
        width: 80%
    }
}

.top-cart-content .block-subtitle {
    color: #333;
    overflow: hidden;
    padding: 10px 15px;
    text-align: left;
    font-size: 13px;
    background: #f5f5f5;
    text-transform: none;
    font-weight: normal;
    border-bottom: 1px #ddd solid
}

.top-cart-content .empty {
    text-align: center;
    color: #333333;
    padding: 10px;
    display: table;
    width: 100%;
    min-height: 90px
}

.top-cart-content .empty span {
    display: table-cell;
    vertical-align: middle
}

.top-cart-content p {
    color: #333333;
    margin: 0;
    padding: 10px
}

.top-cart-content .actions {
    padding: 15px;
    margin: 0;
    background: #f5f5f5
}

.top-cart-content .actions .btn-checkout {
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    background-color: #2980B9;
    border-color: #0c0c0c;
    display: block;
    margin: 0 auto;
    text-align: center
}

.top-cart-content .actions .btn-checkout:hover {
    background-color: #49207c
}

.mini-products-list {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 355px
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .mini-products-list {
        height: 30vh
    }
}

@media screen and (max-width: 479px) {
    .mini-products-list {
        height: 40vh
    }
}

.mini-products-list li {
    border-bottom: 1px #eee solid;
    padding: 10px
}

.mini-products-list li:last-child {
    border-bottom: 0
}

.mini-products-list li:hover {
    background-color: #F7F7F7
}

.mini-products-list li .product-image {
    float: left
}

.mini-products-list li .product-image img {
    width: 80px
}

.mini-products-list li .products-detail-wrapper {
    margin-left: 92px
}

.mini-products-list li .products-detail-wrapper .product-details {
    color: #333333;
    position: relative;
    text-align: left
}

.mini-products-list li .products-detail-wrapper .btn-remove {
    padding: 10px;
    display: block;
    width: 36px;
    height: 40px;
    font-size: 20px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: -8px;
    top: -8px;
    text-align: center
}

.mini-products-list li .products-detail-wrapper .btn-remove i {
    color: #bebebe
}

.mini-products-list li .products-detail-wrapper .btn-remove:hover i {
    color: #8D8D8D
}

.mini-products-list li .products-detail-wrapper .product-name {
    padding: 0;
    padding-bottom: 8px;
    margin-right: 36px
}

.mini-products-list li .products-detail-wrapper .product-name a:hover {
    color: #2980B9
}

.mini-products-list li .products-detail-wrapper .product-details-bottom {
    line-height: 20px
}

.mini-products-list li .products-detail-wrapper .product-details-bottom .price {
    color: #2980B9;
    font-size: 15px;
    display: block;
    margin-bottom: 5px
}

.mini-products-list li .products-detail-wrapper .product-details-bottom .amount {
    font-size: 13px;
    color: #828282
}

.top-subtotal {
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid
}


.contacts-info address {
    border: medium none;
    color: #aaa;
    display: block;
    font-size: 13px;
    font-style: normal;
    line-height: 1.5em;
    margin: 10px auto 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    font-weight: 500
}

.payment-accept img {
    margin: 0px 10px 8px 0px;
    width: 50px
}

.footer-middle h4 {
    color: #fff;
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px
}

a.buy-theme {
    text-transform: uppercase;
    font-size: 13px
}

.footer-middle ul.links {
    margin: auto;
    padding: 0px
}

@media screen and (max-width: 767px) {
    .footer-middle ul.links {
        padding: 20px 0
    }
}

.footer-middle .links li {
    list-style: none;
    padding: 5px 0px
}

.footer-middle .links li a {
    color: #aaa;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.footer-middle .links li a:hover {
    color: #fff;
    text-decoration: none
}

.footer-middle .links li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    color: #fff;
    margin-right: 5px
}

.add-icon:before,
.email-icon:before,
.phone-icon:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 32px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border: 2px #fff solid;
    border-radius: 25px
}

.email-icon:before {
    content: "\f0e0"
}

.phone-icon:before {
    content: "\f095"
}

.email-footer {
    overflow: hidden;
    margin-top: 12px;
    font-size: 12px
}

.email-footer a {
    font-size: 13px;
    line-height: 35px;
    color: #aaa;
    font-weight: 500
}

.phone-footer {
    overflow: hidden;
    font-size: 13px;
    line-height: 35px;
    color: #aaa;
    margin-bottom: 10px;
    margin-top: 12px;
    font-weight: 500
}

.coppyright {
    color: #ccc;
    padding-top: 10px;
    padding-bottom: 10px
}

.footer-bottom .company-links ul {
    padding: 0px
}

.footer-bottom .company-links li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    float: right
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 16px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    filter: Alpha(Opacity=50)
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.rev_slider {
    position: relative;
    overflow: visible
}

.rev_slider img {
    max-width: none !important;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border: none;
    visibility: visible !important
}

.rev_slider .no-slides-text {
    font-weight: bold;
    text-align: center;
    padding-top: 80px
}

.rev_slider ul {
    margin: 0px;
    padding: 0px;
    list-style: none !important;
    list-style-type: none;
    background-position: 0px 0px
}

.rev_slider ul li {
    list-style: none !important;
    position: absolute;
    visibility: hidden;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image: none;
    background-position: 0px 0px;
    text-indent: 0em
}

.rev_slider>ul>li {
    list-style: none !important;
    position: absolute;
    visibility: hidden;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image: none;
    background-position: 0px 0px;
    text-indent: 0em
}

.rev_slider>ul>li:before {
    list-style: none !important;
    position: absolute;
    visibility: hidden;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image: none;
    background-position: 0px 0px;
    text-indent: 0em
}

.rev_slider .tp-caption,
.rev_slider .caption {
    position: absolute;
    visibility: hidden
}

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

.tp-caption {
    z-index: 1
}

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

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

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

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

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

.buy-btn {
    background-color: #2980B9;
    font-size: 15px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    text-shadow: none;
    line-height: 1.2em
}

@media screen and (max-width: 390px) {
    .buy-btn {
        padding: 10px 20px
    }
}

.buy-btn:hover {
    color: #fff;
    background-color: #3d1b67
}

.tp-caption {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-size: 1em !important;
    max-width: 400px !important
}

@media screen and (max-width: 1199px) {
    .tp-caption {
        left: 10% !important
    }
}

@media screen and (max-width: 991px) {
    .tp-caption {
        left: 14% !important
    }
}

@media screen and (max-width: 767px) {
    .tp-caption {
        left: 40px !important;
        right: 40px;
        font-size: 1.5em;
        max-width: 100% !important
    }
}

.tp-caption h1 {
    font-size: 2em !important;
    margin-bottom: 20px
}

@media screen and (max-width: 390px) {
    .tp-caption h1 {
        margin-top: 0;
        font-size: 1.5em !important
    }
}

.tp-caption p {
    font-size: 1.05em !important;
    line-height: 1.6em !important;
    margin-bottom: 20px;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .tp-caption p {
        display: none
    }
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    opacity: 1
}

.tp-bullets.hidebullets {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

.tparrows {
    opacity: 1
}

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

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

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

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

.tp-leftarrow.default {
    z-index: 99;
    cursor: pointer;
    position: relative;
    background: rgba(0, 0, 0, 0.2) url(../images/left-a.png) no-repeat 10px 0;
    width: 40px;
    height: 45px;
    left: 0px !important
}

.tp-rightarrow.default {
    z-index: 99;
    cursor: pointer;
    position: relative;
    background: rgba(0, 0, 0, 0.2) url(../images/right-a.png) no-repeat 10px 0;
    width: 40px;
    height: 45px;
    right: 0 !important
}

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

.tp-bullets.tp-thumbs img {
    vertical-align: top
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
    margin: auto -160px !important
}

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

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

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    opacity: 0.5
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

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

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

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

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

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

.vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none
}

.tp-caption img {
    background: transparent
}

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

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

.tp-leftarrow.default,
.tp-rightarrow.default {
    font-family: FontAwesome;
    font-size: 11px;
    font-weight: normal;
    height: 45px;
    width: 40px;
    text-align: center;
    line-height: 44px
}

.forcefullwidth_wrapper_tp_banner,
.fullwidthbanner-container {
    width: 100% !important;
    display: inline-block;
    left: 0 !important;
    margin: auto !important
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-panels,
.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit
}

.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels>.mm-panel:before,
.mm-panels>.mm-panel:after {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-vertical .mm-listview>li>.mm-next,
.mm-listview>li.mm-vertical>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-vertical .mm-listview>li>.mm-next:after,
.mm-listview>li.mm-vertical>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview a,
.mm-listview a:hover {
    text-decoration: none
}

.mm-listview>li {
    position: relative
}

.mm-listview>li>a,
.mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li>a.mm-arrow,
.mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px
}

.mm-next:after,
.mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 23px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7)
}

.mm-menu .mm-navbar>*,
.mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3)
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1)
}

.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
    tap-highlight-color: rgba(255, 255, 255, 0.5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.5)
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.05)
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking {
    overflow: hidden
}

html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(28, 29, 33, 0.7);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-menu.mm-autoheight {
    max-height: 80%
}

.mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto !important;
    height: auto !important
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter+a.mm-next {
    width: 90px
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px
}

.mm-nosubresults>.mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3)
}

.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05)
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left;
    -moz-transition-property: -moz-transform, left;
    -ms-transition-property: -ms-transform, left;
    -o-transition-property: -o-transform, left;
    transition-property: transform, left
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0px
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0
}

.mm-navbar-top~.mm-navbar-top {
    border-bottom: none
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-close:after {
    content: 'x'
}

.mm-navbar[class*="mm-navbar-content-"]>* {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar>.mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar>.mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar>.mm-breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0px
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 40px
}

.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels {
    top: 80px
}

.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels {
    top: 120px
}

.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0px
}

.mm-hasnavbar-bottom-1 .mm-panels {
    bottom: 40px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels {
    bottom: 80px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels {
    bottom: 120px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2>* {
    width: 50%
}

.mm-navbar-content-3>* {
    width: 33.33%
}

.mm-navbar-content-4>* {
    width: 25%
}

.mm-navbar-content-5>* {
    width: 20%
}

.mm-navbar-content-6>* {
    width: 16.67%
}

.mm-search,
.mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px
}

.mm-search input {
    border: none;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults>a.mm-next {
    display: none
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.7)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -ms-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    transition: right 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
    margin-right: 20px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, 0.3)
}

input.mm-toggle,
input.mm-check {
    position: absolute;
    left: -10000px
}

label.mm-toggle,
label.mm-check {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2
}

label.mm-toggle:before,
label.mm-check:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-toggle,
li.mm-vertical label.mm-check {
    bottom: auto;
    margin-top: 0
}

li.mm-vertical label.mm-toggle {
    top: 5px
}

li.mm-vertical label.mm-check {
    top: 5px
}

label.mm-toggle,
label.mm-check {
    right: 20px
}

label.mm-toggle+a,
label.mm-toggle+span {
    padding-right: 80px
}

label.mm-check+a,
label.mm-check+span {
    padding-right: 60px
}

a.mm-next+label.mm-toggle,
a.mm-next+label.mm-check {
    right: 60px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span,
a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    margin-right: 50px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    padding-right: 70px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-toggle,
em.mm-counter+a.mm-next+label.mm-check {
    right: 100px
}

em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span,
em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.7)
}

.mm-menu.mm-border-none .mm-listview>li:after,
.mm-listview.mm-border-none>li:after {
    content: none
}

.mm-menu.mm-border-full .mm-listview>li:after,
.mm-listview.mm-border-full>li:after {
    left: 0 !important
}

.mm-menu.mm-border-offset .mm-listview>li:after,
.mm-listview.mm-border-offset>li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(10) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(12) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -ms-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(14) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview>li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-effect-listitems-slide .mm-listview>li {
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview>li {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview>li {
    opacity: 0;
    top: -25%;
    -webkit-transition-property: opacity, top;
    -moz-transition-property: opacity, top;
    -ms-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker {
    opacity: 0
}

html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker {
    opacity: 0.3;
    transition: opacity 0.4s ease 0.4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-next:after,
.mm-menu.mm-pageshadow.mm-front:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-top,
.mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-menu.mm-front {
    z-index: 9998
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-top,
.mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-theme-dark {
    background: #1e1e1e;
    border-color: #2F2F2F;
    color: rgba(255, 255, 255, 0.8)
}

.mm-menu.mm-theme-dark .mm-navbar>*,
.mm-menu.mm-theme-dark .mm-navbar a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: #2F2F2F
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after {
    border-color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    tap-highlight-color: rgba(0, 0, 0, 0.1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.1)
}

.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.05)
}

.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.8)
}

.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.05)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 2px 0 20px 0 #000
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: #2F2F2F
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #1e1e1e
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6)
}

.mm-menu.mm-theme-white .mm-navbar>*,
.mm-menu.mm-theme-white .mm-navbar a {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, 0.1)
}

.mm-menu.mm-theme-white .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
    tap-highlight-color: rgba(0, 0, 0, 0.05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.05)
}

.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.03)
}

.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, 0.03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.6)
}

.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.03)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6)
}

.mm-menu.mm-theme-black .mm-navbar>*,
.mm-menu.mm-theme-black .mm-navbar a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, 0.2)
}

.mm-menu.mm-theme-black .mm-listview>li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after {
    border-color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    tap-highlight-color: rgba(255, 255, 255, 0.3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.3)
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.2)
}

.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6)
}

.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.2)
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 8px #000
}

button.mfp-close {
    background: transparent
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: 0;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    font-size: 40px
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    top: 50%;
    margin-top: -50px;
    margin-bottom: 0;
    padding: 0;
    width: 90px;
    height: 100px;
    -webkit-tap-highlight-color: transparent;
    font-size: 60px;
    font-family: 'FontAwesome';
    color: #fff
}

.mfp-arrow:active {
    margin-top: -46px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 4px;
    margin-left: 35px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    content: "\f104"
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    content: "\f105"
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-fade.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.9
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.sp-loading {
    text-align: center;
    max-width: 270px;
    padding: 15px;
    border: 5px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    color: #888
}

.sp-wrap {
    display: block !important;
    line-height: 0;
    font-size: 0;
    position: relative;
    max-width: 100%
}

.sp-thumbs {
    width: 100%;
    display: table;
    margin: 0 auto;
    max-width: 320px
}

.sp-thumbs img {
    min-height: 50px;
    min-width: 50px
}

.sp-thumbs a {
    width: 25%
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
    overflow: hidden;
    opacity: .3;
    display: block;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 32%;
    border: 1px solid transparent
}

.sp-thumbs a:hover {
    opacity: 1
}

.sp-thumbs a:active {
    opacity: 1 !important;
    position: relative
}

.sp-current {
    opacity: 1 !important;
    position: relative;
    border: 1px solid #2980B9 !important
}

.sp-large {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    box-sizing: content-box
}

.sp-large a {
    display: block
}

.sp-large a img {
    max-width: 100%;
    height: auto
}

.sp-current-big:before {
    content: "\f065";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #8A878E;
    font-size: 25px
}

.sp-zoom {
    position: absolute;
    left: -50%;
    top: -50%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    display: none
}

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    z-index: 500;
    display: none;
    cursor: pointer
}

.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff
}

#sp-prev,
#sp-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    text-decoration: none;
    background: #000;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 40px;
    box-sizing: border-box;
    font-family: "FontAwesome"
}

#sp-prev {
    left: 10px
}

#sp-prev:before {
    content: "\f104";
    position: absolute;
    top: -5px;
    left: 16px
}

#sp-next {
    right: 10px
}

#sp-next:before {
    content: "\f105";
    position: absolute;
    top: -5px;
    left: 20px
}

#sp-prev:hover,
#sp-next:hover {
    background: #444
}


.must-fill {
    color: #CF0D0A;
    vertical-align: middle;
    font-size: 20px;
    padding: 0;
    line-height: 1;
    display: inline-block;
    margin-top: 5px;
    margin-right: 4px
}

.edit-area {
    line-height: 1.8em
}

.edit-area ul {
    margin-bottom: 15px
}

.edit-area img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.edit-area a {
    color: #2980B9;
    display: inline-block
}

.edit-area a:hover {
    color: #3d1b67
}

.edit-area .edit-link-hover {
    line-height: 1.3
}

.edit-area .edit-link-hover:after {
    content: "";
    width: 0;
    display: table;
    border-bottom: 1px solid #2980B9
}

.edit-area .edit-link-hover:hover:after {
    width: 100%
}

.tab-pane .edit-area ul {
    padding-left: 25px
}

.tab-pane .edit-area ul li {
    list-style-type: decimal
}

.main-container {
    background-color: #fff;
    min-height: 550px;
    padding-bottom: 30px
}

.modal-body {
    position: relative;
    padding: 15px 15px 0 15px
}

.modal-body .checkout-postage {
    border-bottom: 0
}


.verifynumber {
    margin-top: 33px
}

@media screen and (max-width: 767px) {
    .verifynumber {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.verifynumber .verifynumber-img {
    width: 120px;
    display: inline-block;
    vertical-align: middle
}

.verifynumber a {
    display: inline-block;
    vertical-align: middle
}

.verifynumber a .fa-refresh {
    padding: 4px 10px;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #2980B9
}

.map-wrapper iframe {
    width: 100% !important
}

.nav-tabs {
    border-bottom: 2px solid #ddd
}

@media screen and (max-width: 479px) {
    .nav-tabs {
        white-space: nowrap;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto
    }
}

@media screen and (max-width: 479px) {
    .nav-tabs li {
        float: none;
        display: inline-block
    }
}

.nav-tabs li a:after {
    content: "";
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #2980B9 transparent transparent transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    opacity: 0;
    visibility: hidden
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
    color: #fff;
    background-color: #2980B9
}

.nav-tabs li a:hover:after,
.nav-tabs li a:focus:after {
    opacity: 1;
    visibility: visible
}

.nav-tabs li.active>a {
    color: #fff;
    background-color: #2980B9
}

.nav-tabs li.active>a:after {
    opacity: 1;
    visibility: visible
}

.bg-cover .products-title {
    margin: 0 0 15px 0;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: pre-line
}

.bg-cover .products-intro {
    margin: 0;
    color: #fff;
    line-height: 1.5em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6)
}

.bg-cover a .products-cover {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.bg-cover a:hover .products-cover {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.bg-cover .va-container {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 20px
}

.products-category {
    margin: 0 -5px
}

.products-category li {
    float: left;
    padding: 0 5px
}

.products-category li:nth-child(5n+1),
.products-category li:nth-child(5n+4) {
    width: 66.66667%
}

.products-category li:nth-child(5n+2),
.products-category li:nth-child(5n+3) {
    width: 33.33333%
}

.products-category li:nth-child(5n+5) {
    width: 100%
}

@media screen and (max-width: 767px) {

    .products-category li:nth-child(5n+1),
    .products-category li:nth-child(5n+2),
    .products-category li:nth-child(5n+3),
    .products-category li:nth-child(5n+4) {
        width: 50%
    }
}

.products .products-category {
    margin: 0 -5px
}

.products .products-category li {
    float: left;
    padding: 0 5px
}

.products .products-category li:nth-child(5n+1),
.products .products-category li:nth-child(5n+4) {
    width: 66.66667%
}

.products .products-category li:nth-child(5n+2),
.products .products-category li:nth-child(5n+3) {
    width: 33.33333%
}

.products .products-category li:nth-child(5n+5) {
    width: 100%
}

@media screen and (max-width: 991px) {

    .products .products-category li:nth-child(5n+1),
    .products .products-category li:nth-child(5n+2),
    .products .products-category li:nth-child(5n+3),
    .products .products-category li:nth-child(5n+4) {
        width: 50%
    }
}

@media screen and (max-width: 767px) {

    .products .products-category li:nth-child(5n+1),
    .products .products-category li:nth-child(5n+2),
    .products .products-category li:nth-child(5n+3),
    .products .products-category li:nth-child(5n+4) {
        width: 100%
    }
}

.products-category1 .products-category li {
    width: 50%
}

@media screen and (max-width: 767px) {
    .products-category1 .products-category li {
        width: 100%
    }
}

.products-category2 .bg-cover {
    height: 200px;
    margin-bottom: 30px
}

.products-category2 .bg-cover .bg-cover-image {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.NumberSpinner {
    display: table
}

@media screen and (max-width: 450px) {
    .NumberSpinner {
        float: none;
        width: 100%
    }
}

.NumberSpinner .count {
    border: none;
    outline: none;
    color: #999;
    font-size: 10px;
    line-height: normal;
    padding: 12px 14px 9px 16px;
    text-align: center;
    line-height: 18px;
    background-color: #f5f5f5;
    border: 1px #eaeaea solid;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.NumberSpinner .count.increase {
    display: table-cell;
    vertical-align: middle
}

.NumberSpinner .count.reduced {
    display: table-cell;
    vertical-align: middle
}

.NumberSpinner .count:hover {
    background-color: #2980B9;
    border: 1px #2980B9 solid;
    color: #fff
}

.NumberSpinner .qty {
    padding: 0 5px;
    height: 41px;
    border: 1px #ddd solid;
    text-align: center;
    margin: 0;

    display: table-cell;
    vertical-align: middle
}

.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tfoot>tr>td {
    padding: 10px
}

.data-table {
    border-spacing: 0
}

.data-table a {
    color: #2980B9
}

.data-table thead tr,
.data-table tfoot tr {
    background-color: #f7f7f7
}

.data-table thead th {
    color: #333;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

.data-table tbody td {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    vertical-align: middle
}

.data-table tbody td.last {
    border-right: none
}

.data-table tbody tr.last th,
.data-table tbody tr.last td {
    border-bottom: 1px solid #eaeaea
}

.data-table tfoot td {
    color: #333;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

.data-table .NumberSpinner {
    max-width: 200px
}

.data-table .price {
    font-size: 13px;
    font-weight: normal;
    color: #2980B9
}

.data-table .item-remove {
    width: 60px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .data-table .item-remove {
        width: auto;
        height: 60px
    }

    .data-table .item-remove:before {
        content: ""
    }
}

.data-table .item-remove a {
    border: 1px solid #fff;
    display: block;
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    text-align: center;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .data-table .item-remove a {
        border: 1px solid #8d8d8d;
        position: absolute;
        right: 10px
    }
}

.data-table .item-remove a i {
    font-size: 20px;
    color: #bebebe;
    vertical-align: middle;
    margin-bottom: 2px
}

.data-table .item-remove a:hover {
    border: 1px solid #8d8d8d
}

.data-table .item-remove a:hover i {
    color: #8D8D8D
}

.data-table .item-img {
    width: 70px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .data-table .item-img {
        text-align: left;
        width: auto
    }
}

@media screen and (max-width: 767px) {

    .mobile-table thead,
    .mobile-table tbody,
    .mobile-table th,
    .mobile-table td,
    .mobile-table tr {
        display: block
    }

    .mobile-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .mobile-table tr {
        border: 2px solid #ddd;
        margin-top: 0;
        margin-bottom: 15px
    }

    .mobile-table tr td:last-of-type {
        border-bottom: 0
    }

    .mobile-table tr:last-of-type {
        margin-bottom: 0
    }

    .mobile-table td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 100px !important;
        white-space: normal
    }

    .mobile-table td:before {
        position: absolute;
        top: 13px;
        left: 6px;
        width: 90px !important;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content: attr(data-title)
    }

    .mobile-table tfoot tr td.last {
        padding-left: 10px !important
    }

    .mobile-table tfoot tr td.last:before {
        display: none
    }
}

.price {
   
    font-size: 20px;
    white-space: nowrap;
    font-weight: bold
}

.price-box {
    margin: 3px 0
}

.old-price {
    display: inline;
    margin: auto
}

.old-price .price {
    color: #777777;
    font-size: 13px;
    font-weight: normal;
    text-decoration: line-through
}

.special-price {
    margin: 0
}

.special-price .price {
    font-size: 18px;
    color: #FF4C4C
}

.new-label,
.sale-label {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    width: 40px;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    margin-left: 0px;
    font-weight: 600;
    background: #FEE242;
    box-shadow: 0 2px 0 #d9b901
}

.sale-label {
    color: #fff;
    background: #d12631;
    box-shadow: 0 2px 0 #a61e27
}

.new-top-left {
    left: 10px;
    top: 0
}

.new-top-right {
    right: 10px;
    top: 0
}

.sale-top-right {
    top: 0;
    right: 10px
}

.sale-top-left {
    left: 10px;
    top: 0
}

.item_title {
    padding: 0 0 5px 0;
    border-bottom: 2px solid #ddd;
    color: #000000;
    margin: 0 auto 30px;
    text-align: left;
    text-transform: none
}

.item_title.center {
    padding: 0 0 5px 0;
    text-align: center;
    border-bottom: 2px solid #ddd
}

.item_title h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    padding: 6px 10px 10px 0;
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    background-color: #FFF;
    border-bottom: 2px solid #2980B9;
    margin-bottom: -7px;
    line-height: 1.5
}

.item_title .arrival {
    font-size: 15px;
    color: #9B9B9B;
    margin-left: 15px
}

.breadcrumbs {
    background: #f5f5f5;
    font-size: 13px;
    padding: 10px 0px;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 30px
}

.breadcrumbs ul {
    margin: 0px 0px 0px 15px;
    padding: 0px
}

.breadcrumbs li {
    display: inline
}

.breadcrumbs li:last-child {
    color: #2980B9;
    font-weight: 600;
    white-space: nowrap
}

.breadcrumbs a {
    color: #666
}

.breadcrumbs a:hover {
    color: #2980B9
}

.breadcrumbs strong {
    color: #333;
    font-weight: 600
}

.breadcrumbs span {
    color: #AEAEAE;
    display: inline-block;
    font-size: 13px;
    margin: 0 5px
}

.item {
    margin-bottom: 60px
}

.item .item-info {
    padding-top: 16px
}

.item .item-info .info-inner .item-title {
    margin-bottom: 5px
}

.item .item-info .info-inner .item-title a {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.item .item-info .info-inner .item-title a:hover {
    color: #2980B9 !important
}

.item .item-info .info-inner .item-content .item-cart {
    float: right
}

.item .item-info .info-inner .item-content .item-cart .addcart {
    display: block;
    text-align: center;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border: 1px solid #777777
}

.item .item-info .info-inner .item-content .item-cart .addcart i {
    color: #777777;
    font-size: 20px
}

.item .item-info .info-inner .item-content .item-cart .addcart:hover {
    background-color: #2980B9;
    border: 1px solid #4e2384
}

.item .item-info .info-inner .item-content .item-cart .addcart:hover i {
    color: #fff
}

.product-block .product-image {
    display: block;
    z-index: 1
}

.product-block .product-image a {
    display: block;
    z-index: 1
}

.product-block .product-image .product-display {
    display: block;
    z-index: 1
}

.product-block .product-image .product-display img {
    z-index: 1
}

.product-block .product-image a {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    z-index: 8
}

.product-block .product-image a img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.product-block .product-mainpic {
    max-width: 100%
}

.product-block .product-secondpic {
    position: absolute;
    top: 0;
    max-width: 100%;
    left: 0;
    opacity: 0
}

@media screen and (max-width: 991px) {
    .product-block .product-secondpic {
        display: none !important
    }
}

.product-block:hover .product-image .product-mainpic {
    opacity: 0
}

@media screen and (max-width: 991px) {
    .product-block:hover .product-image .product-mainpic {
        opacity: 1
    }
}

.product-block:hover .product-image .product-secondpic {
    opacity: 1
}

@media screen and (max-width: 991px) {
    .product-block:hover .product-image .product-secondpic {
        opacity: 0
    }
}

.index-pro {
    margin-bottom: 15px
}

.item-slider {
    margin: 20px 0
}

.slider-items-products {
    position: relative
}

.slider-items-products .item {
    padding: 0 10px
}

.index-item-products {
    position: relative
}

.index-item-products .slider-items {
    margin: 0 -10px
}

.index-item-products .item {
    float: left;
    width: 25%;
    padding: 0 10px
}

@media screen and (max-width: 991px) {
    .index-item-products .item {
        width: 33.33333333333333%
    }
}

@media screen and (max-width: 479px) {
    .index-item-products .item {
        width: 50%
    }
}

.owl-buttons {
    opacity: 1;
    top: -10px;
    position: absolute;
    right: 0
}

.slider-items-products .owl-buttons .owl-prev {
    position: absolute;
    right: 28px;
    top: -49px
}

.slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: 1px;
    top: -49px
}

.slider-items-products .owl-buttons .owl-prev a {
    background-position: 0 100%;
    left: 0;
    top: 50%
}

.slider-items-products .owl-buttons .owl-next a {
    background-position: 100% 100%;
    left: 0;
    top: 50%
}

.slider-items-products .owl-buttons .owl-next a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f105";
    text-transform: none;
    font-size: 18px;
    padding: 6px 6px 6px 6px;
    line-height: 26px
}

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f104";
    text-transform: none;
    font-size: 18px;
    padding: 6px 4px;
    line-height: 26px
}

.slider-items-products .owl-buttons a {
    background: #fff;
    display: block;
    height: 28px;
    margin: -22px 0 0;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 5;
    border: 1px solid #999;
    color: #000
}

.slider-items-products .owl-buttons a:hover {
    background: #2980B9;
    color: #fff;
    border: 1px solid #3d1b67;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}


.side-nav .block-title:before {
    content: '\f0c9';
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 3px
}

.box-category {
    padding: 0 10px 0;
    box-shadow: 0 2px 0 #ddd
}

.box-category>ul>li {
    display: block;
    position: relative;
    box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFF;
    padding: 6px 0
}

.box-category>ul>li>a {
    color: #555;
    display: block;
    font-size: 15px;
    padding: 6px 0;
    margin-right: 30px;
    font-weight: bold
}

.box-category>ul>li>a:hover {
    color: #2980B9
}

.box-category>ul>li:last-child {
    box-shadow: none
}

.box-category>ul>li ul {
    display: none
}

.box-category>ul>li ul>li>a {
    font-size: 13px;
    padding: 4px 0;
    color: #666;
    margin-right: 30px;
    display: block
}

.box-category>ul>li ul>li>a:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444
}

.box-category>ul>li ul>li>a:hover {
    text-indent: 5px;
    color: #2980B9
}

.box-category>ul>li ul>li>a:hover:before {
    color: #2980B9
}

.box-category>ul>li ul>li>a.active {
    color: #2980B9
}

.box-category>ul>li ul>li>a.active:before {
    color: #2980B9
}

.box-category .subDropdown {
    top: 8px;
    right: 0;
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 2px;
    background-color: #E4E4E4
}

.box-category .subDropdown:hover {
    background-color: #D8D8D8
}

.box-category .subDropdown.plus {
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: center
}

.box-category .subDropdown.minus {
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 767px) {
    .category-products {
        margin-bottom: 30px
    }
}

.products-grid {
    margin: 0 -5px
}

.products-grid .item {
    float: left;
    width: 25%;
    padding: 0 5px
}

@media screen and (max-width: 991px) {
    .products-grid .item {
        width: 33.33333333333333%
    }
}

@media screen and (max-width: 479px) {
    .products-grid .item {
        width: 50%
    }
}

.product-view {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .product-view {
        margin-bottom: 60px
    }
}

.product-view .product-img-box {
    margin-bottom: 10px;
    position: relative
}

@media screen and (max-width: 767px) {
    .product-view .product-img-box .product-image {
        margin-bottom: 30px
    }
}

.product-view .product-img-box .fa-expand {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #8A878E;
    font-size: 25px
}

.product-view .product-shop {
    margin-top: 0;
    position: relative
}

.product-view .product-shop .spec-pick {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-bottom: 20px
}

.product-view .product-shop .colorpick label,
.product-view .product-shop .sizepick label {
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    margin-right: 8px
}

.product-view .product-shop .colorpick {
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .product-view .product-shop .colorpick {
        margin-right: 0
    }
}

.product-view .product-shop .colorpick a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.product-view .product-shop .colorpick a span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #cecece;
    position: relative;
    bottom: -2px;
    margin: 0 auto;
    display: block
}

.product-view .product-shop .colorpick a:hover {
    border: 1px solid #c4c4c4
}

.product-view .product-shop .colorpick a.active {
    border: 1px solid #444444;
    position: relative;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.product-view .product-shop .sizepick a {
    padding: 3px 0;
    display: inline-block;
    border: 1px solid #EAEAEA;
    color: #555;
    text-align: center;
    width: 30px;
    height: 30px;
    font-weight: 600;
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: 10px
}

.product-view .product-shop .sizepick a:hover {
    background-color: #eee;
    border: 1px solid #c4c4c4
}

.product-view .product-shop .sizepick a.active {
    border: 1px solid #444444;
    background-color: #eee
}

@media screen and (max-width: 539px) {
    .product-view .product-shop .NumberSpinner {
        margin-bottom: 20px
    }
}

.product-view .product-shop .btn-cart {
    background: #222;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 0px;
    border: none;
    width: 100%
}

.product-view .product-shop .btn-cart:hover {
    background: #2980B9;
    text-shadow: none;
    color: #fff
}

@media screen and (max-width: 767px) {
    .product-view .product-shop .btn-cart {
        float: left
    }
}

.product-view .product-shop .social {
    padding: 15px 0;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.product-view .product-shop .social span {
    float: left;
    padding: 7px 10px 10px 0
}

@media screen and (max-width: 767px) {
    .product-view .product-shop .social span {
        padding-top: 14px
    }
}

@media screen and (max-width: 479px) {
    .product-view .product-shop .social span {
        padding-top: 7px
    }
}

.product-view .product-shop button.button.btn-cart:before {
    content: "\f07a";
    font-family: 'FontAwesome';
    margin-right: 10px
}

.product-view .product-shop .price-box {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0;
    padding: 10px 0
}

.product-view .product-shop .price-box .old-price {
    margin-right: 5px;
    display: inline-block
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0
}

.product-view .product-name {
    border-bottom: 1px solid #ddd
}

.product-view .product-name h1 {
    font-size: 28px;
    margin: 0 0 2px;
    text-align: left;
    line-height: 1.2em;
    padding: 15px 0;
    letter-spacing: -1px;
    font-weight: 600;
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    color: #565a5c
}

.product-view .product-name h1 span {
    font-size: 14px;
    color: #828789;
    background-color: #edefed;
    padding: 6px;
    border-radius: 3px
}

.product-view .short-description {
    padding: 15px 0
}

.product-view .short-description h2 {
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold
}

.product-view .new-label {
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 10px;
    z-index: 10000;
    font-weight: normal;
    line-height: normal;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-top: 1px;
    margin-left: 10px;
    background: #fcec94;
    border-radius: 30px
}

.product-view .sale-label {
    font-size: 10px;
    color: #fff;
    background: #d12631;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 10000;
    font-weight: normal;
    line-height: normal;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
    margin-left: 10px
}

.product-tabs {
    margin-bottom: 50px
}

.product-tabs .tab-content {
    padding-top: 15px
}

.products-description {
    padding: 0
}

@media screen and (max-width: 991px) {
    .products-description {
        margin: 0 -10px
    }
}

.products-description-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ddd
}

@media screen and (max-width: 991px) {
    .products-description-list {
        width: 50%;
        float: left;
        padding: 0 10px;
        border-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .products-description-list {
        width: 100%;
        float: none
    }
}

.products-description-list:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.products-description-list .products-description-image-wrap {
    float: left;
    width: 50%
}

@media screen and (max-width: 991px) {
    .products-description-list .products-description-image-wrap {
        float: none;
        width: 100%
    }
}

.products-description-list .products-description-content-wrap {
    float: left;
    width: 50%;
    display: table
}

@media screen and (max-width: 991px) {
    .products-description-list .products-description-content-wrap {
        float: none;
        width: 100%;
        display: block;
        padding-bottom: 20px;
        border-bottom: 1px dotted #ddd
    }
}

.products-description-list .products-description-image {
    width: 50%;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .products-description-list .products-description-image {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0
    }
}

.products-description-list .products-description-content {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 10px 20px;
    text-align: justify
}

.products-description-list .products-description-content p {
    margin: 0
}

@media screen and (max-width: 991px) {
    .products-description-list .products-description-content {
        padding: 10px 0 0 0;
        display: block
    }
}

.products-description-list .products-description-content .products-description-title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.4em
}

.products-description-list:nth-child(even) .products-description-image-wrap {
    float: right
}

@media screen and (max-width: 991px) {
    .products-description-list:nth-child(even) .products-description-image-wrap {
        float: none
    }
}

.products-description-list:nth-child(even) .products-description-content {
    padding: 10px 20px 10px 0
}

@media screen and (max-width: 991px) {
    .products-description-list:nth-child(even) .products-description-content {
        padding: 10px 0 0 0
    }
}

.product-tabs-content-inner tbody>tr>td {
    padding: 6px
}

@media screen and (max-width: 1199px) {
    .news .over-effect .over-effect-list:first-child {
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .news .over-effect .over-effect-list:not(:first-child) {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .news .over-effect .over-effect-list:not(:first-child) {
        width: 100%
    }
}

.news .pagination {
    display: block;
    text-align: center
}

.news .news-details-title {
    font-size: 24px;
    margin: 20px 0 0 0;
    font-weight: 600;
    line-height: 1.5
}

.news .news-date {
    color: #868686
}

.news .news-date i {
    margin-right: 5px
}

.news .entry-content {
    padding: 20px 0;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px
}

.news .popular-news .popular-title {
    margin: 20px 0;
    font-weight: 600;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .news .popular-news {
        margin-top: 80px
    }
}

.news .popular-news .over-effect-list {
    float: none;
    width: 100%
}

@media screen and (max-width: 1199px) {
    .news .popular-news .over-effect-list:not(:first-child) {
        width: auto
    }
}

.dashboard .member-welcome {
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6)
}

.dashboard .member-welcome .fa-user {
    vertical-align: middle;
    border: 1px solid #fff;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 1
}

.dashboard .member-welcome:before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(22, 22, 22, 0.8)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(22, 22, 22, 0.8));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(22, 22, 22, 0.8));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(22, 22, 22, 0.8));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dashboard .member-msg {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    position: relative;
    text-align: left
}

@media screen and (max-width: 497px) {
    .dashboard .member-msg {
        text-align: center
    }
}

.dashboard .member-msg h4 {
    font-weight: 600;
    margin-bottom: 10px
}

.dashboard .member-clicks {
    margin-bottom: 20px
}

.dashboard .member-clicks .btn-primary {
    background-color: #2472A6;
    border-color: #644887;
    padding: 12px 0;
    text-shadow: 0 2px 2px #47335f
}

.dashboard .member-clicks .btn-primary:hover,
.dashboard .member-clicks .btn-primary.current {
    background-color: #1E5B84;
    border-color: #47335f
}

.dashboard .member-clicks .btn-primary i {
    display: block
}

.dashboard .member-clicks.logout {
    background-color: #2472A6;
    border-color: #644887
}

.dashboard .recent-orders .order-record-title {
    font-weight: 600;
    margin: 30px auto
}

.dashboard .recent-orders .order-record-title span {
    font-size: 20px;
    color: #a94442;
    padding: 0 8px
}

.dashboard .recent-orders table>tbody>tr>td {
    vertical-align: middle
}

.dashboard .recent-orders .price {
    color: #a94442;
    font-weight: 600;
    font-size: 18px
}

.dashboard .recent-orders .btn-primary {
    color: #2980B9;
    background: none
}

.dashboard .recent-orders .btn-primary:hover,
.dashboard .recent-orders .btn-primary:focus,
.dashboard .recent-orders .btn-primary.focus,
.dashboard .recent-orders .btn-primary:active,
.dashboard .recent-orders .btn-primary.active {
    color: #fff;
    background-color: #2980B9;
    border-color: #311653
}

.checkout-postage {
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.checkout-postage .p-fee {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 0
}

.checkout-postage .p-fee .p-fee-shipment {
    color: #439B4A;
    font-size: 16px
}

.checkout-postage .total-cost {
    color: #a94442;
    font-size: 20px
}

.shoppingStep {
    text-align: center;
    margin: 30px 0;
    color: #D0D0D0
}

@media screen and (max-width: 767px) {
    .shoppingStep {
        text-align: left;
        margin: 20px 0
    }
}

.shoppingStep li {
    display: inline-block;
    padding: 15px 0
}

@media screen and (max-width: 767px) {
    .shoppingStep li {
        display: block
    }
}

.shoppingStep li .number {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 16px;
    font-weight: bold;
    text-align: center;
    margin-right: 10px
}

.shoppingStep li.current {
    color: #2980B9
}

.shoppingStep li.current .number {
    color: #fff;
    background: #2980B9;
    border: 1px solid #49207c
}

.shoppingStep li:after {
    content: "";
    height: 1px;
    width: 20px;
    margin: 0 10px;
    background-color: #D0D0D0;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .shoppingStep li:after {
        display: block
    }
}

.shoppingStep li:last-child:after {
    display: none
}

#toTop {
    color: #fff;
    text-align: center;
    bottom: 100px;
    display: none;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    text-decoration: none;
    width: 50px;
    background: url(../images/to-top-arrow.png) no-repeat center;
    background-color: #525252;
    text-transform: uppercase;
    z-index: 999
}

#toTop:hover {
    color: #fff;
    background-color: #2980B9
}

.va-container {
    display: table;
    position: relative
}

.va-container-v {
    height: 100%
}

.va-container-h {
    width: 100%
}

.va-middle {
    vertical-align: middle
}

.va-top,
.va-middle,
.va-bottom {
    display: table-cell
}

.bg-cover {
    height: 240px;
    overflow: hidden;
    margin-bottom: 10px
}

.bg-cover {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    position: relative
}

.bg-cover .bg-cover-image {
    background-position: center center;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    -moz-transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0
}

.bg-cover .bg-cover-image:hover {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.over-effect {
    margin: 0 -5px
}

.over-effect .over-effect-list {
    padding: 0 5px;
    width: 33.33333333333333%;
    float: left
}

@media screen and (max-width: 767px) {
    .over-effect .over-effect-list .bg-cover {
        margin-bottom: 10px
    }
}

.over-effect .over-effect-list a .news-txtblock {
    padding: 15px;
    text-align: left;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #242424));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #242424);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #242424);
    background-image: linear-gradient(rgba(0, 0, 0, 0), #242424);
    width: 100%
}

.over-effect .over-effect-list a .news-txtblock h6 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    line-height: 1.3em
}

.over-effect .over-effect-list a .news-txtblock .news-date {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #fff
}

.over-effect .over-effect-list a .news-txtblock .news-date i {
    margin-right: 5px
}

.over-effect .over-effect-list a .news-txtblock .news-intro {
    margin: 0
}

.index-news {
    margin: 20px auto 15px
}

.index-news .over-effect .over-effect-list:nth-child(7n+1),
.index-news .over-effect .over-effect-list:nth-child(7n+7) {
    width: 66.66667%
}

.index-news .over-effect .over-effect-list:nth-child(7n+2),
.index-news .over-effect .over-effect-list:nth-child(7n+3),
.index-news .over-effect .over-effect-list:nth-child(7n+4),
.index-news .over-effect .over-effect-list:nth-child(7n+5),
.index-news .over-effect .over-effect-list:nth-child(7n+6) {
    width: 33.33333%
}

@media screen and (max-width: 1199px) {
    .index-news .over-effect .over-effect-list:nth-child(7n+1) {
        width: 100%
    }

    .index-news .over-effect .over-effect-list:nth-child(7n+2),
    .index-news .over-effect .over-effect-list:nth-child(7n+3),
    .index-news .over-effect .over-effect-list:nth-child(7n+4),
    .index-news .over-effect .over-effect-list:nth-child(7n+5),
    .index-news .over-effect .over-effect-list:nth-child(7n+6),
    .index-news .over-effect .over-effect-list:nth-child(7n+7) {
        width: 50%
    }
}

@media screen and (max-width: 767px) {

    .index-news .over-effect .over-effect-list:nth-child(7n+2),
    .index-news .over-effect .over-effect-list:nth-child(7n+3),
    .index-news .over-effect .over-effect-list:nth-child(7n+4),
    .index-news .over-effect .over-effect-list:nth-child(7n+5),
    .index-news .over-effect .over-effect-list:nth-child(7n+6),
    .index-news .over-effect .over-effect-list:nth-child(7n+7) {
        width: 100%
    }
}

.social a {
    background: #3C5B9B;
    font-size: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
    overflow: hidden
}

.social a:hover i:first-child {
    margin-top: -35px
}

.social a:hover i:last-child {
    background: #273b64
}

.social i {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: 0
}

.social .fb a {
    background: #3C5B9B;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0
}

.social .fb a:before {
    content: "\f09a";
    font-family: FontAwesome
}

.social .fb a:hover {
    background: #3C5B9B
}

.social .tw {
    background: #359BED
}

.social .tw i {
    background: #359BED
}

.social .tw:hover i:last-child {
    background: #1174c4
}

.social .googleplus {
    background: #E33729
}
.social .lineplus {
	background:#00C300
}

.social .googleplus i {
    background: #E33729
}
.social .lineplus i {
	background:#00C300
}
.social .googleplus:hover i:last-child {
    background: #a92116
}
.social .lineplus:hover i:last-child {
	background:#00E000
}

.social .pintrest {
    background: #cb2027
}

.social .pintrest i {
    background: #cb2027
}

.social .pintrest:hover i:last-child {
    background: #89161a
}

.social .youtube {
    background: #F03434
}

.social .youtube i {
    background: #F03434
}

.social .youtube:hover i:last-child {
    background: #c90f0f
}

.social .mail {
    background: #636363
}

.social .mail i {
    background: #636363
}

.social .mail:hover i:last-child {
    background: #3d3d3d
}

.social ul {
    float: left;
    margin: 0px;
    list-style: none;
    padding: 0px
}

.social ul li {
    margin: 0px 0px 0px 7px;
    display: inline-block
}

.social a {
    transition: background 400ms ease-in-out
}

.faq-tabs {
    line-height: normal;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 0;
    margin-bottom: 25px;
    height: 42px;
    text-align: left
}

.faq-tabs li {
    display: inline-block;
    height: auto;
    line-height: normal;
    margin: 0;
    outline: none;
    padding: 0;
    list-style: none
}

.faq-tabs li.active a {
    background: none repeat scroll 0 0 #2980B9;
    color: #fff;
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: bold;
    height: 42px;
    border-bottom: 0
}

.faq-tabs li.active a:focus {
    border-bottom: 0
}

.faq-tabs li.active a:hover {
    background: none repeat scroll 0 0 #2980B9;
    color: #fff;
    font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: 700;
    border: none;
    border-bottom: 0
}

.nav-tabs.faq-tabs>li>a {
    margin-right: 0px;
    line-height: 42px;
    border: none;
    padding: 0 14px
}

.nav-tabs.faq-tabs>li>a:hover {
    margin-right: 0px;
    border: none;
    background-color: inherit;
    color: #2980B9
}

.accordion-faq {
    text-align: left;
    position: relative
}

.accordion-faq .panel {
    border-radius: 0;
    box-shadow: none
}

.accordion-faq .panel .panel-heading {
    padding: 0;
    color: #fff;
    border-radius: 0 !important;
    background: #333
}

.accordion-faq .panel-heading a {
    display: block;
    position: relative;
    background: #F3EFF8;
    color: #333;
    padding: 10px 5px 12px 15px;
    border-radius: 0;
    border-left: 48px solid #2980B9;
    font-weight: bold
}

.accordion-faq .panel-heading a:hover,
.accordion-faq .panel-heading a:not(.collapsed) {
    background: #e8e1f2;
    color: #2980B9
}

.accordion-faq .panel:last-child {
    box-shadow: none;
    border-bottom: none
}

.accordion-faq .arrow-down,
.accordion-faq .arrow-up {
    position: absolute;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: 50%;
    margin-top: -10px;
    line-height: 20px;
    left: -34px;
    color: #fff;
    text-align: center
}

.accordion-faq .arrow-down {
    opacity: 0
}

.accordion-faq .collapsed .arrow-up {
    opacity: 0
}

.accordion-faq .collapsed .arrow-down {
    opacity: 1
}

.accordion-faq .panel-body {
    border-top: 0 !important;
    padding: 15px;
    background: #fff;
    border: 1px #ddd solid;
    border-top: none
}

.accordion-faq.panel-group .panel+.panel {
    margin-top: 10px
}

.aboutus {
    padding-bottom: 20px
}

.aboutus:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd
}

.aboutus:last-child:after {
    display: none
}

.aboutus:nth-child(odd) .aboutus-content {
    float: right
}

@media screen and (max-width: 539px) {
    .aboutus:nth-child(odd) .aboutus-content {
        float: none
    }
}

.aboutus:nth-child(odd) .aboutus-image {
    margin-left: 8.33333%
}

@media screen and (max-width: 991px) {
    .aboutus:nth-child(odd) .aboutus-image {
        margin-left: 0
    }
}

.aboutus:nth-child(even) .aboutus-content {
    float: left
}

@media screen and (max-width: 539px) {
    .aboutus:nth-child(even) .aboutus-content {
        float: none
    }
}

.aboutus .aboutus-content {
    display: table
}

.aboutus .aboutus-content-wrap {
    display: table-cell;
    vertical-align: middle
}

.aboutus .aboutus-content .aboutus-title {
    font-size: 34px;
    margin-bottom: 20px;
    line-height: 1.4em;
    color: #9c7ec1
}

.aboutus .aboutus-image {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.aboutus .aboutus-image img {
    max-width: 600px
}

.media-report {
    padding: 20px 0
}

.media-report:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd
}

.media-report:last-child:after {
    display: none
}

.media-report .media-content {
    margin-bottom: 20px
}

.media-report .media-content .media-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 1.4em;
    color: #9c7ec1
}

.media-report .media-content p {
    font-size: 1.05em;
    line-height: 1.8em
}

.media-report .media-image {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.media-report .media-link {
    color: #fff;
    font-size: 16px;
    min-width: 120px
}

.media-report .media-link:hover {
    color: #fff
}

.branches:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd
}

.branches:last-child:after {
    display: none
}

.branches .branches-info {
    background-color: #fff
}

.branches .branches-title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.4em;
    color: #2980B9;
    display: inline-block;
    border: 1px solid #2980B9;
    padding: 6px 10px;
    border-radius: 20px;
    min-width: 150px;
    text-align: center
}

.branches .branches-title:before {
    content: "\f0a9";
    font-family: "FontAwesome";
    font-size: 20px;
    color: #2980B9;
    margin-right: 6px;
    vertical-align: bottom
}

.branches .branches-tabs {
    float: right
}

.branches:hover .branches-title {
    background-color: #2980B9;
    color: #fff
}

.branches:hover .branches-title:before {
    color: #fff
}

.branches-info {
    margin: 10px 0 0 0;
    color: #74787E
}

.branches-info li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%
}

.branches-info li:hover span.info-title,
.branches-info li:hover span.info-details,
.branches-info li:hover span.info-details a {
    color: #2980B9
}

.branches-info li span.info-title {
    margin-right: 10px;
    float: left
}

.branches-info li span.info-details {
    float: left;
    padding-top: 1px;
    width: 70%
}

@media screen and (max-width: 991px) {
    .branches-info li span.info-details {
        width: 100%
    }
}

.branches-info li span.info-details a {
    color: #74787E
}

.branches-info li span.info-details a:hover {
    color: #2980B9
}

.branches-info li i {
    padding: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    margin-right: .5em
}

.contactus .item-title {
    color: #2980B9;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px
}

.contactus .contact-item {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .contactus .contact-item {
        border-bottom: 1px solid #ddd
    }
}

.login .login-title {
    text-align: center;
    margin: 0;
    padding: 20px;
    color: #fff
}

.account-login {
    border: 1px solid #eaeaea
}

.account-login .login-content {
    padding: 20px;
    background-color: #F5F5F5
}

.account-login .login-content .form-control {
    background-color: #fff
}

.account-login .login-content .password-forget:hover {
    color: #2980B9
}

.account-login .login-content .login-form,
.account-login .login-content .social-login {
    width: 42.66667%
}

.account-login .login-content .sep-line {
    width: 14.66666%
}

.account-login .login-content .login-form,
.account-login .login-content .sep-line,
.account-login .login-content .social-login {
    float: left
}

@media screen and (max-width: 609px) {

    .account-login .login-content .login-form,
    .account-login .login-content .sep-line,
    .account-login .login-content .social-login {
        width: 100%;
        float: none
    }
}

.account-login .social-login {
    display: table
}

.account-login .social-login ul {
    display: table-cell;
    vertical-align: middle
}

.account-login .social-login ul li {
    padding-bottom: 20px
}

.account-login .social-login ul li a {
    padding: 10px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center
}

.account-login .social-login ul li a.fb {
    background-color: #3a589b
}

.account-login .social-login ul li a.googleplus {
    background-color: #d64136
}

.account-login .social-login ul li a.lineplus {
  background-color:#00E000
}

.account-login .social-login i {
    position: absolute;
    top: 0;
    left: 0px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    bottom: 0;
    line-height: 50px;
    font-size: 20px
}

.account-login .social-login a .social-line {
    content: "";
    width: 2px;
    height: 28px;
    position: absolute;
    left: 47px;
    top: 8px
}

.account-login .social-login a .social-line:before {
    content: "";
    width: 1px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

.account-login .social-login a .social-line:after {
    content: "";
    width: 1px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

.account-login .social-login a.fb:hover {
    background-color: #293f6e
}

.account-login .social-login a.fb:hover .social-line:before {
    background-color: #17233e
}

.account-login .social-login a.fb:hover .social-line:after {
    background-color: #4163ae
}

.account-login .social-login a.fb .social-line:before {
    background-color: #2c4376
}

.account-login .social-login a.fb .social-line:after {
    background-color: #4c6fbc
}

.account-login .social-login a.googleplus:hover {
    background-color: #ac2c23
}

.account-login .social-login a.lineplus:hover {
   background-color:#00C300
}

.account-login .social-login a.googleplus:hover .social-line:before {
    background-color: #751e18
}
.account-login .social-login a.lineplus:hover .social-line:before {
    background-color:#00C300
}

.account-login .social-login a.googleplus:hover .social-line:after {
    background-color: #da554b
}

.account-login .social-login a.lineplus:hover .social-line:after {
   background-color:#fff
}

.account-login .social-login a.googleplus .social-line:before {
    background-color: #b42f25
}

.account-login .social-login a.lineplus .social-line:before {
    background-color: #00C300
}
.account-login .social-login a.googleplus .social-line:after {
    background-color: #df6960
}
.account-login .social-login a.lineplus .social-line:after {
    background-color: #00E000
}
.account-login .social-login a .social-title {
    position: relative;
    vertical-align: middle;
    padding-left: 20px
}

.account-login .sep-line {
    text-align: center;
    position: relative;
    display: table
}

@media screen and (max-width: 609px) {
    .account-login .sep-line {
        width: 100%;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.account-login .sep-line:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: #c9c9c9;
    left: 50%;
    margin-left: -1px
}

@media screen and (max-width: 609px) {
    .account-login .sep-line:before {
        top: 0;
        left: 0;
        position: relative;
        height: 1px;
        width: 100%;
        margin: 20px 0;
        display: block;
        margin-bottom: -25px
    }
}

.account-login .sep-line .sep-line-inner {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 609px) {
    .account-login .sep-line .sep-line-inner {
        display: block
    }
}

.account-login .sep-line .sep-line-inner .sep-line-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    width: 50px;
    height: 50px;
    line-height: 44px;
    font-size: 20px;
    display: block;
    margin: 0 auto;
    background-color: #F5F5F5;
    color: #c9c9c9;
    font-weight: 700
}

.account-login .register-forget {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #EAEAEA
}

.account-login .register-forget li {
    display: inline-block
}

.account-login .register-forget li span {
    padding: 0 10px;
    color: #C9C9C9
}

.account-login .register-forget li a:hover {
    color: #2980B9
}

@media screen and (max-width: 539px) {
    .register-form .form-group select {
        margin-bottom: 20px
    }
}

.register-form .fill-in {
    padding: 10px;
    color: #2980B9;
    font-weight: 600
}

.register-form .accept a {
    display: inline-block;
    vertical-align: middle
}

[name="zipcode"] {
    display: none
}

.btn-outline,
.btn-empty {
    border: 1px solid #ddd;
    padding: 12px;
    background: #eee;
    color: #333 !important
}

.btn-outline:hover,
.btn-empty:hover {
    color: #fff !important;
    border: 1px solid #2980B9;
    background: #2980B9
}

.shipping-form {
    margin-bottom: 30px
}

.checkout-data:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd
}

.checkout-data:last-child:after {
    display: none
}

.checkout-data .ship-data {
    padding-top: 10px
}

.checkout-data .ship-data label {
    font-weight: 600;
    color: #2980B9
}

.checkout-data .ship-data label input {
    width: 40px
}

.checkout-data .ship-data:hover label {
    color: #333;
    cursor: pointer
}

.checkout-data .ship-info {
    font-size: 14px;
    padding-left: 40px
}

.totals {
    margin-bottom: 30px
}

.checkout-step-btn {
    text-align: center;
    padding: 30px 0
}

.checkout-step-btn ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

@media screen and (max-width: 767px) {
    .checkout-step-btn ul li {
        padding: 0
    }
}

.confirm-form {
    margin-top: 20px;
    margin-bottom: 25px
}

.confirm-form h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 2px #ddd solid;
    padding: 10px 0;
    letter-spacing: 1px;
    margin-top: auto;
    font-weight: 600
}

.confirm-form h3 span {
    border-bottom: 2px solid #2980B9;
    height: 28px;
    padding-bottom: 9px
}

@media screen and (max-width: 539px) {
    .confirm-form .form-group select {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 992px) {
    .confirm-form .radio-height {
        padding-top: 38px
    }
}

.address-info {
    margin-bottom: 30px
}

.address-info ul li {
    padding: 10px 0
}

.address-info ul li label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    width: 90px;
    color: #ABABAB
}

.address-info ul li .confirm-info {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .address-info ul li .confirm-info {
        display: block
    }
}

.order-complete .order-info {
    padding: 15px;
    margin-bottom: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F5F5F5;
    border: 1px solid #E6E6E6
}

.order-complete .order-info .title-order-number {
    margin-top: 0
}

.order-complete .order-info .order-message {
    margin: 0
}

.order-complete .order-info .order-message span {
    color: #2980B9
}

.order-complete .totals {
    margin: 0
}

.order-complete .totals .checkout-postage {
    border-top: 1px solid #ddd;
    border-bottom: 0
}

.gallery {
    margin-bottom: 20px;
    margin: 0 -5px
}

.gallery li {
    float: left;
    width: 33.33333%;
    padding: 0 5px
}

.gallery li .bg-cover .gallery-title {
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    margin-top: 32px;
    font-size: 22px
}

.gallery li .bg-cover i {
    opacity: 0;
    font-size: 22px;
    color: #fff;
    padding: 5px
}

.gallery li a:hover .gallery-title {
    margin-top: 0
}

.gallery li a:hover i {
    opacity: 1
}

.gallery li:nth-child(6n+6) {
    width: 100%
}

.gallery li:nth-child(6n+4),
.gallery li:nth-child(6n+5) {
    width: 50%
}

.gallery li:nth-child(6n+6) {
    width: 100%
}

@media screen and (max-width: 767px) {
    .gallery li {
        width: 50%
    }

    .gallery li:nth-child(5) {
        width: 100%
    }
}

@media screen and (max-width: 460px) {
    .gallery li {
        width: 100%
    }

    .gallery li:nth-child(4),
    .gallery li:nth-child(5) {
        width: 100%
    }
}

.gallery.gallery-content li {
    width: 20%
}

@media screen and (max-width: 991px) {
    .gallery.gallery-content li {
        width: 33.33333%
    }
}

@media screen and (max-width: 539px) {
    .gallery.gallery-content li {
        width: 50%
    }
}

.gallery.gallery-content li img {
    width: 100%;
    height: auto
}

.gallery.gallery-content li .bg-cover {
    height: auto
}

.gallery.gallery-content li .bg-cover i {
    color: #fff;
    font-size: 30px
}

.download tbody th,
.download tbody td {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    vertical-align: middle
}

.download .downloads-link {
    color: #2980B9
}

.search-result .search-result-text {
    display: block
}

.search-result .search-result-text:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd
}

.search-result .search-result-text:last-child:after {
    display: none
}

.search-result .search-result-text span {
    font-size: 18px;
    padding: 0 10px;
    color: #af88e0
}

.inquiry .inquiry-item li {
    display: inline-block;
    vertical-align: middle;
    background: #2472A6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px
}

.inquiry .inquiry-item li a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    padding: 3px 13px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
}

.inquiry .inquiry-item li a:hover {
    background: #422f59
}

.inquiry .inquiry-item li .remove {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-left: 1px solid #573A7D;
    font-size: 16px;
    position: relative;
    padding: 3px 16px 5px 16px;
    cursor: pointer;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
}

.inquiry .inquiry-item li .remove:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #886CAC;
    position: absolute;
    left: 0px;
    top: 0
}

.inquiry .inquiry-item li .remove:hover {
    background: #422f59
}

.privacy-list ol {
    margin-left: 20px
}

.privacy-list ol li {
    list-style-type: decimal
}

.privacy-list ol li ul {
    margin-left: 20px
}

.privacy-list ol li ul li {
    list-style-type: disc
}

.user-term h6 {
    font-size: 16px;
    font-weight: 600
}

.user-term p {
    margin-left: 18px
}

.user-term ul {
    margin-left: 40px
}

.user-term ul li {
    list-style-type: disc
}

.user-term ul li ol li {
    list-style-type: upper-roman
}

.user-term ol {
    margin-left: 40px
}

.user-term ol li {
    list-style-type: disc
}

.user-term ol li ol>li {
    list-style-type: upper-roman
}

.page-not-found {
    background: url(../images/404.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 10%
}

@media screen and (max-width: 767px) {
    .page-not-found {
        padding-top: 14%
    }
}

@media screen and (max-width: 590px) {
    .page-not-found {
        padding-top: 20%
    }
}

@media screen and (max-width: 390px) {
    .page-not-found {
        padding-top: 28%
    }
}

.page-not-found .error-inner {
    max-width: 500px;
    margin: 0 auto;
    color: #535353;
    background: #EDEDED
}

.page-not-found .error-title {
    text-align: center
}

.page-not-found .error-title h2 {
    font-size: 11em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 15px;
    text-shadow: 0 3px 2px #fff
}

@media screen and (max-width: 991px) {
    .page-not-found .error-title h2 {
        font-size: 9em
    }
}

@media screen and (max-width: 590px) {
    .page-not-found .error-title h2 {
        font-size: 7em
    }
}

.page-not-found .error-title h2 i {
    vertical-align: bottom
}

.page-not-found .error-link {
    padding: 0 30px 50px 30px
}

.page-not-found .error-link h3 {
    color: #A43030;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: none
}

.page-not-found .error-link h3 img {
    margin-right: 8px;
    vertical-align: text-bottom
}

.page-not-found .error-link p {
    color: #666;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 0.75em
}

.page-not-found .error-link ul li:after {
    display: block;
    content: "";
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px dotted #ddd;
    margin: 10px 0;
    border-color: #A6A6A6
}

.page-not-found .error-link ul li:last-child:after {
    display: none
}

.page-not-found .error-link ul li a {
    display: block;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.page-not-found .error-link ul li a:hover {
    color: #fff;
    background-color: #2980B9
}

/*# sourceMappingURL=style.css.map */